76 lines
2.1 KiB
JavaScript
76 lines
2.1 KiB
JavaScript
import path from "path";
|
||
/*
|
||
*获取所有的子集路由
|
||
*/
|
||
const getChildrenRoutes = (routes) => {
|
||
const result = [];
|
||
routes.forEach((route) => {
|
||
if (route.children && route.children.length > 0) {
|
||
result.push(...route.children);
|
||
}
|
||
});
|
||
return result;
|
||
};
|
||
|
||
/*
|
||
*处理脱离层级的路由
|
||
*/
|
||
export const filterRoutes = (routes) => {
|
||
//获取到所有的子集路由
|
||
const childrenRoutes = getChildrenRoutes(routes);
|
||
//根据子集路由进行查重操作
|
||
return routes.filter((route) => {
|
||
//根据route在childrenRoutes中进行查重，把所有重复路由表 剔除
|
||
return !childrenRoutes.find((childrenRoute) => {
|
||
return childrenRoute.path === route.path;
|
||
});
|
||
});
|
||
};
|
||
|
||
function isNull(data) {
|
||
if (!data) return true;
|
||
if (JSON.stringify(data) === "{}") return true;
|
||
if (JSON.stringify(data) === "[]") return true;
|
||
return false;
|
||
}
|
||
|
||
/*
|
||
*根据routes（filterRoutes） 数据， 返回对应的menu规则数据
|
||
*/
|
||
export function generateMenus(routes, basePath = "") {
|
||
const result = [];
|
||
// 遍历路由表
|
||
routes.forEach((item) => {
|
||
// 不存在 children && 不存在 meta 直接 return
|
||
if (isNull(item.meta) && isNull(item.children)) return;
|
||
// 存在 children 不存在 meta，进入迭代
|
||
if (isNull(item.meta) && !isNull(item.children)) {
|
||
result.push(...generateMenus(item.children));
|
||
return;
|
||
}
|
||
|
||
// 合并 path 作为跳转路径
|
||
const routePath = path.resolve(basePath, item.path);
|
||
// 路由分离之后，存在同名父路由的情况，需要单独处理
|
||
let route = result.find((item) => item.path === routePath);
|
||
if (!route) {
|
||
route = {
|
||
...item,
|
||
path: routePath,
|
||
children: []
|
||
};
|
||
|
||
// icon 与 title 必须全部存在
|
||
if (route.meta.icon && route.meta.title) {
|
||
// meta 存在生成 route 对象，放入 arr
|
||
result.push(route);
|
||
}
|
||
}
|
||
// 存在 children 进入迭代到children
|
||
if (!isNull(item.children)) {
|
||
route.children.push(...generateMenus(item.children, route.path));
|
||
}
|
||
});
|
||
return result;
|
||
}
|