💥 破坏性更新 咱不推荐更新

stores/admin/app.ts

@@ -0,0 +1,27 @@
+import { defineStore } from 'pinia'
+import { defaultLayout, naiveThemeOverrides } from '@/settings/settings'
+import { useDark } from '@vueuse/core'
+export const useAppStore = defineStore('app', {
+    state: () => ({
+        collapsed: false,
+        // 直接在状态初始化时判断是否为暗模式
+        isDark: useDark(),
+        layout: defaultLayout,
+        naiveThemeOverrides,
+    }),
+    actions: {
+        switchCollapsed() {
+            this.collapsed = !this.collapsed
+        },
+        setCollapsed(b:any) {
+            this.collapsed = b
+        },
+        toggleDark() {
+            this.isDark = !this.isDark
+        },
+        setLayout(v:any) {
+            this.layout = v
+        },
+    },
+    persist: true,
+})

stores/admin/tab.ts

@@ -0,0 +1,73 @@
+import { defineStore } from 'pinia'
+interface Tab {
+    icon: any
+    path: any
+    name: any
+    title: any
+}
+
+export const useTabStore = defineStore('tab', {
+    state: () => ({
+        tabs: [] as any,
+        activeTab: '',
+        reloading: false,
+    }),
+    actions: {
+        setActiveTab(path:string) {
+            this.activeTab = path
+        },
+        setTabs(tabs:any) {
+            this.tabs = tabs
+        },
+        addTab(tab: Tab) {
+            const findIndex = this.tabs.findIndex((item:any) => item.path === tab.path);
+            if (findIndex !== -1) {
+                // Replace the existing tab with the new one
+                this.tabs.splice(findIndex, 1, tab);
+            } else {
+                // Add the new tab
+                this.tabs.push(tab);
+            }
+            // Assuming `setActiveTab` is correctly typed to accept a string
+            this.setActiveTab(tab.path);
+        },
+        async removeTab(path:string) {
+            this.setTabs(this.tabs.filter((tab:any) => tab.path !== path))
+            if (path === this.activeTab) {
+                const router = useRouter();
+                await router.push(this.tabs[this.tabs.length - 1].path)
+            }
+        },
+        async removeOther(curPath: string) {
+            this.setTabs(this.tabs.filter((tab: any) => tab.path === curPath));
+            if (curPath !== this.activeTab) {
+                const router = useRouter();
+                await router.push(this.tabs[this.tabs.length - 1].path);
+            }
+        },
+        async removeLeft(curPath: string) {
+            const curIndex = this.tabs.findIndex((item: any) => item.path === curPath);
+            const filterTabs = this.tabs.filter((_: any, index: any) => index >= curIndex);
+            this.setTabs(filterTabs);
+            if (!filterTabs.find((item: any) => item.path === this.activeTab)) {
+                const router = useRouter();
+                await router.push(filterTabs[filterTabs.length - 1].path);
+            }
+        },
+        async removeRight(curPath: string) {
+            const curIndex = this.tabs.findIndex((item: any) => item.path === curPath);
+            const filterTabs = this.tabs.filter((_: any, index: any) => index <= curIndex);
+            this.setTabs(filterTabs);
+            if (!filterTabs.find((item: any) => item.path === this.activeTab)) {
+                const router = useRouter();
+                await router.push(filterTabs[filterTabs.length - 1].path);
+            }
+        },
+        async reloadTab(path: string) {
+            const findItem = this.tabs.find((item:any) => item.path === path);
+            if (!findItem) return;
+            await refreshNuxtData()
+        },
+    },
+    persist:true
+})