forked from github/dataease
132 lines
3.3 KiB
Java
132 lines
3.3 KiB
Java
import { isExternal } from '@/utils/validate'
|
||
import { cloneDeep } from 'lodash'
|
||
import { XpackComponent } from '@/components/plugin'
|
||
const modules = import.meta.glob('../views/**/*.vue')
|
||
export const Layout = () => import('@/layout/index.vue')
|
||
const pluginComponent = 'components/plugin'
|
||
// 后端控制路由生成
|
||
export const generateRoutesFn2 = (routes: AppCustomRouteRecordRaw[]): AppRouteRecordRaw[] => {
|
||
const res: AppRouteRecordRaw[] = []
|
||
|
||
for (const router of routes) {
|
||
let route = { ...router }
|
||
|
||
if (route.top && route.inLayout) {
|
||
route = decorate(route)
|
||
}
|
||
|
||
if (route.plugin) {
|
||
const jsName = route.component
|
||
route.component = pluginComponent
|
||
route.props = {
|
||
jsname: jsName,
|
||
inLayout: route.inLayout
|
||
}
|
||
}
|
||
|
||
const data: AppRouteRecordRaw = {
|
||
path: route.path,
|
||
hidden: route.hidden,
|
||
name: route.name,
|
||
redirect: route.redirect,
|
||
meta: route.meta,
|
||
props: route.props as Recordable
|
||
}
|
||
|
||
if (route.component) {
|
||
let comModule = null
|
||
if (route.component === pluginComponent) {
|
||
comModule = XpackComponent
|
||
} else {
|
||
comModule = modules[`../views/${route.component}/index.vue`]
|
||
}
|
||
|
||
if (route.component === 'Layout') {
|
||
data.component = Layout
|
||
} else if (!comModule) {
|
||
} else {
|
||
data.component = comModule
|
||
}
|
||
}
|
||
if (route.children) {
|
||
data.children = generateRoutesFn2(route.children)
|
||
}
|
||
res.push(data as AppRouteRecordRaw)
|
||
}
|
||
|
||
return res
|
||
}
|
||
|
||
export const formatRoute = (arr: AppCustomRouteRecordRaw[]): AppCustomRouteRecordRaw[] => {
|
||
return arr.map(ele => {
|
||
const router = cloneDeep(ele)
|
||
const { path, children = [] } = router
|
||
|
||
if (children?.length === 1 && router.path !== '/data') {
|
||
const [route] = children
|
||
router.path = `${path}/${route.path}`
|
||
router.children = []
|
||
}
|
||
return router
|
||
})
|
||
}
|
||
|
||
// 包装一层父级目录
|
||
export const decorate = (router: AppCustomRouteRecordRaw): AppCustomRouteRecordRaw => {
|
||
const { path, meta, children = [], inLayout, hidden } = router
|
||
const parent = {
|
||
path,
|
||
meta,
|
||
inLayout,
|
||
component: 'Layout',
|
||
children,
|
||
hidden
|
||
}
|
||
|
||
const current = { ...router }
|
||
current.inLayout = false
|
||
if (!children?.length) {
|
||
current.path = 'index'
|
||
parent.children = [current]
|
||
}
|
||
return parent
|
||
}
|
||
|
||
export const resolvePath = (item: AppRouteRecordRaw) => {
|
||
// 如果是首页，就返回重定向路由
|
||
if (item.path === '/') {
|
||
return item.redirect as string
|
||
}
|
||
|
||
// 如果有子项，默认跳转第一个子项路由
|
||
let path = ''
|
||
/**
|
||
* item 路由子项
|
||
* parent 路由父项
|
||
*/
|
||
const getDefaultPath = (ele, parent?) => {
|
||
// 如果path是个外部链接（不建议），直接返回链接，存在个问题：如果是外部链接点击跳转后当前页内容还是上一个路由内容
|
||
if (isExternal(ele.path)) {
|
||
path = ele.path
|
||
return
|
||
}
|
||
// 第一次需要父项路由拼接，所以只是第一个传parent
|
||
if (parent) {
|
||
path += parent.path + '/' + ele.path
|
||
} else {
|
||
path += '/' + ele.path
|
||
}
|
||
// 如果还有子项，继续递归
|
||
if (ele.children) {
|
||
getDefaultPath(ele.children[0])
|
||
}
|
||
}
|
||
|
||
if (item.children) {
|
||
getDefaultPath(item.children[0], item)
|
||
return path
|
||
}
|
||
|
||
return item.path
|
||
}
|