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

package/lib/ProTreeModal/propsType.js

@@ -1,5 +1,17 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+// src/ProTreeModal/propsType.ts
+var propsType_exports = {};
+module.exports = __toCommonJS(propsType_exports);

package/lib/ProTreeModal/style/index.less

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

package/lib/ProTreeModal/utils.js

@@ -1,60 +1,57 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTreeModal/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  addLevelAndParentId: () => addLevelAndParentId,
+  filterCheckedNodes: () => filterCheckedNodes,
+  findTreeNodeByKey: () => findTreeNodeByKey,
+  getAllKeys: () => getAllKeys,
+  getChildrenKeys: () => getChildrenKeys,
+  getFlatTreeData: () => getFlatTreeData,
+  getParentKey: () => getParentKey,
+  transformMessage: () => transformMessage
 });
-exports.addLevelAndParentId = void 0;
-exports.filterCheckedNodes = filterCheckedNodes;
-exports.findTreeNodeByKey = findTreeNodeByKey;
-exports.getAllKeys = getAllKeys;
-exports.getChildrenKeys = getChildrenKeys;
-exports.getFlatTreeData = getFlatTreeData;
-exports.transformMessage = exports.getParentKey = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _ = require(".");
-/* eslint-disable no-restricted-syntax */
-
-/**
- * 树转成铺平的数组
- * @param originalTreeData
- * @returns
- */
-function getFlatTreeData(originalTreeData, fieldNames) {
-  var modeType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  var dataList = [];
-  var isCASCADER = modeType === _.CASCADER;
-  function loop(data) {
-    var parTitle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    data.forEach(function (item) {
-      var node = (0, _objectSpread4.default)({}, item);
+module.exports = __toCommonJS(utils_exports);
+var import__ = require(".");
+function getFlatTreeData(originalTreeData, fieldNames, modeType = "") {
+  const dataList = [];
+  const isCASCADER = modeType === import__.CASCADER;
+  function loop(data, parTitle = "") {
+    data.forEach((item) => {
+      const node = { ...item };
       delete node[fieldNames.children];
-      var title = isCASCADER ? "".concat(parTitle ? "".concat(parTitle, "-") : '').concat(node[fieldNames.label]) : node[fieldNames.label];
-      dataList.push((0, _objectSpread4.default)((0, _objectSpread4.default)({}, node), {}, {
-        title: title
-      }));
+      const title = isCASCADER ? `${parTitle ? `${parTitle}-` : ""}${node[fieldNames.label]}` : node[fieldNames.label];
+      dataList.push({ ...node, title });
       if (item[fieldNames.children]) {
         loop(item[fieldNames.children], title);
       }
     });
   }
-  loop(originalTreeData, '');
+  loop(originalTreeData, "");
   return dataList;
 }
-/**
- * 获取 tree 所有的 keys 集合
- * @param data
- * @param fieldNames
- * @returns
- */
 function getAllKeys(data, fieldNames) {
-  var keys = [];
-  function loop(data) {
-    for (var i = 0; i < data.length; i++) {
-      var node = data[i];
+  const keys = [];
+  function loop(data2) {
+    for (let i = 0; i < data2.length; i++) {
+      const node = data2[i];
       keys.push(node[fieldNames.value]);
       if (node[fieldNames.children]) {
         loop(node[fieldNames.children]);
@@ -64,137 +61,79 @@ function getAllKeys(data, fieldNames) {
   loop(data);
   return keys;
 }
-/**
- * 获取展开的key
- * @param key
- * @param tree
- * @param fieldNames
- * @returns
- */
-var _getParentKey = exports.getParentKey = function getParentKey(key, tree, fieldNames) {
-  var parentKey;
-  for (var i = 0; i < tree.length; i++) {
-    var node = tree[i];
+var getParentKey = (key, tree, fieldNames) => {
+  let parentKey;
+  for (let i = 0; i < tree.length; i++) {
+    const 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;
 };
 function findTreeNodeByKey(treeData, key, fieldNames) {
-  var result = [];
-  var _traverse = function traverse(node, parents) {
+  const result = [];
+  const traverse = (node, parents) => {
     if (node[fieldNames.value] === key) {
-      result.push.apply(result, [node].concat((0, _toConsumableArray2.default)(parents)));
+      result.push(node, ...parents);
       return true;
     }
-    var children = node[fieldNames.children] || [];
-    var _iterator = (0, _createForOfIteratorHelper2.default)(children),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var child = _step.value;
-        if (_traverse(child, [node].concat((0, _toConsumableArray2.default)(parents)))) {
-          return true;
-        }
+    const children = node[fieldNames.children] || [];
+    for (const child of children) {
+      if (traverse(child, [node, ...parents])) {
+        return true;
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
     return false;
   };
-  var _iterator2 = (0, _createForOfIteratorHelper2.default)(treeData),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var node = _step2.value;
-      _traverse(node, []);
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
+  for (const node of treeData) {
+    traverse(node, []);
   }
   return result;
 }
-/**
- * 根据所选的 checkedKeys 筛选出展示的 treeData
- * @param data
- * @param checkedKeys
- * @returns
- */
-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 _node$fieldNames$chil3;
-    var title = node[fieldNames.value] + node[fieldNames.label];
+function filterCheckedNodes(data, checkedKeys, searchStr = "", fieldNames) {
+  const result = [];
+  const traverse = (node) => {
+    var _a, _b, _c;
+    const 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 (0, _objectSpread4.default)((0, _objectSpread4.default)({}, node), {}, (0, _defineProperty2.default)({}, fieldNames.children, _children));
+        const children2 = ((_a = node == null ? void 0 : node[fieldNames.children]) == null ? void 0 : _a.map(traverse).filter(Boolean)) || [];
+        return { ...node, [fieldNames.children]: children2 };
       }
     } 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)) || [];
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, node), {}, {
-        children: _children2
-      });
+      const children2 = ((_b = node[fieldNames.children]) == null ? void 0 : _b.map(traverse).filter(Boolean)) || [];
+      return { ...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);
+    const children = (_c = node[fieldNames.children]) == null ? void 0 : _c.map(traverse).filter(Boolean);
     if (children && children.length > 0) {
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, node), {}, (0, _defineProperty2.default)({}, fieldNames.children, children));
+      return { ...node, [fieldNames.children]: children };
     }
     return null;
   };
-  // eslint-disable-next-line no-restricted-syntax
-  var _iterator3 = (0, _createForOfIteratorHelper2.default)(data),
-    _step3;
-  try {
-    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-      var node = _step3.value;
-      var filtered = _traverse2(node);
-      if (filtered) {
-        result.push(filtered);
-      }
+  for (const node of data) {
+    const filtered = traverse(node);
+    if (filtered) {
+      result.push(filtered);
     }
-  } catch (err) {
-    _iterator3.e(err);
-  } finally {
-    _iterator3.f();
   }
   return result;
 }
-/**
- * 获取 tree 当前选中节点下的所有子节点的 keys
- * @param node
- * @param childrenKeys
- * @returns
- */
 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) {
+  var _a, _b;
+  if (type === "treeCheck") {
+    (_a = node == null ? void 0 : node.children) == null ? void 0 : _a.forEach((item) => {
       childrenKeys.push(item.key);
       if (item.children && item.children.length > 0) {
         getChildrenKeys(item, 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) {
+    (_b = node == null ? void 0 : node[fieldNames.children]) == null ? void 0 : _b.forEach((item) => {
       childrenKeys.push(item[fieldNames.value]);
       if (item[fieldNames.children] && item[fieldNames.children].length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
@@ -202,31 +141,39 @@ function getChildrenKeys(node, childrenKeys, fieldNames, type) {
     });
   }
 }
-// 提示信息替换
-var transformMessage = exports.transformMessage = function transformMessage(obj, message) {
-  var keys = Object.keys(obj);
-  var _message = message;
-  keys.forEach(function (key) {
-    _message = message.replaceAll("{".concat(key, "}"), obj[key]);
+var transformMessage = (obj, message) => {
+  const keys = Object.keys(obj);
+  let _message = message;
+  keys.forEach((key) => {
+    _message = message.replaceAll(`{${key}}`, obj[key]);
   });
   return _message;
 };
-var _addLevelAndParentId = exports.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;
-  var currentParentId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-  var _fieldNames$children = fieldNames.children,
-    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) {
-    var newNode = (0, _objectSpread4.default)({}, node);
+var addLevelAndParentId = (tree = [], fieldNames, currentLevel = 0, currentParentId = null) => {
+  const { children = "children", value = "value" } = fieldNames;
+  return tree.map((node) => {
+    const newNode = { ...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;
   });
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addLevelAndParentId,
+  filterCheckedNodes,
+  findTreeNodeByKey,
+  getAllKeys,
+  getChildrenKeys,
+  getFlatTreeData,
+  getParentKey,
+  transformMessage
+});

package/lib/ProUpload/components/ButtonRender.js

@@ -1,116 +1,91 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProUpload/components/ButtonRender.tsx
+var ButtonRender_exports = {};
+__export(ButtonRender_exports, {
+  default: () => ButtonRender_default
 });
-exports.default = void 0;
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/upload/style");
-var _upload = _interopRequireDefault(require("antd/es/upload"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _core = require("@dnd-kit/core");
-var _sortable = require("@dnd-kit/sortable");
-var _icons = require("@ant-design/icons");
-var _FileItem = require("./FileItem");
-var _DraggableUploadListItem = require("./DraggableUploadListItem");
-var _locale = _interopRequireDefault(require("../../locale"));
-/* 按钮类型 */
-var ButtonRender = function ButtonRender(props) {
-  var _locale$ProUpload;
-  var isView = props.isView,
-    disabled = props.disabled,
-    sensor = props.sensor,
-    onDragEnd = props.onDragEnd,
-    fileList = props.fileList,
-    baseUploadProps = props.baseUploadProps,
-    onPreview = props.onPreview,
-    onDownload = props.onDownload,
-    buttonProps = props.buttonProps,
-    extraTipText = props.extraTipText,
-    afterRender = props.afterRender,
-    _props$buttonText = props.buttonText,
-    buttonText = _props$buttonText === void 0 ? _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.buttonText : _props$buttonText,
-    isConfirmDelete = props.isConfirmDelete,
-    _onRemove = props.onRemove;
-  // 按钮类型的props
-  var buttonUploadProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseUploadProps), {}, {
-    fileList: fileList,
-    itemRender: function itemRender(originNode, file, fileList, actions) {
-      return (0, _jsxRuntime.jsx)(_DraggableUploadListItem.DraggableUploadListItem, {
-        file: file,
-        children: (0, _jsxRuntime.jsx)(_FileItem.FileItem, {
+module.exports = __toCommonJS(ButtonRender_exports);
+var import_antd = require("antd");
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_icons = require("@ant-design/icons");
+var import_FileItem = require("./FileItem");
+var import_DraggableUploadListItem = require("./DraggableUploadListItem");
+var import_locale = __toESM(require("../../locale"));
+var ButtonRender = (props) => {
+  var _a, _b;
+  const {
+    isView,
+    disabled,
+    sensor,
+    onDragEnd,
+    fileList,
+    baseUploadProps,
+    onPreview,
+    onDownload,
+    buttonProps,
+    extraTipText,
+    afterRender,
+    buttonText = (_b = (_a = import_locale.default) == null ? void 0 : _a.ProUpload) == null ? void 0 : _b.buttonText,
+    isConfirmDelete,
+    onRemove
+  } = props;
+  const buttonUploadProps = {
+    ...baseUploadProps,
+    fileList,
+    itemRender: (originNode, file, fileList2, actions) => {
+      return /* @__PURE__ */ React.createElement(import_DraggableUploadListItem.DraggableUploadListItem, { file }, /* @__PURE__ */ React.createElement(
+        import_FileItem.FileItem,
+        {
           disabled: disabled || isView,
-          file: file,
-          isConfirmDelete: isConfirmDelete,
-          onPreview: onPreview,
-          onRemove: function () {
-            var _onRemove2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(file) {
-              var res;
-              return (0, _regeneratorRuntime2.default)().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);
-                  case 2:
-                    res = _context.sent;
-                    if (!(res === false)) {
-                      _context.next = 5;
-                      break;
-                    }
-                    return _context.abrupt("return");
-                  case 5:
-                    actions.remove(file);
-                  case 6:
-                  case "end":
-                    return _context.stop();
-                }
-              }, _callee);
-            }));
-            function onRemove(_x) {
-              return _onRemove2.apply(this, arguments);
-            }
-            return onRemove;
-          }(),
-          onDownload: onDownload
-        })
-      });
+          file,
+          isConfirmDelete,
+          onPreview,
+          onRemove: async (file2) => {
+            const res = await (onRemove == null ? void 0 : onRemove(file2));
+            if (res === false)
+              return;
+            actions.remove(file2);
+          },
+          onDownload
+        }
+      ));
     }
-  });
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: "pro-upload-button",
-    children: [(0, _jsxRuntime.jsx)(_core.DndContext, {
-      sensors: [sensor],
-      onDragEnd: onDragEnd,
-      children: (0, _jsxRuntime.jsx)(_sortable.SortableContext, {
-        items: fileList.map(function (i) {
-          return i.uid;
-        }),
-        strategy: _sortable.rectSortingStrategy,
-        children: (0, _jsxRuntime.jsx)(_upload.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonUploadProps), {}, {
-          children: !isView && (0, _jsxRuntime.jsxs)("div", {
-            className: "pro-upload-button-inner",
-            children: [(0, _jsxRuntime.jsxs)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonProps), {}, {
-              disabled: disabled || isView,
-              children: [(0, _jsxRuntime.jsx)(_icons.CloudUploadOutlined, {}), buttonText]
-            })), afterRender ? (0, _jsxRuntime.jsx)("div", {
-              className: "pro-upload-button-inner-right",
-              onClick: function onClick(e) {
-                return e.stopPropagation();
-              },
-              children: afterRender
-            }) : null]
-          })
-        }))
-      })
-    }), extraTipText && (0, _jsxRuntime.jsx)("div", {
-      className: "upload-tip-txt",
-      children: extraTipText
-    })]
-  });
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "pro-upload-button" }, /* @__PURE__ */ React.createElement(import_core.DndContext, { sensors: [sensor], onDragEnd }, /* @__PURE__ */ React.createElement(import_sortable.SortableContext, { items: fileList.map((i) => i.uid), strategy: import_sortable.rectSortingStrategy }, /* @__PURE__ */ React.createElement(import_antd.Upload, { ...buttonUploadProps }, !isView && /* @__PURE__ */ React.createElement("div", { className: "pro-upload-button-inner" }, /* @__PURE__ */ React.createElement(import_antd.Button, { ...buttonProps, disabled: disabled || isView }, /* @__PURE__ */ React.createElement(import_icons.CloudUploadOutlined, null), buttonText), afterRender ? /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "pro-upload-button-inner-right",
+      onClick: (e) => e.stopPropagation()
+    },
+    afterRender
+  ) : null)))), extraTipText && /* @__PURE__ */ React.createElement("div", { className: "upload-tip-txt" }, typeof extraTipText === "function" ? extraTipText() : extraTipText));
 };
-var _default = exports.default = ButtonRender;
+var ButtonRender_default = ButtonRender;