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

package/es/ProLayout/components/Layout/Notice/index.js

@@ -1,34 +1,20 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import tipMsg from "../../../images/tipMsg.png";
 import close from "../../../images/close.png";
 import locale from "../../../../locale";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Notice = props => {
-  const {
-    headerHeight,
-    notice,
-    onCancel,
-    noticeRef
-  } = props;
+const Notice = (props) => {
+  const { headerHeight, notice, onCancel, noticeRef } = props;
   if (!notice) {
     return null;
   }
-  return /*#__PURE__*/_jsxs("div", {
-    ref: noticeRef,
-    className: "pro-layout-header-notice",
-    style: {
-      top: headerHeight
-    },
-    children: [/*#__PURE__*/_jsx("img", {
-      src: tipMsg,
-      alt: `${locale.ProLayout.tipAlt}`
-    }), " ", notice, /*#__PURE__*/_jsx("span", {
-      className: "pro-layout-header-notice-close",
-      onClick: onCancel,
-      children: /*#__PURE__*/_jsx("img", {
-        src: close,
-        alt: `${locale.ProLayout.closeAlt}`
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { ref: noticeRef, className: "pro-layout-header-notice", style: { top: headerHeight }, children: [
+    /* @__PURE__ */ jsx("img", { src: tipMsg, alt: `${locale.ProLayout.tipAlt}` }),
+    " ",
+    notice,
+    /* @__PURE__ */ jsx("span", { className: "pro-layout-header-notice-close", onClick: onCancel, children: /* @__PURE__ */ jsx("img", { src: close, alt: `${locale.ProLayout.closeAlt}` }) })
+  ] });
+};
+var Notice_default = Notice;
+export {
+  Notice_default as default
 };
-export default Notice;

package/es/ProLayout/components/Layout/index.js

@@ -1,3 +1,8 @@
-export { default as Header } from "./Header";
-export { default as Notice } from "./Notice";
-export { default as Menu } from "./Menu";
+import { default as default2 } from "./Header";
+import { default as default3 } from "./Notice";
+import { default as default4 } from "./Menu";
+export {
+  default2 as Header,
+  default4 as Menu,
+  default3 as Notice
+};

package/es/ProLayout/components/ProCollapse/PropTypes.js

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

package/es/ProLayout/components/ProCollapse/index.js

@@ -1,19 +1,19 @@
-import React, { useLayoutEffect } from 'react';
-import { Collapse, Descriptions, Space } from 'antd';
-import { CaretRightOutlined } from '@ant-design/icons';
-import classNames from 'classnames';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLayoutEffect } from "react";
+import { Collapse, Descriptions, Space } from "antd";
+import { CaretRightOutlined } from "@ant-design/icons";
+import classNames from "classnames";
 import foldSvg from "../../../assets/fold.svg";
 import ProIcon from "../../../ProIcon/index";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const OPEN_ACTIVE_KEYS = ['1'];
+const OPEN_ACTIVE_KEYS = ["1"];
 const CLOSED_ACTIVE_KEYS = [];
-const ProCollapse = props => {
+const ProCollapse = (props) => {
   const {
     title,
     id,
     contentStyle = {},
     children,
-    level = '1',
+    level = "1",
     towCollapse = false,
     threeCollapse = false,
     titleList,
@@ -29,132 +29,112 @@ const ProCollapse = props => {
     onChange,
     open
   } = props;
-
-  // 当同时设置了open和collapseProps.activeKey时，以collapseProps.activeKey为准
-  // 这样保证了与已有代码的兼容性，并提供了更简便的控制面板展开状态的方式
-  const finalCollapseProps = {
-    ...collapseProps
-  };
-  if (open !== undefined && !('activeKey' in finalCollapseProps)) {
+  const finalCollapseProps = { ...collapseProps };
+  if (open !== void 0 && !("activeKey" in finalCollapseProps)) {
     finalCollapseProps.activeKey = open ? OPEN_ACTIVE_KEYS : CLOSED_ACTIVE_KEYS;
   }
   const cls = classNames({
-    'pro-collapse': true,
-    'pro-collapse-level2': level === '2',
-    'pro-collapse-level3': level === '3',
-    'pro-collapse-list': titleList?.length,
-    'pro-collapse-no-title': !title,
-    'pro-collapse-no-level1-title': !title && level !== '2' && level !== '3',
+    "pro-collapse": true,
+    "pro-collapse-level2": level === "2",
+    "pro-collapse-level3": level === "3",
+    "pro-collapse-list": titleList == null ? void 0 : titleList.length,
+    "pro-collapse-no-title": !title,
+    "pro-collapse-no-level1-title": !title && level !== "2" && level !== "3",
     [`${className}`]: className
   });
-  const shouldRenderContent = children !== null && children !== undefined;
-  const content = shouldRenderContent ? /*#__PURE__*/_jsx("div", {
-    className: "pro-collapse-content",
-    style: contentStyle,
-    children: children
-  }) : null;
-
-  // 生成 Collapse items 配置
+  const shouldRenderContent = children !== null && children !== void 0;
+  const content = shouldRenderContent ? /* @__PURE__ */ jsx("div", { className: "pro-collapse-content", style: contentStyle, children }) : null;
   const getCollapseItems = () => {
     let _title = title;
-    let panelClassName = 'pro-collapse-panel';
+    let panelClassName = "pro-collapse-panel";
     const panelProps = {};
-    if (level === '2') {
+    if (level === "2") {
       panelClassName = classNames({
-        'pro-collapse-level2-collapse': towCollapse,
-        'pro-collapse-level2-no-collapse': !towCollapse,
-        'pro-collapse-panel': true
+        "pro-collapse-level2-collapse": towCollapse,
+        "pro-collapse-level2-no-collapse": !towCollapse,
+        "pro-collapse-panel": true
       });
       if (!towCollapse) {
-        panelProps.collapsible = 'disabled';
+        panelProps.collapsible = "disabled";
       }
     }
-    if (level === '3') {
+    if (level === "3") {
       const level3Panel = classNames({
-        'pro-collapse-level3-collapse': threeCollapse,
-        'pro-collapse-level3-no-collapse': !threeCollapse,
-        'pro-collapse-panel': true
+        "pro-collapse-level3-collapse": threeCollapse,
+        "pro-collapse-level3-no-collapse": !threeCollapse,
+        "pro-collapse-panel": true
       });
       const hasCollapse = {};
       if (!threeCollapse) {
-        hasCollapse.collapsible = 'disabled';
+        hasCollapse.collapsible = "disabled";
       }
-      return [{
-        key: '1',
-        label: _title,
-        children: content,
-        extra: /*#__PURE__*/_jsx("div", {
-          className: "extra-info",
-          children: extra
-        }),
-        className: level3Panel,
-        forceRender: true,
-        ...hasCollapse,
-        ...collapsePanelProps
-      }];
+      return [
+        {
+          key: "1",
+          label: _title,
+          children: content,
+          extra: /* @__PURE__ */ jsx("div", { className: "extra-info", children: extra }),
+          className: level3Panel,
+          forceRender: true,
+          ...hasCollapse,
+          ...collapsePanelProps
+        }
+      ];
     }
     if (icon) {
-      _title = /*#__PURE__*/_jsxs(Space, {
-        size: 8,
-        align: "center",
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "pro-collapse-icon",
-          children: typeof icon === 'boolean' ? /*#__PURE__*/_jsx(ProIcon, {
+      _title = /* @__PURE__ */ jsxs(Space, { size: 8, align: "center", children: [
+        /* @__PURE__ */ jsx("div", { className: "pro-collapse-icon", children: typeof icon === "boolean" ? /* @__PURE__ */ jsx(
+          ProIcon,
+          {
             src: foldSvg,
             actionMap: {
               fill: []
             }
-          }) : icon
-        }), title]
-      });
+          }
+        ) : icon }),
+        title
+      ] });
     }
-    return [{
-      key: '1',
-      label: _title,
-      children: content,
-      extra: /*#__PURE__*/_jsx("div", {
-        className: "extra-info",
-        children: extra
-      }),
-      className: panelClassName,
-      forceRender: true,
-      ...panelProps,
-      ...collapsePanelProps
-    }];
+    return [
+      {
+        key: "1",
+        label: _title,
+        children: content,
+        extra: /* @__PURE__ */ jsx("div", { className: "extra-info", children: extra }),
+        className: panelClassName,
+        forceRender: true,
+        ...panelProps,
+        ...collapsePanelProps
+      }
+    ];
   };
   const renderTitleList = () => {
-    return /*#__PURE__*/_jsxs("div", {
-      className: cls,
-      children: [/*#__PURE__*/_jsx(Descriptions, {
-        column: column,
-        children: titleList?.map(item => {
-          return /*#__PURE__*/_jsx(Descriptions.Item, {
-            label: item.label,
-            children: item.value || '-'
-          }, item.label);
-        })
-      }), content]
-    });
+    return /* @__PURE__ */ jsxs("div", { className: cls, children: [
+      /* @__PURE__ */ jsx(Descriptions, { column, children: titleList == null ? void 0 : titleList.map((item) => {
+        return /* @__PURE__ */ jsx(Descriptions.Item, { label: item.label, children: item.value || "-" }, item.label);
+      }) }),
+      content
+    ] });
   };
-
-  // 当pro-layout-content只存在一个card时，高度动态计算
   useLayoutEffect(() => {
     if (!autoHeight) {
       return;
     }
-    const proCollapseContent = document.querySelector('.pro-layout-content');
+    const proCollapseContent = document.querySelector(".pro-layout-content");
     if (!proCollapseContent) {
       return;
     }
-    const proCollapseNoTitles = proCollapseContent.querySelectorAll('.pro-collapse-no-level1-title');
-    const proFooterNode = proCollapseContent.querySelector('.pro-footer');
-    const proCollapses = proCollapseContent.querySelectorAll('.pro-collapse');
-    if (proCollapseNoTitles?.length === 1 && proCollapses.length === 1) {
+    const proCollapseNoTitles = proCollapseContent.querySelectorAll(
+      ".pro-collapse-no-level1-title"
+    );
+    const proFooterNode = proCollapseContent.querySelector(".pro-footer");
+    const proCollapses = proCollapseContent.querySelectorAll(".pro-collapse");
+    if ((proCollapseNoTitles == null ? void 0 : proCollapseNoTitles.length) === 1 && proCollapses.length === 1) {
       const rect = proCollapseNoTitles[0].getBoundingClientRect();
-      if (rect?.height < window.innerHeight - rect.top) {
+      if ((rect == null ? void 0 : rect.height) < window.innerHeight - rect.top) {
         proCollapseNoTitles[0].style.minHeight = `calc(100vh - ${rect.top + 16}px)`;
       } else {
-        proCollapseNoTitles[0].style.minHeight = 'auto';
+        proCollapseNoTitles[0].style.minHeight = "auto";
       }
       if (proFooterNode) {
         proCollapseNoTitles[0].style.minHeight = `calc(100vh - ${rect.top + proFooterNode.offsetHeight + 16}px)`;
@@ -162,27 +142,25 @@ const ProCollapse = props => {
     }
     return () => {
       if (proCollapseNoTitles.length === 1 && proCollapses.length === 1) {
-        proCollapseNoTitles[0].style.minHeight = 'auto'; // 移除 minHeight 的设置
+        proCollapseNoTitles[0].style.minHeight = "auto";
       }
     };
   });
-  return /*#__PURE__*/_jsx("div", {
-    id: id,
-    style: style,
-    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /*#__PURE__*/_jsx(Collapse, {
+  return /* @__PURE__ */ jsx("div", { id, style, children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /* @__PURE__ */ jsx(
+    Collapse,
+    {
       className: cls,
       bordered: false,
-      expandIcon: ({
-        isActive
-      }) => /*#__PURE__*/_jsx(CaretRightOutlined, {
-        rotate: isActive ? -90 : 90
-      }),
+      expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(CaretRightOutlined, { rotate: isActive ? -90 : 90 }),
       expandIconPlacement: "end",
-      defaultActiveKey: folding ? [] : ['1'],
-      onChange: onChange,
+      defaultActiveKey: folding ? [] : ["1"],
+      onChange,
       items: getCollapseItems(),
       ...finalCollapseProps
-    })
-  });
+    }
+  ) });
+};
+var ProCollapse_default = ProCollapse;
+export {
+  ProCollapse_default as default
 };
-export default ProCollapse;

package/es/ProLayout/components/ProFooter/PropTypes.js

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

package/es/ProLayout/components/ProFooter/index.js

@@ -1,26 +1,28 @@
-import { useSize } from 'ahooks';
-import { Space } from 'antd';
-import classnames from 'classnames';
-import { memo, useEffect } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const ProFooter = props => {
+import { jsx } from "react/jsx-runtime";
+import { useSize } from "ahooks";
+import { Space } from "antd";
+import classnames from "classnames";
+import { memo, useEffect } from "react";
+const ProFooter = (props) => {
   const {
     visible = true,
     className,
     children,
     zIndex = 98,
-    sideDom = '.pro-layout-sider-nav',
-    contentDom = '.pro-layout-content'
+    sideDom = ".pro-layout-sider-nav",
+    contentDom = ".pro-layout-content"
   } = props;
-  const size = useSize(() => document.querySelector(sideDom) || document.querySelector('.pro-layout-menu'));
+  const size = useSize(
+    () => document.querySelector(sideDom) || document.querySelector(".pro-layout-menu")
+  );
   const boxDom = document.querySelector(contentDom);
   useEffect(() => {
     if (boxDom && visible) {
-      boxDom.style.paddingBottom = '64px';
+      boxDom.style.paddingBottom = "64px";
     }
     return () => {
       if (boxDom) {
-        boxDom.style.paddingBottom = '0px';
+        boxDom.style.paddingBottom = "0px";
       }
     };
   }, [boxDom]);
@@ -28,19 +30,20 @@ const ProFooter = props => {
     return null;
   }
   const cls = classnames({
-    'pro-footer': true,
+    "pro-footer": true,
     [`${className}`]: className
   });
-  return /*#__PURE__*/_jsx("div", {
-    className: cls,
-    style: {
-      zIndex,
-      width: `calc(100% - ${size?.width + 1}px)`,
-      ...props.style
-    },
-    children: /*#__PURE__*/_jsx(Space, {
-      children: children
-    })
-  });
+  const sideWidth = (size == null ? void 0 : size.width) ?? 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cls,
+      style: { zIndex, width: `calc(100% - ${sideWidth + 1}px)`, ...props.style },
+      children: /* @__PURE__ */ jsx(Space, { children })
+    }
+  );
+};
+var ProFooter_default = memo(ProFooter);
+export {
+  ProFooter_default as default
 };
-export default /*#__PURE__*/memo(ProFooter);

package/es/ProLayout/components/ProHeader/PropTypes.js

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

package/es/ProLayout/components/ProHeader/components/Copy/index.js

@@ -1,25 +1,27 @@
-import { Typography } from 'antd';
-import { ReactSVG } from 'react-svg';
-import { CheckOutlined } from '@ant-design/icons';
+import { jsx } from "react/jsx-runtime";
+import { Typography } from "antd";
+import { ReactSVG } from "react-svg";
+import { CheckOutlined } from "@ant-design/icons";
 import copySvg from "../../../../../assets/copy.svg";
 import locale from "../../../../../locale";
-import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  Paragraph
-} = Typography;
-const Copy = ({
-  text
-}) => {
-  return /*#__PURE__*/_jsx(Paragraph, {
-    className: "pro-header-copy",
-    copyable: {
-      text,
-      icon: [/*#__PURE__*/_jsx(ReactSVG, {
-        className: "drag-icon",
-        src: copySvg
-      }, "copy-icon"), /*#__PURE__*/_jsx(CheckOutlined, {}, "copied-icon")],
-      tooltips: [`${locale.ProHeader.copyTooltips[0]}`, `${locale.ProHeader.copyTooltips[1]}`]
+const { Paragraph } = Typography;
+const Copy = ({ text }) => {
+  return /* @__PURE__ */ jsx(
+    Paragraph,
+    {
+      className: "pro-header-copy",
+      copyable: {
+        text,
+        icon: [
+          /* @__PURE__ */ jsx(ReactSVG, { className: "drag-icon", src: copySvg }, "copy-icon"),
+          /* @__PURE__ */ jsx(CheckOutlined, {}, "copied-icon")
+        ],
+        tooltips: [`${locale.ProHeader.copyTooltips[0]}`, `${locale.ProHeader.copyTooltips[1]}`]
+      }
     }
-  });
+  );
+};
+var Copy_default = Copy;
+export {
+  Copy_default as default
 };
-export default Copy;

package/es/ProLayout/components/ProHeader/components/Describe/index.js

@@ -1,109 +1,92 @@
-import _isString from "lodash/isString";
-import React from 'react';
-import { Space, Tooltip } from 'antd';
-import classnames from 'classnames';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Space, Tooltip } from "antd";
+import classnames from "classnames";
+import isString from "lodash/isString";
 import Copy from "../Copy";
 import { checkDescribeItemsHidden, getTagKey, getDescribeValueKey } from "../../utils";
 import locale, { formatMessage } from "../../../../../locale";
-
-/** 描述项里的单条值（link / copyable / tag 组合），对应 items 数组元素 */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * 标签渲染：数组 tag 逐个渲染，单值渲染一个，空则不渲染
- */
-export const DescribeTag = ({
+const DescribeTag = ({
   tag,
   parentKey
 }) => {
   if (Array.isArray(tag) && tag.length) {
-    return /*#__PURE__*/_jsx(Space, {
-      size: 4,
-      children: tag.map((tagItem, tagIndex) => /*#__PURE__*/_jsx("div", {
-        className: "pro-header-tag",
-        children: tagItem
-      }, getTagKey(tagItem, parentKey, tagIndex)))
-    });
+    return /* @__PURE__ */ jsx(Space, { size: 4, children: tag.map((tagItem, tagIndex) => /* @__PURE__ */ jsx("div", { className: "pro-header-tag", children: tagItem }, getTagKey(tagItem, parentKey, tagIndex))) });
   }
-  return tag ? /*#__PURE__*/_jsx("div", {
-    className: "pro-header-tag",
-    children: tag
-  }) : null;
+  return tag ? /* @__PURE__ */ jsx("div", { className: "pro-header-tag", children: tag }) : null;
 };
-
-/**
- * 单行值渲染：link → <a>，copyable+字符串 → 复制按钮，末尾追加 tag
- */
-export const DescribeValue = ({
+const DescribeValue = ({
   value,
   link,
   copyable,
   tag,
   parentKey
 }) => {
-  return /*#__PURE__*/_jsxs(Space, {
-    size: 4,
-    align: tag ? 'baseline' : 'center',
-    children: [link ? /*#__PURE__*/_jsx("a", {
-      onClick: () => {
-        const newWindow = window.open(link);
-        newWindow.opener = null;
-      },
-      children: value
-    }) : value, copyable && _isString(value) ? /*#__PURE__*/_jsx(Copy, {
-      text: value
-    }) : null, /*#__PURE__*/_jsx(DescribeTag, {
-      tag: tag,
-      parentKey: parentKey
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Space, { size: 4, align: tag ? "baseline" : "center", children: [
+    link ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        onClick: () => {
+          const newWindow = window.open(link);
+          if (newWindow) {
+            newWindow.opener = null;
+          }
+        },
+        children: value
+      }
+    ) : value,
+    copyable && isString(value) ? /* @__PURE__ */ jsx(Copy, { text: value }) : null,
+    /* @__PURE__ */ jsx(DescribeTag, { tag, parentKey })
+  ] });
 };
-
-/**
- * 多值渲染：以「、」连接；超 3 个显示「共N个，」前缀；内容溢出时显示「...」并用 Tooltip 展示全部
- */
-export const DescribeItems = ({
+const DescribeItems = ({
   items,
   parentKey,
   containerRef
 }) => {
-  // items 配置是否超长，超长则展示 ... + tip 提示
-  const itemsHidden = checkDescribeItemsHidden(containerRef?.current);
-  const result = /*#__PURE__*/_jsxs("div", {
-    ref: containerRef,
-    className: classnames({
-      'pro-header-describe-items': true,
-      'pro-header-describe-items-more': items.length >= 2
-    }),
-    children: [items?.length > 3 ? formatMessage(locale.ProHeader.itemsCountPrefix, {
-      count: items.length
-    }) : null, items.map((item, itemIndex) => /*#__PURE__*/_jsxs("span", {
-      children: [/*#__PURE__*/_jsx(DescribeValue, {
-        ...item,
-        parentKey: parentKey
-      }), items?.length !== itemIndex + 1 ? locale.ProHeader.itemsSeparator : null]
-    }, getDescribeValueKey(item, parentKey, itemIndex))), itemsHidden ? /*#__PURE__*/_jsx("span", {
-      className: "pro-header-describe-items-omit",
-      children: "..."
-    }) : null]
-  });
+  const itemsHidden = checkDescribeItemsHidden(containerRef == null ? void 0 : containerRef.current);
+  const result = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: classnames({
+        "pro-header-describe-items": true,
+        "pro-header-describe-items-more": items.length >= 2
+      }),
+      children: [
+        (items == null ? void 0 : items.length) > 3 ? formatMessage(locale.ProHeader.itemsCountPrefix, { count: items.length }) : null,
+        items.map((item, itemIndex) => /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx(DescribeValue, { ...item, parentKey }),
+          (items == null ? void 0 : items.length) !== itemIndex + 1 ? locale.ProHeader.itemsSeparator : null
+        ] }, getDescribeValueKey(item, parentKey, itemIndex))),
+        itemsHidden ? /* @__PURE__ */ jsx("span", { className: "pro-header-describe-items-omit", children: "..." }) : null
+      ]
+    }
+  );
   if (itemsHidden) {
-    const tipResult = /*#__PURE__*/_jsx(_Fragment, {
-      children: items.map((item, itemIndex) => /*#__PURE__*/_jsx("p", {
+    const tipResult = /* @__PURE__ */ jsx(Fragment, { children: items.map((item, itemIndex) => /* @__PURE__ */ jsx(
+      "p",
+      {
         className: "pro-header-describe-items-tip-value",
-        children: /*#__PURE__*/_jsx(DescribeValue, {
-          ...item,
-          parentKey: parentKey
-        })
-      }, getDescribeValueKey(item, parentKey, itemIndex)))
-    });
-    return /*#__PURE__*/_jsx(Tooltip, {
-      placement: "bottomLeft",
-      classNames: {
-        root: 'pro-header-describe-items-tip'
+        children: /* @__PURE__ */ jsx(DescribeValue, { ...item, parentKey })
       },
-      title: tipResult,
-      children: result
-    });
+      getDescribeValueKey(item, parentKey, itemIndex)
+    )) });
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        placement: "bottomLeft",
+        classNames: {
+          root: "pro-header-describe-items-tip"
+        },
+        title: tipResult,
+        children: result
+      }
+    );
   }
   return result;
-};
+};
+export {
+  DescribeItems,
+  DescribeTag,
+  DescribeValue
+};