accessible.ts 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. import type {
  2. AccessModeType,
  3. GenerateMenuAndRoutesOptions,
  4. RouteRecordRaw,
  5. } from '@vben/types';
  6. import {
  7. cloneDeep,
  8. generateMenus,
  9. generateRoutesByBackend,
  10. generateRoutesByFrontend,
  11. mapTree,
  12. } from '@vben/utils';
  13. async function generateAccessible(
  14. mode: AccessModeType,
  15. options: GenerateMenuAndRoutesOptions,
  16. ) {
  17. const { router } = options;
  18. options.routes = cloneDeep(options.routes);
  19. // 生成路由
  20. const accessibleRoutes = await generateRoutes(mode, options);
  21. // 动态添加到router实例内
  22. accessibleRoutes.forEach((route) => {
  23. router.addRoute(route);
  24. });
  25. // 生成菜单
  26. const accessibleMenus = await generateMenus(accessibleRoutes, options.router);
  27. return { accessibleMenus, accessibleRoutes };
  28. }
  29. /**
  30. * Generate routes
  31. * @param mode
  32. * @param options
  33. */
  34. async function generateRoutes(
  35. mode: AccessModeType,
  36. options: GenerateMenuAndRoutesOptions,
  37. ) {
  38. const { forbiddenComponent, roles, routes } = options;
  39. let resultRoutes: RouteRecordRaw[] = routes;
  40. switch (mode) {
  41. case 'backend': {
  42. resultRoutes = await generateRoutesByBackend(options);
  43. break;
  44. }
  45. case 'frontend': {
  46. resultRoutes = await generateRoutesByFrontend(
  47. routes,
  48. roles || [],
  49. forbiddenComponent,
  50. );
  51. break;
  52. }
  53. }
  54. /**
  55. * 调整路由树,做以下处理:
  56. * 1. 对未添加redirect的路由添加redirect
  57. */
  58. resultRoutes = mapTree(resultRoutes, (route) => {
  59. // 如果有redirect或者没有子路由,则直接返回
  60. if (route.redirect || !route.children || route.children.length === 0) {
  61. return route;
  62. }
  63. const firstChild = route.children[0];
  64. // 如果子路由不是以/开头,则直接返回,这种情况需要计算全部父级的path才能得出正确的path,这里不做处理
  65. if (!firstChild?.path || !firstChild.path.startsWith('/')) {
  66. return route;
  67. }
  68. route.redirect = firstChild.path;
  69. return route;
  70. });
  71. return resultRoutes;
  72. }
  73. export { generateAccessible };