@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.4

package/lib/ProLayout/components/Layout/Menu/FoldMenu/index.js

@@ -41,7 +41,7 @@ var import_SideMenu = __toESM(require("../SideMenu"));
 var import__2 = require("../../../../index");
 var import_utils = require("../../../../utils");
 var FoldMenu = (props) => {
-  const { style, dataSource } = props;
+  const { style, dataSource, onMenuClick } = props;
   const { menus, iconfontUrl, notice, collapsed, headerHeight } = dataSource;
   const pathNamePrefix = `/${window.location.pathname.split("/")[1]}`;
   const noticeCls = (0, import_classnames.default)({
@@ -88,7 +88,7 @@ var FoldMenu = (props) => {
       {
         key: `${id}-${name}`,
         mouseEnterDelay: 0,
-        content: /* @__PURE__ */ React.createElement(import_SideMenu.default, { dataSource: { ...dataSource, menus: item } }),
+        content: /* @__PURE__ */ React.createElement(import_SideMenu.default, { dataSource: { ...dataSource, menus: item }, onMenuClick }),
         color: "#fff",
         classNames: {
           root: noticeCls
@@ -101,18 +101,47 @@ var FoldMenu = (props) => {
         },
         placement: "rightTop"
       },
-      LiNode
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          onClick: () => {
+            const menuItem = (0, import_utils.findMenuItemByKey)(menus, String(id));
+            const menuKeyPath = (menuItem == null ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map((id2) => String(id2)) : [String(id)];
+            if (onMenuClick) {
+              onMenuClick({ item: menuItem, key: String(id), keyPath: menuKeyPath });
+            }
+          }
+        },
+        LiNode
+      )
     ) : !collapsed ? /* @__PURE__ */ React.createElement(import_antd.Tooltip, { placement: "right", title: name, key: toPath }, /* @__PURE__ */ React.createElement(
       "span",
       {
         onClick: () => {
+          const menuItem = (0, import_utils.findMenuItemByKey)(menus, String(id));
+          const menuKeyPath = (menuItem == null ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map((id2) => String(id2)) : [String(id)];
+          if (onMenuClick) {
+            onMenuClick({ item: menuItem, key: String(id), keyPath: menuKeyPath });
+          }
           onSelected({
             selectedPath: toPath
           });
         }
       },
       /* @__PURE__ */ React.createElement(import_react_router_dom.Link, { to: toPath, key: toPath }, LiNode)
-    )) : /* @__PURE__ */ React.createElement(import_react_router_dom.Link, { to: toPath, key: toPath }, LiNode);
+    )) : /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        onClick: () => {
+          const menuItem = (0, import_utils.findMenuItemByKey)(menus, String(id));
+          const menuKeyPath = (menuItem == null ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map((id2) => String(id2)) : [String(id)];
+          if (onMenuClick) {
+            onMenuClick({ item: menuItem, key: String(id), keyPath: menuKeyPath });
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(import_react_router_dom.Link, { to: toPath, key: toPath }, LiNode)
+    );
   })));
 };
 var FoldMenu_default = FoldMenu;

package/lib/ProLayout/components/Layout/Menu/FoldMenu/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-layout-menu-fold-list {
   padding-top: 4px;

package/lib/ProLayout/components/Layout/Menu/OpenMenu/index.js

@@ -44,7 +44,7 @@ var import_utils = require("../../../../utils");
 var import__2 = require("../../index");
 var OpenMenu = (props) => {
   var _a;
-  const { className, dataSource, style, theme = "dark" } = props;
+  const { className, dataSource, style, theme = "dark", onMenuClick } = props;
   const { menus, sideMenu } = dataSource || {};
   const linkRef = (0, import_react.useRef)(null);
   const [{ selectedKeys, openKeys, router }, setState] = (0, import_ahooks.useSetState)({
@@ -147,8 +147,13 @@ var OpenMenu = (props) => {
           openKeys: openKeys2
         });
       },
-      onClick: ({ item, keyPath }) => {
+      onClick: ({ item, keyPath, key, domEvent }) => {
         var _a2, _b, _c;
+        const menuItem = (0, import_utils.findMenuItemByKey)(menus, key);
+        const menuKeyPath = (menuItem == null ? void 0 : menuItem.keyIdPath) ? menuItem.keyIdPath.map((id) => String(id)) : keyPath;
+        if (onMenuClick) {
+          onMenuClick({ item: menuItem, key, keyPath: menuKeyPath });
+        }
         setState({
           selectedKeys: keyPath,
           router: (_a2 = item == null ? void 0 : item.props) == null ? void 0 : _a2.router

package/lib/ProLayout/components/Layout/Menu/SideMenu/index.js

@@ -37,7 +37,7 @@ var import_classnames = __toESM(require("classnames"));
 var import_ahooks = require("ahooks");
 var import_OpenMenu = __toESM(require("../OpenMenu"));
 var SideMenu = (props) => {
-  const { dataSource } = props;
+  const { dataSource, onMenuClick } = props;
   const ref = (0, import_react.useRef)(null);
   const size = (0, import_ahooks.useSize)(ref);
   const { menus, iconfontUrl, notice, collapsed, headerHeight } = dataSource;
@@ -49,6 +49,7 @@ var SideMenu = (props) => {
     {
       className: "pro-layout-sider-menu-list",
       theme: "light",
+      onMenuClick,
       dataSource: {
         menus: (menus == null ? void 0 : menus.children) || [],
         iconfontUrl,

package/lib/ProLayout/components/Layout/Menu/SideMenu/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-layout-sider-menu {
   width: 220px;

package/lib/ProLayout/components/Layout/Menu/index.js

@@ -46,7 +46,8 @@ var Menu = (props) => {
     pure,
     theme,
     sideMenuFooterRender,
-    sideMenuHeaderRender
+    sideMenuHeaderRender,
+    onMenuClick
   } = props || {};
   let menus = [];
   const menuCls = (0, import_classnames.default)({
@@ -70,6 +71,7 @@ var Menu = (props) => {
         height: headerHeight + (notice ? 32 : 0) + 48
       },
       theme,
+      onMenuClick,
       style: {
         display: collapsed ? "block" : "none"
       }
@@ -85,6 +87,7 @@ var Menu = (props) => {
         collapsed,
         headerHeight
       },
+      onMenuClick,
       style: {
         display: collapsed ? "none" : "block",
         height: `calc(100vh - ${headerHeight + (notice ? 32 : 0) + 48 || 0}px)`

package/lib/ProLayout/components/Layout/Menu/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 @import '../FoldMenu/style/index.less';
 @import '../OpenMenu/style/index.less';
 @import '../SideMenu/style/index.less';

package/lib/ProLayout/components/Layout/Notice/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
   /** 告知区 */
   .pro-layout-header-notice {

package/lib/ProLayout/components/ProCollapse/PropTypes.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { CollapseProps, CollapsePanelProps } from 'antd/es/collapse';
-export type levelType = '1' | '2';
+export type levelType = '1' | '2' | '3';
 export interface TitleListType {
     /**
     * @description       描述的标题
@@ -28,12 +28,12 @@ export interface ProCollapseType {
     * @description     自动适应窗口大小
     * @default           -
     */
-    autoHeight?: Boolean;
+    autoHeight?: boolean;
     /**
    * @description       标题前图标
    * @default           -
    */
-    icon?: React.ReactNode | Boolean;
+    icon?: React.ReactNode | boolean;
     /**
     * @description       折叠头部多个标题
     * @default           []
@@ -59,6 +59,11 @@ export interface ProCollapseType {
      * @default           false
      */
     towCollapse?: boolean;
+    /**
+     * @description       三级折叠是否带收起
+     * @default           false
+     */
+    threeCollapse?: boolean;
     /**
     * @description      标题右侧扩展信息
     * @default           -

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

@@ -36,7 +36,6 @@ var import_react = require("react");
 var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
 var import_classnames = __toESM(require("classnames"));
-var import_lodash = require("lodash");
 var import_fold = __toESM(require("../../../assets/fold.svg"));
 var import_ProIcon = __toESM(require("../../../ProIcon/index"));
 var ProCollapse = (props) => {
@@ -47,6 +46,7 @@ var ProCollapse = (props) => {
     children,
     level = "1",
     towCollapse = false,
+    threeCollapse = false,
     titleList,
     extra,
     column = 3,
@@ -67,9 +67,10 @@ var ProCollapse = (props) => {
   const cls = (0, import_classnames.default)({
     "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",
+    "pro-collapse-no-level1-title": !title && level !== "2" && level !== "3",
     [`${className}`]: className
   });
   const content = /* @__PURE__ */ React.createElement("div", { className: "pro-collapse-content", style: contentStyle }, children);
@@ -87,8 +88,31 @@ var ProCollapse = (props) => {
         panelProps.collapsible = "disabled";
       }
     }
+    if (level === "3") {
+      const level3Panel = (0, import_classnames.default)({
+        "pro-collapse-level3-collapse": threeCollapse,
+        "pro-collapse-level3-no-collapse": !threeCollapse,
+        "pro-collapse-panel": true
+      });
+      const hasCollapse = {};
+      if (!threeCollapse) {
+        hasCollapse.collapsible = "disabled";
+      }
+      return [
+        {
+          key: "1",
+          label: _title,
+          children: content,
+          extra: /* @__PURE__ */ React.createElement("div", { className: "extra-info" }, extra),
+          className: level3Panel,
+          forceRender: true,
+          ...hasCollapse,
+          ...collapsePanelProps
+        }
+      ];
+    }
     if (icon) {
-      _title = /* @__PURE__ */ React.createElement(import_antd.Space, { size: 8, align: "center" }, /* @__PURE__ */ React.createElement("div", { className: "pro-collapse-icon" }, (0, import_lodash.isBoolean)(icon) ? /* @__PURE__ */ React.createElement(
+      _title = /* @__PURE__ */ React.createElement(import_antd.Space, { size: 8, align: "center" }, /* @__PURE__ */ React.createElement("div", { className: "pro-collapse-icon" }, typeof icon === "boolean" ? /* @__PURE__ */ React.createElement(
         import_ProIcon.default,
         {
           src: import_fold.default,

package/lib/ProLayout/components/ProCollapse/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-collapse {
   .pro-collapse-icon{
@@ -33,7 +31,8 @@
   .@{ant-prefix}-collapse-header {
     align-items: center !important;
     padding: 10px var(--zaui-space-size-md, 16px) !important;
-    background: var(--zaui-area, #fafafa);
+    background: #e4f2fe;
+    border-radius: 8px !important;
   }
 
   .@{ant-prefix}-collapse-header-text {
@@ -99,7 +98,7 @@
     }
 
     .pro-collapse-content {
-      padding: var(--zaui-space-size-sm, 8px) 0 !important;
+      padding: var(--zaui-space-size-md, 16px) !important;
     }
 
     .pro-collapse-level2-collapse {
@@ -111,6 +110,7 @@
         padding: 0 8px 6px !important;
         border-bottom: 1px solid #dee0e3;
         margin: 0 -8px;
+        border-radius: 0 !important;
         .@{ant-prefix}-collapse-arrow{
           right: 8px;
         }
@@ -150,6 +150,9 @@
       .@{ant-prefix}-collapse-expand-icon {
         display: none;
       }
+      .pro-collapse-content{
+        padding: var(--zaui-space-size-sm, 8px) 0 !important;
+      }
     }
   }
 
@@ -201,4 +204,145 @@
     }
 
   }
+
+  &.pro-collapse-level3 {
+    margin-bottom: var(--zaui-space-size-md, 16px);
+
+    .pro-collapse-level2{
+      margin-top: 8px !important;
+      .pro-collapse-panel {
+        border: none !important;
+      }
+      .@{ant-prefix}-collapse-header {
+        height: auto !important;
+        background: #fff !important;
+        &:hover{
+          background: #fff !important;
+        }
+        .@{ant-prefix}-collapse-header-text {
+          &:before{
+            display: block;
+          }
+        }
+  
+        .@{ant-prefix}-collapse-extra {
+          .extra-info {
+            font-size: var(--zaui-font-size, 14px);
+            color: var(--zaui-text, #343434);
+          }
+        }
+      }
+      .@{ant-prefix}-collapse-content{
+        .@{ant-prefix}-collapse-content-box{
+          .pro-collapse-content{
+            padding: var(--zaui-space-size-sm, 8px) 0 !important;
+          }
+        }
+      }
+     
+    }
+   
+    .@{ant-prefix}-collapse-item-active{
+      margin-bottom: 0 !important;
+    }
+    .pro-collapse-panel {
+      border: 1px solid #d9d9d9;
+      margin-bottom: var(--zaui-space-size-md, 16px);
+      overflow: hidden;
+      border-radius: 8px !important;
+      
+      &:last-child {
+        margin-bottom: 0;
+        border-bottom: 1px solid #d9d9d9;
+      }
+    }
+
+    .pro-collapse-level3-no-collapse{
+      .@{ant-prefix}-collapse-header{
+        padding: 0 !important;
+      }
+    }
+
+    .@{ant-prefix}-collapse-header {
+      height: 48px !important;
+      padding: 0 var(--zaui-space-size-md, 16px) !important;
+      background: #F8F8F8 !important;
+      border-radius: 8px;
+      align-items: center !important;
+      justify-content: center !important;
+      display: flex !important;
+      margin: 0 !important;
+      border-bottom: none !important;
+
+      .@{ant-prefix}-collapse-header-text {
+        font-size: var(--zaui-font-size, 14px);
+        font-weight: 500;
+        color: var(--zaui-text, #343434);
+        padding-left: 16px !important;
+        &:before{
+          display: none;
+        }
+      }
+
+      .@{ant-prefix}-collapse-extra {
+        .extra-info {
+          font-size: var(--zaui-font-size, 14px);
+          color: var(--zaui-text, #343434);
+        }
+      }
+    }
+
+    .@{ant-prefix}-collapse-content {
+      .@{ant-prefix}-collapse-content-box {
+        .pro-collapse-content {
+          padding: var(--zaui-space-size-md, 16px) !important;
+          background: var(--zaui-base-bg, #ffffff);
+        }
+      }
+    }
+
+    // 可折叠样式
+    .pro-collapse-level3-collapse {
+      .@{ant-prefix}-collapse-expand-icon {
+        display: block !important;
+        color: #999;
+        margin-right: 8px;
+      }
+      
+      .@{ant-prefix}-collapse-header {
+        cursor: pointer;
+        padding: 0 !important;
+        &:hover {
+          background: #f0f0f0;
+        }
+      }
+    }
+
+    // 不可折叠样式
+    .pro-collapse-level3-no-collapse {
+      .@{ant-prefix}-collapse-expand-icon {
+        display: none !important;
+      }
+      
+      .@{ant-prefix}-collapse-header {
+        cursor: default;
+      }
+    }
+
+    // 禁用折叠时的样式
+    &.@{ant-prefix}-collapse .@{ant-prefix}-collapse-item-disabled > .@{ant-prefix}-collapse-header,
+    .@{ant-prefix}-collapse
+      .@{ant-prefix}-collapse-item-disabled
+      > .@{ant-prefix}-collapse-header
+      > .arrow {
+      color: var(--zaui-text, #343434);
+      cursor: default;
+      background: #F8F8F8 !important;
+    }
+  }
+  // 当pro-collapse-content直接包含level3且不包含level2时，添加padding
+ .pro-collapse-level2 .pro-collapse-content:has(.pro-collapse-level3) {
+    padding: var(--zaui-space-size-md, 16px) !important;
+    padding-right: 0 !important;
+  } 
 }

package/lib/ProLayout/components/ProFooter/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-footer {
   position: fixed;

package/lib/ProLayout/components/ProHeader/components/ProBackBtn/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .back-button-container {
   &.@{ant-prefix}-btn {

package/lib/ProLayout/components/ProHeader/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 @import '../components/ProBackBtn/style/index';
 
 .pro-header {

package/lib/ProLayout/index.d.ts

@@ -7,17 +7,6 @@ export declare const LayoutContext: import("react").Context<{
 }>;
 declare const ProLayout: {
     (props: ProLayoutType): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        menus: any[];
-        iconfontUrl: string;
-        title: string;
-        collapsed: boolean;
-        routerMatch: string;
-        pure: boolean;
-        theme: string;
-        headerHeight: number;
-        contentStyle: {};
-    };
     ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseType) => import("react/jsx-runtime").JSX.Element;
     ProFooter: import("react").MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterType) => import("react/jsx-runtime").JSX.Element>;
     ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;

package/lib/ProLayout/index.js

@@ -48,17 +48,29 @@ var ProLayout = (props) => {
     children,
     className = "",
     pure = false,
-    headerHeight,
-    contentStyle,
+    headerHeight = 48,
+    contentStyle = {},
     waterMarkProps = {},
     headerNotice,
     notice: noticeIn,
     // 修改别名
     dataSource,
     pathPrefix = "",
-    theme,
+    theme = "dark",
     target,
-    onCollapsedChange
+    onCollapsedChange,
+    collapsed: propsCollapsed = false,
+    onMenuClick,
+    // Header组件需要的props
+    headerTitleRender,
+    headerContentRender,
+    rightContentRender,
+    title,
+    logo,
+    // Menu组件需要的props
+    iconfontUrl,
+    sideMenuFooterRender,
+    sideMenuHeaderRender
   } = props;
   const [{ notice, menus, selectedPath }, setState] = (0, import_ahooks.useSetState)({
     notice: headerNotice || noticeIn,
@@ -67,8 +79,8 @@ var ProLayout = (props) => {
   });
   const [collapsed, { toggle, set }] = (0, import_ahooks.useToggle)(props.collapsed || false);
   (0, import_ahooks.useDeepCompareEffect)(() => {
-    set(props.collapsed || false);
-  }, [props.collapsed]);
+    set(propsCollapsed || false);
+  }, [propsCollapsed]);
   (0, import_ahooks.useDeepCompareEffect)(() => {
     if (Array.isArray(dataSource) && !dataSource.length) {
       return import_antd.message.warning(
@@ -90,6 +102,36 @@ var ProLayout = (props) => {
     "pro-layout-row-left-pure": typeof pure !== "boolean" && (pure == null ? void 0 : pure.leftMenu)
   });
   const noticeHeight = notice ? 32 : 0;
+  const headerProps = {
+    headerHeight,
+    pure,
+    headerTitleRender,
+    headerContentRender,
+    rightContentRender,
+    title,
+    logo
+  };
+  const noticeProps = {
+    headerHeight,
+    notice,
+    onCancel: onCancelNotice
+  };
+  const menuProps = {
+    headerHeight,
+    dataSource: Array.isArray(menus) ? { menus } : menus,
+    iconfontUrl,
+    collapsed,
+    notice,
+    onToggle: () => {
+      toggle();
+      onCollapsedChange && onCollapsedChange(!collapsed);
+    },
+    pure,
+    theme,
+    sideMenuFooterRender,
+    sideMenuHeaderRender,
+    onMenuClick
+  };
   const layoutDom = /* @__PURE__ */ React.createElement(
     "div",
     {
@@ -100,21 +142,9 @@ var ProLayout = (props) => {
         [`${className}`]: className
       })
     },
-    /* @__PURE__ */ React.createElement(import_Layout.Header, { ...props }),
-    /* @__PURE__ */ React.createElement(import_Layout.Notice, { ...props, notice, onCancel: onCancelNotice }),
-    /* @__PURE__ */ React.createElement("div", { className: contentCls }, /* @__PURE__ */ React.createElement(
-      import_Layout.Menu,
-      {
-        ...props,
-        dataSource: Array.isArray(menus) ? { menus } : menus,
-        notice,
-        collapsed,
-        onToggle: () => {
-          toggle();
-          onCollapsedChange && onCollapsedChange(!collapsed);
-        }
-      }
-    ), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(import_Layout.Header, { ...headerProps }),
+    /* @__PURE__ */ React.createElement(import_Layout.Notice, { ...noticeProps }),
+    /* @__PURE__ */ React.createElement("div", { className: contentCls }, /* @__PURE__ */ React.createElement(import_Layout.Menu, { ...menuProps }), /* @__PURE__ */ React.createElement(
       "div",
       {
         className: "pro-layout-content",
@@ -128,17 +158,6 @@ var ProLayout = (props) => {
   );
   return /* @__PURE__ */ React.createElement(LayoutContext.Provider, { value: { selectedPath, target, onSelected: setState } }, !((_a = Object.keys(waterMarkProps)) == null ? void 0 : _a.length) ? layoutDom : /* @__PURE__ */ React.createElement(import__.ProWaterMark, { ...waterMarkProps }, layoutDom));
 };
-ProLayout.defaultProps = {
-  menus: [],
-  iconfontUrl: "",
-  title: "",
-  collapsed: false,
-  routerMatch: "id",
-  pure: false,
-  theme: "dark",
-  headerHeight: 48,
-  contentStyle: {}
-};
 ProLayout.ProCollapse = import_components.ProCollapse;
 ProLayout.ProFooter = import_components.ProFooter;
 ProLayout.ProHeader = import_components.ProHeader;

package/lib/ProLayout/propTypes.d.ts

@@ -180,6 +180,15 @@ export interface ProLayoutType {
      * @default -
      */
     onCollapsedChange?: (collapsed: boolean) => void;
+    /**
+     * @description 菜单点击回调事件，返回命中的菜单项数据和完整路径
+     * @default -
+     */
+    onMenuClick?: (params: {
+        item: MenusType | null;
+        key: string;
+        keyPath: string[];
+    }) => void;
     /**
      * @description 规定在何处打开被链接文档
      * @default "_self"

package/lib/ProLayout/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 @import '../components/Layout/index.less';
 @import '../components/ProCollapse/style/index.less';

package/lib/ProLayout/utils/index.d.ts

@@ -34,3 +34,10 @@ export declare const getPathNameKey: ({ menus, pathName, }: {
     menus: any[];
     pathName: string;
 }) => any;
+/**
+ * 根据key查找完整的菜单项数据
+ * @param menus 菜单数据数组
+ * @param key 要查找的菜单项key
+ * @returns 找到的菜单项数据或null
+ */
+export declare const findMenuItemByKey: (menus: any[], key: string) => any;

package/lib/ProLayout/utils/index.js

@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/ProLayout/utils/index.ts
 var utils_exports = {};
 __export(utils_exports, {
+  findMenuItemByKey: () => findMenuItemByKey,
   getIdsByPathName: () => getIdsByPathName,
   getPathNameKey: () => getPathNameKey,
   getUrlParams: () => getUrlParams,
@@ -150,8 +151,22 @@ var getPathNameKey = ({
   menuDeep(menus);
   return result;
 };
+var findMenuItemByKey = (menus, key) => {
+  for (const item of menus) {
+    if (String(item.id) === key) {
+      return item;
+    }
+    if (Array.isArray(item.children) && item.children.length) {
+      const found = findMenuItemByKey(item.children, key);
+      if (found)
+        return found;
+    }
+  }
+  return null;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  findMenuItemByKey,
   getIdsByPathName,
   getPathNameKey,
   getUrlParams,