130 lines
3.3 KiB
TypeScript
130 lines
3.3 KiB
TypeScript
import type { RouteMeta } from 'vue-router';
|
|
import ElegantVueRouter from '@elegant-router/vue/vite';
|
|
import type { RouteKey } from '@elegant-router/types';
|
|
|
|
export function setupElegantRouter() {
|
|
return ElegantVueRouter({
|
|
layouts: {
|
|
base: 'src/layouts/base-layout/index.vue',
|
|
blank: 'src/layouts/blank-layout/index.vue'
|
|
},
|
|
customRoutes: {
|
|
names: ['exception_403', 'exception_404', 'exception_500']
|
|
},
|
|
routePathTransformer(routeName, routePath) {
|
|
const key = routeName as RouteKey;
|
|
|
|
if (key === 'login') {
|
|
const modules: UnionKey.LoginModule[] = ['pwd-login', 'reset-pwd'];
|
|
|
|
const moduleReg = modules.join('|');
|
|
|
|
return `/login/:module(${moduleReg})?`;
|
|
}
|
|
|
|
return routePath;
|
|
},
|
|
onRouteMetaGen(routeName) {
|
|
const key = routeName as RouteKey;
|
|
|
|
const constantRoutes: RouteKey[] = ['login', '403', '404', '500'];
|
|
const routeMetaMap: Partial<Record<RouteKey, Partial<RouteMeta>>> = {
|
|
product: {
|
|
icon: 'carbon:product',
|
|
order: 4
|
|
},
|
|
product_list: {
|
|
icon: 'material-symbols:view-list-outline-rounded',
|
|
order: 1,
|
|
keepAlive: true
|
|
},
|
|
product_dashboard: {
|
|
hideInMenu: true,
|
|
activeMenu: 'product_list'
|
|
},
|
|
product_requirement: {
|
|
hideInMenu: true,
|
|
activeMenu: 'product_list'
|
|
},
|
|
product_setting: {
|
|
hideInMenu: true,
|
|
activeMenu: 'product_list'
|
|
},
|
|
project: {
|
|
icon: 'mdi:briefcase-outline',
|
|
order: 5
|
|
},
|
|
project_list: {
|
|
icon: 'material-symbols:view-list-outline-rounded',
|
|
order: 1,
|
|
keepAlive: true
|
|
},
|
|
project_project: {
|
|
hideInMenu: true,
|
|
activeMenu: 'project_list'
|
|
},
|
|
project_project_overview: {
|
|
hideInMenu: true,
|
|
activeMenu: 'project_list'
|
|
},
|
|
project_project_requirement: {
|
|
hideInMenu: true,
|
|
activeMenu: 'project_list'
|
|
},
|
|
project_project_execution: {
|
|
hideInMenu: true,
|
|
activeMenu: 'project_list'
|
|
},
|
|
project_project_setting: {
|
|
hideInMenu: true,
|
|
activeMenu: 'project_list'
|
|
},
|
|
system: {
|
|
icon: 'carbon:cloud-service-management',
|
|
order: 9,
|
|
roles: ['R_ADMIN']
|
|
},
|
|
system_menu: {
|
|
icon: 'material-symbols:route',
|
|
order: 3,
|
|
roles: ['R_ADMIN'],
|
|
keepAlive: true
|
|
},
|
|
system_dict: {
|
|
icon: 'mdi:book-open-page-variant-outline',
|
|
order: 4,
|
|
roles: ['R_ADMIN'],
|
|
keepAlive: true
|
|
},
|
|
system_role: {
|
|
icon: 'carbon:user-role',
|
|
order: 2,
|
|
roles: ['R_SUPER']
|
|
},
|
|
system_user: {
|
|
icon: 'ic:round-manage-accounts',
|
|
order: 1,
|
|
roles: ['R_ADMIN']
|
|
},
|
|
'system_user-detail': {
|
|
hideInMenu: true,
|
|
roles: ['R_ADMIN'],
|
|
activeMenu: 'system_user'
|
|
}
|
|
};
|
|
|
|
const meta: Partial<RouteMeta> = {
|
|
title: key,
|
|
i18nKey: `route.${key}` as App.I18n.I18nKey,
|
|
...routeMetaMap[key]
|
|
};
|
|
|
|
if (constantRoutes.includes(key)) {
|
|
meta.constant = true;
|
|
}
|
|
|
|
return meta;
|
|
}
|
|
});
|
|
}
|