@chaoswise/ui 3.1.0 → 3.1.2

package/lib/Antd5/radio/style/index.js

@@ -354,31 +354,31 @@ var getRadioCardStyle = function getRadioCardStyle(token) {
     display: "flex",
     flexWrap: "wrap"
   }), "".concat(componentCls, "-radio_-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    cursor: 'pointer',
-    boxSizing: 'border-box',
+    cursor: "pointer",
+    boxSizing: "border-box",
     width: "298px",
-    height: '100%',
+    height: "100%",
     background: colorBgContainer,
-    display: 'flex',
+    display: "flex",
     alignItems: "flex-start",
     padding: "15px 23px",
     border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorBorder),
-    whiteSpace: 'normal',
+    whiteSpace: "normal",
     marginRight: "16px",
     marginBottom: "12px",
     borderRadius: borderRadius
   }, "&:hover:not(".concat(componentCls, "-radio_-wrapper-disabled):not(").concat(componentCls, "-radio_-wrapper-checked)"), {
     border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorPrimaryHover)
   }), "> ".concat(componentCls), _defineProperty({
-    display: 'block',
+    display: "block",
     width: 0,
     height: 0,
-    '&-checked::after': {
+    "&-checked::after": {
       width: 0,
       height: 0,
       border: 0
     },
-    '&+*': {
+    "&+*": {
       padding: 0
     }
   }, "".concat(componentCls, "-inner, input[type='checkbox'], input[type='radio']"), {
@@ -386,93 +386,78 @@ var getRadioCardStyle = function getRadioCardStyle(token) {
     height: 0,
     opacity: 0,
     border: 0,
-    pointerEvents: 'none'
-  })), '.cw-radio-icon-wrapper', {
+    pointerEvents: "none"
+  })), "".concat(componentCls, "-icon-wrapper"), _defineProperty(_defineProperty({
     width: "48px",
     height: "48px",
     marginRight: "16px",
     padding: 0,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
     background: colorPrimaryBg,
-    borderRadius: '50%',
-    '>:nth-child(1)': {
-      maxWidth: '100%',
-      maxHeight: '100%',
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center'
+    borderRadius: "50%",
+    ">:nth-child(1)": {
+      maxWidth: "100%",
+      maxHeight: "100%",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
     },
     svg: {
       color: colorPrimary
-    },
-    '&.cw-radio-icon-unchecked-disabled': {
-      svg: {
-        color: "rgba(0, 0, 0, 0.25)"
-      }
-    },
-    '&.cw-radio-icon-checked-disabled': {
-      svg: {
-        color: colorPrimaryBorder
-      }
     }
-  }), '.cw-radio-icon-unchecked-disabled', {
+  }, "&".concat(componentCls, "-icon-unchecked-disabled"), {
+    svg: {
+      color: "rgba(0, 0, 0, 0.25)"
+    }
+  }), "&".concat(componentCls, "-icon-checked-disabled"), {
+    svg: {
+      color: colorPrimaryBorder
+    }
+  })), "".concat(componentCls, "-icon-unchecked-disabled"), {
     background: "rgba(0, 0, 0, 0.04)"
-  }), '.cw-radio-content', {
+  }), "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
     flex: 1,
-    display: 'flex',
-    flexDirection: 'column',
-    '.cw-radio-content-title': {
-      fontSize: "16px",
-      height: "24px",
-      lineHeight: "24px",
-      marginBottom: 0,
-      fontWeight: 500,
-      color: colorTextSecondary,
-      overflow: 'hidden'
-      // textOverflow: 'ellipsis',
-      // whiteSpace: 'nowrap',
-    },
-    '.cw-radio-content-description': {
-      fontSize: "12px",
-      color: colorTextDescription,
-      marginTop: "8px",
-      flex: 1,
-      whiteSpace: 'normal',
-      lineHeight: "20px",
-      overflow: 'hidden'
-    },
-    '.cw-radio-content-description_': {
-      marginTop: 0
-    }
-  })), "".concat(componentCls, "-radio_-wrapper").concat(componentCls, "-radio_-wrapper-custom"), {
+    display: "flex",
+    flexDirection: "column"
+  }, "".concat(componentCls, "-content-title"), {
+    fontSize: "16px",
+    height: "24px",
+    lineHeight: "24px",
+    marginBottom: 0,
+    fontWeight: 500,
+    color: colorTextSecondary,
+    overflow: "hidden"
+  }), "".concat(componentCls, "-content-description"), {
+    fontSize: "12px",
+    color: colorTextDescription,
+    marginTop: "8px",
+    flex: 1,
+    whiteSpace: "normal",
+    lineHeight: "20px",
+    overflow: "hidden"
+  }), "".concat(componentCls, "-content-description_"), {
+    marginTop: 0
+  }))), "".concat(componentCls, "-radio_-wrapper").concat(componentCls, "-radio_-wrapper-custom"), {
     padding: 0
   }), "".concat(componentCls, "-radio_-wrapper-checked:not(").concat(componentCls, "-radio_-wrapper-disabled)"), {
     border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorPrimary)
-  }), "".concat(componentCls, "-radio_-wrapper-disabled:not(").concat(componentCls, "-radio_-wrapper-checked)"), {
+  }), "".concat(componentCls, "-radio_-wrapper-disabled:not(").concat(componentCls, "-radio_-wrapper-checked)"), _defineProperty({
     border: "".concat(unit(lineWidth), " ").concat(lineType, " rgba(0, 0, 0, 0.09)"),
-    cursor: 'not-allowed',
-    '.cw-radio-content': {
-      '.cw-radio-content-title': {
-        color: colorTextDisabled
-      },
-      '.cw-radio-content-description': {
-        color: colorTextDisabled
-      }
-    }
-  }), "".concat(componentCls, "-radio_-wrapper-checked").concat(componentCls, "-radio_-wrapper-disabled"), {
-    border: "".concat(unit(lineWidth), " ").concat(lineType, " colorPrimaryBorder"),
-    cursor: 'not-allowed',
-    '.cw-radio-content': {
-      '.cw-radio-content-title': {
-        color: colorTextDisabled
-      },
-      '.cw-radio-content-description': {
-        color: colorTextDisabled
-      }
-    }
-  });
+    cursor: "not-allowed"
+  }, "".concat(componentCls, "-content"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content-title"), {
+    color: colorTextDisabled
+  }), "".concat(componentCls, "-content-description"), {
+    color: colorTextDisabled
+  }))), "".concat(componentCls, "-radio_-wrapper-checked").concat(componentCls, "-radio_-wrapper-disabled"), _defineProperty({
+    border: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorPrimaryBorder),
+    cursor: "not-allowed"
+  }, "".concat(componentCls, "-content"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content-title"), {
+    color: colorTextDisabled
+  }), "".concat(componentCls, "-content-description"), {
+    color: colorTextDisabled
+  })));
 };
 // ============================== Export ==============================
 export var prepareComponentToken = function prepareComponentToken(token) {

package/lib/Antd5/upload/Upload.js

@@ -18,20 +18,42 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { flushSync } from 'react-dom';
-import classNames from 'classnames';
-import RcUpload from 'rc-upload';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import { devUseWarning } from '../_util/warning';
-import { ConfigContext } from '../config-provider';
-import DisabledContext from '../config-provider/DisabledContext';
-import { useLocale } from '../locale';
-import defaultLocale from '../locale/en_US';
-import useStyle from './style';
-import UploadList from './UploadList';
-import { file2Obj, getFileItem, removeFileItem, updateFileList } from './utils';
+import * as React from "react";
+import { flushSync } from "react-dom";
+import classNames from "classnames";
+import RcUpload from "rc-upload";
+import useMergedState from "rc-util/lib/hooks/useMergedState";
+import { devUseWarning } from "../_util/warning";
+import { ConfigContext } from "../config-provider";
+import DisabledContext from "../config-provider/DisabledContext";
+import { useLocale } from "../locale";
+import defaultLocale from "../locale/en_US";
+import useStyle from "./style";
+import UploadList from "./UploadList";
+import { file2Obj, getFileItem, removeFileItem, updateFileList } from "./utils";
+import { CloudUploadOutlined } from "@ant-design/icons";
+// @ts-ignore
+import { useIntl } from "../../locales";
 export var LIST_IGNORE = "__LIST_IGNORE_".concat(Date.now(), "__");
+var DefaultChildren = function DefaultChildren(props) {
+  var title = props.title,
+    description = props.description,
+    prefixCls = props.prefixCls;
+  var intl = useIntl();
+  return _jsxs("div", {
+    className: "".concat(prefixCls, "-drag-wrapper"),
+    children: [_jsx("p", {
+      className: "".concat(prefixCls, "-drag-icon-wrapper"),
+      children: _jsx(CloudUploadOutlined, {})
+    }), _jsx("div", {
+      className: "".concat(prefixCls, "-drag-text"),
+      children: title !== null && title !== void 0 ? title : intl.get("dda16720-d447-4d73-9e71-b5af7b5bbcfd").d("单击或拖动文件到此区域")
+    }), description && _jsx("div", {
+      className: "".concat(prefixCls, "-drag-desc"),
+      children: description
+    })]
+  });
+};
 var InternalUpload = function InternalUpload(props, ref) {
   var fileList = props.fileList,
     defaultFileList = props.defaultFileList,
@@ -39,7 +61,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     _props$showUploadList = props.showUploadList,
     showUploadList = _props$showUploadList === void 0 ? true : _props$showUploadList,
     _props$listType = props.listType,
-    listType = _props$listType === void 0 ? 'text' : _props$listType,
+    listType = _props$listType === void 0 ? "text" : _props$listType,
     onPreview = props.onPreview,
     onDownload = props.onDownload,
     onChange = props.onChange,
@@ -53,7 +75,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     customizePrefixCls = props.prefixCls,
     className = props.className,
     _props$type = props.type,
-    type = _props$type === void 0 ? 'select' : _props$type,
+    type = _props$type === void 0 ? "select" : _props$type,
     children = props.children,
     style = props.style,
     itemRender = props.itemRender,
@@ -65,12 +87,15 @@ var InternalUpload = function InternalUpload(props, ref) {
     _props$hasControlInsi = props.hasControlInside,
     hasControlInside = _props$hasControlInsi === void 0 ? true : _props$hasControlInsi,
     _props$action = props.action,
-    action = _props$action === void 0 ? '' : _props$action,
+    action = _props$action === void 0 ? "" : _props$action,
     _props$accept = props.accept,
-    accept = _props$accept === void 0 ? '' : _props$accept,
+    accept = _props$accept === void 0 ? "" : _props$accept,
     _props$supportServerR = props.supportServerRender,
     supportServerRender = _props$supportServerR === void 0 ? true : _props$supportServerR,
-    rootClassName = props.rootClassName;
+    rootClassName = props.rootClassName,
+    title = props.title,
+    description = props.description,
+    dropSingleFileUpload = props.dropSingleFileUpload;
   // ===================== Disabled =====================
   var disabled = React.useContext(DisabledContext);
   var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
@@ -83,16 +108,16 @@ var InternalUpload = function InternalUpload(props, ref) {
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     mergedFileList = _useMergedState2[0],
     setMergedFileList = _useMergedState2[1];
-  var _React$useState = React.useState('drop'),
+  var _React$useState = React.useState("drop"),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     dragState = _React$useState2[0],
     setDragState = _React$useState2[1];
   var upload = React.useRef(null);
   var wrapRef = React.useRef(null);
-  if (process.env.NODE_ENV !== 'production') {
-    var warning = devUseWarning('Upload');
-    warning('fileList' in props || !('value' in props), 'usage', '`value` is not a valid prop, do you mean `fileList`?');
-    warning.deprecated(!('transformFile' in props), 'transformFile', 'beforeUpload');
+  if (process.env.NODE_ENV !== "production") {
+    var warning = devUseWarning("Upload");
+    warning("fileList" in props || !("value" in props), "usage", "`value` is not a valid prop, do you mean `fileList`?");
+    warning.deprecated(!("transformFile" in props), "transformFile", "beforeUpload");
   }
   // Control mode will auto fill file uid if not provided
   React.useMemo(function () {
@@ -107,7 +132,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     var cloneList = _toConsumableArray(changedFileList);
     var exceedMaxCount = false;
     // Cut to match count
-    if (maxCount === 1) {
+    if (maxCount === 1 || dropSingleFileUpload) {
       cloneList = cloneList.slice(-1);
     } else if (maxCount) {
       exceedMaxCount = cloneList.length > maxCount;
@@ -125,7 +150,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     if (event) {
       changeInfo.event = event;
     }
-    if (!exceedMaxCount || file.status === 'removed' ||
+    if (!exceedMaxCount || file.status === "removed" ||
     // We should ignore event if current file is exceed `maxCount`
     cloneList.some(function (f) {
       return f.uid === file.uid;
@@ -169,7 +194,7 @@ var InternalUpload = function InternalUpload(props, ref) {
             });
             return _context.abrupt("return", false);
           case 12:
-            if (_typeof(result) === 'object' && result) {
+            if (_typeof(result) === "object" && result) {
               parsedFile = result;
             }
           case 13:
@@ -222,7 +247,7 @@ var InternalUpload = function InternalUpload(props, ref) {
           clone = new File([originFileObj], originFileObj.name, {
             type: originFileObj.type
           });
-        } catch (_unused) {
+        } catch (e) {
           clone = new Blob([originFileObj], {
             type: originFileObj.type
           });
@@ -234,18 +259,17 @@ var InternalUpload = function InternalUpload(props, ref) {
         triggerFileObj = clone;
       } else {
         // Inject `uploading` status
-        fileObj.status = 'uploading';
+        fileObj.status = "uploading";
       }
       onInternalChange(triggerFileObj, newFileList);
     });
   };
   var onSuccess = function onSuccess(response, file, xhr) {
     try {
-      if (typeof response === 'string') {
-        // biome-ignore lint/style/noParameterAssign: we need to modify response
+      if (typeof response === "string") {
         response = JSON.parse(response);
       }
-    } catch (_unused2) {
+    } catch (e) {
       /* do nothing */
     }
     // removed
@@ -253,7 +277,7 @@ var InternalUpload = function InternalUpload(props, ref) {
       return;
     }
     var targetItem = file2Obj(file);
-    targetItem.status = 'done';
+    targetItem.status = "done";
     targetItem.percent = 100;
     targetItem.response = response;
     targetItem.xhr = xhr;
@@ -266,7 +290,7 @@ var InternalUpload = function InternalUpload(props, ref) {
       return;
     }
     var targetItem = file2Obj(file);
-    targetItem.status = 'uploading';
+    targetItem.status = "uploading";
     targetItem.percent = e.percent;
     var nextFileList = updateFileList(targetItem, mergedFileList);
     onInternalChange(targetItem, nextFileList, e);
@@ -279,13 +303,13 @@ var InternalUpload = function InternalUpload(props, ref) {
     var targetItem = file2Obj(file);
     targetItem.error = error;
     targetItem.response = response;
-    targetItem.status = 'error';
+    targetItem.status = "error";
     var nextFileList = updateFileList(targetItem, mergedFileList);
     onInternalChange(targetItem, nextFileList);
   };
   var handleRemove = function handleRemove(file) {
     var currentFile;
-    Promise.resolve(typeof onRemove === 'function' ? onRemove(file) : onRemove).then(function (ret) {
+    Promise.resolve(typeof onRemove === "function" ? onRemove(file) : onRemove).then(function (ret) {
       // Prevent removing file
       if (ret === false) {
         return;
@@ -294,12 +318,12 @@ var InternalUpload = function InternalUpload(props, ref) {
       if (removedFileList) {
         var _upload$current;
         currentFile = _objectSpread(_objectSpread({}, file), {}, {
-          status: 'removed'
+          status: "removed"
         });
         mergedFileList === null || mergedFileList === void 0 || mergedFileList.forEach(function (item) {
-          var matchKey = currentFile.uid !== undefined ? 'uid' : 'name';
+          var matchKey = currentFile.uid !== undefined ? "uid" : "name";
           if (item[matchKey] === currentFile[matchKey] && !Object.isFrozen(item)) {
-            item.status = 'removed';
+            item.status = "removed";
           }
         });
         (_upload$current = upload.current) === null || _upload$current === void 0 || _upload$current.abort(currentFile);
@@ -309,7 +333,7 @@ var InternalUpload = function InternalUpload(props, ref) {
   };
   var onFileDrop = function onFileDrop(e) {
     setDragState(e.type);
-    if (e.type === 'drop') {
+    if (e.type === "drop") {
       onDrop === null || onDrop === void 0 || onDrop(e);
     }
   };
@@ -329,7 +353,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     getPrefixCls = _React$useContext.getPrefixCls,
     direction = _React$useContext.direction,
     ctxUpload = _React$useContext.upload;
-  var prefixCls = getPrefixCls('upload', customizePrefixCls);
+  var prefixCls = getPrefixCls("upload", customizePrefixCls);
   var rcUploadProps = _objectSpread(_objectSpread({
     onBatchStart: onBatchStart,
     onError: onError,
@@ -349,6 +373,8 @@ var InternalUpload = function InternalUpload(props, ref) {
   });
   delete rcUploadProps.className;
   delete rcUploadProps.style;
+  rcUploadProps === null || rcUploadProps === void 0 || delete rcUploadProps.title;
+  rcUploadProps === null || rcUploadProps === void 0 || delete rcUploadProps.description;
   // Remove id to avoid open by label when trigger is hidden
   // !children: https://github.com/ant-design/ant-design/issues/14298
   // disabled: https://github.com/ant-design/ant-design/issues/16478
@@ -362,19 +388,18 @@ var InternalUpload = function InternalUpload(props, ref) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
-  var _useLocale = useLocale('Upload', defaultLocale.Upload),
+  var _useLocale = useLocale("Upload", defaultLocale.Upload),
     _useLocale2 = _slicedToArray(_useLocale, 1),
     contextLocale = _useLocale2[0];
-  var _ref2 = typeof showUploadList === 'boolean' ? {} : showUploadList,
+  var _ref2 = typeof showUploadList === "boolean" ? {} : showUploadList,
     showRemoveIcon = _ref2.showRemoveIcon,
     showPreviewIcon = _ref2.showPreviewIcon,
     showDownloadIcon = _ref2.showDownloadIcon,
     removeIcon = _ref2.removeIcon,
     previewIcon = _ref2.previewIcon,
-    downloadIcon = _ref2.downloadIcon,
-    extra = _ref2.extra;
+    downloadIcon = _ref2.downloadIcon;
   // use showRemoveIcon if it is specified explicitly
-  var realShowRemoveIcon = typeof showRemoveIcon === 'undefined' ? !mergedDisabled : showRemoveIcon;
+  var realShowRemoveIcon = typeof showRemoveIcon === "undefined" ? !mergedDisabled : !!showRemoveIcon;
   var renderUploadList = function renderUploadList(button, buttonVisible) {
     if (!showUploadList) {
       return button;
@@ -394,7 +419,6 @@ var InternalUpload = function InternalUpload(props, ref) {
       previewIcon: previewIcon,
       downloadIcon: downloadIcon,
       iconRender: iconRender,
-      extra: extra,
       locale: _objectSpread(_objectSpread({}, contextLocale), propLocale),
       isImageUrl: isImageUrl,
       progress: progress,
@@ -404,13 +428,13 @@ var InternalUpload = function InternalUpload(props, ref) {
       disabled: mergedDisabled
     });
   };
-  var mergedCls = classNames(wrapperCls, className, rootClassName, hashId, cssVarCls, ctxUpload === null || ctxUpload === void 0 ? void 0 : ctxUpload.className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-picture-card-wrapper"), listType === 'picture-card'), "".concat(prefixCls, "-picture-circle-wrapper"), listType === 'picture-circle'));
+  var mergedCls = classNames(wrapperCls, className, rootClassName, hashId, cssVarCls, ctxUpload === null || ctxUpload === void 0 ? void 0 : ctxUpload.className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-rtl"), direction === "rtl"), "".concat(prefixCls, "-picture-card-wrapper"), listType === "picture-card"), "".concat(prefixCls, "-picture-circle-wrapper"), listType === "picture-circle"));
   var mergedStyle = _objectSpread(_objectSpread({}, ctxUpload === null || ctxUpload === void 0 ? void 0 : ctxUpload.style), style);
   // ======================== Render ========================
-  if (type === 'drag') {
+  if (type === "drag") {
     var dragCls = classNames(hashId, prefixCls, "".concat(prefixCls, "-drag"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-drag-uploading"), mergedFileList.some(function (file) {
-      return file.status === 'uploading';
-    })), "".concat(prefixCls, "-drag-hover"), dragState === 'dragover'), "".concat(prefixCls, "-disabled"), mergedDisabled), "".concat(prefixCls, "-rtl"), direction === 'rtl'));
+      return file.status === "uploading";
+    })), "".concat(prefixCls, "-drag-hover"), dragState === "dragover"), "".concat(prefixCls, "-disabled"), mergedDisabled), "".concat(prefixCls, "-rtl"), direction === "rtl"));
     return wrapCSSVar(_jsxs("span", {
       className: mergedCls,
       ref: wrapRef,
@@ -425,7 +449,11 @@ var InternalUpload = function InternalUpload(props, ref) {
           className: "".concat(prefixCls, "-btn"),
           children: _jsx("div", {
             className: "".concat(prefixCls, "-drag-container"),
-            children: children
+            children: children ? children : _jsx(DefaultChildren, {
+              title: title,
+              description: description,
+              prefixCls: prefixCls
+            })
           })
         }))
       }), renderUploadList()]
@@ -435,13 +463,13 @@ var InternalUpload = function InternalUpload(props, ref) {
   var uploadButton = _jsx("div", {
     className: uploadButtonCls,
     style: children ? undefined : {
-      display: 'none'
+      display: "none"
     },
     children: _jsx(RcUpload, _objectSpread(_objectSpread({}, rcUploadProps), {}, {
       ref: upload
     }))
   });
-  if (listType === 'picture-card' || listType === 'picture-circle') {
+  if (listType === "picture-card" || listType === "picture-circle") {
     return wrapCSSVar(_jsx("span", {
       className: mergedCls,
       ref: wrapRef,
@@ -455,7 +483,7 @@ var InternalUpload = function InternalUpload(props, ref) {
   }));
 };
 var Upload = /*#__PURE__*/React.forwardRef(InternalUpload);
-if (process.env.NODE_ENV !== 'production') {
-  Upload.displayName = 'Upload';
+if (process.env.NODE_ENV !== "production") {
+  Upload.displayName = "Upload";
 }
 export default Upload;

package/lib/Antd5/upload/UploadList/ListItem.js

@@ -40,7 +40,6 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     customPreviewIcon = _ref.previewIcon,
     customRemoveIcon = _ref.removeIcon,
     customDownloadIcon = _ref.downloadIcon,
-    customExtra = _ref.extra,
     onPreview = _ref.onPreview,
     onDownload = _ref.onDownload,
     onClose = _ref.onClose;
@@ -102,13 +101,13 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }
   var listItemClassName = classNames("".concat(prefixCls, "-list-item"), "".concat(prefixCls, "-list-item-").concat(mergedStatus));
   var linkProps = typeof file.linkProps === 'string' ? JSON.parse(file.linkProps) : file.linkProps;
-  var removeIcon = (typeof showRemoveIcon === 'function' ? showRemoveIcon(file) : showRemoveIcon) ? actionIconRender((typeof customRemoveIcon === 'function' ? customRemoveIcon(file) : customRemoveIcon) || _jsx(DeleteOutlined, {}), function () {
+  var removeIcon = showRemoveIcon ? actionIconRender((typeof customRemoveIcon === 'function' ? customRemoveIcon(file) : customRemoveIcon) || _jsx(DeleteOutlined, {}), function () {
     return onClose(file);
   }, prefixCls, locale.removeFile,
   // acceptUploadDisabled is true, only remove icon will follow Upload disabled prop
   // https://github.com/ant-design/ant-design/issues/46171
   true) : null;
-  var downloadIcon = (typeof showDownloadIcon === 'function' ? showDownloadIcon(file) : showDownloadIcon) && mergedStatus === 'done' ? actionIconRender((typeof customDownloadIcon === 'function' ? customDownloadIcon(file) : customDownloadIcon) || _jsx(DownloadOutlined, {}), function () {
+  var downloadIcon = showDownloadIcon && mergedStatus === 'done' ? actionIconRender((typeof customDownloadIcon === 'function' ? customDownloadIcon(file) : customDownloadIcon) || _jsx(DownloadOutlined, {}), function () {
     return onDownload(file);
   }, prefixCls, locale.downloadFile) : null;
   var downloadOrDelete = listType !== 'picture-card' && listType !== 'picture-circle' && _jsxs("span", {
@@ -117,13 +116,8 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }),
     children: [downloadIcon, removeIcon]
   }, "download-delete");
-  var extraContent = typeof customExtra === 'function' ? customExtra(file) : customExtra;
-  var extra = extraContent && _jsx("span", {
-    className: "".concat(prefixCls, "-list-item-extra"),
-    children: extraContent
-  });
   var listItemNameClass = classNames("".concat(prefixCls, "-list-item-name"));
-  var fileName = file.url ? _jsxs("a", _objectSpread(_objectSpread({
+  var fileName = file.url ? [_jsx("a", _objectSpread(_objectSpread({
     target: "_blank",
     rel: "noopener noreferrer",
     className: listItemNameClass,
@@ -133,16 +127,16 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onClick: function onClick(e) {
       return onPreview(file, e);
     },
-    children: [file.name, extra]
-  }), "view") : _jsxs("span", {
+    children: file.name
+  }), "view"), downloadOrDelete] : [_jsx("span", {
     className: listItemNameClass,
     onClick: function onClick(e) {
       return onPreview(file, e);
     },
     title: file.name,
-    children: [file.name, extra]
-  }, "view");
-  var previewIcon = (typeof showPreviewIcon === 'function' ? showPreviewIcon(file) : showPreviewIcon) && (file.url || file.thumbUrl) ? _jsx("a", {
+    children: file.name
+  }, "view"), downloadOrDelete];
+  var previewIcon = showPreviewIcon && (file.url || file.thumbUrl) ? _jsx("a", {
     href: file.url || file.thumbUrl,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -161,7 +155,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var rootPrefixCls = getPrefixCls();
   var dom = _jsxs("div", {
     className: listItemClassName,
-    children: [icon, fileName, downloadOrDelete, pictureCardActions, showProgress && _jsx(CSSMotion, {
+    children: [icon, fileName, pictureCardActions, showProgress && _jsx(CSSMotion, {
       motionName: "".concat(rootPrefixCls, "-fade"),
       visible: mergedStatus === 'uploading',
       motionDeadline: 2000,