@chaoswise/ui 3.0.8 → 3.0.10

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

@@ -190,7 +190,8 @@ var genCardStyle = function genCardStyle(token) {
     background: token.colorBgContainer,
     borderRadius: token.borderRadiusLG
   }, "&:not(".concat(componentCls, "-bordered)"), {
-    boxShadow: boxShadowTertiary
+    // boxShadow: boxShadowTertiary,
+    boxShadow: "none"
   }), "".concat(componentCls, "-head"), genCardHeadStyle(token)), "".concat(componentCls, "-extra"), {
     // https://stackoverflow.com/a/22429853/3040605
     marginInlineStart: 'auto',

package/lib/Antd5/message/PurePanel.js

@@ -1,10 +1,7 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["prefixCls", "className", "type", "icon", "content"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -13,18 +10,22 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
-import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
-import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
-import InfoCircleFilled from '@ant-design/icons/InfoCircleFilled';
-import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
-import classNames from 'classnames';
-import { Notice } from 'rc-notification';
-import { ConfigContext } from '../config-provider';
-import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
-import useStyle from './style';
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import CheckCircleFilled from "@ant-design/icons/CheckCircleFilled";
+import CloseCircleFilled from "@ant-design/icons/CloseCircleFilled";
+import ExclamationCircleFilled from "@ant-design/icons/ExclamationCircleFilled";
+import InfoCircleFilled from "@ant-design/icons/InfoCircleFilled";
+import LoadingOutlined from "@ant-design/icons/LoadingOutlined";
+import classNames from "classnames";
+import { Notice } from "rc-notification";
+import { ConfigContext } from "../config-provider";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls";
+import useStyle from "./style";
+import CloseSvg from "./assets/Close";
 export var TypeIcon = {
   info: _jsx(InfoCircleFilled, {}),
   success: _jsx(CheckCircleFilled, {}),
@@ -36,11 +37,28 @@ export var PureContent = function PureContent(_ref) {
   var prefixCls = _ref.prefixCls,
     type = _ref.type,
     icon = _ref.icon,
-    children = _ref.children;
-  return _jsxs("div", {
-    className: classNames("".concat(prefixCls, "-custom-content"), "".concat(prefixCls, "-").concat(type)),
-    children: [icon || TypeIcon[type], _jsx("span", {
-      children: children
+    children = _ref.children,
+    onClose = _ref.onClose,
+    closable = _ref.closable,
+    dec = _ref.dec;
+  return _jsxs(_Fragment, {
+    children: [_jsxs("div", {
+      className: classNames("".concat(prefixCls, "-custom-content"), "".concat(prefixCls, "-").concat(type), _defineProperty({}, "".concat(prefixCls, "-custom-content-has-dec"), dec)),
+      children: [icon || TypeIcon[type], _jsx("span", {
+        className: "".concat(prefixCls, "-custom-header-content"),
+        children: children
+      }), closable && _jsx("span", {
+        onClick: function onClick() {
+          onClose === null || onClose === void 0 || onClose();
+        },
+        className: "".concat(prefixCls, "-custom-header-close-wrapper"),
+        children: _jsx(CloseSvg, {
+          className: "".concat(prefixCls, "-custom-header-close")
+        })
+      })]
+    }), dec && _jsx("div", {
+      className: classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-custom-dec-wrapper"), true), "".concat(prefixCls, "-custom-dec-not-closable"), !closable)),
+      children: dec
     })]
   });
 };
@@ -54,7 +72,7 @@ var PurePanel = function PurePanel(props) {
     restProps = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls;
-  var prefixCls = staticPrefixCls || getPrefixCls('message');
+  var prefixCls = staticPrefixCls || getPrefixCls("message");
   var rootCls = useCSSVarCls(prefixCls);
   var _useStyle = useStyle(prefixCls, rootCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),

package/lib/Antd5/message/assets/Close.js

@@ -0,0 +1,22 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+var SvgClose = function SvgClose(props) {
+  return _jsx("svg", _objectSpread(_objectSpread({
+    width: 8,
+    height: 8,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: _jsx("path", {
+      d: "M7.535 7.41a.5.5 0 0 1-.707 0L4 4.582 1.172 7.41a.5.5 0 1 1-.707-.707l2.828-2.828L.465 1.047A.5.5 0 0 1 1.172.34L4 3.168 6.828.34a.5.5 0 0 1 .707.707L4.707 3.875l2.828 2.828a.5.5 0 0 1 0 .707Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    })
+  }));
+};
+export default SvgClose;

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

@@ -59,14 +59,55 @@ var genMessageStyle = function genMessageStyle(token) {
     marginInlineEnd: marginXS,
     // affected by ltr or rtl
     fontSize: fontSizeLG
-  }), "".concat(noticeCls, "-content"), {
+  }), "".concat(noticeCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
     display: 'inline-block',
     padding: contentPadding,
     background: contentBg,
     borderRadius: borderRadiusLG,
     boxShadow: boxShadow,
-    pointerEvents: 'all'
-  }), "".concat(componentCls, "-success > ").concat(iconCls), {
+    pointerEvents: 'all',
+    maxWidth: "400px"
+  }, "&:has(".concat(componentCls, "-custom-dec-wrapper)"), {
+    paddingBottom: "12px",
+    width: "400px"
+  }), "".concat(componentCls, "-custom-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    display: "flex",
+    lineHeight: "22px"
+  }, "> ".concat(iconCls), {
+    fontSize: "16px",
+    width: "16px",
+    height: "16px",
+    transform: "translateY(3px)"
+  }), "".concat(componentCls, "-custom-header-content"), {
+    display: "inline-block",
+    fontSize: "14px",
+    lineHeight: "22px",
+    flex: "1",
+    flexBasis: "auto",
+    textAlign: "left",
+    marginRight: "16px",
+    wordBreak: "break-all"
+  }), "".concat(componentCls, "-custom-header-close-wrapper"), {
+    display: "inline-block",
+    height: "22px",
+    lineHeight: "22px",
+    cursor: "pointer",
+    "&:hover": {
+      color: token.colorPrimaryHover
+    }
+  }), "&".concat(componentCls, "-custom-content-has-dec"), _defineProperty({}, "".concat(componentCls, "-custom-header-content"), {
+    fontWeight: "500"
+  }))), "".concat(componentCls, "-custom-dec-wrapper"), _defineProperty({
+    textAlign: "left",
+    paddingLeft: "24px",
+    paddingRight: "32px",
+    marginTop: "6px",
+    fontSize: "14px",
+    lineHeight: "22px",
+    wordBreak: "break-all"
+  }, "&".concat(componentCls, "-custom-dec-not-closable"), {
+    paddingRight: "16px"
+  }))), "".concat(componentCls, "-success > ").concat(iconCls), {
     color: colorSuccess
   }), "".concat(componentCls, "-error > ").concat(iconCls), {
     color: colorError

package/lib/Antd5/message/useMessage.js

@@ -1,4 +1,4 @@
-var _excluded = ["content", "icon", "type", "key", "className", "style", "onClose"];
+var _excluded = ["content", "icon", "type", "key", "className", "style", "onClose", "closable", "dec"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
@@ -151,12 +151,18 @@ export function useInternalMessage(messageConfig) {
         className = config.className,
         style = config.style,
         _onClose = config.onClose,
+        _config$closable = config.closable,
+        closable = _config$closable === void 0 ? true : _config$closable,
+        dec = config.dec,
         restConfig = _objectWithoutProperties(config, _excluded);
       var mergedKey = key;
       if (mergedKey === undefined || mergedKey === null) {
         keyIndex += 1;
         mergedKey = "antd-message-".concat(keyIndex);
       }
+      var onCloseCustom = function onCloseCustom() {
+        close(mergedKey);
+      };
       return wrapPromiseFn(function (resolve) {
         originOpen(_objectSpread(_objectSpread({}, restConfig), {}, {
           key: mergedKey,
@@ -164,6 +170,9 @@ export function useInternalMessage(messageConfig) {
             prefixCls: prefixCls,
             type: type,
             icon: icon,
+            onClose: onCloseCustom,
+            closable: closable,
+            dec: dec,
             children: content
           }),
           placement: 'top',
@@ -195,7 +204,8 @@ export function useInternalMessage(messageConfig) {
     };
     var keys = ['info', 'success', 'warning', 'error', 'loading'];
     keys.forEach(function (type) {
-      var typeOpen = function typeOpen(jointContent, duration, onClose) {
+      var typeOpen = function typeOpen(jointContent, duration, onClose, dec) {
+        var closable = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
         var config;
         if (jointContent && _typeof(jointContent) === 'object' && 'content' in jointContent) {
           config = jointContent;
@@ -215,7 +225,9 @@ export function useInternalMessage(messageConfig) {
         }
         var mergedConfig = _objectSpread(_objectSpread({
           onClose: mergedOnClose,
-          duration: mergedDuration
+          duration: mergedDuration,
+          dec: dec,
+          closable: closable
         }, config), {}, {
           type: type
         });

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("5b800d91-5cf8-448b-baaa-4722482d07e4").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:
@@ -234,14 +259,14 @@ 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') {
+      if (typeof response === "string") {
         response = JSON.parse(response);
       }
     } catch (e) {
@@ -252,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;
@@ -265,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);
@@ -278,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;
@@ -293,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);
@@ -308,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);
     }
   };
@@ -328,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,
@@ -348,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
@@ -361,10 +388,10 @@ 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,
@@ -372,7 +399,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     previewIcon = _ref2.previewIcon,
     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;
@@ -401,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,
@@ -422,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()]
@@ -432,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,
@@ -452,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/style/dragger.js

@@ -17,7 +17,7 @@ var genDraggerStyle = function genDraggerStyle(token) {
     cursor: 'pointer',
     transition: "border-color ".concat(token.motionDurationSlow)
   }, componentCls, {
-    padding: token.padding
+    // padding: token.padding, // 删除符合UI规范
   }), "".concat(componentCls, "-btn"), {
     display: 'table',
     width: '100%',
@@ -27,10 +27,23 @@ var genDraggerStyle = function genDraggerStyle(token) {
     '&:focus-visible': {
       outline: "".concat(unit(token.lineWidthFocus), " solid ").concat(token.colorPrimaryBorder)
     }
-  }), "".concat(componentCls, "-drag-container"), {
+  }), "".concat(componentCls, "-drag-container"), _defineProperty({
     display: 'table-cell',
     verticalAlign: 'middle'
-  }), "\n          &:not(".concat(componentCls, "-disabled):hover,\n          &-hover:not(").concat(componentCls, "-disabled)\n        "), {
+  }, "".concat(componentCls, "-drag-wrapper"), _defineProperty(_defineProperty(_defineProperty({
+    padding: "39px 0"
+  }, "".concat(componentCls, "-drag-icon-wrapper"), _defineProperty({
+    marginBottom: "8px"
+  }, iconCls, {
+    color: token.colorPrimaryHover,
+    fontSize: "48px"
+  })), "".concat(componentCls, "-drag-text"), {
+    lineHeight: "20px"
+  }), "".concat(componentCls, "-drag-desc"), {
+    color: token.colorTextTertiary,
+    marginTop: "8px",
+    lineHeight: "20px"
+  }))), "\n          &:not(".concat(componentCls, "-disabled):hover,\n          &-hover:not(").concat(componentCls, "-disabled)\n        "), {
     borderColor: token.colorPrimaryHover
   }), "p".concat(componentCls, "-drag-icon"), _defineProperty({
     marginBottom: token.margin
@@ -44,8 +57,16 @@ var genDraggerStyle = function genDraggerStyle(token) {
   }), "p".concat(componentCls, "-hint"), {
     color: token.colorTextDescription,
     fontSize: token.fontSize
-  }), "&".concat(componentCls, "-disabled"), _defineProperty({}, "p".concat(componentCls, "-drag-icon ").concat(iconCls, ",\n            p").concat(componentCls, "-text,\n            p").concat(componentCls, "-hint\n          "), {
+  }), "&".concat(componentCls, "-disabled"), _defineProperty(_defineProperty({
+    background: token.colorBgContainerDisabled
+  }, "p".concat(componentCls, "-drag-icon ").concat(iconCls, ",\n            p").concat(componentCls, "-text,\n            p").concat(componentCls, "-hint,\n          "), {
+    color: token.colorTextDisabled
+  }), "".concat(componentCls, "-drag-wrapper"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-drag-icon-wrapper"), _defineProperty({}, iconCls, {
+    color: token.colorTextDisabled
+  })), "".concat(componentCls, "-drag-text"), {
+    color: token.colorTextDisabled
+  }), "".concat(componentCls, "-drag-desc"), {
     color: token.colorTextDisabled
-  }))));
+  })))));
 };
 export default genDraggerStyle;

package/lib/Badge/index.style.js

@@ -45,10 +45,12 @@ var genCustomBadgeStyle = function genCustomBadgeStyle(token) {
     display: "inline-block",
     height: "20px",
     lineHeight: "20px"
-  })), "".concat(badgePrefix).concat(badgePrefix, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(badgePrefix, "-multiple-words"), {
+  })), "".concat(badgePrefix).concat(badgePrefix, "-wrapper"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(badgePrefix, "-multiple-words"), {
     padding: "0 6px"
   }), "".concat(badgePrefix, "-count"), {
     boxShadow: "none !important"
+  }), "".concat(badgePrefix, "-status-dot:only-child"), {
+    marginRight: "8px"
   }), "".concat(badgePrefix, "-dot"), {
     boxShadow: "none !important"
   }), "".concat(badgePrefix, "-scroll-number"), {