fix stage elements drag bug

Author: huanghaiyang

src/modules/stage/StageShield.ts

@@ -638,10 +638,8 @@ export default class StageShield extends DrawerBase implements IStageShield, ISt
     this.store.updateElements(selectedElements, {
       isDragging: true,
     });
-    selectedElements.forEach(element => {
-      element.translateBy(this.movingOffset);
-      element.onTranslating();
-    });
+    this.store.updateElementsTranslate(selectedElements, this.movingOffset);
+    selectedElements.forEach(element => element.onTranslating());
     this.selection.refresh();
   }
 

src/modules/stage/StageStore.ts

@@ -1213,6 +1213,19 @@ export default class StageStore implements IStageStore {
     });
   }
 
+  /**
+   * 组件移动
+   *
+   * @param elements
+   * @param offset
+   */
+  updateElementsTranslate(elements: IElement[], offset: IPoint): void {
+    elements.forEach(element => {
+      element.translateBy(offset);
+      this._updateElementStageStatusIfy(element);
+    });
+  }
+
   /**
    * 遍历所有节点
    *
@@ -1281,15 +1294,22 @@ export default class StageStore implements IStageStore {
     ids = null;
   }
 
+  /**
+   * 更新组件舞台状态
+   *
+   * @param element
+   */
+  private _updateElementStageStatusIfy(element: IElement): void {
+    const isOnStage = element.isModelPolygonOverlap(this.shield.stageWordRectCoords);
+    this.updateElementById(element.id, { isOnStage });
+  }
+
   /**
    * 刷新舞台上的所有组件，超出舞台范围的组件不予展示
    */
   refreshStageElements(): void {
-    const stageWordRectCoords = this.shield.stageWordRectCoords;
-    this._elementList.forEach(node => {
-      const element = node.value;
-      const isOnStage = element.isModelPolygonOverlap(stageWordRectCoords);
-      this.updateElementById(element.id, { isOnStage });
+    this._elementList.forEach(({ value: element }) => {
+      this._updateElementStageStatusIfy(element);
       element.refresh({ points: true, rotation: true, originals: true, outline: true, strokes: true });
     });
   }
@@ -1393,9 +1413,11 @@ export default class StageStore implements IStageStore {
       angle = MathUtils.mirrorAngle(element.originalAngle + angle - originalAngle);
       angle = MathUtils.precise(angle, 1);
       element.setAngle(angle);
+      this._updateElementStageStatusIfy(element);
       if (element.isGroup) {
         (element as IElementGroup).deepSubs.forEach(sub => {
           sub.rotateBy(angle - element.originalAngle, centerCoord);
+          this._updateElementStageStatusIfy(sub);
         });
       }
     });

src/types/IStageStore.ts

@@ -89,6 +89,8 @@ export default interface IStageStore extends IStageSetter {
   updateElementsTransform(elements: IElement[], offset: IPoint): void;
   // 更新组件圆角半径
   updateElementsCorner(elements: IElement[], offset: IPoint): void;
+  // 更新组件移动
+  updateElementsTranslate(elements: IElement[], offset: IPoint): void;
   // 计算旋转组件中心
   refreshRotatingStates(point: IPoint): void;
   // 计算给定组件旋转状态