update code

react-component · Jan 4, 2024 · 502b57b · 502b57b
1 parent 4202892
commit 502b57b
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 15 deletions.
diff --git a/src/Circle/index.tsx b/src/Circle/index.tsx
@@ -53,7 +53,9 @@ const Circle: React.FC<ProgressProps> = (props) => {
   >;
   const isConicGradient = gradient && typeof gradient === 'object';
   const mergedStrokeLinecap = isConicGradient ? 'butt' : strokeLinecap;
-  const { indeterminateStylePops, indeterminateStyleTag } = getIndeterminateCircle({ loading });
+  const { indeterminateStyleProps, indeterminateStyleAnimation } = getIndeterminateCircle({
+    loading,
+  });
 
   const circleStyle = getCircleStyle(
     perimeter,
@@ -97,7 +99,7 @@ const Circle: React.FC<ProgressProps> = (props) => {
             radius={radius}
             prefixCls={prefixCls}
             gradientId={gradientId}
-            style={{ ...circleStyleForStack, ...indeterminateStylePops }}
+            style={{ ...circleStyleForStack, ...indeterminateStyleProps }}
             strokeLinecap={mergedStrokeLinecap}
             strokeWidth={strokeWidth}
             gapDegree={gapDegree}
@@ -183,7 +185,7 @@ const Circle: React.FC<ProgressProps> = (props) => {
         />
       )}
       {stepCount ? getStepStokeList() : getStokeList()}
-      {indeterminateStyleTag}
+      {indeterminateStyleAnimation}
     </svg>
   );
 };

diff --git a/src/Line.tsx b/src/Line.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { useTransitionDuration, defaultProps, toArray } from './common';
+import { useTransitionDuration, defaultProps } from './common';
 import type { ProgressProps } from './interface';
 import getIndeterminateLine from './utils/getIndeterminateLine';
 
@@ -36,7 +36,7 @@ const Line: React.FC<ProgressProps> = (props) => {
          L ${strokeLinecap === 'round' ? right : 100},${center}`;
   const viewBoxString = `0 0 100 ${strokeWidth}`;
   let stackPtg = 0;
-  const { indeterminateStylePops, indeterminateStyleTag } = getIndeterminateLine({
+  const { indeterminateStyleProps, indeterminateStyleAnimation } = getIndeterminateLine({
     loading,
     percent: percentList[0],
     strokeLinecap,
@@ -78,7 +78,7 @@ const Line: React.FC<ProgressProps> = (props) => {
           transition:
             transition ||
             'stroke-dashoffset 0.3s ease 0s, stroke-dasharray .3s ease 0s, stroke 0.3s linear',
-          ...indeterminateStylePops,
+          ...indeterminateStyleProps,
         };
         const color = strokeColorList[index] || strokeColorList[strokeColorList.length - 1];
         stackPtg += ptg;
@@ -103,7 +103,7 @@ const Line: React.FC<ProgressProps> = (props) => {
           />
         );
       })}
-      {indeterminateStyleTag}
+      {indeterminateStyleAnimation}
     </svg>
   );
 };

diff --git a/src/utils/getIndeterminateCircle.tsx b/src/utils/getIndeterminateCircle.tsx
@@ -7,19 +7,19 @@ interface IndeterminateOption {
 export default (options: IndeterminateOption) => {
   if (!options.loading) {
     return {
-      indeterminateStylePops: {},
-      indeterminateStyleTag: null,
+      indeterminateStyleProps: {},
+      indeterminateStyleAnimation: null,
     };
   }
 
   const animationName = 'circle-indeterminate-animate';
 
   return {
-    indeterminateStylePops: {
+    indeterminateStyleProps: {
       transform: 'rotate(0deg)',
       animation: `${animationName} 1s linear infinite`,
     },
-    indeterminateStyleTag: (
+    indeterminateStyleAnimation: (
       <style>
         {`@keyframes ${animationName} {
             0 % { transform: rotate(0deg);}

diff --git a/src/utils/getIndeterminateLine.tsx b/src/utils/getIndeterminateLine.tsx
@@ -11,20 +11,20 @@ export default (options: IndeterminateOption) => {
   const { percent, strokeLinecap, strokeWidth, loading } = options;
   if (!loading) {
     return {
-      indeterminateStylePops: {},
-      indeterminateStyleTag: null,
+      indeterminateStyleProps: {},
+      indeterminateStyleAnimation: null,
     };
   }
   const animationName = 'line-indeterminate-animate';
   const strokeDashOffset = 100 - (percent + (strokeLinecap === 'round' ? strokeWidth : 0));
 
   return {
-    indeterminateStylePops: {
+    indeterminateStyleProps: {
       strokeDasharray: `${percent} 100`,
       animation: `${animationName} .6s linear alternate infinite`,
       strokeDashoffset: 0,
     },
-    indeterminateStyleTag: (
+    indeterminateStyleAnimation: (
       <style>
         {`@keyframes ${animationName} {
             0% { stroke-dashoffset: 0; }