From ee9e27f969ccd8acb5b71546fcb9bd7e44bca8b7 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 15 三月 2024 10:29:11 +0800
Subject: [PATCH] #

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

diff --git a/zy-asrs-flow/src/pages/map/utils.js b/zy-asrs-flow/src/pages/map/utils.js
index c2d7558..4582016 100644
--- a/zy-asrs-flow/src/pages/map/utils.js
+++ b/zy-asrs-flow/src/pages/map/utils.js
@@ -1,4 +1,5 @@
 import * as PIXI from 'pixi.js';
+import * as TWEEDLE from 'tweedle.js';
 
 let app = null;
 let mapContainer = null;
@@ -12,8 +13,17 @@
     mapContainer = param;
 }
 
+export function getMapContainer() {
+    return mapContainer;
+}
+
 export const MapEvent = Object.freeze({
     SELECTION_BOX: Symbol.for(0),
+})
+
+export const SENSOR_TYPE = Object.freeze({
+    SHELF: "SHELF",
+    AGV: "AGV",
 })
 
 export const getRealPosition = (x, y, mapContainer) => {
@@ -24,11 +34,14 @@
     }
 }
 
-export const initSprite = (sprite) => {
+export const initSprite = (sprite, type) => {
     sprite.anchor.set(0.5);
     sprite.cursor = 'pointer';
     sprite.eventMode = 'static';
-    sprite.data = {};
+    sprite.data = {
+        type: type,
+        uuid: generateID()
+    };
 }
 
 // sprite be movable from sprite click event
@@ -150,21 +163,21 @@
 
 export const showSelectedEffect = (sprite) => {
     const { width, height } = sprite;
-    const scale = mapContainer.scale.x;
+    const scale = sprite.scale.x;
     const sideLen = (Math.max(width, height) + 10) * scale;
     const color = 0x273c75;
 
     effectHalfCircle = new PIXI.Graphics();
     effectHalfCircle.beginFill(color);
-    effectHalfCircle.lineStyle(2, color);
+    effectHalfCircle.lineStyle(2 * scale, color);
     effectHalfCircle.arc(0, 0, sideLen, 0, Math.PI);
     effectHalfCircle.endFill();
     effectHalfCircle.position.set(sprite.x, sprite.y);
     effectHalfCircle.scale.set(1 / scale);
 
     effectRectangle = new PIXI.Graphics();
-    effectRectangle.lineStyle(2, color, 1);
-    effectRectangle.drawRoundedRect(0, 0, sideLen, sideLen, 16);
+    effectRectangle.lineStyle(2 * scale, color, 1);
+    effectRectangle.drawRoundedRect(0, 0, sideLen, sideLen, 16 * scale);
     effectRectangle.endFill();
     effectRectangle.mask = effectHalfCircle;
 
@@ -181,7 +194,9 @@
     effectTick = (delta) => {
         phase += delta / 10;
         phase %= (Math.PI * 2);
-        effectHalfCircle.rotation = phase;
+        if (effectHalfCircle) {
+            effectHalfCircle.rotation = phase;
+        }
     };
 
     app.ticker.add(effectTick);
@@ -201,10 +216,106 @@
     }
 }
 
+export const copySprite = (sprite) => {
+    const copiedSprite = new PIXI.Sprite(sprite.texture);
+    initSprite(copiedSprite);
+    copiedSprite.position.set(sprite.position.x, sprite.position.y);
+    copiedSprite.scale.set(sprite.scale.x, sprite.scale.y);
+    copiedSprite.rotation = sprite.rotation;
+    copiedSprite.data = deepCopy(sprite.data);
+    copiedSprite.data.uuid = generateID();
+    return copiedSprite;
+}
+
 export const markSprite = (sprite) => {
     sprite.alpha = 0.5;
 }
 
 export const unMarkSprite = (sprite) => {
     sprite.alpha = 1;
+}
+
+export const generateID = () => {
+    return Date.now().toString(36) + Math.random().toString(36).substring(2);
+}
+
+export const deepCopy = (data) => {
+    return JSON.parse(JSON.stringify(data));
+}
+
+export const pureNumStr = (param) => {
+    if (param) {
+        return Number(param);
+    } else {
+        return '';
+    }
+}
+
+export const findSpriteByUuid = (uuid) => {
+    return mapContainer?.children?.find(child => child?.data?.uuid === uuid);
+}
+
+export const sensorTypeSelectOptions = (intl) => {
+    let options = [];
+    Object.entries(SENSOR_TYPE).forEach(([key, value]) => {
+        switch (key) {
+            case SENSOR_TYPE.SHELF:
+                options.push({
+                    value: value,
+                    label: intl.formatMessage({ id: 'map.sensor.type.shelf', defaultMessage: '璐ф灦' })
+                })
+                break;
+            case SENSOR_TYPE.AGV:
+                options.push({
+                    value: value,
+                    label: intl.formatMessage({ id: 'map.sensor.type.agv', defaultMessage: '鏃犱汉灏忚溅' })
+                })
+                break;
+            default:
+                break;
+        }
+
+    })
+    return options;
+}
+
+export const adaptScreen = () => {
+    if (!mapContainer || !app) {
+        return;
+    }
+    if (mapContainer.children.length === 0) {
+        return;
+    }
+
+    let minX, maxX, minY, maxY;
+    for (let sprite of mapContainer.children) {
+        let bounds = sprite.getBounds();
+        minX = minX !== undefined ? Math.min(minX, bounds.x) : bounds.x;
+        minY = minY !== undefined ? Math.min(minY, bounds.y) : bounds.y;
+        maxX = maxX !== undefined ? Math.max(maxX, bounds.x + bounds.width) : bounds.x + bounds.width;
+        maxY = maxY !== undefined ? Math.max(maxY, bounds.y + bounds.height) : bounds.y + bounds.height;
+    }
+
+    // 鐭╁舰涓績
+    let centerPoint = {
+        x: (minX + maxX) / 2 * mapContainer.scale.x,
+        y: (minY + maxY) / 2 * mapContainer.scale.y
+    };
+
+    let newScale = Math.min(
+        app.renderer.width / (maxX - minX) * 0.9, // 90%鐨勫搴�
+        app.renderer.height / (maxY - minY) * 0.9 // 90%鐨勯珮搴�
+    );
+
+    new TWEEDLE.Tween(mapContainer.scale).easing(TWEEDLE.Easing.Quadratic.Out)
+        .to({
+            x: newScale,
+            y: newScale
+        }, 200).start();
+
+    new TWEEDLE.Tween(mapContainer.position).easing(TWEEDLE.Easing.Quadratic.Out)
+        .to({
+            x: app.renderer.width / 2 - centerPoint.x * newScale,
+            y: app.renderer.height / 2 - centerPoint.y * newScale
+        }, 200).start();
 }
\ No newline at end of file

--
Gitblit v1.9.1