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

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

@@ -1,8 +1,4 @@
-/**
- * 检查描述dom是否部分隐藏
- * @param ele  dom节点
- */
-export const checkDescribeItemsHidden = ele => {
+const checkDescribeItemsHidden = (ele) => {
   const childElement = ele;
   if (!childElement) {
     return false;
@@ -12,25 +8,22 @@ export const checkDescribeItemsHidden = ele => {
   const itemsClientWidth = element.clientWidth;
   return itemsScrollWidth > itemsClientWidth;
 };
-
-/**
- * 将值转为可用于 React key 的字符串片段
- * 仅 string / number 有效，其余（含 ReactNode、对象、数组、boolean）返回 undefined
- */
-export const toKeyPart = value => {
-  if (value == null || value === '') return undefined;
-  if (typeof value === 'string' || typeof value === 'number') return String(value);
-  return undefined;
+const toKeyPart = (value) => {
+  if (value == null || value === "")
+    return void 0;
+  if (typeof value === "string" || typeof value === "number")
+    return String(value);
+  return void 0;
+};
+const getDescribeColumnKey = (item, index) => toKeyPart(item.label) ?? toKeyPart(item.value) ?? `describe-${index}`;
+const getDescribeValueKey = (item, parentKey, index) => toKeyPart(item.link) ?? toKeyPart(item.value) ?? `${parentKey}-value-${index}`;
+const getTagKey = (tagItem, parentKey, index) => toKeyPart(tagItem) ?? `${parentKey}-tag-${index}`;
+const getSubDescribeKey = (item, index) => toKeyPart(item.label) ?? toKeyPart(item.code) ?? `sub-describe-${index}`;
+export {
+  checkDescribeItemsHidden,
+  getDescribeColumnKey,
+  getDescribeValueKey,
+  getSubDescribeKey,
+  getTagKey,
+  toKeyPart
 };
-
-/** 主级描述项 key：label → value → describe-${index} */
-export const getDescribeColumnKey = (item, index) => toKeyPart(item.label) ?? toKeyPart(item.value) ?? `describe-${index}`;
-
-/** 描述值 key：link → value → ${parentKey}-value-${index} */
-export const getDescribeValueKey = (item, parentKey, index) => toKeyPart(item.link) ?? toKeyPart(item.value) ?? `${parentKey}-value-${index}`;
-
-/** 标签 key：tagItem → ${parentKey}-tag-${index} */
-export const getTagKey = (tagItem, parentKey, index) => toKeyPart(tagItem) ?? `${parentKey}-tag-${index}`;
-
-/** 次级描述项 key：label → code → sub-describe-${index} */
-export const getSubDescribeKey = (item, index) => toKeyPart(item.label) ?? toKeyPart(item.code) ?? `sub-describe-${index}`;

package/es/ProLayout/components/TabsManager/components/TabContextMenu.js

@@ -1,11 +1,7 @@
-import { useState, useCallback } from 'react';
-import { Dropdown } from 'antd';
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Dropdown } from "antd";
 import locale from "../../../../locale";
-
-/**
- * 右键菜单组件 - 兼容Antd 4.x和5.x
- */
-import { jsx as _jsx } from "react/jsx-runtime";
 function TabContextMenu({
   tabId,
   children,
@@ -23,84 +19,95 @@ function TabContextMenu({
   tabs = []
 }) {
   const [visible, setVisible] = useState(false);
-  const handleMenuClick = useCallback(key => {
-    setVisible(false);
-
-    // 优先调用自定义回调
-    if (tabMenuClick && tab) {
-      tabMenuClick({
-        key,
-        tab,
-        tabs
-      });
+  const handleMenuClick = useCallback(
+    (key) => {
+      setVisible(false);
+      if (tabMenuClick && tab) {
+        tabMenuClick({ key, tab, tabs });
+      }
+      switch (key) {
+        case "close":
+          if (!closable) {
+            return;
+          }
+          onClose(tabId);
+          break;
+        case "closeOthers":
+          onCloseOthers(tabId);
+          break;
+        case "closeRight":
+          onCloseRight(tabId);
+          break;
+        case "closeAll":
+          onCloseAll();
+          break;
+        case "togglePin":
+          if (pinDisabled) {
+            return;
+          }
+          onTogglePin == null ? void 0 : onTogglePin(tabId);
+          break;
+      }
+    },
+    [
+      tabId,
+      closable,
+      onClose,
+      onCloseOthers,
+      onCloseRight,
+      onCloseAll,
+      pinDisabled,
+      onTogglePin,
+      tabMenuClick,
+      tab,
+      tabs
+    ]
+  );
+  const defaultMenuItems = [
+    {
+      key: "close",
+      label: locale.ProLayout.tabMenuClose,
+      disabled: !closable
+    },
+    {
+      key: "closeOthers",
+      label: locale.ProLayout.tabMenuCloseOthers
+    },
+    {
+      key: "closeRight",
+      label: locale.ProLayout.tabMenuCloseRight
+    },
+    {
+      key: "closeAll",
+      label: locale.ProLayout.tabMenuCloseAll
+    },
+    {
+      type: "divider"
+    },
+    {
+      key: "togglePin",
+      label: pinned ? locale.ProLayout.tabMenuUnpin : locale.ProLayout.tabMenuPin,
+      disabled: pinDisabled
     }
-
-    // 处理默认菜单项
-    switch (key) {
-      case 'close':
-        if (!closable) {
-          return;
-        }
-        onClose(tabId);
-        break;
-      case 'closeOthers':
-        onCloseOthers(tabId);
-        break;
-      case 'closeRight':
-        onCloseRight(tabId);
-        break;
-      case 'closeAll':
-        onCloseAll();
-        break;
-      case 'togglePin':
-        if (pinDisabled) {
-          return;
-        }
-        onTogglePin?.(tabId);
-        break;
+  ];
+  const menuItems = customMenuItems && customMenuItems.length > 0 ? [...defaultMenuItems, { type: "divider" }, ...customMenuItems] : defaultMenuItems;
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      menu: {
+        items: menuItems,
+        onClick: ({ key }) => handleMenuClick(key)
+      },
+      trigger: ["contextMenu"],
+      open: visible,
+      onOpenChange: setVisible,
+      placement: "bottomLeft",
+      children
     }
-  }, [tabId, closable, onClose, onCloseOthers, onCloseRight, onCloseAll, pinDisabled, onTogglePin, tabMenuClick, tab, tabs]);
-
-  // 默认右键菜单配置 - 统一使用items方式（antd 4.20+都支持）
-  const defaultMenuItems = [{
-    key: 'close',
-    label: locale.ProLayout.tabMenuClose,
-    disabled: !closable
-  }, {
-    key: 'closeOthers',
-    label: locale.ProLayout.tabMenuCloseOthers
-  }, {
-    key: 'closeRight',
-    label: locale.ProLayout.tabMenuCloseRight
-  }, {
-    key: 'closeAll',
-    label: locale.ProLayout.tabMenuCloseAll
-  }, {
-    type: 'divider'
-  }, {
-    key: 'togglePin',
-    label: pinned ? locale.ProLayout.tabMenuUnpin : locale.ProLayout.tabMenuPin,
-    disabled: pinDisabled
-  }];
-
-  // 合并自定义菜单项和默认菜单项
-  // 如果提供了自定义菜单项，则追加到默认菜单项后面；否则使用默认菜单项
-  const menuItems = customMenuItems && customMenuItems.length > 0 ? [...defaultMenuItems, {
-    type: 'divider'
-  }, ...customMenuItems] : defaultMenuItems;
-  return /*#__PURE__*/_jsx(Dropdown, {
-    menu: {
-      items: menuItems,
-      onClick: ({
-        key
-      }) => handleMenuClick(key)
-    },
-    trigger: ['contextMenu'],
-    open: visible,
-    onOpenChange: setVisible,
-    placement: "bottomLeft",
-    children: children
-  });
+  );
 }
-export default TabContextMenu;
-export { TabContextMenu };
+var TabContextMenu_default = TabContextMenu;
+export {
+  TabContextMenu,
+  TabContextMenu_default as default
+};

package/es/ProLayout/components/TabsManager/components/TabItem.js

@@ -1,18 +1,15 @@
-import React from 'react';
-import { CloseOutlined } from '@ant-design/icons';
-import { Tooltip } from 'antd';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CloseOutlined } from "@ant-design/icons";
+import { Tooltip } from "antd";
 import { TabContextMenu } from "./TabContextMenu";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MAX_TAB_TITLE_LENGTH = 12;
-const getTabDisplayTitle = title => {
-  const text = title || '';
+const getTabDisplayTitle = (title) => {
+  const text = title || "";
   const chars = Array.from(text);
-  if (chars.length <= MAX_TAB_TITLE_LENGTH) return text;
-  return `${chars.slice(0, MAX_TAB_TITLE_LENGTH).join('')}...`;
+  if (chars.length <= MAX_TAB_TITLE_LENGTH)
+    return text;
+  return `${chars.slice(0, MAX_TAB_TITLE_LENGTH).join("")}...`;
 };
-/**
- * 单个标签页组件
- */
 const TabItemComponent = ({
   tab,
   active,
@@ -28,64 +25,56 @@ const TabItemComponent = ({
   menuItems,
   tabMenuClick
 }) => {
-  const tabTitle = tab.title || tab.name || '';
+  const tabTitle = tab.title || tab.name || "";
   const displayTitle = getTabDisplayTitle(tabTitle);
   const isTitleOverflow = displayTitle !== tabTitle;
-  const handleCloseClick = e => {
+  const handleCloseClick = (e) => {
     e.stopPropagation();
     onClose();
   };
-
-  // 作为 antd Tabs label 使用时，不需要阻止事件冒泡
-  // antd Tabs 会通过 onChange 处理切换，我们的 onClick 作为备用
-  const handleLabelClick = e => {
-    // 不阻止冒泡，让 antd Tabs 处理切换
-    // 但我们也调用 onClick 以确保状态同步
+  const handleLabelClick = (e) => {
     onClick();
   };
-  return /*#__PURE__*/_jsx(TabContextMenu, {
-    tabId: tab.id,
-    closable: tab.closable,
-    onClose: () => onClose(),
-    onCloseOthers: () => onCloseOthers(),
-    onCloseRight: () => onCloseRight(),
-    onCloseAll: onCloseAll,
-    pinned: pinned,
-    pinDisabled: pinDisabled,
-    onTogglePin: onTogglePin ? () => onTogglePin() : undefined,
-    tab: tab,
-    tabs: tabsList,
-    menuItems: menuItems,
-    tabMenuClick: tabMenuClick,
-    children: /*#__PURE__*/_jsx("div", {
-      className: `pro-layout-tab-item ${active ? 'active' : ''} ${tab.closable ? 'closable' : ''}`,
-      onClick: handleLabelClick,
-      "data-testid": `tab-${tab.id}`,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "pro-layout-tab-content",
-        children: [tab.icon && /*#__PURE__*/_jsx("span", {
-          className: "pro-layout-tab-icon",
-          children: typeof tab.icon === 'string' ? /*#__PURE__*/_jsx("i", {
-            className: `iconfont ${tab.icon}`
-          }) : tab.icon
-        }), /*#__PURE__*/_jsx("div", {
-          className: "pro-layout-tab-title",
-          children: isTitleOverflow ? /*#__PURE__*/_jsx(Tooltip, {
-            title: tabTitle,
-            placement: "top",
-            children: /*#__PURE__*/_jsx("span", {
-              className: "pro-tooltip",
-              children: displayTitle
-            })
-          }) : tabTitle
-        }), tab.closable && /*#__PURE__*/_jsx("span", {
-          className: "pro-layout-tab-close",
-          onClick: handleCloseClick,
-          "data-testid": `tab-close-${tab.id}`,
-          children: /*#__PURE__*/_jsx(CloseOutlined, {})
-        })]
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    TabContextMenu,
+    {
+      tabId: tab.id,
+      closable: tab.closable,
+      onClose: () => onClose(),
+      onCloseOthers: () => onCloseOthers(),
+      onCloseRight: () => onCloseRight(),
+      onCloseAll,
+      pinned,
+      pinDisabled,
+      onTogglePin: onTogglePin ? () => onTogglePin() : void 0,
+      tab,
+      tabs: tabsList,
+      menuItems,
+      tabMenuClick,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `pro-layout-tab-item ${active ? "active" : ""} ${tab.closable ? "closable" : ""}`,
+          onClick: handleLabelClick,
+          "data-testid": `tab-${tab.id}`,
+          children: /* @__PURE__ */ jsxs("div", { className: "pro-layout-tab-content", children: [
+            tab.icon && /* @__PURE__ */ jsx("span", { className: "pro-layout-tab-icon", children: typeof tab.icon === "string" ? /* @__PURE__ */ jsx("i", { className: `iconfont ${tab.icon}` }) : tab.icon }),
+            /* @__PURE__ */ jsx("div", { className: "pro-layout-tab-title", children: isTitleOverflow ? /* @__PURE__ */ jsx(Tooltip, { title: tabTitle, placement: "top", children: /* @__PURE__ */ jsx("span", { className: "pro-tooltip", children: displayTitle }) }) : tabTitle }),
+            tab.closable && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "pro-layout-tab-close",
+                onClick: handleCloseClick,
+                "data-testid": `tab-close-${tab.id}`,
+                children: /* @__PURE__ */ jsx(CloseOutlined, {})
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+};
+export {
+  TabItemComponent
 };
-export { TabItemComponent };

package/es/ProLayout/components/TabsManager/components/TabsContext.js

@@ -1,5 +1,5 @@
-import { createContext } from 'react';
-/**
- * 标签页实例 Context，用于在 ProLayout children 中访问标签页 API
- */
-export const TabsContext = /*#__PURE__*/createContext(null);
+import { createContext } from "react";
+const TabsContext = createContext(null);
+export {
+  TabsContext
+};

package/es/ProLayout/components/TabsManager/components/TabsHeader.js

@@ -1,33 +1,28 @@
-import React, { createElement as _createElement } from 'react';
-import { Tabs } from 'antd';
-import { closestCenter, DndContext, PointerSensor, useSensor } from '@dnd-kit/core';
-import { horizontalListSortingStrategy, SortableContext, useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { jsx as _jsx } from "react/jsx-runtime";
-const DraggableTabNode = props => {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition
-  } = useSortable({
-    id: props['data-node-key']
+import { jsx } from "react/jsx-runtime";
+import { createElement } from "react";
+import React from "react";
+import { Tabs } from "antd";
+import { closestCenter, DndContext, PointerSensor, useSensor } from "@dnd-kit/core";
+import { horizontalListSortingStrategy, SortableContext, useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+const DraggableTabNode = (props) => {
+  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
+    id: props["data-node-key"]
   });
   const style = {
     ...props.style,
     transform: CSS.Translate.toString(transform),
     transition,
-    cursor: 'move'
+    cursor: "move"
   };
-  return /*#__PURE__*/React.cloneElement(props.children, {
+  return React.cloneElement(props.children, {
     ref: setNodeRef,
     style,
     ...attributes,
     ...listeners
   });
 };
-export function TabsHeader({
+function TabsHeader({
   activeKey,
   tabsItems,
   onTabChange,
@@ -35,25 +30,17 @@ export function TabsHeader({
   draggable = true,
   onReorder
 }) {
-  const sensor = useSensor(PointerSensor, {
-    activationConstraint: {
-      distance: 10
-    }
-  });
-  const onDragEnd = ({
-    active,
-    over
-  }) => {
+  const sensor = useSensor(PointerSensor, { activationConstraint: { distance: 10 } });
+  const onDragEnd = ({ active, over }) => {
     if (over && active.id !== over.id) {
-      onReorder?.(String(active.id), String(over.id));
+      onReorder == null ? void 0 : onReorder(String(active.id), String(over.id));
     }
   };
-  const tabKeys = (tabsItems ?? []).map(item => item.key);
-  return /*#__PURE__*/_jsx("div", {
-    className: "pro-layout-tabs-header",
-    "data-pro-layout-tabs-measure": "true",
-    children: /*#__PURE__*/_jsx(Tabs, {
-      activeKey: activeKey,
+  const tabKeys = (tabsItems ?? []).map((item) => item.key);
+  return /* @__PURE__ */ jsx("div", { className: "pro-layout-tabs-header", "data-pro-layout-tabs-measure": "true", children: /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      activeKey,
       onChange: onTabChange,
       onEdit: onTabEdit,
       type: "editable-card",
@@ -62,25 +49,28 @@ export function TabsHeader({
       className: "pro-layout-tabs-antd",
       classNames: {
         popup: {
-          root: 'pro-layout-tabs-dropdown-menu'
+          root: "pro-layout-tabs-dropdown-menu"
         }
       },
-      renderTabBar: draggable ? (tabBarProps, DefaultTabBar) => /*#__PURE__*/_jsx(DndContext, {
-        sensors: [sensor],
-        onDragEnd: onDragEnd,
-        collisionDetection: closestCenter,
-        children: /*#__PURE__*/_jsx(SortableContext, {
-          items: tabKeys,
-          strategy: horizontalListSortingStrategy,
-          children: /*#__PURE__*/_jsx(DefaultTabBar, {
-            ...tabBarProps,
-            children: node => /*#__PURE__*/_createElement(DraggableTabNode, {
+      renderTabBar: draggable ? (tabBarProps, DefaultTabBar) => /* @__PURE__ */ jsx(
+        DndContext,
+        {
+          sensors: [sensor],
+          onDragEnd,
+          collisionDetection: closestCenter,
+          children: /* @__PURE__ */ jsx(SortableContext, { items: tabKeys, strategy: horizontalListSortingStrategy, children: /* @__PURE__ */ jsx(DefaultTabBar, { ...tabBarProps, children: (node) => /* @__PURE__ */ createElement(
+            DraggableTabNode,
+            {
               ...node.props,
               key: node.key
-            }, node)
-          })
-        })
-      }) : undefined
-    })
-  });
-}
+            },
+            node
+          ) }) })
+        }
+      ) : void 0
+    }
+  ) });
+}
+export {
+  TabsHeader
+};

package/es/ProLayout/components/TabsManager/hooks/useActiveTab.js

@@ -1,14 +1,13 @@
-import { useContext, useMemo } from 'react';
+import { useContext, useMemo } from "react";
 import { TabsContext } from "../components/TabsContext";
-
-/**
- * 获取当前激活的 Tab 信息 Hook
- * @returns 当前激活的 Tab 对象，如果没有激活则返回 undefined
- */
-export const useActiveTab = () => {
+const useActiveTab = () => {
   const tabsInstance = useContext(TabsContext);
   return useMemo(() => {
-    if (!tabsInstance) return undefined;
+    if (!tabsInstance)
+      return void 0;
     return tabsInstance.getTabInfo().activeTabInfo;
   }, [tabsInstance]);
-};
+};
+export {
+  useActiveTab
+};

package/es/ProLayout/components/TabsManager/hooks/useIframeRoute.js

@@ -1,44 +1,31 @@
-import { useEffect, useMemo, useRef } from 'react';
+import { useEffect, useMemo, useRef } from "react";
 const detectIframe = () => {
-  if (typeof window === 'undefined') return false;
-  // URL 上带 ?isIframe(大小写不敏感)即视为 iframe 嵌入
+  if (typeof window === "undefined")
+    return false;
   const params = new URLSearchParams(window.location.search);
   for (const key of params.keys()) {
-    if (key.toLowerCase() === 'isiframe') return true;
+    if (key.toLowerCase() === "isiframe")
+      return true;
   }
   return false;
 };
-const stripSlashes = s => s.replace(/^\/+|\/+$/g, '');
-
-/**
- * iframe 嵌入模式 hook
- * - 通过 URL query `?isIframe`(大小写不敏感)判定是否处于 iframe 嵌入场景
- * - 命中时按 routes 静态路径匹配 window.location.pathname,调用 addTab
- * - query string 自动作为 extra 透传给业务组件
- * - 暴露 pure 标志供外部 layout 决定渲染范围
- */
-export const useIframeRoute = options => {
-  const {
-    config,
-    addTab
-  } = options;
+const stripSlashes = (s) => s.replace(/^\/+|\/+$/g, "");
+const useIframeRoute = (options) => {
+  const { config, addTab } = options;
   const isIframe = useMemo(detectIframe, []);
-  // pure 仅在显式配置 iframe 时才考虑;非 iframe 嵌入(URL 无 ?isIframe)始终为 false
   const pure = isIframe && config != null && config.pure !== false;
-
-  // 用 ref 持有最新的 addTab/config,避免依赖变化触发副作用重跑
   const addTabRef = useRef(addTab);
   addTabRef.current = addTab;
   const configRef = useRef(config);
   configRef.current = config;
   useEffect(() => {
-    if (!isIframe) return;
+    var _a;
+    if (!isIframe)
+      return;
     const cfg = configRef.current;
-    if (!cfg?.routes?.length) return;
-    const {
-      pathname,
-      search
-    } = window.location;
+    if (!((_a = cfg == null ? void 0 : cfg.routes) == null ? void 0 : _a.length))
+      return;
+    const { pathname, search } = window.location;
     const searchParams = {};
     new URLSearchParams(search).forEach((value, key) => {
       searchParams[key] = value;
@@ -56,8 +43,8 @@ export const useIframeRoute = options => {
       }
     }
   }, [isIframe]);
-  return {
-    isIframe,
-    pure
-  };
-};
+  return { isIframe, pure };
+};
+export {
+  useIframeRoute
+};

package/es/ProLayout/components/TabsManager/hooks/useProLayoutTabs.js

@@ -1,26 +1,12 @@
-import { useContext } from 'react';
+import { useContext } from "react";
 import { TabsContext } from "../components/TabsContext";
-
-/**
- * @description 获取 ProLayout 标签页实例的 Hook（类似 Form.useForm）
- * @returns [ProLayoutTabsInstance] 标签页实例
- * @example
- * ```tsx
- * // 在 ProLayout children 中使用
- * const [layoutTabs] = useProLayoutTabs();
- *
- * // 使用实例方法
- * layoutTabs.addTab({
- *   code: 'PolicyInput',
- *   name: '投保单录入',
- *   extra: { customData: '自定义数据' }
- * });
- * ```
- */
-export function useProLayoutTabs() {
+function useProLayoutTabs() {
   const context = useContext(TabsContext);
   if (!context) {
     throw new Error('useProLayoutTabs must be used within ProLayout with mode="tabs"');
   }
   return [context];
-}
+}
+export {
+  useProLayoutTabs
+};