✨ 增加了进入编辑状态时是否自动全选内容的自定义设置项

Author: Littlefean

app/src/core/service/Settings.tsx

@@ -63,6 +63,8 @@ export namespace Settings {
     textNodeContentLineBreak: "enter" | "ctrlEnter" | "altEnter" | "shiftEnter";
     textNodeExitEditMode: "enter" | "ctrlEnter" | "altEnter" | "shiftEnter";
     textNodeStartEditMode: "enter" | "ctrlEnter" | "altEnter" | "shiftEnter";
+    textNodeSelectAllWhenStartEditByKeyboard: boolean;
+    textNodeSelectAllWhenStartEditByMouseClick: boolean;
     // 音效相关
     soundEnabled: boolean;
     cuttingLineStartSoundFile: string;
@@ -126,6 +128,8 @@ export namespace Settings {
     textNodeContentLineBreak: "enter",
     textNodeExitEditMode: "ctrlEnter",
     textNodeStartEditMode: "enter",
+    textNodeSelectAllWhenStartEditByKeyboard: false,
+    textNodeSelectAllWhenStartEditByMouseClick: true,
     // 音效相关
     soundEnabled: true,
     cuttingLineStartSoundFile: "",

app/src/core/service/controlService/controller/concrete/ControllerNodeEdit.tsx

@@ -7,6 +7,7 @@ import { UrlNode } from "../../../../stage/stageObject/entity/UrlNode";
 import { Controller } from "../Controller";
 import { ControllerClass } from "../ControllerClass";
 import { editNodeDetails, editTextNode, editUrlNodeTitle } from "./utilsControl";
+import { Stage } from "../../../../stage/Stage";
 /**
  * 包含编辑节点文字，编辑详细信息等功能的控制器
  *
@@ -30,7 +31,7 @@ ControllerNodeEdit.mouseDoubleClick = (event: MouseEvent) => {
     editNodeDetails(clickedEntity);
   } else {
     if (clickedEntity instanceof TextNode) {
-      editTextNode(clickedEntity);
+      editTextNode(clickedEntity, Stage.textNodeSelectAllWhenStartEditByMouseClick);
     } else if (clickedEntity instanceof UrlNode) {
       const diffNodeLeftTopLocation = pressLocation.subtract(clickedEntity.rectangle.leftTop);
       if (diffNodeLeftTopLocation.y < UrlNode.titleHeight) {

app/src/core/service/controlService/keyboardOnlyEngine/keyboardOnlyEngine.tsx

@@ -29,13 +29,17 @@ export namespace KeyboardOnlyEngine {
   }
 
   let textNodeStartEditMode: Settings.Settings["textNodeStartEditMode"] = "enter";
+  let textNodeSelectAllWhenStartEditByKeyboard: boolean = true;
 
   export function init() {
     bindKeyEvents();
     targetLocationController.init();
     Settings.watch("textNodeStartEditMode", (value) => {
       textNodeStartEditMode = value;
     });
+    Settings.watch("textNodeSelectAllWhenStartEditByKeyboard", (value) => {
+      textNodeSelectAllWhenStartEditByKeyboard = value;
+    });
   }
 
   export function logicTick() {
@@ -61,7 +65,7 @@ export namespace KeyboardOnlyEngine {
           event.preventDefault(); // 这个prevent必须开启，否则会立刻在刚创建的输入框里输入一个换行符。
           addSuccessEffect();
           // 编辑节点
-          editTextNode(selectedNode, false);
+          editTextNode(selectedNode, textNodeSelectAllWhenStartEditByKeyboard);
         } else {
           // 用户可能记错了快捷键
           addFailEffect();

app/src/core/stage/Stage.tsx

@@ -109,6 +109,8 @@ export namespace Stage {
   export let mouseRightDragBackground = "cut";
   export let enableDragAutoAlign = true;
 
+  export let textNodeSelectAllWhenStartEditByMouseClick = true;
+
   export function init() {
     autoSaveEngine.init();
     autoBackupEngine.init();
@@ -118,5 +120,8 @@ export namespace Stage {
     Settings.watch("enableDragAutoAlign", (value) => {
       enableDragAutoAlign = value;
     });
+    Settings.watch("textNodeSelectAllWhenStartEditByMouseClick", (value) => {
+      textNodeSelectAllWhenStartEditByMouseClick = value;
+    });
   }
 }

app/src/locales/en.yml

@@ -313,31 +313,41 @@ settings:
   textNodeContentLineBreak:
     title: 文本节点换行方案
     options:
-      enter: enter
-      ctrlEnter: ctrlEnter
-      altEnter: altEnter
-      shiftEnter: shiftEnter
+      enter: Enter
+      ctrlEnter: ctrl + Enter
+      altEnter: alt + Enter
+      shiftEnter: shift + Enter
     description: |
       注意不要和文本节点退出编辑模式的按键一样了，这样会导致冲突
       进而导致无法换行
   textNodeStartEditMode:
     title: 文本节点进入编辑模式
     options:
-      enter: enter
-      ctrlEnter: ctrlEnter
-      altEnter: altEnter
-      shiftEnter: shiftEnter
+      enter: Enter
+      ctrlEnter: ctrl + Enter
+      altEnter: alt + Enter
+      shiftEnter: shift + Enter
     description: |
       实际上按F2键也可以进入编辑模式，这里还可以再加选一种
   textNodeExitEditMode:
     title: 文本节点退出编辑模式
     options:
-      enter: enter
-      ctrlEnter: ctrlEnter
-      altEnter: altEnter
-      shiftEnter: shiftEnter
+      enter: Enter
+      ctrlEnter: ctrl + Enter
+      altEnter: alt + Enter
+      shiftEnter: shift + Enter
     description: |
       实际上按Esc键也可以退出，这里还可以再加选一种
+  textNodeSelectAllWhenStartEditByMouseClick:
+    title: 文本节点通过双击开始编辑时自动全选内容
+    description: |
+      开启后，在文本节点开始编辑时，会全选文本内容
+      如果您编辑内容通常是想为了直接更改全部内容，建议开启此选项
+      如果更可能是想为了追加内容，建议关闭此选项
+  textNodeSelectAllWhenStartEditByKeyboard:
+    title: 文本节点通过键盘开始编辑时自动全选内容
+    description: |
+      开启后，在您按下文本节点编辑模式的按键时，会全选文本内容
   enableDragAutoAlign:
     title: Enable Drag Auto Align Nodes
     description: |

app/src/locales/zh_CN.yml

@@ -296,31 +296,41 @@ settings:
   textNodeContentLineBreak:
     title: 文本节点换行方案
     options:
-      enter: enter
-      ctrlEnter: ctrlEnter
-      altEnter: altEnter
-      shiftEnter: shiftEnter
+      enter: Enter
+      ctrlEnter: ctrl + Enter
+      altEnter: alt + Enter
+      shiftEnter: shift + Enter
     description: |
       注意不要和文本节点退出编辑模式的按键一样了，这样会导致冲突
       进而导致无法换行
   textNodeStartEditMode:
     title: 文本节点进入编辑模式
     options:
-      enter: enter
-      ctrlEnter: ctrlEnter
-      altEnter: altEnter
-      shiftEnter: shiftEnter
+      enter: Enter
+      ctrlEnter: ctrl + Enter
+      altEnter: alt + Enter
+      shiftEnter: shift + Enter
     description: |
       实际上按F2键也可以进入编辑模式，这里还可以再加选一种
   textNodeExitEditMode:
     title: 文本节点退出编辑模式
     options:
-      enter: enter
-      ctrlEnter: ctrlEnter
-      altEnter: altEnter
-      shiftEnter: shiftEnter
+      enter: Enter
+      ctrlEnter: ctrl + Enter
+      altEnter: alt + Enter
+      shiftEnter: shift + Enter
     description: |
       实际上按Esc键也可以退出，这里还可以再加选一种
+  textNodeSelectAllWhenStartEditByMouseClick:
+    title: 文本节点通过双击开始编辑时自动全选内容
+    description: |
+      开启后，在文本节点开始编辑时，会全选文本内容
+      如果您编辑内容通常是想为了直接更改全部内容，建议开启此选项
+      如果更可能是想为了追加内容，建议关闭此选项
+  textNodeSelectAllWhenStartEditByKeyboard:
+    title: 文本节点通过键盘开始编辑时自动全选内容
+    description: |
+      开启后，在您按下文本节点编辑模式的按键时，会全选文本内容
   enableDragAutoAlign:
     title: 鼠标拖动自动吸附对齐节点
     description: |

app/src/locales/zh_TW.yml

@@ -284,31 +284,41 @@ settings:
   textNodeContentLineBreak:
     title: 文本节点换行方案
     options:
-      enter: enter
-      ctrlEnter: ctrlEnter
-      altEnter: altEnter
-      shiftEnter: shiftEnter
+      enter: Enter
+      ctrlEnter: ctrl + Enter
+      altEnter: alt + Enter
+      shiftEnter: shift + Enter
     description: |
       注意不要和文本节点退出编辑模式的按键一样了，这样会导致冲突
       进而导致无法换行
   textNodeStartEditMode:
     title: 文本节点进入编辑模式
     options:
-      enter: enter
-      ctrlEnter: ctrlEnter
-      altEnter: altEnter
-      shiftEnter: shiftEnter
+      enter: Enter
+      ctrlEnter: ctrl + Enter
+      altEnter: alt + Enter
+      shiftEnter: shift + Enter
     description: |
       实际上按F2键也可以进入编辑模式，这里还可以再加选一种
   textNodeExitEditMode:
     title: 文本节点退出编辑模式
     options:
-      enter: enter
-      ctrlEnter: ctrlEnter
-      altEnter: altEnter
-      shiftEnter: shiftEnter
+      enter: Enter
+      ctrlEnter: ctrl + Enter
+      altEnter: alt + Enter
+      shiftEnter: shift + Enter
     description: |
       实际上按Esc键也可以退出，这里还可以再加选一种
+  textNodeSelectAllWhenStartEditByMouseClick:
+    title: 文本节点通过双击开始编辑时自动全选内容
+    description: |
+      开启后，在文本节点开始编辑时，会全选文本内容
+      如果您编辑内容通常是想为了直接更改全部内容，建议开启此选项
+      如果更可能是想为了追加内容，建议关闭此选项
+  textNodeSelectAllWhenStartEditByKeyboard:
+    title: 文本节点通过键盘开始编辑时自动全选内容
+    description: |
+      开启后，在您按下文本节点编辑模式的按键时，会全选文本内容
   enableDragAutoAlign:
     title: 鼠标拖动自动对齐节点
     description: |

app/src/pages/settings/control.tsx

@@ -12,6 +12,7 @@ import {
   RotateCw,
   ScanEye,
   Skull,
+  TextCursorInput,
   TextSelect,
 } from "lucide-react";
 import { FieldGroup, SettingField } from "./_field";
@@ -28,6 +29,12 @@ export default function Control() {
         <SettingField icon={<ListRestart />} settingKey="textNodeStartEditMode" type="select" />
         <SettingField icon={<ListEnd />} settingKey="textNodeContentLineBreak" type="select" />
         <SettingField icon={<ListCheck />} settingKey="textNodeExitEditMode" type="select" />
+        <SettingField
+          icon={<TextCursorInput />}
+          settingKey="textNodeSelectAllWhenStartEditByMouseClick"
+          type="switch"
+        />
+        <SettingField icon={<TextCursorInput />} settingKey="textNodeSelectAllWhenStartEditByKeyboard" type="switch" />
       </FieldGroup>
 
       <FieldGroup title="Edge 连线" icon={<GitCompareArrows />}>