fix(components): 修复BaseLayout的HorizontalLayout

src/layouts/BaseLayout/components/HorizontalLayout/index.vue

@@ -1,18 +1,18 @@
 <template>
-  <n-layout class="h-full">
+  <n-layout class="h-full" :native-scrollbar="false">
+    <n-layout-header :inverted="headerInverted" :position="headerPosition" class="z-11">
+      <global-header :show-logo="true" :show-menu-collape="false" :show-menu="true" class="relative z-2" />
+      <global-tab v-if="theme.multiTabStyle.visible" />
+    </n-layout-header>
+    <header-placeholder />
     <n-layout-content
       :native-scrollbar="false"
       :content-style="{ height: routeProps.fullPage ? '100%' : 'auto' }"
       class="bg-[#f6f9f8] dark:bg-deep-dark"
     >
-      <n-layout-header :inverted="headerInverted" :position="headerPosition" class="z-11">
-        <global-header :show-logo="true" :show-menu-collape="false" :show-menu="true" class="relative z-2" />
-        <global-tab v-if="theme.multiTabStyle.visible" />
-      </n-layout-header>
-      <header-placeholder />
       <global-content />
-      <global-footer />
     </n-layout-content>
+    <global-footer />
   </n-layout>
 </template>
 

src/main.ts

@@ -20,13 +20,13 @@ async function setupApp() {
   setupStore(app);
 
   // 优先挂载一下 appProvider 解决路由守卫，Axios中可使用，LoadingBar，Dialog，Message 等之类组件
-  appProvider.mount('#appProvider', true);
+  appProvider.mount('#appProvider');
 
   // 挂载路由
   await setupRouter(app);
 
   // 路由准备就绪后挂载APP实例
-  app.mount('#app', true);
+  app.mount('#app');
 }
 
 setupPlugins();

src/router/modules/dashboard.ts

@@ -1,5 +1,5 @@
 import type { CustomRoute } from '@/interface';
-import { BasicLayout } from '@/layouts';
+import { BaseLayout } from '@/layouts';
 import { setRouterCacheName } from '@/utils';
 import DashboardWorkbench from '@/views/dashboard/workbench/index.vue';
 import { ROUTE_HOME } from '../routes';
@@ -10,7 +10,7 @@ setRouterCacheName(DashboardWorkbench, routeName('dashboard_workbench'));
 const DASHBOARD: CustomRoute = {
   name: routeName('dashboard'),
   path: routePath('dashboard'),
-  component: BasicLayout,
+  component: BaseLayout,
   redirect: { name: routeName('dashboard_analysis') },
   meta: {
     title: routeTitle('dashboard_analysis'),

src/router/permission/index.ts

@@ -22,12 +22,14 @@ export default function createRouterGuide(router: Router) {
   });
 }
 
+type RouterAction = [boolean, () => void];
+
 function handleRouterAction(to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) {
   const token = getToken();
   const isLogin = Boolean(token);
   const needLogin = Boolean(to.meta?.requiresAuth);
 
-  const routerAction: [boolean, () => void][] = [
+  const routerAction: RouterAction[] = [
     // 已登录状态跳转登录页，跳转至首页
     [
       isLogin && to.name === routeName('login'),
@@ -60,9 +62,9 @@ function handleRouterAction(to: RouteLocationNormalized, from: RouteLocationNorm
   ];
 
   routerAction.some(item => {
-    const flag = item[0];
+    const [flag, callback] = item;
     if (flag) {
-      item[1]();
+      callback();
     }
     return flag;
   });