feat(router): Add dynamic routing

src/router/helper.ts

@@ -1,27 +0,0 @@
-import ParentLayout from '@/components/ParentView/index.vue'
-import type { RouteLocationNormalized, RouteRecordNormalized } from 'vue-router'
-
-export const getParentLayout = (name: string) => {
-  return () =>
-    new Promise((resolve) => {
-      resolve({
-        ...ParentLayout,
-        name
-      })
-    })
-}
-
-export function getRoute(route: RouteLocationNormalized): RouteLocationNormalized {
-  if (!route) return route
-  const { matched, ...opt } = route
-  return {
-    ...opt,
-    matched: (matched
-      ? matched.map((item) => ({
-          meta: item.meta,
-          name: item.name,
-          path: item.path
-        }))
-      : undefined) as RouteRecordNormalized[]
-  }
-}

src/router/index.ts

@@ -1,8 +1,9 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import type { RouteRecordRaw } from 'vue-router'
 import type { App } from 'vue'
-// import { getParentLayout } from './helper'
+import { getParentLayout } from '@/utils/routerHelper'
 import { useI18n } from '@/hooks/web/useI18n'
+
 const { t } = useI18n()
 
 /* Layout */
@@ -15,7 +16,7 @@ export const constantRouterMap: AppRouteRecordRaw[] = [
     name: 'Redirect',
     children: [
       {
-        path: '/redirect/:path*',
+        path: '/redirect/:path(.*)',
         name: 'Redirect',
         component: () => import('@/views/Redirect/Redirect.vue'),
         meta: {}
@@ -37,66 +38,66 @@ export const constantRouterMap: AppRouteRecordRaw[] = [
   }
 ]
 
-// export const asyncRouterMap: AppRouteRecordRaw[] = [
-//   {
-//     path: '/level',
-//     component: Layout,
-//     redirect: '/level/menu1/menu1-1/menu1-1-1',
-//     name: 'Level',
-//     meta: {
-//       title: t('router.level')
-//     },
-//     children: [
-//       {
-//         path: 'menu1',
-//         name: 'Menu1',
-//         component: getParentLayout('Menu1'),
-//         redirect: '/level/menu1/menu1-1/menu1-1-1',
-//         meta: {
-//           title: `${t('router.menu')}1`
-//         },
-//         children: [
-//           {
-//             path: 'menu1-1',
-//             name: 'Menu11',
-//             component: getParentLayout('Menu11Demo'),
-//             redirect: '/level/menu1/menu1-1/menu1-1-1',
-//             meta: {
-//               title: `${t('router.menu')}1-1`,
-//               alwaysShow: true
-//             },
-//             children: [
-//               {
-//                 path: 'menu1-1-1',
-//                 name: 'Menu111',
-//                 component: () => import('@/views/Level/Menu111.vue'),
-//                 meta: {
-//                   title: `${t('router.menu')}1-1-1`
-//                 }
-//               }
-//             ]
-//           },
-//           {
-//             path: 'menu1-2',
-//             name: 'Menu12',
-//             component: () => import('@/views/Level/Menu12.vue'),
-//             meta: {
-//               title: `${t('router.menu')}1-2`
-//             }
-//           }
-//         ]
-//       },
-//       {
-//         path: 'menu2',
-//         name: 'Menu2Demo',
-//         component: () => import('@/views/Level/Menu2.vue'),
-//         meta: {
-//           title: `${t('router.menu')}2`
-//         }
-//       }
-//     ]
-//   }
-// ]
+export const asyncRouterMap: AppRouteRecordRaw[] = [
+  {
+    path: '/level',
+    component: Layout,
+    redirect: '/level/menu1/menu1-1/menu1-1-1',
+    name: 'Level',
+    meta: {
+      title: t('router.level')
+    },
+    children: [
+      {
+        path: 'menu1',
+        name: 'Menu1',
+        component: getParentLayout(),
+        redirect: '/level/menu1/menu1-1/menu1-1-1',
+        meta: {
+          title: t('router.menu1')
+        },
+        children: [
+          {
+            path: 'menu1-1',
+            name: 'Menu11',
+            component: getParentLayout(),
+            redirect: '/level/menu1/menu1-1/menu1-1-1',
+            meta: {
+              title: t('router.menu11'),
+              alwaysShow: true
+            },
+            children: [
+              {
+                path: 'menu1-1-1',
+                name: 'Menu111',
+                component: () => import('@/views/Level/Menu111.vue'),
+                meta: {
+                  title: t('router.menu111')
+                }
+              }
+            ]
+          },
+          {
+            path: 'menu1-2',
+            name: 'Menu12',
+            component: () => import('@/views/Level/Menu12.vue'),
+            meta: {
+              title: t('router.menu12')
+            }
+          }
+        ]
+      },
+      {
+        path: 'menu2',
+        name: 'Menu2Demo',
+        component: () => import('@/views/Level/Menu2.vue'),
+        meta: {
+          title: t('router.menu2')
+        }
+      }
+    ]
+  }
+]
 
 const router = createRouter({
   history: createWebHashHistory(),