feat: 增加快捷设置的开关设置

Author: 阿岳

app/src/App.tsx

@@ -50,6 +50,7 @@ export default function App() {
   );
   const [ignoreMouseEvents, setIgnoreMouseEvents] = useState(false);
   const [isClassroomMode, setIsClassroomMode] = useAtom(isClassroomModeAtom);
+  const [showQuickSettingsToolbar, setShowQuickSettingsToolbar] = useState(Settings.showQuickSettingsToolbar);
 
   const contextMenuTriggerRef = useRef<HTMLDivElement>(null);
 
@@ -97,6 +98,11 @@ export default function App() {
       Themes.applyThemeById(value);
     });
 
+    // 监听快捷设置工具栏显示设置
+    Settings.watch("showQuickSettingsToolbar", (value) => {
+      setShowQuickSettingsToolbar(value);
+    });
+
     // 恢复窗口位置大小
     restoreStateCurrent(StateFlags.SIZE | StateFlags.POSITION | StateFlags.MAXIMIZED);
 
@@ -407,7 +413,7 @@ export default function App() {
       {activeProject && <ToolbarContent />}
 
       {/* 右侧工具栏 */}
-      {activeProject && <RightToolbar />}
+      {activeProject && showQuickSettingsToolbar && <RightToolbar />}
 
       {/* 右上角关闭的触发角 */}
       {isWindows && (

app/src/core/service/Settings.tsx

@@ -6,6 +6,7 @@ import z from "zod";
 export const settingsSchema = z.object({
   language: z.union([z.literal("en"), z.literal("zh_CN"), z.literal("zh_TW"), z.literal("zh_TWC")]).default("zh_CN"),
   isClassroomMode: z.boolean().default(false),
+  showQuickSettingsToolbar: z.boolean().default(true),
   windowBackgroundAlpha: z.number().min(0).max(1).default(0.9),
   windowBackgroundOpacityAfterOpenClickThrough: z.number().min(0).max(1).default(0),
   windowBackgroundOpacityAfterCloseClickThrough: z.number().min(0).max(1).default(0.5),

app/src/core/service/SettingsIcons.tsx

@@ -140,6 +140,7 @@ export const settingsIcons = {
   showTipsOnUI: AppWindow,
   useNativeTitleBar: AppWindowMac,
   isClassroomMode: Presentation,
+  showQuickSettingsToolbar: Columns4,
   windowBackgroundAlpha: Blend,
   windowBackgroundOpacityAfterOpenClickThrough: Blend,
   windowBackgroundOpacityAfterCloseClickThrough: Blend,

app/src/locales/en.yml

@@ -129,6 +129,11 @@ settings:
     description: |
       For teaching, training.
       When enabled, the buttons at the top of the window will become transparent, and they will revert when the mouse hovers over them. You can customize the shortcut keys to enter and exit focus mode.
+  showQuickSettingsToolbar:
+    title: Show Quick Settings Toolbar
+    description: |
+      Control whether to display the quick settings toolbar on the right side of the interface.
+      The quick settings toolbar allows you to quickly toggle common settings.
   autoAdjustLineEndpointsByMouseTrack:
     title: Auto Adjust Line Endpoints by Mouse Track
     description: |

app/src/locales/zh_CN.yml

@@ -184,6 +184,11 @@ settings:
     description: |
       用于教学、培训等场景。
       开启后窗口顶部按钮会透明，鼠标悬浮上去会恢复，可以修改进入退出专注模式的快捷键
+  showQuickSettingsToolbar:
+    title: 显示快捷设置栏
+    description: |
+      控制是否在界面右侧显示快捷操作栏（快捷设置栏）。
+      快捷设置栏可以让您快速切换常用设置项的开关状态。
   autoAdjustLineEndpointsByMouseTrack:
     title: 根据鼠标拖动轨迹自动调整生成连线的端点位置
     description: |

app/src/locales/zh_TW.yml

@@ -217,6 +217,11 @@ settings:
 
       專注模式'
     description: 開啟後窗口頂部按鈕會透明，鼠標懸浮上去會恢復，可以修改進入退出專注模式的快捷鍵
+  showQuickSettingsToolbar:
+    title: 顯示快捷設置欄
+    description: '控制是否在介面右側顯示快捷操作欄（快捷設置欄）。
+
+      快捷設置欄可以讓您快速切換常用設置項的開關狀態。'
   autoAdjustLineEndpointsByMouseTrack:
     title: 根據鼠標拖動軌跡自動調整生成連線的端點位置
     description: '開啟後，在拖拽連線時會根據鼠標移動軌跡自動調整連線端點在實體上的位置

app/src/locales/zh_TWC.yml

@@ -233,6 +233,11 @@ settings:
     description: '用於教學、培訓等場景。
 
       開啟後視窗頂部按鈕會透明，滑鼠懸浮上去會恢復，可以修改進入退出專注模式的快捷鍵'
+  showQuickSettingsToolbar:
+    title: 顯示快捷設置欄
+    description: '控制是否在介面右側顯示快捷操作欄（快捷設置欄）。
+
+      快捷設置欄可以讓您快速切換常用設置項的開關狀態。'
   autoAdjustLineEndpointsByMouseTrack:
     title: 根據滑鼠拖曳軌跡自動調整生成連線的端點位置
     description: '開啟後，在拖曳連線時會根據滑鼠移動軌跡自動調整連線端點在實體上的位置

app/src/sub/SettingsWindow/settings.tsx

@@ -201,6 +201,7 @@ const categories = {
     basic: [
       "language",
       "isClassroomMode",
+      "showQuickSettingsToolbar",
       "windowBackgroundAlpha",
       "windowBackgroundOpacityAfterOpenClickThrough",
       "windowBackgroundOpacityAfterCloseClickThrough",