From b47a64af89a4ae23934e0b8d271676cbdd326cfa Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 06 三月 2024 09:44:49 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/map/utils.js |   55 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 55 insertions(+), 0 deletions(-)

diff --git a/zy-asrs-flow/src/pages/map/utils.js b/zy-asrs-flow/src/pages/map/utils.js
index bef2076..a72b30d 100644
--- a/zy-asrs-flow/src/pages/map/utils.js
+++ b/zy-asrs-flow/src/pages/map/utils.js
@@ -31,6 +31,7 @@
     sprite.data = {};
 }
 
+// sprite be movable from sprite click event
 export const beMovable = (sprite, setDidClickSprite) => {
     sprite.off('pointerup');
     sprite.off('pointerdown');
@@ -66,6 +67,60 @@
 
 }
 
+// sprites be movable from select box
+// the scale was dynamic
+export const spriteListBeMovable = (selectedSprites, scale, activateMapEvent) => {
+    if (selectedSprites && selectedSprites.length > 0) {
+        let batchMove = false;
+        let batchMoveStartPos = null;
+
+        const batchMoving = (event) => {
+            if (batchMove && batchMoveStartPos) {
+                // offset move val
+                var mouseMovement = {
+                    x: (event.global.x - batchMoveStartPos.x) / scale,
+                    y: (event.global.y - batchMoveStartPos.y) / scale
+                };
+                for (let sprite of selectedSprites) {
+                    sprite.position.x = sprite.data.batchMoveStartPos.x + mouseMovement.x;
+                    sprite.position.y = sprite.data.batchMoveStartPos.y + mouseMovement.y;
+                }
+            }
+        }
+
+        const batchMoveEnd = (event) => {
+            batchMove = false;
+            batchMoveStartPos = null;
+            selectedSprites.forEach(child => {
+                unMarkSprite(child);
+            })
+            selectedSprites = [];
+            mapContainer.parent.off('mousedown');
+            mapContainer.parent.off('mousemove');
+            mapContainer.parent.off('mouseup');
+
+            activateMapEvent(MapEvent.SELECTION_BOX);
+        }
+
+        const batchMoveStart = (event) => {
+            batchMoveStartPos = { x: event.data.global.clone().x, y: event.data.global.clone().y };
+            selectedSprites.forEach(child => {
+                child.data.batchMoveStartPos = { x: child.position.x, y: child.position.y };
+            })
+
+            batchMove = true;
+            mapContainer.parent.off('mousemove');
+            mapContainer.parent.on('mousemove', batchMoving);
+
+            mapContainer.parent.off('mouseup');
+            mapContainer.parent.on('mouseup', batchMoveEnd);
+        }
+
+        mapContainer.parent.off('mousedown')
+        mapContainer.parent.on('mousedown', batchMoveStart);
+    }
+}
+
 export const isSpriteInSelectionBox = (sprite, selectionBox) => {
     const spriteBounds = sprite.getBounds();
     const boxBounds = selectionBox.getBounds();

--
Gitblit v1.9.1