feat: configurable persistent tabs

Author: vince292007

apps/web-antd/src/forward/request.ts

@@ -33,8 +33,8 @@ function createRequestClient() {
           // 这里不能用 useAccessStore，因为 useAccessStore 会导致循环引用
           const accessStore = useCoreAccessStore();
           return {
-            refreshToken: `Bearer ${accessStore.getRefreshToken}`,
-            token: `Bearer ${accessStore.getAccessToken}`,
+            refreshToken: `Bearer ${accessStore.refreshToken}`,
+            token: `Bearer ${accessStore.accessToken}`,
           };
         },
         // 默认

apps/web-antd/src/store/modules/access.ts

@@ -17,10 +17,10 @@ export const useAccessStore = defineStore('access', () => {
   const router = useRouter();
   const loading = ref(false);
 
-  const accessToken = computed(() => coreStoreAccess.getAccessToken);
-  const userRoles = computed(() => coreStoreAccess.getUserRoles);
-  const userInfo = computed(() => coreStoreAccess.getUserInfo);
-  const accessRoutes = computed(() => coreStoreAccess.getAccessRoutes);
+  const accessToken = computed(() => coreStoreAccess.accessToken);
+  const userRoles = computed(() => coreStoreAccess.userRoles);
+  const userInfo = computed(() => coreStoreAccess.userInfo);
+  const accessRoutes = computed(() => coreStoreAccess.accessRoutes);
 
   function setAccessMenus(menus: MenuRecordRaw[]) {
     coreStoreAccess.setAccessMenus(menus);

packages/@core/forward/preferences/src/config.ts

@@ -71,6 +71,7 @@ const defaultPreferences: Preferences = {
   tabbar: {
     enable: true,
     keepAlive: true,
+    persist: true,
     showIcon: true,
   },
   theme: {

packages/@core/forward/preferences/src/types.ts

@@ -143,6 +143,8 @@ interface TabbarPreferences {
   enable: boolean;
   /** 开启标签页缓存功能 */
   keepAlive: boolean;
+  /** 是否持久化标签 */
+  persist: boolean;
   /** 是否开启多标签页图标 */
   showIcon: boolean;
 }

packages/@core/forward/stores/src/modules/access.test.ts

@@ -33,7 +33,7 @@ describe('useCoreAccessStore', () => {
     const store = useCoreAccessStore();
     const userInfo: any = { name: 'Jane Doe', roles: [{ value: 'user' }] };
     store.setUserInfo(userInfo);
-    expect(store.getUserInfo).toEqual(userInfo);
+    expect(store.userInfo).toEqual(userInfo);
   });
 
   it('updates accessToken state correctly', () => {
@@ -60,13 +60,13 @@ describe('useCoreAccessStore', () => {
   it('returns the correct accessToken', () => {
     const store = useCoreAccessStore();
     store.setAccessToken('xyz789');
-    expect(store.getAccessToken).toBe('xyz789');
+    expect(store.accessToken).toBe('xyz789');
   });
 
   // 测试在没有用户角色时返回空数组
   it('returns an empty array for userRoles if not set', () => {
     const store = useCoreAccessStore();
-    expect(store.getUserRoles).toEqual([]);
+    expect(store.userRoles).toEqual([]);
   });
 
   // 测试设置空的访问菜单列表

packages/@core/forward/stores/src/modules/access.ts

@@ -90,32 +90,6 @@ const useCoreAccessStore = defineStore('core-access', {
       this.userRoles = roles;
     },
   },
-  getters: {
-    getAccessCodes(): string[] {
-      return this.accessCodes;
-    },
-    getAccessMenus(): MenuRecordRaw[] {
-      return this.accessMenus;
-    },
-    getAccessRoutes(): RouteRecordRaw[] {
-      return this.accessRoutes;
-    },
-    getAccessToken(): AccessToken {
-      return this.accessToken;
-    },
-    getRefreshToken(): AccessToken {
-      return this.refreshToken;
-    },
-    getUserInfo(): BasicUserInfo | null {
-      return this.userInfo;
-    },
-    getUserRoles(): string[] {
-      return this.userRoles;
-    },
-    string(): string[] {
-      return this.accessCodes;
-    },
-  },
   persist: {
     // 持久化
     paths: ['accessToken', 'refreshToken', 'accessCodes'],

packages/@core/forward/stores/src/modules/tabbar.test.ts

@@ -99,9 +99,9 @@ describe('useCoreAccessStore', () => {
 
   it('returns all cache tabs', () => {
     const store = useCoreTabbarStore();
-    store.cacheTabs.add('Home');
-    store.cacheTabs.add('About');
-    expect(store.getCacheTabs).toEqual(['Home', 'About']);
+    store.cachedTabs.add('Home');
+    store.cachedTabs.add('About');
+    expect(store.cachedTabs).toEqual(['Home', 'About']);
   });
 
   it('returns all tabs, including affix tabs', () => {
@@ -290,7 +290,7 @@ describe('useCoreAccessStore', () => {
 
     await store.refresh(router);
 
-    expect(store.excludeCacheTabs.has('Dashboard')).toBe(false);
+    expect(store.excludeCachedTabs.has('Dashboard')).toBe(false);
     expect(store.renderRouteView).toBe(true);
   });
 });