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

package/es/ProViewer/index.js

@@ -1,187 +1,166 @@
-import { useSetState } from 'ahooks';
-import { Button, Image as AntdImage, Modal } from 'antd';
-import React, { useEffect, useRef } from 'react';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSetState } from "ahooks";
+import { Button, Image as AntdImage, Modal } from "antd";
+import React, { useEffect, useRef } from "react";
 import locale from "../locale";
-
-// 用于解析word | excel
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const officeApp = 'https://view.officeapps.live.com/op/view.aspx?src=';
-
-// 文件MIME类型
+const officeApp = "https://view.officeapps.live.com/op/view.aspx?src=";
 const MIMEType = {
-  img: 'image/png',
-  pdf: 'application/pdf',
-  word: 'application/msword',
-  excel: 'application/vnd.ms-excel'
+  img: "image/png",
+  pdf: "application/pdf",
+  word: "application/msword",
+  excel: "application/vnd.ms-excel"
 };
 const Image = AntdImage;
-const ProViewer = /*#__PURE__*/React.forwardRef(({
-  disabled = false,
-  mode = 'page',
-  fileType = 'pdf',
-  modalProps = {
-    width: '1200px',
-    height: '650px',
-    centered: true,
-    title: locale?.ProViewer?.preview,
-    footer: null,
-    style: {
-      padding: 0
-    }
-  },
-  buttonProps = {
-    type: 'link'
-  },
-  src,
-  onClick,
-  previewFile,
-  previewData,
-  children
-}, ref) => {
-  const ProViewerRef = useRef(null);
-  const [state, setState] = useSetState({
-    imgVisible: false,
-    modalVisible: false,
-    url: src || ''
-  });
-  const {
-    imgVisible,
-    modalVisible,
-    url
-  } = state;
-  React.useImperativeHandle(ref, () => ({
-    current: ProViewerRef.current
-  }));
-
-  /**
-   * 跳转页面
-   */
-  const jumpPage = ({
+const ProViewer = React.forwardRef(
+  ({
+    disabled = false,
+    mode = "page",
+    fileType = "pdf",
+    modalProps = {
+      width: "1200px",
+      height: "650px",
+      centered: true,
+      title: ((_b) => (_b = ((_a) => (_a = locale) == null ? void 0 : _a.ProViewer)()) == null ? void 0 : _b.preview)(),
+      footer: null,
+      style: { padding: 0 }
+    },
+    buttonProps = { type: "link" },
     src,
-    blob
-  }) => {
-    let jumpSrc = src;
-    if (blob instanceof Blob) {
-      jumpSrc = window.URL.createObjectURL(blob);
-    }
-    const doc = document;
-    const ele = doc.createElement('a');
-    doc.body.appendChild(ele);
-    ele.style.display = 'none';
-    ele.href = jumpSrc || '';
-    ele.target = '_blank';
-    ele.click();
-    doc.body.removeChild(ele);
-  };
-  const getSrc = src => {
-    if (['word', 'excel'].includes(fileType || 'pdf')) {
-      return `${officeApp}${src}`;
-    }
-    return src;
-  };
-  const previewHandle = () => {
-    if (mode === 'modal' && url) {
-      switch (fileType) {
-        case 'img':
-          setState({
-            imgVisible: true
-          });
-          break;
-        case 'pdf':
-        case 'word':
-        case 'excel':
-          setState({
-            modalVisible: true
-          });
-          break;
-        default:
-          setState({
-            modalVisible: true
-          });
-          break;
+    onClick,
+    previewFile,
+    previewData,
+    children
+  }, ref) => {
+    const ProViewerRef = useRef(null);
+    const [state, setState] = useSetState({
+      imgVisible: false,
+      modalVisible: false,
+      url: src || ""
+    });
+    const { imgVisible, modalVisible, url } = state;
+    React.useImperativeHandle(ref, () => ({
+      current: ProViewerRef.current
+    }));
+    const jumpPage = ({ src: src2, blob }) => {
+      let jumpSrc = src2;
+      if (blob instanceof Blob) {
+        jumpSrc = window.URL.createObjectURL(blob);
       }
-    }
-    if (mode === 'page' && url) {
-      jumpPage({
-        src: getSrc(url)
-      });
-    }
-    onClick && onClick();
-  };
-
-  // 调用接口获取二进制流转blob处理
-  useEffect(() => {
-    if (previewFile) {
-      try {
-        previewFile().then(async response => {
-          const res = await response.blob();
-          const blob = new Blob([res], {
-            type: MIMEType[fileType || 'pdf']
-          });
-          const blobUrl = window.URL.createObjectURL(blob);
-          setState({
-            url: blobUrl
-          });
-        });
-      } catch (error) {
-        console.warn(error);
+      const doc = document;
+      const ele = doc.createElement("a");
+      doc.body.appendChild(ele);
+      ele.style.display = "none";
+      ele.href = jumpSrc || "";
+      ele.target = "_blank";
+      ele.click();
+      doc.body.removeChild(ele);
+    };
+    const getSrc = (src2) => {
+      if (["word", "excel"].includes(fileType || "pdf")) {
+        return `${officeApp}${src2}`;
       }
-    }
-  }, [previewFile]);
-
-  // 二进制流转blob处理
-  useEffect(() => {
-    if (previewData) {
-      try {
-        previewData.blob().then(res => {
-          const blob = new Blob([res], {
-            type: MIMEType[fileType || 'pdf']
-          });
-          const blobUrl = window.URL.createObjectURL(blob);
-          setState({
-            url: blobUrl
+      return src2;
+    };
+    const previewHandle = () => {
+      if (mode === "modal" && url) {
+        switch (fileType) {
+          case "img":
+            setState({ imgVisible: true });
+            break;
+          case "pdf":
+          case "word":
+          case "excel":
+            setState({ modalVisible: true });
+            break;
+          default:
+            setState({ modalVisible: true });
+            break;
+        }
+      }
+      if (mode === "page" && url) {
+        jumpPage({ src: getSrc(url) });
+      }
+      onClick && onClick();
+    };
+    useEffect(() => {
+      if (previewFile) {
+        try {
+          previewFile().then(async (response) => {
+            const res = await response.blob();
+            const blob = new Blob([res], {
+              type: MIMEType[fileType || "pdf"]
+            });
+            const blobUrl = window.URL.createObjectURL(blob);
+            setState({ url: blobUrl });
           });
-        });
-      } catch (error) {
-        console.warn(error);
+        } catch (error) {
+          console.warn(error);
+        }
       }
-    }
-  }, [previewData]);
-  return /*#__PURE__*/_jsxs("span", {
-    className: "pro-viewer",
-    children: [/*#__PURE__*/_jsx(Button, {
-      disabled: disabled || !url && !previewFile,
-      ref: ProViewerRef,
-      onClick: previewHandle,
-      ...buttonProps,
-      children: children
-    }), mode && fileType === 'img' && /*#__PURE__*/_jsx(Image, {
-      src: url,
-      preview: {
-        open: imgVisible,
-        onOpenChange: value => {
-          setState({
-            imgVisible: value
+    }, [previewFile]);
+    useEffect(() => {
+      if (previewData) {
+        try {
+          previewData.blob().then((res) => {
+            const blob = new Blob([res], {
+              type: MIMEType[fileType || "pdf"]
+            });
+            const blobUrl = window.URL.createObjectURL(blob);
+            setState({ url: blobUrl });
           });
+        } catch (error) {
+          console.warn(error);
         }
       }
-    }), /*#__PURE__*/_jsx(Modal, {
-      onCancel: () => {
-        setState({
-          modalVisible: false
-        });
-      },
-      open: modalVisible,
-      ...modalProps,
-      children: url && /*#__PURE__*/_jsx("iframe", {
-        title: "pro-viewer",
-        src: getSrc(url),
-        height: modalProps?.height,
-        width: "100%",
-        frameBorder: "0",
-        scrolling: "auto"
-      })
-    })]
-  });
-});
-export default ProViewer;
+    }, [previewData]);
+    return /* @__PURE__ */ jsxs("span", { className: "pro-viewer", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: disabled || !url && !previewFile,
+          ref: ProViewerRef,
+          onClick: previewHandle,
+          ...buttonProps,
+          children
+        }
+      ),
+      mode && fileType === "img" && /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: url,
+          preview: {
+            open: imgVisible,
+            onOpenChange: (value) => {
+              setState({ imgVisible: value });
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Modal,
+        {
+          onCancel: () => {
+            setState({ modalVisible: false });
+          },
+          open: modalVisible,
+          ...modalProps,
+          children: url && /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              title: "pro-viewer",
+              src: getSrc(url),
+              height: modalProps == null ? void 0 : modalProps.height,
+              width: "100%",
+              frameBorder: "0",
+              scrolling: "auto"
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+var ProViewer_default = ProViewer;
+export {
+  ProViewer_default as default
+};

package/es/ProViewer/propsType.js

@@ -1,5 +0,0 @@
-import { ModalProps } from 'antd';
-
-// 弹窗 或者 页面
-
-/** 对外公开类型别名 */

package/es/ProWaterMark/index.js

@@ -1,17 +1,10 @@
-import { Watermark } from 'antd';
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const ProWaterMark = props => {
-  const {
-    content
-  } = props;
-  return /*#__PURE__*/_jsx("div", {
-    className: "pro-water-mark",
-    children: /*#__PURE__*/_jsx(Watermark, {
-      ...props,
-      content: content,
-      children: props?.children
-    })
-  });
+import { jsx } from "react/jsx-runtime";
+import { Watermark } from "antd";
+const ProWaterMark = (props) => {
+  const { content } = props;
+  return /* @__PURE__ */ jsx("div", { className: "pro-water-mark", children: /* @__PURE__ */ jsx(Watermark, { ...props, content, children: props == null ? void 0 : props.children }) });
+};
+var ProWaterMark_default = ProWaterMark;
+export {
+  ProWaterMark_default as default
 };
-export default ProWaterMark;

package/es/ProWaterMark/propsType.js

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

package/es/hooks/useDraggableRow.js

@@ -1,49 +1,20 @@
-import React from 'react';
-import { DndContext } from '@dnd-kit/core';
-import { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-
-/**
- * 行拖拽 hook 公共实现（薄封装）
- * - 仅封装 dnd-kit 集成（useSortable + DndContext + SortableContext）
- * - 业务方各自处理拖拽手柄渲染、树形/简单 arrayMove、占位行检查、rowDraggable 等差异化逻辑
- */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export const useDraggableRowState = ({
-  id,
-  disabled
-}) => {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition,
-    isDragging
-  } = useSortable({
+import { Fragment, jsx } from "react/jsx-runtime";
+import { DndContext } from "@dnd-kit/core";
+import { SortableContext, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+const useDraggableRowState = ({ id, disabled }) => {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
     id,
     disabled
   });
   const style = {
-    transform: CSS.Transform.toString(transform && {
-      ...transform,
-      scaleY: 1
-    }),
+    transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),
     transition,
-    ...(isDragging ? {
-      position: 'relative',
-      zIndex: 2
-    } : {})
-  };
-  return {
-    setNodeRef,
-    style,
-    listeners,
-    attributes,
-    isDragging
+    ...isDragging ? { position: "relative", zIndex: 2 } : {}
   };
+  return { setNodeRef, style, listeners, attributes, isDragging };
 };
-export const SortableTableContext = ({
+const SortableTableContext = ({
   draggable,
   disabled,
   items,
@@ -53,18 +24,19 @@ export const SortableTableContext = ({
   children
 }) => {
   if (!draggable || disabled) {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: children
-    });
+    return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  return /*#__PURE__*/_jsx(DndContext, {
-    onDragStart: onDragStart,
-    onDragEnd: onDragEnd,
-    collisionDetection: collisionDetection,
-    children: /*#__PURE__*/_jsx(SortableContext, {
-      items: items,
-      strategy: verticalListSortingStrategy,
-      children: children
-    })
-  });
-};
+  return /* @__PURE__ */ jsx(
+    DndContext,
+    {
+      onDragStart,
+      onDragEnd,
+      collisionDetection,
+      children: /* @__PURE__ */ jsx(SortableContext, { items, strategy: verticalListSortingStrategy, children })
+    }
+  );
+};
+export {
+  SortableTableContext,
+  useDraggableRowState
+};

package/es/index.js

@@ -1,79 +1,59 @@
-// 布局
-export { default as ProLayout } from "./ProLayout";
-export { default as ProStep } from "./ProStep";
-export { default as ProTabs } from "./ProTabs";
-export { ProCollapse, ProFooter, ProHeader } from "./ProLayout/components"; // ProLayout 中组件导出
-
-// 数据展示
-export { default as ProTable } from "./ProTable";
-export { default as ProTooltip } from "./ProTooltip";
-export { default as ProViewer } from "./ProViewer";
-
-// 数据录入
-export { default as ProEditTable } from "./ProEditTable";
-export { default as ProDrawerForm } from "./ProDrawerForm";
-export { default as ProEditLabel } from "./ProEditLabel";
-export { default as ProStepTab } from "./ProStepTab";
-
-// 表单
-export { default as ProForm } from "./ProForm";
-export { ProFormProvider } from "./ProForm";
-export * from "./ProForm/components"; // ProForm 中组件导出
-
-export { default as ProSelect } from "./ProSelect";
-export { default as ProEnum } from "./ProEnum";
-
-// 通用
-export { default as ProIcon } from "./ProIcon";
-export { default as ProDownload } from "./ProDownload";
-export { default as ProWaterMark } from "./ProWaterMark";
-export { default as ProConfigProvider } from "./ProConfigProvider";
-export { default as FormsProvider } from "./FormsProvider";
-export { default as ProUpload } from "./ProUpload";
-export { default as ProThemeTools } from "./ProThemeTools";
-export { ThemeProvider, useTheme } from "./ProThemeTools";
-export { default as ProAction } from "./ProAction";
+import { default as default2 } from "./ProLayout";
+import { default as default3 } from "./ProStep";
+import { default as default4 } from "./ProTabs";
+import { ProCollapse, ProFooter, ProHeader } from "./ProLayout/components";
+import { default as default5 } from "./ProTable";
+import { default as default6 } from "./ProTooltip";
+import { default as default7 } from "./ProViewer";
+import { default as default8 } from "./ProEditTable";
+import { default as default9 } from "./ProDrawerForm";
+import { default as default10 } from "./ProEditLabel";
+import { default as default11 } from "./ProStepTab";
+import { default as default12 } from "./ProForm";
+import { ProFormProvider } from "./ProForm";
+export * from "./ProForm/components";
+import { default as default13 } from "./ProSelect";
+import { default as default14 } from "./ProEnum";
+import { default as default15 } from "./ProIcon";
+import { default as default16 } from "./ProDownload";
+import { default as default17 } from "./ProWaterMark";
+import { default as default18 } from "./ProConfigProvider";
+import { default as default19 } from "./FormsProvider";
+import { default as default20 } from "./ProUpload";
+import { default as default21 } from "./ProThemeTools";
+import { ThemeProvider, useTheme } from "./ProThemeTools";
+import { default as default22 } from "./ProAction";
 export * from "./ProConfigProvider";
 export * from "./locale";
-export { default as ProBackBtn } from "./ProLayout/components/ProHeader/components/ProBackBtn";
-
-// TS类型导出 (统一以 Type 结尾，只暴露最外层组件类型)
-
-// ProForm 相关类型
-
-// ProTable 相关类型
-
-// ProSelect 类型
-
-// ProUpload 类型
-
-// ProTabs 类型
-
-// ProLayout 相关类型
-
-// ProTooltip 类型
-
-// ProIcon 类型
-
-// ProTree 相关类型
-
-// ProEditTable 相关类型
-
-// ProStep 相关类型
-
-// ProDrawerForm 类型
-
-// ProEditLabel 类型
-
-// ProModalSelect 类型
-
-// ProStepTab 类型
-
-// ProEnum 类型
-
-// ProAction / ProDownload / ProViewer 类型
-
-// ProWaterMark / ProThemeTools 类型
-
-// token导出
-export * from "./tokens";
+import { default as default23 } from "./ProLayout/components/ProHeader/components/ProBackBtn";
+export * from "./tokens";
+export {
+  default19 as FormsProvider,
+  default22 as ProAction,
+  default23 as ProBackBtn,
+  ProCollapse,
+  default18 as ProConfigProvider,
+  default16 as ProDownload,
+  default9 as ProDrawerForm,
+  default10 as ProEditLabel,
+  default8 as ProEditTable,
+  default14 as ProEnum,
+  ProFooter,
+  default12 as ProForm,
+  ProFormProvider,
+  ProHeader,
+  default15 as ProIcon,
+  default2 as ProLayout,
+  default13 as ProSelect,
+  default3 as ProStep,
+  default11 as ProStepTab,
+  default5 as ProTable,
+  default4 as ProTabs,
+  default21 as ProThemeTools,
+  default6 as ProTooltip,
+  default20 as ProUpload,
+  default7 as ProViewer,
+  default17 as ProWaterMark,
+  ThemeProvider,
+  useTheme
+};