ant-design-vue
Version:
An enterprise-class UI design language and Vue-based implementation
51 lines (41 loc) • 1.16 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.useTransitionDuration = exports.defaultProps = void 0;
var _vue = require("vue");
var defaultProps = {
percent: 0,
prefixCls: 'vc-progress',
strokeColor: '#2db7f5',
strokeLinecap: 'round',
strokeWidth: 1,
trailColor: '#D9D9D9',
trailWidth: 1
};
exports.defaultProps = defaultProps;
var useTransitionDuration = function useTransitionDuration(paths) {
var prevTimeStamp = (0, _vue.ref)(null);
(0, _vue.onUpdated)(function () {
var now = Date.now();
var updated = false;
paths.value.forEach(function (val) {
var _a;
var path = ((_a = val) === null || _a === void 0 ? void 0 : _a.$el) || val;
if (!path) {
return;
}
updated = true;
var pathStyle = path.style;
pathStyle.transitionDuration = '.3s, .3s, .3s, .06s';
if (prevTimeStamp.value && now - prevTimeStamp.value < 100) {
pathStyle.transitionDuration = '0s, 0s';
}
});
if (updated) {
prevTimeStamp.value = Date.now();
}
});
return paths;
};
exports.useTransitionDuration = useTransitionDuration;