From d6164264fe7a3ff0fdeccfe0442fb86953dafcb0 Mon Sep 17 00:00:00 2001
From: Daniel <845765@qq.com>
Date: Sun, 25 Feb 2024 10:57:54 +0800
Subject: [PATCH] :art: Support disabling list item dot/number click to focus
 https://github.com/siyuan-note/siyuan/issues/10431

---
 app/appearance/langs/en_US.json   | 2 ++
 app/appearance/langs/es_ES.json   | 2 ++
 app/appearance/langs/fr_FR.json   | 2 ++
 app/appearance/langs/zh_CHT.json  | 2 ++
 app/appearance/langs/zh_CN.json   | 2 ++
 app/src/config/editor.ts          | 9 +++++++++
 app/src/mobile/settings/editor.ts | 9 +++++++++
 app/src/types/index.d.ts          | 1 +
 kernel/conf/editor.go             | 2 ++
 9 files changed, 31 insertions(+)

diff --git a/app/appearance/langs/en_US.json b/app/appearance/langs/en_US.json
index 3ea085aea..908d3f750 100644
--- a/app/appearance/langs/en_US.json
+++ b/app/appearance/langs/en_US.json
@@ -1,4 +1,6 @@
 {
+  "listItemDotNumberClickFocus": "List item dot/number click to focus",
+  "listItemDotNumberClickFocusTip": "After enabling, clicking the list item dot/number will focus on the list item",
   "reviewMode": "Review mode",
   "reviewModeTip": "Select the order in which new and old cards appear during review",
   "reviewMode0": "New and old mix",
diff --git a/app/appearance/langs/es_ES.json b/app/appearance/langs/es_ES.json
index cc9c44333..3514478f1 100644
--- a/app/appearance/langs/es_ES.json
+++ b/app/appearance/langs/es_ES.json
@@ -1,4 +1,6 @@
 {
+  "listItemDotNumberClickFocus": "Punto/número de elemento de lista, haga clic para enfocar",
+  "listItemDotNumberClickFocusTip": "Después de habilitarlo, hacer clic en el punto/número del elemento de la lista se centrará en el elemento de la lista",
   "reviewMode": "Modo de revisión",
   "reviewModeTip": "Seleccione el orden en que aparecen las tarjetas nuevas y antiguas durante la revisión",
   "reviewMode0": "Nuevo y viejo mezclado",
diff --git a/app/appearance/langs/fr_FR.json b/app/appearance/langs/fr_FR.json
index 29ead4854..6f050eb82 100644
--- a/app/appearance/langs/fr_FR.json
+++ b/app/appearance/langs/fr_FR.json
@@ -1,4 +1,6 @@
 {
+  "listItemDotNumberClickFocus": "Cliquez sur le point/numéro de l'élément de la liste pour vous concentrer",
+  "listItemDotNumberClickFocusTip": "Après activation, cliquer sur le point/numéro de l'élément de liste se concentrera sur l'élément de liste",
   "reviewMode": "Mode de révision",
   "reviewModeTip": "Sélectionnez l'ordre dans lequel les nouvelles et anciennes cartes apparaissent lors de la révision",
   "reviewMode0": "Nouveau et ancien mélange",
diff --git a/app/appearance/langs/zh_CHT.json b/app/appearance/langs/zh_CHT.json
index a3556f762..0b1c2f160 100644
--- a/app/appearance/langs/zh_CHT.json
+++ b/app/appearance/langs/zh_CHT.json
@@ -1,4 +1,6 @@
 {
+  "listItemDotNumberClickFocus": "清單項目圓點/數字點選聚焦",
+  "listItemDotNumberClickFocusTip": "啟用後點選清單項目的圓點/數字將進入聚焦",
   "reviewMode": "複習模式",
   "reviewModeTip": "選擇複習時新卡和舊卡出現的順序",
   "reviewMode0": "新舊混合",
diff --git a/app/appearance/langs/zh_CN.json b/app/appearance/langs/zh_CN.json
index 15309682b..0e75429ae 100644
--- a/app/appearance/langs/zh_CN.json
+++ b/app/appearance/langs/zh_CN.json
@@ -1,4 +1,6 @@
 {
+  "listItemDotNumberClickFocus": "列表项圆点/数字单击聚焦",
+  "listItemDotNumberClickFocusTip": "启用后单击列表项的圆点/数字将进入聚焦",
   "reviewMode": "复习模式",
   "reviewModeTip": "选择复习时新卡和旧卡出现的顺序",
   "reviewMode0": "新旧混合",
diff --git a/app/src/config/editor.ts b/app/src/config/editor.ts
index 2e342363f..0c0ac0b09 100644
--- a/app/src/config/editor.ts
+++ b/app/src/config/editor.ts
@@ -81,6 +81,14 @@ export const editor = {
     <span class="fn__space"></span>
     <input class="b3-switch fn__flex-center" id="listLogicalOutdent" type="checkbox"${window.siyuan.config.editor.listLogicalOutdent ? " checked" : ""}/>
 </label>
+<label class="fn__flex b3-label">
+    <div class="fn__flex-1">
+        ${window.siyuan.languages.listItemDotNumberClickFocus}
+        <div class="b3-label__text">${window.siyuan.languages.listItemDotNumberClickFocusTip}</div>
+    </div>
+    <span class="fn__space"></span>
+    <input class="b3-switch fn__flex-center" id="listItemDotNumberClickFocus" type="checkbox"${window.siyuan.config.editor.listItemDotNumberClickFocus ? " checked" : ""}/>
+</label>
 <label class="fn__flex b3-label">
     <div class="fn__flex-1">
         ${window.siyuan.languages.spellcheck}
@@ -298,6 +306,7 @@ export const editor = {
                 codeSyntaxHighlightLineNum: (editor.element.querySelector("#codeSyntaxHighlightLineNum") as HTMLInputElement).checked,
                 embedBlockBreadcrumb: (editor.element.querySelector("#embedBlockBreadcrumb") as HTMLInputElement).checked,
                 listLogicalOutdent: (editor.element.querySelector("#listLogicalOutdent") as HTMLInputElement).checked,
+                listItemDotNumberClickFocus: (editor.element.querySelector("#listItemDotNumberClickFocus") as HTMLInputElement).checked,
                 spellcheck: (editor.element.querySelector("#spellcheck") as HTMLInputElement).checked,
                 onlySearchForDoc: (editor.element.querySelector("#onlySearchForDoc") as HTMLInputElement).checked,
                 floatWindowMode: parseInt((editor.element.querySelector("#floatWindowMode") as HTMLSelectElement).value),
diff --git a/app/src/mobile/settings/editor.ts b/app/src/mobile/settings/editor.ts
index 9a8500713..4e5d80521 100644
--- a/app/src/mobile/settings/editor.ts
+++ b/app/src/mobile/settings/editor.ts
@@ -23,6 +23,7 @@ const setEditor = (modelMainElement: Element) => {
     window.siyuan.config.editor.codeSyntaxHighlightLineNum = (modelMainElement.querySelector("#codeSyntaxHighlightLineNum") as HTMLInputElement).checked;
     window.siyuan.config.editor.embedBlockBreadcrumb = (modelMainElement.querySelector("#embedBlockBreadcrumb") as HTMLInputElement).checked;
     window.siyuan.config.editor.listLogicalOutdent = (modelMainElement.querySelector("#listLogicalOutdent") as HTMLInputElement).checked;
+    window.siyuan.config.editor.listItemDotNumberClickFocus = (modelMainElement.querySelector("#listItemDotNumberClickFocus") as HTMLInputElement).checked;
     window.siyuan.config.editor.spellcheck = (modelMainElement.querySelector("#spellcheck") as HTMLInputElement).checked;
     window.siyuan.config.editor.onlySearchForDoc = (modelMainElement.querySelector("#onlySearchForDoc") as HTMLInputElement).checked;
     window.siyuan.config.editor.plantUMLServePath = (modelMainElement.querySelector("#plantUMLServePath") as HTMLInputElement).value;
@@ -106,6 +107,14 @@ export const initEditor = () => {
     <span class="fn__space"></span>
     <input class="b3-switch fn__flex-center" id="listLogicalOutdent" type="checkbox"${window.siyuan.config.editor.listLogicalOutdent ? " checked" : ""}/>
 </label>
+<label class="fn__flex b3-label">
+    <div class="fn__flex-1">
+        ${window.siyuan.languages.listItemDotNumberClickFocus}
+        <div class="b3-label__text">${window.siyuan.languages.listItemDotNumberClickFocusTip}</div>
+    </div>
+    <span class="fn__space"></span>
+    <input class="b3-switch fn__flex-center" id="listItemDotNumberClickFocus" type="checkbox"${window.siyuan.config.editor.listItemDotNumberClickFocus ? " checked" : ""}/>
+</label>
 <label class="fn__flex b3-label">
     <div class="fn__flex-1">
         ${window.siyuan.languages.spellcheck}
diff --git a/app/src/types/index.d.ts b/app/src/types/index.d.ts
index f731dda7e..2c4cbb435 100644
--- a/app/src/types/index.d.ts
+++ b/app/src/types/index.d.ts
@@ -620,6 +620,7 @@ interface IEditor {
     rtl: boolean;
     readOnly: boolean;
     listLogicalOutdent: boolean;
+    listItemDotNumberClickFocus: boolean;
     spellcheck: boolean;
     onlySearchForDoc: boolean;
     katexMacros: string;
diff --git a/kernel/conf/editor.go b/kernel/conf/editor.go
index 3f2c23f68..2ea54e7d0 100644
--- a/kernel/conf/editor.go
+++ b/kernel/conf/editor.go
@@ -39,6 +39,7 @@ type Editor struct {
 	ReadOnly                        bool     `json:"readOnly"`                        // 只读模式
 	EmbedBlockBreadcrumb            bool     `json:"embedBlockBreadcrumb"`            // 嵌入块是否显示面包屑
 	ListLogicalOutdent              bool     `json:"listLogicalOutdent"`              // 列表逻辑反向缩进
+	ListItemDotNumberClickFocus     bool     `json:"listItemDotNumberClickFocus"`     // 单击列表项标记聚焦
 	FloatWindowMode                 int      `json:"floatWindowMode"`                 // 浮窗触发模式，0：光标悬停，1：按住 Ctrl 悬停，2：不触发浮窗
 	DynamicLoadBlocks               int      `json:"dynamicLoadBlocks"`               // 块动态数，可配置区间 [48, 1024]
 	Justify                         bool     `json:"justify"`                         // 是否两端对齐
@@ -70,6 +71,7 @@ func NewEditor() *Editor {
 		ReadOnly:                        false,
 		EmbedBlockBreadcrumb:            false,
 		ListLogicalOutdent:              false,
+		ListItemDotNumberClickFocus:     true,
 		FloatWindowMode:                 0,
 		DynamicLoadBlocks:               192,
 		Justify:                         false,