feat(projects): 支持同一路由根据不同query和hash同时显示不同Tab

ISSUES CLOSED: #64

src/router/guard/dynamic.ts

@@ -31,15 +31,10 @@ export async function createDynamicRouteGuard(
 
     if (to.name === routeName('not-found-page')) {
       // 动态路由没有加载导致被not-found-page路由捕获，等待权限路由加载好了，回到之前的路由
-
       // 若路由是从根路由重定向过来的，重新回到根路由
       const ROOT_ROUTE_NAME: AuthRoute.RouteKey = 'root';
-      if (to.redirectedFrom?.name === ROOT_ROUTE_NAME) {
-        next({ path: '/', replace: true, query: to.query });
-        return false;
-      }
-
-      next({ path: to.fullPath, replace: true, query: to.query });
+      const path = to.redirectedFrom?.name === ROOT_ROUTE_NAME ? '/' : to.fullPath;
+      next({ path, replace: true, query: to.query, hash: to.hash });
       return false;
     }
   }

src/router/helpers/scroll.ts

@@ -6,10 +6,13 @@ export const scrollBehavior: RouterScrollBehavior = (to, from) => {
     const tab = useTabStore();
 
     if (to.hash) {
-      resolve({
-        el: to.hash,
-        behavior: 'smooth'
-      });
+      const el = document.querySelector(to.hash);
+      if (el) {
+        resolve({
+          el,
+          behavior: 'smooth'
+        });
+      }
     }
 
     const { left, top } = tab.getTabScrollPosition(to.path);

src/router/modules/about.ts

@@ -8,7 +8,7 @@ const about: AuthRoute.Route = {
     singleLayout: 'basic',
     permissions: ['super', 'admin', 'user'],
     icon: 'fluent:book-information-24-regular',
-    order: 8
+    order: 9
   }
 };
 

src/router/modules/exception.ts

@@ -37,7 +37,7 @@ const exception: AuthRoute.Route = {
   meta: {
     title: '异常页',
     icon: 'ant-design:exception-outlined',
-    order: 6
+    order: 7
   }
 };
 

src/router/modules/function.ts

@@ -0,0 +1,49 @@
+const functionRoute: AuthRoute.Route = {
+  name: 'function',
+  path: '/function',
+  component: 'basic',
+  children: [
+    {
+      name: 'function_tab',
+      path: '/function/tab',
+      component: 'self',
+      meta: {
+        title: 'Tab',
+        requiresAuth: true,
+        icon: 'ic:round-tab'
+      }
+    },
+    {
+      name: 'function_tab-detail',
+      path: '/function/tab-detail',
+      component: 'self',
+      meta: {
+        title: 'Tab Detail',
+        requiresAuth: true,
+        hide: true,
+        activeMenu: 'function_tab',
+        icon: 'ic:round-tab'
+      }
+    },
+    {
+      name: 'function_tab-multi-detail',
+      path: '/function/tab-multi-detail',
+      component: 'self',
+      meta: {
+        title: 'Tab Multi Detail',
+        requiresAuth: true,
+        hide: true,
+        multiTab: true,
+        activeMenu: 'function_tab',
+        icon: 'ic:round-tab'
+      }
+    }
+  ],
+  meta: {
+    title: '功能',
+    icon: 'ri:function-line',
+    order: 6
+  }
+};
+
+export default functionRoute;

src/router/modules/multi-menu.ts

@@ -49,7 +49,7 @@ const multiMenu: AuthRoute.Route = {
   meta: {
     title: '多级菜单',
     icon: 'carbon:menu',
-    order: 6
+    order: 8
   }
 };