refactor(projects): 路由文件夹重构

This commit is contained in:
Soybean
2021-10-21 11:59:55 +08:00
parent b80c224664
commit b2854d57e8
28 changed files with 150 additions and 197 deletions

View File

@ -1,11 +1,14 @@
import { BookInformation24Regular } from '@vicons/fluent';
import type { CustomRoute } from '@/interface';
import { EnumRoutePath, EnumRouteTitle } from '@/enum';
import { RouteNameMap, getSingleBasicLayoutRoute } from '../helpers';
import { About } from '../components';
import { ROUTE_NAME_MAP, setRouterCacheName, setSingleRoute } from '@/utils';
import { BasicLayout } from '@/layouts';
import About from '@/views/about/index.vue';
const ABOUT: CustomRoute = getSingleBasicLayoutRoute({
name: RouteNameMap.get('about'),
setRouterCacheName(About, ROUTE_NAME_MAP.get('about'));
const ABOUT: CustomRoute = setSingleRoute(BasicLayout, {
name: ROUTE_NAME_MAP.get('about'),
path: EnumRoutePath.about,
component: About,
meta: {
@ -14,4 +17,5 @@ const ABOUT: CustomRoute = getSingleBasicLayoutRoute({
icon: BookInformation24Regular
}
});
export default ABOUT;

View File

@ -2,14 +2,18 @@ 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';
import { ROUTE_NAME_MAP, setRouterCacheName } from '@/utils';
import ComponentMap from '@/views/component/map/index.vue';
import ComponentVideo from '@/views/component/video/index.vue';
setRouterCacheName(ComponentMap, ROUTE_NAME_MAP.get('component_map'));
setRouterCacheName(ComponentVideo, ROUTE_NAME_MAP.get('component_video'));
const COMPONENT: CustomRoute = {
name: RouteNameMap.get('component'),
name: ROUTE_NAME_MAP.get('component'),
path: EnumRoutePath.component,
component: BasicLayout,
redirect: { name: RouteNameMap.get('component_map') },
redirect: { name: ROUTE_NAME_MAP.get('component_map') },
meta: {
requiresAuth: true,
title: EnumRouteTitle.component,
@ -17,7 +21,7 @@ const COMPONENT: CustomRoute = {
},
children: [
{
name: RouteNameMap.get('component_map'),
name: ROUTE_NAME_MAP.get('component_map'),
path: EnumRoutePath.component_map,
component: ComponentMap,
meta: {
@ -27,7 +31,7 @@ const COMPONENT: CustomRoute = {
}
},
{
name: RouteNameMap.get('component_video'),
name: ROUTE_NAME_MAP.get('component_video'),
path: EnumRoutePath.component_video,
component: ComponentVideo,
meta: {

View File

@ -2,15 +2,17 @@ import { Dashboard } from '@vicons/carbon';
import type { CustomRoute } from '@/interface';
import { EnumRoutePath, EnumRouteTitle } from '@/enum';
import { BasicLayout } from '@/layouts';
import { RouteNameMap } from '../helpers';
import { DashboardWorkbench } from '../components';
import { ROUTE_NAME_MAP, setRouterCacheName } from '@/utils';
import { ROUTE_HOME } from '../routes';
import DashboardWorkbench from '@/views/dashboard/workbench/index.vue';
setRouterCacheName(DashboardWorkbench, ROUTE_NAME_MAP.get('dashboard_workbench'));
const DASHBOARD: CustomRoute = {
name: RouteNameMap.get('dashboard'),
name: ROUTE_NAME_MAP.get('dashboard'),
path: EnumRoutePath.dashboard,
component: BasicLayout,
redirect: { name: RouteNameMap.get('dashboard_analysis') },
redirect: { name: ROUTE_NAME_MAP.get('dashboard_analysis') },
meta: {
title: EnumRouteTitle.dashboard,
icon: Dashboard
@ -18,7 +20,7 @@ const DASHBOARD: CustomRoute = {
children: [
ROUTE_HOME,
{
name: RouteNameMap.get('dashboard_workbench'),
name: ROUTE_NAME_MAP.get('dashboard_workbench'),
path: EnumRoutePath.dashboard_workbench,
component: DashboardWorkbench,
meta: {

View File

@ -2,14 +2,20 @@ import { Document } from '@vicons/carbon';
import type { CustomRoute } from '@/interface';
import { EnumRoutePath, EnumRouteTitle } from '@/enum';
import { BasicLayout } from '@/layouts';
import { RouteNameMap } from '../helpers';
import { DocumentVue, DocumentVite, DocumentNaive } from '../components';
import { ROUTE_NAME_MAP, setRouterCacheName } from '@/utils';
import DocumentVue from '@/views/document/vue/index.vue';
import DocumentVite from '@/views/document/vite/index.vue';
import DocumentNaive from '@/views/document/naive/index.vue';
setRouterCacheName(DocumentVue, ROUTE_NAME_MAP.get('document_vue'));
setRouterCacheName(DocumentVite, ROUTE_NAME_MAP.get('document_vite'));
setRouterCacheName(DocumentNaive, ROUTE_NAME_MAP.get('document_naive'));
const DOCUMENT: CustomRoute = {
name: RouteNameMap.get('document'),
name: ROUTE_NAME_MAP.get('document'),
path: EnumRoutePath.document,
component: BasicLayout,
redirect: { name: RouteNameMap.get('document_vue') },
redirect: { name: ROUTE_NAME_MAP.get('document_vue') },
meta: {
requiresAuth: true,
title: EnumRouteTitle.document,
@ -17,7 +23,7 @@ const DOCUMENT: CustomRoute = {
},
children: [
{
name: RouteNameMap.get('document_vue'),
name: ROUTE_NAME_MAP.get('document_vue'),
path: EnumRoutePath.document_vue,
component: DocumentVue,
meta: {
@ -27,7 +33,7 @@ const DOCUMENT: CustomRoute = {
}
},
{
name: RouteNameMap.get('document_vite'),
name: ROUTE_NAME_MAP.get('document_vite'),
path: EnumRoutePath.document_vite,
component: DocumentVite,
meta: {
@ -37,7 +43,7 @@ const DOCUMENT: CustomRoute = {
}
},
{
name: RouteNameMap.get('document_naive'),
name: ROUTE_NAME_MAP.get('document_naive'),
path: EnumRoutePath.document_naive,
component: DocumentNaive,
meta: {

View File

@ -2,14 +2,20 @@ import { ExceptionOutlined } from '@vicons/antd';
import type { CustomRoute } from '@/interface';
import { EnumRoutePath, EnumRouteTitle } from '@/enum';
import { BasicLayout } from '@/layouts';
import { RouteNameMap } from '../helpers';
import { Exception403, Exception404, Exception500 } from '../components';
import { ROUTE_NAME_MAP, setRouterCacheName } from '@/utils';
import Exception403 from '@/views/system/exception/403.vue';
import Exception404 from '@/views/system/exception/404.vue';
import Exception500 from '@/views/system/exception/500.vue';
setRouterCacheName(Exception404, ROUTE_NAME_MAP.get('exception_404'));
setRouterCacheName(Exception403, ROUTE_NAME_MAP.get('exception_403'));
setRouterCacheName(Exception500, ROUTE_NAME_MAP.get('exception_500'));
const EXCEPTION: CustomRoute = {
name: RouteNameMap.get('exception'),
name: ROUTE_NAME_MAP.get('exception'),
path: EnumRoutePath.exception,
component: BasicLayout,
redirect: { name: RouteNameMap.get('exception_403') },
redirect: { name: ROUTE_NAME_MAP.get('exception_403') },
meta: {
requiresAuth: true,
title: EnumRouteTitle.exception,
@ -17,7 +23,7 @@ const EXCEPTION: CustomRoute = {
},
children: [
{
name: RouteNameMap.get('exception_403'),
name: ROUTE_NAME_MAP.get('exception_403'),
path: EnumRoutePath.exception_403,
component: Exception403,
meta: {
@ -27,7 +33,7 @@ const EXCEPTION: CustomRoute = {
}
},
{
name: RouteNameMap.get('exception_404'),
name: ROUTE_NAME_MAP.get('exception_404'),
path: EnumRoutePath.exception_404,
component: Exception404,
meta: {
@ -37,7 +43,7 @@ const EXCEPTION: CustomRoute = {
}
},
{
name: RouteNameMap.get('exception_500'),
name: ROUTE_NAME_MAP.get('exception_500'),
path: EnumRoutePath.exception_500,
component: Exception500,
meta: {

View File

@ -1,4 +1,4 @@
import ROOT from './root'; // 没有子菜单的单独页面
import ROOT from './root';
import DASHBOARD from './dashboard';
import DOCUMENT from './document';
import COMPONENT from './component';

View File

@ -2,24 +2,26 @@ import { Menu } from '@vicons/carbon';
import type { CustomRoute } from '@/interface';
import { EnumRoutePath, EnumRouteTitle } from '@/enum';
import { BasicLayout, BasicChildLayout } from '@/layouts';
import { RouteNameMap } from '../helpers';
import { MultiMenuFirstSecond } from '../components';
import { ROUTE_NAME_MAP, setRouterCacheName } from '@/utils';
import MultiMenuFirstSecond from '@/views/multi-menu/first/second/index.vue';
setRouterCacheName(MultiMenuFirstSecond, ROUTE_NAME_MAP.get('multi-menu_first_second'));
const MULTI_MENU: CustomRoute = {
name: RouteNameMap.get('multi-menu'),
name: ROUTE_NAME_MAP.get('multi-menu'),
path: EnumRoutePath['multi-menu'],
component: BasicLayout,
redirect: { name: RouteNameMap.get('multi-menu_first') },
redirect: { name: ROUTE_NAME_MAP.get('multi-menu_first') },
meta: {
title: EnumRouteTitle['multi-menu'],
icon: Menu
},
children: [
{
name: RouteNameMap.get('multi-menu_first'),
name: ROUTE_NAME_MAP.get('multi-menu_first'),
path: EnumRoutePath['multi-menu_first'],
component: BasicChildLayout,
redirect: { name: RouteNameMap.get('multi-menu_first_second') },
redirect: { name: ROUTE_NAME_MAP.get('multi-menu_first_second') },
meta: {
keepAlive: true,
requiresAuth: true,
@ -27,7 +29,7 @@ const MULTI_MENU: CustomRoute = {
},
children: [
{
name: RouteNameMap.get('multi-menu_first_second'),
name: ROUTE_NAME_MAP.get('multi-menu_first_second'),
path: EnumRoutePath['multi-menu_first_second'],
component: MultiMenuFirstSecond,
meta: {

View File

@ -1,10 +1,10 @@
import type { CustomRoute } from '@/interface';
import { EnumRoutePath } from '@/enum';
import { RouteNameMap } from '../helpers';
import { ROUTE_NAME_MAP } from '@/utils';
import { ROUTE_HOME } from '../routes';
const ROOT: CustomRoute = {
name: RouteNameMap.get('root'),
name: ROUTE_NAME_MAP.get('root'),
path: EnumRoutePath.root,
redirect: { name: ROUTE_HOME.name },
meta: {