chore: code style optimization (#43722)

* code style optimization

* fix

* fix

* Update components.test.tsx.snap

Signed-off-by: lijianan <574980606@qq.com>

---------

Signed-off-by: lijianan <574980606@qq.com>
Co-authored-by: 我们去月球漫步 <13105694+flymetothemoon-wj@user.noreply.gitee.com>
Co-authored-by: lijianan <574980606@qq.com>

components/progress/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -11,7 +11,7 @@ exports[`renders components/progress/demo/circle.tsx extend context correctly 1`
   >
     <div
       aria-valuenow="75"
-      class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -68,7 +68,7 @@ exports[`renders components/progress/demo/circle.tsx extend context correctly 1`
   >
     <div
       aria-valuenow="70"
-      class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-exception ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -142,7 +142,7 @@ exports[`renders components/progress/demo/circle.tsx extend context correctly 1`
   >
     <div
       aria-valuenow="100"
-      class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -217,7 +217,7 @@ exports[`renders components/progress/demo/circle-dynamic.tsx extend context corr
 Array [
   <div
     aria-valuenow="0"
-    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
     role="progressbar"
     style="margin-right: 8px;"
   >
@@ -341,7 +341,7 @@ exports[`renders components/progress/demo/circle-micro.tsx extend context correc
 Array [
   <div
     aria-valuenow="60"
-    class="ant-progress ant-progress-inline-circle ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+    class="ant-progress ant-progress-status-normal ant-progress-inline-circle ant-progress-circle ant-progress-show-info"
     role="progressbar"
   >
     <div
@@ -431,7 +431,7 @@ exports[`renders components/progress/demo/circle-mini.tsx extend context correct
   >
     <div
       aria-valuenow="30"
-      class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+      class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
       role="progressbar"
     >
       <div
@@ -488,7 +488,7 @@ exports[`renders components/progress/demo/circle-mini.tsx extend context correct
   >
     <div
       aria-valuenow="70"
-      class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info"
+      class="ant-progress ant-progress-status-exception ant-progress-circle ant-progress-show-info"
       role="progressbar"
     >
       <div
@@ -562,7 +562,7 @@ exports[`renders components/progress/demo/circle-mini.tsx extend context correct
   >
     <div
       aria-valuenow="100"
-      class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"
+      class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info"
       role="progressbar"
     >
       <div
@@ -644,7 +644,7 @@ exports[`renders components/progress/demo/dashboard.tsx extend context correctly
   >
     <div
       aria-valuenow="75"
-      class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -701,7 +701,7 @@ exports[`renders components/progress/demo/dashboard.tsx extend context correctly
   >
     <div
       aria-valuenow="75"
-      class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -759,7 +759,7 @@ exports[`renders components/progress/demo/dynamic.tsx extend context correctly 1
 Array [
   <div
     aria-valuenow="0"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -862,7 +862,7 @@ exports[`renders components/progress/demo/format.tsx extend context correctly 1`
   >
     <div
       aria-valuenow="75"
-      class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -919,7 +919,7 @@ exports[`renders components/progress/demo/format.tsx extend context correctly 1`
   >
     <div
       aria-valuenow="100"
-      class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -977,7 +977,7 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
 Array [
   <div
     aria-valuenow="99"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1002,7 +1002,7 @@ Array [
   </div>,
   <div
     aria-valuenow="99"
-    class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-active ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1035,7 +1035,7 @@ Array [
     >
       <div
         aria-valuenow="90"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1111,7 +1111,7 @@ Array [
     >
       <div
         aria-valuenow="100"
-        class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1206,7 +1206,7 @@ exports[`renders components/progress/demo/line.tsx extend context correctly 1`]
 Array [
   <div
     aria-valuenow="30"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1231,7 +1231,7 @@ Array [
   </div>,
   <div
     aria-valuenow="50"
-    class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-active ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1256,7 +1256,7 @@ Array [
   </div>,
   <div
     aria-valuenow="70"
-    class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-exception ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1298,7 +1298,7 @@ Array [
   </div>,
   <div
     aria-valuenow="100"
-    class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-success ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1340,7 +1340,7 @@ Array [
   </div>,
   <div
     aria-valuenow="50"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1366,7 +1366,7 @@ exports[`renders components/progress/demo/line-mini.tsx extend context correctly
 >
   <div
     aria-valuenow="30"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-small"
     role="progressbar"
   >
     <div
@@ -1391,7 +1391,7 @@ exports[`renders components/progress/demo/line-mini.tsx extend context correctly
   </div>
   <div
     aria-valuenow="50"
-    class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-small"
+    class="ant-progress ant-progress-status-active ant-progress-line ant-progress-show-info ant-progress-small"
     role="progressbar"
   >
     <div
@@ -1416,7 +1416,7 @@ exports[`renders components/progress/demo/line-mini.tsx extend context correctly
   </div>
   <div
     aria-valuenow="70"
-    class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-small"
+    class="ant-progress ant-progress-status-exception ant-progress-line ant-progress-show-info ant-progress-small"
     role="progressbar"
   >
     <div
@@ -1458,7 +1458,7 @@ exports[`renders components/progress/demo/line-mini.tsx extend context correctly
   </div>
   <div
     aria-valuenow="100"
-    class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-small"
+    class="ant-progress ant-progress-status-success ant-progress-line ant-progress-show-info ant-progress-small"
     role="progressbar"
   >
     <div
@@ -1505,7 +1505,7 @@ exports[`renders components/progress/demo/linecap.tsx extend context correctly 1
 Array [
   <div
     aria-valuenow="75"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1539,7 +1539,7 @@ Array [
     >
       <div
         aria-valuenow="75"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1596,7 +1596,7 @@ Array [
     >
       <div
         aria-valuenow="75"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1655,7 +1655,7 @@ exports[`renders components/progress/demo/segment.tsx extend context correctly 1
 Array [
   <div
     aria-valuenow="30"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1711,7 +1711,7 @@ Array [
     >
       <div
         aria-valuenow="30"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1787,7 +1787,7 @@ Array [
     >
       <div
         aria-valuenow="30"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1872,7 +1872,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1902,7 +1902,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"
+        class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-small"
         role="progressbar"
       >
         <div
@@ -1931,7 +1931,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"
+        class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info"
         role="progressbar"
       >
         <div
@@ -1967,7 +1967,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -2024,7 +2024,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-small"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-small"
         role="progressbar"
       >
         <div
@@ -2080,7 +2080,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-inline-circle ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+        class="ant-progress ant-progress-status-normal ant-progress-inline-circle ant-progress-circle ant-progress-show-info"
         role="progressbar"
       >
         <div
@@ -2163,7 +2163,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -2220,7 +2220,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-small"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-small"
         role="progressbar"
       >
         <div
@@ -2276,7 +2276,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
         role="progressbar"
       >
         <div
@@ -2360,7 +2360,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -2393,7 +2393,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-small"
+        class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-small"
         role="progressbar"
       >
         <div
@@ -2426,7 +2426,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info"
+        class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info"
         role="progressbar"
       >
         <div
@@ -2459,7 +2459,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info"
+        class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info"
         role="progressbar"
       >
         <div
@@ -2494,7 +2494,7 @@ exports[`renders components/progress/demo/steps.tsx extend context correctly 1`]
 Array [
   <div
     aria-valuenow="50"
-    class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -2523,7 +2523,7 @@ Array [
   <br />,
   <div
     aria-valuenow="30"
-    class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -2560,7 +2560,7 @@ Array [
   <br />,
   <div
     aria-valuenow="100"
-    class="ant-progress ant-progress-steps ant-progress-status-success ant-progress-show-info ant-progress-small"
+    class="ant-progress ant-progress-status-success ant-progress-steps ant-progress-show-info ant-progress-small"
     role="progressbar"
   >
     <div
@@ -2614,7 +2614,7 @@ Array [
   <br />,
   <div
     aria-valuenow="60"
-    class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div

components/progress/__tests__/__snapshots__/demo.test.ts.snap

@@ -11,7 +11,7 @@ exports[`renders components/progress/demo/circle.tsx correctly 1`] = `
   >
     <div
       aria-valuenow="75"
-      class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -68,7 +68,7 @@ exports[`renders components/progress/demo/circle.tsx correctly 1`] = `
   >
     <div
       aria-valuenow="70"
-      class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-exception ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -142,7 +142,7 @@ exports[`renders components/progress/demo/circle.tsx correctly 1`] = `
   >
     <div
       aria-valuenow="100"
-      class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -217,7 +217,7 @@ exports[`renders components/progress/demo/circle-dynamic.tsx correctly 1`] = `
 Array [
   <div
     aria-valuenow="0"
-    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
     role="progressbar"
     style="margin-right:8px"
   >
@@ -341,7 +341,7 @@ exports[`renders components/progress/demo/circle-micro.tsx correctly 1`] = `
 Array [
   <div
     aria-valuenow="60"
-    class="ant-progress ant-progress-inline-circle ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+    class="ant-progress ant-progress-status-normal ant-progress-inline-circle ant-progress-circle ant-progress-show-info"
     role="progressbar"
   >
     <div
@@ -407,7 +407,7 @@ exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
   >
     <div
       aria-valuenow="30"
-      class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+      class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
       role="progressbar"
     >
       <div
@@ -464,7 +464,7 @@ exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
   >
     <div
       aria-valuenow="70"
-      class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info"
+      class="ant-progress ant-progress-status-exception ant-progress-circle ant-progress-show-info"
       role="progressbar"
     >
       <div
@@ -538,7 +538,7 @@ exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
   >
     <div
       aria-valuenow="100"
-      class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"
+      class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info"
       role="progressbar"
     >
       <div
@@ -620,7 +620,7 @@ exports[`renders components/progress/demo/dashboard.tsx correctly 1`] = `
   >
     <div
       aria-valuenow="75"
-      class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -677,7 +677,7 @@ exports[`renders components/progress/demo/dashboard.tsx correctly 1`] = `
   >
     <div
       aria-valuenow="75"
-      class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -735,7 +735,7 @@ exports[`renders components/progress/demo/dynamic.tsx correctly 1`] = `
 Array [
   <div
     aria-valuenow="0"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -838,7 +838,7 @@ exports[`renders components/progress/demo/format.tsx correctly 1`] = `
   >
     <div
       aria-valuenow="75"
-      class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -895,7 +895,7 @@ exports[`renders components/progress/demo/format.tsx correctly 1`] = `
   >
     <div
       aria-valuenow="100"
-      class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
+      class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
       role="progressbar"
     >
       <div
@@ -953,7 +953,7 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
 Array [
   <div
     aria-valuenow="99"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -978,7 +978,7 @@ Array [
   </div>,
   <div
     aria-valuenow="99"
-    class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-active ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1011,7 +1011,7 @@ Array [
     >
       <div
         aria-valuenow="90"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1087,7 +1087,7 @@ Array [
     >
       <div
         aria-valuenow="100"
-        class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1182,7 +1182,7 @@ exports[`renders components/progress/demo/line.tsx correctly 1`] = `
 Array [
   <div
     aria-valuenow="30"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1207,7 +1207,7 @@ Array [
   </div>,
   <div
     aria-valuenow="50"
-    class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-active ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1232,7 +1232,7 @@ Array [
   </div>,
   <div
     aria-valuenow="70"
-    class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-exception ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1274,7 +1274,7 @@ Array [
   </div>,
   <div
     aria-valuenow="100"
-    class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-success ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1316,7 +1316,7 @@ Array [
   </div>,
   <div
     aria-valuenow="50"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1342,7 +1342,7 @@ exports[`renders components/progress/demo/line-mini.tsx correctly 1`] = `
 >
   <div
     aria-valuenow="30"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-small"
     role="progressbar"
   >
     <div
@@ -1367,7 +1367,7 @@ exports[`renders components/progress/demo/line-mini.tsx correctly 1`] = `
   </div>
   <div
     aria-valuenow="50"
-    class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-small"
+    class="ant-progress ant-progress-status-active ant-progress-line ant-progress-show-info ant-progress-small"
     role="progressbar"
   >
     <div
@@ -1392,7 +1392,7 @@ exports[`renders components/progress/demo/line-mini.tsx correctly 1`] = `
   </div>
   <div
     aria-valuenow="70"
-    class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-small"
+    class="ant-progress ant-progress-status-exception ant-progress-line ant-progress-show-info ant-progress-small"
     role="progressbar"
   >
     <div
@@ -1434,7 +1434,7 @@ exports[`renders components/progress/demo/line-mini.tsx correctly 1`] = `
   </div>
   <div
     aria-valuenow="100"
-    class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-small"
+    class="ant-progress ant-progress-status-success ant-progress-line ant-progress-show-info ant-progress-small"
     role="progressbar"
   >
     <div
@@ -1481,7 +1481,7 @@ exports[`renders components/progress/demo/linecap.tsx correctly 1`] = `
 Array [
   <div
     aria-valuenow="75"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1515,7 +1515,7 @@ Array [
     >
       <div
         aria-valuenow="75"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1572,7 +1572,7 @@ Array [
     >
       <div
         aria-valuenow="75"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1631,7 +1631,7 @@ exports[`renders components/progress/demo/segment.tsx correctly 1`] = `
 Array [
   <div
     aria-valuenow="30"
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -1668,7 +1668,7 @@ Array [
     >
       <div
         aria-valuenow="30"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1725,7 +1725,7 @@ Array [
     >
       <div
         aria-valuenow="30"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1791,7 +1791,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1821,7 +1821,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"
+        class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-small"
         role="progressbar"
       >
         <div
@@ -1850,7 +1850,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"
+        class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info"
         role="progressbar"
       >
         <div
@@ -1886,7 +1886,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -1943,7 +1943,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-small"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-small"
         role="progressbar"
       >
         <div
@@ -1999,7 +1999,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-inline-circle ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+        class="ant-progress ant-progress-status-normal ant-progress-inline-circle ant-progress-circle ant-progress-show-info"
         role="progressbar"
       >
         <div
@@ -2058,7 +2058,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -2115,7 +2115,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-small"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-small"
         role="progressbar"
       >
         <div
@@ -2171,7 +2171,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+        class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
         role="progressbar"
       >
         <div
@@ -2231,7 +2231,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
+        class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
         role="progressbar"
       >
         <div
@@ -2264,7 +2264,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-small"
+        class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-small"
         role="progressbar"
       >
         <div
@@ -2297,7 +2297,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info"
+        class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info"
         role="progressbar"
       >
         <div
@@ -2330,7 +2330,7 @@ Array [
     >
       <div
         aria-valuenow="50"
-        class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info"
+        class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info"
         role="progressbar"
       >
         <div
@@ -2365,7 +2365,7 @@ exports[`renders components/progress/demo/steps.tsx correctly 1`] = `
 Array [
   <div
     aria-valuenow="50"
-    class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -2394,7 +2394,7 @@ Array [
   <br />,
   <div
     aria-valuenow="30"
-    class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -2431,7 +2431,7 @@ Array [
   <br />,
   <div
     aria-valuenow="100"
-    class="ant-progress ant-progress-steps ant-progress-status-success ant-progress-show-info ant-progress-small"
+    class="ant-progress ant-progress-status-success ant-progress-steps ant-progress-show-info ant-progress-small"
     role="progressbar"
   >
     <div
@@ -2485,7 +2485,7 @@ Array [
   <br />,
   <div
     aria-valuenow="60"
-    class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div

components/progress/__tests__/__snapshots__/index.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Progress render dashboard 295 gapDegree 1`] = `
 <div
   aria-valuenow="0"
-  class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -58,7 +58,7 @@ exports[`Progress render dashboard 295 gapDegree 1`] = `
 exports[`Progress render dashboard 296 gapDegree 1`] = `
 <div
   aria-valuenow="0"
-  class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -113,7 +113,7 @@ exports[`Progress render dashboard 296 gapDegree 1`] = `
 exports[`Progress render dashboard zero gapDegree 1`] = `
 <div
   aria-valuenow="0"
-  class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -168,7 +168,7 @@ exports[`Progress render dashboard zero gapDegree 1`] = `
 exports[`Progress render format 1`] = `
 <div
   aria-valuenow="10"
-  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -200,7 +200,7 @@ exports[`Progress render format 1`] = `
 exports[`Progress render negative progress 1`] = `
 <div
   aria-valuenow="-20"
-  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -228,7 +228,7 @@ exports[`Progress render negative progress 1`] = `
 exports[`Progress render negative successPercent 1`] = `
 <div
   aria-valuenow="-20"
-  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -260,7 +260,7 @@ exports[`Progress render negative successPercent 1`] = `
 exports[`Progress render normal progress 1`] = `
 <div
   aria-valuenow="0"
-  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -288,7 +288,7 @@ exports[`Progress render normal progress 1`] = `
 exports[`Progress render out-of-range progress 1`] = `
 <div
   aria-valuenow="120"
-  class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-success ant-progress-line ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -333,7 +333,7 @@ exports[`Progress render out-of-range progress 1`] = `
 exports[`Progress render out-of-range progress with info 1`] = `
 <div
   aria-valuenow="120"
-  class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-success ant-progress-line ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -378,7 +378,7 @@ exports[`Progress render out-of-range progress with info 1`] = `
 exports[`Progress render strokeColor 1`] = `
 <div
   aria-valuenow="50"
-  class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -433,7 +433,7 @@ exports[`Progress render strokeColor 1`] = `
 exports[`Progress render strokeColor 2`] = `
 <div
   aria-valuenow="50"
-  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -461,7 +461,7 @@ exports[`Progress render strokeColor 2`] = `
 exports[`Progress render strokeColor 3`] = `
 <div
   aria-valuenow="50"
-  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -490,7 +490,7 @@ exports[`Progress render strokeWidth of progress 1`] = `
 <div>
   <div
     aria-valuenow="30"
-    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+    class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
     role="progressbar"
   >
     <div
@@ -546,7 +546,7 @@ exports[`Progress render strokeWidth of progress 1`] = `
 exports[`Progress render successColor progress 1`] = `
 <div
   aria-valuenow="30"
-  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -578,7 +578,7 @@ exports[`Progress render successColor progress 1`] = `
 exports[`Progress render successColor progress type="circle" 1`] = `
 <div
   aria-valuenow="30"
-  class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -633,7 +633,7 @@ exports[`Progress render successColor progress type="circle" 1`] = `
 exports[`Progress render successColor progress type="dashboard" 1`] = `
 <div
   aria-valuenow="30"
-  class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -688,7 +688,7 @@ exports[`Progress render successColor progress type="dashboard" 1`] = `
 exports[`Progress render trailColor progress 1`] = `
 <div
   aria-valuenow="0"
-  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div
@@ -717,7 +717,7 @@ exports[`Progress render trailColor progress 1`] = `
 exports[`Progress rtl render component should be rendered correctly in RTL direction 1`] = `
 <div
   aria-valuenow="0"
-  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default ant-progress-rtl"
+  class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default ant-progress-rtl"
   role="progressbar"
 >
   <div
@@ -745,7 +745,7 @@ exports[`Progress rtl render component should be rendered correctly in RTL direc
 exports[`Progress should support steps 1`] = `
 <div
   aria-valuenow="0"
-  class="ant-progress ant-progress-steps ant-progress-status-normal ant-progress-show-info ant-progress-default"
+  class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
   role="progressbar"
 >
   <div

components/progress/progress.tsx

@@ -164,10 +164,10 @@ const Progress = React.forwardRef<HTMLDivElement, ProgressProps>((props, ref) =>
 
   const classString = classNames(
     prefixCls,
+    `${prefixCls}-status-${progressStatus}`,
     {
       [`${prefixCls}-inline-circle`]: type === 'circle' && getSize(size, 'circle')[0] <= 20,
       [`${prefixCls}-${(type === 'dashboard' && 'circle') || (steps && 'steps') || type}`]: true,
-      [`${prefixCls}-status-${progressStatus}`]: true,
       [`${prefixCls}-show-info`]: showInfo,
       [`${prefixCls}-${size}`]: typeof size === 'string',
       [`${prefixCls}-rtl`]: direction === 'rtl',

components/steps/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -2583,7 +2583,7 @@ Array [
           >
             <div
               aria-valuenow="60"
-              class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+              class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
               role="progressbar"
             >
               <div
@@ -3350,7 +3350,7 @@ exports[`renders components/steps/demo/progress.tsx extend context correctly 1`]
         >
           <div
             aria-valuenow="60"
-            class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+            class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
             role="progressbar"
           >
             <div
@@ -3598,7 +3598,7 @@ Array [
           >
             <div
               aria-valuenow="0"
-              class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+              class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
               role="progressbar"
             >
               <div
@@ -3781,7 +3781,7 @@ Array [
           >
             <div
               aria-valuenow="0"
-              class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+              class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
               role="progressbar"
             >
               <div
@@ -3964,7 +3964,7 @@ Array [
           >
             <div
               aria-valuenow="0"
-              class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+              class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
               role="progressbar"
             >
               <div
@@ -4147,7 +4147,7 @@ Array [
           >
             <div
               aria-valuenow="0"
-              class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+              class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
               role="progressbar"
             >
               <div

components/steps/__tests__/__snapshots__/demo.test.ts.snap

@@ -2255,7 +2255,7 @@ Array [
           >
             <div
               aria-valuenow="60"
-              class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+              class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
               role="progressbar"
             >
               <div
@@ -3022,7 +3022,7 @@ exports[`renders components/steps/demo/progress.tsx correctly 1`] = `
         >
           <div
             aria-valuenow="60"
-            class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+            class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
             role="progressbar"
           >
             <div
@@ -3270,7 +3270,7 @@ Array [
           >
             <div
               aria-valuenow="0"
-              class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+              class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
               role="progressbar"
             >
               <div
@@ -3453,7 +3453,7 @@ Array [
           >
             <div
               aria-valuenow="0"
-              class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+              class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
               role="progressbar"
             >
               <div
@@ -3636,7 +3636,7 @@ Array [
           >
             <div
               aria-valuenow="0"
-              class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+              class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
               role="progressbar"
             >
               <div
@@ -3819,7 +3819,7 @@ Array [
           >
             <div
               aria-valuenow="0"
-              class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+              class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
               role="progressbar"
             >
               <div

components/tooltip/index.tsx

@@ -339,9 +339,7 @@ const Tooltip = React.forwardRef<TooltipRef, TooltipProps>((props, ref) => {
   const childProps = child.props;
   const childCls =
     !childProps.className || typeof childProps.className === 'string'
-      ? classNames(childProps.className, {
-          [openClassName || `${prefixCls}-open`]: true,
-        })
+      ? classNames(childProps.className, openClassName || `${prefixCls}-open`)
       : childProps.className;
 
   // Style
@@ -349,8 +347,11 @@ const Tooltip = React.forwardRef<TooltipRef, TooltipProps>((props, ref) => {
 
   // Color
   const colorInfo = parseColor(prefixCls, color);
-  const formattedOverlayInnerStyle = { ...overlayInnerStyle, ...colorInfo.overlayStyle };
   const arrowContentStyle = colorInfo.arrowStyle;
+  const formattedOverlayInnerStyle: React.CSSProperties = {
+    ...overlayInnerStyle,
+    ...colorInfo.overlayStyle,
+  };
 
   const customOverlayClassName = classNames(
     overlayClassName,

components/upload/UploadList/ListItem.tsx

@@ -95,8 +95,7 @@ const ListItem = React.forwardRef<HTMLDivElement, ListItemProps>(
     let icon = <div className={`${prefixCls}-icon`}>{iconNode}</div>;
     if (listType === 'picture' || listType === 'picture-card' || listType === 'picture-circle') {
       if (mergedStatus === 'uploading' || (!file.thumbUrl && !file.url)) {
-        const uploadingClassName = classNames({
-          [`${prefixCls}-list-item-thumbnail`]: true,
+        const uploadingClassName = classNames(`${prefixCls}-list-item-thumbnail`, {
           [`${prefixCls}-list-item-file`]: mergedStatus !== 'uploading',
         });
         icon = <div className={uploadingClassName}>{iconNode}</div>;

components/upload/UploadList/index.tsx

@@ -165,17 +165,10 @@ const InternalUploadList: React.ForwardRefRenderFunction<UploadListRef, UploadLi
   const prefixCls = getPrefixCls('upload', customizePrefixCls);
   const rootPrefixCls = getPrefixCls();
 
-  const listClassNames = classNames(`${prefixCls}-list`, {
-    [`${prefixCls}-list-${listType}`]: true,
-  });
+  const listClassNames = classNames(`${prefixCls}-list`, `${prefixCls}-list-${listType}`);
 
   // >>> Motion config
-  const motionKeyList = [
-    ...items.map((file) => ({
-      key: file.uid,
-      file,
-    })),
-  ];
+  const motionKeyList = [...items.map((file) => ({ key: file.uid, file }))];
 
   const animationDirection =
     listType === 'picture-card' || listType === 'picture-circle' ? 'animate-inline' : 'animate';