From 1a52d0a0280f61e29c71582bc5523ec374839480 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Wed, 23 Sep 2026 09:15:14 +0800
Subject: [PATCH] fix(ui06): grouped sidebar menu items missing click
 navigation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

B1 分组展平渲染的 ElMenuItem 只渲染了标题插槽，未绑定跳转——点击无反应。
补 onGroupedItemClick：handleMenuJump（外链/iframe/普通路由统一语义，同
SidebarSubmenu.goPage）+ 移动端关闭抽屉。

Co-Authored-By: Claude Code <noreply@anthropic.com>
---
 .../art-menus/art-sidebar-menu/index.vue      | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/apps/admin/src/components/core/layouts/art-menus/art-sidebar-menu/index.vue b/apps/admin/src/components/core/layouts/art-menus/art-sidebar-menu/index.vue
index f68115d..962f5da 100644
--- a/apps/admin/src/components/core/layouts/art-menus/art-sidebar-menu/index.vue
+++ b/apps/admin/src/components/core/layouts/art-menus/art-sidebar-menu/index.vue
@@ -101,7 +101,12 @@
         >
           <!-- UI06：普通左侧菜单按 meta.menuGroup 展平分组（示例侧栏结构） -->
           <template v-if="isGroupedMode">
-            <ElMenuItem v-for="item in flatMenuItems.ungrouped" :key="item.path" :index="item.path">
+            <ElMenuItem
+              v-for="item in flatMenuItems.ungrouped"
+              :key="item.path"
+              :index="item.path"
+              @click="onGroupedItemClick(item)"
+            >
               <div class="menu-icon flex-cc">
                 <ArtSvgIcon
                   :icon="item.meta.icon"
@@ -113,7 +118,12 @@
             </ElMenuItem>
             <template v-for="group in flatMenuItems.groups" :key="group.label">
               <li v-if="menuOpen" class="ui06-menu-group-label">{{ $t(group.label) }}</li>
-              <ElMenuItem v-for="item in group.items" :key="item.path" :index="item.path">
+              <ElMenuItem
+                v-for="item in group.items"
+                :key="item.path"
+                :index="item.path"
+                @click="onGroupedItemClick(item)"
+              >
                 <div class="menu-icon flex-cc">
                   <ArtSvgIcon
                     :icon="item.meta.icon"
@@ -235,6 +245,15 @@
     return { groups, ungrouped }
   })
 
+  /**
+   * UI06 分组菜单项点击：外链/iframe/普通路由统一走 handleMenuJump
+   * （与 SidebarSubmenu.goPage 同语义）；移动端同步关闭抽屉。
+   */
+  function onGroupedItemClick(item: AppRouteRecord): void {
+    handleMenuJump(item)
+    handleMenuClose()
+  }
+
   // 移动端屏幕判断（使用 computed 避免重复计算）
   const isMobileScreen = computed(() => width.value < MOBILE_BREAKPOINT)