update enhancer

Author: zombieJ

src/Circle.js

@@ -74,11 +74,16 @@ class Circle extends Component {
           strokeWidth={ptg === 0 ? 0 : strokeWidth}
           fillOpacity="0"
           style={pathStyle}
+          ref={(path) => {
+            this.paths[index] = path;
+          }}
         />
       );
     });
   }
 
+  paths = {};
+
   render() {
     const {
       prefixCls, strokeWidth, trailWidth,

src/Line.js

@@ -3,6 +3,8 @@ import enhancer from './enhancer';
 import { propTypes, defaultProps } from './types';
 
 class Line extends Component {
+  paths = {};
+
   render() {
     const {
       className,
@@ -67,7 +69,9 @@ class Line extends Component {
               stroke={color}
               strokeWidth={strokeWidth}
               fillOpacity="0"
-              ref={(path) => { this.path = path; }}
+              ref={(path) => {
+                this.paths[index] = path;
+              }}
               style={pathStyle}
             />
           );

src/enhancer.js

@@ -1,15 +1,27 @@
 const enhancer = WrappedComponent => class Progress extends WrappedComponent {
   componentDidUpdate() {
-    if (!this.path) {
-      return;
-    }
-    const pathStyle = this.path.style;
-    pathStyle.transitionDuration = '.3s, .3s, .3s, .06s';
     const now = Date.now();
-    if (this.prevTimeStamp && now - this.prevTimeStamp < 100) {
-      pathStyle.transitionDuration = '0s, 0s';
+    let updated = false;
+
+    Object.keys(this.paths).forEach((key) => {
+      const path = this.paths[key];
+
+      if (!path) {
+        return;
+      }
+
+      updated = true;
+      const pathStyle = path.style;
+      pathStyle.transitionDuration = '.3s, .3s, .3s, .06s';
+
+      if (this.prevTimeStamp && now - this.prevTimeStamp < 100) {
+        pathStyle.transitionDuration = '0s, 0s';
+      }
+    });
+
+    if (updated) {
+      this.prevTimeStamp = Date.now();
     }
-    this.prevTimeStamp = Date.now();
   }
 
   render() {