perf: 更完善的全局类型提示

src/router/enums.ts

@@ -0,0 +1,47 @@
+// 完整版菜单比较多，将 rank 抽离出来，在此方便维护
+
+const home = 0, // 平台规定只有 home 路由的 rank 才能为 0 ，所以后端在返回 rank 的时候需要从 1 开始哦
+  doc = 1,
+  utils = 2,
+  table = 3,
+  tree = 4,
+  able = 5,
+  components = 6,
+  frame = 7,
+  nested = 8,
+  result = 9,
+  error = 10,
+  list = 11,
+  permission = 12,
+  system = 13,
+  tabs = 14,
+  formdesign = 15,
+  flowchart = 16,
+  ppt = 17,
+  editor = 18,
+  guide = 19,
+  about = 20;
+
+export {
+  home,
+  doc,
+  utils,
+  table,
+  tree,
+  able,
+  components,
+  frame,
+  nested,
+  result,
+  error,
+  list,
+  permission,
+  system,
+  tabs,
+  formdesign,
+  flowchart,
+  ppt,
+  editor,
+  guide,
+  about
+};

src/router/index.ts

@@ -1,6 +1,5 @@
 import "@/utils/sso";
 import { getConfig } from "@/config";
-import { toRouteType } from "./types";
 import NProgress from "@/utils/progress";
 import { findIndex } from "lodash-unified";
 import { transformI18n } from "@/plugins/i18n";
@@ -23,12 +22,9 @@ import {
   formatTwoStageRoutes,
   formatFlatteningRoutes
 } from "./utils";
-import {
-  isUrl,
-  openLink,
-  storageSession,
-  buildHierarchyTree
-} from "@pureadmin/utils";
+import { buildHierarchyTree } from "@/utils/tree";
+import { isUrl, openLink, storageSession } from "@pureadmin/utils";
+
 import remainingRouter from "./modules/remaining";
 
 /** 自动导入全部静态路由，无需再手动引入！匹配 src/router/modules 目录（任何嵌套级别）中具有 .ts 扩展名的所有文件，除了 remaining.ts 文件

src/router/modules/able.ts

@@ -1,13 +1,13 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { able } from "@/router/enums";
 
-const ableRouter: RouteConfigsTable = {
+export default {
   path: "/able",
   redirect: "/able/watermark",
   meta: {
     icon: "ubuntu-fill",
     title: $t("menus.hsAble"),
-    rank: 5
+    rank: able
   },
   children: [
     {
@@ -163,6 +163,4 @@ const ableRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default ableRouter;
+} as RouteConfigsTable;

src/router/modules/about.ts

@@ -1,13 +1,13 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { about } from "@/router/enums";
 
-const aboutRouter: RouteConfigsTable = {
+export default {
   path: "/about",
   redirect: "/about/index",
   meta: {
     // icon: "question-line",
     title: $t("menus.hsAbout"),
-    rank: 15
+    rank: about
   },
   children: [
     {
@@ -19,6 +19,4 @@ const aboutRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default aboutRouter;
+} as RouteConfigsTable;

src/router/modules/components.ts

@@ -1,13 +1,13 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { components } from "@/router/enums";
 
-const componentsRouter: RouteConfigsTable = {
+export default {
   path: "/components",
   redirect: "/components/video",
   meta: {
     icon: "menu",
     title: $t("menus.hscomponents"),
-    rank: 6
+    rank: components
   },
   children: [
     {
@@ -127,6 +127,4 @@ const componentsRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default componentsRouter;
+} as RouteConfigsTable;

src/router/modules/editor.ts

@@ -1,13 +1,13 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { editor } from "@/router/enums";
 
-const editorRouter: RouteConfigsTable = {
+export default {
   path: "/editor",
   redirect: "/editor/index",
   meta: {
     icon: "edit",
     title: $t("menus.hseditor"),
-    rank: 2
+    rank: editor
   },
   children: [
     {
@@ -20,6 +20,4 @@ const editorRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default editorRouter;
+} as RouteConfigsTable;

src/router/modules/error.ts

@@ -1,13 +1,13 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { error } from "@/router/enums";
 
-const errorRouter: RouteConfigsTable = {
+export default {
   path: "/error",
   redirect: "/error/403",
   meta: {
     icon: "information-line",
     title: $t("menus.hsabnormal"),
-    rank: 9
+    rank: error
   },
   children: [
     {
@@ -35,6 +35,4 @@ const errorRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default errorRouter;
+} as RouteConfigsTable;

src/router/modules/flowchart.ts

@@ -1,13 +1,13 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { flowchart } from "@/router/enums";
 
-const flowChartRouter: RouteConfigsTable = {
+export default {
   path: "/flowChart",
   redirect: "/flowChart/index",
   meta: {
     icon: "set-up",
     title: $t("menus.hsflowChart"),
-    rank: 1
+    rank: flowchart
   },
   children: [
     {
@@ -19,6 +19,4 @@ const flowChartRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default flowChartRouter;
+} as RouteConfigsTable;

src/router/modules/formdesign.ts

@@ -1,14 +1,14 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { formdesign } from "@/router/enums";
 const IFrame = () => import("@/layout/frameView.vue");
 
-const formDesignRouter: RouteConfigsTable = {
+export default {
   path: "/formDesign",
   redirect: "/formDesign/index",
   meta: {
     icon: "terminal-window-line",
     title: $t("menus.hsFormDesign"),
-    rank: 2
+    rank: formdesign
   },
   children: [
     {
@@ -22,6 +22,4 @@ const formDesignRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default formDesignRouter;
+} as RouteConfigsTable;

src/router/modules/guide.ts

@@ -1,13 +1,13 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { guide } from "@/router/enums";
 
-const guideRouter: RouteConfigsTable = {
+export default {
   path: "/guide",
   redirect: "/guide/index",
   meta: {
     icon: "guide",
     title: $t("menus.hsguide"),
-    rank: 14
+    rank: guide
   },
   children: [
     {
@@ -19,6 +19,4 @@ const guideRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default guideRouter;
+} as RouteConfigsTable;

src/router/modules/home.ts

@@ -1,8 +1,8 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { home } from "@/router/enums";
 const Layout = () => import("@/layout/index.vue");
 
-const homeRouter: RouteConfigsTable = {
+export default {
   path: "/",
   name: "Home",
   component: Layout,
@@ -10,7 +10,7 @@ const homeRouter: RouteConfigsTable = {
   meta: {
     icon: "home-filled",
     title: $t("menus.hshome"),
-    rank: 0
+    rank: home
   },
   children: [
     {
@@ -22,6 +22,4 @@ const homeRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default homeRouter;
+} as RouteConfigsTable;

src/router/modules/list.ts

@@ -1,13 +1,13 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { list } from "@/router/enums";
 
-const ableRouter: RouteConfigsTable = {
+export default {
   path: "/list",
   redirect: "/list/card",
   meta: {
     icon: "list-check",
     title: $t("menus.hsList"),
-    rank: 12
+    rank: list
   },
   children: [
     {
@@ -21,6 +21,4 @@ const ableRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default ableRouter;
+} as RouteConfigsTable;

src/router/modules/nested.ts

@@ -1,13 +1,13 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { nested } from "@/router/enums";
 
-const nestedRouter: RouteConfigsTable = {
+export default {
   path: "/nested",
   redirect: "/nested/menu1/menu1-1",
   meta: {
     title: $t("menus.hsmenus"),
     icon: "histogram",
-    rank: 7
+    rank: nested
   },
   children: [
     {
@@ -82,6 +82,4 @@ const nestedRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default nestedRouter;
+} as RouteConfigsTable;

src/router/modules/ppt.ts

@@ -1,13 +1,13 @@
-import type { RouteConfigsTable } from "/#/index";
+import { ppt } from "@/router/enums";
 const IFrame = () => import("@/layout/frameView.vue");
 
-const pptRouter: RouteConfigsTable = {
+export default {
   path: "/ppt",
   redirect: "/ppt/index",
   meta: {
     icon: "ppt",
     title: "PPT",
-    rank: 3
+    rank: ppt
   },
   children: [
     {
@@ -21,6 +21,4 @@ const pptRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default pptRouter;
+} as RouteConfigsTable;

src/router/modules/puredoc.ts

@@ -0,0 +1,24 @@
+import { doc } from "@/router/enums";
+import hot from "@/assets/svg/hot.svg?component";
+const IFrame = () => import("@/layout/frameView.vue");
+
+export default {
+  path: "/pure-admin-doc",
+  redirect: "/pure-admin-doc/index",
+  meta: {
+    icon: hot,
+    title: "pure-admin-doc",
+    rank: doc
+  },
+  children: [
+    {
+      path: "/pure-admin-doc/index",
+      name: "FrameDoc",
+      component: IFrame,
+      meta: {
+        title: "pure-admin-doc",
+        frameSrc: "https://yiming_chang.gitee.io/pure-admin-doc/"
+      }
+    }
+  ]
+} as RouteConfigsTable;

src/router/modules/pureutils.ts

@@ -0,0 +1,24 @@
+import { utils } from "@/router/enums";
+import hot from "@/assets/svg/hot.svg?component";
+const IFrame = () => import("@/layout/frameView.vue");
+
+export default {
+  path: "/pure-admin-utils",
+  redirect: "/pure-admin-utils/index",
+  meta: {
+    icon: hot,
+    title: "pure-admin-utils",
+    rank: utils
+  },
+  children: [
+    {
+      path: "/pure-admin-utils/index",
+      name: "FrameUtils",
+      component: IFrame,
+      meta: {
+        title: "pure-admin-utils",
+        frameSrc: "https://pure-admin-utils.netlify.app/"
+      }
+    }
+  ]
+} as RouteConfigsTable;

src/router/modules/remaining.ts

@@ -1,8 +1,7 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
 const Layout = () => import("@/layout/index.vue");
 
-const remainingRouter: Array<RouteConfigsTable> = [
+export default [
   {
     path: "/login",
     name: "Login",
@@ -20,7 +19,7 @@ const remainingRouter: Array<RouteConfigsTable> = [
       icon: "home-filled",
       title: $t("menus.hshome"),
       showLink: false,
-      rank: 104
+      rank: 102
     },
     children: [
       {
@@ -38,9 +37,7 @@ const remainingRouter: Array<RouteConfigsTable> = [
     meta: {
       title: $t("menus.hsempty"),
       showLink: false,
-      rank: 105
+      rank: 103
     }
   }
-];
-
-export default remainingRouter;
+] as Array<RouteConfigsTable>;

src/router/modules/result.ts

@@ -1,13 +1,13 @@
 import { $t } from "@/plugins/i18n";
-import type { RouteConfigsTable } from "/#/index";
+import { result } from "@/router/enums";
 
-const resultRouter: RouteConfigsTable = {
+export default {
   path: "/result",
   redirect: "/result/success",
   meta: {
     icon: "checkbox-circle-line",
     title: $t("menus.hsResult"),
-    rank: 8
+    rank: result
   },
   children: [
     {
@@ -27,6 +27,4 @@ const resultRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default resultRouter;
+} as RouteConfigsTable;

src/router/modules/table.ts

@@ -1,14 +1,14 @@
 import { $t } from "@/plugins/i18n";
+import { table } from "@/router/enums";
 import hot from "@/assets/svg/hot.svg?component";
-import type { RouteConfigsTable } from "/#/index";
 
-const flowChartRouter: RouteConfigsTable = {
+export default {
   path: "/pure-table",
   redirect: "/pure-table/index",
   meta: {
     icon: hot,
     title: "pure-admin-table",
-    rank: 4
+    rank: table
   },
   children: [
     {
@@ -28,6 +28,4 @@ const flowChartRouter: RouteConfigsTable = {
       }
     }
   ]
-};
-
-export default flowChartRouter;
+} as RouteConfigsTable;

src/router/modules/tree.ts

@@ -0,0 +1,23 @@
+import { $t } from "@/plugins/i18n";
+import { tree } from "@/router/enums";
+import hot from "@/assets/svg/hot.svg?component";
+
+export default {
+  path: "/tree",
+  redirect: "/tree/index",
+  meta: {
+    icon: hot,
+    title: $t("menus.hsTree"),
+    rank: tree
+  },
+  children: [
+    {
+      path: "/tree/index",
+      name: "Tree",
+      component: () => import("@/views/tree/index.vue"),
+      meta: {
+        title: $t("menus.hsTree")
+      }
+    }
+  ]
+} as RouteConfigsTable;

src/router/types.ts

@@ -1,9 +0,0 @@
-import { RouteLocationNormalized } from "vue-router";
-
-export interface toRouteType extends RouteLocationNormalized {
-  meta: {
-    roles: Array<string>;
-    keepAlive?: boolean;
-    dynamicLevel?: string;
-  };
-}

src/router/utils.ts

@@ -14,9 +14,9 @@ import { RouteConfigs } from "@/layout/types";
 import {
   isString,
   storageSession,
-  buildHierarchyTree,
   isIncludeAllChildren
 } from "@pureadmin/utils";
+import { buildHierarchyTree } from "@/utils/tree";
 import { cloneDeep, intersection } from "lodash-unified";
 import { sessionKey, type DataInfo } from "@/utils/auth";
 import { usePermissionStoreHook } from "@/store/modules/permission";