jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(projects): 重构路由类型和路由元数据类型，重构多级菜单路由写法

Browse Source
This commit is contained in:
Soybean
2021-11-28 12:17:48 +08:00
parent 9fb641f71e
commit d683894beb
20 changed files with 144 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/utils/router/menus.ts
View File

@ -1,9 +1,10 @@
import type { CustomRoute, GlobalMenuOption } from '@/interface';
import type { RouteRecordRaw } from 'vue-router';
import type { GlobalMenuOption } from '@/interface';
import { iconifyRender } from '../common';
/** 判断路由是否作为菜单 */
function asMenu(route: CustomRoute) {
return !route.meta?.isNotMenu;
function asMenu(route: RouteRecordRaw) {
return !route.meta?.notAsMenu;
}
/** 给菜单添加可选属性 */
@ -19,14 +20,14 @@ function addPartialProps(menuItem: GlobalMenuOption, icon?: string, children?: G
}
/** 将路由转换成菜单 */
export function transformRouteToMenu(routes: CustomRoute[]) {
export function transformRouteToMenu(routes: RouteRecordRaw[]) {
const globalMenu: GlobalMenuOption[] = [];
routes.forEach(route => {
const { name, path, meta } = route;
const routeName = name as string;
let menuChildren: GlobalMenuOption[] | undefined;
if (route.children) {
menuChildren = transformRouteToMenu(route.children as CustomRoute[]);
menuChildren = transformRouteToMenu(route.children as RouteRecordRaw[]);
}
const menuItem: GlobalMenuOption = addPartialProps(
{