gisviewer-vue3-arcgis 1.0.222 → 1.0.224

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

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

package/es/src/gis-map/utils/sketchView.d.ts

@@ -49,6 +49,7 @@ export default class SketchView {
     options: sketchViewOptions;
     constructor(view: MapView | SceneView, options?: sketchViewOptions);
     updateSketch(ring: number[][]): void;
+    cancelSketch(): void;
     init(): void;
     /**
      * 初始化绘图

package/es/src/gis-map/utils/sketchView.mjs

@@ -78,6 +78,9 @@ class C {
       enableRotation: !0
     });
   }
+  cancelSketch() {
+    this.sketchViewModel.cancel();
+  }
   init() {
     this.sketchViewModel = new S({
       layer: this.graphicsLayer,

package/es/src/types/index.d.ts

@@ -248,6 +248,7 @@ export interface IJunctionTableData {
     factoryCode?: string;
 }
 export interface ISignalCountdownProps {
+    flash: boolean;
     displayMode: string;
     crossId: string;
     roadId: string;

package/lib/src/gis-map/gis-map.vue.d.ts

@@ -41,6 +41,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         countdownPanels: ISignalCountdownProps[];
     }, {}, {}>;
     countdownPanelProps: {
+        flash: boolean;
         displayMode: string;
         crossId: string;
         roadId: string;
@@ -92,6 +93,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     clearHoloTrace: () => void;
     setInterpolate: (enable: boolean) => void;
     handleHoloSignalData: (signalData: any) => Promise<void>;
+    initializeLampGroup: (data: any) => Promise<void>;
+    handleUniSignalData: (signalData: any) => void;
     clearHoloSignal: () => void;
     toggleTrafficInfo: (params: IToggleTrafficInfoParams) => void;
     togglePause: (pause: boolean) => void;
@@ -162,6 +165,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: StringConstructor;
             required: true;
         };
+        flash: {
+            type: BooleanConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;
@@ -195,6 +202,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: true;
         };
     }, {
+        colors: string[];
         props: any;
         panelStyle: import("vue").ComputedRef<{
             top: string;
@@ -202,14 +210,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
             'transform-origin': string;
             transform: string;
         }>;
+        blImage: import("vue").ComputedRef<string>;
+        blNumberStyle: import("vue").ComputedRef<any>;
+        blLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         uImage: import("vue").ComputedRef<string>;
         uNumberStyle: import("vue").ComputedRef<any>;
+        uLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         lImage: import("vue").ComputedRef<string>;
         lNumberStyle: import("vue").ComputedRef<any>;
+        lLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         sImage: import("vue").ComputedRef<string>;
         sNumberStyle: import("vue").ComputedRef<any>;
+        sLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         rImage: import("vue").ComputedRef<string>;
         rNumberStyle: import("vue").ComputedRef<any>;
+        rLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
         getNumberStyle: (color: string | undefined) => any;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -217,6 +247,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: StringConstructor;
             required: true;
         };
+        flash: {
+            type: BooleanConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;

package/lib/src/gis-map/gis-map.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),b=require("./stores/index.js");require("./style/index.css");const We=require("./utils/detect-gpu.js"),A=require("./utils/green-wave-band-controller/index.js"),ze=require("./utils/holo-flow/index.js"),je=require("./utils/holo-flow/signal-countdown-panel.vue.js"),Qe=require("./utils/map-initializer.js"),L=require("./utils/open-drive-renderer/index.js"),D=require("./utils/overlay.js"),Ze=require("./utils/queue-length.js"),T=require("./utils/road-config-tool/index.js"),Ke=require("./utils/signal-control-area-controller/edit-area.js"),Ue=require("./utils/signal-control-area-controller/show-area.js"),Je=require("./utils/traffic-flow.js"),Xe={class:"gis-viewer"},Ye={style:{position:"absolute",bottom:"80px",left:"10px","z-index":"9999"}},Fe=a.defineComponent({__name:"gis-map",props:{config:{},assetsRoot:{}},emits:["mapLoaded","markerClick","mapClick"],setup(_,{expose:B,emit:q}){const S=a.ref(null);let o,d,l,i,n,r,f,t,u,s,m;const y=a.ref(!1);b.registerStore();const I=b.default.useAppDataStore,k=a.reactive([]);We.default(),a.onMounted(async()=>{if(!S.value)return;document.addEventListener("keydown",p=>{p.ctrlKey&&p.key==="i"&&(y.value=!y.value)});const e=a.getCurrentInstance(),{$gisviewerAssetsRoot:g}=e.appContext.config.globalProperties,c=await(await fetch(O.config)).json();c.assetsRoot=O.assetsRoot||g,I.mapConfig=c,d=new Qe.default,o=await d.initialize({container:S.value,mapConfig:c,markerClickCallback:(p,C,h,Ge)=>{w("markerClick",p,C,h,Ge)},mapClickCallback:(p,C,h)=>{w("mapClick",p,C,h)}}),n=new ze.default(o,k),await n.init(),w("mapLoaded")}),a.onUnmounted(()=>{s==null||s.clearSignalControlArea(),t==null||t.clearOpenDrive(),n.clearHoloTrace(),n.clearHoloSignal(),i==null||i.disconnectTrafficFlow()});const V=a.computed(()=>o),x=()=>{const e=b.default.useAppDataStore;e.saveTrackLog=!0},M=()=>{n.downloadTrackLog()},N=()=>{v("vehicleId")},E=()=>{v("plateNumber")},H=async e=>await d.setMapCenter(e),P=async e=>await d.setMapCamera(e),G=async e=>await d.lookAt(e),W=e=>d.setLayerVisibility(e),z=(e,g)=>d.requestCoordinateTransform(e,g),j=e=>{d.cancelCoordinateTransform(e)},Q=e=>{d.setMapZoomRange(e)},Z=e=>(l||(l=new T.default(o)),l.showLaneNumber(e)),K=()=>{l==null||l.clearLaneNumber()},U=async e=>(l||(l=new T.default(o)),await l.initializeSearch(e)),J=async()=>l==null?void 0:l.calCrossIndicatorArea(),X=async()=>{},Y=async(e,g)=>{i||(i=new Je.default(o)),i.connectTrafficFlow(e,g)},F=()=>{i==null||i.disconnectTrafficFlow()},R=async e=>{n.handleVehicleTraceData(e)},$=()=>{n.clearHoloTrace()},ee=e=>{n.setInterpolate(e)},te=async e=>{await n.handleSignalData(e)},ae=()=>{n.clearHoloSignal()},ne=e=>{i==null||i.toggleTrafficInfo(e),n==null||n.toggleTrafficInfo(e)},re=e=>{n==null||n.togglePause(e)},se=e=>{i==null||i.toggleTrafficObject(e),n==null||n.toggleTrafficObject(e)},v=e=>{n==null||n.updatePanelContent(e)},oe=async e=>(r||(r=new D.default(o)),r.addOverlays(e)),ie=e=>(r||(r=new D.default(o)),r.addMask(e)),ce=()=>{r==null||r.removeMask()},le=e=>r==null?void 0:r.removeOverlaysByType(e),ue=e=>r==null?void 0:r.removeOverlaysById(e),de=()=>r==null?void 0:r.removeAllOverlays(),me=()=>{r==null||r.showAllOverlays()},ge=e=>{f||(f=new Ze.default(o)),f.updateQueueLength(e)},pe=()=>{f==null||f.removeQueueLength()},fe=async(e,g)=>(t||(t=new L.default(o)),await t.showOpenDriveFromServer(e,g)),Se=async e=>(t||(t=new L.default(o)),await t.clearOpenDrive(),await t.showOpenDriveFromFile(e)),ye=async()=>await(t==null?void 0:t.clearOpenDrive()),ve=async e=>t?await(t==null?void 0:t.findSumo(e)):{status:-1,message:"未加载OpenDrive地图"},we=async e=>t?t.selectSumo(e):{status:-1,message:"未加载OpenDrive地图"},Ce=async e=>t?t.unselectSumo(e):{status:-1,message:"未加载OpenDrive地图"},he=async e=>t?await t.geometrySearch(e):{status:-1,message:"未加载OpenDrive地图"},be=async e=>t?await t.getSumoInfo(e):{status:-1,message:"未加载OpenDrive地图"},ke=async e=>t?await(t==null?void 0:t.splitLane(e)):{status:-1,message:"未加载OpenDrive地图"},Oe=async()=>t?t==null?void 0:t.clearSplitLane():{status:-1,message:"未加载OpenDrive地图"},Ae=async e=>(s||(s=new Ue.default(o)),await s.showSignalControlArea(e)),Le=async()=>await(s==null?void 0:s.clearSignalControlArea()),De=e=>s==null?void 0:s.setLayerVisibility(e),Te=async e=>s?await(s==null?void 0:s.locateSignalControlArea(e)):{status:-1,message:"未加载信号控制区"},_e=async e=>s?await s.highlightSignalControlArea(e):{status:-1,message:"未加载信号控制区"},Be=()=>s?s.resetHighlight():{status:-1,message:"未加载信号控制区"},qe=e=>(u||(u=new Ke.default(o)),u.showSubSignalControlArea(e)),Ie=e=>u?u.editSubSignalControlArea(e):{status:-1,message:"未加载信号控制区"},Ve=()=>u?u.stopEditSubSignalControlArea():{status:-1,message:"未加载信号控制区"},xe=e=>u?u.selectSubSignalControlAreaCross(e):{status:-1,message:"未加载信号控制区"},Me=e=>u?u.unselectSubSignalControlAreaCross(e):{status:-1,message:"未加载信号控制区"},Ne=e=>{if(!u)return{status:-1,message:"未加载信号控制区"}},Ee=e=>(m||(m=new A.default(o)),m.addGreenWaveBand(e)),He=()=>{if(!m)return{status:-1,message:"未加载绿波带"};m.stopAddGreenWaveBand()},Pe=async e=>(m||(m=new A.default(o)),await m.showGreenWaveBand(e)),O=_,w=q;return B({mapViewer:V,setLayerVisibility:W,setMapCenter:H,lookAt:G,setMapCamera:P,setMapZoomRange:Q,requestCoordinateTransform:z,cancelCoordinateTransform:j,addOverlays:oe,addMask:ie,removeMask:ce,showAllOverlays:me,removeOverlaysByType:le,removeOverlaysById:ue,removeAllOverlays:de,showLaneNumber:Z,clearLaneNumber:K,initializeAreaTool:U,calCrossIndicatorArea:J,calRoadIndicatorArea:X,connectCarFlow:Y,disconnectCarFlow:F,handleHoloVehicleTraceData:R,clearHoloTrace:$,handleHoloSignalData:te,clearHoloSignal:ae,setInterpolate:ee,toggleTrafficInfo:ne,toggleTrafficObject:se,toggleVehicleInfo:v,togglePause:re,updateQueueLength:ge,removeQueueLength:pe,showOpenDriveFromServer:fe,showOpenDriveFromFile:Se,clearOpenDrive:ye,geometrySearchInOpenDrive:he,findSumoInOpenDrive:ve,selectSumoInOpenDrive:we,unselectSumoInOpenDrive:Ce,getSumoInfo:be,splitOpenDriveLane:ke,clearSplitOpenDriveLane:Oe,showSignalControlArea:Ae,clearSignalControlArea:Le,setSignalControlAreaVisibility:De,locateSignalControlArea:Te,highlightSignalControlArea:_e,resetHighlightSignalControlArea:Be,showSubSignalControlArea:qe,editSubSignalControlArea:Ie,stopEditSubSignalControlArea:Ve,selectSubSignalControlAreaCross:xe,unselectSubSignalControlAreaCross:Me,changeSubSignalControlAreaBorderVisibility:Ne,addGreenWaveBand:Ee,stopAddGreenWaveBand:He,showGreenWaveBand:Pe}),(e,g)=>(a.openBlock(),a.createElementBlock("div",Xe,[a.createElementVNode("div",{class:"gis-viewer-main",ref_key:"mapContainer",ref:S},[a.withDirectives(a.createElementVNode("div",Ye,[a.createElementVNode("button",{style:{"margin-right":"10px"},onClick:x}," 开始记录 "),a.createElementVNode("button",{style:{"margin-right":"10px"},onClick:M}," 下载日志 "),a.createElementVNode("button",{style:{"margin-right":"10px"},onClick:N}," 显示车辆id "),a.createElementVNode("button",{onClick:E},"显示车辆号牌")],512),[[a.vShow,y.value]])],512),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(k,(c,p)=>(a.openBlock(),a.createBlock(je.default,{key:p,"display-mode":c.displayMode,"road-id":c.crossId,"cross-id":c.roadId,"map-point":c.mapPoint,"stop-line":c.stopLine,position:c.position,rotation:c.rotation,scale:c.scale,"lamp-status":c.lampStatus},null,8,["display-mode","road-id","cross-id","map-point","stop-line","position","rotation","scale","lamp-status"]))),128))]))}});exports.default=Fe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),b=require("./stores/index.js");require("./style/index.css");const je=require("./utils/detect-gpu.js"),A=require("./utils/green-wave-band-controller/index.js"),Qe=require("./utils/holo-flow/index.js"),Ue=require("./utils/holo-flow/signal-countdown-panel.vue.js"),Ze=require("./utils/map-initializer.js"),L=require("./utils/open-drive-renderer/index.js"),D=require("./utils/overlay.js"),Ke=require("./utils/queue-length.js"),T=require("./utils/road-config-tool/index.js"),Je=require("./utils/signal-control-area-controller/edit-area.js"),Xe=require("./utils/signal-control-area-controller/show-area.js"),Ye=require("./utils/traffic-flow.js"),Fe={class:"gis-viewer"},Re={style:{position:"absolute",bottom:"80px",left:"10px","z-index":"9999"}},$e=n.defineComponent({__name:"gis-map",props:{config:{},assetsRoot:{}},emits:["mapLoaded","markerClick","mapClick"],setup(_,{expose:B,emit:q}){const S=n.ref(null);let o,d,l,i,a,r,f,t,u,s,m;const y=n.ref(!1);b.registerStore();const V=b.default.useAppDataStore,k=n.reactive([]);je.default(),n.onMounted(async()=>{if(!S.value)return;document.addEventListener("keydown",p=>{p.ctrlKey&&p.key==="i"&&(y.value=!y.value)});const e=n.getCurrentInstance(),{$gisviewerAssetsRoot:g}=e.appContext.config.globalProperties,c=await(await fetch(O.config)).json();c.assetsRoot=O.assetsRoot||g,V.mapConfig=c,d=new Ze.default,o=await d.initialize({container:S.value,mapConfig:c,markerClickCallback:(p,C,h,We)=>{w("markerClick",p,C,h,We)},mapClickCallback:(p,C,h)=>{w("mapClick",p,C,h)}}),a=new Qe.default(o,k),await a.init(),w("mapLoaded")}),n.onUnmounted(()=>{s==null||s.clearSignalControlArea(),t==null||t.clearOpenDrive(),a.clearHoloTrace(),a.clearHoloSignal(),i==null||i.disconnectTrafficFlow()});const x=n.computed(()=>o),I=()=>{const e=b.default.useAppDataStore;e.saveTrackLog=!0},M=()=>{a.downloadTrackLog()},N=()=>{v("vehicleId")},E=()=>{v("plateNumber")},H=async e=>await d.setMapCenter(e),P=async e=>await d.setMapCamera(e),G=async e=>await d.lookAt(e),z=e=>d.setLayerVisibility(e),W=(e,g)=>d.requestCoordinateTransform(e,g),j=e=>{d.cancelCoordinateTransform(e)},Q=e=>{d.setMapZoomRange(e)},U=e=>(l||(l=new T.default(o)),l.showLaneNumber(e)),Z=()=>{l==null||l.clearLaneNumber()},K=async e=>(l||(l=new T.default(o)),await l.initializeSearch(e)),J=async()=>l==null?void 0:l.calCrossIndicatorArea(),X=async()=>{},Y=async(e,g)=>{i||(i=new Ye.default(o)),i.connectTrafficFlow(e,g)},F=()=>{i==null||i.disconnectTrafficFlow()},R=async e=>{a.handleVehicleTraceData(e)},$=()=>{a.clearHoloTrace()},ee=e=>{a.setInterpolate(e)},te=async e=>{await a.handleSignalData(e)},ae=async e=>{await a.initializeLampGroup(e)},ne=e=>{a.handleUniSignalData(e)},re=()=>{a.clearHoloSignal()},se=e=>{i==null||i.toggleTrafficInfo(e),a==null||a.toggleTrafficInfo(e)},oe=e=>{a==null||a.togglePause(e)},ie=e=>{i==null||i.toggleTrafficObject(e),a==null||a.toggleTrafficObject(e)},v=e=>{a==null||a.updatePanelContent(e)},ce=async e=>(r||(r=new D.default(o)),r.addOverlays(e)),le=e=>(r||(r=new D.default(o)),r.addMask(e)),ue=()=>{r==null||r.removeMask()},de=e=>r==null?void 0:r.removeOverlaysByType(e),me=e=>r==null?void 0:r.removeOverlaysById(e),ge=()=>r==null?void 0:r.removeAllOverlays(),pe=()=>{r==null||r.showAllOverlays()},fe=e=>{f||(f=new Ke.default(o)),f.updateQueueLength(e)},Se=()=>{f==null||f.removeQueueLength()},ye=async(e,g)=>(t||(t=new L.default(o)),await t.showOpenDriveFromServer(e,g)),ve=async e=>(t||(t=new L.default(o)),await t.clearOpenDrive(),await t.showOpenDriveFromFile(e)),we=async()=>await(t==null?void 0:t.clearOpenDrive()),Ce=async e=>t?await(t==null?void 0:t.findSumo(e)):{status:-1,message:"未加载OpenDrive地图"},he=async e=>t?t.selectSumo(e):{status:-1,message:"未加载OpenDrive地图"},be=async e=>t?t.unselectSumo(e):{status:-1,message:"未加载OpenDrive地图"},ke=async e=>t?await t.geometrySearch(e):{status:-1,message:"未加载OpenDrive地图"},Oe=async e=>t?await t.getSumoInfo(e):{status:-1,message:"未加载OpenDrive地图"},Ae=async e=>t?await(t==null?void 0:t.splitLane(e)):{status:-1,message:"未加载OpenDrive地图"},Le=async()=>t?t==null?void 0:t.clearSplitLane():{status:-1,message:"未加载OpenDrive地图"},De=async e=>(s||(s=new Xe.default(o)),await s.showSignalControlArea(e)),Te=async()=>await(s==null?void 0:s.clearSignalControlArea()),_e=e=>s==null?void 0:s.setLayerVisibility(e),Be=async e=>s?await(s==null?void 0:s.locateSignalControlArea(e)):{status:-1,message:"未加载信号控制区"},qe=async e=>s?await s.highlightSignalControlArea(e):{status:-1,message:"未加载信号控制区"},Ve=()=>s?s.resetHighlight():{status:-1,message:"未加载信号控制区"},xe=e=>(u||(u=new Je.default(o)),u.showSubSignalControlArea(e)),Ie=e=>u?u.editSubSignalControlArea(e):{status:-1,message:"未加载信号控制区"},Me=()=>u?u.stopEditSubSignalControlArea():{status:-1,message:"未加载信号控制区"},Ne=e=>u?u.selectSubSignalControlAreaCross(e):{status:-1,message:"未加载信号控制区"},Ee=e=>u?u.unselectSubSignalControlAreaCross(e):{status:-1,message:"未加载信号控制区"},He=e=>{if(!u)return{status:-1,message:"未加载信号控制区"}},Pe=e=>(m||(m=new A.default(o)),m.addGreenWaveBand(e)),Ge=()=>{if(!m)return{status:-1,message:"未加载绿波带"};m.stopAddGreenWaveBand()},ze=async e=>(m||(m=new A.default(o)),await m.showGreenWaveBand(e)),O=_,w=q;return B({mapViewer:x,setLayerVisibility:z,setMapCenter:H,lookAt:G,setMapCamera:P,setMapZoomRange:Q,requestCoordinateTransform:W,cancelCoordinateTransform:j,addOverlays:ce,addMask:le,removeMask:ue,showAllOverlays:pe,removeOverlaysByType:de,removeOverlaysById:me,removeAllOverlays:ge,showLaneNumber:U,clearLaneNumber:Z,initializeAreaTool:K,calCrossIndicatorArea:J,calRoadIndicatorArea:X,connectCarFlow:Y,disconnectCarFlow:F,handleHoloVehicleTraceData:R,clearHoloTrace:$,initializeLampGroup:ae,handleUniSignalData:ne,handleHoloSignalData:te,clearHoloSignal:re,setInterpolate:ee,toggleTrafficInfo:se,toggleTrafficObject:ie,toggleVehicleInfo:v,togglePause:oe,updateQueueLength:fe,removeQueueLength:Se,showOpenDriveFromServer:ye,showOpenDriveFromFile:ve,clearOpenDrive:we,geometrySearchInOpenDrive:ke,findSumoInOpenDrive:Ce,selectSumoInOpenDrive:he,unselectSumoInOpenDrive:be,getSumoInfo:Oe,splitOpenDriveLane:Ae,clearSplitOpenDriveLane:Le,showSignalControlArea:De,clearSignalControlArea:Te,setSignalControlAreaVisibility:_e,locateSignalControlArea:Be,highlightSignalControlArea:qe,resetHighlightSignalControlArea:Ve,showSubSignalControlArea:xe,editSubSignalControlArea:Ie,stopEditSubSignalControlArea:Me,selectSubSignalControlAreaCross:Ne,unselectSubSignalControlAreaCross:Ee,changeSubSignalControlAreaBorderVisibility:He,addGreenWaveBand:Pe,stopAddGreenWaveBand:Ge,showGreenWaveBand:ze}),(e,g)=>(n.openBlock(),n.createElementBlock("div",Fe,[n.createElementVNode("div",{class:"gis-viewer-main",ref_key:"mapContainer",ref:S},[n.withDirectives(n.createElementVNode("div",Re,[n.createElementVNode("button",{style:{"margin-right":"10px"},onClick:I}," 开始记录 "),n.createElementVNode("button",{style:{"margin-right":"10px"},onClick:M}," 下载日志 "),n.createElementVNode("button",{style:{"margin-right":"10px"},onClick:N}," 显示车辆id "),n.createElementVNode("button",{onClick:E},"显示车辆号牌")],512),[[n.vShow,y.value]])],512),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(k,(c,p)=>(n.openBlock(),n.createBlock(Ue.default,{key:p,"display-mode":c.displayMode,flash:c.flash,"road-id":c.crossId,"cross-id":c.roadId,"map-point":c.mapPoint,"stop-line":c.stopLine,position:c.position,rotation:c.rotation,scale:c.scale,"lamp-status":c.lampStatus},null,8,["display-mode","flash","road-id","cross-id","map-point","stop-line","position","rotation","scale","lamp-status"]))),128))]))}});exports.default=$e;

package/lib/src/gis-map/index.d.ts

@@ -28,6 +28,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         countdownPanels: import("../types").ISignalCountdownProps[];
     }, {}, {}>;
     countdownPanelProps: {
+        flash: boolean;
         displayMode: string;
         crossId: string;
         roadId: string;
@@ -79,6 +80,8 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     clearHoloTrace: () => void;
     setInterpolate: (enable: boolean) => void;
     handleHoloSignalData: (signalData: any) => Promise<void>;
+    initializeLampGroup: (data: any) => Promise<void>;
+    handleUniSignalData: (signalData: any) => void;
     clearHoloSignal: () => void;
     toggleTrafficInfo: (params: import("../types").IToggleTrafficInfoParams) => void;
     togglePause: (pause: boolean) => void;
@@ -149,6 +152,10 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             type: StringConstructor;
             required: true;
         };
+        flash: {
+            type: BooleanConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;
@@ -182,6 +189,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             required: true;
         };
     }, {
+        colors: string[];
         props: any;
         panelStyle: import("vue").ComputedRef<{
             top: string;
@@ -189,14 +197,36 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             'transform-origin': string;
             transform: string;
         }>;
+        blImage: import("vue").ComputedRef<string>;
+        blNumberStyle: import("vue").ComputedRef<any>;
+        blLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         uImage: import("vue").ComputedRef<string>;
         uNumberStyle: import("vue").ComputedRef<any>;
+        uLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         lImage: import("vue").ComputedRef<string>;
         lNumberStyle: import("vue").ComputedRef<any>;
+        lLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         sImage: import("vue").ComputedRef<string>;
         sNumberStyle: import("vue").ComputedRef<any>;
+        sLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         rImage: import("vue").ComputedRef<string>;
         rNumberStyle: import("vue").ComputedRef<any>;
+        rLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
         getNumberStyle: (color: string | undefined) => any;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -204,6 +234,10 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             type: StringConstructor;
             required: true;
         };
+        flash: {
+            type: BooleanConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;