feat(projects): 添加多页签风格：按钮和浏览器两种风格

src/store/modules/app/index.ts

@@ -51,6 +51,12 @@ const appStore = defineStore({
       visible: false
     }
   }),
+  getters: {
+    activeMultiTabIndex(state) {
+      const { routes, activeRoute } = state.multiTab;
+      return routes.findIndex(v => v.fullPath === activeRoute);
+    }
+  },
   actions: {
     /** 折叠/展开菜单 */
     handleMenuCollapse(collapsed: boolean) {

src/store/modules/theme/index.ts

@@ -2,7 +2,7 @@ import { defineStore } from 'pinia';
 import type { GlobalThemeOverrides } from 'naive-ui';
 import { themeSettings } from '@/settings';
 import { store } from '@/store';
-import type { ThemeSettings, NavMode, AnimateType } from '@/interface';
+import type { ThemeSettings, NavMode, MultiTabMode, AnimateType } from '@/interface';
 import { getHoverAndPressedColor } from './helpers';
 
 type ThemeState = ThemeSettings;
@@ -101,6 +101,10 @@ const themeStore = defineStore({
     handleMultiTabVisible(visible: boolean) {
       this.multiTabStyle.visible = visible;
     },
+    /** 设置多页签的显示 */
+    handleMultiTabMode(mode: MultiTabMode) {
+      this.multiTabStyle.mode = mode;
+    },
     /** 设置面包屑的显示 */
     handleCrumbsVisible(visible: boolean) {
       this.crumbsStyle.visible = visible;