xto-fronted 0.4.99 → 0.4.100

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xto-fronted",
-  "version": "0.4.99",
+  "version": "0.4.100",
   "private": false,
   "type": "module",
   "description": "XTO 前端应用框架",

package/src/components/Layout/Sidebar.vue

@@ -36,13 +36,32 @@ const displayMenuList = computed(() => props.menuList.length > 0 ? props.menuLis
 const isCollapsed = computed(() => appStore.isCollapsed)
 const activeMenu = computed(() => route.path)
 
-// 菜单展开状态持久化
+// 获取菜单的唯一标识（优先使用 menuId，其次 menuCode，最后 menuUrl）
+const getMenuKey = (menu: any): string => {
+  return menu.menuId || menu.menuCode || menu.menuUrl || ''
+}
+
+// 菜单展开状态持久化（基于当前菜单列表的标识）
 const OPENED_MENUS_KEY = 'sidebar_opened_menus'
-const openedMenus = ref<string[]>(local.get<string[]>(OPENED_MENUS_KEY) || [])
+const MENU_LIST_KEY = 'sidebar_menu_list_key'
+
+// 获取当前菜单列表的唯一标识
+const getCurrentMenuListKey = (): string => {
+  return displayMenuList.value.map(getMenuKey).join(',')
+}
+
+// 初始化展开状态：只有当菜单列表相同时才恢复之前的展开状态
+const savedMenuListKey = local.get<string>(MENU_LIST_KEY) || ''
+const currentKey = getCurrentMenuListKey()
+const initialOpenedMenus = savedMenuListKey === currentKey
+  ? (local.get<string[]>(OPENED_MENUS_KEY) || [])
+  : []
+const openedMenus = ref<string[]>(initialOpenedMenus)
 
 // 监听变化并持久化
 watch(openedMenus, (val) => {
   local.set(OPENED_MENUS_KEY, val)
+  local.set(MENU_LIST_KEY, getCurrentMenuListKey())
 }, { deep: true })
 
 // 递归查找当前路由对应的父菜单路径
@@ -81,8 +100,9 @@ watch(displayMenuList, (newList, oldList) => {
   if (newList !== oldList) {
     openedMenus.value = []
     local.set(OPENED_MENUS_KEY, [])
+    local.set(MENU_LIST_KEY, getCurrentMenuListKey())
   }
-})
+}, { immediate: false })
 
 // 菜单主题相关
 const menuBgColor = computed(() => appStore.isDark ? '#1d1e1f' : '#fff')