From cae4ab17d24f19e9ddc1ce45cd3c907862763335 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Sat, 27 May 2023 22:59:01 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/8297

---
 app/src/config/editor.ts     | 9 +++++++++
 app/src/config/search.ts     | 3 ++-
 app/src/protyle/ui/initUI.ts | 2 +-
 app/src/types/index.d.ts     | 1 +
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/src/config/editor.ts b/app/src/config/editor.ts
index 5d8f8a0b5..b39426a6c 100644
--- a/app/src/config/editor.ts
+++ b/app/src/config/editor.ts
@@ -220,6 +220,14 @@ export const editor = {
     <span class="fn__space"></span>
     ${fontFamilyHTML}
 </label>
+<label class="fn__flex b3-label">
+    <div class="fn__flex-1">
+        ${window.siyuan.languages.fontSizeScrollZoom}
+        <div class="b3-label__text">${window.siyuan.languages.fontSizeScrollZoomTip.replace("Ctrl", updateHotkeyTip("⌘"))}</div>
+    </div>
+    <span class="fn__space"></span>
+    <input class="b3-switch fn__flex-center" id="fontSizeScrollZoom" type="checkbox"${window.siyuan.config.editor.fontSizeScrollZoom ? " checked" : ""}/>
+</label>
 <label class="fn__flex b3-label config__item">
     <div class="fn__flex-1">
         ${window.siyuan.languages.fontSize}
@@ -303,6 +311,7 @@ export const editor = {
                 codeLigatures: (editor.element.querySelector("#codeLigatures") as HTMLInputElement).checked,
                 codeTabSpaces: parseInt((editor.element.querySelector("#codeTabSpaces") as HTMLInputElement).value),
                 fontSize: parseInt((editor.element.querySelector("#fontSize") as HTMLInputElement).value),
+                fontSizeScrollZoom: (editor.element.querySelector("#fontSizeScrollZoom") as HTMLInputElement).checked,
                 generateHistoryInterval: parseInt((editor.element.querySelector("#generateHistoryInterval") as HTMLInputElement).value),
                 historyRetentionDays: parseInt((editor.element.querySelector("#historyRetentionDays") as HTMLInputElement).value),
                 fontFamily: fontFamilyElement.value,
diff --git a/app/src/config/search.ts b/app/src/config/search.ts
index 5864b666d..36dcc9071 100644
--- a/app/src/config/search.ts
+++ b/app/src/config/search.ts
@@ -20,7 +20,8 @@ export const initConfigSearch = (element: HTMLElement, app: App) => {
             "historyRetentionDays", "historyRetentionDaysTip", "clearHistory", "katexMacros", "katexMacrosTip",
             "editReadonly", "editReadonlyTip", "embedBlockBreadcrumb", "embedBlockBreadcrumbTip", "outlineOutdentTip",
             "outdent", "floatWindowMode", "floatWindowModeTip", "justify", "justifyTip", "rtl", "rtlTip", "spellcheck",
-            "spellcheckTip", "backlinkExpand", "backlinkExpandTip", "onlySearchForDocTip", "dynamicLoadBlocks", "dynamicLoadBlocksTip",
+            "spellcheckTip", "backlinkExpand", "backlinkExpandTip", "onlySearchForDocTip", "dynamicLoadBlocks",
+            "dynamicLoadBlocksTip", "fontSizeScrollZoom", "fontSizeScrollZoomTip"
         ]),
 
         // 文档树
diff --git a/app/src/protyle/ui/initUI.ts b/app/src/protyle/ui/initUI.ts
index 0dacc8804..9264ab561 100644
--- a/app/src/protyle/ui/initUI.ts
+++ b/app/src/protyle/ui/initUI.ts
@@ -76,7 +76,7 @@ export const initUI = (protyle: IProtyle) => {
     let wheelTimeout: number;
     const isMacOS = isMac();
     protyle.contentElement.addEventListener("mousewheel", (event: WheelEvent) => {
-        if ((isMacOS && !event.metaKey) || (!isMacOS && !event.ctrlKey) || event.deltaX !== 0) {
+        if (!window.siyuan.config.editor.fontSizeScrollZoom || (isMacOS && !event.metaKey) || (!isMacOS && !event.ctrlKey) || event.deltaX !== 0) {
             return;
         }
         event.preventDefault();
diff --git a/app/src/types/index.d.ts b/app/src/types/index.d.ts
index 14a358394..51c34c2a7 100644
--- a/app/src/types/index.d.ts
+++ b/app/src/types/index.d.ts
@@ -380,6 +380,7 @@ declare interface IExport {
 
 declare interface IEditor {
     justify: boolean;
+    fontSizeScrollZoom: boolean;
     rtl: boolean;
     readOnly: boolean;
     listLogicalOutdent: boolean;