gisviewer-vue3-arcgis 1.0.242 → 1.0.243

package/es/src/gis-map/utils/holo-flow/signal-holo-flow-lsr.mjs

@@ -1,54 +1,54 @@
-import * as w from "@arcgis/core/core/reactiveUtils";
+import * as m from "@arcgis/core/core/reactiveUtils";
 import { Point as u } from "@arcgis/core/geometry";
 import * as g from "@arcgis/core/geometry/support/webMercatorUtils.js";
 import L from "@arcgis/core/Graphic";
 import b from "@arcgis/core/layers/GraphicsLayer";
 import M from "./signal-holo-flow.mjs";
 class v extends M {
-  constructor(e, t) {
-    var n, a;
-    super(e), this.waitingAreaLayer = new b(), this.watchHandle = null, this.trajectoryDelayTime = 2, this.stopLineMap = /* @__PURE__ */ new Map(), this.waitingAreaMap = /* @__PURE__ */ new Map(), this.lampGroupMap = /* @__PURE__ */ new Map(), this.countdownPanelProps = t, this.view.map.add(this.waitingAreaLayer), this.trajectoryDelayTime = (a = (n = this.mapConfig.holoFlow) == null ? void 0 : n.signal) == null ? void 0 : a.delay, this.trajectoryDelayTime === void 0 && (this.trajectoryDelayTime = 2);
+  constructor(e, o) {
+    var s, n;
+    super(e), this.waitingAreaLayer = new b(), this.watchHandle = null, this.trajectoryDelayTime = 2, this.stopLineMap = /* @__PURE__ */ new Map(), this.waitingAreaMap = /* @__PURE__ */ new Map(), this.lampGroupMap = /* @__PURE__ */ new Map(), this.countdownPanelProps = o, this.view.map.add(this.waitingAreaLayer), this.trajectoryDelayTime = (n = (s = this.mapConfig.holoFlow) == null ? void 0 : s.signal) == null ? void 0 : n.delay, this.trajectoryDelayTime === void 0 && (this.trajectoryDelayTime = 2);
   }
   /**
    * 读取停止线图层，将灯组面板沿着停止线放置
    * @returns
    */
   async initializeLayer() {
-    var a, o, s, i, r;
+    var n, a, i, r, t;
     if (this.stopLineMap.size > 0)
       return;
     console.time("初始化停止线图层");
-    let e = (o = (a = this.mapConfig.holoFlow) == null ? void 0 : a.signal) == null ? void 0 : o.stopLineLayer;
+    let e = (a = (n = this.mapConfig.holoFlow) == null ? void 0 : n.signal) == null ? void 0 : a.stopLineLayer;
     if (!e)
       return;
     e = this.mapConfig.assetsRoot + "/" + e;
-    let t = await fetch(e), n = await t.json();
-    for (const l of n.features) {
-      const { roadId: c, nodeId: d } = l.properties;
+    let o = await fetch(e), s = await o.json();
+    for (const l of s.features) {
+      const { roadId: c, nodeId: h } = l.properties;
       let { destinationPoint: p } = l.properties;
-      const { coordinates: h } = l.geometry;
+      const { coordinates: f } = l.geometry;
       if (p) {
         if (typeof p == "string")
           try {
             p = JSON.parse(p);
-          } catch (f) {
-            console.error("解析面板基准点失败", f);
+          } catch (d) {
+            console.error("解析面板基准点失败", d);
             continue;
           }
       } else {
-        const f = h[0], m = h[h.length - 1], y = (f[0] + m[0]) / 2, P = (f[1] + m[1]) / 2;
+        const d = f[0], w = f[f.length - 1], y = (d[0] + w[0]) / 2, P = (d[1] + w[1]) / 2;
         p = [y, P];
       }
-      this.stopLineMap.set(`${d}_${c}`, {
-        coord: h,
+      this.stopLineMap.set(`${h}_${c}`, {
+        coord: f,
         panelPoint: p
       });
     }
-    if (console.timeEnd("初始化停止线图层"), console.time("初始化待行区图层"), e = (i = (s = this.mapConfig.holoFlow) == null ? void 0 : s.signal) == null ? void 0 : i.waitingAreaLayer, !!e) {
-      e = this.mapConfig.assetsRoot + "/" + e, t = await fetch(e), n = await t.json();
-      for (const l of n.features) {
-        const { roadId: c, direction: d, nodeId: p } = l.properties, { coordinates: h } = l.geometry, f = `${p}_${c}`;
-        this.waitingAreaMap.has(f) || this.waitingAreaMap.set(f, []), (r = this.waitingAreaMap.get(f)) == null || r.push({ coord: h, direction: d });
+    if (console.timeEnd("初始化停止线图层"), console.time("初始化待行区图层"), e = (r = (i = this.mapConfig.holoFlow) == null ? void 0 : i.signal) == null ? void 0 : r.waitingAreaLayer, !!e) {
+      e = this.mapConfig.assetsRoot + "/" + e, o = await fetch(e), s = await o.json();
+      for (const l of s.features) {
+        const { roadId: c, direction: h, nodeId: p } = l.properties, { coordinates: f } = l.geometry, d = `${p}_${c}`;
+        this.waitingAreaMap.has(d) || this.waitingAreaMap.set(d, []), (t = this.waitingAreaMap.get(d)) == null || t.push({ coord: f, direction: h });
       }
       console.timeEnd("初始化待行区图层");
     }
@@ -57,14 +57,14 @@ class v extends M {
    * 初始化灯组与进口道的关联关系
    */
   initializeLampGroup(e) {
-    const { sigId: t, lampGroupList: n } = e, a = [];
-    n.forEach((o) => {
-      const { lampGroupNo: s, lampGroupType: i, crossFlowList: r, pedList: l } = o;
-      if (r.length > 0)
-        for (const c of r) {
-          if (i === 81)
+    const { sigId: o, lampGroupList: s } = e, n = [];
+    s.forEach((a) => {
+      const { lampGroupNo: i, lampGroupType: r, crossFlowList: t, pedList: l } = a;
+      if (t.length > 0)
+        for (const c of t) {
+          if (r === 81)
             continue;
-          const d = c.upSectionId;
+          const h = c.upSectionId;
           let p = "s";
           switch (c.turn) {
             case 1:
@@ -80,35 +80,35 @@ class v extends M {
               p = "u";
               break;
           }
-          a.push({
-            lampGroupId: s,
-            roadId: d,
+          n.push({
+            lampGroupId: i,
+            roadId: h,
             dir: p
           });
         }
       l.length > 0;
-    }), this.lampGroupMap.set(t, a);
+    }), this.lampGroupMap.set(o, n);
   }
   /**
    * 处理统一信控平台信号灯数据
    * @param data
    */
   handleUniSignalData(e) {
-    this.watchHandle || (this.watchHandle = w.watch(
+    this.watchHandle || (this.watchHandle = m.watch(
       () => this.view.extent,
       () => this.updatePanelPosition()
     ));
-    const { sigId: t, runningStatus: n } = e.data.basicInfo, a = this.lampGroupMap.get(t);
-    if (!a)
+    const { sigId: o, runningStatus: s } = e.data.basicInfo, n = this.lampGroupMap.get(o);
+    if (!n)
       return { status: -1, message: "灯组未初始化" };
-    const o = /* @__PURE__ */ new Map();
-    let s = !1;
-    switch (String(n)) {
+    const a = /* @__PURE__ */ new Map();
+    let i = !1;
+    switch (String(s)) {
       case "4": {
-        s = !0, a.forEach((i) => {
-          const { roadId: r, dir: l } = i;
-          o.set(r, {
-            ...o.get(r) || {},
+        i = !0, n.forEach((r) => {
+          const { roadId: t, dir: l } = r;
+          a.set(t, {
+            ...a.get(t) || {},
             [`${l}Number`]: "",
             [`${l}Color`]: "yellow"
           });
@@ -116,10 +116,10 @@ class v extends M {
         break;
       }
       case "5": {
-        a.forEach((i) => {
-          const { roadId: r, dir: l } = i;
-          o.set(r, {
-            ...o.get(r) || {},
+        n.forEach((r) => {
+          const { roadId: t, dir: l } = r;
+          a.set(t, {
+            ...a.get(t) || {},
             [`${l}Number`]: "",
             [`${l}Color`]: "red"
           });
@@ -128,10 +128,10 @@ class v extends M {
       }
       case "6":
       case "9": {
-        a.forEach((i) => {
-          const { roadId: r, dir: l } = i;
-          o.set(r, {
-            ...o.get(r) || {},
+        n.forEach((r) => {
+          const { roadId: t, dir: l } = r;
+          a.set(t, {
+            ...a.get(t) || {},
             [`${l}Number`]: "",
             [`${l}Color`]: "off"
           });
@@ -139,108 +139,108 @@ class v extends M {
         break;
       }
       default: {
-        const { curSigColorInfo: i } = e.data;
-        i.forEach((r) => {
-          const l = String(r.lamgroupId), { color: c, leftTime: d } = r, p = a.find(
-            (h) => h.lampGroupId === l
+        const { curSigColorInfo: r } = e.data;
+        r.forEach((t) => {
+          const l = String(t.lamgroupId), { color: c, leftTime: h } = t, p = n.find(
+            (f) => f.lampGroupId === l
           );
           if (p) {
-            const { roadId: h, dir: f } = p;
-            o.set(h, {
-              ...o.get(h) || {},
-              [`${f}Number`]: d,
-              [`${f}Color`]: c === 1 ? "red" : c === 2 ? "yellow" : "green"
+            const { roadId: f, dir: d } = p;
+            a.set(f, {
+              ...a.get(f) || {},
+              [`${d}Number`]: h,
+              [`${d}Color`]: c === 1 ? "red" : c === 2 ? "yellow" : "green"
             });
           }
         });
       }
     }
-    return this.updateLampGroupPanelStatus(t, o, s), { status: 0, message: "ok" };
+    return this.updateLampGroupPanelStatus(o, a, i), { status: 0, message: "ok" };
   }
   /**
    * 根据地图比例尺计算灯组面板缩放比例
    */
   getPanelScale() {
     const e = this.view.scale;
-    let t = 1;
-    return e < 500 ? t = 1.2 : e < 1e3 ? t = 1 : e < 2e3 ? t = 0.8 : e < 4e3 ? t = 0.4 : t = 0, t;
+    let o = 1;
+    return e < 500 ? o = 1.2 : e < 1e3 ? o = 1 : e < 2e3 ? o = 0.8 : e < 4e3 ? o = 0.4 : o = 0, o;
   }
   /**
    * 地图移动时更新灯组面板位置
    */
   updatePanelPosition() {
     const e = this.getPanelScale();
-    for (const t of this.countdownPanelProps) {
-      e !== this.currentPanelScale && (t.scale = e);
-      const { mapPoint: n } = t;
-      let a = new u({
-        x: n[0],
-        y: n[1]
+    for (const o of this.countdownPanelProps) {
+      e !== this.currentPanelScale && (o.scale = e);
+      const { mapPoint: s } = o;
+      let n = new u({
+        x: s[0],
+        y: s[1]
       });
-      this.view.spatialReference.isWebMercator && (a = g.geographicToWebMercator(
-        a
+      this.view.spatialReference.isWebMercator && (n = g.geographicToWebMercator(
+        n
       ));
-      const o = this.view.toScreen(a);
-      if (t.position.left = o.x, t.position.top = o.y, this.view.type === "3d") {
-        const s = this.getPanelRotation(t.stopLine);
-        t.rotation = s;
+      const a = this.view.toScreen(n);
+      if (o.position.left = a.x, o.position.top = a.y, this.view.type === "3d") {
+        const i = this.getPanelRotation(o.stopLine);
+        o.rotation = i;
       }
     }
     this.currentPanelScale = e;
   }
   doHoloSignalData(e) {
-    const t = e.crossId, n = e.phaseCountDownList, a = /* @__PURE__ */ new Map();
-    for (const o of n) {
-      let s = "";
-      for (let c of o.roadIdList)
-        if (c.startsWith("-") && (c = c.slice(1)), this.stopLineMap.has(`${t}_${c}`)) {
-          s = `${t}_${c}`;
+    const o = e.crossId, s = e.showWaitingArea === !0, n = e.phaseCountDownList, a = /* @__PURE__ */ new Map();
+    for (const i of n) {
+      let r = "";
+      for (let h of i.roadIdList)
+        if (h.startsWith("-") && (h = h.slice(1)), this.stopLineMap.has(`${o}_${h}`)) {
+          r = `${o}_${h}`;
           break;
         }
-      if (!s) {
-        console.log(`没有找到对应的进口道${t}--${s}`);
+      if (!r) {
+        console.log(`没有找到对应的进口道${o}--${r}`);
         continue;
       }
-      let i = a.get(s);
-      if (i || (i = {}, a.set(s, i)), !o.direction)
+      let t = a.get(r);
+      if (t || (t = {}, a.set(r, t)), !i.direction)
         continue;
-      const r = o.direction.toLowerCase(), l = o.color === 1 ? "red" : o.color === 2 ? "yellow" : "green";
-      r === "u" ? (i.uNumber = o.leftTime, i.uColor = l) : r === "l" ? (i.lNumber = o.leftTime, i.lColor = l) : r === "s" ? (i.sNumber = o.leftTime, i.sColor = l) : r === "r" && (i.rNumber = o.leftTime, i.rColor = l);
+      const l = i.direction.toLowerCase(), c = i.color === 1 ? "red" : i.color === 2 ? "yellow" : "green";
+      l === "u" ? (t.uNumber = i.leftTime, t.uColor = c) : l === "l" ? (t.lNumber = i.leftTime, t.lColor = c) : l === "s" ? (t.sNumber = i.leftTime, t.sColor = c) : l === "r" && (t.rNumber = i.leftTime, t.rColor = c);
     }
-    this.updateLampGroupPanelStatus(t, a), this.updateWaitingArea(t, a);
+    this.updateLampGroupPanelStatus(o, a), s && this.updateWaitingArea(o, a);
   }
-  updateWaitingArea(e, t) {
-    t.forEach((n, a) => {
-      var o;
-      if (n.lColor) {
-        let s = this.waitingAreaLayer.graphics.find(
-          (i) => i.attributes.roadId === a && i.attributes.direction === "l"
+  updateWaitingArea(e, o) {
+    o.forEach((s, n) => {
+      var a;
+      if (s.lColor) {
+        let i = this.waitingAreaLayer.graphics.find(
+          (r) => r.attributes.roadId === n && r.attributes.direction === "l"
         );
-        if (s)
-          s.attributes.color !== n.lColor && (s.attributes.color = n.lColor, s.symbol = {
+        if (i)
+          i.attributes.color !== s.lColor && (i.attributes.color = s.lColor, i.symbol = {
             type: "simple-fill",
-            color: this.getColor(n.lColor),
+            color: this.getColor(s.lColor),
             outline: {
-              color: this.getColor(n.lColor)
+              color: this.getColor(s.lColor)
             }
           });
         else {
-          const i = (o = this.waitingAreaMap.get(a)) == null ? void 0 : o.find((r) => r.direction === "l");
-          i && (s = new L({
-            geometry: { type: "polygon", rings: i.coord },
+          const r = (a = this.waitingAreaMap.get(n)) == null ? void 0 : a.find((t) => t.direction === "l");
+          r && (i = new L({
+            geometry: { type: "polygon", rings: r.coord },
             attributes: {
-              roadId: a,
+              roadId: n,
               direction: "l",
-              color: n.lColor
+              color: s.lColor
             },
             symbol: {
               type: "simple-fill",
-              color: this.getColor(n.lColor),
+              color: this.getColor(s.lColor),
               outline: {
-                color: this.getColor(n.lColor)
+                color: this.getColor(s.lColor)
               }
             }
-          }), this.waitingAreaLayer.add(s));
+          }), this.waitingAreaLayer.add(i));
         }
       }
     });
@@ -248,40 +248,40 @@ class v extends M {
   getColor(e) {
     return e === "green" ? [0, 255, 0, 0.8] : e === "yellow" ? [255, 192, 2, 0.8] : [255, 0, 0, 0.8];
   }
-  updateLampGroupPanelStatus(e, t, n = !1) {
-    t.forEach((a, o) => {
-      const s = this.stopLineMap.get(o);
-      if (!s)
+  updateLampGroupPanelStatus(e, o, s = !1) {
+    o.forEach((n, a) => {
+      const i = this.stopLineMap.get(a);
+      if (!i)
         return;
-      const i = this.countdownPanelProps.find(
-        (r) => r.roadId === o
+      const r = this.countdownPanelProps.find(
+        (t) => t.roadId === a
       );
-      if (i)
-        i.lampStatus = a, i.flash = n;
+      if (r)
+        r.lampStatus = n, r.flash = s;
       else {
-        let r = new u({
-          x: s.panelPoint[0],
-          y: s.panelPoint[1]
+        let t = new u({
+          x: i.panelPoint[0],
+          y: i.panelPoint[1]
         });
-        this.view.spatialReference.isWebMercator && (r = g.geographicToWebMercator(
-          r
+        this.view.spatialReference.isWebMercator && (t = g.geographicToWebMercator(
+          t
         ));
-        const l = this.view.toScreen(r), c = this.getPanelRotation(s.coord);
+        const l = this.view.toScreen(t), c = this.getPanelRotation(i.coord);
         this.countdownPanelProps.push({
           displayMode: "complex",
-          flash: n,
+          flash: s,
           crossId: e,
-          roadId: o,
-          mapPoint: s.panelPoint,
+          roadId: a,
+          mapPoint: i.panelPoint,
           // 定位点地理坐标
-          stopLine: s.coord,
+          stopLine: i.coord,
           // 关联的停止线坐标
           position: { left: l.x, top: l.y },
           // 定位点屏幕坐标
           rotation: c,
           // 面板旋转角度
           scale: this.getPanelScale(),
-          lampStatus: a
+          lampStatus: n
           // 灯组状态
         });
       }
@@ -293,7 +293,7 @@ class v extends M {
    * @returns
    */
   async handleHoloSignalData(e) {
-    this.watchHandle || (this.watchHandle = w.watch(
+    this.watchHandle || (this.watchHandle = m.watch(
       () => this.view.extent,
       () => this.updatePanelPosition()
     )), this.trajectoryDelayTime === 0 ? this.doHoloSignalData(e) : setTimeout(
@@ -311,15 +311,7 @@ class v extends M {
    * @returns
    */
   getPanelRotation(e) {
-    const t = e[0];
-    let n = new u({
-      x: t[0],
-      y: t[1]
-    });
-    this.view.spatialReference.isWebMercator && (n = g.geographicToWebMercator(
-      n
-    ));
-    const a = this.view.toScreen(n), o = e[e.length - 1];
+    const o = e[0];
     let s = new u({
       x: o[0],
       y: o[1]
@@ -327,8 +319,16 @@ class v extends M {
     this.view.spatialReference.isWebMercator && (s = g.geographicToWebMercator(
       s
     ));
-    const i = this.view.toScreen(s), r = i.x - a.x, l = i.y - a.y;
-    return Math.atan2(l, r) * (180 / Math.PI);
+    const n = this.view.toScreen(s), a = e[e.length - 1];
+    let i = new u({
+      x: a[0],
+      y: a[1]
+    });
+    this.view.spatialReference.isWebMercator && (i = g.geographicToWebMercator(
+      i
+    ));
+    const r = this.view.toScreen(i), t = r.x - n.x, l = r.y - n.y;
+    return Math.atan2(l, t) * (180 / Math.PI);
   }
 }
 export {

package/lib/src/gis-map/utils/holo-flow/signal-holo-flow-lsr.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("@arcgis/core/core/reactiveUtils"),g=require("@arcgis/core/geometry"),S=require("@arcgis/core/geometry/support/webMercatorUtils.js"),C=require("@arcgis/core/Graphic"),I=require("@arcgis/core/layers/GraphicsLayer"),v=require("./signal-holo-flow.js");function P(d){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const t in d)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(d,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>d[t]})}}return e.default=d,Object.freeze(e)}const y=P(M),w=P(S);class G extends v.default{constructor(e,t){var a,s;super(e),this.waitingAreaLayer=new I,this.watchHandle=null,this.trajectoryDelayTime=2,this.stopLineMap=new Map,this.waitingAreaMap=new Map,this.lampGroupMap=new Map,this.countdownPanelProps=t,this.view.map.add(this.waitingAreaLayer),this.trajectoryDelayTime=(s=(a=this.mapConfig.holoFlow)==null?void 0:a.signal)==null?void 0:s.delay,this.trajectoryDelayTime===void 0&&(this.trajectoryDelayTime=2)}async initializeLayer(){var s,o,n,i,r;if(this.stopLineMap.size>0)return;console.time("初始化停止线图层");let e=(o=(s=this.mapConfig.holoFlow)==null?void 0:s.signal)==null?void 0:o.stopLineLayer;if(!e)return;e=this.mapConfig.assetsRoot+"/"+e;let t=await fetch(e),a=await t.json();for(const l of a.features){const{roadId:c,nodeId:u}=l.properties;let{destinationPoint:p}=l.properties;const{coordinates:h}=l.geometry;if(p){if(typeof p=="string")try{p=JSON.parse(p)}catch(f){console.error("解析面板基准点失败",f);continue}}else{const f=h[0],m=h[h.length-1],b=(f[0]+m[0])/2,L=(f[1]+m[1])/2;p=[b,L]}this.stopLineMap.set(`${u}_${c}`,{coord:h,panelPoint:p})}if(console.timeEnd("初始化停止线图层"),console.time("初始化待行区图层"),e=(i=(n=this.mapConfig.holoFlow)==null?void 0:n.signal)==null?void 0:i.waitingAreaLayer,!!e){e=this.mapConfig.assetsRoot+"/"+e,t=await fetch(e),a=await t.json();for(const l of a.features){const{roadId:c,direction:u,nodeId:p}=l.properties,{coordinates:h}=l.geometry,f=`${p}_${c}`;this.waitingAreaMap.has(f)||this.waitingAreaMap.set(f,[]),(r=this.waitingAreaMap.get(f))==null||r.push({coord:h,direction:u})}console.timeEnd("初始化待行区图层")}}initializeLampGroup(e){const{sigId:t,lampGroupList:a}=e,s=[];a.forEach(o=>{const{lampGroupNo:n,lampGroupType:i,crossFlowList:r,pedList:l}=o;if(r.length>0)for(const c of r){if(i===81)continue;const u=c.upSectionId;let p="s";switch(c.turn){case 1:p="s";break;case 2:p="l";break;case 4:p="r";break;case 8:p="u";break}s.push({lampGroupId:n,roadId:u,dir:p})}l.length>0}),this.lampGroupMap.set(t,s)}handleUniSignalData(e){this.watchHandle||(this.watchHandle=y.watch(()=>this.view.extent,()=>this.updatePanelPosition()));const{sigId:t,runningStatus:a}=e.data.basicInfo,s=this.lampGroupMap.get(t);if(!s)return{status:-1,message:"灯组未初始化"};const o=new Map;let n=!1;switch(String(a)){case"4":{n=!0,s.forEach(i=>{const{roadId:r,dir:l}=i;o.set(r,{...o.get(r)||{},[`${l}Number`]:"",[`${l}Color`]:"yellow"})});break}case"5":{s.forEach(i=>{const{roadId:r,dir:l}=i;o.set(r,{...o.get(r)||{},[`${l}Number`]:"",[`${l}Color`]:"red"})});break}case"6":case"9":{s.forEach(i=>{const{roadId:r,dir:l}=i;o.set(r,{...o.get(r)||{},[`${l}Number`]:"",[`${l}Color`]:"off"})});break}default:{const{curSigColorInfo:i}=e.data;i.forEach(r=>{const l=String(r.lamgroupId),{color:c,leftTime:u}=r,p=s.find(h=>h.lampGroupId===l);if(p){const{roadId:h,dir:f}=p;o.set(h,{...o.get(h)||{},[`${f}Number`]:u,[`${f}Color`]:c===1?"red":c===2?"yellow":"green"})}})}}return this.updateLampGroupPanelStatus(t,o,n),{status:0,message:"ok"}}getPanelScale(){const e=this.view.scale;let t=1;return e<500?t=1.2:e<1e3?t=1:e<2e3?t=.8:e<4e3?t=.4:t=0,t}updatePanelPosition(){const e=this.getPanelScale();for(const t of this.countdownPanelProps){e!==this.currentPanelScale&&(t.scale=e);const{mapPoint:a}=t;let s=new g.Point({x:a[0],y:a[1]});this.view.spatialReference.isWebMercator&&(s=w.geographicToWebMercator(s));const o=this.view.toScreen(s);if(t.position.left=o.x,t.position.top=o.y,this.view.type==="3d"){const n=this.getPanelRotation(t.stopLine);t.rotation=n}}this.currentPanelScale=e}doHoloSignalData(e){const t=e.crossId,a=e.phaseCountDownList,s=new Map;for(const o of a){let n="";for(let c of o.roadIdList)if(c.startsWith("-")&&(c=c.slice(1)),this.stopLineMap.has(`${t}_${c}`)){n=`${t}_${c}`;break}if(!n){console.log(`没有找到对应的进口道${t}--${n}`);continue}let i=s.get(n);if(i||(i={},s.set(n,i)),!o.direction)continue;const r=o.direction.toLowerCase(),l=o.color===1?"red":o.color===2?"yellow":"green";r==="u"?(i.uNumber=o.leftTime,i.uColor=l):r==="l"?(i.lNumber=o.leftTime,i.lColor=l):r==="s"?(i.sNumber=o.leftTime,i.sColor=l):r==="r"&&(i.rNumber=o.leftTime,i.rColor=l)}this.updateLampGroupPanelStatus(t,s),this.updateWaitingArea(t,s)}updateWaitingArea(e,t){t.forEach((a,s)=>{var o;if(a.lColor){let n=this.waitingAreaLayer.graphics.find(i=>i.attributes.roadId===s&&i.attributes.direction==="l");if(n)n.attributes.color!==a.lColor&&(n.attributes.color=a.lColor,n.symbol={type:"simple-fill",color:this.getColor(a.lColor),outline:{color:this.getColor(a.lColor)}});else{const i=(o=this.waitingAreaMap.get(s))==null?void 0:o.find(r=>r.direction==="l");i&&(n=new C({geometry:{type:"polygon",rings:i.coord},attributes:{roadId:s,direction:"l",color:a.lColor},symbol:{type:"simple-fill",color:this.getColor(a.lColor),outline:{color:this.getColor(a.lColor)}}}),this.waitingAreaLayer.add(n))}}})}getColor(e){return e==="green"?[0,255,0,.8]:e==="yellow"?[255,192,2,.8]:[255,0,0,.8]}updateLampGroupPanelStatus(e,t,a=!1){t.forEach((s,o)=>{const n=this.stopLineMap.get(o);if(!n)return;const i=this.countdownPanelProps.find(r=>r.roadId===o);if(i)i.lampStatus=s,i.flash=a;else{let r=new g.Point({x:n.panelPoint[0],y:n.panelPoint[1]});this.view.spatialReference.isWebMercator&&(r=w.geographicToWebMercator(r));const l=this.view.toScreen(r),c=this.getPanelRotation(n.coord);this.countdownPanelProps.push({displayMode:"complex",flash:a,crossId:e,roadId:o,mapPoint:n.panelPoint,stopLine:n.coord,position:{left:l.x,top:l.y},rotation:c,scale:this.getPanelScale(),lampStatus:s})}})}async handleHoloSignalData(e){this.watchHandle||(this.watchHandle=y.watch(()=>this.view.extent,()=>this.updatePanelPosition())),this.trajectoryDelayTime===0?this.doHoloSignalData(e):setTimeout(()=>this.doHoloSignalData(e),this.trajectoryDelayTime*1e3)}clearSignal(){var e;this.waitingAreaLayer.removeAll(),this.countdownPanelProps.length=0,(e=this.watchHandle)==null||e.remove(),this.watchHandle=null}getPanelRotation(e){const t=e[0];let a=new g.Point({x:t[0],y:t[1]});this.view.spatialReference.isWebMercator&&(a=w.geographicToWebMercator(a));const s=this.view.toScreen(a),o=e[e.length-1];let n=new g.Point({x:o[0],y:o[1]});this.view.spatialReference.isWebMercator&&(n=w.geographicToWebMercator(n));const i=this.view.toScreen(n),r=i.x-s.x,l=i.y-s.y;return Math.atan2(l,r)*(180/Math.PI)}}exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("@arcgis/core/core/reactiveUtils"),g=require("@arcgis/core/geometry"),S=require("@arcgis/core/geometry/support/webMercatorUtils.js"),C=require("@arcgis/core/Graphic"),I=require("@arcgis/core/layers/GraphicsLayer"),v=require("./signal-holo-flow.js");function P(d){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const t in d)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(d,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>d[t]})}}return e.default=d,Object.freeze(e)}const y=P(M),w=P(S);class G extends v.default{constructor(e,t){var a,r;super(e),this.waitingAreaLayer=new I,this.watchHandle=null,this.trajectoryDelayTime=2,this.stopLineMap=new Map,this.waitingAreaMap=new Map,this.lampGroupMap=new Map,this.countdownPanelProps=t,this.view.map.add(this.waitingAreaLayer),this.trajectoryDelayTime=(r=(a=this.mapConfig.holoFlow)==null?void 0:a.signal)==null?void 0:r.delay,this.trajectoryDelayTime===void 0&&(this.trajectoryDelayTime=2)}async initializeLayer(){var r,s,i,n,o;if(this.stopLineMap.size>0)return;console.time("初始化停止线图层");let e=(s=(r=this.mapConfig.holoFlow)==null?void 0:r.signal)==null?void 0:s.stopLineLayer;if(!e)return;e=this.mapConfig.assetsRoot+"/"+e;let t=await fetch(e),a=await t.json();for(const l of a.features){const{roadId:c,nodeId:h}=l.properties;let{destinationPoint:p}=l.properties;const{coordinates:f}=l.geometry;if(p){if(typeof p=="string")try{p=JSON.parse(p)}catch(u){console.error("解析面板基准点失败",u);continue}}else{const u=f[0],m=f[f.length-1],b=(u[0]+m[0])/2,L=(u[1]+m[1])/2;p=[b,L]}this.stopLineMap.set(`${h}_${c}`,{coord:f,panelPoint:p})}if(console.timeEnd("初始化停止线图层"),console.time("初始化待行区图层"),e=(n=(i=this.mapConfig.holoFlow)==null?void 0:i.signal)==null?void 0:n.waitingAreaLayer,!!e){e=this.mapConfig.assetsRoot+"/"+e,t=await fetch(e),a=await t.json();for(const l of a.features){const{roadId:c,direction:h,nodeId:p}=l.properties,{coordinates:f}=l.geometry,u=`${p}_${c}`;this.waitingAreaMap.has(u)||this.waitingAreaMap.set(u,[]),(o=this.waitingAreaMap.get(u))==null||o.push({coord:f,direction:h})}console.timeEnd("初始化待行区图层")}}initializeLampGroup(e){const{sigId:t,lampGroupList:a}=e,r=[];a.forEach(s=>{const{lampGroupNo:i,lampGroupType:n,crossFlowList:o,pedList:l}=s;if(o.length>0)for(const c of o){if(n===81)continue;const h=c.upSectionId;let p="s";switch(c.turn){case 1:p="s";break;case 2:p="l";break;case 4:p="r";break;case 8:p="u";break}r.push({lampGroupId:i,roadId:h,dir:p})}l.length>0}),this.lampGroupMap.set(t,r)}handleUniSignalData(e){this.watchHandle||(this.watchHandle=y.watch(()=>this.view.extent,()=>this.updatePanelPosition()));const{sigId:t,runningStatus:a}=e.data.basicInfo,r=this.lampGroupMap.get(t);if(!r)return{status:-1,message:"灯组未初始化"};const s=new Map;let i=!1;switch(String(a)){case"4":{i=!0,r.forEach(n=>{const{roadId:o,dir:l}=n;s.set(o,{...s.get(o)||{},[`${l}Number`]:"",[`${l}Color`]:"yellow"})});break}case"5":{r.forEach(n=>{const{roadId:o,dir:l}=n;s.set(o,{...s.get(o)||{},[`${l}Number`]:"",[`${l}Color`]:"red"})});break}case"6":case"9":{r.forEach(n=>{const{roadId:o,dir:l}=n;s.set(o,{...s.get(o)||{},[`${l}Number`]:"",[`${l}Color`]:"off"})});break}default:{const{curSigColorInfo:n}=e.data;n.forEach(o=>{const l=String(o.lamgroupId),{color:c,leftTime:h}=o,p=r.find(f=>f.lampGroupId===l);if(p){const{roadId:f,dir:u}=p;s.set(f,{...s.get(f)||{},[`${u}Number`]:h,[`${u}Color`]:c===1?"red":c===2?"yellow":"green"})}})}}return this.updateLampGroupPanelStatus(t,s,i),{status:0,message:"ok"}}getPanelScale(){const e=this.view.scale;let t=1;return e<500?t=1.2:e<1e3?t=1:e<2e3?t=.8:e<4e3?t=.4:t=0,t}updatePanelPosition(){const e=this.getPanelScale();for(const t of this.countdownPanelProps){e!==this.currentPanelScale&&(t.scale=e);const{mapPoint:a}=t;let r=new g.Point({x:a[0],y:a[1]});this.view.spatialReference.isWebMercator&&(r=w.geographicToWebMercator(r));const s=this.view.toScreen(r);if(t.position.left=s.x,t.position.top=s.y,this.view.type==="3d"){const i=this.getPanelRotation(t.stopLine);t.rotation=i}}this.currentPanelScale=e}doHoloSignalData(e){const t=e.crossId,a=e.showWaitingArea===!0,r=e.phaseCountDownList,s=new Map;for(const i of r){let n="";for(let h of i.roadIdList)if(h.startsWith("-")&&(h=h.slice(1)),this.stopLineMap.has(`${t}_${h}`)){n=`${t}_${h}`;break}if(!n){console.log(`没有找到对应的进口道${t}--${n}`);continue}let o=s.get(n);if(o||(o={},s.set(n,o)),!i.direction)continue;const l=i.direction.toLowerCase(),c=i.color===1?"red":i.color===2?"yellow":"green";l==="u"?(o.uNumber=i.leftTime,o.uColor=c):l==="l"?(o.lNumber=i.leftTime,o.lColor=c):l==="s"?(o.sNumber=i.leftTime,o.sColor=c):l==="r"&&(o.rNumber=i.leftTime,o.rColor=c)}this.updateLampGroupPanelStatus(t,s),a&&this.updateWaitingArea(t,s)}updateWaitingArea(e,t){t.forEach((a,r)=>{var s;if(a.lColor){let i=this.waitingAreaLayer.graphics.find(n=>n.attributes.roadId===r&&n.attributes.direction==="l");if(i)i.attributes.color!==a.lColor&&(i.attributes.color=a.lColor,i.symbol={type:"simple-fill",color:this.getColor(a.lColor),outline:{color:this.getColor(a.lColor)}});else{const n=(s=this.waitingAreaMap.get(r))==null?void 0:s.find(o=>o.direction==="l");n&&(i=new C({geometry:{type:"polygon",rings:n.coord},attributes:{roadId:r,direction:"l",color:a.lColor},symbol:{type:"simple-fill",color:this.getColor(a.lColor),outline:{color:this.getColor(a.lColor)}}}),this.waitingAreaLayer.add(i))}}})}getColor(e){return e==="green"?[0,255,0,.8]:e==="yellow"?[255,192,2,.8]:[255,0,0,.8]}updateLampGroupPanelStatus(e,t,a=!1){t.forEach((r,s)=>{const i=this.stopLineMap.get(s);if(!i)return;const n=this.countdownPanelProps.find(o=>o.roadId===s);if(n)n.lampStatus=r,n.flash=a;else{let o=new g.Point({x:i.panelPoint[0],y:i.panelPoint[1]});this.view.spatialReference.isWebMercator&&(o=w.geographicToWebMercator(o));const l=this.view.toScreen(o),c=this.getPanelRotation(i.coord);this.countdownPanelProps.push({displayMode:"complex",flash:a,crossId:e,roadId:s,mapPoint:i.panelPoint,stopLine:i.coord,position:{left:l.x,top:l.y},rotation:c,scale:this.getPanelScale(),lampStatus:r})}})}async handleHoloSignalData(e){this.watchHandle||(this.watchHandle=y.watch(()=>this.view.extent,()=>this.updatePanelPosition())),this.trajectoryDelayTime===0?this.doHoloSignalData(e):setTimeout(()=>this.doHoloSignalData(e),this.trajectoryDelayTime*1e3)}clearSignal(){var e;this.waitingAreaLayer.removeAll(),this.countdownPanelProps.length=0,(e=this.watchHandle)==null||e.remove(),this.watchHandle=null}getPanelRotation(e){const t=e[0];let a=new g.Point({x:t[0],y:t[1]});this.view.spatialReference.isWebMercator&&(a=w.geographicToWebMercator(a));const r=this.view.toScreen(a),s=e[e.length-1];let i=new g.Point({x:s[0],y:s[1]});this.view.spatialReference.isWebMercator&&(i=w.geographicToWebMercator(i));const n=this.view.toScreen(i),o=n.x-r.x,l=n.y-r.y;return Math.atan2(l,o)*(180/Math.PI)}}exports.default=G;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gisviewer-vue3-arcgis",
-  "version": "1.0.242",
+  "version": "1.0.243",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [