76 lines
2.2 KiB
Plaintext
76 lines
2.2 KiB
Plaintext
import type { AppRouteModule, AppRouteRecordRaw } from '@/router/types';
|
|
import type { Router, RouteRecordNormalized } from 'vue-router';
|
|
import { cloneDeep, omit } from 'lodash-es';
|
|
import { createRouter, createWebHashHistory } from 'vue-router';
|
|
|
|
// Routing level upgrade
|
|
function promoteRouteLevel(routeModule: AppRouteModule) {
|
|
// Use vue-router to splice menus
|
|
let router: Router | null = createRouter({
|
|
routes: [routeModule as unknown as RouteRecordNormalized],
|
|
history: createWebHashHistory(),
|
|
});
|
|
|
|
const routes = router.getRoutes();
|
|
addToChildren(routes, routeModule.children || [], routeModule);
|
|
router = null;
|
|
|
|
routeModule.children = routeModule.children?.map((item) => omit(item, 'children'));
|
|
}
|
|
|
|
// Add all sub-routes to the secondary route
|
|
function addToChildren(
|
|
routes: RouteRecordNormalized[],
|
|
children: AppRouteRecordRaw[],
|
|
routeModule: AppRouteModule,
|
|
) {
|
|
for (let index = 0; index < children.length; index++) {
|
|
const child = children[index];
|
|
const route = routes.find((item) => item.name === child.name);
|
|
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);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Convert multi-level routing to level 2 routing
|
|
*/
|
|
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;
|
|
}
|
|
|
|
// Determine whether the level exceeds 2 levels
|
|
function isMultipleRoute(routeModule: AppRouteModule) {
|
|
if (!routeModule || !Reflect.has(routeModule, 'children') || !routeModule.children?.length) {
|
|
return false;
|
|
}
|
|
|
|
const children = routeModule.children;
|
|
|
|
let flag = false;
|
|
for (let index = 0; index < children.length; index++) {
|
|
const child = children[index];
|
|
if (child.children?.length) {
|
|
flag = true;
|
|
break;
|
|
}
|
|
}
|
|
return flag;
|
|
}
|