refactor: refactor route

src/utils/helper/dynamicImport.ts

@@ -1,5 +0,0 @@
-// The content here is just for type approval. The actual file content is overwritten by transform
-export default function (id: string) {
-  const dynamicImportModule: any = id;
-  return dynamicImportModule;
-}

src/utils/helper/menuHelper.ts

@@ -1,70 +0,0 @@
-import { AppRouteModule, RouteModule } from '/@/router/types.d';
-import type { MenuModule, Menu, AppRouteRecordRaw } from '/@/router/types';
-
-import { findPath, forEach, treeMap, treeToList } from './treeHelper';
-import { cloneDeep } from 'lodash-es';
-
-export function getAllParentPath(treeData: any[], path: string) {
-  const menuList = findPath(treeData, (n) => n.path === path) as Menu[];
-  return (menuList || []).map((item) => item.path);
-}
-
-export function flatMenus(menus: Menu[]) {
-  return treeToList(menus);
-}
-
-// 拼接父级路径
-function joinParentPath(list: any, node: any) {
-  let allPaths = getAllParentPath(list, node.path);
-
-  allPaths = allPaths.slice(0, allPaths.length - 1);
-  let parentPath = '';
-  if (Array.isArray(allPaths) && allPaths.length >= 2) {
-    parentPath = allPaths[allPaths.length - 1];
-  } else {
-    allPaths.forEach((p) => {
-      parentPath += /^\//.test(p) ? p : `/${p}`;
-    });
-  }
-  node.path = `${parentPath}${/^\//.test(node.path) ? node.path : `/${node.path}`}`.replace(
-    /\/\//g,
-    '/'
-  );
-  return node;
-}
-
-// 解析菜单模块
-export function transformMenuModule(menuModule: MenuModule): Menu {
-  const { menu } = menuModule;
-
-  const menuList = [menu];
-  forEach(menuList, (m) => {
-    joinParentPath(menuList, m);
-  });
-  return menuList[0];
-}
-
-export function transformRouteToMenu(routeModList: AppRouteModule[]) {
-  const cloneRouteModList = cloneDeep(routeModList);
-  const routeList: AppRouteRecordRaw[] = [];
-  cloneRouteModList.forEach((item) => {
-    const { layout, routes, children } = item as RouteModule;
-    if (layout) {
-      layout.children = routes || children;
-      routeList.push(layout);
-    } else {
-      routes && routeList.push(...routes);
-    }
-  });
-  return treeMap(routeList, {
-    conversion: (node: AppRouteRecordRaw) => {
-      const { meta: { title, icon } = {} } = node;
-      joinParentPath(routeList, node);
-      return {
-        name: title,
-        icon,
-        path: node.path,
-      };
-    },
-  });
-}

src/utils/helper/routeHelper.ts

@@ -1,110 +0,0 @@
-import type { AppRouteModule, AppRouteRecordRaw, RouteModule } from '/@/router/types';
-import type { RouteLocationNormalized, RouteRecordRaw } from 'vue-router';
-import { createRouter, createWebHashHistory } from 'vue-router';
-
-import { appStore } from '/@/store/modules/app';
-import { tabStore } from '/@/store/modules/tab';
-import { toRaw } from 'vue';
-import { PAGE_LAYOUT_COMPONENT } from '/@/router/constant';
-// import { isDevMode } from '/@/utils/env';
-import dynamicImport from './dynamicImport';
-import { omit } from 'lodash-es';
-
-let currentTo: RouteLocationNormalized | null = null;
-
-export function getCurrentTo() {
-  return currentTo;
-}
-
-export function setCurrentTo(to: RouteLocationNormalized) {
-  currentTo = to;
-}
-// 转化路由模块
-// 将多级转成2层。keepAlive问题
-export function genRouteModule(moduleList: AppRouteModule[] | AppRouteRecordRaw[]) {
-  const ret: AppRouteRecordRaw[] = [];
-  for (const routeMod of moduleList) {
-    let routes: RouteRecordRaw[] = [];
-    let layout: AppRouteRecordRaw | undefined;
-    if (Reflect.has(routeMod, 'routes')) {
-      routes = (routeMod as RouteModule).routes as any;
-      layout = (routeMod as RouteModule).layout;
-    } else if (Reflect.has(routeMod, 'path')) {
-      layout = omit(routeMod, 'children') as any;
-      routes = (routeMod.children as RouteRecordRaw[]) || ([] as RouteRecordRaw[]);
-    }
-
-    const router = createRouter({ routes, history: createWebHashHistory() });
-
-    const flatList = (toRaw(router.getRoutes()).filter(
-      (item) => item.children.length === 0
-    ) as unknown) as AppRouteRecordRaw[];
-    flatList.forEach((item) => {
-      item.path = `${layout ? layout.path : ''}${item.path}`;
-    });
-    if (layout) {
-      layout.children = flatList;
-      ret.push(layout);
-    } else {
-      ret.push(...flatList);
-    }
-  }
-  return ret as RouteRecordRaw[];
-}
-
-// 动态引入
-function asyncImportRoute(routes: AppRouteRecordRaw[] | undefined) {
-  if (!routes) return;
-  routes.forEach((item) => {
-    const { component } = item;
-    const { children } = item;
-    if (component) {
-      item.component = dynamicImport(component);
-    }
-
-    children && asyncImportRoute(children);
-  });
-}
-
-function getLayoutComp(comp: string) {
-  return comp === 'PAGE_LAYOUT' ? PAGE_LAYOUT_COMPONENT : '';
-}
-
-// 将后台对象转成路由对象
-export function transformObjToRoute<T = any>(routeList: AppRouteModule[]): T[] {
-  routeList.forEach((route) => {
-    asyncImportRoute(
-      Reflect.has(route, 'routes') ? (route as RouteModule).routes : route.children || []
-    );
-    if ((route as RouteModule).layout) {
-      (route as RouteModule).layout.component = getLayoutComp(
-        (route as RouteModule).layout.component
-      );
-    } else {
-      route.component = getLayoutComp(route.component);
-      (route as RouteModule).layout = omit(route, 'children') as any;
-    }
-  });
-  return (routeList as unknown) as T[];
-}
-
-//
-export function getIsOpenTab(toPath: string) {
-  const { openKeepAlive, multiTabsSetting: { show } = {} } = appStore.getProjectConfig;
-
-  if (show && openKeepAlive) {
-    const tabList = tabStore.getTabsState;
-    return tabList.some((tab) => tab.path === toPath);
-  }
-  return false;
-}
-
-export function getParams(data: any = {}) {
-  const { params = {} } = data;
-  let ret = '';
-  Object.keys(params).forEach((key) => {
-    const p = params[key];
-    ret += `/${p}`;
-  });
-  return ret;
-}