ProgressDiy 修改

FormInsertDiy/ExportComponent/DiyModal/ProgressDiy.js

@@ -6,6 +6,7 @@ import SpinPercent from './SpinPercent';
 
 export default function ProgressDiy(props) {
 	const { componentProps } = props;
+	const { progressDefaultProps } = componentProps;
 	const [data, setData] = useState(componentProps.data || {});
 	const changeData = (newV) => {
 	  setData({
@@ -28,7 +29,7 @@ export default function ProgressDiy(props) {
 	console.log(data);
 	return (
 		<div>
-			<SpinPercent {...data} />
+			<SpinPercent {...data} progressDefaultProps={progressDefaultProps}/>
 		</div>
 	);
 }

FormInsertDiy/ExportComponent/DiyModal/SpinPercent.js

@@ -15,6 +15,7 @@ export default function SpinPercent(props) {
     total,
     speed,
     message,
+    progressDefaultProps,
   } = props;
   if(loadingPercent){
     return (
@@ -28,6 +29,7 @@ export default function SpinPercent(props) {
                     percent={percent}
                     status={status}
                     format={percent => `${speed}/${total}`}
+                    {...progressDefaultProps}
           />
           <div className={styles.textCenter}>
             {message}

FormInsertDiy/ExportComponent/DiyModal/index.js

@@ -37,7 +37,16 @@ export default function DiyModal(props) {
         },
       },
       component: 'ProgressDiy',
-      componentProps: {},
+      componentProps: {
+        progressDefaultProps: {
+          type: 'circle',
+          strokeColor: {
+            '0%': '#108ee9',
+            '100%': '#87d068',
+          },
+          width: 200,
+        },
+      },
     };
   }, []);