@zat-design/sisyphus-react 3.13.13 → 4.0.0-beta.2

package/lib/ProTreeModal/index.js

@@ -6,16 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CASCADER = void 0;
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
-require("antd/es/checkbox/style");
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
@@ -23,6 +15,7 @@ var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _reactSvg = require("react-svg");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _index = require("../index");
@@ -31,16 +24,15 @@ var _utils = require("./utils");
 var _index2 = require("../ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/utils/index");
 var _inputSearch = _interopRequireDefault(require("../assets/input-search.svg"));
 var _locale = _interopRequireWildcard(require("../locale"));
-require("./style/index.less");
 var LIST = 'LIST';
 var TREE = 'TREE';
 var CASCADER = exports.CASCADER = 'CASCADER';
 var ProTreeModal = function ProTreeModal(props) {
-  var _locale$ProTreeModal, _props$otherProps, _props$otherProps2, _locale$ProTreeModal9, _locale$ProTreeModal10, _locale$ProTreeModal11, _locale$ProTreeModal12;
+  var _locale$ProTreeModal, _props$otherProps, _props$otherProps2, _locale$ProTreeModal9, _locale$ProTreeModal0, _locale$ProTreeModal1, _locale$ProTreeModal10;
   var _useProConfig = (0, _index.useProConfig)('ProEnum'),
     _useProConfig$dics = _useProConfig.dics,
     dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var listRef = (0, _react.useRef)();
+  var listRef = (0, _react.useRef)(null);
   var open = props.open,
     value = props.value,
     onChange = props.onChange,
@@ -117,7 +109,7 @@ var ProTreeModal = function ProTreeModal(props) {
         responseData = transformResponse(res);
       }
       if (status !== 200) {
-        _message2.default.error(msg);
+        _antd.message.error(msg);
         return;
       }
       setState({
@@ -270,7 +262,7 @@ var ProTreeModal = function ProTreeModal(props) {
       if (min) {
         if (values.length < min) {
           var _locale$ProTreeModal3;
-          _message2.default.error((0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
+          _antd.message.error((0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.selectMin, {
             min: min
           }));
           return;
@@ -300,7 +292,6 @@ var ProTreeModal = function ProTreeModal(props) {
     })) === null || _state$flatTreeData$f === void 0 ? void 0 : _state$flatTreeData$f.map(function (item) {
       return item[fieldNameValue];
     }) : [];
-    onChange === null || onChange === void 0 ? void 0 : onChange([]);
     setState({
       checkedValues: _checkedValues,
       beforeClearAllValues: state.checkedValues,
@@ -317,7 +308,6 @@ var ProTreeModal = function ProTreeModal(props) {
       checkedValues: state.beforeClearAllValues,
       beforeClearAllValues: []
     });
-    // onChange?.(state.beforeClearAllValues);
     openChange === null || openChange === void 0 ? void 0 : openChange(false);
   };
   /**
@@ -349,7 +339,7 @@ var ProTreeModal = function ProTreeModal(props) {
     }
     if (max && checkedValues.length > max) {
       var _locale$ProTreeModal4;
-      _message2.default.error(maxMessage ? (0, _utils.transformMessage)({
+      _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
         max: max
       }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal4 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal4 === void 0 ? void 0 : _locale$ProTreeModal4.selectMax, {
         max: max
@@ -461,7 +451,7 @@ var ProTreeModal = function ProTreeModal(props) {
     }
     if (max && checkedValues.length > max) {
       var _locale$ProTreeModal5;
-      _message2.default.error(maxMessage ? (0, _utils.transformMessage)({
+      _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
         max: max
       }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal5 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal5 === void 0 ? void 0 : _locale$ProTreeModal5.selectMax, {
         max: max
@@ -634,7 +624,7 @@ var ProTreeModal = function ProTreeModal(props) {
     }
     if (max && checkedValues.length > max) {
       var _locale$ProTreeModal6;
-      _message2.default.error(maxMessage ? (0, _utils.transformMessage)({
+      _antd.message.error(maxMessage ? (0, _utils.transformMessage)({
         max: max
       }, maxMessage) : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal6 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal6 === void 0 ? void 0 : _locale$ProTreeModal6.selectMax, {
         max: max
@@ -787,7 +777,7 @@ var ProTreeModal = function ProTreeModal(props) {
         title: title,
         showType: "Modal",
         className: "pro-tree-modal-container",
-        extraLeft: allValue !== undefined ? (0, _jsxRuntime.jsx)(_checkbox.default, {
+        extraLeft: allValue !== undefined ? (0, _jsxRuntime.jsx)(_antd.Checkbox, {
           checked: state.checkAll,
           disabled: disabled,
           onChange: handleAllCheck,
@@ -797,11 +787,11 @@ var ProTreeModal = function ProTreeModal(props) {
           className: "pro-tree-modal-content",
           children: [(0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames.default)('pro-tree-modal-box', modeType === CASCADER || modeType === LIST && span ? 'pro-tree-modal-cascader-box' : ''),
-            children: [(0, _jsxRuntime.jsx)(_input.default, {
+            children: [(0, _jsxRuntime.jsx)(_antd.Input, {
               disabled: disabled,
               allowClear: true,
               value: state.searchStr,
-              placeholder: placeholder || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal10 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.input),
+              placeholder: placeholder || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal0 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal0 === void 0 ? void 0 : _locale$ProTreeModal0.input),
               className: "pro-tree-modal-search",
               onChange: function onChange(e) {
                 return handleSetSearchStr(e.target.value);
@@ -819,12 +809,12 @@ var ProTreeModal = function ProTreeModal(props) {
             children: [(0, _jsxRuntime.jsxs)("div", {
               className: "pro-tree-modal-box-header",
               children: [(0, _jsxRuntime.jsxs)("span", {
-                children: [_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal11 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal11 === void 0 ? void 0 : _locale$ProTreeModal11.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
-              }), (0, _jsxRuntime.jsx)(_button.default, {
+                children: [_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal1 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal1 === void 0 ? void 0 : _locale$ProTreeModal1.check, " (", state.checkedValues.length, "/", max || state.flatTreeData.length, ")"]
+              }), (0, _jsxRuntime.jsx)(_antd.Button, {
                 disabled: disabled,
                 type: "link",
                 onClick: handleClearAll,
-                children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal12 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal12 === void 0 ? void 0 : _locale$ProTreeModal12.clearAll
+                children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal10 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal10 === void 0 ? void 0 : _locale$ProTreeModal10.clearAll
               })]
             }), (0, _jsxRuntime.jsx)("div", {
               className: "pro-tree-modal-tree-warp  pro-transfer-right",

package/lib/ProTreeModal/style/index.less

@@ -1,8 +1,8 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-tree-modal-container .@{ant-prefix}-modal-content .@{ant-prefix}-modal-body {
-  max-height: 498px;
+  max-height: 498px !important;
 }
 
 .pro-tree-modal {
@@ -26,8 +26,16 @@
     flex-direction: row;
     height: 482px;
     margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
+    .checked-container {
+      .@{ant-prefix}-btn {
+        &:active {
+          background: transparent;
+        }
+      }
+    }
 
     .@{ant-prefix}-tree-checkbox {
+      align-self: flex-start;
       margin-top: 2px;
     }
 
@@ -238,6 +246,9 @@
 }
 
 .pro-transfer-right {
+  .@{ant-prefix}-checkbox {
+    align-items: flex-start;
+  }
   .checked-item {
     margin: var(--zaui-space-size-sm, 8px) 0;
     &.dragable {

package/lib/ProUpload/components/ButtonRender.js

@@ -5,20 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/upload/style");
-var _upload = _interopRequireDefault(require("antd/es/upload"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
 var _core = require("@dnd-kit/core");
 var _sortable = require("@dnd-kit/sortable");
 var _icons = require("@ant-design/icons");
 var _FileItem = require("./FileItem");
 var _DraggableUploadListItem = require("./DraggableUploadListItem");
 var _locale = _interopRequireDefault(require("../../locale"));
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 /* 按钮类型 */
 var ButtonRender = function ButtonRender(props) {
   var _locale$ProUpload;
@@ -49,25 +47,24 @@ var ButtonRender = function ButtonRender(props) {
           isConfirmDelete: isConfirmDelete,
           onPreview: onPreview,
           onRemove: function () {
-            var _onRemove2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(file) {
+            var _onRemove2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee(file) {
               var res;
-              return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-                while (1) switch (_context.prev = _context.next) {
+              return _regenerator().w(function (_context) {
+                while (1) switch (_context.n) {
                   case 0:
-                    _context.next = 2;
+                    _context.n = 1;
                     return _onRemove === null || _onRemove === void 0 ? void 0 : _onRemove(file);
-                  case 2:
-                    res = _context.sent;
+                  case 1:
+                    res = _context.v;
                     if (!(res === false)) {
-                      _context.next = 5;
+                      _context.n = 2;
                       break;
                     }
-                    return _context.abrupt("return");
-                  case 5:
+                    return _context.a(2);
+                  case 2:
                     actions.remove(file);
-                  case 6:
-                  case "end":
-                    return _context.stop();
+                  case 3:
+                    return _context.a(2);
                 }
               }, _callee);
             }));
@@ -91,10 +88,10 @@ var ButtonRender = function ButtonRender(props) {
           return i.uid;
         }),
         strategy: _sortable.rectSortingStrategy,
-        children: (0, _jsxRuntime.jsx)(_upload.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonUploadProps), {}, {
+        children: (0, _jsxRuntime.jsx)(_antd.Upload, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonUploadProps), {}, {
           children: !isView && (0, _jsxRuntime.jsxs)("div", {
             className: "pro-upload-button-inner",
-            children: [(0, _jsxRuntime.jsxs)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonProps), {}, {
+            children: [(0, _jsxRuntime.jsxs)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonProps), {}, {
               disabled: disabled || isView,
               children: [(0, _jsxRuntime.jsx)(_icons.CloudUploadOutlined, {}), buttonText]
             })), afterRender ? (0, _jsxRuntime.jsx)("div", {
@@ -109,7 +106,7 @@ var ButtonRender = function ButtonRender(props) {
       })
     }), extraTipText && (0, _jsxRuntime.jsx)("div", {
       className: "upload-tip-txt",
-      children: extraTipText
+      children: typeof extraTipText === 'function' ? extraTipText() : extraTipText
     })]
   });
 };

package/lib/ProUpload/components/DragRender.js

@@ -6,17 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/upload/style");
-var _upload = _interopRequireDefault(require("antd/es/upload"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
+var _antd = require("antd");
 var _core = require("@dnd-kit/core");
 var _sortable = require("@dnd-kit/sortable");
 var _icons = require("@ant-design/icons");
 var _FileItem = require("./FileItem");
 var _DraggableUploadListItem = require("./DraggableUploadListItem");
 var _locale = _interopRequireDefault(require("../../locale"));
-var Dragger = _upload.default.Dragger;
+var Dragger = _antd.Upload.Dragger;
 var DragRender = function DragRender(props) {
   var _locale$ProUpload3, _locale$ProUpload4, _locale$ProUpload5, _locale$ProUpload6;
   var isView = props.isView,

package/lib/ProUpload/components/FileItem.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { UploadFile } from 'antd/es/upload/interface';
-import '../style/fileItem.less';
 /**
  * @description: b 转成 Kb
  * @param {*} num

package/lib/ProUpload/components/FileItem.js

@@ -5,13 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFileIcon = exports.getFileExt = exports.bToKb = exports.FileItem = exports.DragSingleFileItem = void 0;
-require("antd/es/progress/style");
-var _progress = _interopRequireDefault(require("antd/es/progress"));
-require("antd/es/popconfirm/style");
-var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
 var _reactSvg = require("react-svg");
 var _iconPDF = _interopRequireDefault(require("../style/icon-PDF.png"));
 var _iconTXT = _interopRequireDefault(require("../style/icon-TXT.png"));
@@ -21,7 +16,6 @@ var _iconWord = _interopRequireDefault(require("../style/icon-word.png"));
 var _look = _interopRequireDefault(require("../../assets/look.svg"));
 var _delete = _interopRequireDefault(require("../../assets/delete.svg"));
 var _download = _interopRequireDefault(require("../../assets/download.svg"));
-require("../style/fileItem.less");
 /**
  * @description: b 转成 Kb
  * @param {*} num
@@ -47,7 +41,9 @@ var getFileExt = exports.getFileExt = function getFileExt(fileName) {
 var getFileIcon = exports.getFileIcon = function getFileIcon(fileExt) {
   if (['.PDF'].includes(fileExt.toLocaleUpperCase())) return _iconPDF.default;
   if (['.TXT', '.JSON'].includes(fileExt.toLocaleUpperCase())) return _iconTXT.default;
-  if (['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(fileExt.toLocaleUpperCase())) return _iconPic.default;
+  if (['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(fileExt.toLocaleUpperCase())) {
+    return _iconPic.default;
+  }
   if (['.DOC', '.DOCX'].includes(fileExt.toLocaleUpperCase())) return _iconWord.default;
   if (['.XLS', '.XLSX'].includes(fileExt.toLocaleUpperCase())) return _iconExcel.default;
   return _iconTXT.default;
@@ -106,7 +102,7 @@ var FileItem = exports.FileItem = function FileItem(props) {
         className: "file-actions-wrap",
         children: (0, _jsxRuntime.jsxs)("div", {
           className: "file-actions",
-          children: [_isShowDownloadIcon && (0, _jsxRuntime.jsx)(_button.default, {
+          children: [_isShowDownloadIcon && (0, _jsxRuntime.jsx)(_antd.Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
@@ -115,7 +111,7 @@ var FileItem = exports.FileItem = function FileItem(props) {
               wrapper: "span",
               src: _download.default
             })
-          }), _showPreViewIcon && (0, _jsxRuntime.jsx)(_button.default, {
+          }), _showPreViewIcon && (0, _jsxRuntime.jsx)(_antd.Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
@@ -125,12 +121,12 @@ var FileItem = exports.FileItem = function FileItem(props) {
               color: "#006aff",
               src: _look.default
             })
-          }), _showRemoveIcon && !disabled && (isConfirmDelete ? (0, _jsxRuntime.jsx)(_popconfirm.default, {
+          }), _showRemoveIcon && !disabled && (isConfirmDelete ? (0, _jsxRuntime.jsx)(_antd.Popconfirm, {
             title: "\u786E\u5B9A\u5220\u9664?",
             onConfirm: _onRemove,
             okText: "\u786E\u8BA4",
             cancelText: "\u53D6\u6D88",
-            children: (0, _jsxRuntime.jsx)(_button.default, {
+            children: (0, _jsxRuntime.jsx)(_antd.Button, {
               type: "link",
               className: "file-action-item",
               disabled: disabled,
@@ -140,7 +136,7 @@ var FileItem = exports.FileItem = function FileItem(props) {
                 src: _delete.default
               })
             })
-          }) : (0, _jsxRuntime.jsx)(_button.default, {
+          }) : (0, _jsxRuntime.jsx)(_antd.Button, {
             type: "link",
             className: "file-action-item",
             disabled: disabled,
@@ -155,10 +151,9 @@ var FileItem = exports.FileItem = function FileItem(props) {
       })]
     }), file.status === 'uploading' && (0, _jsxRuntime.jsx)("div", {
       className: "file-progress",
-      children: (0, _jsxRuntime.jsx)(_progress.default, {
+      children: (0, _jsxRuntime.jsx)(_antd.Progress, {
         percent: Math.ceil(file.percent),
-        size: "small",
-        strokeWidth: 2
+        size: 2
       })
     })]
   });
@@ -203,7 +198,7 @@ var DragSingleFileItem = exports.DragSingleFileItem = function DragSingleFileIte
         className: "file-actions-wrap",
         children: (0, _jsxRuntime.jsxs)("div", {
           className: "file-actions",
-          children: [_showPreViewIcon && (0, _jsxRuntime.jsx)(_button.default, {
+          children: [_showPreViewIcon && (0, _jsxRuntime.jsx)(_antd.Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
@@ -212,7 +207,7 @@ var DragSingleFileItem = exports.DragSingleFileItem = function DragSingleFileIte
               wrapper: "span",
               src: _look.default
             })
-          }), _isShowDownloadIcon && (0, _jsxRuntime.jsx)(_button.default, {
+          }), _isShowDownloadIcon && (0, _jsxRuntime.jsx)(_antd.Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
@@ -226,10 +221,9 @@ var DragSingleFileItem = exports.DragSingleFileItem = function DragSingleFileIte
       })]
     }), file.status === 'uploading' && (0, _jsxRuntime.jsx)("div", {
       className: "file-progress",
-      children: (0, _jsxRuntime.jsx)(_progress.default, {
+      children: (0, _jsxRuntime.jsx)(_antd.Progress, {
         percent: Math.ceil(file.percent),
-        size: "small",
-        strokeWidth: 2
+        size: 2
       })
     })]
   });

package/lib/ProUpload/components/ImageRender.js

@@ -5,22 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/modal/style");
-var _modal = _interopRequireDefault(require("antd/es/modal"));
-require("antd/es/upload/style");
-var _upload = _interopRequireDefault(require("antd/es/upload"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/progress/style");
-var _progress = _interopRequireDefault(require("antd/es/progress"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
 var _react = require("react");
 var _core = require("@dnd-kit/core");
 var _sortable = require("@dnd-kit/sortable");
@@ -33,6 +23,8 @@ var _look = _interopRequireDefault(require("../../assets/look.svg"));
 var _delete = _interopRequireDefault(require("../../assets/delete.svg"));
 var _download = _interopRequireDefault(require("../../assets/download.svg"));
 var _locale = _interopRequireDefault(require("../../locale"));
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 var isImgage = function isImgage(_fileExt) {
   return ['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(_fileExt.toLocaleUpperCase());
 };
@@ -118,7 +110,7 @@ var ImageRender = function ImageRender(props) {
           className: "file-item-image ".concat(file.status === 'error' ? 'actions-wrap-error' : ''),
           children: [file.status === 'uploading' && (0, _jsxRuntime.jsx)("div", {
             className: "image-uploading",
-            children: (0, _jsxRuntime.jsx)(_progress.default, {
+            children: (0, _jsxRuntime.jsx)(_antd.Progress, {
               size: "small",
               percent: Math.ceil(file.percent)
             })
@@ -133,7 +125,7 @@ var ImageRender = function ImageRender(props) {
               className: "actions-wrap ",
               children: [(0, _jsxRuntime.jsxs)("div", {
                 className: "action-top",
-                children: [_showPreview && (0, _jsxRuntime.jsx)(_button.default, {
+                children: [_showPreview && (0, _jsxRuntime.jsx)(_antd.Button, {
                   type: "link",
                   className: "action-item",
                   onClick: function onClick() {
@@ -145,7 +137,7 @@ var ImageRender = function ImageRender(props) {
                     src: _look.default
                   }),
                   children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.view
-                }), _isShowDownload && (0, _jsxRuntime.jsx)(_button.default, {
+                }), _isShowDownload && (0, _jsxRuntime.jsx)(_antd.Button, {
                   type: "link",
                   disabled: isView || disabled,
                   className: "action-item",
@@ -161,46 +153,45 @@ var ImageRender = function ImageRender(props) {
                 })]
               }), (0, _jsxRuntime.jsx)("div", {
                 className: "action-button",
-                children: (0, _jsxRuntime.jsx)(_button.default, {
+                children: (0, _jsxRuntime.jsx)(_antd.Button, {
                   type: "link",
                   disabled: isView || disabled,
                   className: "action-item",
                   onClick: function () {
-                    var _onClick = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-                      var res;
-                      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-                        while (1) switch (_context.prev = _context.next) {
+                    var _onClick = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee() {
+                      var res, _t, _t2;
+                      return _regenerator().w(function (_context) {
+                        while (1) switch (_context.p = _context.n) {
                           case 0:
-                            _context.prev = 0;
-                            _context.t0 = onRemove;
-                            if (!_context.t0) {
-                              _context.next = 6;
+                            _context.p = 0;
+                            _t = onRemove;
+                            if (!_t) {
+                              _context.n = 2;
                               break;
                             }
-                            _context.next = 5;
+                            _context.n = 1;
                             return onRemove(file);
-                          case 5:
-                            _context.t0 = _context.sent;
-                          case 6:
-                            res = _context.t0;
+                          case 1:
+                            _t = _context.v;
+                          case 2:
+                            res = _t;
                             if (!(res === false)) {
-                              _context.next = 9;
+                              _context.n = 3;
                               break;
                             }
-                            return _context.abrupt("return", Promise.reject());
-                          case 9:
+                            return _context.a(2, Promise.reject());
+                          case 3:
                             actions.remove(file);
-                            _context.next = 15;
+                            _context.n = 5;
                             break;
-                          case 12:
-                            _context.prev = 12;
-                            _context.t1 = _context["catch"](0);
-                            return _context.abrupt("return", Promise.reject());
-                          case 15:
-                          case "end":
-                            return _context.stop();
+                          case 4:
+                            _context.p = 4;
+                            _t2 = _context.v;
+                            return _context.a(2, Promise.reject());
+                          case 5:
+                            return _context.a(2);
                         }
-                      }, _callee, null, [[0, 12]]);
+                      }, _callee, null, [[0, 4]]);
                     }));
                     function onClick() {
                       return _onClick.apply(this, arguments);
@@ -221,7 +212,7 @@ var ImageRender = function ImageRender(props) {
       });
     }
   });
-  return (0, _jsxRuntime.jsxs)(_space.default, {
+  return (0, _jsxRuntime.jsxs)(_antd.Space, {
     direction: "vertical",
     size: 8,
     className: "pro-upload-image",
@@ -235,7 +226,7 @@ var ImageRender = function ImageRender(props) {
             return i.uid;
           }),
           strategy: _sortable.rectSortingStrategy,
-          children: (0, _jsxRuntime.jsx)(_upload.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, imageUploadProps), {}, {
+          children: (0, _jsxRuntime.jsx)(_antd.Upload, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, imageUploadProps), {}, {
             children: fileList.length < maxCount && !isView && (centerRender ? (0, _isFunction2.default)(centerRender) ? centerRender() : centerRender : (0, _jsxRuntime.jsxs)("div", {
               className: "pro-upload-image-inner ".concat(disabled ? 'pro-upload-image-disabled' : '', " "),
               children: [(0, _jsxRuntime.jsx)(_icons.PlusOutlined, {}), (0, _jsxRuntime.jsx)("div", {
@@ -259,7 +250,7 @@ var ImageRender = function ImageRender(props) {
     }), (0, _jsxRuntime.jsx)("div", {
       className: "pro-upload-image-footer",
       children: footerRender()
-    }), (0, _jsxRuntime.jsx)(_modal.default, {
+    }), (0, _jsxRuntime.jsx)(_antd.Modal, {
       title: previewImg === null || previewImg === void 0 ? void 0 : previewImg.name,
       width: "600",
       style: {

package/lib/ProUpload/index.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -15,6 +13,7 @@ var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
 var _core = require("@dnd-kit/core");
 var _sortable = require("@dnd-kit/sortable");
 var _ProConfigProvider = require("../ProConfigProvider");
@@ -184,12 +183,12 @@ var ProUpload = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleBeforeUpload = function handleBeforeUpload(file, fileList) {
     if (!(0, _uitls.validateFileExt)(extExt, file)) {
       var _locale$ProUpload2;
-      _message2.default.error("".concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload2 = _locale.default.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.errorInfoExt, "\u3010").concat(extExt.join('、'), "\u3011"));
+      _antd.message.error("".concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload2 = _locale.default.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.errorInfoExt, "\u3010").concat(extExt.join('、'), "\u3011"));
       return false;
     }
     if (!(0, _uitls.validateSize)(size, file)) {
       var _locale$ProUpload3;
-      _message2.default.error("".concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload3 = _locale.default.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.errorInfoSize).concat(size, "M"));
+      _antd.message.error("".concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload3 = _locale.default.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.errorInfoSize).concat(size, "M"));
       return false;
     }
     if (beforeUpload) {