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

package/lib/ProUpload/components/DragRender.js

@@ -1,139 +1,189 @@
-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);
+"use strict";
 
-// src/ProUpload/components/DragRender.tsx
-var DragRender_exports = {};
-__export(DragRender_exports, {
-  default: () => DragRender_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(DragRender_exports);
-var import_react = require("react");
-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 { Dragger } = import_antd.Upload;
-var DragRender = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const {
-    isView,
-    baseUploadProps,
-    disabled,
-    headerRender,
-    footerRender,
-    sensor,
-    onDragEnd,
-    fileList,
-    onPreview,
-    onDownload,
-    extExt,
-    maxCount,
-    setFileList,
-    onChange
-  } = props;
-  const refReSelect = (0, import_react.useRef)();
-  const showDraggerSingleRender = maxCount === 1 && fileList[0];
-  const handleDelFile = (file) => {
-    if (disabled)
-      return;
-    const _List = fileList.filter((i) => i.uid !== file.uid);
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("antd/es/upload/style");
+var _upload = _interopRequireDefault(require("antd/es/upload"));
+var _react = require("react");
+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 _jsxRuntime = require("react/jsx-runtime");
+var Dragger = _upload.default.Dragger;
+var DragRender = props => {
+  var _locale$ProUpload3, _locale$ProUpload4, _locale$ProUpload5, _locale$ProUpload6;
+  var isView = props.isView,
+    baseUploadProps = props.baseUploadProps,
+    disabled = props.disabled,
+    headerRender = props.headerRender,
+    footerRender = props.footerRender,
+    sensor = props.sensor,
+    onDragEnd = props.onDragEnd,
+    fileList = props.fileList,
+    onPreview = props.onPreview,
+    onDownload = props.onDownload,
+    extExt = props.extExt,
+    maxCount = props.maxCount,
+    setFileList = props.setFileList,
+    onChange = props.onChange;
+  var refReSelect = (0, _react.useRef)();
+
+  // if (isView) return <>-</>;
+
+  // 拖拽模式下单个文件可用
+  var showDraggerSingleRender = maxCount === 1 && fileList[0];
+
+  /**
+   * @description: 文件删除
+   * @param {UploadFile} file
+   * @return {*}
+   */
+  var handleDelFile = file => {
+    if (disabled) return;
+    var _List = fileList.filter(i => i.uid !== file.uid);
     setFileList(_List);
     onChange && onChange(_List);
   };
-  const handleReSelect = (file) => {
-    if (disabled)
-      return;
+
+  /**
+   * @description: 重新选择 拖拽模式下单个文件可用
+   * @param {UploadFile} file
+   * @return {*}
+   */
+  var handleReSelect = file => {
+    if (disabled) return;
     handleDelFile(file);
     setTimeout(() => {
       refReSelect.current.click();
     }, 1);
   };
-  const handlePreview = (file) => {
+
+  /**
+   * @description: 处理预览按钮
+   * @param {UploadFile} file
+   * @return {*}
+   */
+  var handlePreview = file => {
     if (onPreview) {
       onPreview(file);
     } else {
       window.open(file.url || file.thumbUrl);
     }
   };
-  const draggerSingleRender = (file) => {
-    var _a2, _b2, _c2, _d2;
-    const _fileExt = (0, import_FileItem.getFileExt)(file.name);
-    const _fileIcon = (0, import_FileItem.getFileIcon)(_fileExt);
-    return /* @__PURE__ */ React.createElement("div", { className: "dragger-single-file" }, /* @__PURE__ */ React.createElement("div", { className: "file-type-icon" }, /* @__PURE__ */ React.createElement("img", { src: _fileIcon })), /* @__PURE__ */ React.createElement(
-      import_FileItem.DragSingleFileItem,
-      {
-        file,
-        disabled,
-        onDownload,
-        onPreview
-      }
-    ), file.status !== "uploading" && /* @__PURE__ */ React.createElement("div", { className: "file-action-box" }, !isView && !disabled && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "file-name",
-        onClick: () => {
-          handleReSelect(file);
-        }
-      },
-      (_b2 = (_a2 = import_locale.default) == null ? void 0 : _a2.ProUpload) == null ? void 0 : _b2.draggerSelect
-    ), !isView && !disabled && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "file-del",
-        onClick: () => {
-          handleDelFile(file);
-        }
-      },
-      (_d2 = (_c2 = import_locale.default) == null ? void 0 : _c2.ProUpload) == null ? void 0 : _d2.draggerDelete
-    )));
+
+  /**
+   * @description: 单个拖拽上传界面
+   * @param {UploadFile} file
+   * @return {*}
+   */
+  var draggerSingleRender = file => {
+    var _locale$ProUpload, _locale$ProUpload2;
+    var _fileExt = (0, _FileItem.getFileExt)(file.name);
+    var _fileIcon = (0, _FileItem.getFileIcon)(_fileExt);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dragger-single-file",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "file-type-icon",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: _fileIcon
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileItem.DragSingleFileItem, {
+        file: file,
+        disabled: disabled,
+        onDownload: onDownload,
+        onPreview: onPreview
+      }), file.status !== 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "file-action-box",
+        children: [!isView && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "file-name",
+          onClick: () => {
+            handleReSelect(file);
+          },
+          children: _locale.default === null || _locale.default === void 0 || (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.draggerSelect
+        }), !isView && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "file-del",
+          onClick: () => {
+            handleDelFile(file);
+          },
+          children: _locale.default === null || _locale.default === void 0 || (_locale$ProUpload2 = _locale.default.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.draggerDelete
+        })]
+      })]
+    });
   };
-  const dragUploadProps = {
-    ...baseUploadProps,
+  var dragUploadProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseUploadProps), {}, {
     fileList,
     showUploadList: false,
     disabled,
     openFileDialogOnClick: !showDraggerSingleRender
-  };
-  return /* @__PURE__ */ React.createElement("div", { className: "pro-upload-dragger" }, /* @__PURE__ */ React.createElement("div", { className: "pro-upload-handle-box" }, /* @__PURE__ */ React.createElement("div", { className: "pro-upload-dragger-header" }, headerRender()), /* @__PURE__ */ React.createElement(Dragger, { ...dragUploadProps }, /* @__PURE__ */ React.createElement("div", { className: "drag-upload-inner", ref: refReSelect }, !showDraggerSingleRender && /* @__PURE__ */ React.createElement("div", { className: "upload-dragger-control" }, /* @__PURE__ */ React.createElement("div", { className: "dragger-txt-line1" }, /* @__PURE__ */ React.createElement("i", { className: "icon-upload" }, /* @__PURE__ */ React.createElement(import_icons.CloudUploadOutlined, null)), /* @__PURE__ */ React.createElement("p", { className: "dragger-txt" }, (_b = (_a = import_locale.default) == null ? void 0 : _a.ProUpload) == null ? void 0 : _b.draggerTips, /* @__PURE__ */ React.createElement("span", { className: "click-txt" }, (_d = (_c = import_locale.default) == null ? void 0 : _c.ProUpload) == null ? void 0 : _d.draggerBtnTxt, " "))), /* @__PURE__ */ React.createElement("p", { className: "file-ext" }, (_f = (_e = import_locale.default) == null ? void 0 : _e.ProUpload) == null ? void 0 : _f.draggerFileExt, "：", extExt.length > 0 ? extExt.join("、") : `${(_h = (_g = import_locale.default) == null ? void 0 : _g.ProUpload) == null ? void 0 : _h.draggerLimitless}`)), /* @__PURE__ */ React.createElement("div", { className: "dragger-file-show" }, showDraggerSingleRender && draggerSingleRender(fileList[0])))), /* @__PURE__ */ React.createElement("div", { className: "pro-upload-dragger-footer" }, footerRender())), /* @__PURE__ */ React.createElement("div", { className: "pro-upload-file-list" }, /* @__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 }, maxCount > 1 && fileList.map((file) => {
-    return /* @__PURE__ */ React.createElement(import_DraggableUploadListItem.DraggableUploadListItem, { file }, /* @__PURE__ */ React.createElement(
-      import_FileItem.FileItem,
-      {
-        file,
-        key: file.uid,
-        disabled: disabled || isView,
-        onPreview,
-        onRemove: handleDelFile,
-        onDownload
-      }
-    ));
-  })))));
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "pro-upload-dragger",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "pro-upload-handle-box",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-upload-dragger-header",
+        children: headerRender()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Dragger, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dragUploadProps), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "drag-upload-inner",
+          ref: refReSelect,
+          children: [!showDraggerSingleRender && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "upload-dragger-control",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "dragger-txt-line1",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                className: "icon-upload",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloudUploadOutlined, {})
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+                className: "dragger-txt",
+                children: [_locale.default === null || _locale.default === void 0 || (_locale$ProUpload3 = _locale.default.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.draggerTips, /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                  className: "click-txt",
+                  children: [_locale.default === null || _locale.default === void 0 || (_locale$ProUpload4 = _locale.default.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.draggerBtnTxt, " "]
+                })]
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+              className: "file-ext",
+              children: [_locale.default === null || _locale.default === void 0 || (_locale$ProUpload5 = _locale.default.ProUpload) === null || _locale$ProUpload5 === void 0 ? void 0 : _locale$ProUpload5.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : `${_locale.default === null || _locale.default === void 0 || (_locale$ProUpload6 = _locale.default.ProUpload) === null || _locale$ProUpload6 === void 0 ? void 0 : _locale$ProUpload6.draggerLimitless}`]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dragger-file-show",
+            children: showDraggerSingleRender && draggerSingleRender(fileList[0])
+          })]
+        })
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-upload-dragger-footer",
+        children: footerRender()
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-upload-file-list",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.DndContext, {
+        sensors: [sensor],
+        onDragEnd: onDragEnd,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sortable.SortableContext, {
+          items: fileList.map(i => i.uid),
+          strategy: _sortable.rectSortingStrategy,
+          children: maxCount > 1 && fileList.map(file => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DraggableUploadListItem.DraggableUploadListItem, {
+              file: file,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileItem.FileItem, {
+                file: file,
+                disabled: disabled || isView,
+                onPreview: onPreview,
+                onRemove: handleDelFile,
+                onDownload: onDownload
+              }, file.uid)
+            });
+          })
+        })
+      })
+    })]
+  });
 };
-var DragRender_default = DragRender;
+var _default = exports.default = DragRender;

package/lib/ProUpload/components/DraggableUploadListItem.js

@@ -1,54 +1,38 @@
-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);
+"use strict";
 
-// src/ProUpload/components/DraggableUploadListItem.tsx
-var DraggableUploadListItem_exports = {};
-__export(DraggableUploadListItem_exports, {
-  DraggableUploadListItem: () => DraggableUploadListItem
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(DraggableUploadListItem_exports);
-var import_react = __toESM(require("react"));
-var import_utilities = require("@dnd-kit/utilities");
-var import_sortable = require("@dnd-kit/sortable");
-var DraggableUploadListItem = ({ file, children }) => {
-  const { attributes, listeners, setNodeRef, transform, transition } = (0, import_sortable.useSortable)({
-    id: file.uid
-  });
-  const style = {
-    transform: import_utilities.CSS.Transform.toString(transform),
+exports.DraggableUploadListItem = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _utilities = require("@dnd-kit/utilities");
+var _sortable = require("@dnd-kit/sortable");
+var _jsxRuntime = require("react/jsx-runtime");
+var DraggableUploadListItem = _ref => {
+  var file = _ref.file,
+    children = _ref.children;
+  var _useSortable = (0, _sortable.useSortable)({
+      id: file.uid
+    }),
+    attributes = _useSortable.attributes,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition;
+  var style = {
+    transform: _utilities.CSS.Transform.toString(transform),
     transition,
-    cursor: "move",
+    cursor: 'move',
     zIndex: 10,
-    position: "relative"
+    position: 'relative'
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref: setNodeRef, style, ...attributes, ...listeners }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+    ref: setNodeRef,
+    style: style
+  }, attributes), listeners), {}, {
+    children: children
+  }));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DraggableUploadListItem
-});
+exports.DraggableUploadListItem = DraggableUploadListItem;

package/lib/ProUpload/components/Example.js

@@ -1,67 +1,51 @@
-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);
+"use strict";
 
-// src/ProUpload/components/Example.tsx
-var Example_exports = {};
-__export(Example_exports, {
-  Example: () => Example
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Example_exports);
-var import_react = __toESM(require("react"));
-var import_ProDrawerForm = __toESM(require("../../ProDrawerForm"));
-var import_locale = __toESM(require("../../locale"));
-var Example = (props) => {
-  var _a, _b;
-  const { exampleContent, className, exampleTitle, exampleModalProps } = props;
-  const [visible, setVisible] = (0, import_react.useState)(false);
-  const handleShowModal = () => {
+exports.Example = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ProDrawerForm = _interopRequireDefault(require("../../ProDrawerForm"));
+var _locale = _interopRequireDefault(require("../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
+var Example = props => {
+  var _locale$ProUpload;
+  var exampleContent = props.exampleContent,
+    className = props.className,
+    exampleTitle = props.exampleTitle,
+    exampleModalProps = props.exampleModalProps;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var handleShowModal = () => {
     setVisible(true);
   };
-  const handleCancel = () => {
+  var handleCancel = () => {
     setVisible(false);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: handleShowModal }, (_b = (_a = import_locale.default) == null ? void 0 : _a.ProUpload) == null ? void 0 : _b.exampleTitle), /* @__PURE__ */ import_react.default.createElement(
-    import_ProDrawerForm.default,
-    {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      onClick: handleShowModal,
+      children: _locale.default === null || _locale.default === void 0 || (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.exampleTitle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProDrawerForm.default, {
       title: exampleTitle,
       width: "600",
       open: visible,
       showType: "Modal",
       onCancel: handleCancel,
-      modalProps: {
-        ...exampleModalProps
-      },
-      disabled: true
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-upload-example" }, exampleContent)
-  ));
+      modalProps: (0, _objectSpread2.default)({}, exampleModalProps),
+      disabled: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-upload-example",
+        children: exampleContent
+      })
+    })]
+  });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Example
-});
+exports.Example = Example;