@tker-react/layout 0.2.4 → 0.2.6

package/dist/index.d.mts

@@ -87,6 +87,7 @@ interface LayoutContextValue {
     setCollapsed: (collapsed: boolean) => void;
     openKeys: Set<string>;
     toggleMenuOpen: (path: string, forceOpen?: boolean) => void;
+    menuItemClick: (path: string) => void;
     setExpandedWidth: (width: string) => void;
     setCollapsedWidth: (width: string) => void;
     setLayoutMode: (mode: "side-menu" | "top-menu") => void;

package/dist/index.d.ts

@@ -87,6 +87,7 @@ interface LayoutContextValue {
     setCollapsed: (collapsed: boolean) => void;
     openKeys: Set<string>;
     toggleMenuOpen: (path: string, forceOpen?: boolean) => void;
+    menuItemClick: (path: string) => void;
     setExpandedWidth: (width: string) => void;
     setCollapsedWidth: (width: string) => void;
     setLayoutMode: (mode: "side-menu" | "top-menu") => void;

package/dist/index.mjs

@@ -105,6 +105,10 @@ function LayoutProvider({ children }) {
   openKeysRef.current = openKeys;
   const collapsedRef = useRef(collapsed);
   collapsedRef.current = collapsed;
+  const menuDataRef = useRef(menuData);
+  menuDataRef.current = menuData;
+  const layoutModeRef = useRef(layoutMode);
+  layoutModeRef.current = layoutMode;
   const toggleMenuOpen = useCallback((path, forceOpen) => {
     setOpenKeys((prev) => {
       const next = new Set(prev);
@@ -120,6 +124,27 @@ function LayoutProvider({ children }) {
       return next;
     });
   }, []);
+  const menuItemClick = useCallback((path) => {
+    const item = findMenuItemByPath(menuDataRef.current, path);
+    const hasChildren = !!(item?.children && item.children.length > 0);
+    const isSide = layoutModeRef.current === "side-menu";
+    if (hasChildren) {
+      if (!isSide) return;
+      if (collapsedRef.current) {
+        setCollapsedState(false);
+        const restored = new Set(savedOpenKeysRef.current);
+        restored.add(path);
+        setOpenKeys(restored);
+      } else {
+        toggleMenuOpen(path);
+      }
+    } else {
+      const fullPath = pathParamsMap.current.get(path) || path;
+      if (window.location.pathname + window.location.search !== fullPath) {
+        navigateRef.current?.(fullPath);
+      }
+    }
+  }, []);
   const toggleCollapse = useCallback(() => {
     const nextCollapsed = !collapsedRef.current;
     if (nextCollapsed) {
@@ -180,6 +205,7 @@ function LayoutProvider({ children }) {
       setMenus,
       setActivePath,
       toggleCollapse,
+      // setCollapsed 同样处理 openKeys 保存/恢复，与 toggleCollapse 逻辑一致
       setCollapsed: (val) => {
         if (val) {
           savedOpenKeysRef.current = new Set(openKeysRef.current);
@@ -191,6 +217,7 @@ function LayoutProvider({ children }) {
       },
       openKeys,
       toggleMenuOpen,
+      menuItemClick,
       setExpandedWidth,
       setCollapsedWidth,
       setLayoutMode,
@@ -222,6 +249,7 @@ function LayoutProvider({ children }) {
       toggleCollapse,
       openKeys,
       toggleMenuOpen,
+      menuItemClick,
       isConcretePage,
       getFullPath,
       setNavigateAdapter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tker-react/layout",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "private": false,
   "license": "MIT",
   "type": "module",