gisviewer-vue3-arcgis 1.0.223 → 1.0.224

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

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

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;
@@ -164,6 +165,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: StringConstructor;
             required: true;
         };
+        flash: {
+            type: BooleanConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;
@@ -197,6 +202,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: true;
         };
     }, {
+        colors: string[];
         props: any;
         panelStyle: import("vue").ComputedRef<{
             top: string;
@@ -204,16 +210,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
             'transform-origin': string;
             transform: string;
         }>;
-        uImage: import("vue").ComputedRef<string>;
-        uNumberStyle: import("vue").ComputedRef<any>;
         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<{
@@ -221,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 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 I=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,I.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 V=n.computed(()=>o),x=()=>{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:"未加载信号控制区"},Ie=()=>s?s.resetHighlight():{status:-1,message:"未加载信号控制区"},Ve=e=>(u||(u=new Je.default(o)),u.showSubSignalControlArea(e)),xe=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:V,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:Ie,showSubSignalControlArea:Ve,editSubSignalControlArea:xe,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:x}," 开始记录 "),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,"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=$e;
+"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;
@@ -151,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;
@@ -184,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;
@@ -191,16 +197,36 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             'transform-origin': string;
             transform: string;
         }>;
-        uImage: import("vue").ComputedRef<string>;
-        uNumberStyle: import("vue").ComputedRef<any>;
         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<{
@@ -208,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;

package/lib/src/gis-map/style/index.css

@@ -11,6 +11,17 @@
 .esri-view .esri-view-surface:focus::after {
   outline: none !important;
 }
+@keyframes blink {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
 .signal-countdown-panel {
   position: absolute;
   display: flex;
@@ -36,4 +47,5 @@
 }
 .signal-countdown-number {
   font: 28px Digital;
+  height: 34px;
 }