initial commit

src/router/menus/index.ts

@@ -0,0 +1,99 @@
+import type { Menu } from '/@/router/types';
+import type { RouteRecordNormalized } from 'vue-router';
+import { appStore } from '/@/store/modules/app';
+import { permissionStore } from '/@/store/modules/permission';
+import { transformMenuModule, flatMenus, getAllParentPath } from '/@/utils/helper/menuHelper';
+import { filter } from '/@/utils/helper/treeHelper';
+import router from '/@/router';
+import { PermissionModeEnum } from '/@/enums/appEnum';
+
+// ===========================
+// ==========module import====
+// ===========================
+import dashboardDemo from './modules/demo/dashboard';
+import exceptionDemo from './modules/demo/exception';
+import iframeDemo from './modules/demo/iframe';
+import compDemo from './modules/demo/comp';
+import permissionDemo from './modules/demo/permission';
+import featDemo from './modules/demo/feat';
+
+const menuModules = [dashboardDemo, featDemo, exceptionDemo, iframeDemo, compDemo, permissionDemo];
+
+// ===========================
+// ==========Helper===========
+// ===========================
+
+const staticMenus: Menu[] = [];
+(() => {
+  menuModules.sort((a, b) => {
+    return (a.orderNo || 0) - (b.orderNo || 0);
+  });
+  for (const menu of menuModules) {
+    staticMenus.push(transformMenuModule(menu));
+  }
+})();
+
+const isBackMode = () => {
+  return appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK;
+};
+
+async function getAsyncMenus() {
+  // 前端角色控制菜单 直接取菜单文件
+  if (!isBackMode()) {
+    return staticMenus;
+  }
+  return permissionStore.getBackMenuListState;
+}
+
+// 获取深层扁平化菜单
+export const getFlatMenus = async () => {
+  const menus = await getAsyncMenus();
+
+  return flatMenus(menus);
+};
+
+// 获取菜单 树级
+export const getMenus = async () => {
+  const menus = await getAsyncMenus();
+  const routes = router.getRoutes();
+  return !isBackMode() ? filter(menus, basicFilter(routes)) : menus;
+};
+
+// 获取当前路径的顶级路径
+export async function getCurrentParentPath(currentPath: string) {
+  const menus = await getAsyncMenus();
+  const allParentPath = await getAllParentPath(menus, currentPath);
+  return allParentPath[0];
+}
+
+// 获取1级菜单，删除children
+export async function getShallowMenus() {
+  const menus = await getAsyncMenus();
+  const routes = router.getRoutes();
+  const shallowMenuList = menus.map((item) => ({ ...item, children: undefined }));
+  return !isBackMode() ? shallowMenuList.filter(basicFilter(routes)) : shallowMenuList;
+}
+
+// 获取菜单的children
+export async function getChildrenMenus(parentPath: string) {
+  const menus = await getAsyncMenus();
+  const parent = menus.find((item) => item.path === parentPath);
+  if (!parent) return [] as Menu[];
+  return parent.children;
+}
+
+// 扁平化children
+export async function getFlatChildrenMenus(children: Menu[]) {
+  return flatMenus(children);
+}
+
+// 通用过滤方法
+function basicFilter(routes: RouteRecordNormalized[]) {
+  return (menu: Menu) => {
+    const matchRoute = routes.find((route) => route.path === menu.path);
+    if (!matchRoute) return false;
+    menu.icon = menu.icon || matchRoute.meta.icon;
+    menu.meta = matchRoute.meta;
+    return true;
+  };
+}