@zat-design/sisyphus-react 3.13.19-beta.1 → 3.13.19-beta.11

package/lib/ProUpload/components/FileItem.js

@@ -11,7 +11,7 @@ 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 _react = _interopRequireDefault(require("react"));
 var _reactSvg = require("react-svg");
 var _iconPDF = _interopRequireDefault(require("../style/icon-PDF.png"));
 var _iconTXT = _interopRequireDefault(require("../style/icon-TXT.png"));
@@ -22,29 +22,34 @@ 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");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @description: b 转成 Kb
  * @param {*} num
  * @return {*}
  */
-var bToKb = exports.bToKb = function bToKb(num) {
+var bToKb = num => {
   return num ? (num / 1024).toFixed(2) : '';
 };
+
 /**
  * @description: 获取文件后缀名
  * @param {*} fileName
  * @return {*}
  */
-var getFileExt = exports.getFileExt = function getFileExt(fileName) {
+exports.bToKb = bToKb;
+var getFileExt = fileName => {
   if (!fileName) return '';
   return fileName.substring(fileName.lastIndexOf('.'));
 };
+
 /**
  * @description: 根据文件扩展名获取图标地址
  * @param {string} fileExt
  * @return {*}
  */
-var getFileIcon = exports.getFileIcon = function getFileIcon(fileExt) {
+exports.getFileExt = getFileExt;
+var 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;
@@ -52,7 +57,8 @@ var getFileIcon = exports.getFileIcon = function getFileIcon(fileExt) {
   if (['.XLS', '.XLSX'].includes(fileExt.toLocaleUpperCase())) return _iconExcel.default;
   return _iconTXT.default;
 };
-var FileItem = exports.FileItem = function FileItem(props) {
+exports.getFileIcon = getFileIcon;
+var FileItem = props => {
   var file = props.file,
     disabled = props.disabled,
     _props$hideFileIcon = props.hideFileIcon,
@@ -63,17 +69,17 @@ var FileItem = exports.FileItem = function FileItem(props) {
     _props$showRemoveIcon = props.showRemoveIcon,
     showRemoveIcon = _props$showRemoveIcon === void 0 ? true : _props$showRemoveIcon,
     isConfirmDelete = props.isConfirmDelete;
-  var _onPreview = function _onPreview() {
+  var _onPreview = () => {
     if (onPreview) {
       return onPreview(file);
     }
   };
-  var _onDownload = function _onDownload() {
+  var _onDownload = () => {
     if (onDownload) {
       return onDownload(file);
     }
   };
-  var _onRemove = function _onRemove() {
+  var _onRemove = () => {
     if (onRemove) {
       return onRemove(file);
     }
@@ -84,68 +90,68 @@ var FileItem = exports.FileItem = function FileItem(props) {
   var _isShowDownloadIcon = file.status === 'done' && onDownload;
   var _showPreViewIcon = onPreview;
   var _showRemoveIcon = showRemoveIcon;
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "filelist-item-wrapper",
-    children: [(0, _jsxRuntime.jsxs)("div", {
-      className: "file-info-box ".concat(file.status === 'error' ? 'file-box-error' : ''),
-      children: [!hideFileIcon && (0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `file-info-box ${file.status === 'error' ? 'file-box-error' : ''}`,
+      children: [!hideFileIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "file-type-icon",
-        children: (0, _jsxRuntime.jsx)("img", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: _fileIcon
         })
-      }), (0, _jsxRuntime.jsx)("div", {
-        className: "file-name ".concat(hideFileIcon ? 'file-name-pf0' : ''),
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `file-name ${hideFileIcon ? 'file-name-pf0' : ''}`,
         children: file.name.replace(_fileExt, '')
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "file-ext",
         children: _fileExt
-      }), _fileSize && (0, _jsxRuntime.jsx)("div", {
+      }), _fileSize && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "file-size",
-        children: "(".concat(_fileSize || 0, "kb)")
-      }), (0, _jsxRuntime.jsx)("div", {
+        children: `(${_fileSize || 0}kb)`
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "file-actions-wrap",
-        children: (0, _jsxRuntime.jsxs)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "file-actions",
-          children: [_isShowDownloadIcon && (0, _jsxRuntime.jsx)(_button.default, {
+          children: [_isShowDownloadIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
-            children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
               className: "action-icon",
               wrapper: "span",
               src: _download.default
             })
-          }), _showPreViewIcon && (0, _jsxRuntime.jsx)(_button.default, {
+          }), _showPreViewIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
-            children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
               className: "action-icon",
               wrapper: "span",
               color: "#006aff",
               src: _look.default
             })
-          }), _showRemoveIcon && !disabled && (isConfirmDelete ? (0, _jsxRuntime.jsx)(_popconfirm.default, {
+          }), _showRemoveIcon && !disabled && (isConfirmDelete ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_popconfirm.default, {
             title: "\u786E\u5B9A\u5220\u9664?",
             onConfirm: _onRemove,
             okText: "\u786E\u8BA4",
             cancelText: "\u53D6\u6D88",
-            children: (0, _jsxRuntime.jsx)(_button.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
               type: "link",
               className: "file-action-item",
               disabled: disabled,
-              children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
                 className: "action-icon",
                 wrapper: "span",
                 src: _delete.default
               })
             })
-          }) : (0, _jsxRuntime.jsx)(_button.default, {
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
             type: "link",
             className: "file-action-item",
             disabled: disabled,
             onClick: _onRemove,
-            children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
               className: "action-icon",
               wrapper: "span",
               src: _delete.default
@@ -153,9 +159,9 @@ var FileItem = exports.FileItem = function FileItem(props) {
           }))]
         })
       })]
-    }), file.status === 'uploading' && (0, _jsxRuntime.jsx)("div", {
+    }), file.status === 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "file-progress",
-      children: (0, _jsxRuntime.jsx)(_progress.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_progress.default, {
         percent: Math.ceil(file.percent),
         size: "small",
         strokeWidth: 2
@@ -163,7 +169,8 @@ var FileItem = exports.FileItem = function FileItem(props) {
     })]
   });
 };
-var DragSingleFileItem = exports.DragSingleFileItem = function DragSingleFileItem(props) {
+exports.FileItem = FileItem;
+var DragSingleFileItem = props => {
   var file = props.file,
     disabled = props.disabled,
     onRemove = props.onRemove,
@@ -171,12 +178,12 @@ var DragSingleFileItem = exports.DragSingleFileItem = function DragSingleFileIte
     onPreview = props.onPreview,
     _props$showRemoveIcon2 = props.showRemoveIcon,
     showRemoveIcon = _props$showRemoveIcon2 === void 0 ? true : _props$showRemoveIcon2;
-  var _onPreview = function _onPreview() {
+  var _onPreview = () => {
     if (onPreview) {
       return onPreview(file);
     }
   };
-  var _onDownload = function _onDownload() {
+  var _onDownload = () => {
     if (onDownload) {
       return onDownload(file);
     }
@@ -186,37 +193,37 @@ var DragSingleFileItem = exports.DragSingleFileItem = function DragSingleFileIte
   var _isShowDownloadIcon = file.status === 'done' && onDownload;
   var _showPreViewIcon = file.status === 'done' && onPreview;
   var _showRemoveIcon = showRemoveIcon;
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "drag-Single-item-wrapper",
-    children: [(0, _jsxRuntime.jsxs)("div", {
-      className: "file-info-box ".concat(file.status === 'error' ? 'file-box-error' : ''),
-      children: [(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `file-info-box ${file.status === 'error' ? 'file-box-error' : ''}`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "file-name",
         children: file.name.replace(_fileExt, '')
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "file-ext",
         children: _fileExt
-      }), _fileSize && (0, _jsxRuntime.jsx)("div", {
+      }), _fileSize && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "file-size",
-        children: "(".concat(_fileSize || 0, "kb)")
-      }), (_isShowDownloadIcon || _showPreViewIcon || _showRemoveIcon) && (0, _jsxRuntime.jsx)("div", {
+        children: `(${_fileSize || 0}kb)`
+      }), (_isShowDownloadIcon || _showPreViewIcon || _showRemoveIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "file-actions-wrap",
-        children: (0, _jsxRuntime.jsxs)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "file-actions",
-          children: [_showPreViewIcon && (0, _jsxRuntime.jsx)(_button.default, {
+          children: [_showPreViewIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
-            children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
               className: "action-icon",
               wrapper: "span",
               src: _look.default
             })
-          }), _isShowDownloadIcon && (0, _jsxRuntime.jsx)(_button.default, {
+          }), _isShowDownloadIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
-            children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
               className: "action-icon",
               wrapper: "span",
               src: _download.default
@@ -224,13 +231,14 @@ var DragSingleFileItem = exports.DragSingleFileItem = function DragSingleFileIte
           })]
         })
       })]
-    }), file.status === 'uploading' && (0, _jsxRuntime.jsx)("div", {
+    }), file.status === 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "file-progress",
-      children: (0, _jsxRuntime.jsx)(_progress.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_progress.default, {
         percent: Math.ceil(file.percent),
         size: "small",
         strokeWidth: 2
       })
     })]
   });
-};
+};
+exports.DragSingleFileItem = DragSingleFileItem;

package/lib/ProUpload/components/ImageRender.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
 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");
@@ -19,11 +19,10 @@ 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 _react = require("react");
 var _core = require("@dnd-kit/core");
 var _sortable = require("@dnd-kit/sortable");
+var _lodash = require("lodash");
 var _reactSvg = require("react-svg");
 var _icons = require("@ant-design/icons");
 var _Example = require("./Example");
@@ -33,11 +32,12 @@ 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"));
-var isImgage = function isImgage(_fileExt) {
+var _jsxRuntime = require("react/jsx-runtime");
+var isImgage = _fileExt => {
   return ['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(_fileExt.toLocaleUpperCase());
 };
 /* 按钮类型 */
-var ImageRender = function ImageRender(props) {
+var ImageRender = props => {
   var _locale$ProUpload4;
   var _useState = (0, _react.useState)({}),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -62,17 +62,18 @@ var ImageRender = function ImageRender(props) {
     exampleTitle = props.exampleTitle,
     exampleContent = props.exampleContent,
     exampleModalProps = props.exampleModalProps;
+
   /**
    * @description: 处理预览图片按钮
    * @param {UploadFile} file
    * @return {*}
    */
-  var handlePreviewImg = function handlePreviewImg(file) {
+  var handlePreviewImg = file => {
     if (onPreview) {
       onPreview(file);
     } else {
       var _file$url;
-      var _fileExt = (0, _FileItem.getFileExt)(file.name || (file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split('?')[0]));
+      var _fileExt = (0, _FileItem.getFileExt)(file.name || (file === null || file === void 0 || (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split('?')[0]));
       if (isImgage(_fileExt)) {
         setPreviewImg(file);
       } else {
@@ -80,18 +81,20 @@ var ImageRender = function ImageRender(props) {
       }
     }
   };
+
   /**
    * @description: 取消预览
    * @return {*}
    */
-  var handlePreviewCancel = function handlePreviewCancel() {
+  var handlePreviewCancel = () => {
     setPreviewImg({});
   };
+
   /**
    * @description: 点击下载按钮
    * @return {*}
    */
-  var handleDownload = function handleDownload(file) {
+  var handleDownload = file => {
     if (onDownload) {
       onDownload(file);
     } else {
@@ -99,120 +102,115 @@ var ImageRender = function ImageRender(props) {
     }
   };
   var showDraggerSingleRender = maxCount === 1 && fileList[0];
+
   // 图片类上传Props
   var imageUploadProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseUploadProps), {}, {
-    fileList: fileList,
+    fileList,
     listType: 'picture-card',
     openFileDialogOnClick: !showDraggerSingleRender,
     disabled: disabled || isView,
-    itemRender: function itemRender(originNode, file, fileList, actions) {
+    itemRender: (originNode, file, fileList, actions) => {
       var _file$url2, _locale$ProUpload, _locale$ProUpload2, _locale$ProUpload3;
       var _isShowDownload = !!onDownload && file.status === 'done';
-      var _fileExt = (0, _FileItem.getFileExt)(file.name || (file === null || file === void 0 ? void 0 : (_file$url2 = file.url) === null || _file$url2 === void 0 ? void 0 : _file$url2.split('?')[0]));
+      var _fileExt = (0, _FileItem.getFileExt)(file.name || (file === null || file === void 0 || (_file$url2 = file.url) === null || _file$url2 === void 0 ? void 0 : _file$url2.split('?')[0]));
       var _fileIcon = (0, _FileItem.getFileIcon)(_fileExt);
       var isImg = isImgage(_fileExt);
       var _showPreview = isImg || file.status === 'done';
-      return (0, _jsxRuntime.jsx)(_DraggableUploadListItem.DraggableUploadListItem, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DraggableUploadListItem.DraggableUploadListItem, {
         file: file,
-        children: (0, _jsxRuntime.jsxs)("div", {
-          className: "file-item-image ".concat(file.status === 'error' ? 'actions-wrap-error' : ''),
-          children: [file.status === 'uploading' && (0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `file-item-image ${file.status === 'error' ? 'actions-wrap-error' : ''}`,
+          children: [file.status === 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "image-uploading",
-            children: (0, _jsxRuntime.jsx)(_progress.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_progress.default, {
               size: "small",
               percent: Math.ceil(file.percent)
             })
-          }), file.status !== 'uploading' && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [!isImg ? (0, _jsxRuntime.jsx)("img", {
+          }), file.status !== 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [!isImg ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
               className: "file-type-icon-img",
               src: _fileIcon
-            }) : (0, _jsxRuntime.jsx)("img", {
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
               className: "image-con",
               src: file.url || file.thumbUrl
-            }), (0, _jsxRuntime.jsxs)("div", {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
               className: "actions-wrap ",
-              children: [(0, _jsxRuntime.jsxs)("div", {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                 className: "action-top",
-                children: [_showPreview && (0, _jsxRuntime.jsx)(_button.default, {
+                children: [_showPreview && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
                   type: "link",
                   className: "action-item",
-                  onClick: function onClick() {
+                  onClick: () => {
                     handlePreviewImg(file);
                   },
-                  icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+                  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
                     className: "action-icon",
                     wrapper: "span",
                     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, {
+                  children: _locale.default === null || _locale.default === void 0 || (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.view
+                }), _isShowDownload && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
                   type: "link",
                   disabled: isView || disabled,
                   className: "action-item",
-                  onClick: function onClick() {
+                  onClick: () => {
                     handleDownload(file);
                   },
-                  icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+                  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
                     className: "action-icon",
                     wrapper: "span",
                     src: _download.default
                   }),
-                  children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload2 = _locale.default.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.download
+                  children: _locale.default === null || _locale.default === void 0 || (_locale$ProUpload2 = _locale.default.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.download
                 })]
-              }), (0, _jsxRuntime.jsx)("div", {
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "action-button",
-                children: (0, _jsxRuntime.jsx)(_button.default, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
                   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) {
-                          case 0:
-                            _context.prev = 0;
-                            _context.t0 = onRemove;
-                            if (!_context.t0) {
-                              _context.next = 6;
-                              break;
-                            }
-                            _context.next = 5;
-                            return onRemove(file);
-                          case 5:
-                            _context.t0 = _context.sent;
-                          case 6:
-                            res = _context.t0;
-                            if (!(res === false)) {
-                              _context.next = 9;
-                              break;
-                            }
-                            return _context.abrupt("return", Promise.reject());
-                          case 9:
-                            actions.remove(file);
-                            _context.next = 15;
+                  onClick: /*#__PURE__*/(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) {
+                        case 0:
+                          _context.prev = 0;
+                          _context.t0 = onRemove;
+                          if (!_context.t0) {
+                            _context.next = 6;
+                            break;
+                          }
+                          _context.next = 5;
+                          return onRemove(file);
+                        case 5:
+                          _context.t0 = _context.sent;
+                        case 6:
+                          res = _context.t0;
+                          if (!(res === false)) {
+                            _context.next = 9;
                             break;
-                          case 12:
-                            _context.prev = 12;
-                            _context.t1 = _context["catch"](0);
-                            return _context.abrupt("return", Promise.reject());
-                          case 15:
-                          case "end":
-                            return _context.stop();
-                        }
-                      }, _callee, null, [[0, 12]]);
-                    }));
-                    function onClick() {
-                      return _onClick.apply(this, arguments);
-                    }
-                    return onClick;
-                  }(),
-                  icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+                          }
+                          return _context.abrupt("return", Promise.reject());
+                        case 9:
+                          actions.remove(file);
+                          _context.next = 15;
+                          break;
+                        case 12:
+                          _context.prev = 12;
+                          _context.t1 = _context["catch"](0);
+                          return _context.abrupt("return", Promise.reject());
+                        case 15:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }, _callee, null, [[0, 12]]);
+                  })),
+                  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
                     className: "action-delete action-icon",
                     wrapper: "span",
                     src: _delete.default
                   }),
-                  children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload3 = _locale.default.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.delete
+                  children: _locale.default === null || _locale.default === void 0 || (_locale$ProUpload3 = _locale.default.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.delete
                 })
               })]
             })]
@@ -221,45 +219,43 @@ var ImageRender = function ImageRender(props) {
       });
     }
   });
-  return (0, _jsxRuntime.jsxs)(_space.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
     direction: "vertical",
     size: 8,
     className: "pro-upload-image",
-    children: [headerRender(), (0, _jsxRuntime.jsxs)("div", {
+    children: [headerRender(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "pro-upload-image",
-      children: [(0, _jsxRuntime.jsx)(_core.DndContext, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_core.DndContext, {
         sensors: [sensor],
         onDragEnd: onDragEnd,
-        children: (0, _jsxRuntime.jsx)(_sortable.SortableContext, {
-          items: fileList.map(function (i) {
-            return i.uid;
-          }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sortable.SortableContext, {
+          items: fileList.map(i => i.uid),
           strategy: _sortable.rectSortingStrategy,
-          children: (0, _jsxRuntime.jsx)(_upload.default, (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", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_upload.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, imageUploadProps), {}, {
+            children: fileList.length < maxCount && !isView && (centerRender ? (0, _lodash.isFunction)(centerRender) ? centerRender() : centerRender : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: `pro-upload-image-inner ${disabled ? 'pro-upload-image-disabled' : ''} `,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusOutlined, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 style: {
                   marginTop: 8
                 },
-                children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload4 = _locale.default.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.buttonText
+                children: _locale.default === null || _locale.default === void 0 || (_locale$ProUpload4 = _locale.default.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.buttonText
               })]
             }))
           }))
         })
-      }), showExampleContent && !isView && (0, _jsxRuntime.jsx)(_Example.Example, {
+      }), showExampleContent && !isView && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Example.Example, {
         className: "image-example",
         exampleTitle: exampleTitle,
         exampleContent: exampleContent,
         exampleModalProps: exampleModalProps
-      }), extraTipText && (0, _jsxRuntime.jsx)("div", {
+      }), extraTipText && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "upload-tip-txt",
         children: extraTipText
       })]
-    }), (0, _jsxRuntime.jsx)("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "pro-upload-image-footer",
       children: footerRender()
-    }), (0, _jsxRuntime.jsx)(_modal.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
       title: previewImg === null || previewImg === void 0 ? void 0 : previewImg.name,
       width: "600",
       style: {
@@ -269,7 +265,7 @@ var ImageRender = function ImageRender(props) {
       wrapClassName: "proupload-modal-preview",
       onCancel: handlePreviewCancel,
       footer: false,
-      children: (0, _jsxRuntime.jsx)("img", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         alt: "example",
         style: {
           width: '100%'