feat(树形引擎): 添加树形生长后的镜头行为选项

为树形深度生长和广度生长功能添加镜头行为设置选项，支持保持不动、移动至新节点或重置视野至整个树形结构

Author: Littlefean

app/src/core/service/Settings.tsx

@@ -128,6 +128,9 @@ export const settingsSchema = z.object({
   allowAddCycleEdge: z.boolean().default(false),
   autoLayoutWhenTreeGenerate: z.boolean().default(true),
   textNodeAutoFormatTreeWhenExitEdit: z.boolean().default(false),
+  treeGenerateCameraBehavior: z
+    .union([z.literal("none"), z.literal("moveToNewNode"), z.literal("resetToTree")])
+    .default("moveToNewNode"),
   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

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

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

@@ -231,8 +231,28 @@ export class KeyboardOnlyTreeEngine {
       },
       (1000 / 60) * 6,
     );
-    // 重置视野
-    this.project.camera.bombMove(newNode.collisionBox.getRectangle().center, 5);
+    // 根据设置决定镜头行为
+    switch (Settings.treeGenerateCameraBehavior) {
+      case "none":
+        // 镜头不动
+        break;
+      case "moveToNewNode":
+        // 镜头移动向新创建的节点
+        this.project.camera.bombMove(newNode.collisionBox.getRectangle().center, 5);
+        break;
+      case "resetToTree":
+        // 重置视野，使视野覆盖当前树形结构的外接矩形
+        if (rootNodeParents.length === 1) {
+          const rootNodeParent = rootNodeParents[0];
+          const allNodes = this.project.graphMethods.getSuccessorSet(rootNodeParent, true);
+          const treeBoundingRect = Rectangle.getBoundingRectangle(
+            allNodes.map((node) => node.collisionBox.getRectangle()),
+            10, // 添加一些 padding
+          );
+          this.project.camera.resetByRectangle(treeBoundingRect);
+        }
+        break;
+    }
   }
 
   /**
@@ -331,8 +351,28 @@ export class KeyboardOnlyTreeEngine {
       },
       (1000 / 60) * 6,
     );
-    // 重置视野
-    this.project.camera.bombMove(newNode.collisionBox.getRectangle().center, 5);
+    // 根据设置决定镜头行为
+    switch (Settings.treeGenerateCameraBehavior) {
+      case "none":
+        // 镜头不动
+        break;
+      case "moveToNewNode":
+        // 镜头移动向新创建的节点
+        this.project.camera.bombMove(newNode.collisionBox.getRectangle().center, 5);
+        break;
+      case "resetToTree":
+        // 重置视野，使视野覆盖当前树形结构的外接矩形
+        if (rootNodeParents.length === 1) {
+          const rootNodeParent = rootNodeParents[0];
+          const allNodes = this.project.graphMethods.getSuccessorSet(rootNodeParent, true);
+          const treeBoundingRect = Rectangle.getBoundingRectangle(
+            allNodes.map((node) => node.collisionBox.getRectangle()),
+            10, // 添加一些 padding
+          );
+          this.project.camera.resetByRectangle(treeBoundingRect);
+        }
+        break;
+    }
   }
 
   /**

app/src/locales/en.yml

@@ -453,6 +453,14 @@ settings:
     title: Auto Format Tree Structure When Exiting Edit Mode
     description: |
       Automatically formats the tree structure when a text node exits edit mode.
+  treeGenerateCameraBehavior:
+    title: Camera Behavior After Tree Node Generation
+    description: |
+      Set the camera behavior after creating new nodes using tree depth or breadth generation functions.
+    options:
+      none: Camera Remains Stationary
+      moveToNewNode: Move Camera to New Node
+      resetToTree: Reset View to Cover Entire Tree Structure
   enableDragAutoAlign:
     title: Enable Automatic Alignment When Dragging Nodes
     description: |

app/src/locales/zh_CN.yml

@@ -558,6 +558,14 @@ settings:
     title: 退出编辑模式时自动格式化树形结构
     description: |
       当文本节点退出编辑模式时，自动对其所在的树形结构进行格式化布局
+  treeGenerateCameraBehavior:
+    title: 树形生长节点后的镜头行为选项
+    description: |
+      设置在使用树形深度生长或广度生长功能创建新节点后，镜头的行为方式
+    options:
+      none: 镜头不动
+      moveToNewNode: 镜头移动向新创建的节点
+      resetToTree: 重置视野，使视野覆盖当前树形结构的外接矩形
   enableDragAutoAlign:
     title: 鼠标拖动自动吸附对齐节点
     description: |

app/src/sub/SettingsWindow/settings.tsx

@@ -276,6 +276,7 @@ const categories = {
       "autoLayoutWhenTreeGenerate",
       "enableBackslashGenerateNodeInInput",
       "textNodeAutoFormatTreeWhenExitEdit",
+      "treeGenerateCameraBehavior",
     ],
     gamepad: ["gamepadDeadzone"],
   },