1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
import _mergeJSXProps from 'babel-helper-vue-jsx-merge-props';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
import { initDefaultProps } from '../../_util/props-util';
import enhancer from './enhancer';
import { propTypes, defaultProps } from './types';
var Line = {
props: initDefaultProps(propTypes, defaultProps),
render: function render() {
var h = arguments[0];
var _$props = this.$props,
percent = _$props.percent,
prefixCls = _$props.prefixCls,
strokeColor = _$props.strokeColor,
strokeLinecap = _$props.strokeLinecap,
strokeWidth = _$props.strokeWidth,
trailColor = _$props.trailColor,
trailWidth = _$props.trailWidth,
restProps = _objectWithoutProperties(_$props, ['percent', 'prefixCls', 'strokeColor', 'strokeLinecap', 'strokeWidth', 'trailColor', 'trailWidth']);
delete restProps.gapPosition;
var pathStyle = {
strokeDasharray: '100px, 100px',
strokeDashoffset: 100 - percent + 'px',
transition: 'stroke-dashoffset 0.3s ease 0s, stroke 0.3s linear'
};
var center = strokeWidth / 2;
var right = 100 - strokeWidth / 2;
var pathString = 'M ' + (strokeLinecap === 'round' ? center : 0) + ',' + center + '\n L ' + (strokeLinecap === 'round' ? right : 100) + ',' + center;
var viewBoxString = '0 0 100 ' + strokeWidth;
var pathFirst = {
attrs: {
d: pathString,
'stroke-linecap': strokeLinecap,
stroke: trailColor,
'stroke-width': trailWidth || strokeWidth,
'fill-opacity': '0'
},
'class': prefixCls + '-line-trail'
};
var pathSecond = {
attrs: {
d: pathString,
'stroke-linecap': strokeLinecap,
stroke: strokeColor,
'stroke-width': strokeWidth,
'fill-opacity': '0'
},
'class': prefixCls + '-line-path',
style: pathStyle,
ref: 'svgPathRef'
};
return h(
'svg',
_mergeJSXProps([{
'class': prefixCls + '-line',
attrs: { viewBox: viewBoxString,
preserveAspectRatio: 'none'
}
}, restProps]),
[h('path', pathFirst), h('path', pathSecond)]
);
}
};
export default enhancer(Line);