index.js
1.2 KB
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
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var component_1 = require('../common/component');
var color_1 = require('../common/color');
var utils_1 = require('../common/utils');
component_1.VantComponent({
props: {
inactive: Boolean,
percentage: {
type: Number,
observer: 'setLeft',
},
pivotText: String,
pivotColor: String,
trackColor: String,
showPivot: {
type: Boolean,
value: true,
},
color: {
type: String,
value: color_1.BLUE,
},
textColor: {
type: String,
value: '#fff',
},
strokeWidth: {
type: null,
value: 4,
},
},
data: {
right: 0,
},
mounted: function () {
this.setLeft();
},
methods: {
setLeft: function () {
var _this = this;
Promise.all([
utils_1.getRect(this, '.van-progress'),
utils_1.getRect(this, '.van-progress__pivot'),
]).then(function (_a) {
var portion = _a[0],
pivot = _a[1];
if (portion && pivot) {
_this.setData({
right: (pivot.width * (_this.data.percentage - 100)) / 100,
});
}
});
},
},
});