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