优化

src/app/components/AdminSidebarMenu.test.ts

@@ -20,8 +20,8 @@ const visibleNavigation = filterAdminNavigation(adminNavigation, new Set([
 
 const stubs = {
   'el-menu': {
-    props: ['defaultActive', 'collapse'],
-    template: '<nav :data-active="defaultActive" :data-collapsed="String(collapse)"><slot /></nav>',
+    props: ['defaultActive', 'defaultOpeneds', 'collapse'],
+    template: '<nav :data-active="defaultActive" :data-openeds="JSON.stringify(defaultOpeneds)" :data-collapsed="String(collapse)"><slot /></nav>',
   },
   'el-sub-menu': {
     props: ['index'],
@@ -41,6 +41,7 @@ describe('AdminSidebarMenu', () => {
     })
 
     expect(wrapper.get('nav').attributes('data-active')).toBe('/system/users')
+    expect(wrapper.get('nav').attributes('data-openeds')).toBe('[]')
     const groupTitles = wrapper.findAll('[data-kind="group"] header').map((node) => node.text())
     const paths = wrapper.findAll('[data-kind="item"]').map((node) => node.attributes('data-index'))
 

src/app/components/AdminSidebarMenu.vue

@@ -15,8 +15,9 @@ function getGroupKeys(nodes: AdminNavigationNode[]): string[] {
     : [])
 }
 
-const defaultOpeneds = computed(() => getGroupKeys(props.items))
-const menuInstanceKey = computed(() => `${props.collapsed ? 'collapsed' : 'expanded'}:${defaultOpeneds.value.join('|')}`)
+const groupKeys = computed(() => getGroupKeys(props.items))
+const defaultOpeneds: string[] = []
+const menuInstanceKey = computed(() => `${props.collapsed ? 'collapsed' : 'expanded'}:${groupKeys.value.join('|')}`)
 </script>
 
 <template>