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

package/lib/ProUpload/components/DragRender.js

@@ -1,187 +1,139 @@
-"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/DragRender.tsx
+var DragRender_exports = {};
+__export(DragRender_exports, {
+  default: () => DragRender_default
 });
-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 _jsxRuntime = require("react/jsx-runtime");
-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 Dragger = _upload.default.Dragger;
-var DragRender = function 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 = function handleDelFile(file) {
-    if (disabled) return;
-    var _List = fileList.filter(function (i) {
-      return i.uid !== file.uid;
-    });
+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);
     setFileList(_List);
     onChange && onChange(_List);
   };
-  /**
-   * @description: 重新选择 拖拽模式下单个文件可用
-   * @param {UploadFile} file
-   * @return {*}
-   */
-  var handleReSelect = function handleReSelect(file) {
-    if (disabled) return;
+  const handleReSelect = (file) => {
+    if (disabled)
+      return;
     handleDelFile(file);
-    setTimeout(function () {
+    setTimeout(() => {
       refReSelect.current.click();
     }, 1);
   };
-  /**
-   * @description: 处理预览按钮
-   * @param {UploadFile} file
-   * @return {*}
-   */
-  var handlePreview = function handlePreview(file) {
+  const handlePreview = (file) => {
     if (onPreview) {
       onPreview(file);
     } else {
       window.open(file.url || file.thumbUrl);
     }
   };
-  /**
-   * @description: 单个拖拽上传界面
-   * @param {UploadFile} file
-   * @return {*}
-   */
-  var draggerSingleRender = function draggerSingleRender(file) {
-    var _locale$ProUpload, _locale$ProUpload2;
-    var _fileExt = (0, _FileItem.getFileExt)(file.name);
-    var _fileIcon = (0, _FileItem.getFileIcon)(_fileExt);
-    return (0, _jsxRuntime.jsxs)("div", {
-      className: "dragger-single-file",
-      children: [(0, _jsxRuntime.jsx)("div", {
-        className: "file-type-icon",
-        children: (0, _jsxRuntime.jsx)("img", {
-          src: _fileIcon
-        })
-      }), (0, _jsxRuntime.jsx)(_FileItem.DragSingleFileItem, {
-        file: file,
-        disabled: disabled,
-        onDownload: onDownload,
-        onPreview: onPreview
-      }), file.status !== 'uploading' && (0, _jsxRuntime.jsxs)("div", {
-        className: "file-action-box",
-        children: [!isView && !disabled && (0, _jsxRuntime.jsx)("div", {
-          className: "file-name",
-          onClick: function onClick() {
-            handleReSelect(file);
-          },
-          children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.draggerSelect
-        }), !isView && !disabled && (0, _jsxRuntime.jsx)("div", {
-          className: "file-del",
-          onClick: function onClick() {
-            handleDelFile(file);
-          },
-          children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload2 = _locale.default.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.draggerDelete
-        })]
-      })]
-    });
+  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
+    )));
   };
-  var dragUploadProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseUploadProps), {}, {
-    fileList: fileList,
+  const dragUploadProps = {
+    ...baseUploadProps,
+    fileList,
     showUploadList: false,
-    disabled: disabled,
+    disabled,
     openFileDialogOnClick: !showDraggerSingleRender
-  });
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: "pro-upload-dragger",
-    children: [(0, _jsxRuntime.jsxs)("div", {
-      className: "pro-upload-handle-box",
-      children: [(0, _jsxRuntime.jsx)("div", {
-        className: "pro-upload-dragger-header",
-        children: headerRender()
-      }), (0, _jsxRuntime.jsx)(Dragger, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, dragUploadProps), {}, {
-        children: (0, _jsxRuntime.jsxs)("div", {
-          className: "drag-upload-inner",
-          ref: refReSelect,
-          children: [!showDraggerSingleRender && (0, _jsxRuntime.jsxs)("div", {
-            className: "upload-dragger-control",
-            children: [(0, _jsxRuntime.jsxs)("div", {
-              className: "dragger-txt-line1",
-              children: [(0, _jsxRuntime.jsx)("i", {
-                className: "icon-upload",
-                children: (0, _jsxRuntime.jsx)(_icons.CloudUploadOutlined, {})
-              }), (0, _jsxRuntime.jsxs)("p", {
-                className: "dragger-txt",
-                children: [_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload3 = _locale.default.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.draggerTips, (0, _jsxRuntime.jsxs)("span", {
-                  className: "click-txt",
-                  children: [_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload4 = _locale.default.ProUpload) === null || _locale$ProUpload4 === void 0 ? void 0 : _locale$ProUpload4.draggerBtnTxt, " "]
-                })]
-              })]
-            }), (0, _jsxRuntime.jsxs)("p", {
-              className: "file-ext",
-              children: [_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload5 = _locale.default.ProUpload) === null || _locale$ProUpload5 === void 0 ? void 0 : _locale$ProUpload5.draggerFileExt, "\uFF1A", extExt.length > 0 ? extExt.join('、') : "".concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload6 = _locale.default.ProUpload) === null || _locale$ProUpload6 === void 0 ? void 0 : _locale$ProUpload6.draggerLimitless)]
-            })]
-          }), (0, _jsxRuntime.jsx)("div", {
-            className: "dragger-file-show",
-            children: showDraggerSingleRender && draggerSingleRender(fileList[0])
-          })]
-        })
-      })), (0, _jsxRuntime.jsx)("div", {
-        className: "pro-upload-dragger-footer",
-        children: footerRender()
-      })]
-    }), (0, _jsxRuntime.jsx)("div", {
-      className: "pro-upload-file-list",
-      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: maxCount > 1 && fileList.map(function (file) {
-            return (0, _jsxRuntime.jsx)(_DraggableUploadListItem.DraggableUploadListItem, {
-              file: file,
-              children: (0, _jsxRuntime.jsx)(_FileItem.FileItem, {
-                file: file,
-                disabled: disabled || isView,
-                onPreview: onPreview,
-                onRemove: handleDelFile,
-                onDownload: onDownload
-              }, file.uid)
-            });
-          })
-        })
-      })
-    })]
-  });
+  };
+  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
+      }
+    ));
+  })))));
 };
-var _default = exports.default = DragRender;
+var DragRender_default = DragRender;

package/lib/ProUpload/components/DraggableUploadListItem.js

@@ -1,36 +1,54 @@
-"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/DraggableUploadListItem.tsx
+var DraggableUploadListItem_exports = {};
+__export(DraggableUploadListItem_exports, {
+  DraggableUploadListItem: () => DraggableUploadListItem
 });
-exports.DraggableUploadListItem = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _utilities = require("@dnd-kit/utilities");
-var _sortable = require("@dnd-kit/sortable");
-var DraggableUploadListItem = exports.DraggableUploadListItem = function 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: transition,
-    cursor: 'move',
+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),
+    transition,
+    cursor: "move",
     zIndex: 10,
-    position: 'relative'
+    position: "relative"
   };
-  return (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-    ref: setNodeRef,
-    style: style
-  }, attributes), listeners), {}, {
-    children: children
-  }));
-};
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: setNodeRef, style, ...attributes, ...listeners }, children);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DraggableUploadListItem
+});

package/lib/ProUpload/components/Example.js

@@ -1,49 +1,67 @@
-"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/Example.tsx
+var Example_exports = {};
+__export(Example_exports, {
+  Example: () => Example
 });
-exports.Example = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _ProDrawerForm = _interopRequireDefault(require("../../ProDrawerForm"));
-var _locale = _interopRequireDefault(require("../../locale"));
-var Example = exports.Example = function 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 = function handleShowModal() {
+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 = () => {
     setVisible(true);
   };
-  var handleCancel = function handleCancel() {
+  const handleCancel = () => {
     setVisible(false);
   };
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: className,
-    children: [(0, _jsxRuntime.jsx)("div", {
-      onClick: handleShowModal,
-      children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.exampleTitle
-    }), (0, _jsxRuntime.jsx)(_ProDrawerForm.default, {
+  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,
+    {
       title: exampleTitle,
       width: "600",
       open: visible,
       showType: "Modal",
       onCancel: handleCancel,
-      modalProps: (0, _objectSpread2.default)({}, exampleModalProps),
-      disabled: true,
-      children: (0, _jsxRuntime.jsx)("div", {
-        className: "pro-upload-example",
-        children: exampleContent
-      })
-    })]
-  });
-};
+      modalProps: {
+        ...exampleModalProps
+      },
+      disabled: true
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-upload-example" }, exampleContent)
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Example
+});

package/lib/ProUpload/components/FileItem.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { UploadFile } from 'antd/es/upload/interface';
-import '../style/fileItem.less';
 /**
  * @description: b 转成 Kb
  * @param {*} num