From b857ed8f0266586def9e4832765abfed21d7dcf9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E5=AF=B8=E7=81=B0?= <webyicunhui@outlook.com>
Date: Tue, 11 Nov 2025 17:46:27 +0800
Subject: [PATCH] feat(projects): :fire: optimize tabs cache cleaning strategy.
 fixed [#165]

---
 src/constants/app.ts                            |  6 ------
 .../modules/theme-drawer/modules/page-fun.vue   | 17 +----------------
 src/locales/langs/en-us.ts                      |  5 -----
 src/locales/langs/zh-cn.ts                      |  5 -----
 src/store/modules/app/index.ts                  |  4 ----
 src/store/modules/tab/index.ts                  | 12 ------------
 src/theme/settings.ts                           |  1 -
 src/typings/app.d.ts                            |  3 ---
 src/typings/union-key.d.ts                      |  8 --------
 9 files changed, 1 insertion(+), 60 deletions(-)

diff --git a/src/constants/app.ts b/src/constants/app.ts
index 6f4d94a..2a3ea0d 100644
--- a/src/constants/app.ts
+++ b/src/constants/app.ts
@@ -55,10 +55,4 @@ export const themePageAnimationModeRecord: Record<UnionKey.ThemePageAnimateMode,
 
 export const themePageAnimationModeOptions = transformRecordToOption(themePageAnimationModeRecord);
 
-export const resetCacheStrategyRecord: Record<UnionKey.ResetCacheStrategy, App.I18n.I18nKey> = {
-  close: 'theme.resetCacheStrategy.close',
-  refresh: 'theme.resetCacheStrategy.refresh'
-};
-export const resetCacheStrategyOptions = transformRecordToOption(resetCacheStrategyRecord);
-
 export const DARK_CLASS = 'dark';
diff --git a/src/layouts/modules/theme-drawer/modules/page-fun.vue b/src/layouts/modules/theme-drawer/modules/page-fun.vue
index d0bb8d0..9114519 100644
--- a/src/layouts/modules/theme-drawer/modules/page-fun.vue
+++ b/src/layouts/modules/theme-drawer/modules/page-fun.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
-import {
-  resetCacheStrategyOptions,
-  themePageAnimationModeOptions,
-  themeScrollModeOptions,
-  themeTabModeOptions
-} from '@/constants/app';
+import { themePageAnimationModeOptions, themeScrollModeOptions, themeTabModeOptions } from '@/constants/app';
 import { useThemeStore } from '@/store/modules/theme';
 import { translateOptions } from '@/utils/common';
 import { $t } from '@/locales';
@@ -25,16 +20,6 @@ const isWrapperScrollMode = computed(() => themeStore.layout.scrollMode === 'wra
 <template>
   <ElDivider>{{ $t('theme.pageFunTitle') }}</ElDivider>
   <TransitionGroup tag="div" name="setting-list" class="flex-col-stretch gap-12px">
-    <SettingItem key="1" :label="$t('theme.resetCacheStrategy.title')">
-      <ElSelect v-model="themeStore.resetCacheStrategy" size="small" class="w-120px">
-        <ElOption
-          v-for="{ label, value } in translateOptions(resetCacheStrategyOptions)"
-          :key="value"
-          :label="label"
-          :value="value"
-        />
-      </ElSelect>
-    </SettingItem>
     <SettingItem key="1" :label="$t('theme.scrollMode.title')">
       <ElSelect v-model="themeStore.layout.scrollMode" size="small" class="w-120px">
         <ElOption
diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 4594bbe..6c5e089 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -148,11 +148,6 @@ const local: App.I18n.Schema = {
     },
     themeDrawerTitle: 'Theme Configuration',
     pageFunTitle: 'Page Function',
-    resetCacheStrategy: {
-      title: 'Reset Cache Strategy',
-      close: 'Close Page',
-      refresh: 'Refresh Page'
-    },
     configOperation: {
       copyConfig: 'Copy Config',
       copySuccessMsg: 'Copy Success, Please replace the variable "themeSettings" in "src/theme/settings.ts"',
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index 68cdd71..b953602 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -148,11 +148,6 @@ const local: App.I18n.Schema = {
     },
     themeDrawerTitle: '主题配置',
     pageFunTitle: '页面功能',
-    resetCacheStrategy: {
-      title: '重置缓存策略',
-      close: '关闭页面',
-      refresh: '刷新页面'
-    },
     configOperation: {
       copyConfig: '复制配置',
       copySuccessMsg: '复制成功，请替换 src/theme/settings.ts 中的变量 themeSettings',
diff --git a/src/store/modules/app/index.ts b/src/store/modules/app/index.ts
index 61b7723..05a2900 100644
--- a/src/store/modules/app/index.ts
+++ b/src/store/modules/app/index.ts
@@ -46,10 +46,6 @@ export const useAppStore = defineStore(SetupStoreId.App, () => {
     });
 
     setReloadFlag(true);
-
-    if (themeStore.resetCacheStrategy === 'refresh') {
-      routeStore.resetRouteCache();
-    }
   }
 
   const locale = ref<App.I18n.LangType>(localStg.get('lang') || 'zh-CN');
diff --git a/src/store/modules/tab/index.ts b/src/store/modules/tab/index.ts
index 8d93a19..9faa9ed 100644
--- a/src/store/modules/tab/index.ts
+++ b/src/store/modules/tab/index.ts
@@ -98,7 +98,6 @@ export const useTabStore = defineStore(SetupStoreId.Tab, () => {
     const removeTabIndex = tabs.value.findIndex(tab => tab.id === tabId);
     if (removeTabIndex === -1) return;
 
-    const removedTabRouteKey = tabs.value[removeTabIndex].routeKey;
     const isRemoveActiveTab = activeTabId.value === tabId;
 
     // if remove the last tab, then switch to the second last tab
@@ -111,11 +110,6 @@ export const useTabStore = defineStore(SetupStoreId.Tab, () => {
     if (isRemoveActiveTab && nextTab) {
       await switchRouteByTab(nextTab);
     }
-
-    // reset route cache if cache strategy is close
-    if (themeStore.resetCacheStrategy === 'close') {
-      routeStore.resetRouteCache(removedTabRouteKey);
-    }
   }
 
   /** remove active tab */
@@ -147,12 +141,6 @@ export const useTabStore = defineStore(SetupStoreId.Tab, () => {
     const tabsToRemove = tabs.value.filter(tab => !remainTabIds.includes(tab.id));
     const routeKeysToReset: RouteKey[] = [];
 
-    if (themeStore.resetCacheStrategy === 'close') {
-      for (const tab of tabsToRemove) {
-        routeKeysToReset.push(tab.routeKey);
-      }
-    }
-
     const removedTabsIds = tabsToRemove.map(tab => tab.id);
 
     // If no tabs are actually being removed based on excludes and fixed tabs, exit
diff --git a/src/theme/settings.ts b/src/theme/settings.ts
index 0083563..eb2130d 100644
--- a/src/theme/settings.ts
+++ b/src/theme/settings.ts
@@ -12,7 +12,6 @@ export const themeSettings: App.Theme.ThemeSetting = {
     error: '#f5222d'
   },
   isInfoFollowPrimary: true,
-  resetCacheStrategy: 'close',
   layout: {
     mode: 'vertical',
     scrollMode: 'content',
diff --git a/src/typings/app.d.ts b/src/typings/app.d.ts
index b17967e..aa5d222 100644
--- a/src/typings/app.d.ts
+++ b/src/typings/app.d.ts
@@ -20,8 +20,6 @@ declare namespace App {
       otherColor: OtherColor;
       /** Whether info color is followed by the primary color */
       isInfoFollowPrimary: boolean;
-      /** Reset cache strategy */
-      resetCacheStrategy: UnionKey.ResetCacheStrategy;
       /** Layout */
       layout: {
         /** Layout mode */
@@ -409,7 +407,6 @@ declare namespace App {
         };
         themeDrawerTitle: string;
         pageFunTitle: string;
-        resetCacheStrategy: { title: string } & Record<UnionKey.ResetCacheStrategy, string>;
         configOperation: {
           copyConfig: string;
           copySuccessMsg: string;
diff --git a/src/typings/union-key.d.ts b/src/typings/union-key.d.ts
index a783294..f0a18dc 100644
--- a/src/typings/union-key.d.ts
+++ b/src/typings/union-key.d.ts
@@ -14,14 +14,6 @@ declare namespace UnionKey {
   /** Theme scheme */
   type ThemeScheme = 'light' | 'dark' | 'auto';
 
-  /**
-   * Reset cache strategy
-   *
-   * - close: re-cache when close page
-   * - refresh: re-cache when refresh page
-   */
-  type ResetCacheStrategy = 'close' | 'refresh';
-
   /**
    * The layout mode
    *