diff --git a/components/_util/theme/interface.ts b/components/_util/theme/interface.ts
index 18dd247409..b9f49c33bc 100644
--- a/components/_util/theme/interface.ts
+++ b/components/_util/theme/interface.ts
@@ -13,6 +13,7 @@ import type { ComponentToken as BackTopComponentToken } from '../../back-top/sty
 import type { ComponentToken as DatePickerComponentToken } from '../../date-picker/style';
 import type { ComponentToken as TimelineComponentToken } from '../../timeline/style';
 import type { ComponentToken as MenuComponentToken } from '../../menu/style';
+import type { ComponentToken as UploadComponentToken } from '../../upload/style';
 import type { ComponentToken as CarouselComponentToken } from '../../carousel/style';
 
 export const PresetColors = [
@@ -88,6 +89,7 @@ export interface OverrideToken {
   Steps?: {};
   Menu?: MenuComponentToken;
   Layout?: {};
+  Upload?: UploadComponentToken;
 }
 
 /** Final token which contains the components level override */
diff --git a/components/_util/theme/themes/default.ts b/components/_util/theme/themes/default.ts
index c2b4a008a3..8adc2c817b 100644
--- a/components/_util/theme/themes/default.ts
+++ b/components/_util/theme/themes/default.ts
@@ -73,9 +73,9 @@ export function derivative(token: SeedToken): DerivativeToken {
     ...colorPalettes,
 
     // motion
-    motionDurationFast: `${motionBase + motionUnit * 1}s`,
-    motionDurationMid: `${motionBase + motionUnit * 2}s`,
-    motionDurationSlow: `${motionBase + motionUnit * 3}s`,
+    motionDurationFast: `${(motionBase + motionUnit * 1).toFixed(1)}s`,
+    motionDurationMid: `${(motionBase + motionUnit * 2).toFixed(1)}s`,
+    motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,
 
     // font
     fontSizes: fontSizes.map(fs => fs.size),
diff --git a/components/card/style/index.tsx b/components/card/style/index.tsx
index f807dc7a23..7b0e2ed1b2 100644
--- a/components/card/style/index.tsx
+++ b/components/card/style/index.tsx
@@ -132,7 +132,7 @@ const genCardGridStyle: GenerateStyle<CardToken> = (token): CSSObject => {
     1px 1px 0 0 ${borderColorSplit},
     1px 0 0 0 ${borderColorSplit} inset,
     0 1px 0 0 ${borderColorSplit} inset;
-    transition: all ${token.motionDurationSlow}s
+    transition: all ${token.motionDurationSlow}
   `, // FIXME: hardcode in v4
 
     '&-hoverable:hover': {
@@ -352,7 +352,7 @@ const genCardStyle: GenerateStyle<CardToken> = (token): CSSObject => {
 
     [`${componentCls}-hoverable`]: {
       cursor: 'pointer',
-      transition: `box-shadow ${token.motionDurationSlow}s, border-color ${token.motionDurationSlow}s`,
+      transition: `box-shadow ${token.motionDurationSlow}, border-color ${token.motionDurationSlow}`,
 
       '&:hover': {
         borderColor: cardHoverableHoverBorder,
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index 3803c8be3b..9bfc1455ba 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -37300,10 +37300,10 @@ exports[`ConfigProvider components TreeSelect prefixCls 1`] = `
 
 exports[`ConfigProvider components Upload configProvider 1`] = `
 <span
-  class=""
+  class="config-upload-wrapper"
 >
   <div
-    class="config-upload config-upload-select config-upload-select-text"
+    class="config-upload config-upload-select"
   >
     <span
       class="config-upload"
@@ -37322,78 +37322,70 @@ exports[`ConfigProvider components Upload configProvider 1`] = `
     class="config-upload-list config-upload-list-text"
   >
     <div
-      class="config-upload-list-text-container"
+      class="config-upload-list-item-container"
     >
       <div
-        class="config-upload-list-item config-upload-list-item-done config-upload-list-item-list-type-text"
+        class="config-upload-list-item config-upload-list-item-done"
       >
         <div
-          class="config-upload-list-item-info"
+          class="config-upload-icon"
         >
           <span
-            class="config-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="config-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="config-upload-list-item-name"
-              title="xxx.png"
-            >
-              xxx.png
-            </span>
-            <span
-              class="config-upload-list-item-card-actions"
-            >
-              <button
-                class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="config-upload-list-item-name"
+          title="xxx.png"
+        >
+          xxx.png
+        </span>
+        <span
+          class="config-upload-list-item-actions"
+        >
+          <button
+            class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -37402,10 +37394,10 @@ exports[`ConfigProvider components Upload configProvider 1`] = `
 
 exports[`ConfigProvider components Upload configProvider componentSize large 1`] = `
 <span
-  class=""
+  class="config-upload-wrapper"
 >
   <div
-    class="config-upload config-upload-select config-upload-select-text"
+    class="config-upload config-upload-select"
   >
     <span
       class="config-upload"
@@ -37424,78 +37416,70 @@ exports[`ConfigProvider components Upload configProvider componentSize large 1`]
     class="config-upload-list config-upload-list-text"
   >
     <div
-      class="config-upload-list-text-container"
+      class="config-upload-list-item-container"
     >
       <div
-        class="config-upload-list-item config-upload-list-item-done config-upload-list-item-list-type-text"
+        class="config-upload-list-item config-upload-list-item-done"
       >
         <div
-          class="config-upload-list-item-info"
+          class="config-upload-icon"
         >
           <span
-            class="config-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="config-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="config-upload-list-item-name"
-              title="xxx.png"
-            >
-              xxx.png
-            </span>
-            <span
-              class="config-upload-list-item-card-actions"
-            >
-              <button
-                class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="config-upload-list-item-name"
+          title="xxx.png"
+        >
+          xxx.png
+        </span>
+        <span
+          class="config-upload-list-item-actions"
+        >
+          <button
+            class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -37504,10 +37488,10 @@ exports[`ConfigProvider components Upload configProvider componentSize large 1`]
 
 exports[`ConfigProvider components Upload configProvider componentSize middle 1`] = `
 <span
-  class=""
+  class="config-upload-wrapper"
 >
   <div
-    class="config-upload config-upload-select config-upload-select-text"
+    class="config-upload config-upload-select"
   >
     <span
       class="config-upload"
@@ -37526,78 +37510,70 @@ exports[`ConfigProvider components Upload configProvider componentSize middle 1`
     class="config-upload-list config-upload-list-text"
   >
     <div
-      class="config-upload-list-text-container"
+      class="config-upload-list-item-container"
     >
       <div
-        class="config-upload-list-item config-upload-list-item-done config-upload-list-item-list-type-text"
+        class="config-upload-list-item config-upload-list-item-done"
       >
         <div
-          class="config-upload-list-item-info"
+          class="config-upload-icon"
         >
           <span
-            class="config-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="config-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="config-upload-list-item-name"
-              title="xxx.png"
-            >
-              xxx.png
-            </span>
-            <span
-              class="config-upload-list-item-card-actions"
-            >
-              <button
-                class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="config-upload-list-item-name"
+          title="xxx.png"
+        >
+          xxx.png
+        </span>
+        <span
+          class="config-upload-list-item-actions"
+        >
+          <button
+            class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -37606,10 +37582,10 @@ exports[`ConfigProvider components Upload configProvider componentSize middle 1`
 
 exports[`ConfigProvider components Upload configProvider virtual and dropdownMatchSelectWidth 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -37628,78 +37604,70 @@ exports[`ConfigProvider components Upload configProvider virtual and dropdownMat
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="xxx.png"
-            >
-              xxx.png
-            </span>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="xxx.png"
+        >
+          xxx.png
+        </span>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -37708,10 +37676,10 @@ exports[`ConfigProvider components Upload configProvider virtual and dropdownMat
 
 exports[`ConfigProvider components Upload normal 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -37730,78 +37698,70 @@ exports[`ConfigProvider components Upload normal 1`] = `
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="xxx.png"
-            >
-              xxx.png
-            </span>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="xxx.png"
+        >
+          xxx.png
+        </span>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -37810,10 +37770,10 @@ exports[`ConfigProvider components Upload normal 1`] = `
 
 exports[`ConfigProvider components Upload prefixCls 1`] = `
 <span
-  class=""
+  class="prefix-Upload-wrapper"
 >
   <div
-    class="prefix-Upload prefix-Upload-select prefix-Upload-select-text"
+    class="prefix-Upload prefix-Upload-select"
   >
     <span
       class="prefix-Upload"
@@ -37832,78 +37792,70 @@ exports[`ConfigProvider components Upload prefixCls 1`] = `
     class="prefix-Upload-list prefix-Upload-list-text"
   >
     <div
-      class="prefix-Upload-list-text-container"
+      class="prefix-Upload-list-item-container"
     >
       <div
-        class="prefix-Upload-list-item prefix-Upload-list-item-done prefix-Upload-list-item-list-type-text"
+        class="prefix-Upload-list-item prefix-Upload-list-item-done"
       >
         <div
-          class="prefix-Upload-list-item-info"
+          class="prefix-Upload-icon"
         >
           <span
-            class="prefix-Upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="prefix-Upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="prefix-Upload-list-item-name"
-              title="xxx.png"
-            >
-              xxx.png
-            </span>
-            <span
-              class="prefix-Upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only prefix-Upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="prefix-Upload-list-item-name"
+          title="xxx.png"
+        >
+          xxx.png
+        </span>
+        <span
+          class="prefix-Upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only prefix-Upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
diff --git a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
index 3c7fdd2972..5931608b89 100644
--- a/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/form/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -16360,10 +16360,10 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
           class="ant-form-item-control-input-content"
         >
           <span
-            class=""
+            class="ant-upload-wrapper"
           >
             <div
-              class="ant-upload ant-upload-select ant-upload-select-picture"
+              class="ant-upload ant-upload-select"
             >
               <span
                 class="ant-upload"
@@ -16440,7 +16440,9 @@ exports[`renders ./components/form/demo/validate-other.md extend context correct
         <div
           class="ant-form-item-control-input-content"
         >
-          <span>
+          <span
+            class="ant-upload-wrapper"
+          >
             <div
               class="ant-upload ant-upload-drag"
             >
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index a3dd8ebfdb..53672eef9b 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -7421,10 +7421,10 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
           class="ant-form-item-control-input-content"
         >
           <span
-            class=""
+            class="ant-upload-wrapper"
           >
             <div
-              class="ant-upload ant-upload-select ant-upload-select-picture"
+              class="ant-upload ant-upload-select"
             >
               <span
                 class="ant-upload"
@@ -7501,7 +7501,9 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
         <div
           class="ant-form-item-control-input-content"
         >
-          <span>
+          <span
+            class="ant-upload-wrapper"
+          >
             <div
               class="ant-upload ant-upload-drag"
             >
diff --git a/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
index be1acfb350..85433888d4 100644
--- a/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/space/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -179,10 +179,10 @@ exports[`renders ./components/space/demo/base.md extend context correctly 1`] =
     style="margin-right:8px"
   >
     <span
-      class=""
+      class="ant-upload-wrapper"
     >
       <div
-        class="ant-upload ant-upload-select ant-upload-select-text"
+        class="ant-upload ant-upload-select"
       >
         <span
           class="ant-upload"
diff --git a/components/space/__tests__/__snapshots__/demo.test.js.snap b/components/space/__tests__/__snapshots__/demo.test.js.snap
index 9634bca1a5..d07b911ad4 100644
--- a/components/space/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/space/__tests__/__snapshots__/demo.test.js.snap
@@ -179,10 +179,10 @@ exports[`renders ./components/space/demo/base.md correctly 1`] = `
     style="margin-right:8px"
   >
     <span
-      class=""
+      class="ant-upload-wrapper"
     >
       <div
-        class="ant-upload ant-upload-select ant-upload-select-text"
+        class="ant-upload ant-upload-select"
       >
         <span
           class="ant-upload"
diff --git a/components/upload/Upload.tsx b/components/upload/Upload.tsx
index edce565b1a..b9c3d2a41b 100644
--- a/components/upload/Upload.tsx
+++ b/components/upload/Upload.tsx
@@ -19,6 +19,7 @@ import LocaleReceiver from '../locale-provider/LocaleReceiver';
 import defaultLocale from '../locale/default';
 import { ConfigContext } from '../config-provider';
 import devWarning from '../_util/devWarning';
+import useStyle from './style';
 
 const LIST_IGNORE = `__LIST_IGNORE_${Date.now()}__`;
 
@@ -322,6 +323,8 @@ const InternalUpload: React.ForwardRefRenderFunction<unknown, UploadProps> = (pr
     delete rcUploadProps.id;
   }
 
+  const [wrapSSR, hashId] = useStyle(prefixCls);
+
   const renderUploadList = (button?: React.ReactNode, buttonVisible?: boolean) =>
     showUploadList ? (
       <LocaleReceiver componentName="Upload" defaultLocale={defaultLocale.Upload}>
@@ -365,6 +368,10 @@ const InternalUpload: React.ForwardRefRenderFunction<unknown, UploadProps> = (pr
       button
     );
 
+  const rtlCls = {
+    [`${prefixCls}-rtl`]: direction === 'rtl',
+  };
+
   if (type === 'drag') {
     const dragCls = classNames(
       prefixCls,
@@ -375,10 +382,10 @@ const InternalUpload: React.ForwardRefRenderFunction<unknown, UploadProps> = (pr
         [`${prefixCls}-disabled`]: disabled,
         [`${prefixCls}-rtl`]: direction === 'rtl',
       },
-      className,
+      hashId,
     );
-    return (
-      <span>
+    return wrapSSR(
+      <span className={classNames(`${prefixCls}-wrapper`, rtlCls, className, hashId)}>
         <div
           className={dragCls}
           onDrop={onFileDrop}
@@ -391,15 +398,12 @@ const InternalUpload: React.ForwardRefRenderFunction<unknown, UploadProps> = (pr
           </RcUpload>
         </div>
         {renderUploadList()}
-      </span>
+      </span>,
     );
   }
 
-  const uploadButtonCls = classNames(prefixCls, {
-    [`${prefixCls}-select`]: true,
-    [`${prefixCls}-select-${listType}`]: true,
+  const uploadButtonCls = classNames(prefixCls, `${prefixCls}-select`, {
     [`${prefixCls}-disabled`]: disabled,
-    [`${prefixCls}-rtl`]: direction === 'rtl',
   });
 
   const renderUploadButton = (uploadButtonStyle?: React.CSSProperties) => (
@@ -409,18 +413,26 @@ const InternalUpload: React.ForwardRefRenderFunction<unknown, UploadProps> = (pr
   );
 
   if (listType === 'picture-card') {
-    return (
-      <span className={classNames(`${prefixCls}-picture-card-wrapper`, className)}>
+    return wrapSSR(
+      <span
+        className={classNames(
+          `${prefixCls}-wrapper`,
+          `${prefixCls}-picture-card-wrapper`,
+          rtlCls,
+          className,
+          hashId,
+        )}
+      >
         {renderUploadList(renderUploadButton(), !!children)}
-      </span>
+      </span>,
     );
   }
 
-  return (
-    <span className={className}>
+  return wrapSSR(
+    <span className={classNames(`${prefixCls}-wrapper`, rtlCls, className, hashId)}>
       {renderUploadButton(children ? undefined : { display: 'none' })}
       {renderUploadList()}
-    </span>
+    </span>,
   );
 };
 
diff --git a/components/upload/UploadList/ListItem.tsx b/components/upload/UploadList/ListItem.tsx
index e869cbde7d..96a677e5dd 100644
--- a/components/upload/UploadList/ListItem.tsx
+++ b/components/upload/UploadList/ListItem.tsx
@@ -85,12 +85,8 @@ const ListItem = React.forwardRef(
       };
     }, []);
 
-    // This is used for legacy span make scrollHeight the wrong value.
-    // We will force these to be `display: block` with non `picture-card`
-    const spanClassName = `${prefixCls}-span`;
-
     const iconNode = iconRender(file);
-    let icon = <div className={`${prefixCls}-text-icon`}>{iconNode}</div>;
+    let icon = <div className={`${prefixCls}-icon`}>{iconNode}</div>;
     if (listType === 'picture' || listType === 'picture-card') {
       if (file.status === 'uploading' || (!file.thumbUrl && !file.url)) {
         const uploadingClassName = classNames({
@@ -127,11 +123,10 @@ const ListItem = React.forwardRef(
       }
     }
 
-    const infoUploadingClass = classNames({
-      [`${prefixCls}-list-item`]: true,
-      [`${prefixCls}-list-item-${file.status}`]: true,
-      [`${prefixCls}-list-item-list-type-${listType}`]: true,
-    });
+    const listItemClassName = classNames(
+      `${prefixCls}-list-item`,
+      `${prefixCls}-list-item-${file.status}`,
+    );
     const linkProps =
       typeof file.linkProps === 'string' ? JSON.parse(file.linkProps) : file.linkProps;
 
@@ -160,7 +155,7 @@ const ListItem = React.forwardRef(
     const downloadOrDelete = listType !== 'picture-card' && (
       <span
         key="download-delete"
-        className={classNames(`${prefixCls}-list-item-card-actions`, {
+        className={classNames(`${prefixCls}-list-item-actions`, {
           picture: listType === 'picture',
         })}
       >
@@ -169,7 +164,7 @@ const ListItem = React.forwardRef(
       </span>
     );
     const listItemNameClass = classNames(`${prefixCls}-list-item-name`);
-    const preview = file.url
+    const fileName = file.url
       ? [
           <a
             key="view"
@@ -200,6 +195,7 @@ const ListItem = React.forwardRef(
       pointerEvents: 'none',
       opacity: 0.5,
     };
+
     const previewIcon = showPreviewIcon ? (
       <a
         href={file.url || file.thumbUrl}
@@ -215,7 +211,7 @@ const ListItem = React.forwardRef(
       </a>
     ) : null;
 
-    const actions = listType === 'picture-card' && file.status !== 'uploading' && (
+    const pictureCardActions = listType === 'picture-card' && file.status !== 'uploading' && (
       <span className={`${prefixCls}-list-item-actions`}>
         {previewIcon}
         {file.status === 'done' && downloadIcon}
@@ -223,25 +219,14 @@ const ListItem = React.forwardRef(
       </span>
     );
 
-    let message;
-    if (file.response && typeof file.response === 'string') {
-      message = file.response;
-    } else {
-      message = file.error?.statusText || file.error?.message || locale.uploadError;
-    }
-    const iconAndPreview = (
-      <span className={spanClassName}>
-        {icon}
-        {preview}
-      </span>
-    );
     const { getPrefixCls } = React.useContext(ConfigContext);
     const rootPrefixCls = getPrefixCls();
 
     const dom = (
-      <div className={infoUploadingClass}>
-        <div className={`${prefixCls}-list-item-info`}>{iconAndPreview}</div>
-        {actions}
+      <div className={listItemClassName}>
+        {icon}
+        {fileName}
+        {pictureCardActions}
         {showProgress && (
           <CSSMotion
             motionName={`${rootPrefixCls}-fade`}
@@ -265,7 +250,11 @@ const ListItem = React.forwardRef(
         )}
       </div>
     );
-    const listContainerNameClass = classNames(`${prefixCls}-list-${listType}-container`, className);
+
+    const message =
+      file.response && typeof file.response === 'string'
+        ? file.response
+        : file.error?.statusText || file.error?.message || locale.uploadError;
     const item =
       file.status === 'error' ? (
         <Tooltip title={message} getPopupContainer={node => node.parentNode as HTMLElement}>
@@ -276,7 +265,11 @@ const ListItem = React.forwardRef(
       );
 
     return (
-      <div className={listContainerNameClass} style={style} ref={ref}>
+      <div
+        className={classNames(`${prefixCls}-list-item-container`, className)}
+        style={style}
+        ref={ref}
+      >
         {itemRender
           ? itemRender(item, file, items, {
               download: onDownload.bind(null, file),
diff --git a/components/upload/UploadList/index.tsx b/components/upload/UploadList/index.tsx
index 11f7083ea6..f0adf0783e 100644
--- a/components/upload/UploadList/index.tsx
+++ b/components/upload/UploadList/index.tsx
@@ -6,13 +6,13 @@ import PaperClipOutlined from '@ant-design/icons/PaperClipOutlined';
 import PictureTwoTone from '@ant-design/icons/PictureTwoTone';
 import FileTwoTone from '@ant-design/icons/FileTwoTone';
 import { cloneElement, isValidElement } from '../../_util/reactNode';
-import { UploadListProps, UploadFile, UploadListType, InternalUploadFile } from '../interface';
 import { previewImage, isImageUrl } from '../utils';
 import collapseMotion from '../../_util/motion';
 import { ConfigContext } from '../../config-provider';
 import Button, { ButtonProps } from '../../button';
 import useForceUpdate from '../../_util/hooks/useForceUpdate';
 import ListItem from './ListItem';
+import type { UploadListProps, UploadFile, UploadListType, InternalUploadFile } from '../interface';
 
 const listItemMotion: Partial<CSSMotionListProps> = {
   ...collapseMotion,
@@ -133,7 +133,7 @@ const InternalUploadList: React.ForwardRefRenderFunction<unknown, UploadListProp
           customIcon.props.onClick(e);
         }
       },
-      className: `${prefixCls}-list-item-card-actions-btn`,
+      className: `${prefixCls}-list-item-action`,
     };
     if (isValidElement(customIcon)) {
       const btnIcon = cloneElement(customIcon, {
@@ -157,7 +157,7 @@ const InternalUploadList: React.ForwardRefRenderFunction<unknown, UploadListProp
     handleDownload: onInternalDownload,
   }));
 
-  const { getPrefixCls, direction } = React.useContext(ConfigContext);
+  const { getPrefixCls } = React.useContext(ConfigContext);
 
   // ============================= Render =============================
   const prefixCls = getPrefixCls('upload', customizePrefixCls);
@@ -165,7 +165,6 @@ const InternalUploadList: React.ForwardRefRenderFunction<unknown, UploadListProp
   const listClassNames = classNames({
     [`${prefixCls}-list`]: true,
     [`${prefixCls}-list-${listType}`]: true,
-    [`${prefixCls}-list-rtl`]: direction === 'rtl',
   });
 
   // >>> Motion config
diff --git a/components/upload/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/upload/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8872edf356..5fc6434dc5 100644
--- a/components/upload/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/upload/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -2,10 +2,10 @@
 
 exports[`renders ./components/upload/demo/avatar.md extend context correctly 1`] = `
 <span
-  class="ant-upload-picture-card-wrapper avatar-uploader"
+  class="ant-upload-wrapper ant-upload-picture-card-wrapper avatar-uploader"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-picture-card"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -54,10 +54,10 @@ exports[`renders ./components/upload/demo/avatar.md extend context correctly 1`]
 
 exports[`renders ./components/upload/demo/basic.md extend context correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -106,46 +106,38 @@ exports[`renders ./components/upload/demo/basic.md extend context correctly 1`]
 
 exports[`renders ./components/upload/demo/crop-image.md extend context correctly 1`] = `
 <span
-  class="ant-upload-picture-card-wrapper"
+  class="ant-upload-wrapper ant-upload-picture-card-wrapper"
 >
   <div
     class="ant-upload-list ant-upload-list-picture-card"
   >
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image.png"
-                class="ant-upload-list-item-image"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
-        </div>
+          <img
+            alt="image.png"
+            class="ant-upload-list-item-image"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -176,7 +168,7 @@ exports[`renders ./components/upload/demo/crop-image.md extend context correctly
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -205,7 +197,7 @@ exports[`renders ./components/upload/demo/crop-image.md extend context correctly
       </div>
     </div>
     <div
-      class="ant-upload ant-upload-select ant-upload-select-picture-card"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -226,10 +218,10 @@ exports[`renders ./components/upload/demo/crop-image.md extend context correctly
 
 exports[`renders ./components/upload/demo/customize-progress-bar.md extend context correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -278,10 +270,10 @@ exports[`renders ./components/upload/demo/customize-progress-bar.md extend conte
 
 exports[`renders ./components/upload/demo/defaultFileList.md extend context correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -326,237 +318,213 @@ exports[`renders ./components/upload/demo/defaultFileList.md extend context corr
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/xxx.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="xxx.png"
-            >
-              xxx.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/xxx.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="xxx.png"
+        >
+          xxx.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/yyy.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="yyy.png"
-            >
-              yyy.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/yyy.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="yyy.png"
+        >
+          yyy.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/zzz.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="zzz.png"
-            >
-              zzz.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/zzz.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="zzz.png"
+        >
+          zzz.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
       <div>
         <div
@@ -589,10 +557,10 @@ exports[`renders ./components/upload/demo/defaultFileList.md extend context corr
 
 exports[`renders ./components/upload/demo/directory.md extend context correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -642,7 +610,9 @@ exports[`renders ./components/upload/demo/directory.md extend context correctly
 `;
 
 exports[`renders ./components/upload/demo/drag.md extend context correctly 1`] = `
-<span>
+<span
+  class="ant-upload-wrapper"
+>
   <div
     class="ant-upload ant-upload-drag"
   >
@@ -704,10 +674,10 @@ exports[`renders ./components/upload/demo/drag.md extend context correctly 1`] =
 
 exports[`renders ./components/upload/demo/drag-sorting.md extend context correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -752,414 +722,374 @@ exports[`renders ./components/upload/demo/drag-sorting.md extend context correct
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
         class="ant-upload-draggable-list-item "
         style="cursor:move"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-icon"
           >
             <span
-              class="ant-upload-span"
+              aria-label="paper-clip"
+              class="anticon anticon-paper-clip"
+              role="img"
             >
-              <div
-                class="ant-upload-text-icon"
+              <svg
+                aria-hidden="true"
+                data-icon="paper-clip"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="paper-clip"
-                  class="anticon anticon-paper-clip"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="paper-clip"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="image1.png"
-              >
-                image1.png
-              </a>
-              <span
-                class="ant-upload-list-item-card-actions"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                />
+              </svg>
             </span>
           </div>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="image1.png"
+          >
+            image1.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
         class="ant-upload-draggable-list-item "
         style="cursor:move"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-icon"
           >
             <span
-              class="ant-upload-span"
+              aria-label="paper-clip"
+              class="anticon anticon-paper-clip"
+              role="img"
             >
-              <div
-                class="ant-upload-text-icon"
+              <svg
+                aria-hidden="true"
+                data-icon="paper-clip"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="paper-clip"
-                  class="anticon anticon-paper-clip"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="paper-clip"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="image2.png"
-              >
-                image2.png
-              </a>
-              <span
-                class="ant-upload-list-item-card-actions"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                />
+              </svg>
             </span>
           </div>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="image2.png"
+          >
+            image2.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
         class="ant-upload-draggable-list-item "
         style="cursor:move"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-icon"
           >
             <span
-              class="ant-upload-span"
+              aria-label="paper-clip"
+              class="anticon anticon-paper-clip"
+              role="img"
             >
-              <div
-                class="ant-upload-text-icon"
+              <svg
+                aria-hidden="true"
+                data-icon="paper-clip"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="paper-clip"
-                  class="anticon anticon-paper-clip"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="paper-clip"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="image3.png"
-              >
-                image3.png
-              </a>
-              <span
-                class="ant-upload-list-item-card-actions"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                />
+              </svg>
             </span>
           </div>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="image3.png"
+          >
+            image3.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
         class="ant-upload-draggable-list-item "
         style="cursor:move"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-icon"
           >
             <span
-              class="ant-upload-span"
+              aria-label="paper-clip"
+              class="anticon anticon-paper-clip"
+              role="img"
             >
-              <div
-                class="ant-upload-text-icon"
+              <svg
+                aria-hidden="true"
+                data-icon="paper-clip"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="paper-clip"
-                  class="anticon anticon-paper-clip"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="paper-clip"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="image4.png"
-              >
-                image4.png
-              </a>
-              <span
-                class="ant-upload-list-item-card-actions"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                />
+              </svg>
             </span>
           </div>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="image4.png"
+          >
+            image4.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
         class="ant-upload-draggable-list-item "
         style="cursor:move"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-text"
+          class="ant-upload-list-item ant-upload-list-item-error"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-icon"
           >
             <span
-              class="ant-upload-span"
+              aria-label="paper-clip"
+              class="anticon anticon-paper-clip"
+              role="img"
             >
-              <div
-                class="ant-upload-text-icon"
+              <svg
+                aria-hidden="true"
+                data-icon="paper-clip"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="paper-clip"
-                  class="anticon anticon-paper-clip"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="paper-clip"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <span
-                class="ant-upload-list-item-name"
-                title="image.png"
-              >
-                image.png
-              </span>
-              <span
-                class="ant-upload-list-item-card-actions"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                />
+              </svg>
             </span>
           </div>
+          <span
+            class="ant-upload-list-item-name"
+            title="image.png"
+          >
+            image.png
+          </span>
+          <span
+            class="ant-upload-list-item-actions"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
         <div>
           <div
@@ -1193,77 +1123,69 @@ exports[`renders ./components/upload/demo/drag-sorting.md extend context correct
 
 exports[`renders ./components/upload/demo/file-type.md extend context correctly 1`] = `
 <span
-  class="ant-upload-picture-card-wrapper"
+  class="ant-upload-wrapper ant-upload-picture-card-wrapper"
 >
   <div
     class="ant-upload-list ant-upload-list-picture-card"
   >
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+          href="http://cdn07.foxitsoftware.cn/pub/foxit/cpdf/FoxitCompanyProfile.pdf"
+          rel="noopener noreferrer"
+          target="_blank"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file-pdf"
+            class="anticon anticon-file-pdf"
+            role="img"
           >
-            <a
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
-              href="http://cdn07.foxitsoftware.cn/pub/foxit/cpdf/FoxitCompanyProfile.pdf"
-              rel="noopener noreferrer"
-              target="_blank"
+            <svg
+              aria-hidden="true"
+              data-icon="file-pdf"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="file-pdf"
-                class="anticon anticon-file-pdf"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file-pdf"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M509.2 490.8c-.7-1.3-1.4-1.9-2.2-2-2.9 3.3-2.2 31.5 2.7 51.4 4-13.6 4.7-40.5-.5-49.4zm-1.6 120.5c-7.7 20-18.8 47.3-32.1 71.4 4-1.6 8.1-3.3 12.3-5 17.6-7.2 37.3-15.3 58.9-20.2-14.9-11.8-28.4-27.7-39.1-46.2z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm55 287.6c16.1-1.9 30.6-2.8 44.3-2.3 12.8.4 23.6 2 32 5.1.2.1.3.1.5.2.4.2.8.3 1.2.5.5.2 1.1.4 1.6.7.1.1.3.1.4.2 4.1 1.8 7.5 4 10.1 6.6 9.1 9.1 11.8 26.1 6.2 39.6-3.2 7.7-11.7 20.5-33.3 20.5-21.8 0-53.9-9.7-82.1-24.8-25.5 4.3-53.7 13.9-80.9 23.1-5.8 2-11.8 4-17.6 5.9-38 65.2-66.5 79.4-84.1 79.4-4.2 0-7.8-.9-10.8-2-6.9-2.6-12.8-8-16.5-15-.9-1.7-1.6-3.4-2.2-5.2-1.6-4.8-2.1-9.6-1.3-13.6l.6-2.7c.1-.2.1-.4.2-.6.2-.7.4-1.4.7-2.1 0-.1.1-.2.1-.3 4.1-11.9 13.6-23.4 27.7-34.6 12.3-9.8 27.1-18.7 45.9-28.4 15.9-28 37.6-75.1 51.2-107.4-10.8-41.8-16.7-74.6-10.1-98.6.9-3.3 2.5-6.4 4.6-9.1.2-.2.3-.4.5-.6.1-.1.1-.2.2-.2 6.3-7.5 16.9-11.9 28.1-11.5 16.6.7 29.7 11.5 33 30.1 1.7 8 2.2 16.5 1.9 25.7v.7c0 .5 0 1-.1 1.5-.7 13.3-3 26.6-7.3 44.7-.4 1.6-.8 3.2-1.2 5.2l-1 4.1-.1.3c.1.2.1.3.2.5l1.8 4.5c.1.3.3.7.4 1 .7 1.6 1.4 3.3 2.1 4.8v.1c8.7 18.8 19.7 33.4 33.9 45.1 4.3 3.5 8.9 6.7 13.9 9.8 1.8-.5 3.5-.7 5.3-.9z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M391.5 761c5.7-4.4 16.2-14.5 30.1-34.7-10.3 9.4-23.4 22.4-30.1 34.7zm270.9-83l.2-.3h.2c.6-.4.5-.7.4-.9-.1-.1-4.5-9.3-45.1-7.4 35.3 13.9 43.5 9.1 44.3 8.6z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M535.9 585.3c-.8-1.7-1.5-3.3-2.2-4.9-.1-.3-.3-.7-.4-1l-1.8-4.5c-.1-.2-.1-.3-.2-.5l.1-.3.2-1.1c4-16.3 8.6-35.3 9.4-54.4v-.7c.3-8.6-.2-17.2-2-25.6-3.8-21.3-19.5-29.6-32.9-30.2-11.3-.5-21.8 4-28.1 11.4-.1.1-.1.2-.2.2-.2.2-.4.4-.5.6-2.1 2.7-3.7 5.8-4.6 9.1-6.6 24-.7 56.8 10.1 98.6-13.6 32.4-35.3 79.4-51.2 107.4v.1c-27.7 14.3-64.1 35.8-73.6 62.9 0 .1-.1.2-.1.3-.2.7-.5 1.4-.7 2.1-.1.2-.1.4-.2.6-.2.9-.5 1.8-.6 2.7-.9 4-.4 8.8 1.3 13.6.6 1.8 1.3 3.5 2.2 5.2 3.7 7 9.6 12.4 16.5 15 3 1.1 6.6 2 10.8 2 17.6 0 46.1-14.2 84.1-79.4 5.8-1.9 11.8-3.9 17.6-5.9 27.2-9.2 55.4-18.8 80.9-23.1 28.2 15.1 60.3 24.8 82.1 24.8 21.6 0 30.1-12.8 33.3-20.5 5.6-13.5 2.9-30.5-6.2-39.6-2.6-2.6-6-4.8-10.1-6.6-.1-.1-.3-.1-.4-.2-.5-.2-1.1-.4-1.6-.7-.4-.2-.8-.3-1.2-.5-.2-.1-.3-.1-.5-.2-16.2-5.8-41.7-6.7-76.3-2.8l-5.3.6c-5-3-9.6-6.3-13.9-9.8-14.2-11.3-25.1-25.8-33.8-44.7zM391.5 761c6.7-12.3 19.8-25.3 30.1-34.7-13.9 20.2-24.4 30.3-30.1 34.7zM507 488.8c.8.1 1.5.7 2.2 2 5.2 8.9 4.5 35.8.5 49.4-4.9-19.9-5.6-48.1-2.7-51.4zm-19.2 188.9c-4.2 1.7-8.3 3.4-12.3 5 13.3-24.1 24.4-51.4 32.1-71.4 10.7 18.5 24.2 34.4 39.1 46.2-21.6 4.9-41.3 13-58.9 20.2zm175.4-.9c.1.2.2.5-.4.9h-.2l-.2.3c-.8.5-9 5.3-44.3-8.6 40.6-1.9 45 7.3 45.1 7.4z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://cdn07.foxitsoftware.cn/pub/foxit/cpdf/FoxitCompanyProfile.pdf"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="pdf.pdf"
-            >
-              pdf.pdf
-            </a>
+              <path
+                d="M509.2 490.8c-.7-1.3-1.4-1.9-2.2-2-2.9 3.3-2.2 31.5 2.7 51.4 4-13.6 4.7-40.5-.5-49.4zm-1.6 120.5c-7.7 20-18.8 47.3-32.1 71.4 4-1.6 8.1-3.3 12.3-5 17.6-7.2 37.3-15.3 58.9-20.2-14.9-11.8-28.4-27.7-39.1-46.2z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm55 287.6c16.1-1.9 30.6-2.8 44.3-2.3 12.8.4 23.6 2 32 5.1.2.1.3.1.5.2.4.2.8.3 1.2.5.5.2 1.1.4 1.6.7.1.1.3.1.4.2 4.1 1.8 7.5 4 10.1 6.6 9.1 9.1 11.8 26.1 6.2 39.6-3.2 7.7-11.7 20.5-33.3 20.5-21.8 0-53.9-9.7-82.1-24.8-25.5 4.3-53.7 13.9-80.9 23.1-5.8 2-11.8 4-17.6 5.9-38 65.2-66.5 79.4-84.1 79.4-4.2 0-7.8-.9-10.8-2-6.9-2.6-12.8-8-16.5-15-.9-1.7-1.6-3.4-2.2-5.2-1.6-4.8-2.1-9.6-1.3-13.6l.6-2.7c.1-.2.1-.4.2-.6.2-.7.4-1.4.7-2.1 0-.1.1-.2.1-.3 4.1-11.9 13.6-23.4 27.7-34.6 12.3-9.8 27.1-18.7 45.9-28.4 15.9-28 37.6-75.1 51.2-107.4-10.8-41.8-16.7-74.6-10.1-98.6.9-3.3 2.5-6.4 4.6-9.1.2-.2.3-.4.5-.6.1-.1.1-.2.2-.2 6.3-7.5 16.9-11.9 28.1-11.5 16.6.7 29.7 11.5 33 30.1 1.7 8 2.2 16.5 1.9 25.7v.7c0 .5 0 1-.1 1.5-.7 13.3-3 26.6-7.3 44.7-.4 1.6-.8 3.2-1.2 5.2l-1 4.1-.1.3c.1.2.1.3.2.5l1.8 4.5c.1.3.3.7.4 1 .7 1.6 1.4 3.3 2.1 4.8v.1c8.7 18.8 19.7 33.4 33.9 45.1 4.3 3.5 8.9 6.7 13.9 9.8 1.8-.5 3.5-.7 5.3-.9z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M391.5 761c5.7-4.4 16.2-14.5 30.1-34.7-10.3 9.4-23.4 22.4-30.1 34.7zm270.9-83l.2-.3h.2c.6-.4.5-.7.4-.9-.1-.1-4.5-9.3-45.1-7.4 35.3 13.9 43.5 9.1 44.3 8.6z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
+              />
+              <path
+                d="M535.9 585.3c-.8-1.7-1.5-3.3-2.2-4.9-.1-.3-.3-.7-.4-1l-1.8-4.5c-.1-.2-.1-.3-.2-.5l.1-.3.2-1.1c4-16.3 8.6-35.3 9.4-54.4v-.7c.3-8.6-.2-17.2-2-25.6-3.8-21.3-19.5-29.6-32.9-30.2-11.3-.5-21.8 4-28.1 11.4-.1.1-.1.2-.2.2-.2.2-.4.4-.5.6-2.1 2.7-3.7 5.8-4.6 9.1-6.6 24-.7 56.8 10.1 98.6-13.6 32.4-35.3 79.4-51.2 107.4v.1c-27.7 14.3-64.1 35.8-73.6 62.9 0 .1-.1.2-.1.3-.2.7-.5 1.4-.7 2.1-.1.2-.1.4-.2.6-.2.9-.5 1.8-.6 2.7-.9 4-.4 8.8 1.3 13.6.6 1.8 1.3 3.5 2.2 5.2 3.7 7 9.6 12.4 16.5 15 3 1.1 6.6 2 10.8 2 17.6 0 46.1-14.2 84.1-79.4 5.8-1.9 11.8-3.9 17.6-5.9 27.2-9.2 55.4-18.8 80.9-23.1 28.2 15.1 60.3 24.8 82.1 24.8 21.6 0 30.1-12.8 33.3-20.5 5.6-13.5 2.9-30.5-6.2-39.6-2.6-2.6-6-4.8-10.1-6.6-.1-.1-.3-.1-.4-.2-.5-.2-1.1-.4-1.6-.7-.4-.2-.8-.3-1.2-.5-.2-.1-.3-.1-.5-.2-16.2-5.8-41.7-6.7-76.3-2.8l-5.3.6c-5-3-9.6-6.3-13.9-9.8-14.2-11.3-25.1-25.8-33.8-44.7zM391.5 761c6.7-12.3 19.8-25.3 30.1-34.7-13.9 20.2-24.4 30.3-30.1 34.7zM507 488.8c.8.1 1.5.7 2.2 2 5.2 8.9 4.5 35.8.5 49.4-4.9-19.9-5.6-48.1-2.7-51.4zm-19.2 188.9c-4.2 1.7-8.3 3.4-12.3 5 13.3-24.1 24.4-51.4 32.1-71.4 10.7 18.5 24.2 34.4 39.1 46.2-21.6 4.9-41.3 13-58.9 20.2zm175.4-.9c.1.2.2.5-.4.9h-.2l-.2.3c-.8.5-9 5.3-44.3-8.6 40.6-1.9 45 7.3 45.1 7.4z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
-        </div>
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://cdn07.foxitsoftware.cn/pub/foxit/cpdf/FoxitCompanyProfile.pdf"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="pdf.pdf"
+        >
+          pdf.pdf
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -1294,7 +1216,7 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -1323,63 +1245,55 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.doc"
+          rel="noopener noreferrer"
+          target="_blank"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file-word"
+            class="anticon anticon-file-word"
+            role="img"
           >
-            <a
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.doc"
-              rel="noopener noreferrer"
-              target="_blank"
+            <svg
+              aria-hidden="true"
+              data-icon="file-word"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="file-word"
-                class="anticon anticon-file-word"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file-word"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm101.3 129.3c1.3-5.4 6.1-9.3 11.7-9.3h35.6a12.04 12.04 0 0111.6 15.1l-74.4 276c-1.4 5.3-6.2 8.9-11.6 8.9h-31.8c-5.4 0-10.2-3.7-11.6-8.9l-52.8-197-52.8 197c-1.4 5.3-6.2 8.9-11.6 8.9h-32c-5.4 0-10.2-3.7-11.6-8.9l-74.2-276a12.02 12.02 0 0111.6-15.1h35.4c5.6 0 10.4 3.9 11.7 9.3L434.6 680l49.7-198.9c1.3-5.4 6.1-9.1 11.6-9.1h32.2c5.5 0 10.3 3.7 11.6 9.1l49.8 199.3 45.8-199.1z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M528.1 472h-32.2c-5.5 0-10.3 3.7-11.6 9.1L434.6 680l-46.1-198.7c-1.3-5.4-6.1-9.3-11.7-9.3h-35.4a12.02 12.02 0 00-11.6 15.1l74.2 276c1.4 5.2 6.2 8.9 11.6 8.9h32c5.4 0 10.2-3.6 11.6-8.9l52.8-197 52.8 197c1.4 5.2 6.2 8.9 11.6 8.9h31.8c5.4 0 10.2-3.6 11.6-8.9l74.4-276a12.04 12.04 0 00-11.6-15.1H647c-5.6 0-10.4 3.9-11.7 9.3l-45.8 199.1-49.8-199.3c-1.3-5.4-6.1-9.1-11.6-9.1z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.doc"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="doc.doc"
-            >
-              doc.doc
-            </a>
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm101.3 129.3c1.3-5.4 6.1-9.3 11.7-9.3h35.6a12.04 12.04 0 0111.6 15.1l-74.4 276c-1.4 5.3-6.2 8.9-11.6 8.9h-31.8c-5.4 0-10.2-3.7-11.6-8.9l-52.8-197-52.8 197c-1.4 5.3-6.2 8.9-11.6 8.9h-32c-5.4 0-10.2-3.7-11.6-8.9l-74.2-276a12.02 12.02 0 0111.6-15.1h35.4c5.6 0 10.4 3.9 11.7 9.3L434.6 680l49.7-198.9c1.3-5.4 6.1-9.1 11.6-9.1h32.2c5.5 0 10.3 3.7 11.6 9.1l49.8 199.3 45.8-199.1z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
+              />
+              <path
+                d="M528.1 472h-32.2c-5.5 0-10.3 3.7-11.6 9.1L434.6 680l-46.1-198.7c-1.3-5.4-6.1-9.3-11.7-9.3h-35.4a12.02 12.02 0 00-11.6 15.1l74.2 276c1.4 5.2 6.2 8.9 11.6 8.9h32c5.4 0 10.2-3.6 11.6-8.9l52.8-197 52.8 197c1.4 5.2 6.2 8.9 11.6 8.9h31.8c5.4 0 10.2-3.6 11.6-8.9l74.4-276a12.04 12.04 0 00-11.6-15.1H647c-5.6 0-10.4 3.9-11.7 9.3l-45.8 199.1-49.8-199.3c-1.3-5.4-6.1-9.1-11.6-9.1z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
-        </div>
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.doc"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="doc.doc"
+        >
+          doc.doc
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -1410,7 +1324,7 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -1439,65 +1353,57 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
         >
           <span
-            class="ant-upload-span"
+            aria-label="picture"
+            class="anticon anticon-picture"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+            <svg
+              aria-hidden="true"
+              data-icon="picture"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="picture"
-                class="anticon anticon-picture"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="picture"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="image.png"
-            >
-              image.png
-            </span>
+              <path
+                d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
+                fill="#1890ff"
+              />
+              <path
+                d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="image.png"
+        >
+          image.png
+        </span>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -1528,7 +1434,7 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -1581,65 +1487,57 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file-pdf"
+            class="anticon anticon-file-pdf"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+            <svg
+              aria-hidden="true"
+              data-icon="file-pdf"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="file-pdf"
-                class="anticon anticon-file-pdf"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file-pdf"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M509.2 490.8c-.7-1.3-1.4-1.9-2.2-2-2.9 3.3-2.2 31.5 2.7 51.4 4-13.6 4.7-40.5-.5-49.4zm-1.6 120.5c-7.7 20-18.8 47.3-32.1 71.4 4-1.6 8.1-3.3 12.3-5 17.6-7.2 37.3-15.3 58.9-20.2-14.9-11.8-28.4-27.7-39.1-46.2z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm55 287.6c16.1-1.9 30.6-2.8 44.3-2.3 12.8.4 23.6 2 32 5.1.2.1.3.1.5.2.4.2.8.3 1.2.5.5.2 1.1.4 1.6.7.1.1.3.1.4.2 4.1 1.8 7.5 4 10.1 6.6 9.1 9.1 11.8 26.1 6.2 39.6-3.2 7.7-11.7 20.5-33.3 20.5-21.8 0-53.9-9.7-82.1-24.8-25.5 4.3-53.7 13.9-80.9 23.1-5.8 2-11.8 4-17.6 5.9-38 65.2-66.5 79.4-84.1 79.4-4.2 0-7.8-.9-10.8-2-6.9-2.6-12.8-8-16.5-15-.9-1.7-1.6-3.4-2.2-5.2-1.6-4.8-2.1-9.6-1.3-13.6l.6-2.7c.1-.2.1-.4.2-.6.2-.7.4-1.4.7-2.1 0-.1.1-.2.1-.3 4.1-11.9 13.6-23.4 27.7-34.6 12.3-9.8 27.1-18.7 45.9-28.4 15.9-28 37.6-75.1 51.2-107.4-10.8-41.8-16.7-74.6-10.1-98.6.9-3.3 2.5-6.4 4.6-9.1.2-.2.3-.4.5-.6.1-.1.1-.2.2-.2 6.3-7.5 16.9-11.9 28.1-11.5 16.6.7 29.7 11.5 33 30.1 1.7 8 2.2 16.5 1.9 25.7v.7c0 .5 0 1-.1 1.5-.7 13.3-3 26.6-7.3 44.7-.4 1.6-.8 3.2-1.2 5.2l-1 4.1-.1.3c.1.2.1.3.2.5l1.8 4.5c.1.3.3.7.4 1 .7 1.6 1.4 3.3 2.1 4.8v.1c8.7 18.8 19.7 33.4 33.9 45.1 4.3 3.5 8.9 6.7 13.9 9.8 1.8-.5 3.5-.7 5.3-.9z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M391.5 761c5.7-4.4 16.2-14.5 30.1-34.7-10.3 9.4-23.4 22.4-30.1 34.7zm270.9-83l.2-.3h.2c.6-.4.5-.7.4-.9-.1-.1-4.5-9.3-45.1-7.4 35.3 13.9 43.5 9.1 44.3 8.6z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M535.9 585.3c-.8-1.7-1.5-3.3-2.2-4.9-.1-.3-.3-.7-.4-1l-1.8-4.5c-.1-.2-.1-.3-.2-.5l.1-.3.2-1.1c4-16.3 8.6-35.3 9.4-54.4v-.7c.3-8.6-.2-17.2-2-25.6-3.8-21.3-19.5-29.6-32.9-30.2-11.3-.5-21.8 4-28.1 11.4-.1.1-.1.2-.2.2-.2.2-.4.4-.5.6-2.1 2.7-3.7 5.8-4.6 9.1-6.6 24-.7 56.8 10.1 98.6-13.6 32.4-35.3 79.4-51.2 107.4v.1c-27.7 14.3-64.1 35.8-73.6 62.9 0 .1-.1.2-.1.3-.2.7-.5 1.4-.7 2.1-.1.2-.1.4-.2.6-.2.9-.5 1.8-.6 2.7-.9 4-.4 8.8 1.3 13.6.6 1.8 1.3 3.5 2.2 5.2 3.7 7 9.6 12.4 16.5 15 3 1.1 6.6 2 10.8 2 17.6 0 46.1-14.2 84.1-79.4 5.8-1.9 11.8-3.9 17.6-5.9 27.2-9.2 55.4-18.8 80.9-23.1 28.2 15.1 60.3 24.8 82.1 24.8 21.6 0 30.1-12.8 33.3-20.5 5.6-13.5 2.9-30.5-6.2-39.6-2.6-2.6-6-4.8-10.1-6.6-.1-.1-.3-.1-.4-.2-.5-.2-1.1-.4-1.6-.7-.4-.2-.8-.3-1.2-.5-.2-.1-.3-.1-.5-.2-16.2-5.8-41.7-6.7-76.3-2.8l-5.3.6c-5-3-9.6-6.3-13.9-9.8-14.2-11.3-25.1-25.8-33.8-44.7zM391.5 761c6.7-12.3 19.8-25.3 30.1-34.7-13.9 20.2-24.4 30.3-30.1 34.7zM507 488.8c.8.1 1.5.7 2.2 2 5.2 8.9 4.5 35.8.5 49.4-4.9-19.9-5.6-48.1-2.7-51.4zm-19.2 188.9c-4.2 1.7-8.3 3.4-12.3 5 13.3-24.1 24.4-51.4 32.1-71.4 10.7 18.5 24.2 34.4 39.1 46.2-21.6 4.9-41.3 13-58.9 20.2zm175.4-.9c.1.2.2.5-.4.9h-.2l-.2.3c-.8.5-9 5.3-44.3-8.6 40.6-1.9 45 7.3 45.1 7.4z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="pdf.pdf"
-            >
-              pdf.pdf
-            </span>
+              <path
+                d="M509.2 490.8c-.7-1.3-1.4-1.9-2.2-2-2.9 3.3-2.2 31.5 2.7 51.4 4-13.6 4.7-40.5-.5-49.4zm-1.6 120.5c-7.7 20-18.8 47.3-32.1 71.4 4-1.6 8.1-3.3 12.3-5 17.6-7.2 37.3-15.3 58.9-20.2-14.9-11.8-28.4-27.7-39.1-46.2z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm55 287.6c16.1-1.9 30.6-2.8 44.3-2.3 12.8.4 23.6 2 32 5.1.2.1.3.1.5.2.4.2.8.3 1.2.5.5.2 1.1.4 1.6.7.1.1.3.1.4.2 4.1 1.8 7.5 4 10.1 6.6 9.1 9.1 11.8 26.1 6.2 39.6-3.2 7.7-11.7 20.5-33.3 20.5-21.8 0-53.9-9.7-82.1-24.8-25.5 4.3-53.7 13.9-80.9 23.1-5.8 2-11.8 4-17.6 5.9-38 65.2-66.5 79.4-84.1 79.4-4.2 0-7.8-.9-10.8-2-6.9-2.6-12.8-8-16.5-15-.9-1.7-1.6-3.4-2.2-5.2-1.6-4.8-2.1-9.6-1.3-13.6l.6-2.7c.1-.2.1-.4.2-.6.2-.7.4-1.4.7-2.1 0-.1.1-.2.1-.3 4.1-11.9 13.6-23.4 27.7-34.6 12.3-9.8 27.1-18.7 45.9-28.4 15.9-28 37.6-75.1 51.2-107.4-10.8-41.8-16.7-74.6-10.1-98.6.9-3.3 2.5-6.4 4.6-9.1.2-.2.3-.4.5-.6.1-.1.1-.2.2-.2 6.3-7.5 16.9-11.9 28.1-11.5 16.6.7 29.7 11.5 33 30.1 1.7 8 2.2 16.5 1.9 25.7v.7c0 .5 0 1-.1 1.5-.7 13.3-3 26.6-7.3 44.7-.4 1.6-.8 3.2-1.2 5.2l-1 4.1-.1.3c.1.2.1.3.2.5l1.8 4.5c.1.3.3.7.4 1 .7 1.6 1.4 3.3 2.1 4.8v.1c8.7 18.8 19.7 33.4 33.9 45.1 4.3 3.5 8.9 6.7 13.9 9.8 1.8-.5 3.5-.7 5.3-.9z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M391.5 761c5.7-4.4 16.2-14.5 30.1-34.7-10.3 9.4-23.4 22.4-30.1 34.7zm270.9-83l.2-.3h.2c.6-.4.5-.7.4-.9-.1-.1-4.5-9.3-45.1-7.4 35.3 13.9 43.5 9.1 44.3 8.6z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
+              />
+              <path
+                d="M535.9 585.3c-.8-1.7-1.5-3.3-2.2-4.9-.1-.3-.3-.7-.4-1l-1.8-4.5c-.1-.2-.1-.3-.2-.5l.1-.3.2-1.1c4-16.3 8.6-35.3 9.4-54.4v-.7c.3-8.6-.2-17.2-2-25.6-3.8-21.3-19.5-29.6-32.9-30.2-11.3-.5-21.8 4-28.1 11.4-.1.1-.1.2-.2.2-.2.2-.4.4-.5.6-2.1 2.7-3.7 5.8-4.6 9.1-6.6 24-.7 56.8 10.1 98.6-13.6 32.4-35.3 79.4-51.2 107.4v.1c-27.7 14.3-64.1 35.8-73.6 62.9 0 .1-.1.2-.1.3-.2.7-.5 1.4-.7 2.1-.1.2-.1.4-.2.6-.2.9-.5 1.8-.6 2.7-.9 4-.4 8.8 1.3 13.6.6 1.8 1.3 3.5 2.2 5.2 3.7 7 9.6 12.4 16.5 15 3 1.1 6.6 2 10.8 2 17.6 0 46.1-14.2 84.1-79.4 5.8-1.9 11.8-3.9 17.6-5.9 27.2-9.2 55.4-18.8 80.9-23.1 28.2 15.1 60.3 24.8 82.1 24.8 21.6 0 30.1-12.8 33.3-20.5 5.6-13.5 2.9-30.5-6.2-39.6-2.6-2.6-6-4.8-10.1-6.6-.1-.1-.3-.1-.4-.2-.5-.2-1.1-.4-1.6-.7-.4-.2-.8-.3-1.2-.5-.2-.1-.3-.1-.5-.2-16.2-5.8-41.7-6.7-76.3-2.8l-5.3.6c-5-3-9.6-6.3-13.9-9.8-14.2-11.3-25.1-25.8-33.8-44.7zM391.5 761c6.7-12.3 19.8-25.3 30.1-34.7-13.9 20.2-24.4 30.3-30.1 34.7zM507 488.8c.8.1 1.5.7 2.2 2 5.2 8.9 4.5 35.8.5 49.4-4.9-19.9-5.6-48.1-2.7-51.4zm-19.2 188.9c-4.2 1.7-8.3 3.4-12.3 5 13.3-24.1 24.4-51.4 32.1-71.4 10.7 18.5 24.2 34.4 39.1 46.2-21.6 4.9-41.3 13-58.9 20.2zm175.4-.9c.1.2.2.5-.4.9h-.2l-.2.3c-.8.5-9 5.3-44.3-8.6 40.6-1.9 45 7.3 45.1 7.4z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="pdf.pdf"
+        >
+          pdf.pdf
+        </span>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -1670,7 +1568,7 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -1723,57 +1621,49 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file-word"
+            class="anticon anticon-file-word"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+            <svg
+              aria-hidden="true"
+              data-icon="file-word"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="file-word"
-                class="anticon anticon-file-word"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file-word"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm101.3 129.3c1.3-5.4 6.1-9.3 11.7-9.3h35.6a12.04 12.04 0 0111.6 15.1l-74.4 276c-1.4 5.3-6.2 8.9-11.6 8.9h-31.8c-5.4 0-10.2-3.7-11.6-8.9l-52.8-197-52.8 197c-1.4 5.3-6.2 8.9-11.6 8.9h-32c-5.4 0-10.2-3.7-11.6-8.9l-74.2-276a12.02 12.02 0 0111.6-15.1h35.4c5.6 0 10.4 3.9 11.7 9.3L434.6 680l49.7-198.9c1.3-5.4 6.1-9.1 11.6-9.1h32.2c5.5 0 10.3 3.7 11.6 9.1l49.8 199.3 45.8-199.1z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M528.1 472h-32.2c-5.5 0-10.3 3.7-11.6 9.1L434.6 680l-46.1-198.7c-1.3-5.4-6.1-9.3-11.7-9.3h-35.4a12.02 12.02 0 00-11.6 15.1l74.2 276c1.4 5.2 6.2 8.9 11.6 8.9h32c5.4 0 10.2-3.6 11.6-8.9l52.8-197 52.8 197c1.4 5.2 6.2 8.9 11.6 8.9h31.8c5.4 0 10.2-3.6 11.6-8.9l74.4-276a12.04 12.04 0 00-11.6-15.1H647c-5.6 0-10.4 3.9-11.7 9.3l-45.8 199.1-49.8-199.3c-1.3-5.4-6.1-9.1-11.6-9.1z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="doc.doc"
-            >
-              doc.doc
-            </span>
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm101.3 129.3c1.3-5.4 6.1-9.3 11.7-9.3h35.6a12.04 12.04 0 0111.6 15.1l-74.4 276c-1.4 5.3-6.2 8.9-11.6 8.9h-31.8c-5.4 0-10.2-3.7-11.6-8.9l-52.8-197-52.8 197c-1.4 5.3-6.2 8.9-11.6 8.9h-32c-5.4 0-10.2-3.7-11.6-8.9l-74.2-276a12.02 12.02 0 0111.6-15.1h35.4c5.6 0 10.4 3.9 11.7 9.3L434.6 680l49.7-198.9c1.3-5.4 6.1-9.1 11.6-9.1h32.2c5.5 0 10.3 3.7 11.6 9.1l49.8 199.3 45.8-199.1z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
+              />
+              <path
+                d="M528.1 472h-32.2c-5.5 0-10.3 3.7-11.6 9.1L434.6 680l-46.1-198.7c-1.3-5.4-6.1-9.3-11.7-9.3h-35.4a12.02 12.02 0 00-11.6 15.1l74.2 276c1.4 5.2 6.2 8.9 11.6 8.9h32c5.4 0 10.2-3.6 11.6-8.9l52.8-197 52.8 197c1.4 5.2 6.2 8.9 11.6 8.9h31.8c5.4 0 10.2-3.6 11.6-8.9l74.4-276a12.04 12.04 0 00-11.6-15.1H647c-5.6 0-10.4 3.9-11.7 9.3l-45.8 199.1-49.8-199.3c-1.3-5.4-6.1-9.1-11.6-9.1z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="doc.doc"
+        >
+          doc.doc
+        </span>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -1804,7 +1694,7 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -1857,7 +1747,7 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
       </div>
     </div>
     <div
-      class="ant-upload ant-upload-select ant-upload-select-picture-card"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -1907,10 +1797,10 @@ exports[`renders ./components/upload/demo/file-type.md extend context correctly
 
 exports[`renders ./components/upload/demo/fileList.md extend context correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -1956,81 +1846,73 @@ exports[`renders ./components/upload/demo/fileList.md extend context correctly 1
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/xxx.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="xxx.png"
-            >
-              xxx.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/xxx.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="xxx.png"
+        >
+          xxx.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -2047,10 +1929,10 @@ exports[`renders ./components/upload/demo/max-count.md extend context correctly
     style="margin-bottom:24px"
   >
     <span
-      class=""
+      class="ant-upload-wrapper"
     >
       <div
-        class="ant-upload ant-upload-select ant-upload-select-picture"
+        class="ant-upload ant-upload-select"
       >
         <span
           class="ant-upload"
@@ -2100,10 +1982,10 @@ exports[`renders ./components/upload/demo/max-count.md extend context correctly
     class="ant-space-item"
   >
     <span
-      class=""
+      class="ant-upload-wrapper"
     >
       <div
-        class="ant-upload ant-upload-select ant-upload-select-picture"
+        class="ant-upload ant-upload-select"
       >
         <span
           class="ant-upload"
@@ -2155,46 +2037,38 @@ exports[`renders ./components/upload/demo/max-count.md extend context correctly
 
 exports[`renders ./components/upload/demo/picture-card.md extend context correctly 1`] = `
 <span
-  class="ant-upload-picture-card-wrapper"
+  class="ant-upload-wrapper ant-upload-picture-card-wrapper"
 >
   <div
     class="ant-upload-list ant-upload-list-picture-card"
   >
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image.png"
-                class="ant-upload-list-item-image"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
-        </div>
+          <img
+            alt="image.png"
+            class="ant-upload-list-item-image"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -2225,7 +2099,7 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -2254,40 +2128,32 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image.png"
-                class="ant-upload-list-item-image"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
-        </div>
+          <img
+            alt="image.png"
+            class="ant-upload-list-item-image"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -2318,7 +2184,7 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -2347,40 +2213,32 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image.png"
-                class="ant-upload-list-item-image"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
-        </div>
+          <img
+            alt="image.png"
+            class="ant-upload-list-item-image"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -2411,7 +2269,7 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -2440,40 +2298,32 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image.png"
-                class="ant-upload-list-item-image"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
-        </div>
+          <img
+            alt="image.png"
+            class="ant-upload-list-item-image"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -2504,7 +2354,7 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -2533,95 +2383,79 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-uploading"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <div
-              class="ant-upload-list-item-thumbnail"
-            >
-              Uploading...
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
+          Uploading...
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
         >
           <span
-            class="ant-upload-span"
+            aria-label="picture"
+            class="anticon anticon-picture"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+            <svg
+              aria-hidden="true"
+              data-icon="picture"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="picture"
-                class="anticon anticon-picture"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="picture"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="image.png"
-            >
-              image.png
-            </span>
+              <path
+                d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
+                fill="#1890ff"
+              />
+              <path
+                d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="image.png"
+        >
+          image.png
+        </span>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -2652,7 +2486,7 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -2705,7 +2539,7 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
       </div>
     </div>
     <div
-      class="ant-upload ant-upload-select ant-upload-select-picture-card"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -2756,10 +2590,10 @@ exports[`renders ./components/upload/demo/picture-card.md extend context correct
 exports[`renders ./components/upload/demo/picture-style.md extend context correctly 1`] = `
 Array [
   <span
-    class=""
+    class="ant-upload-wrapper"
   >
     <div
-      class="ant-upload ant-upload-select ant-upload-select-picture"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -2804,162 +2638,146 @@ Array [
       class="ant-upload-list ant-upload-list-picture"
     >
       <div
-        class="ant-upload-list-picture-container"
+        class="ant-upload-list-item-container"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
-          <div
-            class="ant-upload-list-item-info"
+          <a
+            class="ant-upload-list-item-thumbnail"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
           >
-            <span
-              class="ant-upload-span"
+            <img
+              alt="xxx.png"
+              class="ant-upload-list-item-image"
+              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            />
+          </a>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="xxx.png"
+          >
+            xxx.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions picture"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
             >
-              <a
-                class="ant-upload-list-item-thumbnail"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                <img
-                  alt="xxx.png"
-                  class="ant-upload-list-item-image"
-                  src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                />
-              </a>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="xxx.png"
-              >
-                xxx.png
-              </a>
               <span
-                class="ant-upload-list-item-card-actions picture"
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
               >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
                 >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
               </span>
-            </span>
-          </div>
+            </button>
+          </span>
         </div>
       </div>
       <div
-        class="ant-upload-list-picture-container"
+        class="ant-upload-list-item-container"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture"
+          class="ant-upload-list-item ant-upload-list-item-error"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
           >
             <span
-              class="ant-upload-span"
+              aria-label="picture"
+              class="anticon anticon-picture"
+              role="img"
             >
-              <div
-                class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+              <svg
+                aria-hidden="true"
+                data-icon="picture"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="picture"
-                  class="anticon anticon-picture"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="picture"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
-                      fill="#1890ff"
-                    />
-                    <path
-                      d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
-                      fill="#1890ff"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <span
-                class="ant-upload-list-item-name"
-                title="yyy.png"
-              >
-                yyy.png
-              </span>
-              <span
-                class="ant-upload-list-item-card-actions picture"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
+                  fill="#1890ff"
+                />
+                <path
+                  d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
+                  fill="#1890ff"
+                />
+              </svg>
             </span>
           </div>
+          <span
+            class="ant-upload-list-item-name"
+            title="yyy.png"
+          >
+            yyy.png
+          </span>
+          <span
+            class="ant-upload-list-item-actions picture"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
         <div>
           <div
@@ -2991,10 +2809,10 @@ Array [
   <br />,
   <br />,
   <span
-    class="upload-list-inline"
+    class="ant-upload-wrapper upload-list-inline"
   >
     <div
-      class="ant-upload ant-upload-select ant-upload-select-picture"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -3039,162 +2857,146 @@ Array [
       class="ant-upload-list ant-upload-list-picture"
     >
       <div
-        class="ant-upload-list-picture-container"
+        class="ant-upload-list-item-container"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
-          <div
-            class="ant-upload-list-item-info"
+          <a
+            class="ant-upload-list-item-thumbnail"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
           >
-            <span
-              class="ant-upload-span"
+            <img
+              alt="xxx.png"
+              class="ant-upload-list-item-image"
+              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            />
+          </a>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="xxx.png"
+          >
+            xxx.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions picture"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
             >
-              <a
-                class="ant-upload-list-item-thumbnail"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                <img
-                  alt="xxx.png"
-                  class="ant-upload-list-item-image"
-                  src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                />
-              </a>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="xxx.png"
-              >
-                xxx.png
-              </a>
               <span
-                class="ant-upload-list-item-card-actions picture"
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
               >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
                 >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
               </span>
-            </span>
-          </div>
+            </button>
+          </span>
         </div>
       </div>
       <div
-        class="ant-upload-list-picture-container"
+        class="ant-upload-list-item-container"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture"
+          class="ant-upload-list-item ant-upload-list-item-error"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
           >
             <span
-              class="ant-upload-span"
+              aria-label="picture"
+              class="anticon anticon-picture"
+              role="img"
             >
-              <div
-                class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+              <svg
+                aria-hidden="true"
+                data-icon="picture"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="picture"
-                  class="anticon anticon-picture"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="picture"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
-                      fill="#1890ff"
-                    />
-                    <path
-                      d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
-                      fill="#1890ff"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <span
-                class="ant-upload-list-item-name"
-                title="yyy.png"
-              >
-                yyy.png
-              </span>
-              <span
-                class="ant-upload-list-item-card-actions picture"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
+                  fill="#1890ff"
+                />
+                <path
+                  d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
+                  fill="#1890ff"
+                />
+              </svg>
             </span>
           </div>
+          <span
+            class="ant-upload-list-item-name"
+            title="yyy.png"
+          >
+            yyy.png
+          </span>
+          <span
+            class="ant-upload-list-item-actions picture"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
         <div>
           <div
@@ -3228,10 +3030,10 @@ Array [
 
 exports[`renders ./components/upload/demo/preview-file.md extend context correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-picture"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -3280,10 +3082,10 @@ exports[`renders ./components/upload/demo/preview-file.md extend context correct
 
 exports[`renders ./components/upload/demo/transform-file.md extend context correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-picture"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -3332,10 +3134,10 @@ exports[`renders ./components/upload/demo/transform-file.md extend context corre
 
 exports[`renders ./components/upload/demo/upload-custom-action-icon.md extend context correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -3380,255 +3182,231 @@ exports[`renders ./components/upload/demo/upload-custom-action-icon.md extend co
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/xxx.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="xxx.png"
-            >
-              xxx.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-upload-list-item-card-actions-btn"
-                title="Download file"
-                type="button"
-              >
-                <span>
-                  Download
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="star"
-                  class="anticon anticon-star"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="star"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/xxx.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="xxx.png"
+        >
+          xxx.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-upload-list-item-action"
+            title="Download file"
+            type="button"
+          >
+            <span>
+              Download
+            </span>
+          </button>
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="star"
+              class="anticon anticon-star"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="star"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/yyy.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="yyy.png"
-            >
-              yyy.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-upload-list-item-card-actions-btn"
-                title="Download file"
-                type="button"
-              >
-                <span>
-                  Download
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="star"
-                  class="anticon anticon-star"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="star"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/yyy.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="yyy.png"
+        >
+          yyy.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-upload-list-item-action"
+            title="Download file"
+            type="button"
+          >
+            <span>
+              Download
+            </span>
+          </button>
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="star"
+              class="anticon anticon-star"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="star"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/zzz.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="zzz.png"
-            >
-              zzz.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="star"
-                  class="anticon anticon-star"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="star"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/zzz.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="zzz.png"
+        >
+          zzz.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="star"
+              class="anticon anticon-star"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="star"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
       <div>
         <div
@@ -3662,10 +3440,10 @@ exports[`renders ./components/upload/demo/upload-custom-action-icon.md extend co
 exports[`renders ./components/upload/demo/upload-manually.md extend context correctly 1`] = `
 Array [
   <span
-    class=""
+    class="ant-upload-wrapper"
   >
     <div
-      class="ant-upload ant-upload-select ant-upload-select-text"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -3725,10 +3503,10 @@ Array [
 
 exports[`renders ./components/upload/demo/upload-png-only.md extend context correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -3803,10 +3581,10 @@ exports[`renders ./components/upload/demo/upload-with-aliyun-oss.md extend conte
           class="ant-form-item-control-input-content"
         >
           <span
-            class=""
+            class="ant-upload-wrapper"
           >
             <div
-              class="ant-upload ant-upload-select ant-upload-select-text"
+              class="ant-upload ant-upload-select"
             >
               <span
                 class="ant-upload"
diff --git a/components/upload/__tests__/__snapshots__/demo.test.js.snap b/components/upload/__tests__/__snapshots__/demo.test.js.snap
index 48506072c2..97ca20e490 100644
--- a/components/upload/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/upload/__tests__/__snapshots__/demo.test.js.snap
@@ -2,10 +2,10 @@
 
 exports[`renders ./components/upload/demo/avatar.md correctly 1`] = `
 <span
-  class="ant-upload-picture-card-wrapper avatar-uploader"
+  class="ant-upload-wrapper ant-upload-picture-card-wrapper avatar-uploader"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-picture-card"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -54,10 +54,10 @@ exports[`renders ./components/upload/demo/avatar.md correctly 1`] = `
 
 exports[`renders ./components/upload/demo/basic.md correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -106,46 +106,38 @@ exports[`renders ./components/upload/demo/basic.md correctly 1`] = `
 
 exports[`renders ./components/upload/demo/crop-image.md correctly 1`] = `
 <span
-  class="ant-upload-picture-card-wrapper"
+  class="ant-upload-wrapper ant-upload-picture-card-wrapper"
 >
   <div
     class="ant-upload-list ant-upload-list-picture-card"
   >
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image.png"
-                class="ant-upload-list-item-image"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
-        </div>
+          <img
+            alt="image.png"
+            class="ant-upload-list-item-image"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -176,7 +168,7 @@ exports[`renders ./components/upload/demo/crop-image.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -205,7 +197,7 @@ exports[`renders ./components/upload/demo/crop-image.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload ant-upload-select ant-upload-select-picture-card"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -226,10 +218,10 @@ exports[`renders ./components/upload/demo/crop-image.md correctly 1`] = `
 
 exports[`renders ./components/upload/demo/customize-progress-bar.md correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -278,10 +270,10 @@ exports[`renders ./components/upload/demo/customize-progress-bar.md correctly 1`
 
 exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -326,237 +318,213 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/xxx.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="xxx.png"
-            >
-              xxx.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/xxx.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="xxx.png"
+        >
+          xxx.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/yyy.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="yyy.png"
-            >
-              yyy.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/yyy.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="yyy.png"
+        >
+          yyy.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/zzz.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="zzz.png"
-            >
-              zzz.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/zzz.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="zzz.png"
+        >
+          zzz.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -565,10 +533,10 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
 
 exports[`renders ./components/upload/demo/directory.md correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -618,7 +586,9 @@ exports[`renders ./components/upload/demo/directory.md correctly 1`] = `
 `;
 
 exports[`renders ./components/upload/demo/drag.md correctly 1`] = `
-<span>
+<span
+  class="ant-upload-wrapper"
+>
   <div
     class="ant-upload ant-upload-drag"
   >
@@ -680,10 +650,10 @@ exports[`renders ./components/upload/demo/drag.md correctly 1`] = `
 
 exports[`renders ./components/upload/demo/drag-sorting.md correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -728,414 +698,374 @@ exports[`renders ./components/upload/demo/drag-sorting.md correctly 1`] = `
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
         class="ant-upload-draggable-list-item "
         style="cursor:move"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-icon"
           >
             <span
-              class="ant-upload-span"
+              aria-label="paper-clip"
+              class="anticon anticon-paper-clip"
+              role="img"
             >
-              <div
-                class="ant-upload-text-icon"
+              <svg
+                aria-hidden="true"
+                data-icon="paper-clip"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="paper-clip"
-                  class="anticon anticon-paper-clip"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="paper-clip"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="image1.png"
-              >
-                image1.png
-              </a>
-              <span
-                class="ant-upload-list-item-card-actions"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                />
+              </svg>
             </span>
           </div>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="image1.png"
+          >
+            image1.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
         class="ant-upload-draggable-list-item "
         style="cursor:move"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-icon"
           >
             <span
-              class="ant-upload-span"
+              aria-label="paper-clip"
+              class="anticon anticon-paper-clip"
+              role="img"
             >
-              <div
-                class="ant-upload-text-icon"
+              <svg
+                aria-hidden="true"
+                data-icon="paper-clip"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="paper-clip"
-                  class="anticon anticon-paper-clip"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="paper-clip"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="image2.png"
-              >
-                image2.png
-              </a>
-              <span
-                class="ant-upload-list-item-card-actions"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                />
+              </svg>
             </span>
           </div>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="image2.png"
+          >
+            image2.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
         class="ant-upload-draggable-list-item "
         style="cursor:move"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-icon"
           >
             <span
-              class="ant-upload-span"
+              aria-label="paper-clip"
+              class="anticon anticon-paper-clip"
+              role="img"
             >
-              <div
-                class="ant-upload-text-icon"
+              <svg
+                aria-hidden="true"
+                data-icon="paper-clip"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="paper-clip"
-                  class="anticon anticon-paper-clip"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="paper-clip"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="image3.png"
-              >
-                image3.png
-              </a>
-              <span
-                class="ant-upload-list-item-card-actions"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                />
+              </svg>
             </span>
           </div>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="image3.png"
+          >
+            image3.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
         class="ant-upload-draggable-list-item "
         style="cursor:move"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-icon"
           >
             <span
-              class="ant-upload-span"
+              aria-label="paper-clip"
+              class="anticon anticon-paper-clip"
+              role="img"
             >
-              <div
-                class="ant-upload-text-icon"
+              <svg
+                aria-hidden="true"
+                data-icon="paper-clip"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="paper-clip"
-                  class="anticon anticon-paper-clip"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="paper-clip"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="image4.png"
-              >
-                image4.png
-              </a>
-              <span
-                class="ant-upload-list-item-card-actions"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                />
+              </svg>
             </span>
           </div>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="image4.png"
+          >
+            image4.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
         class="ant-upload-draggable-list-item "
         style="cursor:move"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-text"
+          class="ant-upload-list-item ant-upload-list-item-error"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-icon"
           >
             <span
-              class="ant-upload-span"
+              aria-label="paper-clip"
+              class="anticon anticon-paper-clip"
+              role="img"
             >
-              <div
-                class="ant-upload-text-icon"
+              <svg
+                aria-hidden="true"
+                data-icon="paper-clip"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="paper-clip"
-                  class="anticon anticon-paper-clip"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="paper-clip"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <span
-                class="ant-upload-list-item-name"
-                title="image.png"
-              >
-                image.png
-              </span>
-              <span
-                class="ant-upload-list-item-card-actions"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+                />
+              </svg>
             </span>
           </div>
+          <span
+            class="ant-upload-list-item-name"
+            title="image.png"
+          >
+            image.png
+          </span>
+          <span
+            class="ant-upload-list-item-actions"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
@@ -1145,77 +1075,69 @@ exports[`renders ./components/upload/demo/drag-sorting.md correctly 1`] = `
 
 exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
 <span
-  class="ant-upload-picture-card-wrapper"
+  class="ant-upload-wrapper ant-upload-picture-card-wrapper"
 >
   <div
     class="ant-upload-list ant-upload-list-picture-card"
   >
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+          href="http://cdn07.foxitsoftware.cn/pub/foxit/cpdf/FoxitCompanyProfile.pdf"
+          rel="noopener noreferrer"
+          target="_blank"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file-pdf"
+            class="anticon anticon-file-pdf"
+            role="img"
           >
-            <a
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
-              href="http://cdn07.foxitsoftware.cn/pub/foxit/cpdf/FoxitCompanyProfile.pdf"
-              rel="noopener noreferrer"
-              target="_blank"
+            <svg
+              aria-hidden="true"
+              data-icon="file-pdf"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="file-pdf"
-                class="anticon anticon-file-pdf"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file-pdf"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M509.2 490.8c-.7-1.3-1.4-1.9-2.2-2-2.9 3.3-2.2 31.5 2.7 51.4 4-13.6 4.7-40.5-.5-49.4zm-1.6 120.5c-7.7 20-18.8 47.3-32.1 71.4 4-1.6 8.1-3.3 12.3-5 17.6-7.2 37.3-15.3 58.9-20.2-14.9-11.8-28.4-27.7-39.1-46.2z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm55 287.6c16.1-1.9 30.6-2.8 44.3-2.3 12.8.4 23.6 2 32 5.1.2.1.3.1.5.2.4.2.8.3 1.2.5.5.2 1.1.4 1.6.7.1.1.3.1.4.2 4.1 1.8 7.5 4 10.1 6.6 9.1 9.1 11.8 26.1 6.2 39.6-3.2 7.7-11.7 20.5-33.3 20.5-21.8 0-53.9-9.7-82.1-24.8-25.5 4.3-53.7 13.9-80.9 23.1-5.8 2-11.8 4-17.6 5.9-38 65.2-66.5 79.4-84.1 79.4-4.2 0-7.8-.9-10.8-2-6.9-2.6-12.8-8-16.5-15-.9-1.7-1.6-3.4-2.2-5.2-1.6-4.8-2.1-9.6-1.3-13.6l.6-2.7c.1-.2.1-.4.2-.6.2-.7.4-1.4.7-2.1 0-.1.1-.2.1-.3 4.1-11.9 13.6-23.4 27.7-34.6 12.3-9.8 27.1-18.7 45.9-28.4 15.9-28 37.6-75.1 51.2-107.4-10.8-41.8-16.7-74.6-10.1-98.6.9-3.3 2.5-6.4 4.6-9.1.2-.2.3-.4.5-.6.1-.1.1-.2.2-.2 6.3-7.5 16.9-11.9 28.1-11.5 16.6.7 29.7 11.5 33 30.1 1.7 8 2.2 16.5 1.9 25.7v.7c0 .5 0 1-.1 1.5-.7 13.3-3 26.6-7.3 44.7-.4 1.6-.8 3.2-1.2 5.2l-1 4.1-.1.3c.1.2.1.3.2.5l1.8 4.5c.1.3.3.7.4 1 .7 1.6 1.4 3.3 2.1 4.8v.1c8.7 18.8 19.7 33.4 33.9 45.1 4.3 3.5 8.9 6.7 13.9 9.8 1.8-.5 3.5-.7 5.3-.9z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M391.5 761c5.7-4.4 16.2-14.5 30.1-34.7-10.3 9.4-23.4 22.4-30.1 34.7zm270.9-83l.2-.3h.2c.6-.4.5-.7.4-.9-.1-.1-4.5-9.3-45.1-7.4 35.3 13.9 43.5 9.1 44.3 8.6z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M535.9 585.3c-.8-1.7-1.5-3.3-2.2-4.9-.1-.3-.3-.7-.4-1l-1.8-4.5c-.1-.2-.1-.3-.2-.5l.1-.3.2-1.1c4-16.3 8.6-35.3 9.4-54.4v-.7c.3-8.6-.2-17.2-2-25.6-3.8-21.3-19.5-29.6-32.9-30.2-11.3-.5-21.8 4-28.1 11.4-.1.1-.1.2-.2.2-.2.2-.4.4-.5.6-2.1 2.7-3.7 5.8-4.6 9.1-6.6 24-.7 56.8 10.1 98.6-13.6 32.4-35.3 79.4-51.2 107.4v.1c-27.7 14.3-64.1 35.8-73.6 62.9 0 .1-.1.2-.1.3-.2.7-.5 1.4-.7 2.1-.1.2-.1.4-.2.6-.2.9-.5 1.8-.6 2.7-.9 4-.4 8.8 1.3 13.6.6 1.8 1.3 3.5 2.2 5.2 3.7 7 9.6 12.4 16.5 15 3 1.1 6.6 2 10.8 2 17.6 0 46.1-14.2 84.1-79.4 5.8-1.9 11.8-3.9 17.6-5.9 27.2-9.2 55.4-18.8 80.9-23.1 28.2 15.1 60.3 24.8 82.1 24.8 21.6 0 30.1-12.8 33.3-20.5 5.6-13.5 2.9-30.5-6.2-39.6-2.6-2.6-6-4.8-10.1-6.6-.1-.1-.3-.1-.4-.2-.5-.2-1.1-.4-1.6-.7-.4-.2-.8-.3-1.2-.5-.2-.1-.3-.1-.5-.2-16.2-5.8-41.7-6.7-76.3-2.8l-5.3.6c-5-3-9.6-6.3-13.9-9.8-14.2-11.3-25.1-25.8-33.8-44.7zM391.5 761c6.7-12.3 19.8-25.3 30.1-34.7-13.9 20.2-24.4 30.3-30.1 34.7zM507 488.8c.8.1 1.5.7 2.2 2 5.2 8.9 4.5 35.8.5 49.4-4.9-19.9-5.6-48.1-2.7-51.4zm-19.2 188.9c-4.2 1.7-8.3 3.4-12.3 5 13.3-24.1 24.4-51.4 32.1-71.4 10.7 18.5 24.2 34.4 39.1 46.2-21.6 4.9-41.3 13-58.9 20.2zm175.4-.9c.1.2.2.5-.4.9h-.2l-.2.3c-.8.5-9 5.3-44.3-8.6 40.6-1.9 45 7.3 45.1 7.4z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://cdn07.foxitsoftware.cn/pub/foxit/cpdf/FoxitCompanyProfile.pdf"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="pdf.pdf"
-            >
-              pdf.pdf
-            </a>
+              <path
+                d="M509.2 490.8c-.7-1.3-1.4-1.9-2.2-2-2.9 3.3-2.2 31.5 2.7 51.4 4-13.6 4.7-40.5-.5-49.4zm-1.6 120.5c-7.7 20-18.8 47.3-32.1 71.4 4-1.6 8.1-3.3 12.3-5 17.6-7.2 37.3-15.3 58.9-20.2-14.9-11.8-28.4-27.7-39.1-46.2z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm55 287.6c16.1-1.9 30.6-2.8 44.3-2.3 12.8.4 23.6 2 32 5.1.2.1.3.1.5.2.4.2.8.3 1.2.5.5.2 1.1.4 1.6.7.1.1.3.1.4.2 4.1 1.8 7.5 4 10.1 6.6 9.1 9.1 11.8 26.1 6.2 39.6-3.2 7.7-11.7 20.5-33.3 20.5-21.8 0-53.9-9.7-82.1-24.8-25.5 4.3-53.7 13.9-80.9 23.1-5.8 2-11.8 4-17.6 5.9-38 65.2-66.5 79.4-84.1 79.4-4.2 0-7.8-.9-10.8-2-6.9-2.6-12.8-8-16.5-15-.9-1.7-1.6-3.4-2.2-5.2-1.6-4.8-2.1-9.6-1.3-13.6l.6-2.7c.1-.2.1-.4.2-.6.2-.7.4-1.4.7-2.1 0-.1.1-.2.1-.3 4.1-11.9 13.6-23.4 27.7-34.6 12.3-9.8 27.1-18.7 45.9-28.4 15.9-28 37.6-75.1 51.2-107.4-10.8-41.8-16.7-74.6-10.1-98.6.9-3.3 2.5-6.4 4.6-9.1.2-.2.3-.4.5-.6.1-.1.1-.2.2-.2 6.3-7.5 16.9-11.9 28.1-11.5 16.6.7 29.7 11.5 33 30.1 1.7 8 2.2 16.5 1.9 25.7v.7c0 .5 0 1-.1 1.5-.7 13.3-3 26.6-7.3 44.7-.4 1.6-.8 3.2-1.2 5.2l-1 4.1-.1.3c.1.2.1.3.2.5l1.8 4.5c.1.3.3.7.4 1 .7 1.6 1.4 3.3 2.1 4.8v.1c8.7 18.8 19.7 33.4 33.9 45.1 4.3 3.5 8.9 6.7 13.9 9.8 1.8-.5 3.5-.7 5.3-.9z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M391.5 761c5.7-4.4 16.2-14.5 30.1-34.7-10.3 9.4-23.4 22.4-30.1 34.7zm270.9-83l.2-.3h.2c.6-.4.5-.7.4-.9-.1-.1-4.5-9.3-45.1-7.4 35.3 13.9 43.5 9.1 44.3 8.6z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
+              />
+              <path
+                d="M535.9 585.3c-.8-1.7-1.5-3.3-2.2-4.9-.1-.3-.3-.7-.4-1l-1.8-4.5c-.1-.2-.1-.3-.2-.5l.1-.3.2-1.1c4-16.3 8.6-35.3 9.4-54.4v-.7c.3-8.6-.2-17.2-2-25.6-3.8-21.3-19.5-29.6-32.9-30.2-11.3-.5-21.8 4-28.1 11.4-.1.1-.1.2-.2.2-.2.2-.4.4-.5.6-2.1 2.7-3.7 5.8-4.6 9.1-6.6 24-.7 56.8 10.1 98.6-13.6 32.4-35.3 79.4-51.2 107.4v.1c-27.7 14.3-64.1 35.8-73.6 62.9 0 .1-.1.2-.1.3-.2.7-.5 1.4-.7 2.1-.1.2-.1.4-.2.6-.2.9-.5 1.8-.6 2.7-.9 4-.4 8.8 1.3 13.6.6 1.8 1.3 3.5 2.2 5.2 3.7 7 9.6 12.4 16.5 15 3 1.1 6.6 2 10.8 2 17.6 0 46.1-14.2 84.1-79.4 5.8-1.9 11.8-3.9 17.6-5.9 27.2-9.2 55.4-18.8 80.9-23.1 28.2 15.1 60.3 24.8 82.1 24.8 21.6 0 30.1-12.8 33.3-20.5 5.6-13.5 2.9-30.5-6.2-39.6-2.6-2.6-6-4.8-10.1-6.6-.1-.1-.3-.1-.4-.2-.5-.2-1.1-.4-1.6-.7-.4-.2-.8-.3-1.2-.5-.2-.1-.3-.1-.5-.2-16.2-5.8-41.7-6.7-76.3-2.8l-5.3.6c-5-3-9.6-6.3-13.9-9.8-14.2-11.3-25.1-25.8-33.8-44.7zM391.5 761c6.7-12.3 19.8-25.3 30.1-34.7-13.9 20.2-24.4 30.3-30.1 34.7zM507 488.8c.8.1 1.5.7 2.2 2 5.2 8.9 4.5 35.8.5 49.4-4.9-19.9-5.6-48.1-2.7-51.4zm-19.2 188.9c-4.2 1.7-8.3 3.4-12.3 5 13.3-24.1 24.4-51.4 32.1-71.4 10.7 18.5 24.2 34.4 39.1 46.2-21.6 4.9-41.3 13-58.9 20.2zm175.4-.9c.1.2.2.5-.4.9h-.2l-.2.3c-.8.5-9 5.3-44.3-8.6 40.6-1.9 45 7.3 45.1 7.4z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
-        </div>
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://cdn07.foxitsoftware.cn/pub/foxit/cpdf/FoxitCompanyProfile.pdf"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="pdf.pdf"
+        >
+          pdf.pdf
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -1246,7 +1168,7 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -1275,63 +1197,55 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.doc"
+          rel="noopener noreferrer"
+          target="_blank"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file-word"
+            class="anticon anticon-file-word"
+            role="img"
           >
-            <a
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.doc"
-              rel="noopener noreferrer"
-              target="_blank"
+            <svg
+              aria-hidden="true"
+              data-icon="file-word"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="file-word"
-                class="anticon anticon-file-word"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file-word"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm101.3 129.3c1.3-5.4 6.1-9.3 11.7-9.3h35.6a12.04 12.04 0 0111.6 15.1l-74.4 276c-1.4 5.3-6.2 8.9-11.6 8.9h-31.8c-5.4 0-10.2-3.7-11.6-8.9l-52.8-197-52.8 197c-1.4 5.3-6.2 8.9-11.6 8.9h-32c-5.4 0-10.2-3.7-11.6-8.9l-74.2-276a12.02 12.02 0 0111.6-15.1h35.4c5.6 0 10.4 3.9 11.7 9.3L434.6 680l49.7-198.9c1.3-5.4 6.1-9.1 11.6-9.1h32.2c5.5 0 10.3 3.7 11.6 9.1l49.8 199.3 45.8-199.1z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M528.1 472h-32.2c-5.5 0-10.3 3.7-11.6 9.1L434.6 680l-46.1-198.7c-1.3-5.4-6.1-9.3-11.7-9.3h-35.4a12.02 12.02 0 00-11.6 15.1l74.2 276c1.4 5.2 6.2 8.9 11.6 8.9h32c5.4 0 10.2-3.6 11.6-8.9l52.8-197 52.8 197c1.4 5.2 6.2 8.9 11.6 8.9h31.8c5.4 0 10.2-3.6 11.6-8.9l74.4-276a12.04 12.04 0 00-11.6-15.1H647c-5.6 0-10.4 3.9-11.7 9.3l-45.8 199.1-49.8-199.3c-1.3-5.4-6.1-9.1-11.6-9.1z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.doc"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="doc.doc"
-            >
-              doc.doc
-            </a>
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm101.3 129.3c1.3-5.4 6.1-9.3 11.7-9.3h35.6a12.04 12.04 0 0111.6 15.1l-74.4 276c-1.4 5.3-6.2 8.9-11.6 8.9h-31.8c-5.4 0-10.2-3.7-11.6-8.9l-52.8-197-52.8 197c-1.4 5.3-6.2 8.9-11.6 8.9h-32c-5.4 0-10.2-3.7-11.6-8.9l-74.2-276a12.02 12.02 0 0111.6-15.1h35.4c5.6 0 10.4 3.9 11.7 9.3L434.6 680l49.7-198.9c1.3-5.4 6.1-9.1 11.6-9.1h32.2c5.5 0 10.3 3.7 11.6 9.1l49.8 199.3 45.8-199.1z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
+              />
+              <path
+                d="M528.1 472h-32.2c-5.5 0-10.3 3.7-11.6 9.1L434.6 680l-46.1-198.7c-1.3-5.4-6.1-9.3-11.7-9.3h-35.4a12.02 12.02 0 00-11.6 15.1l74.2 276c1.4 5.2 6.2 8.9 11.6 8.9h32c5.4 0 10.2-3.6 11.6-8.9l52.8-197 52.8 197c1.4 5.2 6.2 8.9 11.6 8.9h31.8c5.4 0 10.2-3.6 11.6-8.9l74.4-276a12.04 12.04 0 00-11.6-15.1H647c-5.6 0-10.4 3.9-11.7 9.3l-45.8 199.1-49.8-199.3c-1.3-5.4-6.1-9.1-11.6-9.1z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
-        </div>
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.doc"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="doc.doc"
+        >
+          doc.doc
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -1362,7 +1276,7 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -1391,65 +1305,57 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
         >
           <span
-            class="ant-upload-span"
+            aria-label="picture"
+            class="anticon anticon-picture"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+            <svg
+              aria-hidden="true"
+              data-icon="picture"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="picture"
-                class="anticon anticon-picture"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="picture"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="image.png"
-            >
-              image.png
-            </span>
+              <path
+                d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
+                fill="#1890ff"
+              />
+              <path
+                d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="image.png"
+        >
+          image.png
+        </span>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -1480,7 +1386,7 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -1509,65 +1415,57 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file-pdf"
+            class="anticon anticon-file-pdf"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+            <svg
+              aria-hidden="true"
+              data-icon="file-pdf"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="file-pdf"
-                class="anticon anticon-file-pdf"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file-pdf"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M509.2 490.8c-.7-1.3-1.4-1.9-2.2-2-2.9 3.3-2.2 31.5 2.7 51.4 4-13.6 4.7-40.5-.5-49.4zm-1.6 120.5c-7.7 20-18.8 47.3-32.1 71.4 4-1.6 8.1-3.3 12.3-5 17.6-7.2 37.3-15.3 58.9-20.2-14.9-11.8-28.4-27.7-39.1-46.2z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm55 287.6c16.1-1.9 30.6-2.8 44.3-2.3 12.8.4 23.6 2 32 5.1.2.1.3.1.5.2.4.2.8.3 1.2.5.5.2 1.1.4 1.6.7.1.1.3.1.4.2 4.1 1.8 7.5 4 10.1 6.6 9.1 9.1 11.8 26.1 6.2 39.6-3.2 7.7-11.7 20.5-33.3 20.5-21.8 0-53.9-9.7-82.1-24.8-25.5 4.3-53.7 13.9-80.9 23.1-5.8 2-11.8 4-17.6 5.9-38 65.2-66.5 79.4-84.1 79.4-4.2 0-7.8-.9-10.8-2-6.9-2.6-12.8-8-16.5-15-.9-1.7-1.6-3.4-2.2-5.2-1.6-4.8-2.1-9.6-1.3-13.6l.6-2.7c.1-.2.1-.4.2-.6.2-.7.4-1.4.7-2.1 0-.1.1-.2.1-.3 4.1-11.9 13.6-23.4 27.7-34.6 12.3-9.8 27.1-18.7 45.9-28.4 15.9-28 37.6-75.1 51.2-107.4-10.8-41.8-16.7-74.6-10.1-98.6.9-3.3 2.5-6.4 4.6-9.1.2-.2.3-.4.5-.6.1-.1.1-.2.2-.2 6.3-7.5 16.9-11.9 28.1-11.5 16.6.7 29.7 11.5 33 30.1 1.7 8 2.2 16.5 1.9 25.7v.7c0 .5 0 1-.1 1.5-.7 13.3-3 26.6-7.3 44.7-.4 1.6-.8 3.2-1.2 5.2l-1 4.1-.1.3c.1.2.1.3.2.5l1.8 4.5c.1.3.3.7.4 1 .7 1.6 1.4 3.3 2.1 4.8v.1c8.7 18.8 19.7 33.4 33.9 45.1 4.3 3.5 8.9 6.7 13.9 9.8 1.8-.5 3.5-.7 5.3-.9z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M391.5 761c5.7-4.4 16.2-14.5 30.1-34.7-10.3 9.4-23.4 22.4-30.1 34.7zm270.9-83l.2-.3h.2c.6-.4.5-.7.4-.9-.1-.1-4.5-9.3-45.1-7.4 35.3 13.9 43.5 9.1 44.3 8.6z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M535.9 585.3c-.8-1.7-1.5-3.3-2.2-4.9-.1-.3-.3-.7-.4-1l-1.8-4.5c-.1-.2-.1-.3-.2-.5l.1-.3.2-1.1c4-16.3 8.6-35.3 9.4-54.4v-.7c.3-8.6-.2-17.2-2-25.6-3.8-21.3-19.5-29.6-32.9-30.2-11.3-.5-21.8 4-28.1 11.4-.1.1-.1.2-.2.2-.2.2-.4.4-.5.6-2.1 2.7-3.7 5.8-4.6 9.1-6.6 24-.7 56.8 10.1 98.6-13.6 32.4-35.3 79.4-51.2 107.4v.1c-27.7 14.3-64.1 35.8-73.6 62.9 0 .1-.1.2-.1.3-.2.7-.5 1.4-.7 2.1-.1.2-.1.4-.2.6-.2.9-.5 1.8-.6 2.7-.9 4-.4 8.8 1.3 13.6.6 1.8 1.3 3.5 2.2 5.2 3.7 7 9.6 12.4 16.5 15 3 1.1 6.6 2 10.8 2 17.6 0 46.1-14.2 84.1-79.4 5.8-1.9 11.8-3.9 17.6-5.9 27.2-9.2 55.4-18.8 80.9-23.1 28.2 15.1 60.3 24.8 82.1 24.8 21.6 0 30.1-12.8 33.3-20.5 5.6-13.5 2.9-30.5-6.2-39.6-2.6-2.6-6-4.8-10.1-6.6-.1-.1-.3-.1-.4-.2-.5-.2-1.1-.4-1.6-.7-.4-.2-.8-.3-1.2-.5-.2-.1-.3-.1-.5-.2-16.2-5.8-41.7-6.7-76.3-2.8l-5.3.6c-5-3-9.6-6.3-13.9-9.8-14.2-11.3-25.1-25.8-33.8-44.7zM391.5 761c6.7-12.3 19.8-25.3 30.1-34.7-13.9 20.2-24.4 30.3-30.1 34.7zM507 488.8c.8.1 1.5.7 2.2 2 5.2 8.9 4.5 35.8.5 49.4-4.9-19.9-5.6-48.1-2.7-51.4zm-19.2 188.9c-4.2 1.7-8.3 3.4-12.3 5 13.3-24.1 24.4-51.4 32.1-71.4 10.7 18.5 24.2 34.4 39.1 46.2-21.6 4.9-41.3 13-58.9 20.2zm175.4-.9c.1.2.2.5-.4.9h-.2l-.2.3c-.8.5-9 5.3-44.3-8.6 40.6-1.9 45 7.3 45.1 7.4z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="pdf.pdf"
-            >
-              pdf.pdf
-            </span>
+              <path
+                d="M509.2 490.8c-.7-1.3-1.4-1.9-2.2-2-2.9 3.3-2.2 31.5 2.7 51.4 4-13.6 4.7-40.5-.5-49.4zm-1.6 120.5c-7.7 20-18.8 47.3-32.1 71.4 4-1.6 8.1-3.3 12.3-5 17.6-7.2 37.3-15.3 58.9-20.2-14.9-11.8-28.4-27.7-39.1-46.2z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm55 287.6c16.1-1.9 30.6-2.8 44.3-2.3 12.8.4 23.6 2 32 5.1.2.1.3.1.5.2.4.2.8.3 1.2.5.5.2 1.1.4 1.6.7.1.1.3.1.4.2 4.1 1.8 7.5 4 10.1 6.6 9.1 9.1 11.8 26.1 6.2 39.6-3.2 7.7-11.7 20.5-33.3 20.5-21.8 0-53.9-9.7-82.1-24.8-25.5 4.3-53.7 13.9-80.9 23.1-5.8 2-11.8 4-17.6 5.9-38 65.2-66.5 79.4-84.1 79.4-4.2 0-7.8-.9-10.8-2-6.9-2.6-12.8-8-16.5-15-.9-1.7-1.6-3.4-2.2-5.2-1.6-4.8-2.1-9.6-1.3-13.6l.6-2.7c.1-.2.1-.4.2-.6.2-.7.4-1.4.7-2.1 0-.1.1-.2.1-.3 4.1-11.9 13.6-23.4 27.7-34.6 12.3-9.8 27.1-18.7 45.9-28.4 15.9-28 37.6-75.1 51.2-107.4-10.8-41.8-16.7-74.6-10.1-98.6.9-3.3 2.5-6.4 4.6-9.1.2-.2.3-.4.5-.6.1-.1.1-.2.2-.2 6.3-7.5 16.9-11.9 28.1-11.5 16.6.7 29.7 11.5 33 30.1 1.7 8 2.2 16.5 1.9 25.7v.7c0 .5 0 1-.1 1.5-.7 13.3-3 26.6-7.3 44.7-.4 1.6-.8 3.2-1.2 5.2l-1 4.1-.1.3c.1.2.1.3.2.5l1.8 4.5c.1.3.3.7.4 1 .7 1.6 1.4 3.3 2.1 4.8v.1c8.7 18.8 19.7 33.4 33.9 45.1 4.3 3.5 8.9 6.7 13.9 9.8 1.8-.5 3.5-.7 5.3-.9z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M391.5 761c5.7-4.4 16.2-14.5 30.1-34.7-10.3 9.4-23.4 22.4-30.1 34.7zm270.9-83l.2-.3h.2c.6-.4.5-.7.4-.9-.1-.1-4.5-9.3-45.1-7.4 35.3 13.9 43.5 9.1 44.3 8.6z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
+              />
+              <path
+                d="M535.9 585.3c-.8-1.7-1.5-3.3-2.2-4.9-.1-.3-.3-.7-.4-1l-1.8-4.5c-.1-.2-.1-.3-.2-.5l.1-.3.2-1.1c4-16.3 8.6-35.3 9.4-54.4v-.7c.3-8.6-.2-17.2-2-25.6-3.8-21.3-19.5-29.6-32.9-30.2-11.3-.5-21.8 4-28.1 11.4-.1.1-.1.2-.2.2-.2.2-.4.4-.5.6-2.1 2.7-3.7 5.8-4.6 9.1-6.6 24-.7 56.8 10.1 98.6-13.6 32.4-35.3 79.4-51.2 107.4v.1c-27.7 14.3-64.1 35.8-73.6 62.9 0 .1-.1.2-.1.3-.2.7-.5 1.4-.7 2.1-.1.2-.1.4-.2.6-.2.9-.5 1.8-.6 2.7-.9 4-.4 8.8 1.3 13.6.6 1.8 1.3 3.5 2.2 5.2 3.7 7 9.6 12.4 16.5 15 3 1.1 6.6 2 10.8 2 17.6 0 46.1-14.2 84.1-79.4 5.8-1.9 11.8-3.9 17.6-5.9 27.2-9.2 55.4-18.8 80.9-23.1 28.2 15.1 60.3 24.8 82.1 24.8 21.6 0 30.1-12.8 33.3-20.5 5.6-13.5 2.9-30.5-6.2-39.6-2.6-2.6-6-4.8-10.1-6.6-.1-.1-.3-.1-.4-.2-.5-.2-1.1-.4-1.6-.7-.4-.2-.8-.3-1.2-.5-.2-.1-.3-.1-.5-.2-16.2-5.8-41.7-6.7-76.3-2.8l-5.3.6c-5-3-9.6-6.3-13.9-9.8-14.2-11.3-25.1-25.8-33.8-44.7zM391.5 761c6.7-12.3 19.8-25.3 30.1-34.7-13.9 20.2-24.4 30.3-30.1 34.7zM507 488.8c.8.1 1.5.7 2.2 2 5.2 8.9 4.5 35.8.5 49.4-4.9-19.9-5.6-48.1-2.7-51.4zm-19.2 188.9c-4.2 1.7-8.3 3.4-12.3 5 13.3-24.1 24.4-51.4 32.1-71.4 10.7 18.5 24.2 34.4 39.1 46.2-21.6 4.9-41.3 13-58.9 20.2zm175.4-.9c.1.2.2.5-.4.9h-.2l-.2.3c-.8.5-9 5.3-44.3-8.6 40.6-1.9 45 7.3 45.1 7.4z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="pdf.pdf"
+        >
+          pdf.pdf
+        </span>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -1598,7 +1496,7 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -1627,57 +1525,49 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file-word"
+            class="anticon anticon-file-word"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+            <svg
+              aria-hidden="true"
+              data-icon="file-word"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="file-word"
-                class="anticon anticon-file-word"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file-word"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm101.3 129.3c1.3-5.4 6.1-9.3 11.7-9.3h35.6a12.04 12.04 0 0111.6 15.1l-74.4 276c-1.4 5.3-6.2 8.9-11.6 8.9h-31.8c-5.4 0-10.2-3.7-11.6-8.9l-52.8-197-52.8 197c-1.4 5.3-6.2 8.9-11.6 8.9h-32c-5.4 0-10.2-3.7-11.6-8.9l-74.2-276a12.02 12.02 0 0111.6-15.1h35.4c5.6 0 10.4 3.9 11.7 9.3L434.6 680l49.7-198.9c1.3-5.4 6.1-9.1 11.6-9.1h32.2c5.5 0 10.3 3.7 11.6 9.1l49.8 199.3 45.8-199.1z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M528.1 472h-32.2c-5.5 0-10.3 3.7-11.6 9.1L434.6 680l-46.1-198.7c-1.3-5.4-6.1-9.3-11.7-9.3h-35.4a12.02 12.02 0 00-11.6 15.1l74.2 276c1.4 5.2 6.2 8.9 11.6 8.9h32c5.4 0 10.2-3.6 11.6-8.9l52.8-197 52.8 197c1.4 5.2 6.2 8.9 11.6 8.9h31.8c5.4 0 10.2-3.6 11.6-8.9l74.4-276a12.04 12.04 0 00-11.6-15.1H647c-5.6 0-10.4 3.9-11.7 9.3l-45.8 199.1-49.8-199.3c-1.3-5.4-6.1-9.1-11.6-9.1z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="doc.doc"
-            >
-              doc.doc
-            </span>
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42zm101.3 129.3c1.3-5.4 6.1-9.3 11.7-9.3h35.6a12.04 12.04 0 0111.6 15.1l-74.4 276c-1.4 5.3-6.2 8.9-11.6 8.9h-31.8c-5.4 0-10.2-3.7-11.6-8.9l-52.8-197-52.8 197c-1.4 5.3-6.2 8.9-11.6 8.9h-32c-5.4 0-10.2-3.7-11.6-8.9l-74.2-276a12.02 12.02 0 0111.6-15.1h35.4c5.6 0 10.4 3.9 11.7 9.3L434.6 680l49.7-198.9c1.3-5.4 6.1-9.1 11.6-9.1h32.2c5.5 0 10.3 3.7 11.6 9.1l49.8 199.3 45.8-199.1z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
+              />
+              <path
+                d="M528.1 472h-32.2c-5.5 0-10.3 3.7-11.6 9.1L434.6 680l-46.1-198.7c-1.3-5.4-6.1-9.3-11.7-9.3h-35.4a12.02 12.02 0 00-11.6 15.1l74.2 276c1.4 5.2 6.2 8.9 11.6 8.9h32c5.4 0 10.2-3.6 11.6-8.9l52.8-197 52.8 197c1.4 5.2 6.2 8.9 11.6 8.9h31.8c5.4 0 10.2-3.6 11.6-8.9l74.4-276a12.04 12.04 0 00-11.6-15.1H647c-5.6 0-10.4 3.9-11.7 9.3l-45.8 199.1-49.8-199.3c-1.3-5.4-6.1-9.1-11.6-9.1z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="doc.doc"
+        >
+          doc.doc
+        </span>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -1708,7 +1598,7 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -1737,7 +1627,7 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload ant-upload-select ant-upload-select-picture-card"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -1787,10 +1677,10 @@ exports[`renders ./components/upload/demo/file-type.md correctly 1`] = `
 
 exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -1836,81 +1726,73 @@ exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/xxx.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="xxx.png"
-            >
-              xxx.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/xxx.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="xxx.png"
+        >
+          xxx.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -1927,10 +1809,10 @@ exports[`renders ./components/upload/demo/max-count.md correctly 1`] = `
     style="margin-bottom:24px"
   >
     <span
-      class=""
+      class="ant-upload-wrapper"
     >
       <div
-        class="ant-upload ant-upload-select ant-upload-select-picture"
+        class="ant-upload ant-upload-select"
       >
         <span
           class="ant-upload"
@@ -1980,10 +1862,10 @@ exports[`renders ./components/upload/demo/max-count.md correctly 1`] = `
     class="ant-space-item"
   >
     <span
-      class=""
+      class="ant-upload-wrapper"
     >
       <div
-        class="ant-upload ant-upload-select ant-upload-select-picture"
+        class="ant-upload ant-upload-select"
       >
         <span
           class="ant-upload"
@@ -2035,46 +1917,38 @@ exports[`renders ./components/upload/demo/max-count.md correctly 1`] = `
 
 exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
 <span
-  class="ant-upload-picture-card-wrapper"
+  class="ant-upload-wrapper ant-upload-picture-card-wrapper"
 >
   <div
     class="ant-upload-list ant-upload-list-picture-card"
   >
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image.png"
-                class="ant-upload-list-item-image"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
-        </div>
+          <img
+            alt="image.png"
+            class="ant-upload-list-item-image"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -2105,7 +1979,7 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -2134,40 +2008,32 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image.png"
-                class="ant-upload-list-item-image"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
-        </div>
+          <img
+            alt="image.png"
+            class="ant-upload-list-item-image"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -2198,7 +2064,7 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -2227,40 +2093,32 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image.png"
-                class="ant-upload-list-item-image"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
-        </div>
+          <img
+            alt="image.png"
+            class="ant-upload-list-item-image"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -2291,7 +2149,7 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -2320,40 +2178,32 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image.png"
-                class="ant-upload-list-item-image"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
-        </div>
+          <img
+            alt="image.png"
+            class="ant-upload-list-item-image"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -2384,7 +2234,7 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -2413,95 +2263,79 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-uploading"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <div
-              class="ant-upload-list-item-thumbnail"
-            >
-              Uploading...
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image.png"
-            >
-              image.png
-            </a>
-          </span>
+          Uploading...
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image.png"
+        >
+          image.png
+        </a>
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-card-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture-card"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
         >
           <span
-            class="ant-upload-span"
+            aria-label="picture"
+            class="anticon anticon-picture"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+            <svg
+              aria-hidden="true"
+              data-icon="picture"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="picture"
-                class="anticon anticon-picture"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="picture"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
-                    fill="#1890ff"
-                  />
-                  <path
-                    d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="image.png"
-            >
-              image.png
-            </span>
+              <path
+                d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
+                fill="#1890ff"
+              />
+              <path
+                d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
+                fill="#e6f7ff"
+              />
+              <path
+                d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="image.png"
+        >
+          image.png
+        </span>
         <span
           class="ant-upload-list-item-actions"
         >
@@ -2532,7 +2366,7 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
             </span>
           </a>
           <button
-            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
             title="Remove file"
             type="button"
           >
@@ -2561,7 +2395,7 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-upload ant-upload-select ant-upload-select-picture-card"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -2612,10 +2446,10 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
 exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
 Array [
   <span
-    class=""
+    class="ant-upload-wrapper"
   >
     <div
-      class="ant-upload ant-upload-select ant-upload-select-picture"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -2660,162 +2494,146 @@ Array [
       class="ant-upload-list ant-upload-list-picture"
     >
       <div
-        class="ant-upload-list-picture-container"
+        class="ant-upload-list-item-container"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
-          <div
-            class="ant-upload-list-item-info"
+          <a
+            class="ant-upload-list-item-thumbnail"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
           >
-            <span
-              class="ant-upload-span"
+            <img
+              alt="xxx.png"
+              class="ant-upload-list-item-image"
+              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            />
+          </a>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="xxx.png"
+          >
+            xxx.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions picture"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
             >
-              <a
-                class="ant-upload-list-item-thumbnail"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                <img
-                  alt="xxx.png"
-                  class="ant-upload-list-item-image"
-                  src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                />
-              </a>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="xxx.png"
-              >
-                xxx.png
-              </a>
               <span
-                class="ant-upload-list-item-card-actions picture"
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
               >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
                 >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
               </span>
-            </span>
-          </div>
+            </button>
+          </span>
         </div>
       </div>
       <div
-        class="ant-upload-list-picture-container"
+        class="ant-upload-list-item-container"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture"
+          class="ant-upload-list-item ant-upload-list-item-error"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
           >
             <span
-              class="ant-upload-span"
+              aria-label="picture"
+              class="anticon anticon-picture"
+              role="img"
             >
-              <div
-                class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+              <svg
+                aria-hidden="true"
+                data-icon="picture"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="picture"
-                  class="anticon anticon-picture"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="picture"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
-                      fill="#1890ff"
-                    />
-                    <path
-                      d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
-                      fill="#1890ff"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <span
-                class="ant-upload-list-item-name"
-                title="yyy.png"
-              >
-                yyy.png
-              </span>
-              <span
-                class="ant-upload-list-item-card-actions picture"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
+                  fill="#1890ff"
+                />
+                <path
+                  d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
+                  fill="#1890ff"
+                />
+              </svg>
             </span>
           </div>
+          <span
+            class="ant-upload-list-item-name"
+            title="yyy.png"
+          >
+            yyy.png
+          </span>
+          <span
+            class="ant-upload-list-item-actions picture"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
@@ -2823,10 +2641,10 @@ Array [
   <br />,
   <br />,
   <span
-    class="upload-list-inline"
+    class="ant-upload-wrapper upload-list-inline"
   >
     <div
-      class="ant-upload ant-upload-select ant-upload-select-picture"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -2871,162 +2689,146 @@ Array [
       class="ant-upload-list ant-upload-list-picture"
     >
       <div
-        class="ant-upload-list-picture-container"
+        class="ant-upload-list-item-container"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+          class="ant-upload-list-item ant-upload-list-item-done"
         >
-          <div
-            class="ant-upload-list-item-info"
+          <a
+            class="ant-upload-list-item-thumbnail"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
           >
-            <span
-              class="ant-upload-span"
+            <img
+              alt="xxx.png"
+              class="ant-upload-list-item-image"
+              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            />
+          </a>
+          <a
+            class="ant-upload-list-item-name"
+            href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            rel="noopener noreferrer"
+            target="_blank"
+            title="xxx.png"
+          >
+            xxx.png
+          </a>
+          <span
+            class="ant-upload-list-item-actions picture"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
             >
-              <a
-                class="ant-upload-list-item-thumbnail"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-              >
-                <img
-                  alt="xxx.png"
-                  class="ant-upload-list-item-image"
-                  src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                />
-              </a>
-              <a
-                class="ant-upload-list-item-name"
-                href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                rel="noopener noreferrer"
-                target="_blank"
-                title="xxx.png"
-              >
-                xxx.png
-              </a>
               <span
-                class="ant-upload-list-item-card-actions picture"
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
               >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
                 >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
               </span>
-            </span>
-          </div>
+            </button>
+          </span>
         </div>
       </div>
       <div
-        class="ant-upload-list-picture-container"
+        class="ant-upload-list-item-container"
       >
         <div
-          class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture"
+          class="ant-upload-list-item ant-upload-list-item-error"
         >
           <div
-            class="ant-upload-list-item-info"
+            class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
           >
             <span
-              class="ant-upload-span"
+              aria-label="picture"
+              class="anticon anticon-picture"
+              role="img"
             >
-              <div
-                class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+              <svg
+                aria-hidden="true"
+                data-icon="picture"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="picture"
-                  class="anticon anticon-picture"
-                  role="img"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="picture"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
-                      fill="#1890ff"
-                    />
-                    <path
-                      d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
-                      fill="#e6f7ff"
-                    />
-                    <path
-                      d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
-                      fill="#1890ff"
-                    />
-                  </svg>
-                </span>
-              </div>
-              <span
-                class="ant-upload-list-item-name"
-                title="yyy.png"
-              >
-                yyy.png
-              </span>
-              <span
-                class="ant-upload-list-item-card-actions picture"
-              >
-                <button
-                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                  title="Remove file"
-                  type="button"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                    tabindex="-1"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </span>
+                <path
+                  d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
+                  fill="#1890ff"
+                />
+                <path
+                  d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 110 176 88 88 0 010-176z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M276 368a28 28 0 1056 0 28 28 0 10-56 0z"
+                  fill="#e6f7ff"
+                />
+                <path
+                  d="M304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
+                  fill="#1890ff"
+                />
+              </svg>
             </span>
           </div>
+          <span
+            class="ant-upload-list-item-name"
+            title="yyy.png"
+          >
+            yyy.png
+          </span>
+          <span
+            class="ant-upload-list-item-actions picture"
+          >
+            <button
+              class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+              title="Remove file"
+              type="button"
+            >
+              <span
+                aria-label="delete"
+                class="anticon anticon-delete"
+                role="img"
+                tabindex="-1"
+              >
+                <svg
+                  aria-hidden="true"
+                  data-icon="delete"
+                  fill="currentColor"
+                  focusable="false"
+                  height="1em"
+                  viewBox="64 64 896 896"
+                  width="1em"
+                >
+                  <path
+                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                  />
+                </svg>
+              </span>
+            </button>
+          </span>
         </div>
       </div>
     </div>
@@ -3036,10 +2838,10 @@ Array [
 
 exports[`renders ./components/upload/demo/preview-file.md correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-picture"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -3088,10 +2890,10 @@ exports[`renders ./components/upload/demo/preview-file.md correctly 1`] = `
 
 exports[`renders ./components/upload/demo/transform-file.md correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-picture"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -3140,10 +2942,10 @@ exports[`renders ./components/upload/demo/transform-file.md correctly 1`] = `
 
 exports[`renders ./components/upload/demo/upload-custom-action-icon.md correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -3188,255 +2990,231 @@ exports[`renders ./components/upload/demo/upload-custom-action-icon.md correctly
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/xxx.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="xxx.png"
-            >
-              xxx.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-upload-list-item-card-actions-btn"
-                title="Download file"
-                type="button"
-              >
-                <span>
-                  Download
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="star"
-                  class="anticon anticon-star"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="star"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/xxx.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="xxx.png"
+        >
+          xxx.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-upload-list-item-action"
+            title="Download file"
+            type="button"
+          >
+            <span>
+              Download
+            </span>
+          </button>
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="star"
+              class="anticon anticon-star"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="star"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/yyy.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="yyy.png"
-            >
-              yyy.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-upload-list-item-card-actions-btn"
-                title="Download file"
-                type="button"
-              >
-                <span>
-                  Download
-                </span>
-              </button>
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="star"
-                  class="anticon anticon-star"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="star"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/yyy.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="yyy.png"
+        >
+          yyy.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-upload-list-item-action"
+            title="Download file"
+            type="button"
+          >
+            <span>
+              Download
+            </span>
+          </button>
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="star"
+              class="anticon anticon-star"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="star"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-text-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="http://www.baidu.com/zzz.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="zzz.png"
-            >
-              zzz.png
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="star"
-                  class="anticon anticon-star"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="star"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="http://www.baidu.com/zzz.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="zzz.png"
+        >
+          zzz.png
+        </a>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="star"
+              class="anticon anticon-star"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="star"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -3446,10 +3224,10 @@ exports[`renders ./components/upload/demo/upload-custom-action-icon.md correctly
 exports[`renders ./components/upload/demo/upload-manually.md correctly 1`] = `
 Array [
   <span
-    class=""
+    class="ant-upload-wrapper"
   >
     <div
-      class="ant-upload ant-upload-select ant-upload-select-text"
+      class="ant-upload ant-upload-select"
     >
       <span
         class="ant-upload"
@@ -3509,10 +3287,10 @@ Array [
 
 exports[`renders ./components/upload/demo/upload-png-only.md correctly 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -3587,10 +3365,10 @@ exports[`renders ./components/upload/demo/upload-with-aliyun-oss.md correctly 1`
           class="ant-form-item-control-input-content"
         >
           <span
-            class=""
+            class="ant-upload-wrapper"
           >
             <div
-              class="ant-upload ant-upload-select ant-upload-select-text"
+              class="ant-upload ant-upload-select"
             >
               <span
                 class="ant-upload"
diff --git a/components/upload/__tests__/__snapshots__/upload.test.js.snap b/components/upload/__tests__/__snapshots__/upload.test.js.snap
index 80814ef412..3d07eb4993 100644
--- a/components/upload/__tests__/__snapshots__/upload.test.js.snap
+++ b/components/upload/__tests__/__snapshots__/upload.test.js.snap
@@ -2,10 +2,10 @@
 
 exports[`Upload rtl render component should be rendered correctly in RTL direction 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper ant-upload-rtl"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text ant-upload-rtl"
+    class="ant-upload ant-upload-select"
     style="display: none;"
   >
     <span
@@ -21,7 +21,7 @@ exports[`Upload rtl render component should be rendered correctly in RTL directi
     </span>
   </div>
   <div
-    class="ant-upload-list ant-upload-list-text ant-upload-list-rtl"
+    class="ant-upload-list ant-upload-list-text"
   />
 </span>
 `;
diff --git a/components/upload/__tests__/__snapshots__/uploadlist.test.js.snap b/components/upload/__tests__/__snapshots__/uploadlist.test.js.snap
index 407303977e..4479073492 100644
--- a/components/upload/__tests__/__snapshots__/uploadlist.test.js.snap
+++ b/components/upload/__tests__/__snapshots__/uploadlist.test.js.snap
@@ -2,10 +2,10 @@
 
 exports[`Upload List handle error 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -28,79 +28,71 @@ exports[`Upload List handle error 1`] = `
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container ant-upload-animate-appear ant-upload-animate-appear-active ant-upload-animate"
+      class="ant-upload-list-item-container ant-upload-animate-appear ant-upload-animate-appear-active ant-upload-animate"
       style="height: 0px; opacity: 1;"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-error"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="foo.png"
-            >
-              foo.png
-            </span>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="foo.png"
+        >
+          foo.png
+        </span>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -112,7 +104,7 @@ exports[`Upload List itemRender 1`] = `
   class="ant-upload-list ant-upload-list-text"
 >
   <div
-    class="ant-upload-list-text-container"
+    class="ant-upload-list-item-container"
   >
     <div
       class="custom-item-render"
@@ -138,7 +130,7 @@ exports[`Upload List itemRender 1`] = `
     </div>
   </div>
   <div
-    class="ant-upload-list-text-container"
+    class="ant-upload-list-item-container"
   >
     <div
       class="custom-item-render"
@@ -168,10 +160,10 @@ exports[`Upload List itemRender 1`] = `
 
 exports[`Upload List should be uploading when upload a file 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -194,79 +186,71 @@ exports[`Upload List should be uploading when upload a file 1`] = `
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container ant-upload-animate-appear ant-upload-animate-appear-start ant-upload-animate"
+      class="ant-upload-list-item-container ant-upload-animate-appear ant-upload-animate-appear-start ant-upload-animate"
       style="height: 0px; opacity: 0;"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-uploading"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="loading"
+            class="anticon anticon-loading anticon-spin"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="loading"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="0 0 1024 1024"
+              width="1em"
             >
-              <span
-                aria-label="loading"
-                class="anticon anticon-loading anticon-spin"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="loading"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="0 0 1024 1024"
-                  width="1em"
-                >
-                  <path
-                    d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="foo.png"
-            >
-              foo.png
-            </span>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="foo.png"
+        >
+          foo.png
+        </span>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -275,10 +259,10 @@ exports[`Upload List should be uploading when upload a file 1`] = `
 
 exports[`Upload List should be uploading when upload a file 2`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -301,79 +285,71 @@ exports[`Upload List should be uploading when upload a file 2`] = `
     class="ant-upload-list ant-upload-list-text"
   >
     <div
-      class="ant-upload-list-text-container ant-upload-animate-appear ant-upload-animate-appear-start ant-upload-animate"
+      class="ant-upload-list-item-container ant-upload-animate-appear ant-upload-animate-appear-start ant-upload-animate"
       style="height: 0px; opacity: 0;"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-icon"
         >
           <span
-            class="ant-upload-span"
+            aria-label="paper-clip"
+            class="anticon anticon-paper-clip"
+            role="img"
           >
-            <div
-              class="ant-upload-text-icon"
+            <svg
+              aria-hidden="true"
+              data-icon="paper-clip"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="paper-clip"
-                class="anticon anticon-paper-clip"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="paper-clip"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <span
-              class="ant-upload-list-item-name"
-              title="foo.png"
-            >
-              foo.png
-            </span>
-            <span
-              class="ant-upload-list-item-card-actions"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0012.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 00174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
+              />
+            </svg>
           </span>
         </div>
+        <span
+          class="ant-upload-list-item-name"
+          title="foo.png"
+        >
+          foo.png
+        </span>
+        <span
+          class="ant-upload-list-item-actions"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -382,10 +358,10 @@ exports[`Upload List should be uploading when upload a file 2`] = `
 
 exports[`Upload List should non-image format file preview 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-picture"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -408,730 +384,650 @@ exports[`Upload List should non-image format file preview 1`] = `
     class="ant-upload-list ant-upload-list-picture"
   >
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+          href="https://cdn.xxx.com/aaa.zip"
+          rel="noopener noreferrer"
+          target="_blank"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file"
+            class="anticon anticon-file"
+            role="img"
           >
-            <a
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
-              href="https://cdn.xxx.com/aaa.zip"
-              rel="noopener noreferrer"
-              target="_blank"
+            <svg
+              aria-hidden="true"
+              data-icon="file"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <span
-                aria-label="file"
-                class="anticon anticon-file"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/aaa.zip"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="not-image"
-            >
-              not-image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
-          </span>
-        </div>
-      </div>
-    </div>
-    <div
-      class="ant-upload-list-picture-container"
-    >
-      <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
-      >
-        <div
-          class="ant-upload-list-item-info"
-        >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image"
-                class="ant-upload-list-item-image"
-                src="https://cdn.xxx.com/aaa"
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42z"
+                fill="#e6f7ff"
               />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
-          </span>
-        </div>
-      </div>
-    </div>
-    <div
-      class="ant-upload-list-picture-container"
-    >
-      <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
-      >
-        <div
-          class="ant-upload-list-item-info"
-        >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
-              href="https://cdn.xxx.com/aaa.xx"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <span
-                aria-label="file"
-                class="anticon anticon-file"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/aaa.xx"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="not-image"
-            >
-              not-image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
-          </span>
-        </div>
-      </div>
-    </div>
-    <div
-      class="ant-upload-list-picture-container"
-    >
-      <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
-      >
-        <div
-          class="ant-upload-list-item-info"
-        >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
-              href="https://cdn.xxx.com/aaa.png/xx.xx"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <span
-                aria-label="file"
-                class="anticon anticon-file"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="file"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42z"
-                    fill="#e6f7ff"
-                  />
-                  <path
-                    d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
-                    fill="#1890ff"
-                  />
-                </svg>
-              </span>
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/aaa.png/xx.xx"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="not-image"
-            >
-              not-image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
-          </span>
-        </div>
-      </div>
-    </div>
-    <div
-      class="ant-upload-list-picture-container"
-    >
-      <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
-      >
-        <div
-          class="ant-upload-list-item-info"
-        >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://cdn.xxx.com/xx.xx/aaa.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image"
-                class="ant-upload-list-item-image"
-                src="https://cdn.xxx.com/xx.xx/aaa.png"
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
               />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/xx.xx/aaa.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+            </svg>
           </span>
-        </div>
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/aaa.zip"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="not-image"
+        >
+          not-image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
+          <img
+            alt="image"
+            class="ant-upload-list-item-image"
+            src="https://cdn.xxx.com/aaa"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
           >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://cdn.xxx.com/xx.xx/aaa.png"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image"
-                class="ant-upload-list-item-image"
-                src="data:image/png;base64,UEsDBAoAAAAAADYZYkwAAAAAAAAAAAAAAAAdAAk"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/xx.xx/aaa.png"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
             <span
-              class="ant-upload-list-item-card-actions picture"
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
             >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
             </span>
-          </span>
-        </div>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+          href="https://cdn.xxx.com/aaa.xx"
+          rel="noopener noreferrer"
+          target="_blank"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file"
+            class="anticon anticon-file"
+            role="img"
           >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://cdn.xxx.com/xx.xx/aaa.png?query=123"
-              rel="noopener noreferrer"
-              target="_blank"
+            <svg
+              aria-hidden="true"
+              data-icon="file"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <img
-                alt="image"
-                class="ant-upload-list-item-image"
-                src="https://cdn.xxx.com/xx.xx/aaa.png?query=123"
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42z"
+                fill="#e6f7ff"
               />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/xx.xx/aaa.png?query=123"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
-        </div>
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/aaa.xx"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="not-image"
+        >
+          not-image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail ant-upload-list-item-file"
+          href="https://cdn.xxx.com/aaa.png/xx.xx"
+          rel="noopener noreferrer"
+          target="_blank"
         >
           <span
-            class="ant-upload-span"
+            aria-label="file"
+            class="anticon anticon-file"
+            role="img"
           >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://cdn.xxx.com/xx.xx/aaa.png#anchor"
-              rel="noopener noreferrer"
-              target="_blank"
+            <svg
+              aria-hidden="true"
+              data-icon="file"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <img
-                alt="image"
-                class="ant-upload-list-item-image"
-                src="https://cdn.xxx.com/xx.xx/aaa.png#anchor"
+              <path
+                d="M534 352V136H232v752h560V394H576a42 42 0 01-42-42z"
+                fill="#e6f7ff"
               />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/xx.xx/aaa.png#anchor"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </span>
+              <path
+                d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM602 137.8L790.2 326H602V137.8zM792 888H232V136h302v216a42 42 0 0042 42h216v494z"
+                fill="#1890ff"
+              />
+            </svg>
           </span>
-        </div>
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/aaa.png/xx.xx"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="not-image"
+        >
+          not-image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://cdn.xxx.com/xx.xx/aaa.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
+          <img
+            alt="image"
+            class="ant-upload-list-item-image"
+            src="https://cdn.xxx.com/xx.xx/aaa.png"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/xx.xx/aaa.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
           >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image"
-                class="ant-upload-list-item-image"
-                src="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
             <span
-              class="ant-upload-list-item-card-actions picture"
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
             >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
             </span>
-          </span>
-        </div>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://cdn.xxx.com/xx.xx/aaa.png"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
+          <img
+            alt="image"
+            class="ant-upload-list-item-image"
+            src="data:image/png;base64,UEsDBAoAAAAAADYZYkwAAAAAAAAAAAAAAAAdAAk"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/xx.xx/aaa.png"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
           >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://publish-pic-cpu.baidu.com/1296beb3-50d9-4276-885f-52645cbb378e.jpeg@w_228%2ch_152"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image"
-                class="ant-upload-list-item-image"
-                src="https://publish-pic-cpu.baidu.com/1296beb3-50d9-4276-885f-52645cbb378e.jpeg@w_228%2ch_152"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://publish-pic-cpu.baidu.com/1296beb3-50d9-4276-885f-52645cbb378e.jpeg@w_228%2ch_152"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
             <span
-              class="ant-upload-list-item-card-actions picture"
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
             >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
               >
-                <span
-                  aria-label="delete"
-                  class="anticon anticon-delete"
-                  role="img"
-                  tabindex="-1"
-                >
-                  <svg
-                    aria-hidden="true"
-                    data-icon="delete"
-                    fill="currentColor"
-                    focusable="false"
-                    height="1em"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                    />
-                  </svg>
-                </span>
-              </button>
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
             </span>
-          </span>
-        </div>
+          </button>
+        </span>
+      </div>
+    </div>
+    <div
+      class="ant-upload-list-item-container"
+    >
+      <div
+        class="ant-upload-list-item ant-upload-list-item-done"
+      >
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://cdn.xxx.com/xx.xx/aaa.png?query=123"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          <img
+            alt="image"
+            class="ant-upload-list-item-image"
+            src="https://cdn.xxx.com/xx.xx/aaa.png?query=123"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/xx.xx/aaa.png?query=123"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
+      </div>
+    </div>
+    <div
+      class="ant-upload-list-item-container"
+    >
+      <div
+        class="ant-upload-list-item ant-upload-list-item-done"
+      >
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://cdn.xxx.com/xx.xx/aaa.png#anchor"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          <img
+            alt="image"
+            class="ant-upload-list-item-image"
+            src="https://cdn.xxx.com/xx.xx/aaa.png#anchor"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/xx.xx/aaa.png#anchor"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
+      </div>
+    </div>
+    <div
+      class="ant-upload-list-item-container"
+    >
+      <div
+        class="ant-upload-list-item ant-upload-list-item-done"
+      >
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          <img
+            alt="image"
+            class="ant-upload-list-item-image"
+            src="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/xx.xx/aaa.png?query=some.query.with.dot"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
+      </div>
+    </div>
+    <div
+      class="ant-upload-list-item-container"
+    >
+      <div
+        class="ant-upload-list-item ant-upload-list-item-done"
+      >
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://publish-pic-cpu.baidu.com/1296beb3-50d9-4276-885f-52645cbb378e.jpeg@w_228%2ch_152"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          <img
+            alt="image"
+            class="ant-upload-list-item-image"
+            src="https://publish-pic-cpu.baidu.com/1296beb3-50d9-4276-885f-52645cbb378e.jpeg@w_228%2ch_152"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://publish-pic-cpu.baidu.com/1296beb3-50d9-4276-885f-52645cbb378e.jpeg@w_228%2ch_152"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <span
+              aria-label="delete"
+              class="anticon anticon-delete"
+              role="img"
+              tabindex="-1"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="delete"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
+                />
+              </svg>
+            </span>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -1140,10 +1036,10 @@ exports[`Upload List should non-image format file preview 1`] = `
 
 exports[`Upload List should support removeIcon and downloadIcon 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-picture"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -1166,123 +1062,107 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
     class="ant-upload-list ant-upload-list-picture"
   >
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-uploading"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail"
         >
           <span
-            class="ant-upload-span"
+            aria-label="loading"
+            class="anticon anticon-loading anticon-spin"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail"
+            <svg
+              aria-hidden="true"
+              data-icon="loading"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="0 0 1024 1024"
+              width="1em"
             >
-              <span
-                aria-label="loading"
-                class="anticon anticon-loading anticon-spin"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="loading"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="0 0 1024 1024"
-                  width="1em"
-                >
-                  <path
-                    d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <i>
-                  RM
-                </i>
-              </button>
-            </span>
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <i>
+              RM
+            </i>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
+          <img
+            alt="image"
+            class="ant-upload-list-item-image"
+            src="https://cdn.xxx.com/aaa"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Download file"
+            type="button"
           >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image"
-                class="ant-upload-list-item-image"
-                src="https://cdn.xxx.com/aaa"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Download file"
-                type="button"
-              >
-                <i>
-                  DL
-                </i>
-              </button>
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <i>
-                  RM
-                </i>
-              </button>
-            </span>
-          </span>
-        </div>
+            <i>
+              DL
+            </i>
+          </button>
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <i>
+              RM
+            </i>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -1291,10 +1171,10 @@ exports[`Upload List should support removeIcon and downloadIcon 1`] = `
 
 exports[`Upload List should support removeIcon and downloadIcon 2`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-picture"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -1317,123 +1197,107 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
     class="ant-upload-list ant-upload-list-picture"
   >
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-uploading"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail"
         >
           <span
-            class="ant-upload-span"
+            aria-label="loading"
+            class="anticon anticon-loading anticon-spin"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail"
+            <svg
+              aria-hidden="true"
+              data-icon="loading"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="0 0 1024 1024"
+              width="1em"
             >
-              <span
-                aria-label="loading"
-                class="anticon anticon-loading anticon-spin"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="loading"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="0 0 1024 1024"
-                  width="1em"
-                >
-                  <path
-                    d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <i>
-                  RM
-                </i>
-              </button>
-            </span>
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <i>
+              RM
+            </i>
+          </button>
+        </span>
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
+          <img
+            alt="image"
+            class="ant-upload-list-item-image"
+            src="https://cdn.xxx.com/aaa"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        >
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Download file"
+            type="button"
           >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image"
-                class="ant-upload-list-item-image"
-                src="https://cdn.xxx.com/aaa"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            >
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Download file"
-                type="button"
-              >
-                <i>
-                  DL
-                </i>
-              </button>
-              <button
-                class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
-                title="Remove file"
-                type="button"
-              >
-                <i>
-                  RM
-                </i>
-              </button>
-            </span>
-          </span>
-        </div>
+            <i>
+              DL
+            </i>
+          </button>
+          <button
+            class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
+            title="Remove file"
+            type="button"
+          >
+            <i>
+              RM
+            </i>
+          </button>
+        </span>
       </div>
     </div>
   </div>
@@ -1442,10 +1306,10 @@ exports[`Upload List should support removeIcon and downloadIcon 2`] = `
 
 exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
 <span
-  class=""
+  class="ant-upload-wrapper"
 >
   <div
-    class="ant-upload ant-upload-select ant-upload-select-picture"
+    class="ant-upload ant-upload-select"
   >
     <span
       class="ant-upload"
@@ -1468,94 +1332,78 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
     class="ant-upload-list ant-upload-list-picture"
   >
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-uploading"
       >
         <div
-          class="ant-upload-list-item-info"
+          class="ant-upload-list-item-thumbnail"
         >
           <span
-            class="ant-upload-span"
+            aria-label="loading"
+            class="anticon anticon-loading anticon-spin"
+            role="img"
           >
-            <div
-              class="ant-upload-list-item-thumbnail"
+            <svg
+              aria-hidden="true"
+              data-icon="loading"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="0 0 1024 1024"
+              width="1em"
             >
-              <span
-                aria-label="loading"
-                class="anticon anticon-loading anticon-spin"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="loading"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="0 0 1024 1024"
-                  width="1em"
-                >
-                  <path
-                    d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                  />
-                </svg>
-              </span>
-            </div>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            />
+              <path
+                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+              />
+            </svg>
           </span>
         </div>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        />
       </div>
     </div>
     <div
-      class="ant-upload-list-picture-container"
+      class="ant-upload-list-item-container"
     >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
+        class="ant-upload-list-item ant-upload-list-item-done"
       >
-        <div
-          class="ant-upload-list-item-info"
+        <a
+          class="ant-upload-list-item-thumbnail"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
         >
-          <span
-            class="ant-upload-span"
-          >
-            <a
-              class="ant-upload-list-item-thumbnail"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <img
-                alt="image"
-                class="ant-upload-list-item-image"
-                src="https://cdn.xxx.com/aaa"
-              />
-            </a>
-            <a
-              class="ant-upload-list-item-name"
-              href="https://cdn.xxx.com/aaa"
-              rel="noopener noreferrer"
-              target="_blank"
-              title="image"
-            >
-              image
-            </a>
-            <span
-              class="ant-upload-list-item-card-actions picture"
-            />
-          </span>
-        </div>
+          <img
+            alt="image"
+            class="ant-upload-list-item-image"
+            src="https://cdn.xxx.com/aaa"
+          />
+        </a>
+        <a
+          class="ant-upload-list-item-name"
+          href="https://cdn.xxx.com/aaa"
+          rel="noopener noreferrer"
+          target="_blank"
+          title="image"
+        >
+          image
+        </a>
+        <span
+          class="ant-upload-list-item-actions picture"
+        />
       </div>
     </div>
   </div>
diff --git a/components/upload/__tests__/upload.test.js b/components/upload/__tests__/upload.test.js
index 1d72e7e2cb..cea3e0a94e 100644
--- a/components/upload/__tests__/upload.test.js
+++ b/components/upload/__tests__/upload.test.js
@@ -844,7 +844,7 @@ describe('Upload', () => {
     const frozenFileList = fileList.map(file => Object.freeze(file));
 
     const wrapper = mount(<Upload fileList={frozenFileList} />);
-    const rmBtn = wrapper.find('.ant-upload-list-item-card-actions-btn').last();
+    const rmBtn = wrapper.find('.ant-upload-list-item-action').last();
     rmBtn.simulate('click');
 
     // Wait for Upload async remove
@@ -888,7 +888,7 @@ describe('Upload', () => {
     );
 
     rerender(<Upload listType="picture-card" />);
-    expect(container.querySelector('.ant-upload-select-picture-card')).not.toHaveStyle({
+    expect(container.querySelector('.ant-upload-select')).not.toHaveStyle({
       display: 'none',
     });
 
@@ -897,9 +897,9 @@ describe('Upload', () => {
       jest.runAllTimers();
     });
 
-    fireEvent.animationEnd(container.querySelector('.ant-upload-select-picture-card'));
+    fireEvent.animationEnd(container.querySelector('.ant-upload-select'));
 
-    expect(container.querySelector('.ant-upload-select-picture-card')).toHaveStyle({
+    expect(container.querySelector('.ant-upload-select')).toHaveStyle({
       display: 'none',
     });
 
diff --git a/components/upload/__tests__/uploadlist.test.js b/components/upload/__tests__/uploadlist.test.js
index 1e9957fd9e..9936ad3b47 100644
--- a/components/upload/__tests__/uploadlist.test.js
+++ b/components/upload/__tests__/uploadlist.test.js
@@ -138,7 +138,7 @@ describe('Upload List', () => {
       await sleep(1000);
       wrapper.update();
 
-      const domNode = wrapper.find('.ant-upload-list-text-container').at(0).hostNodes().instance();
+      const domNode = wrapper.find('.ant-upload-list-item-container').at(0).hostNodes().instance();
       const transitionEndEvent = new Event('transitionend');
       domNode.dispatchEvent(transitionEndEvent);
       wrapper.update();
@@ -146,7 +146,7 @@ describe('Upload List', () => {
 
     // console.log(wrapper.html());
 
-    expect(wrapper.find('.ant-upload-list-text-container').hostNodes().length).toBe(1);
+    expect(wrapper.find('.ant-upload-list-item-container').hostNodes().length).toBe(1);
 
     wrapper.unmount();
   });
diff --git a/components/upload/demo/picture-style.md b/components/upload/demo/picture-style.md
index 5169fd9c91..dad504804a 100644
--- a/components/upload/demo/picture-style.md
+++ b/components/upload/demo/picture-style.md
@@ -60,10 +60,10 @@ export default () => (
 .upload-list-inline .ant-upload-list-item {
   float: left;
   width: 200px;
-  margin-right: 8px;
+  margin-inline-end: 8px;
 }
 
-.upload-list-inline [class*='-upload-list-rtl'] .ant-upload-list-item {
+.ant-upload-rtl.upload-list-inline .ant-upload-list-item {
   float: right;
 }
 ```
diff --git a/components/upload/interface.tsx b/components/upload/interface.tsx
index 9db210ade6..67eb70e8eb 100755
--- a/components/upload/interface.tsx
+++ b/components/upload/interface.tsx
@@ -1,10 +1,10 @@
 import * as React from 'react';
-import {
+import type {
   RcFile as OriRcFile,
   UploadRequestOption as RcCustomRequestOptions,
   UploadProps as RcUploadProps,
 } from 'rc-upload/lib/interface';
-import { ProgressProps } from '../progress';
+import type { ProgressProps } from '../progress';
 
 export interface RcFile extends OriRcFile {
   readonly lastModifiedDate: Date;
@@ -146,6 +146,7 @@ export interface UploadListProps<T = any> {
   items?: Array<UploadFile<T>>;
   progress?: UploadListProgressProps;
   prefixCls?: string;
+  className?: string;
   showRemoveIcon?: boolean;
   showDownloadIcon?: boolean;
   showPreviewIcon?: boolean;
diff --git a/components/upload/style/dragger.tsx b/components/upload/style/dragger.tsx
new file mode 100644
index 0000000000..5562b4a542
--- /dev/null
+++ b/components/upload/style/dragger.tsx
@@ -0,0 +1,68 @@
+import type { GenerateStyle, FullToken } from '../../_util/theme';
+
+const genDraggerStyle: GenerateStyle<FullToken<'Upload'>> = token => {
+  const { componentCls, iconCls } = token;
+
+  return {
+    [`${componentCls}-wrapper`]: {
+      [`${componentCls}-drag`]: {
+        position: 'relative',
+        width: '100%',
+        height: '100%',
+        textAlign: 'center',
+        background: token.colorBgComponentSecondary,
+        border: `${token.controlLineWidth}px dashed ${token.colorBorder}`,
+        borderRadius: token.radiusBase,
+        cursor: 'pointer',
+        transition: `border-color ${token.motionDurationSlow}`,
+
+        [componentCls]: {
+          padding: `${token.padding}px 0`,
+        },
+
+        [`${componentCls}${componentCls}-disabled`]: {
+          cursor: 'not-allowed',
+        },
+
+        [`${componentCls}-btn`]: {
+          display: 'table',
+          height: '100%',
+          outline: 'none',
+        },
+
+        [`${componentCls}-drag-container`]: {
+          display: 'table-cell',
+          verticalAlign: 'middle',
+        },
+
+        [`${componentCls}:not(${componentCls}-disabled):hover`]: {
+          borderColor: token.colorPrimaryHover,
+        },
+
+        [`p${componentCls}-drag-icon`]: {
+          // FIXME: upload token
+          marginBottom: 20,
+
+          [iconCls]: {
+            color: token.colorPrimary,
+            // FIXME: upload token
+            fontSize: 48,
+          },
+        },
+
+        [`p${componentCls}-text`]: {
+          margin: `0 0 ${token.marginXXS}px`,
+          color: token.colorTextHeading,
+          fontSize: token.fontSizeLG,
+        },
+
+        [`p${componentCls}-hint`]: {
+          color: token.colorTextSecondary,
+          fontSize: token.fontSizeBase,
+        },
+      },
+    },
+  };
+};
+
+export default genDraggerStyle;
diff --git a/components/upload/style/index.less b/components/upload/style/index.less
index 80c0672204..23b0be2aea 100644
--- a/components/upload/style/index.less
+++ b/components/upload/style/index.less
@@ -1,563 +1,563 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@upload-prefix-cls: ~'@{ant-prefix}-upload';
-@upload-item: ~'@{ant-prefix}-upload-list-item';
-@upload-picture-card-size: 104px;
-@upload-picture-card-border-style: @border-style-base;
-
-.@{upload-prefix-cls} {
-  .reset-component();
-
-  outline: 0;
-
-  p {
-    margin: 0;
-  }
-
-  &-btn {
-    display: block;
-    width: 100%;
-    outline: none;
-  }
-
-  input[type='file'] {
-    cursor: pointer;
-  }
-
-  &&-select {
-    display: inline-block;
-  }
-
-  &&-disabled {
-    cursor: not-allowed;
-  }
-
-  &&-select-picture-card {
-    width: @upload-picture-card-size;
-    height: @upload-picture-card-size;
-    margin-right: 8px;
-    margin-bottom: 8px;
-    text-align: center;
-    vertical-align: top;
-    background-color: @background-color-light;
-    border: @border-width-base dashed @border-color-base;
-    border-radius: @border-radius-base;
-    cursor: pointer;
-    transition: border-color 0.3s;
-
-    > .@{upload-prefix-cls} {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-      text-align: center;
-    }
-
-    &:hover {
-      border-color: @primary-color;
-      .@{upload-prefix-cls}-disabled& {
-        border-color: @border-color-base;
-      }
-    }
-  }
-
-  &&-drag {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    background: @background-color-light;
-    border: @border-width-base dashed @border-color-base;
-    border-radius: @border-radius-base;
-    cursor: pointer;
-    transition: border-color 0.3s;
-
-    .@{upload-prefix-cls} {
-      padding: @padding-md 0;
-    }
-
-    &.@{upload-prefix-cls}-drag-hover:not(.@{upload-prefix-cls}-disabled) {
-      border-color: @primary-7;
-    }
-
-    &.@{upload-prefix-cls}-disabled {
-      cursor: not-allowed;
-    }
-
-    .@{upload-prefix-cls}-btn {
-      display: table;
-      height: 100%;
-    }
-
-    .@{upload-prefix-cls}-drag-container {
-      display: table-cell;
-      vertical-align: middle;
-    }
-
-    &:not(.@{upload-prefix-cls}-disabled):hover {
-      border-color: @primary-5;
-    }
-
-    p.@{upload-prefix-cls}-drag-icon {
-      .@{iconfont-css-prefix} {
-        color: @primary-5;
-        font-size: 48px;
-      }
-
-      margin-bottom: 20px;
-    }
-    p.@{upload-prefix-cls}-text {
-      margin: 0 0 4px;
-      color: @heading-color;
-      font-size: @font-size-lg;
-    }
-    p.@{upload-prefix-cls}-hint {
-      color: @text-color-secondary;
-      font-size: @font-size-base;
-    }
-
-    .@{iconfont-css-prefix}-plus {
-      color: @disabled-color;
-      font-size: 30px;
-      transition: all 0.3s;
-
-      &:hover {
-        color: @text-color-secondary;
-      }
-    }
-    &:hover .@{iconfont-css-prefix}-plus {
-      color: @text-color-secondary;
-    }
-  }
-
-  &-picture-card-wrapper {
-    .clearfix();
-
-    display: inline-block;
-    width: 100%;
-  }
-}
-
-.@{upload-prefix-cls}-list {
-  .reset-component();
-  .clearfix();
-  line-height: @line-height-base;
-
-  // ============================ Item ============================
-  &-item {
-    position: relative;
-    height: @line-height-base * @font-size-base;
-    margin-top: @margin-xs;
-    font-size: @font-size-base;
-
-    &-name {
-      display: inline-block;
-      width: 100%;
-      padding-left: @font-size-base + 8px;
-      overflow: hidden;
-      line-height: @line-height-base;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-
-    &-card-actions {
-      position: absolute;
-      right: 0;
-
-      &-btn {
-        opacity: 0;
-      }
-
-      &-btn.@{ant-prefix}-btn-sm {
-        height: @line-height-base * @font-size-base;
-        line-height: 1;
-        vertical-align: top;
-      }
-
-      &.picture {
-        top: 22px;
-        line-height: 0;
-      }
-
-      &-btn:focus,
-      &.picture &-btn {
-        opacity: 1;
-      }
-
-      .@{iconfont-css-prefix} {
-        color: @upload-actions-color;
-        transition: all 0.3s;
-      }
-
-      &:hover .@{iconfont-css-prefix} {
-        color: @text-color;
-      }
-    }
-
-    &-info {
-      height: 100%;
-      transition: background-color 0.3s;
-
-      > span {
-        display: block;
-        width: 100%;
-        height: 100%;
-      }
-
-      .@{iconfont-css-prefix}-loading,
-      .@{upload-prefix-cls}-text-icon {
-        .@{iconfont-css-prefix} {
-          position: absolute;
-          top: (@font-size-base / 2) - 2px;
-          color: @text-color-secondary;
-          font-size: @font-size-base;
-        }
-      }
-    }
-
-    &:hover &-info {
-      background-color: @item-hover-bg;
-    }
-
-    &:hover &-card-actions-btn {
-      opacity: 1;
-    }
-
-    &-error,
-    &-error .@{upload-prefix-cls}-text-icon > .@{iconfont-css-prefix},
-    &-error &-name {
-      color: @error-color;
-    }
-
-    &-error &-card-actions {
-      .@{iconfont-css-prefix} {
-        color: @error-color;
-      }
-
-      &-btn {
-        opacity: 1;
-      }
-    }
-
-    &-progress {
-      position: absolute;
-      bottom: -12px;
-      width: 100%;
-      padding-left: @font-size-base + 12px;
-      font-size: @font-size-base;
-      line-height: 0;
-    }
-  }
-
-  // =================== Picture & Picture Card ===================
-  &-picture,
-  &-picture-card {
-    .@{upload-item} {
-      position: relative;
-      height: 66px;
-      padding: @padding-xs;
-      border: @border-width-base @upload-picture-card-border-style @border-color-base;
-      border-radius: @border-radius-base;
-
-      &:hover {
-        background: transparent;
-      }
-
-      &-error {
-        border-color: @error-color;
-      }
-    }
-
-    .@{upload-item}-info {
-      padding: 0;
-    }
-
-    .@{upload-item}:hover .@{upload-item}-info {
-      background: transparent;
-    }
-
-    .@{upload-item}-uploading {
-      border-style: dashed;
-    }
-
-    .@{upload-item}-thumbnail {
-      width: 48px;
-      height: 48px;
-      line-height: 60px;
-      text-align: center;
-      opacity: 0.8;
-
-      .@{iconfont-css-prefix} {
-        font-size: 26px;
-      }
-    }
-
-    // Adjust the color of the error icon : https://github.com/ant-design/ant-design/pull/24160
-    .@{upload-item}-error .@{upload-item}-thumbnail {
-      .@{iconfont-css-prefix} {
-        svg path {
-          &[fill='#e6f7ff'] {
-            fill: @error-color-deprecated-bg;
-          }
-
-          &[fill='#1890ff'] {
-            fill: @error-color;
-          }
-        }
-      }
-    }
-
-    .@{upload-item}-icon {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      font-size: 26px;
-      transform: translate(-50%, -50%);
-
-      .@{iconfont-css-prefix} {
-        font-size: 26px;
-      }
-    }
-
-    .@{upload-item}-image {
-      max-width: 100%;
-    }
-
-    .@{upload-item}-thumbnail img {
-      display: block;
-      width: 48px;
-      height: 48px;
-      overflow: hidden;
-    }
-
-    .@{upload-item}-name {
-      display: inline-block;
-      box-sizing: border-box;
-      max-width: 100%;
-      margin: 0 0 0 8px;
-      padding-right: 8px;
-      padding-left: 48px;
-      overflow: hidden;
-      line-height: 44px;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      transition: all 0.3s;
-    }
-
-    .@{upload-item}-uploading .@{upload-item}-name {
-      margin-bottom: 12px;
-    }
-
-    .@{upload-item}-progress {
-      bottom: 14px;
-      width: ~'calc(100% - 24px)';
-      margin-top: 0;
-      padding-left: 56px;
-    }
-  }
-
-  // ======================== Picture Card ========================
-  &-picture-card {
-    &-container {
-      display: inline-block;
-      width: @upload-picture-card-size;
-      height: @upload-picture-card-size;
-      margin: 0 @margin-xs @margin-xs 0;
-      vertical-align: top;
-    }
-
-    .@{upload-item} {
-      height: 100%;
-      margin: 0;
-    }
-
-    .@{upload-item}-info {
-      position: relative;
-      height: 100%;
-      overflow: hidden;
-
-      &::before {
-        position: absolute;
-        z-index: 1;
-        width: 100%;
-        height: 100%;
-        background-color: fade(@black, 50%);
-        opacity: 0;
-        transition: all 0.3s;
-        content: ' ';
-      }
-    }
-
-    .@{upload-item}:hover .@{upload-item}-info::before {
-      opacity: 1;
-    }
-
-    .@{upload-item}-actions {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      z-index: 10;
-      white-space: nowrap;
-      transform: translate(-50%, -50%);
-      opacity: 0;
-      transition: all 0.3s;
-
-      .@{iconfont-css-prefix}-eye,
-      .@{iconfont-css-prefix}-download,
-      .@{iconfont-css-prefix}-delete {
-        z-index: 10;
-        width: 16px;
-        margin: 0 4px;
-        color: @text-color-dark;
-        font-size: 16px;
-        cursor: pointer;
-        transition: all 0.3s;
-
-        &:hover {
-          color: @text-color-inverse;
-        }
-      }
-    }
-
-    .@{upload-item}-info:hover + .@{upload-item}-actions,
-    .@{upload-item}-actions:hover {
-      opacity: 1;
-    }
-
-    .@{upload-item}-thumbnail,
-    .@{upload-item}-thumbnail img {
-      position: static;
-      display: block;
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
-
-    .@{upload-item}-name {
-      display: none;
-      margin: 8px 0 0;
-      padding: 0;
-      line-height: @line-height-base;
-      text-align: center;
-    }
-
-    .@{upload-item}-file + .@{upload-item}-name {
-      position: absolute;
-      bottom: 10px;
-      display: block;
-    }
-
-    .@{upload-item}-uploading {
-      &.@{upload-item} {
-        background-color: @background-color-light;
-      }
-
-      .@{upload-item}-info {
-        height: auto;
-
-        &::before,
-        .@{iconfont-css-prefix}-eye,
-        .@{iconfont-css-prefix}-delete {
-          display: none;
-        }
-      }
-    }
-
-    .@{upload-item}-progress {
-      bottom: 32px;
-      width: calc(100% - 14px);
-      padding-left: 0;
-    }
-  }
-
-  // ======================= Picture & Text =======================
-  &-text,
-  &-picture {
-    &-container {
-      transition: opacity @animation-duration-slow, height @animation-duration-slow;
-
-      &::before {
-        display: table;
-        width: 0;
-        height: 0;
-        content: '';
-      }
-
-      // Don't know why span here, just stretch it
-      .@{upload-prefix-cls}-span {
-        display: block;
-        flex: auto;
-      }
-    }
-
-    // text & picture no need this additional element.
-    // But it used for picture-card, let's keep it.
-    .@{upload-prefix-cls}-span {
-      display: flex;
-      align-items: center;
-
-      > * {
-        flex: none;
-      }
-    }
-
-    .@{upload-item}-name {
-      flex: auto;
-      margin: 0;
-      padding: 0 @padding-xs;
-    }
-
-    .@{upload-item}-card-actions {
-      position: static;
-    }
-  }
-
-  // ============================ Text ============================
-  &-text {
-    .@{upload-prefix-cls}-text-icon {
-      .@{iconfont-css-prefix} {
-        position: static;
-      }
-    }
-  }
-
-  // =========================== Motion ===========================
-  .@{upload-prefix-cls}-animate-inline-appear,
-  .@{upload-prefix-cls}-animate-inline-enter,
-  .@{upload-prefix-cls}-animate-inline-leave {
-    animation-duration: @animation-duration-slow;
-    animation-fill-mode: @ease-in-out-circ;
-  }
-
-  .@{upload-prefix-cls}-animate-inline-appear,
-  .@{upload-prefix-cls}-animate-inline-enter {
-    animation-name: uploadAnimateInlineIn;
-  }
-
-  .@{upload-prefix-cls}-animate-inline-leave {
-    animation-name: uploadAnimateInlineOut;
-  }
-}
-
-@keyframes uploadAnimateInlineIn {
-  from {
-    width: 0;
-    height: 0;
-    margin: 0;
-    padding: 0;
-    opacity: 0;
-  }
-}
-
-@keyframes uploadAnimateInlineOut {
-  to {
-    width: 0;
-    height: 0;
-    margin: 0;
-    padding: 0;
-    opacity: 0;
-  }
-}
-
-@import './rtl';
+// @import '../../style/themes/index';
+// @import '../../style/mixins/index';
+
+// @upload-prefix-cls: ~'@{ant-prefix}-upload';
+// @upload-item: ~'@{ant-prefix}-upload-list-item';
+// @upload-picture-card-size: 104px;
+// @upload-picture-card-border-style: @border-style-base;
+
+// .@{upload-prefix-cls} {
+//   .reset-component();
+
+//   outline: 0;
+
+//   p {
+//     margin: 0;
+//   }
+
+//   &-btn {
+//     display: block;
+//     width: 100%;
+//     outline: none;
+//   }
+
+//   input[type='file'] {
+//     cursor: pointer;
+//   }
+
+//   &&-select {
+//     display: inline-block;
+//   }
+
+//   &&-disabled {
+//     cursor: not-allowed;
+//   }
+
+//   &&-select-picture-card {
+//     width: @upload-picture-card-size;
+//     height: @upload-picture-card-size;
+//     margin-right: 8px;
+//     margin-bottom: 8px;
+//     text-align: center;
+//     vertical-align: top;
+//     background-color: @background-color-light;
+//     border: @border-width-base dashed @border-color-base;
+//     border-radius: @border-radius-base;
+//     cursor: pointer;
+//     transition: border-color 0.3s;
+
+//     > .@{upload-prefix-cls} {
+//       display: flex;
+//       align-items: center;
+//       justify-content: center;
+//       height: 100%;
+//       text-align: center;
+//     }
+
+//     &:hover {
+//       border-color: @primary-color;
+//       .@{upload-prefix-cls}-disabled& {
+//         border-color: @border-color-base;
+//       }
+//     }
+//   }
+
+//   &&-drag {
+//     position: relative;
+//     width: 100%;
+//     height: 100%;
+//     text-align: center;
+//     background: @background-color-light;
+//     border: @border-width-base dashed @border-color-base;
+//     border-radius: @border-radius-base;
+//     cursor: pointer;
+//     transition: border-color 0.3s;
+
+//     .@{upload-prefix-cls} {
+//       padding: @padding-md 0;
+//     }
+
+//     &.@{upload-prefix-cls}-drag-hover:not(.@{upload-prefix-cls}-disabled) {
+//       border-color: @primary-7;
+//     }
+
+//     &.@{upload-prefix-cls}-disabled {
+//       cursor: not-allowed;
+//     }
+
+//     .@{upload-prefix-cls}-btn {
+//       display: table;
+//       height: 100%;
+//     }
+
+//     .@{upload-prefix-cls}-drag-container {
+//       display: table-cell;
+//       vertical-align: middle;
+//     }
+
+//     &:not(.@{upload-prefix-cls}-disabled):hover {
+//       border-color: @primary-5;
+//     }
+
+//     p.@{upload-prefix-cls}-drag-icon {
+//       .@{iconfont-css-prefix} {
+//         color: @primary-5;
+//         font-size: 48px;
+//       }
+
+//       margin-bottom: 20px;
+//     }
+//     p.@{upload-prefix-cls}-text {
+//       margin: 0 0 4px;
+//       color: @heading-color;
+//       font-size: @font-size-lg;
+//     }
+//     p.@{upload-prefix-cls}-hint {
+//       color: @text-color-secondary;
+//       font-size: @font-size-base;
+//     }
+
+//     .@{iconfont-css-prefix}-plus {
+//       color: @disabled-color;
+//       font-size: 30px;
+//       transition: all 0.3s;
+
+//       &:hover {
+//         color: @text-color-secondary;
+//       }
+//     }
+//     &:hover .@{iconfont-css-prefix}-plus {
+//       color: @text-color-secondary;
+//     }
+//   }
+
+//   &-picture-card-wrapper {
+//     .clearfix();
+
+//     display: inline-block;
+//     width: 100%;
+//   }
+// }
+
+// .@{upload-prefix-cls}-list {
+//   .reset-component();
+//   .clearfix();
+//   line-height: @line-height-base;
+
+//   // ============================ Item ============================
+//   &-item {
+//     position: relative;
+//     height: @line-height-base * @font-size-base;
+//     margin-top: @margin-xs;
+//     font-size: @font-size-base;
+
+//     &-name {
+//       display: inline-block;
+//       width: 100%;
+//       padding-left: @font-size-base + 8px;
+//       overflow: hidden;
+//       line-height: @line-height-base;
+//       white-space: nowrap;
+//       text-overflow: ellipsis;
+//     }
+
+//     &-card-actions {
+//       position: absolute;
+//       right: 0;
+
+//       &-btn {
+//         opacity: 0;
+//       }
+
+//       &-btn.@{ant-prefix}-btn-sm {
+//         height: @line-height-base * @font-size-base;
+//         line-height: 1;
+//         vertical-align: top;
+//       }
+
+//       &.picture {
+//         top: 22px;
+//         line-height: 0;
+//       }
+
+//       &-btn:focus,
+//       &.picture &-btn {
+//         opacity: 1;
+//       }
+
+//       .@{iconfont-css-prefix} {
+//         color: @upload-actions-color;
+//         transition: all 0.3s;
+//       }
+
+//       &:hover .@{iconfont-css-prefix} {
+//         color: @text-color;
+//       }
+//     }
+
+//     &-info {
+//       height: 100%;
+//       transition: background-color 0.3s;
+
+//       > span {
+//         display: block;
+//         width: 100%;
+//         height: 100%;
+//       }
+
+//       .@{iconfont-css-prefix}-loading,
+//       .@{upload-prefix-cls}-text-icon {
+//         .@{iconfont-css-prefix} {
+//           position: absolute;
+//           top: (@font-size-base / 2) - 2px;
+//           color: @text-color-secondary;
+//           font-size: @font-size-base;
+//         }
+//       }
+//     }
+
+//     &:hover &-info {
+//       background-color: @item-hover-bg;
+//     }
+
+//     &:hover &-card-actions-btn {
+//       opacity: 1;
+//     }
+
+//     &-error,
+//     &-error .@{upload-prefix-cls}-text-icon > .@{iconfont-css-prefix},
+//     &-error &-name {
+//       color: @error-color;
+//     }
+
+//     &-error &-card-actions {
+//       .@{iconfont-css-prefix} {
+//         color: @error-color;
+//       }
+
+//       &-btn {
+//         opacity: 1;
+//       }
+//     }
+
+//     &-progress {
+//       position: absolute;
+//       bottom: -12px;
+//       width: 100%;
+//       padding-left: @font-size-base + 12px;
+//       font-size: @font-size-base;
+//       line-height: 0;
+//     }
+//   }
+
+//   // =================== Picture & Picture Card ===================
+//   &-picture,
+//   &-picture-card {
+//     .@{upload-item} {
+//       position: relative;
+//       height: 66px;
+//       padding: @padding-xs;
+//       border: @border-width-base @upload-picture-card-border-style @border-color-base;
+//       border-radius: @border-radius-base;
+
+//       &:hover {
+//         background: transparent;
+//       }
+
+//       &-error {
+//         border-color: @error-color;
+//       }
+//     }
+
+//     .@{upload-item}-info {
+//       padding: 0;
+//     }
+
+//     .@{upload-item}:hover .@{upload-item}-info {
+//       background: transparent;
+//     }
+
+//     .@{upload-item}-uploading {
+//       border-style: dashed;
+//     }
+
+//     .@{upload-item}-thumbnail {
+//       width: 48px;
+//       height: 48px;
+//       line-height: 60px;
+//       text-align: center;
+//       opacity: 0.8;
+
+//       .@{iconfont-css-prefix} {
+//         font-size: 26px;
+//       }
+//     }
+
+//     // Adjust the color of the error icon : https://github.com/ant-design/ant-design/pull/24160
+//     .@{upload-item}-error .@{upload-item}-thumbnail {
+//       .@{iconfont-css-prefix} {
+//         svg path {
+//           &[fill='#e6f7ff'] {
+//             fill: @error-color-deprecated-bg;
+//           }
+
+//           &[fill='#1890ff'] {
+//             fill: @error-color;
+//           }
+//         }
+//       }
+//     }
+
+//     .@{upload-item}-icon {
+//       position: absolute;
+//       top: 50%;
+//       left: 50%;
+//       font-size: 26px;
+//       transform: translate(-50%, -50%);
+
+//       .@{iconfont-css-prefix} {
+//         font-size: 26px;
+//       }
+//     }
+
+//     .@{upload-item}-image {
+//       max-width: 100%;
+//     }
+
+//     .@{upload-item}-thumbnail img {
+//       display: block;
+//       width: 48px;
+//       height: 48px;
+//       overflow: hidden;
+//     }
+
+//     .@{upload-item}-name {
+//       display: inline-block;
+//       box-sizing: border-box;
+//       max-width: 100%;
+//       margin: 0 0 0 8px;
+//       padding-right: 8px;
+//       padding-left: 48px;
+//       overflow: hidden;
+//       line-height: 44px;
+//       white-space: nowrap;
+//       text-overflow: ellipsis;
+//       transition: all 0.3s;
+//     }
+
+//     .@{upload-item}-uploading .@{upload-item}-name {
+//       margin-bottom: 12px;
+//     }
+
+//     .@{upload-item}-progress {
+//       bottom: 14px;
+//       width: ~'calc(100% - 24px)';
+//       margin-top: 0;
+//       padding-left: 56px;
+//     }
+//   }
+
+//   // ======================== Picture Card ========================
+//   &-picture-card {
+//     &-container {
+//       display: inline-block;
+//       width: @upload-picture-card-size;
+//       height: @upload-picture-card-size;
+//       margin: 0 @margin-xs @margin-xs 0;
+//       vertical-align: top;
+//     }
+
+//     .@{upload-item} {
+//       height: 100%;
+//       margin: 0;
+//     }
+
+//     .@{upload-item}-info {
+//       position: relative;
+//       height: 100%;
+//       overflow: hidden;
+
+//       &::before {
+//         position: absolute;
+//         z-index: 1;
+//         width: 100%;
+//         height: 100%;
+//         background-color: fade(@black, 50%);
+//         opacity: 0;
+//         transition: all 0.3s;
+//         content: ' ';
+//       }
+//     }
+
+//     .@{upload-item}:hover .@{upload-item}-info::before {
+//       opacity: 1;
+//     }
+
+//     .@{upload-item}-actions {
+//       position: absolute;
+//       top: 50%;
+//       left: 50%;
+//       z-index: 10;
+//       white-space: nowrap;
+//       transform: translate(-50%, -50%);
+//       opacity: 0;
+//       transition: all 0.3s;
+
+//       .@{iconfont-css-prefix}-eye,
+//       .@{iconfont-css-prefix}-download,
+//       .@{iconfont-css-prefix}-delete {
+//         z-index: 10;
+//         width: 16px;
+//         margin: 0 4px;
+//         color: @text-color-dark;
+//         font-size: 16px;
+//         cursor: pointer;
+//         transition: all 0.3s;
+
+//         &:hover {
+//           color: @text-color-inverse;
+//         }
+//       }
+//     }
+
+//     .@{upload-item}-info:hover + .@{upload-item}-actions,
+//     .@{upload-item}-actions:hover {
+//       opacity: 1;
+//     }
+
+//     .@{upload-item}-thumbnail,
+//     .@{upload-item}-thumbnail img {
+//       position: static;
+//       display: block;
+//       width: 100%;
+//       height: 100%;
+//       object-fit: contain;
+//     }
+
+//     .@{upload-item}-name {
+//       display: none;
+//       margin: 8px 0 0;
+//       padding: 0;
+//       line-height: @line-height-base;
+//       text-align: center;
+//     }
+
+//     .@{upload-item}-file + .@{upload-item}-name {
+//       position: absolute;
+//       bottom: 10px;
+//       display: block;
+//     }
+
+//     .@{upload-item}-uploading {
+//       &.@{upload-item} {
+//         background-color: @background-color-light;
+//       }
+
+//       .@{upload-item}-info {
+//         height: auto;
+
+//         &::before,
+//         .@{iconfont-css-prefix}-eye,
+//         .@{iconfont-css-prefix}-delete {
+//           display: none;
+//         }
+//       }
+//     }
+
+//     .@{upload-item}-progress {
+//       bottom: 32px;
+//       width: calc(100% - 14px);
+//       padding-left: 0;
+//     }
+//   }
+
+//   // ======================= Picture & Text =======================
+//   &-text,
+//   &-picture {
+//     &-container {
+//       transition: opacity @animation-duration-slow, height @animation-duration-slow;
+
+//       &::before {
+//         display: table;
+//         width: 0;
+//         height: 0;
+//         content: '';
+//       }
+
+//       // Don't know why span here, just stretch it
+//       .@{upload-prefix-cls}-span {
+//         display: block;
+//         flex: auto;
+//       }
+//     }
+
+//     // text & picture no need this additional element.
+//     // But it used for picture-card, let's keep it.
+//     .@{upload-prefix-cls}-span {
+//       display: flex;
+//       align-items: center;
+
+//       > * {
+//         flex: none;
+//       }
+//     }
+
+//     .@{upload-item}-name {
+//       flex: auto;
+//       margin: 0;
+//       padding: 0 @padding-xs;
+//     }
+
+//     .@{upload-item}-card-actions {
+//       position: static;
+//     }
+//   }
+
+//   // ============================ Text ============================
+//   &-text {
+//     .@{upload-prefix-cls}-text-icon {
+//       .@{iconfont-css-prefix} {
+//         position: static;
+//       }
+//     }
+//   }
+
+//   // =========================== Motion ===========================
+//   .@{upload-prefix-cls}-animate-inline-appear,
+//   .@{upload-prefix-cls}-animate-inline-enter,
+//   .@{upload-prefix-cls}-animate-inline-leave {
+//     animation-duration: @animation-duration-slow;
+//     animation-fill-mode: @ease-in-out-circ;
+//   }
+
+//   .@{upload-prefix-cls}-animate-inline-appear,
+//   .@{upload-prefix-cls}-animate-inline-enter {
+//     animation-name: uploadAnimateInlineIn;
+//   }
+
+//   .@{upload-prefix-cls}-animate-inline-leave {
+//     animation-name: uploadAnimateInlineOut;
+//   }
+// }
+
+// @keyframes uploadAnimateInlineIn {
+//   from {
+//     width: 0;
+//     height: 0;
+//     margin: 0;
+//     padding: 0;
+//     opacity: 0;
+//   }
+// }
+
+// @keyframes uploadAnimateInlineOut {
+//   to {
+//     width: 0;
+//     height: 0;
+//     margin: 0;
+//     padding: 0;
+//     opacity: 0;
+//   }
+// }
+
+// @import './rtl';
diff --git a/components/upload/style/index.tsx b/components/upload/style/index.tsx
index 591032d5dd..eb0bdcb23a 100644
--- a/components/upload/style/index.tsx
+++ b/components/upload/style/index.tsx
@@ -1,8 +1,55 @@
-import '../../style/index.less';
-import './index.less';
+// deps-lint-skip-all
+import { CSSObject } from '@ant-design/cssinjs';
+import { genComponentStyleHook, resetComponent } from '../../_util/theme';
+import genDraggerStyle from './dragger';
+import genListStyle from './list';
+import genMotionStyle from './motion';
+import genRtlStyle from './rtl';
+import { genPictureStyle, genPictureCardStyle } from './picture';
+import type { GenerateStyle, FullToken } from '../../_util/theme';
 
-// style dependencies
-// deps-lint-skip: form
-import '../../button/style';
-import '../../progress/style';
-import '../../tooltip/style';
+export interface ComponentToken {
+  uploadActionsColor: CSSObject['color'];
+}
+
+const genBaseStyle: GenerateStyle<FullToken<'Upload'>> = token => {
+  const { componentCls } = token;
+
+  return {
+    [`${componentCls}-wrapper`]: {
+      ...resetComponent(token),
+
+      [componentCls]: {
+        outline: 0,
+        "input[type='file']": {
+          cursor: 'pointer',
+        },
+      },
+
+      [`${componentCls}-select`]: {
+        display: 'inline-block',
+      },
+
+      [`${componentCls}-disabled`]: {
+        cursor: 'not-allowed',
+      },
+    },
+  };
+};
+
+// ============================== Export ==============================
+export default genComponentStyleHook(
+  'Upload',
+  token => [
+    genBaseStyle(token),
+    genDraggerStyle(token),
+    genPictureStyle(token),
+    genPictureCardStyle(token),
+    genListStyle(token),
+    genMotionStyle(token),
+    genRtlStyle(token),
+  ],
+  token => ({
+    uploadActionsColor: token.colorTextSecondary,
+  }),
+);
diff --git a/components/upload/style/list.tsx b/components/upload/style/list.tsx
new file mode 100644
index 0000000000..a7e7bc68b3
--- /dev/null
+++ b/components/upload/style/list.tsx
@@ -0,0 +1,125 @@
+import { clearFix } from '../../_util/theme';
+import type { GenerateStyle, FullToken } from '../../_util/theme';
+
+const genListStyle: GenerateStyle<FullToken<'Upload'>> = token => {
+  const { componentCls, antCls, iconCls } = token;
+  const itemCls = `${componentCls}-list-item`;
+  const actionsCls = `${itemCls}-actions`;
+  const actionCls = `${itemCls}-action`;
+
+  return {
+    [`${componentCls}-wrapper`]: {
+      [`${componentCls}-list`]: {
+        ...clearFix(),
+        lineHeight: token.lineHeight,
+
+        [itemCls]: {
+          position: 'relative',
+          height: token.lineHeight * token.fontSizeBase,
+          marginTop: token.marginXS,
+          fontSize: token.fontSizeBase,
+          display: 'flex',
+          alignItems: 'center',
+          transition: `background-color ${token.motionDurationSlow}`,
+
+          '&:hover': {
+            backgroundColor: token.controlItemBgHover,
+          },
+
+          [`${itemCls}-name`]: {
+            padding: `0 ${token.paddingXS}px`,
+            overflow: 'hidden',
+            lineHeight: token.lineHeight,
+            whiteSpace: 'nowrap',
+            textOverflow: 'ellipsis',
+            flex: 'auto',
+            transition: `all ${token.motionDurationSlow}`,
+          },
+
+          [actionsCls]: {
+            [actionCls]: {
+              opacity: 0,
+            },
+
+            [`${actionCls}${antCls}-btn-sm`]: {
+              // FIXME: upload token
+              height: 20,
+              lineHeight: 1,
+              // FIXME: should not override small button
+              '> span': {
+                transform: 'scale(1)',
+              },
+            },
+
+            [`
+              ${actionCls}:focus,
+              &.picture ${actionCls}
+            `]: {
+              opacity: 1,
+            },
+
+            [iconCls]: {
+              color: token.uploadActionsColor,
+              transition: `all ${token.motionDurationSlow}`,
+            },
+
+            [`&:hover ${iconCls}`]: {
+              color: token.colorText,
+            },
+          },
+
+          [`${componentCls}-icon ${iconCls}`]: {
+            color: token.colorTextSecondary,
+            fontSize: token.fontSizeBase,
+          },
+
+          [`${itemCls}-progress`]: {
+            position: 'absolute',
+            // FIXME: upload token
+            bottom: -12,
+            width: '100%',
+            paddingInlineStart: token.fontSizeBase + token.paddingXS,
+            fontSize: token.fontSizeBase,
+            lineHeight: 0,
+          },
+        },
+
+        [`${itemCls}:hover ${actionCls}`]: {
+          opacity: 1,
+          color: token.colorText,
+        },
+
+        [`${itemCls}-error`]: {
+          color: token.colorError,
+          [`${itemCls}-name, ${componentCls}-icon ${iconCls}`]: {
+            color: token.colorError,
+          },
+
+          [actionsCls]: {
+            [`${iconCls}, ${iconCls}:hover`]: {
+              color: token.colorError,
+            },
+
+            [actionCls]: {
+              opacity: 1,
+            },
+          },
+        },
+
+        [`${componentCls}-list-item-container`]: {
+          transition: `opacity ${token.motionDurationSlow}, height ${token.motionDurationSlow}`,
+
+          // For smooth removing animation
+          '&::before': {
+            display: 'table',
+            width: 0,
+            height: 0,
+            content: '""',
+          },
+        },
+      },
+    },
+  };
+};
+
+export default genListStyle;
diff --git a/components/upload/style/motion.tsx b/components/upload/style/motion.tsx
new file mode 100644
index 0000000000..3c5df66b04
--- /dev/null
+++ b/components/upload/style/motion.tsx
@@ -0,0 +1,50 @@
+import { Keyframes } from '@ant-design/cssinjs';
+import type { GenerateStyle, FullToken } from '../../_util/theme';
+
+const uploadAnimateInlineIn = new Keyframes('uploadAnimateInlineIn', {
+  from: {
+    width: 0,
+    height: 0,
+    margin: 0,
+    padding: 0,
+    opacity: 0,
+  },
+});
+
+const uploadAnimateInlineOut = new Keyframes('uploadAnimateInlineOut', {
+  to: {
+    width: 0,
+    height: 0,
+    margin: 0,
+    padding: 0,
+    opacity: 0,
+  },
+});
+// =========================== Motion ===========================
+const genMotionStyle: GenerateStyle<FullToken<'Upload'>> = token => {
+  const { componentCls } = token;
+  const inlineCls = `${componentCls}-animate-inline`;
+
+  return [
+    {
+      [`${componentCls}-wrapper`]: {
+        [`${inlineCls}-appear, ${inlineCls}-enter, ${inlineCls}-leave`]: {
+          animationDuration: token.motionDurationSlow,
+          animationFillMode: token.motionEaseInOutCirc,
+        },
+
+        [`${inlineCls}-appear, ${inlineCls}-enter`]: {
+          animationName: uploadAnimateInlineIn,
+        },
+
+        [`${inlineCls}-leave`]: {
+          animationName: uploadAnimateInlineOut,
+        },
+      },
+    },
+    uploadAnimateInlineIn,
+    uploadAnimateInlineOut,
+  ];
+};
+
+export default genMotionStyle;
diff --git a/components/upload/style/picture.tsx b/components/upload/style/picture.tsx
new file mode 100644
index 0000000000..761eb96063
--- /dev/null
+++ b/components/upload/style/picture.tsx
@@ -0,0 +1,242 @@
+import { TinyColor } from '@ctrl/tinycolor';
+import { clearFix } from '../../_util/theme';
+import type { GenerateStyle, FullToken } from '../../_util/theme';
+
+const genPictureStyle: GenerateStyle<FullToken<'Upload'>> = token => {
+  const { componentCls, iconCls } = token;
+  const listCls = `${componentCls}-list`;
+  const itemCls = `${listCls}-item`;
+  // FIXME: upload token
+  const uploadPictureThumbnailSize = 48;
+
+  return {
+    [`${componentCls}-wrapper`]: {
+      // ${listCls} 增加优先级
+      [`${listCls}${listCls}-picture, ${listCls}${listCls}-picture-card`]: {
+        [itemCls]: {
+          position: 'relative',
+          height: uploadPictureThumbnailSize + token.controlLineWidth * 2 + token.paddingXS * 2,
+          padding: token.paddingXS,
+          border: `${token.controlLineWidth}px ${token.controlLineType} ${token.colorBorder}`,
+          borderRadius: token.radiusBase,
+
+          '&:hover': {
+            background: 'transparent',
+          },
+
+          [`${itemCls}-thumbnail`]: {
+            width: uploadPictureThumbnailSize,
+            height: uploadPictureThumbnailSize,
+            lineHeight: `${uploadPictureThumbnailSize + token.paddingSM}px`,
+            textAlign: 'center',
+            // FIXME: upload token
+            opacity: 0.8,
+            flex: 'none',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+
+            [iconCls]: {
+              fontSize: uploadPictureThumbnailSize / 2 + 2,
+            },
+
+            img: {
+              display: 'block',
+              width: '100%',
+              height: '100%',
+              overflow: 'hidden',
+            },
+          },
+
+          [`${itemCls}-progress`]: {
+            // FIXME: upload token
+            bottom: 14,
+            width: `calc(100% - ${token.paddingSM * 2}px)`,
+            marginTop: 0,
+            // FIXME: upload token
+            paddingInlineStart: uploadPictureThumbnailSize + token.paddingXS,
+          },
+        },
+
+        [`${itemCls}-error`]: {
+          borderColor: token.colorError,
+
+          // Adjust the color of the error icon : https://github.com/ant-design/ant-design/pull/24160
+          [`${itemCls}-thumbnail ${iconCls}`]: {
+            [`svg path[fill='#e6f7ff']`]: {
+              fill: token.colorBgError,
+            },
+            [`svg path[fill='#1890ff']`]: {
+              fill: token.colorError,
+            },
+          },
+        },
+
+        [`${itemCls}-uploading`]: {
+          borderStyle: 'dashed',
+
+          [`${itemCls}-name`]: {
+            // FIXME: upload token
+            marginBottom: 12,
+          },
+        },
+      },
+    },
+  };
+};
+
+const genPictureCardStyle: GenerateStyle<FullToken<'Upload'>> = token => {
+  const { componentCls, iconCls } = token;
+  const listCls = `${componentCls}-list`;
+  const itemCls = `${listCls}-item`;
+
+  // FIXME: upload token
+  const uploadPictureCardThumbnailSize = 88;
+  const uploadPictureCardSize = uploadPictureCardThumbnailSize + token.paddingXS * 2;
+
+  return {
+    [`${componentCls}-wrapper${componentCls}-picture-card-wrapper`]: {
+      ...clearFix(),
+      display: 'inline-block',
+      width: '100%',
+
+      [`${componentCls}${componentCls}-select`]: {
+        width: uploadPictureCardSize,
+        height: uploadPictureCardSize,
+        marginInlineEnd: token.marginXS,
+        marginBottom: token.marginXS,
+        textAlign: 'center',
+        verticalAlign: 'top',
+        backgroundColor: token.colorBgComponentSecondary,
+        border: `${token.controlLineWidth}px dashed ${token.colorBorder}`,
+        borderRadius: token.radiusBase,
+        cursor: 'pointer',
+        transition: `border-color ${token.motionDurationSlow}`,
+
+        [`> ${componentCls}`]: {
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          height: '100%',
+          textAlign: 'center',
+        },
+
+        [`&:not(${componentCls}-disabled):hover`]: {
+          borderColor: token.colorPrimary,
+        },
+      },
+
+      // list
+      [`${listCls}${listCls}-picture-card`]: {
+        [`${listCls}-item-container`]: {
+          display: 'inline-block',
+          width: uploadPictureCardSize,
+          height: uploadPictureCardSize,
+          marginBlock: `0 ${token.marginXS}px`,
+          marginInline: `0 ${token.marginXS}px`,
+          verticalAlign: 'top',
+        },
+
+        '&::after': {
+          display: 'none',
+        },
+
+        [itemCls]: {
+          height: '100%',
+          margin: 0,
+
+          '&::before': {
+            position: 'absolute',
+            zIndex: 1,
+            width: `calc(100% - ${token.paddingXS * 2}px)`,
+            height: `calc(100% - ${token.paddingXS * 2}px)`,
+            // FIXME: upload token
+            backgroundColor: new TinyColor('#000').setAlpha(0.5).toRgbString(),
+            opacity: 0,
+            transition: `all ${token.motionDurationSlow}`,
+            content: '" "',
+          },
+        },
+
+        [`${itemCls}:hover`]: {
+          [`&::before, ${itemCls}-actions`]: {
+            opacity: 1,
+          },
+        },
+
+        [`${itemCls}-actions`]: {
+          position: 'absolute',
+          insetInlineStart: 0,
+          zIndex: 10,
+          width: '100%',
+          whiteSpace: 'nowrap',
+          textAlign: 'center',
+          opacity: 0,
+          transition: `all ${token.motionDurationSlow}`,
+
+          [`${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: {
+            zIndex: 10,
+            // FIXME: upload token
+            width: 16,
+            margin: `0 ${token.marginXXS}px`,
+            // FIXME: upload token
+            fontSize: 16,
+            cursor: 'pointer',
+            transition: `all ${token.motionDurationSlow}`,
+          },
+        },
+
+        [`${itemCls}-actions, ${itemCls}-actions:hover`]: {
+          [`${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: {
+            // FIXME: @text-color-dark: fade(@white, 85%);
+            color: new TinyColor('#fff').setAlpha(0.85).toRgbString(),
+            '&:hover': {
+              // FIXME: @text-color-dark: fade(@white, 85%);
+              color: '#fff',
+            },
+          },
+        },
+
+        [`${itemCls}-thumbnail, ${itemCls}-thumbnail img`]: {
+          position: 'static',
+          display: 'block',
+          width: '100%',
+          height: '100%',
+          objectFit: 'contain',
+        },
+
+        [`${itemCls}-name`]: {
+          display: 'none',
+          textAlign: 'center',
+        },
+
+        [`${itemCls}-file + ${itemCls}-name`]: {
+          position: 'absolute',
+          // FIXME: upload token
+          bottom: 18,
+          display: 'block',
+          width: `calc(100% - ${token.paddingXS * 2}px)`,
+        },
+
+        [`${itemCls}-uploading`]: {
+          [`&${itemCls}`]: {
+            backgroundColor: token.colorBgComponentSecondary,
+          },
+
+          [`&::before, ${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: {
+            display: 'none',
+          },
+        },
+
+        [`${itemCls}-progress`]: {
+          // FIXME: upload token
+          bottom: 32,
+          width: `calc(100% - ${token.paddingXS * 2}px)`,
+          paddingInlineStart: 0,
+        },
+      },
+    },
+  };
+};
+
+export { genPictureStyle, genPictureCardStyle };
diff --git a/components/upload/style/rtl.less b/components/upload/style/rtl.less
index a7054731f0..14ccf81b18 100644
--- a/components/upload/style/rtl.less
+++ b/components/upload/style/rtl.less
@@ -1,165 +1,165 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
+// @import '../../style/themes/index';
+// @import '../../style/mixins/index';
 
-@upload-prefix-cls: ~'@{ant-prefix}-upload';
-@upload-item: ~'@{ant-prefix}-upload-list-item';
+// @upload-prefix-cls: ~'@{ant-prefix}-upload';
+// @upload-item: ~'@{ant-prefix}-upload-list-item';
 
-.@{upload-prefix-cls} {
-  &-rtl {
-    direction: rtl;
-  }
+// .@{upload-prefix-cls} {
+//   &-rtl {
+//     direction: rtl;
+//   }
 
-  &&-select-picture-card {
-    .@{upload-prefix-cls}-rtl& {
-      margin-right: auto;
-      margin-left: 8px;
-    }
-  }
-}
+//   &&-select-picture-card {
+//     .@{upload-prefix-cls}-rtl& {
+//       margin-right: auto;
+//       margin-left: 8px;
+//     }
+//   }
+// }
 
-.@{upload-prefix-cls}-list {
-  &-rtl {
-    direction: rtl;
-  }
+// .@{upload-prefix-cls}-list {
+//   &-rtl {
+//     direction: rtl;
+//   }
 
-  &-item-list-type-text {
-    &:hover {
-      .@{upload-prefix-cls}-list-item-name-icon-count-1 {
-        .@{upload-prefix-cls}-list-rtl & {
-          padding-right: 22px;
-          padding-left: 14px;
-        }
-      }
-      .@{upload-prefix-cls}-list-item-name-icon-count-2 {
-        .@{upload-prefix-cls}-list-rtl & {
-          padding-right: 22px;
-          padding-left: 28px;
-        }
-      }
-    }
-  }
+//   &-item-list-type-text {
+//     &:hover {
+//       .@{upload-prefix-cls}-list-item-name-icon-count-1 {
+//         .@{upload-prefix-cls}-list-rtl & {
+//           padding-right: 22px;
+//           padding-left: 14px;
+//         }
+//       }
+//       .@{upload-prefix-cls}-list-item-name-icon-count-2 {
+//         .@{upload-prefix-cls}-list-rtl & {
+//           padding-right: 22px;
+//           padding-left: 28px;
+//         }
+//       }
+//     }
+//   }
 
-  &-item {
-    &-name {
-      .@{upload-prefix-cls}-list-rtl & {
-        padding-right: @font-size-base + 8px;
-        padding-left: 0;
-      }
-    }
+//   &-item {
+//     &-name {
+//       .@{upload-prefix-cls}-list-rtl & {
+//         padding-right: @font-size-base + 8px;
+//         padding-left: 0;
+//       }
+//     }
 
-    &-name-icon-count-1 {
-      .@{upload-prefix-cls}-list-rtl & {
-        padding-left: 14px;
-      }
-    }
+//     &-name-icon-count-1 {
+//       .@{upload-prefix-cls}-list-rtl & {
+//         padding-left: 14px;
+//       }
+//     }
 
-    &-card-actions {
-      .@{upload-prefix-cls}-list-rtl & {
-        right: auto;
-        left: 0;
-      }
-      .@{iconfont-css-prefix} {
-        .@{upload-prefix-cls}-list-rtl & {
-          padding-right: 0;
-          padding-left: 5px;
-        }
-      }
-    }
+//     &-card-actions {
+//       .@{upload-prefix-cls}-list-rtl & {
+//         right: auto;
+//         left: 0;
+//       }
+//       .@{iconfont-css-prefix} {
+//         .@{upload-prefix-cls}-list-rtl & {
+//           padding-right: 0;
+//           padding-left: 5px;
+//         }
+//       }
+//     }
 
-    &-info {
-      .@{upload-prefix-cls}-list-rtl & {
-        padding: 0 4px 0 12px;
-      }
-    }
+//     &-info {
+//       .@{upload-prefix-cls}-list-rtl & {
+//         padding: 0 4px 0 12px;
+//       }
+//     }
 
-    &-error &-card-actions {
-      .@{iconfont-css-prefix} {
-        .@{upload-prefix-cls}-list-rtl & {
-          padding-right: 0;
-          padding-left: 5px;
-        }
-      }
-    }
+//     &-error &-card-actions {
+//       .@{iconfont-css-prefix} {
+//         .@{upload-prefix-cls}-list-rtl & {
+//           padding-right: 0;
+//           padding-left: 5px;
+//         }
+//       }
+//     }
 
-    &-progress {
-      .@{upload-prefix-cls}-list-rtl & {
-        padding-right: @font-size-base + 12px;
-        padding-left: 0;
-      }
-    }
-  }
+//     &-progress {
+//       .@{upload-prefix-cls}-list-rtl & {
+//         padding-right: @font-size-base + 12px;
+//         padding-left: 0;
+//       }
+//     }
+//   }
 
-  &-picture,
-  &-picture-card {
-    .@{upload-item}-info {
-      padding: 0;
-    }
+//   &-picture,
+//   &-picture-card {
+//     .@{upload-item}-info {
+//       padding: 0;
+//     }
 
-    .@{upload-item}-thumbnail {
-      .@{upload-prefix-cls}-list-rtl& {
-        right: 8px;
-        left: auto;
-      }
-    }
+//     .@{upload-item}-thumbnail {
+//       .@{upload-prefix-cls}-list-rtl& {
+//         right: 8px;
+//         left: auto;
+//       }
+//     }
 
-    .@{upload-item}-icon {
-      .@{upload-prefix-cls}-list-rtl& {
-        right: 50%;
-        left: auto;
-        transform: translate(50%, -50%);
-      }
-    }
+//     .@{upload-item}-icon {
+//       .@{upload-prefix-cls}-list-rtl& {
+//         right: 50%;
+//         left: auto;
+//         transform: translate(50%, -50%);
+//       }
+//     }
 
-    .@{upload-item}-name {
-      .@{upload-prefix-cls}-list-rtl& {
-        margin: 0 8px 0 0;
-        padding-right: 48px;
-        padding-left: 8px;
-      }
-    }
+//     .@{upload-item}-name {
+//       .@{upload-prefix-cls}-list-rtl& {
+//         margin: 0 8px 0 0;
+//         padding-right: 48px;
+//         padding-left: 8px;
+//       }
+//     }
 
-    .@{upload-item}-name-icon-count-1 {
-      .@{upload-prefix-cls}-list-rtl& {
-        padding-right: 48px;
-        padding-left: 18px;
-      }
-    }
+//     .@{upload-item}-name-icon-count-1 {
+//       .@{upload-prefix-cls}-list-rtl& {
+//         padding-right: 48px;
+//         padding-left: 18px;
+//       }
+//     }
 
-    .@{upload-item}-name-icon-count-2 {
-      .@{upload-prefix-cls}-list-rtl& {
-        padding-right: 48px;
-        padding-left: 36px;
-      }
-    }
+//     .@{upload-item}-name-icon-count-2 {
+//       .@{upload-prefix-cls}-list-rtl& {
+//         padding-right: 48px;
+//         padding-left: 36px;
+//       }
+//     }
 
-    .@{upload-item}-progress {
-      .@{upload-prefix-cls}-list-rtl& {
-        padding-right: 0;
-        padding-left: 0;
-      }
-    }
-  }
+//     .@{upload-item}-progress {
+//       .@{upload-prefix-cls}-list-rtl& {
+//         padding-right: 0;
+//         padding-left: 0;
+//       }
+//     }
+//   }
 
-  &-picture-card {
-    &-container {
-      .@{upload-prefix-cls}-list-rtl & {
-        margin: 0 0 @margin-xs @margin-xs;
-      }
-    }
+//   &-picture-card {
+//     &-container {
+//       .@{upload-prefix-cls}-list-rtl & {
+//         margin: 0 0 @margin-xs @margin-xs;
+//       }
+//     }
 
-    .@{upload-item}-actions {
-      .@{upload-prefix-cls}-list-rtl& {
-        right: 50%;
-        left: auto;
-        transform: translate(50%, -50%);
-      }
-    }
+//     .@{upload-item}-actions {
+//       .@{upload-prefix-cls}-list-rtl& {
+//         right: 50%;
+//         left: auto;
+//         transform: translate(50%, -50%);
+//       }
+//     }
 
-    .@{upload-item}-file + .@{upload-item}-name {
-      .@{upload-prefix-cls}-list-rtl& {
-        margin: 8px 0 0;
-        padding: 0;
-      }
-    }
-  }
-}
+//     .@{upload-item}-file + .@{upload-item}-name {
+//       .@{upload-prefix-cls}-list-rtl& {
+//         margin: 8px 0 0;
+//         padding: 0;
+//       }
+//     }
+//   }
+// }
diff --git a/components/upload/style/rtl.tsx b/components/upload/style/rtl.tsx
new file mode 100644
index 0000000000..1cfdb786a8
--- /dev/null
+++ b/components/upload/style/rtl.tsx
@@ -0,0 +1,14 @@
+import type { GenerateStyle, FullToken } from '../../_util/theme';
+
+// =========================== Motion ===========================
+const genRtlStyle: GenerateStyle<FullToken<'Upload'>> = token => {
+  const { componentCls } = token;
+
+  return {
+    [`${componentCls}-rtl`]: {
+      direction: 'rtl',
+    },
+  };
+};
+
+export default genRtlStyle;