gisviewer-vue3-arcgis 1.0.238 → 1.0.239

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

@@ -1,7 +1,7 @@
 import { IResult, ISignalCountdownProps } from '../../../types';
 import SignalHoloFlow from './signal-holo-flow';
 export default class LSRSignalHoloFlow extends SignalHoloFlow {
-    private stopLineLayer;
+    private waitingAreaLayer;
     private watchHandle;
     private countdownPanelProps;
     private currentPanelScale;
@@ -9,6 +9,7 @@ export default class LSRSignalHoloFlow extends SignalHoloFlow {
     private trajectoryDelayTime;
     /** 按照路口id->进口道路段id->停止线坐标保存的停止线 */
     private stopLineMap;
+    private waitingAreaMap;
     /** 信号机id->进口道id->灯组id */
     private lampGroupMap;
     constructor(view: __esri.MapView | __esri.SceneView, countdownPanelInfos: ISignalCountdownProps[]);
@@ -35,6 +36,8 @@ export default class LSRSignalHoloFlow extends SignalHoloFlow {
      */
     private updatePanelPosition;
     private doHoloSignalData;
+    private updateWaitingArea;
+    private getColor;
     private updateLampGroupPanelStatus;
     /**
      * 处理全息流信号灯数据

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

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

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

@@ -1,7 +1,7 @@
 import { IResult, ISignalCountdownProps } from '../../../types';
 import SignalHoloFlow from './signal-holo-flow';
 export default class LSRSignalHoloFlow extends SignalHoloFlow {
-    private stopLineLayer;
+    private waitingAreaLayer;
     private watchHandle;
     private countdownPanelProps;
     private currentPanelScale;
@@ -9,6 +9,7 @@ export default class LSRSignalHoloFlow extends SignalHoloFlow {
     private trajectoryDelayTime;
     /** 按照路口id->进口道路段id->停止线坐标保存的停止线 */
     private stopLineMap;
+    private waitingAreaMap;
     /** 信号机id->进口道id->灯组id */
     private lampGroupMap;
     constructor(view: __esri.MapView | __esri.SceneView, countdownPanelInfos: ISignalCountdownProps[]);
@@ -35,6 +36,8 @@ export default class LSRSignalHoloFlow extends SignalHoloFlow {
      */
     private updatePanelPosition;
     private doHoloSignalData;
+    private updateWaitingArea;
+    private getColor;
     private updateLampGroupPanelStatus;
     /**
      * 处理全息流信号灯数据

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

package/package.json

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