From 06d7479939cc951d66699749e2284d4cea5c0c92 Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Tue, 29 Apr 2025 16:45:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=B7=A5=E5=85=B7=E6=A0=8F?=
 =?UTF-8?q?=E5=85=A8=E5=B1=80=E5=BC=80=E5=85=B3=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/AppSetting/index.vue | 18 ++++++++++++------
 src/layouts/components/Topbar/index.vue     |  2 +-
 src/layouts/index.vue                       |  2 +-
 src/settings.default.ts                     |  1 +
 src/types/global.d.ts                       |  5 +++++
 5 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/layouts/components/AppSetting/index.vue b/src/layouts/components/AppSetting/index.vue
index ce16acf4..4c68952e 100755
--- a/src/layouts/components/AppSetting/index.vue
+++ b/src/layouts/components/AppSetting/index.vue
@@ -193,11 +193,17 @@ function handleCopy() {
     </div>
     <div>
       <FaDivider>工具栏</FaDivider>
+      <div class="setting-item">
+        <div class="label">
+          是否启用
+        </div>
+        <FaSwitch v-model="settingsStore.settings.toolbar.enable" />
+      </div>
       <div v-if="settingsStore.mode === 'pc'" class="setting-item">
         <div class="label">
           面包屑导航
         </div>
-        <FaSwitch v-model="settingsStore.settings.toolbar.breadcrumb" />
+        <FaSwitch v-model="settingsStore.settings.toolbar.breadcrumb" :disabled="!settingsStore.settings.toolbar.enable" />
       </div>
       <div class="setting-item">
         <div class="label">
@@ -206,13 +212,13 @@ function handleCopy() {
             <FaIcon name="i-ri:question-line" />
           </FaTooltip>
         </div>
-        <FaSwitch v-model="settingsStore.settings.toolbar.navSearch" />
+        <FaSwitch v-model="settingsStore.settings.toolbar.navSearch" :disabled="!settingsStore.settings.toolbar.enable" />
       </div>
       <div v-if="settingsStore.mode === 'pc'" class="setting-item">
         <div class="label">
           全屏
         </div>
-        <FaSwitch v-model="settingsStore.settings.toolbar.fullscreen" />
+        <FaSwitch v-model="settingsStore.settings.toolbar.fullscreen" :disabled="!settingsStore.settings.toolbar.enable" />
       </div>
       <div class="setting-item">
         <div class="label">
@@ -221,7 +227,7 @@ function handleCopy() {
             <FaIcon name="i-ri:question-line" />
           </FaTooltip>
         </div>
-        <FaSwitch v-model="settingsStore.settings.toolbar.pageReload" />
+        <FaSwitch v-model="settingsStore.settings.toolbar.pageReload" :disabled="!settingsStore.settings.toolbar.enable" />
       </div>
       <div class="setting-item">
         <div class="label">
@@ -230,7 +236,7 @@ function handleCopy() {
             <FaIcon name="i-ri:question-line" />
           </FaTooltip>
         </div>
-        <FaSwitch v-model="settingsStore.settings.toolbar.colorScheme" />
+        <FaSwitch v-model="settingsStore.settings.toolbar.colorScheme" :disabled="!settingsStore.settings.toolbar.enable" />
       </div>
     </div>
     <div>
@@ -239,7 +245,7 @@ function handleCopy() {
         <div class="label">
           是否启用快捷键
         </div>
-        <FaSwitch v-model="settingsStore.settings.mainPage.enableHotkeys" />
+        <FaSwitch v-model="settingsStore.settings.mainPage.enableHotkeys" :disabled="!settingsStore.settings.toolbar.enable" />
       </div>
     </div>
     <div>
diff --git a/src/layouts/components/Topbar/index.vue b/src/layouts/components/Topbar/index.vue
index 4cf52ca9..7e9aad0d 100755
--- a/src/layouts/components/Topbar/index.vue
+++ b/src/layouts/components/Topbar/index.vue
@@ -10,7 +10,7 @@ defineOptions({
 const settingsStore = useSettingsStore()
 
 const enableToolbar = computed(() => {
-  return Object.keys(settingsStore.settings.toolbar).some((key) => {
+  return settingsStore.settings.toolbar.enable && Object.keys(settingsStore.settings.toolbar).some((key) => {
     if (settingsStore.settings.app.routeBaseOn === 'filesystem' && key === 'breadcrumb') {
       return false
     }
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index 55233a02..bc311010 100755
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -58,7 +58,7 @@ const topbarActualHeight = computed(() => {
   if (settingsStore.settings.tabbar.enable) {
     actualHeight += Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-tabbar-height'))
   }
-  if (Object.keys(settingsStore.settings.toolbar).some((key) => {
+  if (settingsStore.settings.toolbar.enable && Object.keys(settingsStore.settings.toolbar).some((key) => {
     if (settingsStore.settings.app.routeBaseOn === 'filesystem' && key === 'breadcrumb') {
       return false
     }
diff --git a/src/settings.default.ts b/src/settings.default.ts
index e0888fc4..a4e2b74e 100755
--- a/src/settings.default.ts
+++ b/src/settings.default.ts
@@ -39,6 +39,7 @@ const globalSettingsDefault: RecursiveRequired<Settings.all> = {
     enableHotkeys: false,
   },
   toolbar: {
+    enable: true,
     breadcrumb: true,
     navSearch: true,
     fullscreen: false,
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index aa7ed714..e7169aa8 100755
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -148,6 +148,11 @@ declare namespace Settings {
     enableHotkeys?: boolean
   }
   interface toolbar {
+    /**
+     * 是否开启工具栏
+     * @默认值 `true`
+     */
+    enable?: boolean
     /**
      * 是否开启面包屑导航
      * @默认值 `true`