feat: upload support rootClassName (#44060)

* feat: upload support rootClassName * feat: optimize code * feat: optimize code
ant-design · Aug 7, 2023 · 9436ece · 9436ece
1 parent 5e9ef68
commit 9436ece
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/components/upload/Upload.tsx b/components/upload/Upload.tsx
@@ -62,6 +62,7 @@ const InternalUpload: React.ForwardRefRenderFunction<UploadRef, UploadProps> = (
     action = '',
     accept = '',
     supportServerRender = true,
+    rootClassName,
   } = props;
 
   // ===================== Disabled =====================
@@ -405,11 +406,18 @@ const InternalUpload: React.ForwardRefRenderFunction<UploadRef, UploadProps> = (
     );
   };
 
-  const wrapperCls = classNames(`${prefixCls}-wrapper`, className, hashId, ctxUpload?.className, {
-    [`${prefixCls}-rtl`]: direction === 'rtl',
-    [`${prefixCls}-picture-card-wrapper`]: listType === 'picture-card',
-    [`${prefixCls}-picture-circle-wrapper`]: listType === 'picture-circle',
-  });
+  const wrapperCls = classNames(
+    `${prefixCls}-wrapper`,
+    className,
+    rootClassName,
+    hashId,
+    ctxUpload?.className,
+    {
+      [`${prefixCls}-rtl`]: direction === 'rtl',
+      [`${prefixCls}-picture-card-wrapper`]: listType === 'picture-card',
+      [`${prefixCls}-picture-circle-wrapper`]: listType === 'picture-circle',
+    },
+  );
 
   const mergedStyle: React.CSSProperties = { ...ctxUpload?.style, ...style };
 

diff --git a/components/upload/__tests__/demo.test.ts b/components/upload/__tests__/demo.test.ts
@@ -1,3 +1,3 @@
 import demoTest from '../../../tests/shared/demoTest';
 
-demoTest('upload', { skip: ['crop-image.tsx'], testRootProps: false });
+demoTest('upload', { skip: ['crop-image.tsx'] });
diff --git a/components/upload/interface.ts b/components/upload/interface.ts
@@ -109,6 +109,7 @@ export interface UploadProps<T = any> extends Pick<RcUploadProps, 'capture'> {
   onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
   listType?: UploadListType;
   className?: string;
+  rootClassName?: string;
   onPreview?: (file: UploadFile<T>) => void;
   onDownload?: (file: UploadFile<T>) => void;
   onRemove?: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;