@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.3

package/es/ProUpload/index.js

@@ -1,20 +1,7 @@
-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", "customTextRender"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import _omit from "lodash/omit";
+import _isFunction from "lodash/isFunction";
 import React, { useEffect, useState, useImperativeHandle } from 'react';
 import { message } from 'antd';
-import { isFunction, omit } from 'lodash';
 import { PointerSensor, useSensor } from '@dnd-kit/core';
 import { arrayMove } from '@dnd-kit/sortable';
 import { useProConfig } from "../ProConfigProvider";
@@ -24,78 +11,77 @@ import ImageRender from "./components/ImageRender";
 import { validateSize, validateFileExt } from "./uitls";
 import locale from "../locale";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var defaultCustomRequest = option => option.onSuccess();
-var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
-  var _locale$ProUpload;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_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 === null || locale === void 0 || (_locale$ProUpload = locale.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,
-    customTextRender = props.customTextRender,
-    residueProps = _objectWithoutProperties(props, _excluded);
-  var isView = (props === null || props === void 0 ? void 0 : props.isView) || (otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView);
-  var sensor = useSensor(PointerSensor, {
+const defaultCustomRequest = option => option.onSuccess();
+const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const [_fileList, setFileList] = 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 = locale?.ProUpload?.exampleTitle,
+    exampleContent,
+    exampleModalProps,
+    buttonText,
+    afterRender,
+    fieldNames,
+    isConfirmDelete,
+    customTextRender,
+    ...residueProps
+  } = props;
+  const isView = props?.isView || otherProps?.isView;
+  const sensor = useSensor(PointerSensor, {
     activationConstraint: {
       distance: 10
     }
   });
-  var _ref = useProConfig('ProUpload') || {},
-    headers = _ref.headers;
-  residueProps.headers = _objectSpread(_objectSpread({}, headers), residueProps.headers);
-  var extExt = accept ? accept.split(',').map(i => i.toLocaleUpperCase()) : [];
-  var uploadResTransform = fileList => {
-    var _list = fileList.map(file => {
+  const {
+    headers
+  } = 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) {
-        var nfile = _objectSpread({}, file);
+        const nfile = {
+          ...file
+        };
         // 过滤掉originFileObj
         if (filterOriginFileObj) {
-          return omit(nfile, 'originFileObj');
+          return _omit(nfile, 'originFileObj');
         }
         if (transformResponse) {
-          var data = transformResponse(file.response) || {};
-          return _objectSpread(_objectSpread({}, nfile), data);
+          const data = transformResponse(file.response) || {};
+          return {
+            ...nfile,
+            ...data
+          };
         }
         return nfile;
       }
@@ -103,39 +89,41 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
     });
     return _list;
   };
-  var 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(k => {
         fd.append(k, dataParams[k]);
       });
     }
-    var list = _fileList.slice();
-    var fileItem = list[index];
-    list[index] = _objectSpread(_objectSpread({}, fileItem), {}, {
+    const list = _fileList.slice();
+    const fileItem = list[index];
+    list[index] = {
+      ...fileItem,
       percent: 25,
       status: 'uploading'
-    });
+    };
     setFileList(list);
-    onChange === null || onChange === void 0 || onChange(list);
+    onChange?.(list);
     fetch(action, {
       method,
       body: fd
     }).then(res => {
-      var list = _fileList.slice();
-      var fileItem = list[index];
-      list[index] = _objectSpread(_objectSpread({}, fileItem), {}, {
+      const list = _fileList.slice();
+      const fileItem = list[index];
+      list[index] = {
+        ...fileItem,
         response: res,
         percent: 100,
         status: 'done'
-      });
-      var nlist = uploadResTransform(list);
+      };
+      const nlist = uploadResTransform(list);
       setFileList(nlist);
-      onChange === null || onChange === void 0 || onChange(nlist);
+      onChange?.(nlist);
     });
   };
-  var uploadFiles = () => {
+  const uploadFiles = () => {
     _fileList.forEach((Item, index) => {
       uploadFileItem(Item, index);
     });
@@ -145,11 +133,12 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
    * @description: 文件列表变化
    * @return {*}
    */
-  var handleFileChange = _ref2 => {
-    var file = _ref2.file,
-      fileList = _ref2.fileList;
+  const handleFileChange = ({
+    file,
+    fileList
+  }) => {
     if (!file.status && action && !ref) {
-      var nFileList = fileList.filter(f => f.uid !== file.uid);
+      let nFileList = fileList.filter(f => f.uid !== file.uid);
       nFileList = uploadResTransform(nFileList);
       setFileList(nFileList);
       onChange && onChange(nFileList);
@@ -157,17 +146,17 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
     if (!action) {
       if (validateFileExt(extExt, file) && validateSize(size, file)) {
-        var _fileList2 = uploadResTransform(fileList);
-        setFileList(_fileList2);
-        onChange && onChange(_fileList2);
+        const _fileList = uploadResTransform(fileList);
+        setFileList(_fileList);
+        onChange && onChange(_fileList);
         return;
       }
       return;
     }
-    var list = fileList.filter(file => {
+    const list = fileList.filter(file => {
       return validateFileExt(extExt, file) && validateSize(size, file);
     });
-    var _fileList = uploadResTransform(list);
+    const _fileList = uploadResTransform(list);
     setFileList(_fileList);
     onChange && onChange(_fileList);
   };
@@ -178,50 +167,49 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
    * @param {UploadFile} fileList
    * @return {*}
    */
-  var handleBeforeUpload = (file, fileList) => {
+  const handleBeforeUpload = (file, fileList) => {
     if (!validateFileExt(extExt, file)) {
-      var _locale$ProUpload2;
-      message.error(`${locale === null || locale === void 0 || (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.errorInfoExt}【${extExt.join('、')}】`);
+      message.error(`${locale?.ProUpload?.errorInfoExt}【${extExt.join('、')}】`);
       return false;
     }
     if (!validateSize(size, file)) {
-      var _locale$ProUpload3;
-      message.error(`${locale === null || locale === void 0 || (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.errorInfoSize}${size}M`);
+      message.error(`${locale?.ProUpload?.errorInfoSize}${size}M`);
       return false;
     }
     if (beforeUpload) {
       return beforeUpload(file, fileList);
     }
   };
-  var handleRemove = file => {
-    var nextList = _fileList.slice();
-    var nFile = nextList.filter(_file => _file.uid !== file.uid);
+  const handleRemove = file => {
+    const nextList = _fileList.slice();
+    const nFile = nextList.filter(_file => _file.uid !== file.uid);
     setFileList(nFile);
   };
 
   // 自定义顶部
-  var _headerRender = () => {
-    if (isFunction(headerRender)) {
+  const _headerRender = () => {
+    if (_isFunction(headerRender)) {
       return headerRender();
     }
     return headerRender;
   };
 
   // 自定义底部
-  var _footerRender = () => {
-    if (isFunction(footerRender)) {
+  const _footerRender = () => {
+    if (_isFunction(footerRender)) {
       return footerRender();
     }
     return footerRender;
   };
-  var onDragEnd = _ref3 => {
-    var active = _ref3.active,
-      over = _ref3.over;
-    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+  const onDragEnd = ({
+    active,
+    over
+  }) => {
+    if (active.id !== over?.id) {
       setFileList(prev => {
-        var activeIndex = prev.findIndex(i => i.uid === active.id);
-        var overIndex = prev.findIndex(i => i.uid === (over === null || over === void 0 ? void 0 : over.id));
-        var _list = arrayMove(prev, activeIndex, overIndex);
+        const activeIndex = prev.findIndex(i => i.uid === active.id);
+        const overIndex = prev.findIndex(i => i.uid === over?.id);
+        const _list = arrayMove(prev, activeIndex, overIndex);
         onChange && onChange(_list);
         return _list;
       });
@@ -234,7 +222,7 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, [_fileList]);
 
   // 通用props
-  var baseUploadProps = _objectSpread(_objectSpread({
+  const baseUploadProps = {
     action,
     beforeUpload: handleBeforeUpload,
     onRemove: handleRemove,
@@ -243,12 +231,14 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
     showUploadList,
     method,
     accept,
-    data: _objectSpread({}, dataParams),
-    name
-  }, residueProps), {}, {
+    data: {
+      ...dataParams
+    },
+    name,
+    ...residueProps,
     customRequest: !action && !residueProps.customRequest ? defaultCustomRequest : residueProps.customRequest
-  });
-  var baseProps = {
+  };
+  const baseProps = {
     isView,
     headerRender: _headerRender,
     footerRender: _footerRender,
@@ -273,8 +263,8 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
   useEffect(() => {
     if (fieldNames && value.length > 0) {
-      var _value = value.map(file => {
-        var _keys = Object.keys(fieldNames);
+      const _value = value.map(file => {
+        const _keys = Object.keys(fieldNames);
         _keys.forEach(key => {
           if (!file[key]) {
             file[key] = file[fieldNames[key]];
@@ -286,7 +276,9 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
         if (!file.status) {
           file.status = 'done';
         }
-        return _objectSpread({}, file);
+        return {
+          ...file
+        };
       });
       setFileList(_value || []);
     } else {
@@ -295,8 +287,14 @@ var ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, [value]);
   return /*#__PURE__*/_jsxs("div", {
     id: residueProps.id,
-    className: `pro-upload ${className !== null && className !== void 0 ? className : ''}`,
-    children: [uploadType === 'drag' && /*#__PURE__*/_jsx(DragRender, _objectSpread({}, baseProps)), uploadType === 'button' && /*#__PURE__*/_jsx(ButtonRender, _objectSpread({}, baseProps)), uploadType === 'image' && /*#__PURE__*/_jsx(ImageRender, _objectSpread({}, baseProps))]
+    className: `pro-upload ${className ?? ''}`,
+    children: [uploadType === 'drag' && /*#__PURE__*/_jsx(DragRender, {
+      ...baseProps
+    }), uploadType === 'button' && /*#__PURE__*/_jsx(ButtonRender, {
+      ...baseProps
+    }), uploadType === 'image' && /*#__PURE__*/_jsx(ImageRender, {
+      ...baseProps
+    })]
   });
 });
 export default ProUpload;

package/es/ProUpload/uitls.js

@@ -1,12 +1,12 @@
 import { getFileExt } from "./components/FileItem";
-export var validateSize = (size, file) => {
+export const validateSize = (size, file) => {
   if (size !== undefined && file.size) {
     return file.size <= size * 1024 * 1024;
   }
   return true;
 };
-export var validateFileExt = (fileExts, file) => {
-  var ext = getFileExt(file.name);
+export const validateFileExt = (fileExts, file) => {
+  const ext = getFileExt(file.name);
   if (!fileExts.includes(ext.toLocaleUpperCase()) && fileExts.length > 0) {
     return false;
   }

package/es/ProUtils/utils/index.js

@@ -1,14 +1,10 @@
 import { tools } from '@zat-design/utils';
-var calc = tools.calc;
-export var valueTypeRender = {
-  percentage: (val, precision) => {
-    var _calc;
-    return (_calc = calc(val !== null && val !== void 0 ? val : 0, '*', 100)) === null || _calc === void 0 ? void 0 : _calc.toFixed(precision);
-  },
-  permillage: (val, precision) => {
-    var _calc2;
-    return (_calc2 = calc(val !== null && val !== void 0 ? val : 0, '*', 1000)) === null || _calc2 === void 0 ? void 0 : _calc2.toFixed(precision);
-  },
+const {
+  calc
+} = tools;
+export const valueTypeRender = {
+  percentage: (val, precision) => calc(val ?? 0, '*', 100)?.toFixed(precision),
+  permillage: (val, precision) => calc(val ?? 0, '*', 1000)?.toFixed(precision),
   thousandth: (val, precision) => Number(val).toLocaleString('en-us', {
     minimumFractionDigits: precision,
     maximumFractionDigits: precision