@aplus-frontend/antdv
Version:
Vue basic component library maintained based on ant-design-vue
40 lines (39 loc) • 1.09 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.useTransitionDuration = exports.defaultProps = void 0;
var _vue = require("vue");
const defaultProps = exports.defaultProps = {
percent: 0,
prefixCls: 'vc-progress',
strokeColor: '#2db7f5',
strokeLinecap: 'round',
strokeWidth: 1,
trailColor: '#D9D9D9',
trailWidth: 1
};
const useTransitionDuration = paths => {
const prevTimeStamp = (0, _vue.ref)(null);
(0, _vue.onUpdated)(() => {
const now = Date.now();
let updated = false;
paths.value.forEach(val => {
const path = (val === null || val === void 0 ? void 0 : val.$el) || val;
if (!path) {
return;
}
updated = true;
const 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;
;