mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

feat: upload support rootClassName (#44060)

Browse Source 
* feat: upload support rootClassName

* feat: optimize code

* feat: optimize code
This commit is contained in:
kiner-tang(文辉) 2023-08-07 18:04:44 +08:00 committed by GitHub
parent 5e9ef6803b
commit 9436ece6e3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/upload/Upload.tsx
View File

@ -62,6 +62,7 @@ const InternalUpload: React.ForwardRefRenderFunction<UploadRef, UploadProps> = (
action = '', action = '',
accept = '', accept = '',
supportServerRender = true, supportServerRender = true,
rootClassName,
} = props; } = props;
// ===================== Disabled ===================== // ===================== Disabled =====================
@ -405,11 +406,18 @@ const InternalUpload: React.ForwardRefRenderFunction<UploadRef, UploadProps> = (
); );
}; };
const wrapperCls = classNames(`${prefixCls}-wrapper`, className, hashId, ctxUpload?.className, { const wrapperCls = classNames(
[`${prefixCls}-rtl`]: direction === 'rtl', `${prefixCls}-wrapper`,
[`${prefixCls}-picture-card-wrapper`]: listType === 'picture-card', className,
[`${prefixCls}-picture-circle-wrapper`]: listType === 'picture-circle', 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 }; const mergedStyle: React.CSSProperties = { ...ctxUpload?.style, ...style };

2
components/upload/__tests__/demo.test.ts
View File

@ -1,3 +1,3 @@
import demoTest from '../../../tests/shared/demoTest'; import demoTest from '../../../tests/shared/demoTest';
demoTest('upload', { skip: ['crop-image.tsx'], testRootProps: false }); demoTest('upload', { skip: ['crop-image.tsx'] });

1
components/upload/interface.ts
View File

@ -109,6 +109,7 @@ export interface UploadProps<T = any> extends Pick<RcUploadProps, 'capture'> {
onDrop?: (event: React.DragEvent<HTMLDivElement>) => void; onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
listType?: UploadListType; listType?: UploadListType;
className?: string; className?: string;
rootClassName?: string;
onPreview?: (file: UploadFile<T>) => void; onPreview?: (file: UploadFile<T>) => void;
onDownload?: (file: UploadFile<T>) => void; onDownload?: (file: UploadFile<T>) => void;
onRemove?: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>; onRemove?: (file: UploadFile<T>) => void | boolean | Promise<void | boolean>;