@zat-design/sisyphus-react 3.13.18 → 3.13.19-beta.10

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);
@@ -30,6 +28,7 @@ export function getFlatTreeData(originalTreeData, fieldNames) {
   loop(originalTreeData, '');
   return dataList;
 }
+
 /**
  * 获取 tree 所有的 keys 集合
  * @param data
@@ -50,6 +49,7 @@ export function getAllKeys(data, fieldNames) {
   loop(data);
   return keys;
 }
+
 /**
  * 获取展开的key
  * @param key
@@ -57,28 +57,25 @@ export function getAllKeys(data, fieldNames) {
  * @param fieldNames
  * @returns
  */
-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);
+      } else if (getParentKey(key, node[fieldNames.children], fieldNames)) {
+        parentKey = getParentKey(key, node[fieldNames.children], fieldNames);
       }
     }
   }
   return parentKey;
 };
-export { _getParentKey as getParentKey };
 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] || [];
@@ -87,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;
         }
       }
@@ -103,7 +100,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var node = _step2.value;
-      _traverse(node, []);
+      traverse(node, []);
     }
   } catch (err) {
     _iterator2.e(err);
@@ -112,6 +109,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   }
   return result;
 }
+
 /**
  * 根据所选的 checkedKeys 筛选出展示的 treeData
  * @param data
@@ -122,35 +120,40 @@ 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 _traverse2 = 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 ? void 0 : (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(_traverse2).filter(Boolean)) || [];
-        return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, _children));
+        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), {}, {
+          [fieldNames.children]: _children
+        });
       }
     } else if (title.indexOf(searchStr) > -1) {
       var _node$fieldNames$chil2;
-      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(_traverse2).filter(Boolean)) || [];
+      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(traverse).filter(Boolean)) || [];
       return _objectSpread(_objectSpread({}, node), {}, {
         children: _children2
       });
     }
-    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(_traverse2).filter(Boolean);
+    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;
   };
+
   // eslint-disable-next-line no-restricted-syntax
   var _iterator3 = _createForOfIteratorHelper(data),
     _step3;
   try {
     for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
       var node = _step3.value;
-      var filtered = _traverse2(node);
+      var filtered = traverse(node);
       if (filtered) {
         result.push(filtered);
       }
@@ -162,6 +165,7 @@ export function filterCheckedNodes(data, checkedKeys) {
   }
   return result;
 }
+
 /**
  * 获取 tree 当前选中节点下的所有子节点的 keys
  * @param node
@@ -172,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 ? void 0 : (_node$children = node.children) === null || _node$children === void 0 ? 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);
@@ -181,7 +185,7 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
   } else {
     var _node$fieldNames$chil4;
     // 这个时候的值为我们的值
-    node === null || node === void 0 ? void 0 : (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === void 0 ? 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);
@@ -189,16 +193,17 @@ 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;
 };
-var _addLevelAndParentId = function addLevelAndParentId() {
+export var addLevelAndParentId = function addLevelAndParentId() {
   var tree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var fieldNames = arguments.length > 1 ? arguments[1] : undefined;
   var currentLevel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
@@ -207,14 +212,13 @@ 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;
     if (node[children]) {
-      newNode[children] = _addLevelAndParentId(node[children], fieldNames, currentLevel + 1, newNode[value]);
+      newNode[children] = addLevelAndParentId(node[children], fieldNames, currentLevel + 1, newNode[value]);
     }
     return newNode;
   });
-};
-export { _addLevelAndParentId as addLevelAndParentId };
+};

package/es/ProUpload/components/ButtonRender.js

@@ -1,19 +1,20 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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 ButtonRender = props => {
   var _locale$ProUpload;
   var isView = props.isView,
     disabled = props.disabled,
@@ -27,28 +28,29 @@ 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, {
+    fileList,
+    itemRender: (originNode, file, fileList, actions) => {
+      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__*/_regeneratorRuntime().mark(function _callee(file) {
+          onRemove: ( /*#__PURE__*/function () {
+            var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
               var res;
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
                     _context.next = 2;
-                    return _onRemove === null || _onRemove === void 0 ? void 0 : _onRemove(file);
+                    return onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);
                   case 2:
                     res = _context.sent;
                     if (!(res === false)) {
@@ -64,43 +66,38 @@ var ButtonRender = function ButtonRender(props) {
                 }
               }, _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, {
-        items: fileList.map(function (i) {
-          return i.uid;
-        }),
+      children: /*#__PURE__*/_jsx(SortableContext, {
+        items: fileList.map(i => 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();
-              },
+              onClick: e => e.stopPropagation(),
               children: afterRender
             }) : null]
           })
         }))
       })
-    }), extraTipText && _jsx("div", {
+    }), extraTipText && /*#__PURE__*/_jsx("div", {
       className: "upload-tip-txt",
       children: extraTipText
     })]

package/es/ProUpload/components/DragRender.js

@@ -1,16 +1,17 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/upload/style";
 import _Upload from "antd/es/upload";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
 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 DragRender = props => {
   var _locale$ProUpload3, _locale$ProUpload4, _locale$ProUpload5, _locale$ProUpload6;
   var isView = props.isView,
     baseUploadProps = props.baseUploadProps,
@@ -27,143 +28,145 @@ 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
    * @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);
   };
+
   /**
    * @description: 重新选择 拖拽模式下单个文件可用
    * @param {UploadFile} file
    * @return {*}
    */
-  var handleReSelect = function handleReSelect(file) {
+  var handleReSelect = file => {
     if (disabled) return;
     handleDelFile(file);
-    setTimeout(function () {
+    setTimeout(() => {
       refReSelect.current.click();
     }, 1);
   };
+
   /**
    * @description: 处理预览按钮
    * @param {UploadFile} file
    * @return {*}
    */
-  var handlePreview = function handlePreview(file) {
+  var handlePreview = file => {
     if (onPreview) {
       onPreview(file);
     } else {
       window.open(file.url || file.thumbUrl);
     }
   };
+
   /**
    * @description: 单个拖拽上传界面
    * @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);
-    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() {
+          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() {
+          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
         })]
       })]
     });
   };
   var dragUploadProps = _objectSpread(_objectSpread({}, baseUploadProps), {}, {
-    fileList: fileList,
+    fileList,
     showUploadList: false,
-    disabled: 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('、') : `${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, {
-          items: fileList.map(function (i) {
-            return i.uid;
-          }),
+        children: /*#__PURE__*/_jsx(SortableContext, {
+          items: fileList.map(i => i.uid),
           strategy: rectSortingStrategy,
-          children: maxCount > 1 && fileList.map(function (file) {
-            return _jsx(DraggableUploadListItem, {
+          children: maxCount > 1 && fileList.map(file => {
+            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,8 +1,9 @@
 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';
-export var DraggableUploadListItem = function DraggableUploadListItem(_ref) {
+import { jsx as _jsx } from "react/jsx-runtime";
+export var DraggableUploadListItem = _ref => {
   var file = _ref.file,
     children = _ref.children;
   var _useSortable = useSortable({
@@ -15,12 +16,12 @@ 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'
   };
-  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,10 +1,11 @@
 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';
-export var Example = function Example(props) {
+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 = props => {
   var _locale$ProUpload;
   var exampleContent = props.exampleContent,
     className = props.className,
@@ -14,18 +15,18 @@ 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 _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
       })