12345678910111213141516171819202122232425262728293031323334 |
- import { useRef, useEffect } from 'react';
- export var defaultProps = {
- percent: 0,
- prefixCls: 'rc-progress',
- strokeColor: '#2db7f5',
- strokeLinecap: 'round',
- strokeWidth: 1,
- trailColor: '#D9D9D9',
- trailWidth: 1,
- gapPosition: 'bottom'
- };
- export var useTransitionDuration = function useTransitionDuration() {
- var pathsRef = useRef([]);
- var prevTimeStamp = useRef(null);
- useEffect(function () {
- var now = Date.now();
- var updated = false;
- pathsRef.current.forEach(function (path) {
- if (!path) {
- return;
- }
- updated = true;
- var pathStyle = path.style;
- pathStyle.transitionDuration = '.3s, .3s, .3s, .06s';
- if (prevTimeStamp.current && now - prevTimeStamp.current < 100) {
- pathStyle.transitionDuration = '0s, 0s';
- }
- });
- if (updated) {
- prevTimeStamp.current = Date.now();
- }
- });
- return pathsRef.current;
- };
|