feat: add innserStyle

react-component · Oct 18, 2023 · 6ef64a9 · 6ef64a9
1 parent 6e24053
commit 6ef64a9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/AjaxUploader.tsx b/src/AjaxUploader.tsx
@@ -266,7 +266,8 @@ class AjaxUploader extends Component<UploadProps> {
       className,
       disabled,
       id,
-      style,
+      style: rootStyle,
+      innerStyle,
       multiple,
       accept,
       capture,
@@ -298,7 +299,7 @@ class AjaxUploader extends Component<UploadProps> {
           tabIndex: '0',
         };
     return (
-      <Tag {...events} className={cls} role="button" style={style}>
+      <Tag {...events} className={cls} role="button" style={rootStyle}>
         <input
           {...pickAttrs(otherProps, { aria: true, data: true })}
           id={id}
@@ -307,7 +308,7 @@ class AjaxUploader extends Component<UploadProps> {
           ref={this.saveFileInput}
           onClick={e => e.stopPropagation()} // https://github.com/ant-design/ant-design/issues/19948
           key={this.state.uid}
-          style={{ display: 'none' }}
+          style={{ display: 'none', ...(innerStyle ?? {}) }}
           accept={accept}
           {...dirProps}
           multiple={multiple}

diff --git a/src/interface.tsx b/src/interface.tsx
@@ -37,6 +37,11 @@ export interface UploadProps
   onMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
   onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
   onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
+  /**
+   * Inline styles that actually act on the input tag,
+   * whereas the previous `style` only acted on its parent container.
+   */
+  innerStyle?: React.CSSProperties;
 }
 
 export interface UploadProgressEvent extends Partial<ProgressEvent> {