🐛 Fix textarea with is incorrect when editing text node

Author: zty012

app/src/core/service/Settings.tsx

@@ -28,7 +28,7 @@ export const settingsSchema = z.object({
   limitCameraInCycleSpace: z.boolean().default(false),
   cameraCycleSpaceSizeX: z.number().min(1000).max(10000).int().default(1000),
   cameraCycleSpaceSizeY: z.number().min(1000).max(10000).int().default(1000),
-  historySize: z.number().min(1).max(1000).default(20),
+  historySize: z.number().min(1).max(5000).int().default(150),
   autoRefreshStageByMouseAction: z.boolean().default(true),
   isPauseRenderWhenManipulateOvertime: z.boolean().default(true),
   renderOverTimeWhenNoManipulateTime: z.number().min(1).max(10).int().default(5),

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

@@ -70,10 +70,10 @@ export class ControllerUtils {
           const rectWorld = clickedNode.collisionBox.getRectangle();
           const rectView = this.project.renderer.transformWorld2View(rectWorld);
           ele.style.height = "auto";
-          ele.style.height = `${rectView.height.toFixed(2)}px`;
+          ele.style.height = `${rectView.height.toFixed(2) + 8}px`;
           // 自动改变宽度
           ele.style.width = "auto";
-          ele.style.width = `${rectView.width.toFixed(2)}px`;
+          ele.style.width = `${rectView.width.toFixed(2) + 8}px`;
           // 自动调整它的外层框的大小
           const fatherSections = this.project.sectionMethods.getFatherSectionsList(clickedNode);
           for (const section of fatherSections) {

app/src/core/stage/stageManager/StageHistoryManager.tsx

@@ -1,4 +1,5 @@
 import { Project, ProjectState, service } from "@/core/Project";
+import { Settings } from "@/core/service/Settings";
 import { deserialize, serialize } from "@graphif/serializer";
 import { Delta, diff, patch } from "jsondiffpatch";
 import _ from "lodash";
@@ -21,10 +22,6 @@ export class HistoryManager {
    * 历史记录列表数组上的一个指针
    */
   currentIndex = -1;
-  /**
-   * 数组最大长度
-   */
-  historySize = 20;
   initialStage: Record<string, any>[] = [];
 
   // 在软件启动时调用
@@ -43,16 +40,24 @@ export class HistoryManager {
     this.currentIndex++;
     const prev = serialize(this.get(this.currentIndex - 1));
     const current = serialize(this.project.stage);
-    const patch = diff(prev, current);
-    if (!patch) return;
-    this.deltas.push(patch);
-    // if (this.deltas.length > this.historySize) {
-    //   // 数组长度超过最大值时，合并第一个和第二个patch
-    //   const second = this.get(1);
-    //   const merged = diff(this.initialStage, second);
-    //   this.deltas.splice(0, 2, merged);
-    //   this.currentIndex--;
-    // }
+    const patch_ = diff(prev, current);
+    if (!patch_) return;
+    this.deltas.push(patch_);
+    if (this.deltas.length > Settings.historySize) {
+      // 当历史记录超过限制时，需要删除最旧的记录
+      // 但是不能简单删除，因为get方法依赖于从initialStage开始应用所有delta
+      // 所以我们需要将第一个delta合并到initialStage中，然后删除这个delta
+
+      // 步骤1：将第一个delta合并到initialStage中
+      const firstDelta = _.cloneDeep(this.deltas[0]);
+      this.initialStage = patch(_.cloneDeep(this.initialStage), firstDelta) as any;
+
+      // 步骤2：删除最旧的记录（第一个delta）
+      this.deltas.shift();
+
+      // 步骤3：调整当前索引，因为删除了第一个元素，所有索引都向前移动了一位
+      this.currentIndex--;
+    }
     this.project.state = ProjectState.Unsaved;
   }
 
@@ -83,6 +88,11 @@ export class HistoryManager {
   }
 
   get(index: number) {
+    // 处理边界情况：如果索引为负数，直接返回初始状态
+    if (index < 0) {
+      return deserialize(_.cloneDeep(this.initialStage), this.project);
+    }
+
     // 先获取从0到index（包含index）的所有patch
     const deltas = _.cloneDeep(this.deltas.slice(0, index + 1));
     // 从initialStage开始应用patch，得到在index时刻的舞台序列化数据