fix: 防止在拖中节点的过程中按下空格键进入编辑状态

Author: Littlefean

app/src/core/render/canvas2d/renderer.tsx

@@ -686,7 +686,10 @@ export class Renderer {
     let x = margin;
     const fontSize = 30;
 
-    for (const key of this.project.controller.pressingKeySet) {
+    for (let key of this.project.controller.pressingKeySet) {
+      if (key === " ") {
+        key = "␣";
+      }
       const textLocation = new Vector(x, this.h - 100);
       this.project.textRenderer.renderText(
         key,

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

@@ -4,6 +4,7 @@ import { EntityShakeEffect } from "@/core/service/feedbackService/effectEngine/c
 import { Settings } from "@/core/service/Settings";
 import { TextNode } from "@/core/stage/stageObject/entity/TextNode";
 import { getEnterKey } from "@/utils/keyboardFunctions";
+import { toast } from "sonner";
 
 /**
  * 纯键盘控制的相关引擎
@@ -53,8 +54,14 @@ export class KeyboardOnlyEngine {
         }
       } else if (event.key === " ") {
         if (Settings.textNodeStartEditMode === "space") {
+          // 用户设置了空格键进入节点编辑状态（3群用户：神奈川）
           const selectedNode = this.project.stageManager.getTextNodes().find((node) => node.isSelected);
           if (!selectedNode) return;
+          if (this.project.controller.isMouseDown[0]) {
+            // 不要在可能拖动节点的情况下按空格
+            toast.warning("请不要在拖动节点的过程中按空格");
+            return;
+          }
           startEditNode(event, selectedNode);
         }
       } else if (event.key === "Escape") {

app/src/core/service/feedbackService/effectEngine/concrete/RectangleSlideEffect.tsx

@@ -19,7 +19,7 @@ export class RectangleSlideEffect extends Effect {
   ) {
     super(timeProgress);
     this.subEffects = [];
-    const trailCount = 50; // 每条边显示5条尾翼线
+    const spacing = 20; // 尾翼线之间保持固定间距
     const minLength = 100;
     const maxLength = 200;
 
@@ -28,9 +28,9 @@ export class RectangleSlideEffect extends Effect {
       const isMovingRight = endRect.left > startRect.left;
       const edgeX = isMovingRight ? endRect.left : endRect.right;
 
-      // 在垂直边缘均匀分布尾翼线
-      for (let i = 0; i < trailCount; i++) {
-        const y = endRect.top + (endRect.height * i) / (trailCount - 1);
+      // 在垂直边缘按固定间距分布尾翼线
+      for (let offset = 0; offset <= endRect.height; offset += spacing) {
+        const y = endRect.top + offset;
         const startPoint = new Vector(edgeX, y);
         const endPoint = isMovingRight
           ? startPoint.subtract(new Vector(Random.randomFloat(minLength, maxLength), 0))
@@ -45,9 +45,9 @@ export class RectangleSlideEffect extends Effect {
       const isMovingDown = endRect.top > startRect.top;
       const edgeY = isMovingDown ? endRect.top : endRect.bottom;
 
-      // 在水平边缘均匀分布尾翼线
-      for (let i = 0; i < trailCount; i++) {
-        const x = endRect.left + (endRect.width * i) / (trailCount - 1);
+      // 在水平边缘按固定间距分布尾翼线
+      for (let offset = 0; offset <= endRect.width; offset += spacing) {
+        const x = endRect.left + offset;
         const startPoint = new Vector(x, edgeY);
         const endPoint = isMovingDown
           ? startPoint.subtract(new Vector(0, Random.randomFloat(minLength, maxLength)))