refactor(projects): 路由组件导入拆分

src/router/components/about.ts

@@ -0,0 +1,6 @@
+import { RouteNameMap, setCacheName } from '../helpers';
+import About from '@/views/about/index.vue';
+
+setCacheName(About, RouteNameMap.get('about'));
+
+export { About };

src/router/components/component.ts

@@ -0,0 +1,9 @@
+import { RouteNameMap, setCacheName } from '../helpers';
+
+import ComponentMap from '@/views/component/map/index.vue';
+import ComponentVideo from '@/views/component/video/index.vue';
+
+setCacheName(ComponentMap, RouteNameMap.get('component_map'));
+setCacheName(ComponentVideo, RouteNameMap.get('component_video'));
+
+export { ComponentMap, ComponentVideo };

src/router/components/dashboard.ts

@@ -0,0 +1,8 @@
+import { RouteNameMap, setCacheName } from '../helpers';
+import DashboardAnalysis from '@/views/dashboard/analysis/index.vue';
+import DashboardWorkbench from '@/views/dashboard/workbench/index.vue';
+
+setCacheName(DashboardAnalysis, RouteNameMap.get('dashboard_analysis'));
+setCacheName(DashboardWorkbench, RouteNameMap.get('dashboard_workbench'));
+
+export { DashboardAnalysis, DashboardWorkbench };

src/router/components/document.ts

@@ -0,0 +1,10 @@
+import { RouteNameMap, setCacheName } from '../helpers';
+import DocumentVue from '@/views/document/vue/index.vue';
+import DocumentVite from '@/views/document/vite/index.vue';
+import DocumentNaive from '@/views/document/naive/index.vue';
+
+setCacheName(DocumentVue, RouteNameMap.get('document_vue'));
+setCacheName(DocumentVite, RouteNameMap.get('document_vite'));
+setCacheName(DocumentNaive, RouteNameMap.get('document_naive'));
+
+export { DocumentVue, DocumentVite, DocumentNaive };

src/router/components/exception.ts

@@ -0,0 +1,10 @@
+import { RouteNameMap, setCacheName } from '../helpers';
+import Exception403 from '@/views/system/exception/403.vue';
+import Exception404 from '@/views/system/exception/404.vue';
+import Exception500 from '@/views/system/exception/500.vue';
+
+setCacheName(Exception404, RouteNameMap.get('exception_404'));
+setCacheName(Exception403, RouteNameMap.get('exception_403'));
+setCacheName(Exception500, RouteNameMap.get('exception_500'));
+
+export { Exception403, Exception404, Exception500 };

src/router/components/index.ts

@@ -1,45 +1,7 @@
-import { RouteNameMap, setCacheName } from '../helpers';
-import Login from '@/views/system/login/index.vue';
-import NoPermission from '@/views/system/exception/403.vue';
-import NotFound from '@/views/system/exception/404.vue';
-import ServiceError from '@/views/system/exception/500.vue';
-import DashboardAnalysis from '@/views/dashboard/analysis/index.vue';
-import DashboardWorkbench from '@/views/dashboard/workbench/index.vue';
-import DocumentVue from '@/views/document/vue/index.vue';
-import DocumentVite from '@/views/document/vite/index.vue';
-import DocumentNaive from '@/views/document/naive/index.vue';
-import MultiMenuFirstSecond from '@/views/multi-menu/first/second/index.vue';
-
-const Exception403 = { ...NoPermission };
-const Exception404 = { ...NotFound };
-const Exception500 = { ...ServiceError };
-
-setCacheName(Login, RouteNameMap.get('login'));
-setCacheName(NoPermission, RouteNameMap.get('no-permission'));
-setCacheName(NotFound, RouteNameMap.get('not-found'));
-setCacheName(ServiceError, RouteNameMap.get('service-error'));
-setCacheName(DashboardAnalysis, RouteNameMap.get('dashboard_analysis'));
-setCacheName(DashboardWorkbench, RouteNameMap.get('dashboard_workbench'));
-setCacheName(DocumentVue, RouteNameMap.get('document_vue'));
-setCacheName(DocumentVite, RouteNameMap.get('document_vite'));
-setCacheName(DocumentNaive, RouteNameMap.get('document_naive'));
-setCacheName(MultiMenuFirstSecond, RouteNameMap.get('multi-menu_first_second'));
-setCacheName(Exception404, RouteNameMap.get('exception_404'));
-setCacheName(Exception403, RouteNameMap.get('exception_403'));
-setCacheName(Exception500, RouteNameMap.get('exception_500'));
-
-export {
-  Login,
-  NoPermission,
-  NotFound,
-  ServiceError,
-  DashboardAnalysis,
-  DashboardWorkbench,
-  DocumentVue,
-  DocumentVite,
-  DocumentNaive,
-  Exception403,
-  Exception404,
-  Exception500,
-  MultiMenuFirstSecond
-};
+export { Login, NoPermission, NotFound, ServiceError } from './system';
+export { DashboardAnalysis, DashboardWorkbench } from './dashboard';
+export { DocumentVue, DocumentVite, DocumentNaive } from './document';
+export { ComponentMap, ComponentVideo } from './component';
+export { Exception403, Exception404, Exception500 } from './exception';
+export { MultiMenuFirstSecond } from './multiMenu';
+export { About } from './about';

src/router/components/multiMenu.ts

@@ -0,0 +1,6 @@
+import { RouteNameMap, setCacheName } from '../helpers';
+import MultiMenuFirstSecond from '@/views/multi-menu/first/second/index.vue';
+
+setCacheName(MultiMenuFirstSecond, RouteNameMap.get('multi-menu_first_second'));
+
+export { MultiMenuFirstSecond };

src/router/components/system.ts

@@ -0,0 +1,12 @@
+import { RouteNameMap, setCacheName } from '../helpers';
+import Login from '@/views/system/login/index.vue';
+import NoPermission from '@/views/system/exception/403.vue';
+import NotFound from '@/views/system/exception/404.vue';
+import ServiceError from '@/views/system/exception/500.vue';
+
+setCacheName(Login, RouteNameMap.get('login'));
+setCacheName(NoPermission, RouteNameMap.get('no-permission'));
+setCacheName(NotFound, RouteNameMap.get('not-found'));
+setCacheName(ServiceError, RouteNameMap.get('service-error'));
+
+export { Login, NoPermission, NotFound, ServiceError };

src/router/modules/_single.ts

@@ -0,0 +1,19 @@
+import type { CustomRoute } from '@/interface';
+import { EnumRoutePath } from '@/enum';
+import { BasicLayout } from '@/layouts';
+import { RouteNameMap } from '../helpers';
+import { ROUTE_HOME } from '../routes';
+import ABOUT from './about';
+
+const SINGLE: CustomRoute = {
+  name: RouteNameMap.get('root'),
+  path: EnumRoutePath.root,
+  component: BasicLayout,
+  redirect: { name: ROUTE_HOME.name },
+  meta: {
+    isNotMenu: true
+  },
+  children: [ABOUT]
+};
+
+export default SINGLE;

src/router/modules/about.ts

@@ -0,0 +1,18 @@
+import { BookInformation24Regular } from '@vicons/fluent';
+import type { CustomRoute } from '@/interface';
+import { EnumRoutePath, EnumRouteTitle } from '@/enum';
+import { RouteNameMap } from '../helpers';
+import { About } from '../components';
+
+const ABOUT: CustomRoute = {
+  name: RouteNameMap.get('about'),
+  path: EnumRoutePath.about,
+  component: About,
+  meta: {
+    requiresAuth: true,
+    title: EnumRouteTitle.about,
+    icon: BookInformation24Regular
+  }
+};
+
+export default ABOUT;

src/router/modules/component.ts

@@ -0,0 +1,42 @@
+import { AppStore24Regular } from '@vicons/fluent';
+import type { CustomRoute } from '@/interface';
+import { EnumRoutePath, EnumRouteTitle } from '@/enum';
+import { BasicLayout } from '@/layouts';
+import { RouteNameMap } from '../helpers';
+import { ComponentMap, ComponentVideo } from '../components';
+
+const COMPONENT: CustomRoute = {
+  name: RouteNameMap.get('component'),
+  path: EnumRoutePath.component,
+  component: BasicLayout,
+  redirect: { name: RouteNameMap.get('component_map') },
+  meta: {
+    requiresAuth: true,
+    title: EnumRouteTitle.component,
+    icon: AppStore24Regular
+  },
+  children: [
+    {
+      name: RouteNameMap.get('component_map'),
+      path: EnumRoutePath.component_map,
+      component: ComponentMap,
+      meta: {
+        requiresAuth: true,
+        title: EnumRouteTitle.component_map,
+        fullPage: true
+      }
+    },
+    {
+      name: RouteNameMap.get('component_video'),
+      path: EnumRoutePath.component_video,
+      component: ComponentVideo,
+      meta: {
+        requiresAuth: true,
+        title: EnumRouteTitle.component_video,
+        fullPage: true
+      }
+    }
+  ]
+};
+
+export default COMPONENT;

src/router/modules/document.ts

@@ -9,7 +9,7 @@ const DOCUMENT: CustomRoute = {
   name: RouteNameMap.get('document'),
   path: EnumRoutePath.document,
   component: BasicLayout,
-  redirect: { name: RouteNameMap.get('document') },
+  redirect: { name: RouteNameMap.get('document_vue') },
   meta: {
     requiresAuth: true,
     title: EnumRouteTitle.document,

src/router/modules/index.ts

@@ -1,7 +1,9 @@
-import ROOT from './root';
+import SIGNLE from './_single'; // 没有子菜单的单独页面
 import DASHBOARD from './dashboard';
 import DOCUMENT from './document';
+import COMPONENT from './component';
 import EXCEPTION from './exception';
 import MULTI_MENU from './multiMenu';
+import ABOUT from './about';
 
-export default [ROOT, DASHBOARD, DOCUMENT, EXCEPTION, MULTI_MENU];
+export default [SIGNLE, DASHBOARD, DOCUMENT, COMPONENT, EXCEPTION, MULTI_MENU, ABOUT];