Merge branch 'main' of github.com:arco-design/arco-design-pro-vue

arco-design-pro-vite/src/components/menu/index.vue

@@ -24,6 +24,8 @@
         },
       });
 
+      const openKeys = ref<string[]>([]);
+
       const selectedKey = ref<string[]>([]);
       const goto = (item: RouteRecordRaw) => {
         if (regexUrl.test(item.path)) {
@@ -37,11 +39,17 @@
       };
       listenerRouteChange((newRoute) => {
         if (newRoute.meta.requiresAuth && !newRoute.meta.hideInMenu) {
+          const { matched } = newRoute;
+          if (matched.length > 1) {
+            matched.slice(0, matched.length - 1).forEach(({ name }) => {
+              if (!openKeys.value.includes(name as string))
+                openKeys.value.push(name as string);
+            });
+          }
           if (newRoute.meta.activeMenu) {
             selectedKey.value = [newRoute.meta.activeMenu];
           } else {
-            const key = newRoute.matched[newRoute.matched.length - 1]
-              ?.name as string;
+            const key = matched[matched.length - 1]?.name as string;
             selectedKey.value = [key];
           }
         }
@@ -90,6 +98,7 @@
       return () => (
         <a-menu
           v-model:collapsed={collapsed.value}
+          v-model:open-keys={openKeys.value}
           show-collapse-button={appStore.device !== 'mobile'}
           auto-open={false}
           selected-keys={selectedKey.value}