fix(route): ensure that the first level menu can be hidden

src/router/helper/routeHelper.ts

@@ -79,27 +79,28 @@ export function transformObjToRoute<T = AppRouteModule>(routeList: AppRouteModul
 /**
  * Convert multi-level routing to level 2 routing
  */
-export function flatRoutes(routeModules: AppRouteModule[]) {
-  for (let index = 0; index < routeModules.length; index++) {
-    const routeModule = routeModules[index];
+export function flatMultiLevelRoutes(routeModules: AppRouteModule[]) {
+  const modules: AppRouteModule[] = cloneDeep(routeModules);
+  for (let index = 0; index < modules.length; index++) {
+    const routeModule = modules[index];
     if (!isMultipleRoute(routeModule)) {
       continue;
     }
     promoteRouteLevel(routeModule);
   }
+  return modules;
 }
 
 // Routing level upgrade
 function promoteRouteLevel(routeModule: AppRouteModule) {
   // Use vue-router to splice menus
   let router: Router | null = createRouter({
-    routes: [routeModule as any],
+    routes: [(routeModule as unknown) as RouteRecordNormalized],
     history: createWebHashHistory(),
   });
 
   const routes = router.getRoutes();
-  const children = cloneDeep(routeModule.children);
-  addToChildren(routes, children || [], routeModule);
+  addToChildren(routes, routeModule.children || [], routeModule);
   router = null;
 
   routeModule.children = routeModule.children?.filter((item) => !item.children?.length);
@@ -114,12 +115,15 @@ function addToChildren(
   for (let index = 0; index < children.length; index++) {
     const child = children[index];
     const route = routes.find((item) => item.name === child.name);
-    if (route) {
-      routeModule.children = routeModule.children || [];
-      routeModule.children?.push(route as any);
-      if (child.children?.length) {
-        addToChildren(routes, child.children, routeModule);
-      }
+    if (!route) {
+      continue;
+    }
+    routeModule.children = routeModule.children || [];
+    if (!routeModule.children.find((item) => item.name === route.name)) {
+      routeModule.children?.push((route as unknown) as AppRouteModule);
+    }
+    if (child.children?.length) {
+      addToChildren(routes, child.children, routeModule);
     }
   }
 }

src/router/menus/index.ts

@@ -45,6 +45,7 @@ async function getAsyncMenus() {
 export const getMenus = async (): Promise<Menu[]> => {
   const menus = await getAsyncMenus();
   const routes = router.getRoutes();
+
   return !isBackMode() ? filter(menus, basicFilter(routes)) : menus;
 };
 

src/router/routes/index.ts

@@ -5,7 +5,6 @@ import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '/@/router/routes/basic';
 import { mainOutRoutes } from './mainOut';
 import { PageEnum } from '/@/enums/pageEnum';
 import { t } from '/@/hooks/web/useI18n';
-import { flatRoutes } from '/@/router/helper/routeHelper';
 
 const modules = import.meta.globEager('./modules/**/*.ts');
 
@@ -17,9 +16,6 @@ Object.keys(modules).forEach((key) => {
   routeModuleList.push(...modList);
 });
 
-// Multi-level routing conversion
-flatRoutes(routeModuleList);
-
 export const asyncRoutes = [PAGE_NOT_FOUND_ROUTE, ...routeModuleList];
 
 export const RootRoute: AppRouteRecordRaw = {