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

package/es/ProTreeModal/utils.js

@@ -1,6 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 /* eslint-disable no-restricted-syntax */
 import { CASCADER } from '.';
@@ -15,12 +13,12 @@ export function getFlatTreeData(originalTreeData, fieldNames) {
   var isCASCADER = modeType === CASCADER;
   function loop(data) {
     var parTitle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    data.forEach(function (item) {
+    data.forEach(item => {
       var node = _objectSpread({}, item);
       delete node[fieldNames.children];
-      var title = isCASCADER ? "".concat(parTitle ? "".concat(parTitle, "-") : '').concat(node[fieldNames.label]) : node[fieldNames.label];
+      var title = isCASCADER ? `${parTitle ? `${parTitle}-` : ''}${node[fieldNames.label]}` : node[fieldNames.label];
       dataList.push(_objectSpread(_objectSpread({}, node), {}, {
-        title: title
+        title
       }));
       if (item[fieldNames.children]) {
         loop(item[fieldNames.children], title);
@@ -59,14 +57,12 @@ export function getAllKeys(data, fieldNames) {
  * @param fieldNames
  * @returns
  */
-export var getParentKey = function getParentKey(key, tree, fieldNames) {
+export var getParentKey = (key, tree, fieldNames) => {
   var parentKey;
   for (var i = 0; i < tree.length; i++) {
     var node = tree[i];
     if (node[fieldNames.children]) {
-      if (node[fieldNames.children].some(function (item) {
-        return item[fieldNames.value] === key;
-      })) {
+      if (node[fieldNames.children].some(item => item[fieldNames.value] === key)) {
         parentKey = node[fieldNames.value];
       } else if (getParentKey(key, node[fieldNames.children], fieldNames)) {
         parentKey = getParentKey(key, node[fieldNames.children], fieldNames);
@@ -77,9 +73,9 @@ export var getParentKey = function getParentKey(key, tree, fieldNames) {
 };
 export function findTreeNodeByKey(treeData, key, fieldNames) {
   var result = [];
-  var traverse = function traverse(node, parents) {
+  var traverse = (node, parents) => {
     if (node[fieldNames.value] === key) {
-      result.push.apply(result, [node].concat(_toConsumableArray(parents)));
+      result.push(node, ...parents);
       return true;
     }
     var children = node[fieldNames.children] || [];
@@ -88,7 +84,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var child = _step.value;
-        if (traverse(child, [node].concat(_toConsumableArray(parents)))) {
+        if (traverse(child, [node, ...parents])) {
           return true;
         }
       }
@@ -124,14 +120,16 @@ export function filterCheckedNodes(data, checkedKeys) {
   var searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var fieldNames = arguments.length > 3 ? arguments[3] : undefined;
   var result = [];
-  var traverse = function traverse(node) {
+  var traverse = node => {
     var _node$fieldNames$chil3;
     var title = node[fieldNames.value] + node[fieldNames.label];
     if (!searchStr) {
       if (checkedKeys.includes(node[fieldNames.value])) {
         var _node$fieldNames$chil;
         var _children = (node === null || node === void 0 || (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(traverse).filter(Boolean)) || [];
-        return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, _children));
+        return _objectSpread(_objectSpread({}, node), {}, {
+          [fieldNames.children]: _children
+        });
       }
     } else if (title.indexOf(searchStr) > -1) {
       var _node$fieldNames$chil2;
@@ -142,7 +140,9 @@ export function filterCheckedNodes(data, checkedKeys) {
     }
     var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(traverse).filter(Boolean);
     if (children && children.length > 0) {
-      return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, children));
+      return _objectSpread(_objectSpread({}, node), {}, {
+        [fieldNames.children]: children
+      });
     }
     return null;
   };
@@ -176,7 +176,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
   // 当为 tree 触发 onChck 此时就是 key 为 children
   if (type === 'treeCheck') {
     var _node$children;
-    node === null || node === void 0 || (_node$children = node.children) === null || _node$children === void 0 || _node$children.forEach(function (item) {
+    node === null || node === void 0 || (_node$children = node.children) === null || _node$children === void 0 || _node$children.forEach(item => {
       childrenKeys.push(item.key);
       if (item.children && item.children.length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -185,7 +185,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
   } else {
     var _node$fieldNames$chil4;
     // 这个时候的值为我们的值
-    node === null || node === void 0 || (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === void 0 || _node$fieldNames$chil4.forEach(function (item) {
+    node === null || node === void 0 || (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === void 0 || _node$fieldNames$chil4.forEach(item => {
       childrenKeys.push(item[fieldNames.value]);
       if (item[fieldNames.children] && item[fieldNames.children].length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -195,11 +195,11 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
 }
 
 // 提示信息替换
-export var transformMessage = function transformMessage(obj, message) {
+export var transformMessage = (obj, message) => {
   var keys = Object.keys(obj);
   var _message = message;
-  keys.forEach(function (key) {
-    _message = message.replaceAll("{".concat(key, "}"), obj[key]);
+  keys.forEach(key => {
+    _message = message.replaceAll(`{${key}}`, obj[key]);
   });
   return _message;
 };
@@ -212,7 +212,7 @@ export var addLevelAndParentId = function addLevelAndParentId() {
     children = _fieldNames$children === void 0 ? 'children' : _fieldNames$children,
     _fieldNames$value = fieldNames.value,
     value = _fieldNames$value === void 0 ? 'value' : _fieldNames$value;
-  return tree.map(function (node) {
+  return tree.map(node => {
     var newNode = _objectSpread({}, node);
     newNode.level = currentLevel;
     newNode.parentId = currentParentId;

package/es/ProUpload/components/ButtonRender.js

@@ -1,7 +1,10 @@
+import "antd/es/upload/style";
+import _Upload from "antd/es/upload";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { Button, Upload } from 'antd';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
 import { CloudUploadOutlined } from '@ant-design/icons';
@@ -11,7 +14,7 @@ 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 ButtonRender = props => {
   var _locale$ProUpload;
   var isView = props.isView,
     disabled = props.disabled,
@@ -31,8 +34,8 @@ var ButtonRender = function ButtonRender(props) {
 
   // 按钮类型的props
   var buttonUploadProps = _objectSpread(_objectSpread({}, baseUploadProps), {}, {
-    fileList: fileList,
-    itemRender: function itemRender(originNode, file, fileList, actions) {
+    fileList,
+    itemRender: (originNode, file, fileList, actions) => {
       return /*#__PURE__*/_jsx(DraggableUploadListItem, {
         file: file,
         children: /*#__PURE__*/_jsx(FileItem, {
@@ -78,21 +81,17 @@ var ButtonRender = function ButtonRender(props) {
       sensors: [sensor],
       onDragEnd: onDragEnd,
       children: /*#__PURE__*/_jsx(SortableContext, {
-        items: fileList.map(function (i) {
-          return i.uid;
-        }),
+        items: fileList.map(i => i.uid),
         strategy: rectSortingStrategy,
-        children: /*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({}, buttonUploadProps), {}, {
+        children: /*#__PURE__*/_jsx(_Upload, _objectSpread(_objectSpread({}, buttonUploadProps), {}, {
           children: !isView && /*#__PURE__*/_jsxs("div", {
             className: "pro-upload-button-inner",
-            children: [/*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
+            children: [/*#__PURE__*/_jsxs(_Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
               disabled: disabled || isView,
               children: [/*#__PURE__*/_jsx(CloudUploadOutlined, {}), buttonText]
             })), afterRender ? /*#__PURE__*/_jsx("div", {
               className: "pro-upload-button-inner-right",
-              onClick: function onClick(e) {
-                return e.stopPropagation();
-              },
+              onClick: e => e.stopPropagation(),
               children: afterRender
             }) : null]
           })

package/es/ProUpload/components/DragRender.js

@@ -1,6 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/upload/style";
+import _Upload from "antd/es/upload";
 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';
@@ -9,8 +10,8 @@ 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 Dragger = _Upload.Dragger;
+var DragRender = props => {
   var _locale$ProUpload3, _locale$ProUpload4, _locale$ProUpload5, _locale$ProUpload6;
   var isView = props.isView,
     baseUploadProps = props.baseUploadProps,
@@ -38,11 +39,9 @@ var DragRender = function DragRender(props) {
    * @param {UploadFile} file
    * @return {*}
    */
-  var handleDelFile = function handleDelFile(file) {
+  var handleDelFile = file => {
     if (disabled) return;
-    var _List = fileList.filter(function (i) {
-      return i.uid !== file.uid;
-    });
+    var _List = fileList.filter(i => i.uid !== file.uid);
     setFileList(_List);
     onChange && onChange(_List);
   };
@@ -52,10 +51,10 @@ var DragRender = function DragRender(props) {
    * @param {UploadFile} file
    * @return {*}
    */
-  var handleReSelect = function handleReSelect(file) {
+  var handleReSelect = file => {
     if (disabled) return;
     handleDelFile(file);
-    setTimeout(function () {
+    setTimeout(() => {
       refReSelect.current.click();
     }, 1);
   };
@@ -65,7 +64,7 @@ var DragRender = function DragRender(props) {
    * @param {UploadFile} file
    * @return {*}
    */
-  var handlePreview = function handlePreview(file) {
+  var handlePreview = file => {
     if (onPreview) {
       onPreview(file);
     } else {
@@ -78,7 +77,7 @@ var DragRender = function DragRender(props) {
    * @param {UploadFile} file
    * @return {*}
    */
-  var draggerSingleRender = function draggerSingleRender(file) {
+  var draggerSingleRender = file => {
     var _locale$ProUpload, _locale$ProUpload2;
     var _fileExt = getFileExt(file.name);
     var _fileIcon = getFileIcon(_fileExt);
@@ -98,13 +97,13 @@ var DragRender = function DragRender(props) {
         className: "file-action-box",
         children: [!isView && !disabled && /*#__PURE__*/_jsx("div", {
           className: "file-name",
-          onClick: function onClick() {
+          onClick: () => {
             handleReSelect(file);
           },
           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() {
+          onClick: () => {
             handleDelFile(file);
           },
           children: locale === null || locale === void 0 || (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.draggerDelete
@@ -113,9 +112,9 @@ var DragRender = function DragRender(props) {
     });
   };
   var dragUploadProps = _objectSpread(_objectSpread({}, baseUploadProps), {}, {
-    fileList: fileList,
+    fileList,
     showUploadList: false,
-    disabled: disabled,
+    disabled,
     openFileDialogOnClick: !showDraggerSingleRender
   });
   return /*#__PURE__*/_jsxs("div", {
@@ -145,7 +144,7 @@ var DragRender = function DragRender(props) {
               })]
             }), /*#__PURE__*/_jsxs("p", {
               className: "file-ext",
-              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)]
+              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('、') : `${locale === null || locale === void 0 || (_locale$ProUpload6 = locale.ProUpload) === null || _locale$ProUpload6 === void 0 ? void 0 : _locale$ProUpload6.draggerLimitless}`]
             })]
           }), /*#__PURE__*/_jsx("div", {
             className: "dragger-file-show",
@@ -162,11 +161,9 @@ var DragRender = function DragRender(props) {
         sensors: [sensor],
         onDragEnd: onDragEnd,
         children: /*#__PURE__*/_jsx(SortableContext, {
-          items: fileList.map(function (i) {
-            return i.uid;
-          }),
+          items: fileList.map(i => i.uid),
           strategy: rectSortingStrategy,
-          children: maxCount > 1 && fileList.map(function (file) {
+          children: maxCount > 1 && fileList.map(file => {
             return /*#__PURE__*/_jsx(DraggableUploadListItem, {
               file: file,
               children: /*#__PURE__*/_jsx(FileItem, {

package/es/ProUpload/components/DraggableUploadListItem.js

@@ -3,7 +3,7 @@ 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) {
+export var DraggableUploadListItem = _ref => {
   var file = _ref.file,
     children = _ref.children;
   var _useSortable = useSortable({
@@ -16,7 +16,7 @@ export var DraggableUploadListItem = function DraggableUploadListItem(_ref) {
     transition = _useSortable.transition;
   var style = {
     transform: CSS.Transform.toString(transform),
-    transition: transition,
+    transition,
     cursor: 'move',
     zIndex: 10,
     position: 'relative'

package/es/ProUpload/components/Example.js

@@ -5,7 +5,7 @@ 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) {
+export var Example = props => {
   var _locale$ProUpload;
   var exampleContent = props.exampleContent,
     className = props.className,
@@ -15,10 +15,10 @@ export var Example = function Example(props) {
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
-  var handleShowModal = function handleShowModal() {
+  var handleShowModal = () => {
     setVisible(true);
   };
-  var handleCancel = function handleCancel() {
+  var handleCancel = () => {
     setVisible(false);
   };
   return /*#__PURE__*/_jsxs("div", {

package/es/ProUpload/components/FileItem.js

@@ -1,5 +1,10 @@
+import "antd/es/progress/style";
+import _Progress from "antd/es/progress";
+import "antd/es/popconfirm/style";
+import _Popconfirm from "antd/es/popconfirm";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 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";
@@ -17,7 +22,7 @@ import downloadSvg from "../../assets/download.svg";
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var bToKb = function bToKb(num) {
+export var bToKb = num => {
   return num ? (num / 1024).toFixed(2) : '';
 };
 
@@ -26,7 +31,7 @@ export var bToKb = function bToKb(num) {
  * @param {*} fileName
  * @return {*}
  */
-export var getFileExt = function getFileExt(fileName) {
+export var getFileExt = fileName => {
   if (!fileName) return '';
   return fileName.substring(fileName.lastIndexOf('.'));
 };
@@ -36,7 +41,7 @@ export var getFileExt = function getFileExt(fileName) {
  * @param {string} fileExt
  * @return {*}
  */
-export var getFileIcon = function getFileIcon(fileExt) {
+export var getFileIcon = fileExt => {
   if (['.PDF'].includes(fileExt.toLocaleUpperCase())) return PDF;
   if (['.TXT', '.JSON'].includes(fileExt.toLocaleUpperCase())) return TXT;
   if (['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(fileExt.toLocaleUpperCase())) {
@@ -46,7 +51,7 @@ export var getFileIcon = function getFileIcon(fileExt) {
   if (['.XLS', '.XLSX'].includes(fileExt.toLocaleUpperCase())) return EXCEL;
   return TXT;
 };
-var FileItem = function FileItem(props) {
+var FileItem = props => {
   var file = props.file,
     disabled = props.disabled,
     _props$hideFileIcon = props.hideFileIcon,
@@ -57,17 +62,17 @@ var 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);
     }
@@ -81,26 +86,26 @@ var FileItem = function FileItem(props) {
   return /*#__PURE__*/_jsxs("div", {
     className: "filelist-item-wrapper",
     children: [/*#__PURE__*/_jsxs("div", {
-      className: "file-info-box ".concat(file.status === 'error' ? 'file-box-error' : ''),
+      className: `file-info-box ${file.status === 'error' ? 'file-box-error' : ''}`,
       children: [!hideFileIcon && /*#__PURE__*/_jsx("div", {
         className: "file-type-icon",
         children: /*#__PURE__*/_jsx("img", {
           src: _fileIcon
         })
       }), /*#__PURE__*/_jsx("div", {
-        className: "file-name ".concat(hideFileIcon ? 'file-name-pf0' : ''),
+        className: `file-name ${hideFileIcon ? 'file-name-pf0' : ''}`,
         children: file.name.replace(_fileExt, '')
       }), /*#__PURE__*/_jsx("div", {
         className: "file-ext",
         children: _fileExt
       }), _fileSize && /*#__PURE__*/_jsx("div", {
         className: "file-size",
-        children: "(".concat(_fileSize || 0, "kb)")
+        children: `(${_fileSize || 0}kb)`
       }), /*#__PURE__*/_jsx("div", {
         className: "file-actions-wrap",
         children: /*#__PURE__*/_jsxs("div", {
           className: "file-actions",
-          children: [_isShowDownloadIcon && /*#__PURE__*/_jsx(Button, {
+          children: [_isShowDownloadIcon && /*#__PURE__*/_jsx(_Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
@@ -109,7 +114,7 @@ var FileItem = function FileItem(props) {
               wrapper: "span",
               src: downloadSvg
             })
-          }), _showPreViewIcon && /*#__PURE__*/_jsx(Button, {
+          }), _showPreViewIcon && /*#__PURE__*/_jsx(_Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
@@ -119,12 +124,12 @@ var FileItem = function FileItem(props) {
               color: "#006aff",
               src: lookSvg
             })
-          }), _showRemoveIcon && !disabled && (isConfirmDelete ? /*#__PURE__*/_jsx(Popconfirm, {
+          }), _showRemoveIcon && !disabled && (isConfirmDelete ? /*#__PURE__*/_jsx(_Popconfirm, {
             title: "\u786E\u5B9A\u5220\u9664?",
             onConfirm: _onRemove,
             okText: "\u786E\u8BA4",
             cancelText: "\u53D6\u6D88",
-            children: /*#__PURE__*/_jsx(Button, {
+            children: /*#__PURE__*/_jsx(_Button, {
               type: "link",
               className: "file-action-item",
               disabled: disabled,
@@ -134,7 +139,7 @@ var FileItem = function FileItem(props) {
                 src: deleteSvg
               })
             })
-          }) : /*#__PURE__*/_jsx(Button, {
+          }) : /*#__PURE__*/_jsx(_Button, {
             type: "link",
             className: "file-action-item",
             disabled: disabled,
@@ -149,14 +154,14 @@ var FileItem = function FileItem(props) {
       })]
     }), file.status === 'uploading' && /*#__PURE__*/_jsx("div", {
       className: "file-progress",
-      children: /*#__PURE__*/_jsx(Progress, {
+      children: /*#__PURE__*/_jsx(_Progress, {
         percent: Math.ceil(file.percent),
         size: 2
       })
     })]
   });
 };
-var DragSingleFileItem = function DragSingleFileItem(props) {
+var DragSingleFileItem = props => {
   var file = props.file,
     disabled = props.disabled,
     onRemove = props.onRemove,
@@ -164,12 +169,12 @@ var DragSingleFileItem = function DragSingleFileItem(props) {
     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);
     }
@@ -182,7 +187,7 @@ var DragSingleFileItem = function DragSingleFileItem(props) {
   return /*#__PURE__*/_jsxs("div", {
     className: "drag-Single-item-wrapper",
     children: [/*#__PURE__*/_jsxs("div", {
-      className: "file-info-box ".concat(file.status === 'error' ? 'file-box-error' : ''),
+      className: `file-info-box ${file.status === 'error' ? 'file-box-error' : ''}`,
       children: [/*#__PURE__*/_jsx("div", {
         className: "file-name",
         children: file.name.replace(_fileExt, '')
@@ -191,12 +196,12 @@ var DragSingleFileItem = function DragSingleFileItem(props) {
         children: _fileExt
       }), _fileSize && /*#__PURE__*/_jsx("div", {
         className: "file-size",
-        children: "(".concat(_fileSize || 0, "kb)")
+        children: `(${_fileSize || 0}kb)`
       }), (_isShowDownloadIcon || _showPreViewIcon || _showRemoveIcon) && /*#__PURE__*/_jsx("div", {
         className: "file-actions-wrap",
         children: /*#__PURE__*/_jsxs("div", {
           className: "file-actions",
-          children: [_showPreViewIcon && /*#__PURE__*/_jsx(Button, {
+          children: [_showPreViewIcon && /*#__PURE__*/_jsx(_Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
@@ -205,7 +210,7 @@ var DragSingleFileItem = function DragSingleFileItem(props) {
               wrapper: "span",
               src: lookSvg
             })
-          }), _isShowDownloadIcon && /*#__PURE__*/_jsx(Button, {
+          }), _isShowDownloadIcon && /*#__PURE__*/_jsx(_Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
@@ -219,7 +224,7 @@ var DragSingleFileItem = function DragSingleFileItem(props) {
       })]
     }), file.status === 'uploading' && /*#__PURE__*/_jsx("div", {
       className: "file-progress",
-      children: /*#__PURE__*/_jsx(Progress, {
+      children: /*#__PURE__*/_jsx(_Progress, {
         percent: Math.ceil(file.percent),
         size: 2
       })