69 lines
1.9 KiB
TypeScript
69 lines
1.9 KiB
TypeScript
|
import { RouteRecordRaw, RouterView } from "vue-router"
|
|||
|
|
|
|||
|
|
export enum MenuType{
|
|||
|
|
Catalogue = 'M',
|
|||
|
|
Menu = 'C',
|
|||
|
|
Button = 'A'
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 匹配views里面所有的.vue文件，动态引入
|
|||
|
|
const modules = import.meta.glob('@/views/**/*.vue')
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 过滤路由所需要的数据
|
|||
|
|
export function filterAsyncRoutes(routes: any[], firstRoute = true) {
|
|||
|
|
return routes.map((route => {
|
|||
|
|
const routeRecord = createRouteRecord(route, firstRoute)
|
|||
|
|
if (route.children != null && route.children && route.children.length) {
|
|||
|
|
routeRecord.children = filterAsyncRoutes(route.children, false)
|
|||
|
|
}
|
|||
|
|
return routeRecord
|
|||
|
|
}))
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 创建一条路由记录
|
|||
|
|
export function createRouteRecord(route: any, firstRoute: boolean): RouteRecordRaw {
|
|||
|
|
//@ts-ignore
|
|||
|
|
const routeRecord: RouteRecordRaw = {
|
|||
|
|
path: firstRoute ? `/${route.paths}` : route.paths,
|
|||
|
|
name: route.paths,
|
|||
|
|
meta: {
|
|||
|
|
hidden: !route.isShow,
|
|||
|
|
keepAlive: !!route.isCache,
|
|||
|
|
title: route.menuName,
|
|||
|
|
perms: route.perms,
|
|||
|
|
query: route.params,
|
|||
|
|
icon: route.menuIcon,
|
|||
|
|
activePath: route.selected
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
switch (route.menuType) {
|
|||
|
|
case MenuType.Catalogue:
|
|||
|
|
routeRecord.component = RouterView
|
|||
|
|
break
|
|||
|
|
case MenuType.Menu:
|
|||
|
|
routeRecord.component = loadRouteView(route.component)
|
|||
|
|
break
|
|||
|
|
}
|
|||
|
|
return routeRecord
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
console.log(modules)
|
|||
|
|
// 动态加载组件
|
|||
|
|
export function loadRouteView(component: string) {
|
|||
|
|
try {
|
|||
|
|
const key = Object.keys(modules).find((key) => {
|
|||
|
|
return key.includes(`${component}.vue`)
|
|||
|
|
})
|
|||
|
|
if (key) {
|
|||
|
|
return modules[key]
|
|||
|
|
} else {
|
|||
|
|
throw Error(`找不到组件${component}，请确保组件路径正确`)
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error(error)
|
|||
|
|
return RouterView
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|