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;
|
|||
|
|
}
|