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

package/es/ProUpload/components/ButtonRender.js

@@ -1,15 +1,15 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-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); }
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Upload } from 'antd';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
 import { CloudUploadOutlined } from '@ant-design/icons';
-import { FileItem } from './FileItem';
-import { DraggableUploadListItem } from './DraggableUploadListItem';
-import locale from '../../locale';
+import { FileItem } from "./FileItem";
+import { DraggableUploadListItem } from "./DraggableUploadListItem";
+import locale from "../../locale";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /* 按钮类型 */
 var ButtonRender = function ButtonRender(props) {
   var _locale$ProUpload;
@@ -25,69 +25,70 @@ var ButtonRender = function ButtonRender(props) {
     extraTipText = props.extraTipText,
     afterRender = props.afterRender,
     _props$buttonText = props.buttonText,
-    buttonText = _props$buttonText === void 0 ? locale === null || locale === void 0 ? void 0 : (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.buttonText : _props$buttonText,
+    buttonText = _props$buttonText === void 0 ? locale === null || locale === void 0 || (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.buttonText : _props$buttonText,
     isConfirmDelete = props.isConfirmDelete,
-    _onRemove = props.onRemove;
+    onRemove = props.onRemove;
+
   // 按钮类型的props
   var buttonUploadProps = _objectSpread(_objectSpread({}, baseUploadProps), {}, {
     fileList: fileList,
     itemRender: function itemRender(originNode, file, fileList, actions) {
-      return _jsx(DraggableUploadListItem, {
+      return /*#__PURE__*/_jsx(DraggableUploadListItem, {
         file: file,
-        children: _jsx(FileItem, {
+        children: /*#__PURE__*/_jsx(FileItem, {
           disabled: disabled || isView,
           file: file,
           isConfirmDelete: isConfirmDelete,
           onPreview: onPreview,
-          onRemove: function () {
-            var _onRemove2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(file) {
+          onRemove: ( /*#__PURE__*/function () {
+            var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
               var res;
-              return _regenerator().w(function (_context) {
-                while (1) switch (_context.n) {
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
                   case 0:
-                    _context.n = 1;
-                    return _onRemove === null || _onRemove === void 0 ? void 0 : _onRemove(file);
-                  case 1:
-                    res = _context.v;
+                    _context.next = 2;
+                    return onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);
+                  case 2:
+                    res = _context.sent;
                     if (!(res === false)) {
-                      _context.n = 2;
+                      _context.next = 5;
                       break;
                     }
-                    return _context.a(2);
-                  case 2:
+                    return _context.abrupt("return");
+                  case 5:
                     actions.remove(file);
-                  case 3:
-                    return _context.a(2);
+                  case 6:
+                  case "end":
+                    return _context.stop();
                 }
               }, _callee);
             }));
-            function onRemove(_x) {
-              return _onRemove2.apply(this, arguments);
-            }
-            return onRemove;
-          }(),
+            return function (_x) {
+              return _ref.apply(this, arguments);
+            };
+          }()),
           onDownload: onDownload
         })
       });
     }
   });
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "pro-upload-button",
-    children: [_jsx(DndContext, {
+    children: [/*#__PURE__*/_jsx(DndContext, {
       sensors: [sensor],
       onDragEnd: onDragEnd,
-      children: _jsx(SortableContext, {
+      children: /*#__PURE__*/_jsx(SortableContext, {
         items: fileList.map(function (i) {
           return i.uid;
         }),
         strategy: rectSortingStrategy,
-        children: _jsx(Upload, _objectSpread(_objectSpread({}, buttonUploadProps), {}, {
-          children: !isView && _jsxs("div", {
+        children: /*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({}, buttonUploadProps), {}, {
+          children: !isView && /*#__PURE__*/_jsxs("div", {
             className: "pro-upload-button-inner",
-            children: [_jsxs(Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
+            children: [/*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
               disabled: disabled || isView,
-              children: [_jsx(CloudUploadOutlined, {}), buttonText]
-            })), afterRender ? _jsx("div", {
+              children: [/*#__PURE__*/_jsx(CloudUploadOutlined, {}), buttonText]
+            })), afterRender ? /*#__PURE__*/_jsx("div", {
               className: "pro-upload-button-inner-right",
               onClick: function onClick(e) {
                 return e.stopPropagation();
@@ -97,7 +98,7 @@ var ButtonRender = function ButtonRender(props) {
           })
         }))
       })
-    }), extraTipText && _jsx("div", {
+    }), extraTipText && /*#__PURE__*/_jsx("div", {
       className: "upload-tip-txt",
       children: typeof extraTipText === 'function' ? extraTipText() : extraTipText
     })]

package/es/ProUpload/components/DragRender.js

@@ -1,13 +1,14 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
 import { Upload } from 'antd';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
 import { CloudUploadOutlined } from '@ant-design/icons';
-import { DragSingleFileItem, FileItem, getFileExt, getFileIcon } from './FileItem';
-import { DraggableUploadListItem } from './DraggableUploadListItem';
-import locale from '../../locale';
+import { DragSingleFileItem, FileItem, getFileExt, getFileIcon } from "./FileItem";
+import { DraggableUploadListItem } from "./DraggableUploadListItem";
+import locale from "../../locale";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Dragger = Upload.Dragger;
 var DragRender = function DragRender(props) {
   var _locale$ProUpload3, _locale$ProUpload4, _locale$ProUpload5, _locale$ProUpload6;
@@ -26,9 +27,12 @@ var DragRender = function DragRender(props) {
     setFileList = props.setFileList,
     onChange = props.onChange;
   var refReSelect = useRef();
+
   // if (isView) return <>-</>;
+
   // 拖拽模式下单个文件可用
   var showDraggerSingleRender = maxCount === 1 && fileList[0];
+
   /**
    * @description: 文件删除
    * @param {UploadFile} file
@@ -42,6 +46,7 @@ var DragRender = function DragRender(props) {
     setFileList(_List);
     onChange && onChange(_List);
   };
+
   /**
    * @description: 重新选择 拖拽模式下单个文件可用
    * @param {UploadFile} file
@@ -54,6 +59,7 @@ var DragRender = function DragRender(props) {
       refReSelect.current.click();
     }, 1);
   };
+
   /**
    * @description: 处理预览按钮
    * @param {UploadFile} file
@@ -66,6 +72,7 @@ var DragRender = function DragRender(props) {
       window.open(file.url || file.thumbUrl);
     }
   };
+
   /**
    * @description: 单个拖拽上传界面
    * @param {UploadFile} file
@@ -75,32 +82,32 @@ var DragRender = function DragRender(props) {
     var _locale$ProUpload, _locale$ProUpload2;
     var _fileExt = getFileExt(file.name);
     var _fileIcon = getFileIcon(_fileExt);
-    return _jsxs("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: "dragger-single-file",
-      children: [_jsx("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: "file-type-icon",
-        children: _jsx("img", {
+        children: /*#__PURE__*/_jsx("img", {
           src: _fileIcon
         })
-      }), _jsx(DragSingleFileItem, {
+      }), /*#__PURE__*/_jsx(DragSingleFileItem, {
         file: file,
         disabled: disabled,
         onDownload: onDownload,
         onPreview: onPreview
-      }), file.status !== 'uploading' && _jsxs("div", {
+      }), file.status !== 'uploading' && /*#__PURE__*/_jsxs("div", {
         className: "file-action-box",
-        children: [!isView && !disabled && _jsx("div", {
+        children: [!isView && !disabled && /*#__PURE__*/_jsx("div", {
           className: "file-name",
           onClick: function onClick() {
             handleReSelect(file);
           },
-          children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.draggerSelect
-        }), !isView && !disabled && _jsx("div", {
+          children: locale === null || locale === void 0 || (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.draggerSelect
+        }), !isView && !disabled && /*#__PURE__*/_jsx("div", {
           className: "file-del",
           onClick: function onClick() {
             handleDelFile(file);
           },
-          children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.draggerDelete
+          children: locale === null || locale === void 0 || (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.draggerDelete
         })]
       })]
     });
@@ -111,58 +118,58 @@ var DragRender = function DragRender(props) {
     disabled: disabled,
     openFileDialogOnClick: !showDraggerSingleRender
   });
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "pro-upload-dragger",
-    children: [_jsxs("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       className: "pro-upload-handle-box",
-      children: [_jsx("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: "pro-upload-dragger-header",
         children: headerRender()
-      }), _jsx(Dragger, _objectSpread(_objectSpread({}, dragUploadProps), {}, {
-        children: _jsxs("div", {
+      }), /*#__PURE__*/_jsx(Dragger, _objectSpread(_objectSpread({}, dragUploadProps), {}, {
+        children: /*#__PURE__*/_jsxs("div", {
           className: "drag-upload-inner",
           ref: refReSelect,
-          children: [!showDraggerSingleRender && _jsxs("div", {
+          children: [!showDraggerSingleRender && /*#__PURE__*/_jsxs("div", {
             className: "upload-dragger-control",
-            children: [_jsxs("div", {
+            children: [/*#__PURE__*/_jsxs("div", {
               className: "dragger-txt-line1",
-              children: [_jsx("i", {
+              children: [/*#__PURE__*/_jsx("i", {
                 className: "icon-upload",
-                children: _jsx(CloudUploadOutlined, {})
-              }), _jsxs("p", {
+                children: /*#__PURE__*/_jsx(CloudUploadOutlined, {})
+              }), /*#__PURE__*/_jsxs("p", {
                 className: "dragger-txt",
-                children: [locale === null || locale === void 0 ? void 0 : (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.draggerTips, _jsxs("span", {
+                children: [locale === null || locale === void 0 || (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.draggerTips, /*#__PURE__*/_jsxs("span", {
                   className: "click-txt",
-                  children: [locale === null || locale === void 0 ? void 0 : (_locale$ProUpload4 = locale.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.draggerBtnTxt, " "]
+                  children: [locale === null || locale === void 0 || (_locale$ProUpload4 = locale.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.draggerBtnTxt, " "]
                 })]
               })]
-            }), _jsxs("p", {
+            }), /*#__PURE__*/_jsxs("p", {
               className: "file-ext",
-              children: [locale === null || locale === void 0 ? void 0 : (_locale$ProUpload5 = locale.ProUpload) === null || _locale$ProUpload5 === void 0 ? void 0 : _locale$ProUpload5.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : "".concat(locale === null || locale === void 0 ? void 0 : (_locale$ProUpload6 = locale.ProUpload) === null || _locale$ProUpload6 === void 0 ? void 0 : _locale$ProUpload6.draggerLimitless)]
+              children: [locale === null || locale === void 0 || (_locale$ProUpload5 = locale.ProUpload) === null || _locale$ProUpload5 === void 0 ? void 0 : _locale$ProUpload5.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : "".concat(locale === null || locale === void 0 || (_locale$ProUpload6 = locale.ProUpload) === null || _locale$ProUpload6 === void 0 ? void 0 : _locale$ProUpload6.draggerLimitless)]
             })]
-          }), _jsx("div", {
+          }), /*#__PURE__*/_jsx("div", {
             className: "dragger-file-show",
             children: showDraggerSingleRender && draggerSingleRender(fileList[0])
           })]
         })
-      })), _jsx("div", {
+      })), /*#__PURE__*/_jsx("div", {
         className: "pro-upload-dragger-footer",
         children: footerRender()
       })]
-    }), _jsx("div", {
+    }), /*#__PURE__*/_jsx("div", {
       className: "pro-upload-file-list",
-      children: _jsx(DndContext, {
+      children: /*#__PURE__*/_jsx(DndContext, {
         sensors: [sensor],
         onDragEnd: onDragEnd,
-        children: _jsx(SortableContext, {
+        children: /*#__PURE__*/_jsx(SortableContext, {
           items: fileList.map(function (i) {
             return i.uid;
           }),
           strategy: rectSortingStrategy,
           children: maxCount > 1 && fileList.map(function (file) {
-            return _jsx(DraggableUploadListItem, {
+            return /*#__PURE__*/_jsx(DraggableUploadListItem, {
               file: file,
-              children: _jsx(FileItem, {
+              children: /*#__PURE__*/_jsx(FileItem, {
                 file: file,
                 disabled: disabled || isView,
                 onPreview: onPreview,

package/es/ProUpload/components/DraggableUploadListItem.js

@@ -1,7 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { CSS } from '@dnd-kit/utilities';
 import { useSortable } from '@dnd-kit/sortable';
+import { jsx as _jsx } from "react/jsx-runtime";
 export var DraggableUploadListItem = function DraggableUploadListItem(_ref) {
   var file = _ref.file,
     children = _ref.children;
@@ -20,7 +21,7 @@ export var DraggableUploadListItem = function DraggableUploadListItem(_ref) {
     zIndex: 10,
     position: 'relative'
   };
-  return _jsx("div", _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread(_objectSpread({
     ref: setNodeRef,
     style: style
   }, attributes), listeners), {}, {

package/es/ProUpload/components/Example.js

@@ -1,9 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import ProDrawerForm from '../../ProDrawerForm';
-import locale from '../../locale';
+import React, { useState } from 'react';
+import ProDrawerForm from "../../ProDrawerForm";
+import locale from "../../locale";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Example = function Example(props) {
   var _locale$ProUpload;
   var exampleContent = props.exampleContent,
@@ -20,12 +21,12 @@ export var Example = function Example(props) {
   var handleCancel = function handleCancel() {
     setVisible(false);
   };
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: className,
-    children: [_jsx("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       onClick: handleShowModal,
-      children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.exampleTitle
-    }), _jsx(ProDrawerForm, {
+      children: locale === null || locale === void 0 || (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.exampleTitle
+    }), /*#__PURE__*/_jsx(ProDrawerForm, {
       title: exampleTitle,
       width: "600",
       open: visible,
@@ -33,7 +34,7 @@ export var Example = function Example(props) {
       onCancel: handleCancel,
       modalProps: _objectSpread({}, exampleModalProps),
       disabled: true,
-      children: _jsx("div", {
+      children: /*#__PURE__*/_jsx("div", {
         className: "pro-upload-example",
         children: exampleContent
       })

package/es/ProUpload/components/FileItem.js

@@ -1,22 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Progress, Button, Popconfirm } from 'antd';
 import { ReactSVG } from 'react-svg';
-import PDF from '../style/icon-PDF.png';
-import TXT from '../style/icon-TXT.png';
-import EXCEL from '../style/icon-excel.png';
-import PIC from '../style/icon-pic.png';
-import WORD from '../style/icon-word.png';
-import lookSvg from '../../assets/look.svg';
-import deleteSvg from '../../assets/delete.svg';
-import downloadSvg from '../../assets/download.svg';
+import PDF from "../style/icon-PDF.png";
+import TXT from "../style/icon-TXT.png";
+import EXCEL from "../style/icon-excel.png";
+import PIC from "../style/icon-pic.png";
+import WORD from "../style/icon-word.png";
+import lookSvg from "../../assets/look.svg";
+import deleteSvg from "../../assets/delete.svg";
+import downloadSvg from "../../assets/download.svg";
+
 /**
  * @description: b 转成 Kb
  * @param {*} num
  * @return {*}
  */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var bToKb = function bToKb(num) {
   return num ? (num / 1024).toFixed(2) : '';
 };
+
 /**
  * @description: 获取文件后缀名
  * @param {*} fileName
@@ -26,6 +30,7 @@ export var getFileExt = function getFileExt(fileName) {
   if (!fileName) return '';
   return fileName.substring(fileName.lastIndexOf('.'));
 };
+
 /**
  * @description: 根据文件扩展名获取图标地址
  * @param {string} fileExt
@@ -73,68 +78,68 @@ var FileItem = function FileItem(props) {
   var _isShowDownloadIcon = file.status === 'done' && onDownload;
   var _showPreViewIcon = onPreview;
   var _showRemoveIcon = showRemoveIcon;
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "filelist-item-wrapper",
-    children: [_jsxs("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       className: "file-info-box ".concat(file.status === 'error' ? 'file-box-error' : ''),
-      children: [!hideFileIcon && _jsx("div", {
+      children: [!hideFileIcon && /*#__PURE__*/_jsx("div", {
         className: "file-type-icon",
-        children: _jsx("img", {
+        children: /*#__PURE__*/_jsx("img", {
           src: _fileIcon
         })
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "file-name ".concat(hideFileIcon ? 'file-name-pf0' : ''),
         children: file.name.replace(_fileExt, '')
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "file-ext",
         children: _fileExt
-      }), _fileSize && _jsx("div", {
+      }), _fileSize && /*#__PURE__*/_jsx("div", {
         className: "file-size",
         children: "(".concat(_fileSize || 0, "kb)")
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "file-actions-wrap",
-        children: _jsxs("div", {
+        children: /*#__PURE__*/_jsxs("div", {
           className: "file-actions",
-          children: [_isShowDownloadIcon && _jsx(Button, {
+          children: [_isShowDownloadIcon && /*#__PURE__*/_jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
-            children: _jsx(ReactSVG, {
+            children: /*#__PURE__*/_jsx(ReactSVG, {
               className: "action-icon",
               wrapper: "span",
               src: downloadSvg
             })
-          }), _showPreViewIcon && _jsx(Button, {
+          }), _showPreViewIcon && /*#__PURE__*/_jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
-            children: _jsx(ReactSVG, {
+            children: /*#__PURE__*/_jsx(ReactSVG, {
               className: "action-icon",
               wrapper: "span",
               color: "#006aff",
               src: lookSvg
             })
-          }), _showRemoveIcon && !disabled && (isConfirmDelete ? _jsx(Popconfirm, {
+          }), _showRemoveIcon && !disabled && (isConfirmDelete ? /*#__PURE__*/_jsx(Popconfirm, {
             title: "\u786E\u5B9A\u5220\u9664?",
             onConfirm: _onRemove,
             okText: "\u786E\u8BA4",
             cancelText: "\u53D6\u6D88",
-            children: _jsx(Button, {
+            children: /*#__PURE__*/_jsx(Button, {
               type: "link",
               className: "file-action-item",
               disabled: disabled,
-              children: _jsx(ReactSVG, {
+              children: /*#__PURE__*/_jsx(ReactSVG, {
                 className: "action-icon",
                 wrapper: "span",
                 src: deleteSvg
               })
             })
-          }) : _jsx(Button, {
+          }) : /*#__PURE__*/_jsx(Button, {
             type: "link",
             className: "file-action-item",
             disabled: disabled,
             onClick: _onRemove,
-            children: _jsx(ReactSVG, {
+            children: /*#__PURE__*/_jsx(ReactSVG, {
               className: "action-icon",
               wrapper: "span",
               src: deleteSvg
@@ -142,9 +147,9 @@ var FileItem = function FileItem(props) {
           }))]
         })
       })]
-    }), file.status === 'uploading' && _jsx("div", {
+    }), file.status === 'uploading' && /*#__PURE__*/_jsx("div", {
       className: "file-progress",
-      children: _jsx(Progress, {
+      children: /*#__PURE__*/_jsx(Progress, {
         percent: Math.ceil(file.percent),
         size: 2
       })
@@ -174,37 +179,37 @@ var DragSingleFileItem = function DragSingleFileItem(props) {
   var _isShowDownloadIcon = file.status === 'done' && onDownload;
   var _showPreViewIcon = file.status === 'done' && onPreview;
   var _showRemoveIcon = showRemoveIcon;
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "drag-Single-item-wrapper",
-    children: [_jsxs("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       className: "file-info-box ".concat(file.status === 'error' ? 'file-box-error' : ''),
-      children: [_jsx("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: "file-name",
         children: file.name.replace(_fileExt, '')
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "file-ext",
         children: _fileExt
-      }), _fileSize && _jsx("div", {
+      }), _fileSize && /*#__PURE__*/_jsx("div", {
         className: "file-size",
         children: "(".concat(_fileSize || 0, "kb)")
-      }), (_isShowDownloadIcon || _showPreViewIcon || _showRemoveIcon) && _jsx("div", {
+      }), (_isShowDownloadIcon || _showPreViewIcon || _showRemoveIcon) && /*#__PURE__*/_jsx("div", {
         className: "file-actions-wrap",
-        children: _jsxs("div", {
+        children: /*#__PURE__*/_jsxs("div", {
           className: "file-actions",
-          children: [_showPreViewIcon && _jsx(Button, {
+          children: [_showPreViewIcon && /*#__PURE__*/_jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
-            children: _jsx(ReactSVG, {
+            children: /*#__PURE__*/_jsx(ReactSVG, {
               className: "action-icon",
               wrapper: "span",
               src: lookSvg
             })
-          }), _isShowDownloadIcon && _jsx(Button, {
+          }), _isShowDownloadIcon && /*#__PURE__*/_jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
-            children: _jsx(ReactSVG, {
+            children: /*#__PURE__*/_jsx(ReactSVG, {
               className: "action-icon",
               wrapper: "span",
               src: downloadSvg
@@ -212,9 +217,9 @@ var DragSingleFileItem = function DragSingleFileItem(props) {
           })]
         })
       })]
-    }), file.status === 'uploading' && _jsx("div", {
+    }), file.status === 'uploading' && /*#__PURE__*/_jsx("div", {
       className: "file-progress",
-      children: _jsx(Progress, {
+      children: /*#__PURE__*/_jsx(Progress, {
         percent: Math.ceil(file.percent),
         size: 2
       })