From 29a2a5c66a536652eee10dbd9b3fb0ae4fd510bd Mon Sep 17 00:00:00 2001
From: Azir-11 <2075125282@qq.com>
Date: Tue, 12 Aug 2025 23:59:23 +0800
Subject: [PATCH] feat(projects): add prompt information for scrolling mode and
 tab bar caching.

---
 .../theme-drawer/modules/layout/modules/content-settings.vue   | 3 +++
 .../theme-drawer/modules/layout/modules/tab-settings.vue       | 3 +++
 src/locales/langs/en-us.ts                                     | 2 ++
 src/locales/langs/zh-cn.ts                                     | 2 ++
 src/typings/app.d.ts                                           | 3 ++-
 5 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/layouts/modules/theme-drawer/modules/layout/modules/content-settings.vue b/src/layouts/modules/theme-drawer/modules/layout/modules/content-settings.vue
index d72b21d7..f0fadffe 100644
--- a/src/layouts/modules/theme-drawer/modules/layout/modules/content-settings.vue
+++ b/src/layouts/modules/theme-drawer/modules/layout/modules/content-settings.vue
@@ -19,6 +19,9 @@ const isWrapperScrollMode = computed(() => themeStore.layout.scrollMode === 'wra
   <NDivider>{{ $t('theme.layout.content.title') }}</NDivider>
   <TransitionGroup tag="div" name="setting-list" class="flex-col-stretch gap-12px">
     <SettingItem key="1" :label="$t('theme.layout.content.scrollMode.title')">
+      <template #suffix>
+        <IconTooltip :desc="$t('theme.layout.content.scrollMode.tip')" />
+      </template>
       <NSelect
         v-model:value="themeStore.layout.scrollMode"
         :options="translateOptions(themeScrollModeOptions)"
diff --git a/src/layouts/modules/theme-drawer/modules/layout/modules/tab-settings.vue b/src/layouts/modules/theme-drawer/modules/layout/modules/tab-settings.vue
index 4a82a8f9..585da6ec 100644
--- a/src/layouts/modules/theme-drawer/modules/layout/modules/tab-settings.vue
+++ b/src/layouts/modules/theme-drawer/modules/layout/modules/tab-settings.vue
@@ -27,6 +27,9 @@ const themeStore = useThemeStore();
       <NSwitch v-model:value="themeStore.tab.visible" />
     </SettingItem>
     <SettingItem v-if="themeStore.tab.visible" key="2" :label="$t('theme.layout.tab.cache')">
+      <template #suffix>
+        <IconTooltip :desc="$t('theme.layout.tab.cacheTip')" />
+      </template>
       <NSwitch v-model:value="themeStore.tab.cache" />
     </SettingItem>
     <SettingItem v-if="themeStore.tab.visible" key="3" :label="$t('theme.layout.tab.height')">
diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 440e7d64..ae721396 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -109,6 +109,7 @@ const local: App.I18n.Schema = {
         title: 'Tab Settings',
         visible: 'Tab Visible',
         cache: 'Tag Bar Info Cache',
+        cacheTip: 'One-click to open/close global keepalive',
         height: 'Tab Height',
         mode: {
           title: 'Tab Mode',
@@ -144,6 +145,7 @@ const local: App.I18n.Schema = {
         title: 'Content Area Settings',
         scrollMode: {
           title: 'Scroll Mode',
+          tip: 'The theme scroll only scrolls the main part, the outer scroll can carry the header and footer together',
           wrapper: 'Wrapper',
           content: 'Content'
         },
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index d1e8dbc9..342f1c60 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -106,6 +106,7 @@ const local: App.I18n.Schema = {
         title: '标签栏设置',
         visible: '显示标签栏',
         cache: '标签栏信息缓存',
+        cacheTip: '一键开启/关闭全局 keepalive',
         height: '标签栏高度',
         mode: {
           title: '标签栏风格',
@@ -141,6 +142,7 @@ const local: App.I18n.Schema = {
         title: '内容区域设置',
         scrollMode: {
           title: '滚动模式',
+          tip: '主题滚动仅 main 部分滚动，外层滚动可携带头部底部一起滚动',
           wrapper: '外层滚动',
           content: '主体滚动'
         },
diff --git a/src/typings/app.d.ts b/src/typings/app.d.ts
index dfa38fd8..dc2c8c7f 100644
--- a/src/typings/app.d.ts
+++ b/src/typings/app.d.ts
@@ -387,6 +387,7 @@ declare namespace App {
             title: string;
             visible: string;
             cache: string;
+            cacheTip: string;
             height: string;
             mode: { title: string } & Record<UnionKey.ThemeTabMode, string>;
           };
@@ -416,7 +417,7 @@ declare namespace App {
           };
           content: {
             title: string;
-            scrollMode: { title: string } & Record<UnionKey.ThemeScrollMode, string>;
+            scrollMode: { title: string; tip: string } & Record<UnionKey.ThemeScrollMode, string>;
             page: {
               animate: string;
               mode: { title: string } & Record<UnionKey.ThemePageAnimateMode, string>;