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

package/es/ProUpload/components/DraggableUploadListItem.js

@@ -1,32 +1,19 @@
-import React from 'react';
-import { CSS } from '@dnd-kit/utilities';
-import { useSortable } from '@dnd-kit/sortable';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const DraggableUploadListItem = ({
-  file,
-  children
-}) => {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition
-  } = useSortable({
+import { jsx } from "react/jsx-runtime";
+import { CSS } from "@dnd-kit/utilities";
+import { useSortable } from "@dnd-kit/sortable";
+const DraggableUploadListItem = ({ file, children }) => {
+  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
     id: file.uid
   });
   const style = {
     transform: CSS.Transform.toString(transform),
     transition,
-    cursor: 'move',
+    cursor: "move",
     zIndex: 10,
-    position: 'relative'
+    position: "relative"
   };
-  return /*#__PURE__*/_jsx("div", {
-    ref: setNodeRef,
-    style: style,
-    ...attributes,
-    ...listeners,
-    children: children
-  });
-};
+  return /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, ...attributes, ...listeners, children });
+};
+export {
+  DraggableUploadListItem
+};

package/es/ProUpload/components/Example.js

@@ -1,14 +1,10 @@
-import React, { useState } from 'react';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import ProDrawerForm from "../../ProDrawerForm";
 import locale from "../../locale";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Example = props => {
-  const {
-    exampleContent,
-    className,
-    exampleTitle,
-    exampleModalProps
-  } = props;
+const Example = (props) => {
+  var _a, _b;
+  const { exampleContent, className, exampleTitle, exampleModalProps } = props;
   const [visible, setVisible] = useState(false);
   const handleShowModal = () => {
     setVisible(true);
@@ -16,25 +12,25 @@ export const Example = props => {
   const handleCancel = () => {
     setVisible(false);
   };
-  return /*#__PURE__*/_jsxs("div", {
-    className: className,
-    children: [/*#__PURE__*/_jsx("div", {
-      onClick: handleShowModal,
-      children: locale?.ProUpload?.exampleTitle
-    }), /*#__PURE__*/_jsx(ProDrawerForm, {
-      title: exampleTitle,
-      width: "600",
-      open: visible,
-      mode: "Modal",
-      onCancel: handleCancel,
-      modalProps: {
-        ...exampleModalProps
-      },
-      disabled: true,
-      children: /*#__PURE__*/_jsx("div", {
-        className: "pro-upload-example",
-        children: exampleContent
-      })
-    })]
-  });
-};
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx("div", { onClick: handleShowModal, children: (_b = (_a = locale) == null ? void 0 : _a.ProUpload) == null ? void 0 : _b.exampleTitle }),
+    /* @__PURE__ */ jsx(
+      ProDrawerForm,
+      {
+        title: exampleTitle,
+        width: "600",
+        open: visible,
+        mode: "Modal",
+        onCancel: handleCancel,
+        modalProps: {
+          ...exampleModalProps
+        },
+        disabled: true,
+        children: /* @__PURE__ */ jsx("div", { className: "pro-upload-example", children: exampleContent })
+      }
+    )
+  ] });
+};
+export {
+  Example
+};

package/es/ProUpload/components/FileItem.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Progress, Button, Popconfirm } from 'antd';
-import { ReactSVG } from 'react-svg';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Progress, Button, Popconfirm } from "antd";
+import { ReactSVG } from "react-svg";
 import PDF from "../style/icon-PDF.png";
 import TXT from "../style/icon-TXT.png";
 import EXCEL from "../style/icon-excel.png";
@@ -10,43 +10,29 @@ import lookSvg from "../../assets/look.svg";
 import deleteSvg from "../../assets/delete.svg";
 import downloadSvg from "../../assets/download.svg";
 import locale from "../../locale";
-
-/**
- * @description: b 转成 Kb
- * @param {*} num
- * @return {*}
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const bToKb = num => {
-  return num ? (num / 1024).toFixed(2) : '';
+const bToKb = (num) => {
+  return num ? (num / 1024).toFixed(2) : "";
 };
-
-/**
- * @description: 获取文件后缀名
- * @param {*} fileName
- * @return {*}
- */
-export const getFileExt = fileName => {
-  if (!fileName) return '';
-  return fileName.substring(fileName.lastIndexOf('.'));
+const getFileExt = (fileName) => {
+  if (!fileName)
+    return "";
+  return fileName.substring(fileName.lastIndexOf("."));
 };
-
-/**
- * @description: 根据文件扩展名获取图标地址
- * @param {string} fileExt
- * @return {*}
- */
-export const getFileIcon = fileExt => {
-  if (['.PDF'].includes(fileExt.toLocaleUpperCase())) return PDF;
-  if (['.TXT', '.JSON'].includes(fileExt.toLocaleUpperCase())) return TXT;
-  if (['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(fileExt.toLocaleUpperCase())) {
+const getFileIcon = (fileExt) => {
+  if ([".PDF"].includes(fileExt.toLocaleUpperCase()))
+    return PDF;
+  if ([".TXT", ".JSON"].includes(fileExt.toLocaleUpperCase()))
+    return TXT;
+  if ([".PNG", ".JPG", ".JPEG", ".GIF", ".BMP", ".JPE"].includes(fileExt.toLocaleUpperCase())) {
     return PIC;
   }
-  if (['.DOC', '.DOCX'].includes(fileExt.toLocaleUpperCase())) return WORD;
-  if (['.XLS', '.XLSX'].includes(fileExt.toLocaleUpperCase())) return EXCEL;
+  if ([".DOC", ".DOCX"].includes(fileExt.toLocaleUpperCase()))
+    return WORD;
+  if ([".XLS", ".XLSX"].includes(fileExt.toLocaleUpperCase()))
+    return EXCEL;
   return TXT;
 };
-const FileItem = props => {
+const FileItem = (props) => {
   const {
     file,
     disabled,
@@ -75,96 +61,44 @@ const FileItem = props => {
   const _fileExt = getFileExt(file.name);
   const _fileSize = bToKb(file.size);
   const _fileIcon = getFileIcon(_fileExt);
-  const _isShowDownloadIcon = file.status === 'done' && onDownload;
+  const _isShowDownloadIcon = file.status === "done" && onDownload;
   const _showPreViewIcon = onPreview;
   const _showRemoveIcon = showRemoveIcon;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "filelist-item-wrapper",
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `file-info-box ${file.status === 'error' ? 'file-box-error' : ''}`,
-      children: [!hideFileIcon && /*#__PURE__*/_jsx("div", {
-        className: "file-type-icon",
-        children: /*#__PURE__*/_jsx("img", {
-          src: _fileIcon
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: `file-name ${hideFileIcon ? 'file-name-pf0' : ''}`,
-        children: file.name.replace(_fileExt, '')
-      }), /*#__PURE__*/_jsx("div", {
-        className: "file-ext",
-        children: _fileExt
-      }), _fileSize && /*#__PURE__*/_jsx("div", {
-        className: "file-size",
-        children: `(${_fileSize || 0}kb)`
-      }), /*#__PURE__*/_jsx("div", {
-        className: "file-actions-wrap",
-        children: /*#__PURE__*/_jsxs("div", {
-          className: "file-actions",
-          children: [_isShowDownloadIcon && /*#__PURE__*/_jsx(Button, {
-            type: "link",
-            className: "file-action-item",
-            onClick: _onDownload,
-            children: /*#__PURE__*/_jsx(ReactSVG, {
-              className: "action-icon",
-              wrapper: "span",
-              src: downloadSvg
-            })
-          }), _showPreViewIcon && /*#__PURE__*/_jsx(Button, {
-            type: "link",
-            className: "file-action-item",
-            onClick: _onPreview,
-            children: /*#__PURE__*/_jsx(ReactSVG, {
-              className: "action-icon",
-              wrapper: "span",
-              color: "#006aff",
-              src: lookSvg
-            })
-          }), _showRemoveIcon && !disabled && (isConfirmDelete ? /*#__PURE__*/_jsx(Popconfirm, {
+  return /* @__PURE__ */ jsxs("div", { className: "filelist-item-wrapper", children: [
+    /* @__PURE__ */ jsxs("div", { className: `file-info-box ${file.status === "error" ? "file-box-error" : ""}`, children: [
+      !hideFileIcon && /* @__PURE__ */ jsx("div", { className: "file-type-icon", children: /* @__PURE__ */ jsx("img", { src: _fileIcon }) }),
+      /* @__PURE__ */ jsx("div", { className: `file-name ${hideFileIcon ? "file-name-pf0" : ""}`, children: file.name.replace(_fileExt, "") }),
+      /* @__PURE__ */ jsx("div", { className: "file-ext", children: _fileExt }),
+      _fileSize && /* @__PURE__ */ jsx("div", { className: "file-size", children: `(${_fileSize || 0}kb)` }),
+      /* @__PURE__ */ jsx("div", { className: "file-actions-wrap", children: /* @__PURE__ */ jsxs("div", { className: "file-actions", children: [
+        _isShowDownloadIcon && /* @__PURE__ */ jsx(Button, { type: "link", className: "file-action-item", onClick: _onDownload, children: /* @__PURE__ */ jsx(ReactSVG, { className: "action-icon", wrapper: "span", src: downloadSvg }) }),
+        _showPreViewIcon && /* @__PURE__ */ jsx(Button, { type: "link", className: "file-action-item", onClick: _onPreview, children: /* @__PURE__ */ jsx(ReactSVG, { className: "action-icon", wrapper: "span", color: "#006aff", src: lookSvg }) }),
+        _showRemoveIcon && !disabled && (isConfirmDelete ? /* @__PURE__ */ jsx(
+          Popconfirm,
+          {
             title: locale.ProUpload.deleteConfirmTitle,
             onConfirm: _onRemove,
             okText: locale.ProDrawerForm.confirm,
             cancelText: locale.ProDrawerForm.cancel,
-            children: /*#__PURE__*/_jsx(Button, {
-              type: "link",
-              className: "file-action-item",
-              disabled: disabled,
-              children: /*#__PURE__*/_jsx(ReactSVG, {
-                className: "action-icon",
-                wrapper: "span",
-                src: deleteSvg
-              })
-            })
-          }) : /*#__PURE__*/_jsx(Button, {
+            children: /* @__PURE__ */ jsx(Button, { type: "link", className: "file-action-item", disabled, children: /* @__PURE__ */ jsx(ReactSVG, { className: "action-icon", wrapper: "span", src: deleteSvg }) })
+          }
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
             type: "link",
             className: "file-action-item",
-            disabled: disabled,
+            disabled,
             onClick: _onRemove,
-            children: /*#__PURE__*/_jsx(ReactSVG, {
-              className: "action-icon",
-              wrapper: "span",
-              src: deleteSvg
-            })
-          }))]
-        })
-      })]
-    }), file.status === 'uploading' && /*#__PURE__*/_jsx("div", {
-      className: "file-progress",
-      children: /*#__PURE__*/_jsx(Progress, {
-        percent: Math.ceil(file.percent),
-        size: 2
-      })
-    })]
-  });
+            children: /* @__PURE__ */ jsx(ReactSVG, { className: "action-icon", wrapper: "span", src: deleteSvg })
+          }
+        ))
+      ] }) })
+    ] }),
+    file.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "file-progress", children: /* @__PURE__ */ jsx(Progress, { percent: Math.ceil(file.percent), size: 2 }) })
+  ] });
 };
-const DragSingleFileItem = props => {
-  const {
-    file,
-    disabled,
-    onRemove,
-    onDownload,
-    onPreview,
-    showRemoveIcon = true
-  } = props;
+const DragSingleFileItem = (props) => {
+  const { file, disabled, onRemove, onDownload, onPreview, showRemoveIcon = true } = props;
   const _onPreview = () => {
     if (onPreview) {
       return onPreview(file);
@@ -177,54 +111,26 @@ const DragSingleFileItem = props => {
   };
   const _fileExt = getFileExt(file.name);
   const _fileSize = bToKb(file.size);
-  const _isShowDownloadIcon = file.status === 'done' && onDownload;
-  const _showPreViewIcon = file.status === 'done' && onPreview;
+  const _isShowDownloadIcon = file.status === "done" && onDownload;
+  const _showPreViewIcon = file.status === "done" && onPreview;
   const _showRemoveIcon = showRemoveIcon;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "drag-Single-item-wrapper",
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `file-info-box ${file.status === 'error' ? 'file-box-error' : ''}`,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "file-name",
-        children: file.name.replace(_fileExt, '')
-      }), /*#__PURE__*/_jsx("div", {
-        className: "file-ext",
-        children: _fileExt
-      }), _fileSize && /*#__PURE__*/_jsx("div", {
-        className: "file-size",
-        children: `(${_fileSize || 0}kb)`
-      }), (_isShowDownloadIcon || _showPreViewIcon || _showRemoveIcon) && /*#__PURE__*/_jsx("div", {
-        className: "file-actions-wrap",
-        children: /*#__PURE__*/_jsxs("div", {
-          className: "file-actions",
-          children: [_showPreViewIcon && /*#__PURE__*/_jsx(Button, {
-            type: "link",
-            className: "file-action-item",
-            onClick: _onPreview,
-            children: /*#__PURE__*/_jsx(ReactSVG, {
-              className: "action-icon",
-              wrapper: "span",
-              src: lookSvg
-            })
-          }), _isShowDownloadIcon && /*#__PURE__*/_jsx(Button, {
-            type: "link",
-            className: "file-action-item",
-            onClick: _onDownload,
-            children: /*#__PURE__*/_jsx(ReactSVG, {
-              className: "action-icon",
-              wrapper: "span",
-              src: downloadSvg
-            })
-          })]
-        })
-      })]
-    }), file.status === 'uploading' && /*#__PURE__*/_jsx("div", {
-      className: "file-progress",
-      children: /*#__PURE__*/_jsx(Progress, {
-        percent: Math.ceil(file.percent),
-        size: 2
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: "drag-Single-item-wrapper", children: [
+    /* @__PURE__ */ jsxs("div", { className: `file-info-box ${file.status === "error" ? "file-box-error" : ""}`, children: [
+      /* @__PURE__ */ jsx("div", { className: "file-name", children: file.name.replace(_fileExt, "") }),
+      /* @__PURE__ */ jsx("div", { className: "file-ext", children: _fileExt }),
+      _fileSize && /* @__PURE__ */ jsx("div", { className: "file-size", children: `(${_fileSize || 0}kb)` }),
+      (_isShowDownloadIcon || _showPreViewIcon || _showRemoveIcon) && /* @__PURE__ */ jsx("div", { className: "file-actions-wrap", children: /* @__PURE__ */ jsxs("div", { className: "file-actions", children: [
+        _showPreViewIcon && /* @__PURE__ */ jsx(Button, { type: "link", className: "file-action-item", onClick: _onPreview, children: /* @__PURE__ */ jsx(ReactSVG, { className: "action-icon", wrapper: "span", src: lookSvg }) }),
+        _isShowDownloadIcon && /* @__PURE__ */ jsx(Button, { type: "link", className: "file-action-item", onClick: _onDownload, children: /* @__PURE__ */ jsx(ReactSVG, { className: "action-icon", wrapper: "span", src: downloadSvg }) })
+      ] }) })
+    ] }),
+    file.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "file-progress", children: /* @__PURE__ */ jsx(Progress, { percent: Math.ceil(file.percent), size: 2 }) })
+  ] });
+};
+export {
+  DragSingleFileItem,
+  FileItem,
+  bToKb,
+  getFileExt,
+  getFileIcon
 };
-export { DragSingleFileItem, FileItem };