72 lines
1.9 KiB
TypeScript
72 lines
1.9 KiB
TypeScript
import { iconifyRender } from '../common';
|
|
|
|
/** 路由不转换菜单 */
|
|
function hideInMenu(route: AuthRoute.Route) {
|
|
return Boolean(route.meta.hide);
|
|
}
|
|
|
|
/** 给菜单添加可选属性 */
|
|
function addPartialProps(menuItem: GlobalMenuOption, icon?: string, children?: GlobalMenuOption[]) {
|
|
const item = { ...menuItem };
|
|
if (icon) {
|
|
Object.assign(item, { icon: iconifyRender(icon) });
|
|
}
|
|
if (children) {
|
|
Object.assign(item, { children });
|
|
}
|
|
return item;
|
|
}
|
|
|
|
/**
|
|
* 将权限路由转换成菜单
|
|
* @param routes - 路由
|
|
*/
|
|
export function transformAuthRouteToMenu(routes: AuthRoute.Route[]): GlobalMenuOption[] {
|
|
const globalMenu: GlobalMenuOption[] = [];
|
|
routes.forEach((route) => {
|
|
const { name, path, meta } = route;
|
|
const routeName = name as string;
|
|
let menuChildren: GlobalMenuOption[] | undefined;
|
|
if (route.children) {
|
|
menuChildren = transformAuthRouteToMenu(route.children);
|
|
}
|
|
const menuItem: GlobalMenuOption = addPartialProps(
|
|
{
|
|
key: routeName,
|
|
label: meta.title,
|
|
routeName,
|
|
routePath: path,
|
|
},
|
|
meta?.icon,
|
|
menuChildren
|
|
);
|
|
|
|
if (!hideInMenu(route)) {
|
|
globalMenu.push(menuItem);
|
|
}
|
|
});
|
|
|
|
return globalMenu;
|
|
}
|
|
|
|
/**
|
|
* 获取当前路由所在菜单数据的paths
|
|
* @param activeKey - 当前路由的key
|
|
* @param menus - 菜单数据
|
|
*/
|
|
export function getActiveKeyPathsOfMenus(activeKey: string, menus: GlobalMenuOption[]) {
|
|
const keys = menus.map((menu) => getActiveKeyPathsOfMenu(activeKey, menu)).flat(1);
|
|
return keys;
|
|
}
|
|
|
|
function getActiveKeyPathsOfMenu(activeKey: string, menu: GlobalMenuOption) {
|
|
const keys: string[] = [];
|
|
if (activeKey.includes(menu.routeName)) {
|
|
keys.push(menu.routeName);
|
|
}
|
|
if (menu.children) {
|
|
keys.push(...menu.children.map((item) => getActiveKeyPathsOfMenu(activeKey, item)).flat(1));
|
|
}
|
|
return keys;
|
|
}
|