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

package/lib/ProUpload/index.js

@@ -1,104 +1,111 @@
-"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;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProUpload/index.tsx
+var ProUpload_exports = {};
+__export(ProUpload_exports, {
+  default: () => ProUpload_default
 });
-exports.default = void 0;
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = _interopRequireWildcard(require("react"));
-var _core = require("@dnd-kit/core");
-var _sortable = require("@dnd-kit/sortable");
-var _ProConfigProvider = require("../ProConfigProvider");
-var _DragRender = _interopRequireDefault(require("./components/DragRender"));
-var _ButtonRender = _interopRequireDefault(require("./components/ButtonRender"));
-var _ImageRender = _interopRequireDefault(require("./components/ImageRender"));
-var _uitls = require("./uitls");
-var _locale = _interopRequireDefault(require("../locale"));
-var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "centerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "filterOriginFileObj", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames", "isConfirmDelete"];
-var defaultCustomRequest = function defaultCustomRequest(option) {
-  return option.onSuccess();
-};
-var ProUpload = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _locale$ProUpload;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    _fileList = _useState2[0],
-    setFileList = _useState2[1];
-  var value = props.value,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 10 : _props$size,
-    action = props.action,
-    _props$maxCount = props.maxCount,
-    maxCount = _props$maxCount === void 0 ? 1 : _props$maxCount,
-    headerRender = props.headerRender,
-    footerRender = props.footerRender,
-    centerRender = props.centerRender,
-    disabled = props.disabled,
-    _props$uploadType = props.uploadType,
-    uploadType = _props$uploadType === void 0 ? 'drag' : _props$uploadType,
-    buttonProps = props.buttonProps,
-    accept = props.accept,
-    extraTipText = props.extraTipText,
-    beforeUpload = props.beforeUpload,
-    onChange = props.onChange,
-    onDownload = props.onDownload,
-    onPreview = props.onPreview,
-    onRemove = props.onRemove,
-    _props$filterOriginFi = props.filterOriginFileObj,
-    filterOriginFileObj = _props$filterOriginFi === void 0 ? false : _props$filterOriginFi,
-    _props$method = props.method,
-    method = _props$method === void 0 ? 'post' : _props$method,
-    className = props.className,
-    dataParams = props.dataParams,
-    _props$name = props.name,
-    name = _props$name === void 0 ? 'file' : _props$name,
-    _props$showExampleCon = props.showExampleContent,
-    showExampleContent = _props$showExampleCon === void 0 ? false : _props$showExampleCon,
-    _props$showUploadList = props.showUploadList,
-    showUploadList = _props$showUploadList === void 0 ? true : _props$showUploadList,
-    otherProps = props.otherProps,
-    transformResponse = props.transformResponse,
-    _props$exampleTitle = props.exampleTitle,
-    exampleTitle = _props$exampleTitle === 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.exampleTitle : _props$exampleTitle,
-    exampleContent = props.exampleContent,
-    exampleModalProps = props.exampleModalProps,
-    buttonText = props.buttonText,
-    afterRender = props.afterRender,
-    fieldNames = props.fieldNames,
-    isConfirmDelete = props.isConfirmDelete,
-    residueProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var isView = (props === null || props === void 0 ? void 0 : props.isView) || (otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView);
-  var sensor = (0, _core.useSensor)(_core.PointerSensor, {
-    activationConstraint: {
-      distance: 10
-    }
+module.exports = __toCommonJS(ProUpload_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_lodash = require("lodash");
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_ProConfigProvider = require("../ProConfigProvider");
+var import_DragRender = __toESM(require("./components/DragRender"));
+var import_ButtonRender = __toESM(require("./components/ButtonRender"));
+var import_ImageRender = __toESM(require("./components/ImageRender"));
+var import_uitls = require("./uitls");
+var import_locale = __toESM(require("../locale"));
+var defaultCustomRequest = (option) => option.onSuccess();
+var ProUpload = import_react.default.forwardRef((props, ref) => {
+  var _a, _b;
+  const [_fileList, setFileList] = (0, import_react.useState)([]);
+  const {
+    value,
+    size = 10,
+    action,
+    maxCount = 1,
+    headerRender,
+    footerRender,
+    centerRender,
+    disabled,
+    uploadType = "drag",
+    buttonProps,
+    accept,
+    extraTipText,
+    beforeUpload,
+    onChange,
+    onDownload,
+    onPreview,
+    onRemove,
+    filterOriginFileObj = false,
+    method = "post",
+    className,
+    dataParams,
+    name = "file",
+    showExampleContent = false,
+    showUploadList = true,
+    // @ts-ignore
+    otherProps,
+    transformResponse,
+    exampleTitle = (_b = (_a = import_locale.default) == null ? void 0 : _a.ProUpload) == null ? void 0 : _b.exampleTitle,
+    exampleContent,
+    exampleModalProps,
+    buttonText,
+    afterRender,
+    fieldNames,
+    isConfirmDelete,
+    ...residueProps
+  } = props;
+  const isView = (props == null ? void 0 : props.isView) || (otherProps == null ? void 0 : otherProps.isView);
+  const sensor = (0, import_core.useSensor)(import_core.PointerSensor, {
+    activationConstraint: { distance: 10 }
   });
-  var _ref = (0, _ProConfigProvider.useProConfig)('ProUpload') || {},
-    headers = _ref.headers;
-  residueProps.headers = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), residueProps.headers);
-  var extExt = accept ? accept.split(',').map(function (i) {
-    return i.toLocaleUpperCase();
-  }) : [];
-  var uploadResTransform = function uploadResTransform(fileList) {
-    var _list = fileList.map(function (file) {
-      if (file.status === 'done' && file.response) {
-        var nfile = (0, _objectSpread2.default)({}, file);
-        // 过滤掉originFileObj
+  const { headers } = (0, import_ProConfigProvider.useProConfig)("ProUpload") || {};
+  residueProps.headers = { ...headers, ...residueProps.headers };
+  const extExt = accept ? accept.split(",").map((i) => i.toLocaleUpperCase()) : [];
+  const uploadResTransform = (fileList) => {
+    const _list = fileList.map((file) => {
+      if (file.status === "done" && file.response) {
+        const nfile = {
+          ...file
+        };
         if (filterOriginFileObj) {
-          return (0, _omit2.default)(nfile, 'originFileObj');
+          return (0, import_lodash.omit)(nfile, "originFileObj");
         }
         if (transformResponse) {
-          var data = transformResponse(file.response) || {};
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nfile), data);
+          const data = transformResponse(file.response) || {};
+          return {
+            ...nfile,
+            ...data
+          };
         }
         return nfile;
       }
@@ -106,202 +113,183 @@ var ProUpload = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     });
     return _list;
   };
-  var uploadFileItem = function uploadFileItem(file, index) {
-    var fd = new FormData();
+  const uploadFileItem = (file, index) => {
+    const fd = new FormData();
     fd.append(name, file.originFileObj);
     if (Array.isArray(Object.keys(dataParams))) {
-      Object.keys(dataParams).forEach(function (k) {
+      Object.keys(dataParams).forEach((k) => {
         fd.append(k, dataParams[k]);
       });
     }
-    var list = _fileList.slice();
-    var fileItem = list[index];
-    list[index] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fileItem), {}, {
+    const list = _fileList.slice();
+    const fileItem = list[index];
+    list[index] = {
+      ...fileItem,
       percent: 25,
-      status: 'uploading'
-    });
+      status: "uploading"
+    };
     setFileList(list);
-    onChange === null || onChange === void 0 ? void 0 : onChange(list);
+    onChange == null ? void 0 : onChange(list);
     fetch(action, {
-      method: method,
+      method,
       body: fd
-    }).then(function (res) {
-      var list = _fileList.slice();
-      var fileItem = list[index];
-      list[index] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fileItem), {}, {
+    }).then((res) => {
+      const list2 = _fileList.slice();
+      const fileItem2 = list2[index];
+      list2[index] = {
+        ...fileItem2,
         response: res,
         percent: 100,
-        status: 'done'
-      });
-      var nlist = uploadResTransform(list);
+        status: "done"
+      };
+      const nlist = uploadResTransform(list2);
       setFileList(nlist);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nlist);
+      onChange == null ? void 0 : onChange(nlist);
     });
   };
-  var uploadFiles = function uploadFiles() {
-    _fileList.forEach(function (Item, index) {
+  const uploadFiles = () => {
+    _fileList.forEach((Item, index) => {
       uploadFileItem(Item, index);
     });
   };
-  /**
-   * @description: 文件列表变化
-   * @return {*}
-   */
-  var handleFileChange = function handleFileChange(_ref2) {
-    var file = _ref2.file,
-      fileList = _ref2.fileList;
+  const handleFileChange = ({
+    file,
+    fileList
+  }) => {
     if (!file.status && action && !ref) {
-      var nFileList = fileList.filter(function (f) {
-        return f.uid !== file.uid;
-      });
+      let nFileList = fileList.filter((f) => f.uid !== file.uid);
       nFileList = uploadResTransform(nFileList);
       setFileList(nFileList);
       onChange && onChange(nFileList);
       return;
     }
     if (!action) {
-      if ((0, _uitls.validateFileExt)(extExt, file) && (0, _uitls.validateSize)(size, file)) {
-        var _fileList2 = uploadResTransform(fileList);
-        setFileList(_fileList2);
-        onChange && onChange(_fileList2);
+      if ((0, import_uitls.validateFileExt)(extExt, file) && (0, import_uitls.validateSize)(size, file)) {
+        const _fileList3 = uploadResTransform(fileList);
+        setFileList(_fileList3);
+        onChange && onChange(_fileList3);
         return;
       }
       return;
     }
-    var list = fileList.filter(function (file) {
-      return (0, _uitls.validateFileExt)(extExt, file) && (0, _uitls.validateSize)(size, file);
+    const list = fileList.filter((file2) => {
+      return (0, import_uitls.validateFileExt)(extExt, file2) && (0, import_uitls.validateSize)(size, file2);
     });
-    var _fileList = uploadResTransform(list);
-    setFileList(_fileList);
-    onChange && onChange(_fileList);
+    const _fileList2 = uploadResTransform(list);
+    setFileList(_fileList2);
+    onChange && onChange(_fileList2);
   };
-  /**
-   * @description: 文件上传前处理
-   * @param {UploadFile} file
-   * @param {UploadFile} fileList
-   * @return {*}
-   */
-  var handleBeforeUpload = function handleBeforeUpload(file, fileList) {
-    if (!(0, _uitls.validateFileExt)(extExt, file)) {
-      var _locale$ProUpload2;
-      _message2.default.error("".concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload2 = _locale.default.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.errorInfoExt, "\u3010").concat(extExt.join('、'), "\u3011"));
+  const handleBeforeUpload = (file, fileList) => {
+    var _a2, _b2, _c, _d;
+    if (!(0, import_uitls.validateFileExt)(extExt, file)) {
+      import_antd.message.error(`${(_b2 = (_a2 = import_locale.default) == null ? void 0 : _a2.ProUpload) == null ? void 0 : _b2.errorInfoExt}【${extExt.join("、")}】`);
       return false;
     }
-    if (!(0, _uitls.validateSize)(size, file)) {
-      var _locale$ProUpload3;
-      _message2.default.error("".concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProUpload3 = _locale.default.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.errorInfoSize).concat(size, "M"));
+    if (!(0, import_uitls.validateSize)(size, file)) {
+      import_antd.message.error(`${(_d = (_c = import_locale.default) == null ? void 0 : _c.ProUpload) == null ? void 0 : _d.errorInfoSize}${size}M`);
       return false;
     }
     if (beforeUpload) {
       return beforeUpload(file, fileList);
     }
   };
-  var handleRemove = function handleRemove(file) {
-    var nextList = _fileList.slice();
-    var nFile = nextList.filter(function (_file) {
-      return _file.uid !== file.uid;
-    });
+  const handleRemove = (file) => {
+    const nextList = _fileList.slice();
+    const nFile = nextList.filter((_file) => _file.uid !== file.uid);
     setFileList(nFile);
   };
-  // 自定义顶部
-  var _headerRender = function _headerRender() {
-    if ((0, _isFunction2.default)(headerRender)) {
+  const _headerRender = () => {
+    if ((0, import_lodash.isFunction)(headerRender)) {
       return headerRender();
     }
     return headerRender;
   };
-  // 自定义底部
-  var _footerRender = function _footerRender() {
-    if ((0, _isFunction2.default)(footerRender)) {
+  const _footerRender = () => {
+    if ((0, import_lodash.isFunction)(footerRender)) {
       return footerRender();
     }
     return footerRender;
   };
-  var onDragEnd = function onDragEnd(_ref3) {
-    var active = _ref3.active,
-      over = _ref3.over;
-    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
-      setFileList(function (prev) {
-        var activeIndex = prev.findIndex(function (i) {
-          return i.uid === active.id;
-        });
-        var overIndex = prev.findIndex(function (i) {
-          return i.uid === (over === null || over === void 0 ? void 0 : over.id);
-        });
-        var _list = (0, _sortable.arrayMove)(prev, activeIndex, overIndex);
+  const onDragEnd = ({ active, over }) => {
+    if (active.id !== (over == null ? void 0 : over.id)) {
+      setFileList((prev) => {
+        const activeIndex = prev.findIndex((i) => i.uid === active.id);
+        const overIndex = prev.findIndex((i) => i.uid === (over == null ? void 0 : over.id));
+        const _list = (0, import_sortable.arrayMove)(prev, activeIndex, overIndex);
         onChange && onChange(_list);
         return _list;
       });
     }
   };
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      uploadStart: uploadFiles
-    };
-  }, [_fileList]);
-  // 通用props
-  var baseUploadProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    action: action,
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => {
+      return {
+        uploadStart: uploadFiles
+      };
+    },
+    [_fileList]
+  );
+  const baseUploadProps = {
+    action,
     beforeUpload: handleBeforeUpload,
     onRemove: handleRemove,
     onChange: handleFileChange,
-    maxCount: maxCount,
-    showUploadList: showUploadList,
-    method: method,
-    accept: accept,
-    data: (0, _objectSpread2.default)({}, dataParams),
-    name: name
-  }, residueProps), {}, {
+    maxCount,
+    showUploadList,
+    method,
+    accept,
+    data: { ...dataParams },
+    name,
+    ...residueProps,
     customRequest: !action && !residueProps.customRequest ? defaultCustomRequest : residueProps.customRequest
-  });
-  var baseProps = {
-    isView: isView,
+  };
+  const baseProps = {
+    isView,
     headerRender: _headerRender,
     footerRender: _footerRender,
-    centerRender: centerRender,
-    sensor: sensor,
+    centerRender,
+    sensor,
     fileList: _fileList,
-    baseUploadProps: baseUploadProps,
-    onDragEnd: onDragEnd,
-    onPreview: onPreview,
-    onDownload: onDownload,
-    onRemove: onRemove,
-    onChange: onChange,
-    setFileList: setFileList,
-    extExt: extExt,
-    maxCount: maxCount,
+    baseUploadProps,
+    onDragEnd,
+    onPreview,
+    onDownload,
+    onRemove,
+    onChange,
+    setFileList,
+    extExt,
+    maxCount,
     disabled: disabled || isView,
-    buttonText: buttonText,
-    extraTipText: extraTipText,
-    afterRender: afterRender,
-    isConfirmDelete: isConfirmDelete
+    buttonText,
+    extraTipText,
+    afterRender,
+    isConfirmDelete
   };
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     if (fieldNames && value.length > 0) {
-      var _value = value.map(function (file) {
-        var _keys = Object.keys(fieldNames);
-        _keys.forEach(function (key) {
+      const _value = value.map((file) => {
+        const _keys = Object.keys(fieldNames);
+        _keys.forEach((key) => {
           if (!file[key]) {
             file[key] = file[fieldNames[key]];
           }
         });
         if (!file.uid) {
-          file.uid = "".concat(Math.ceil(Math.random() * 10000));
+          file.uid = `${Math.ceil(Math.random() * 1e4)}`;
         }
         if (!file.status) {
-          file.status = 'done';
+          file.status = "done";
         }
-        return (0, _objectSpread2.default)({}, file);
+        return {
+          ...file
+        };
       });
       setFileList(_value || []);
     } else {
       setFileList(value || []);
     }
   }, [value]);
-  return (0, _jsxRuntime.jsxs)("div", {
-    id: residueProps.id,
-    className: "pro-upload ".concat(className !== null && className !== void 0 ? className : ''),
-    children: [uploadType === 'drag' && (0, _jsxRuntime.jsx)(_DragRender.default, (0, _objectSpread2.default)({}, baseProps)), uploadType === 'button' && (0, _jsxRuntime.jsx)(_ButtonRender.default, (0, _objectSpread2.default)({}, baseProps)), uploadType === 'image' && (0, _jsxRuntime.jsx)(_ImageRender.default, (0, _objectSpread2.default)({}, baseProps))]
-  });
+  return /* @__PURE__ */ import_react.default.createElement("div", { id: residueProps.id, className: `pro-upload ${className ?? ""}` }, uploadType === "drag" && /* @__PURE__ */ import_react.default.createElement(import_DragRender.default, { ...baseProps }), uploadType === "button" && /* @__PURE__ */ import_react.default.createElement(import_ButtonRender.default, { ...baseProps }), uploadType === "image" && /* @__PURE__ */ import_react.default.createElement(import_ImageRender.default, { ...baseProps }));
 });
-var _default = exports.default = ProUpload;
+var ProUpload_default = ProUpload;

package/lib/ProUpload/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/ProUpload/propsType.ts
+var propsType_exports = {};
+module.exports = __toCommonJS(propsType_exports);