mirror of
https://github.com/soybeanjs/soybean-admin.git
synced 2025-11-13 04:03:42 +08:00
refactor(projects): 路由文件夹重构
This commit is contained in:
@@ -1,35 +0,0 @@
|
||||
import type { RouteRecordRaw } from 'vue-router';
|
||||
|
||||
function getCacheName(route: RouteRecordRaw, isCache: boolean) {
|
||||
const cacheNames: string[] = [];
|
||||
const hasChild = hasChildren(route);
|
||||
if (isCache && !hasChild) {
|
||||
const name = route.name as string;
|
||||
cacheNames.push(name);
|
||||
}
|
||||
if (hasChild) {
|
||||
const children = route.children as RouteRecordRaw[];
|
||||
children.forEach(item => {
|
||||
const isChildCache = isCache || isKeepAlive(item);
|
||||
cacheNames.push(...getCacheName(item, isChildCache));
|
||||
});
|
||||
}
|
||||
return cacheNames;
|
||||
}
|
||||
|
||||
function isKeepAlive(route: RouteRecordRaw) {
|
||||
return Boolean(route?.meta?.keepAlive);
|
||||
}
|
||||
function hasChildren(route: RouteRecordRaw) {
|
||||
return Boolean(route.children && route.children.length);
|
||||
}
|
||||
|
||||
/** 获取被缓存的路由 */
|
||||
export default function getCacheRoutes(routes: RouteRecordRaw[]) {
|
||||
const cacheNames: string[] = [];
|
||||
routes.forEach(route => {
|
||||
const isCache = isKeepAlive(route);
|
||||
cacheNames.push(...getCacheName(route, isCache));
|
||||
});
|
||||
return cacheNames;
|
||||
}
|
||||
@@ -1,40 +0,0 @@
|
||||
import type { Component } from 'vue';
|
||||
import { getRouteNameMap } from '@/utils';
|
||||
import { BasicLayout, BlankLayout } from '@/layouts';
|
||||
import type { CustomRoute } from '@/interface';
|
||||
import getCacheRoutes from './cache';
|
||||
import transformRouteToMenu from './menus';
|
||||
|
||||
/** 给需要缓存的页面组件设置名称 */
|
||||
export function setCacheName(component: Component, name?: string) {
|
||||
if (name) {
|
||||
Object.assign(component, { name });
|
||||
}
|
||||
}
|
||||
|
||||
/** 路由name map */
|
||||
export const RouteNameMap = getRouteNameMap();
|
||||
|
||||
function getSingleRoute(route: CustomRoute, container: Component) {
|
||||
const routeItem: CustomRoute = {
|
||||
name: `${route.name as string}_`,
|
||||
path: `${route.path}_`,
|
||||
component: container,
|
||||
redirect: { name: route.name },
|
||||
meta: {
|
||||
isNotMenu: true
|
||||
},
|
||||
children: [route]
|
||||
};
|
||||
|
||||
return routeItem;
|
||||
}
|
||||
|
||||
export function getSingleBasicLayoutRoute(route: CustomRoute) {
|
||||
return getSingleRoute(route, BasicLayout);
|
||||
}
|
||||
export function getSingleBlankLayoutRoute(route: CustomRoute) {
|
||||
return getSingleRoute(route, BlankLayout);
|
||||
}
|
||||
|
||||
export { getCacheRoutes, transformRouteToMenu };
|
||||
@@ -1,48 +0,0 @@
|
||||
import type { Component } from 'vue';
|
||||
import type { CustomRoute, GlobalMenuOption } from '@/interface';
|
||||
import { dynamicIconRender } from '@/utils';
|
||||
|
||||
/** 判断路由是否作为菜单 */
|
||||
function asMenu(route: CustomRoute) {
|
||||
return !route.meta?.isNotMenu;
|
||||
}
|
||||
|
||||
/** 给菜单添加可选属性 */
|
||||
function addPartialProps(menuItem: GlobalMenuOption, icon?: Component, children?: GlobalMenuOption[]) {
|
||||
const item = { ...menuItem };
|
||||
if (icon) {
|
||||
Object.assign(item, { icon: dynamicIconRender(icon) });
|
||||
}
|
||||
if (children) {
|
||||
Object.assign(item, { children });
|
||||
}
|
||||
return item;
|
||||
}
|
||||
|
||||
export default function transformRouteToMenu(routes: CustomRoute[]) {
|
||||
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[]);
|
||||
}
|
||||
const menuItem: GlobalMenuOption = addPartialProps(
|
||||
{
|
||||
key: routeName,
|
||||
label: meta?.title ?? routeName,
|
||||
routeName,
|
||||
routePath: path
|
||||
},
|
||||
meta?.icon,
|
||||
menuChildren
|
||||
);
|
||||
if (asMenu(route)) {
|
||||
globalMenu.push(menuItem);
|
||||
} else if (menuChildren) {
|
||||
globalMenu.push(...menuChildren);
|
||||
}
|
||||
});
|
||||
return globalMenu;
|
||||
}
|
||||
Reference in New Issue
Block a user