@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

package/es/ProUpload/index.js

@@ -1,9 +1,10 @@
-import _omit from "lodash/omit";
-import _isFunction from "lodash/isFunction";
-import React, { useEffect, useState, useImperativeHandle } from 'react';
-import { message } from 'antd';
-import { PointerSensor, useSensor } from '@dnd-kit/core';
-import { arrayMove } from '@dnd-kit/sortable';
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState, useImperativeHandle } from "react";
+import { message } from "antd";
+import isFunction from "lodash/isFunction";
+import omit from "lodash/omit";
+import { PointerSensor, useSensor } from "@dnd-kit/core";
+import { arrayMove } from "@dnd-kit/sortable";
 import { useProConfig } from "../ProConfigProvider";
 import { generateId } from "../utils";
 import DragRender from "./components/DragRender";
@@ -11,9 +12,9 @@ import ButtonRender from "./components/ButtonRender";
 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";
-const defaultCustomRequest = option => option.onSuccess();
-const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
+const defaultCustomRequest = (option) => option.onSuccess();
+const ProUpload = React.forwardRef((props, ref) => {
+  var _a, _b;
   const [_fileList, setFileList] = useState([]);
   const {
     value,
@@ -24,7 +25,7 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
     footerRender,
     centerRender,
     disabled,
-    uploadType = 'drag',
+    uploadType = "drag",
     buttonProps,
     accept,
     extraTipText,
@@ -34,16 +35,16 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
     onPreview,
     onRemove,
     filterOriginFileObj = false,
-    method = 'post',
+    method = "post",
     className,
     dataParams,
-    name = 'file',
+    name = "file",
     showExampleContent = false,
     showUploadList = true,
     // @ts-ignore
     otherProps,
     transformResponse,
-    exampleTitle = locale?.ProUpload?.exampleTitle,
+    exampleTitle = (_b = (_a = locale) == null ? void 0 : _a.ProUpload) == null ? void 0 : _b.exampleTitle,
     exampleContent,
     exampleModalProps,
     buttonText,
@@ -53,29 +54,21 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
     customTextRender,
     ...residueProps
   } = props;
-  const isView = props?.isView || otherProps?.isView;
+  const isView = (props == null ? void 0 : props.isView) || (otherProps == null ? void 0 : otherProps.isView);
   const sensor = useSensor(PointerSensor, {
-    activationConstraint: {
-      distance: 10
-    }
+    activationConstraint: { distance: 10 }
   });
-  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) {
+  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) {
         const nfile = {
           ...file
         };
-        // 过滤掉originFileObj
         if (filterOriginFileObj) {
-          return _omit(nfile, 'originFileObj');
+          return omit(nfile, "originFileObj");
         }
         if (transformResponse) {
           const data = transformResponse(file.response) || {};
@@ -94,7 +87,7 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
     const fd = new FormData();
     fd.append(name, file.originFileObj);
     if (Array.isArray(Object.keys(dataParams))) {
-      Object.keys(dataParams).forEach(k => {
+      Object.keys(dataParams).forEach((k) => {
         fd.append(k, dataParams[k]);
       });
     }
@@ -103,25 +96,25 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
     list[index] = {
       ...fileItem,
       percent: 25,
-      status: 'uploading'
+      status: "uploading"
     };
     setFileList(list);
-    onChange?.(list);
+    onChange == null ? void 0 : onChange(list);
     fetch(action, {
       method,
       body: fd
-    }).then(res => {
-      const list = _fileList.slice();
-      const fileItem = list[index];
-      list[index] = {
-        ...fileItem,
+    }).then((res) => {
+      const list2 = _fileList.slice();
+      const fileItem2 = list2[index];
+      list2[index] = {
+        ...fileItem2,
         response: res,
         percent: 100,
-        status: 'done'
+        status: "done"
       };
-      const nlist = uploadResTransform(list);
+      const nlist = uploadResTransform(list2);
       setFileList(nlist);
-      onChange?.(nlist);
+      onChange == null ? void 0 : onChange(nlist);
     });
   };
   const uploadFiles = () => {
@@ -129,17 +122,12 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
       uploadFileItem(Item, index);
     });
   };
-
-  /**
-   * @description: 文件列表变化
-   * @return {*}
-   */
   const handleFileChange = ({
     file,
     fileList
   }) => {
     if (!file.status && action && !ref) {
-      let 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);
@@ -147,69 +135,56 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
     if (!action) {
       if (validateFileExt(extExt, file) && validateSize(size, file)) {
-        const _fileList = uploadResTransform(fileList);
-        setFileList(_fileList);
-        onChange && onChange(_fileList);
+        const _fileList3 = uploadResTransform(fileList);
+        setFileList(_fileList3);
+        onChange && onChange(_fileList3);
         return;
       }
       return;
     }
-    const list = fileList.filter(file => {
-      return validateFileExt(extExt, file) && validateSize(size, file);
+    const list = fileList.filter((file2) => {
+      return validateFileExt(extExt, file2) && validateSize(size, file2);
     });
-    const _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 {*}
-   */
   const handleBeforeUpload = (file, fileList) => {
+    var _a2, _b2, _c, _d;
     if (!validateFileExt(extExt, file)) {
-      message.error(`${locale?.ProUpload?.errorInfoExt}【${extExt.join('、')}】`);
+      message.error(`${(_b2 = (_a2 = locale) == null ? void 0 : _a2.ProUpload) == null ? void 0 : _b2.errorInfoExt}【${extExt.join("、")}】`);
       return false;
     }
     if (!validateSize(size, file)) {
-      message.error(`${locale?.ProUpload?.errorInfoSize}${size}M`);
+      message.error(`${(_d = (_c = locale) == null ? void 0 : _c.ProUpload) == null ? void 0 : _d.errorInfoSize}${size}M`);
       return false;
     }
     if (beforeUpload) {
       return beforeUpload(file, fileList);
     }
   };
-  const handleRemove = file => {
+  const handleRemove = (file) => {
     const nextList = _fileList.slice();
-    const nFile = nextList.filter(_file => _file.uid !== file.uid);
+    const nFile = nextList.filter((_file) => _file.uid !== file.uid);
     setFileList(nFile);
   };
-
-  // 自定义顶部
   const _headerRender = () => {
-    if (_isFunction(headerRender)) {
+    if (isFunction(headerRender)) {
       return headerRender();
     }
     return headerRender;
   };
-
-  // 自定义底部
   const _footerRender = () => {
-    if (_isFunction(footerRender)) {
+    if (isFunction(footerRender)) {
       return footerRender();
     }
     return footerRender;
   };
-  const onDragEnd = ({
-    active,
-    over
-  }) => {
-    if (active.id !== over?.id) {
-      setFileList(prev => {
-        const activeIndex = prev.findIndex(i => i.uid === active.id);
-        const overIndex = prev.findIndex(i => i.uid === over?.id);
+  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 = arrayMove(prev, activeIndex, overIndex);
         onChange && onChange(_list);
         return _list;
@@ -221,8 +196,6 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
       uploadStart: uploadFiles
     };
   }, [_fileList]);
-
-  // 通用props
   const baseUploadProps = {
     action,
     beforeUpload: handleBeforeUpload,
@@ -232,9 +205,7 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
     showUploadList,
     method,
     accept,
-    data: {
-      ...dataParams
-    },
+    data: { ...dataParams },
     name,
     ...residueProps,
     customRequest: !action && !residueProps.customRequest ? defaultCustomRequest : residueProps.customRequest
@@ -264,9 +235,9 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
   useEffect(() => {
     if (fieldNames && value.length > 0) {
-      const _value = value.map(file => {
+      const _value = value.map((file) => {
         const _keys = Object.keys(fieldNames);
-        _keys.forEach(key => {
+        _keys.forEach((key) => {
           if (!file[key]) {
             file[key] = file[fieldNames[key]];
           }
@@ -275,7 +246,7 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
           file.uid = generateId();
         }
         if (!file.status) {
-          file.status = 'done';
+          file.status = "done";
         }
         return {
           ...file
@@ -286,16 +257,13 @@ const ProUpload = /*#__PURE__*/React.forwardRef((props, ref) => {
       setFileList(value || []);
     }
   }, [value]);
-  return /*#__PURE__*/_jsxs("div", {
-    id: residueProps.id,
-    className: `pro-upload ${className ?? ''}`,
-    children: [uploadType === 'drag' && /*#__PURE__*/_jsx(DragRender, {
-      ...baseProps
-    }), uploadType === 'button' && /*#__PURE__*/_jsx(ButtonRender, {
-      ...baseProps
-    }), uploadType === 'image' && /*#__PURE__*/_jsx(ImageRender, {
-      ...baseProps
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { id: residueProps.id, 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;
+var ProUpload_default = ProUpload;
+export {
+  ProUpload_default as default
+};

package/es/ProUpload/propsType.js

@@ -1 +0,0 @@
-export {};

package/es/ProUpload/uitls.js

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

package/es/ProUtils/utils/index.js

@@ -1,16 +1,20 @@
-import { tools } from '@zat-design/utils';
-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', {
+import { tools } from "@zat-design/utils";
+const { calc } = tools;
+const valueTypeRender = {
+  percentage: (val, precision) => {
+    var _a;
+    return (_a = calc(val ?? 0, "*", 100)) == null ? void 0 : _a.toFixed(precision);
+  },
+  permillage: (val, precision) => {
+    var _a;
+    return (_a = calc(val ?? 0, "*", 1e3)) == null ? void 0 : _a.toFixed(precision);
+  },
+  thousandth: (val, precision) => Number(val).toLocaleString("en-us", {
     minimumFractionDigits: precision,
     maximumFractionDigits: precision
   }),
-  thousandthCNY: (val, precision) => `CNY ${Number(val).toLocaleString('en-us', {
-    minimumFractionDigits: precision,
-    maximumFractionDigits: precision
-  })}`
-};
+  thousandthCNY: (val, precision) => `CNY ${Number(val).toLocaleString("en-us", { minimumFractionDigits: precision, maximumFractionDigits: precision })}`
+};
+export {
+  valueTypeRender
+};