feat: 增加节点退出编辑状态时，自动格式化树形结构的功能

Author: Littlefean

app/src/core/service/Settings.tsx

@@ -127,6 +127,7 @@ export const settingsSchema = z.object({
   textNodeBackspaceDeleteWhenEmpty: z.boolean().default(false),
   allowAddCycleEdge: z.boolean().default(false),
   autoLayoutWhenTreeGenerate: z.boolean().default(true),
+  textNodeAutoFormatTreeWhenExitEdit: z.boolean().default(false),
   enableBackslashGenerateNodeInInput: z.boolean().default(false),
   gamepadDeadzone: z.number().min(0).max(1).default(0.1),
   showGrid: z.boolean().default(true),

app/src/core/service/SettingsIcons.tsx

@@ -163,4 +163,5 @@ export const settingsIcons = {
   clearHistoryWhenManualSave: Undo,
   historyManagerMode: Undo,
   soundPitchVariationRange: ListMusic,
+  textNodeAutoFormatTreeWhenExitEdit: ListTree,
 };

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

@@ -25,6 +25,7 @@ import { DateChecker } from "@/utils/dateChecker";
 import { TextNodeSmartTools } from "@/core/service/dataManageService/textNodeSmartTools";
 import { ReferenceManager } from "@/core/stage/stageManager/concreteMethods/StageReferenceManager";
 import _ from "lodash";
+import { Settings } from "@/core/service/Settings";
 
 /**
  * 这里是专门存放代码相同的地方
@@ -119,6 +120,11 @@ export class ControllerUtils {
         // 实验
         this.finishChangeTextNode(clickedNode);
         await this.autoChangeTextNodeToReferenceBlock(this.project, clickedNode);
+        // 文本节点退出编辑模式后，检查是否需要自动格式化树形结构
+        if (Settings.textNodeAutoFormatTreeWhenExitEdit) {
+          // 格式化树形结构
+          this.project.keyboardOnlyTreeEngine.adjustTreeNode(clickedNode, false);
+        }
       });
   }
 

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

@@ -339,7 +339,7 @@ export class KeyboardOnlyTreeEngine {
    * 根据某个已经选中的节点，调整其所在树的结构
    * @param entity
    */
-  adjustTreeNode(entity: ConnectableEntity) {
+  adjustTreeNode(entity: ConnectableEntity, withEffect = true) {
     const rootNodeParents = this.project.graphMethods.getRoots(entity);
     const rootNode = rootNodeParents[0];
     this.project.autoAlign.autoLayoutSelectedFastTreeMode(rootNode);
@@ -352,18 +352,26 @@ export class KeyboardOnlyTreeEngine {
     );
     const rootNodeRect = rootNode.collisionBox.getRectangle();
 
-    // 使用成功阴影颜色作为闪烁特效颜色
-    const flashColor = this.project.stageStyleManager.currentStyle.effects.successShadow;
-
-    // 为树的外接矩形添加闪烁特效
-    this.project.effects.addEffect(
-      new RectangleRenderEffect(new ProgressNumber(0, 60), treeBoundingRect, flashColor.toTransparent(), flashColor, 3),
-    );
+    if (withEffect) {
+      // 使用成功阴影颜色作为闪烁特效颜色
+      const flashColor = this.project.stageStyleManager.currentStyle.effects.successShadow;
+
+      // 为树的外接矩形添加闪烁特效
+      this.project.effects.addEffect(
+        new RectangleRenderEffect(
+          new ProgressNumber(0, 60),
+          treeBoundingRect,
+          flashColor.toTransparent(),
+          flashColor,
+          3,
+        ),
+      );
 
-    // 为根节点添加闪烁特效
-    this.project.effects.addEffect(
-      new RectangleRenderEffect(new ProgressNumber(0, 60), rootNodeRect, flashColor.toTransparent(), flashColor, 4),
-    );
+      // 为根节点添加闪烁特效
+      this.project.effects.addEffect(
+        new RectangleRenderEffect(new ProgressNumber(0, 60), rootNodeRect, flashColor.toTransparent(), flashColor, 4),
+      );
+    }
 
     // 恢复选择状态
     rootNode.isSelected = false;

app/src/locales/en.yml

@@ -449,6 +449,10 @@ settings:
     title: Delete Text Node When Backspace Pressed on Empty Content
     description: |
       When enabled, pressing the Backspace key on an empty text node in edit mode will delete the entire node.
+  textNodeAutoFormatTreeWhenExitEdit:
+    title: Auto Format Tree Structure When Exiting Edit Mode
+    description: |
+      Automatically formats the tree structure when a text node exits edit mode.
   enableDragAutoAlign:
     title: Enable Automatic Alignment When Dragging Nodes
     description: |

app/src/locales/zh_CN.yml

@@ -554,6 +554,10 @@ settings:
     title: 当在编辑模式下文本节点无内容时按Backspace键自动删除整个节点
     description: |
       开启后，在编辑文本节点且内容为空时，按下Backspace键会自动删除整个节点
+  textNodeAutoFormatTreeWhenExitEdit:
+    title: 退出编辑模式时自动格式化树形结构
+    description: |
+      当文本节点退出编辑模式时，自动对其所在的树形结构进行格式化布局
   enableDragAutoAlign:
     title: 鼠标拖动自动吸附对齐节点
     description: |

app/src/sub/SettingsWindow/settings.tsx

@@ -272,7 +272,11 @@ const categories = {
       "textNodeBackspaceDeleteWhenEmpty",
     ],
     edge: ["allowAddCycleEdge", "autoAdjustLineEndpointsByMouseTrack", "enableRightClickConnect"],
-    generateNode: ["autoLayoutWhenTreeGenerate", "enableBackslashGenerateNodeInInput"],
+    generateNode: [
+      "autoLayoutWhenTreeGenerate",
+      "enableBackslashGenerateNodeInInput",
+      "textNodeAutoFormatTreeWhenExitEdit",
+    ],
     gamepad: ["gamepadDeadzone"],
   },
   performance: {