You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.4 KiB
56 lines
1.4 KiB
2 years ago
|
"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");
|
||
|
|
(0, 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([
|
||
|
|
(0, utils_1.getRect)(this, '.van-progress'),
|
||
|
|
(0, 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,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|