gisviewer-vue3-arcgis 1.0.166 → 1.0.167

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

@@ -1,20 +1,19 @@
-import y from "@arcgis/core/Basemap";
-import g from "@arcgis/core/config";
-import * as M from "@arcgis/core/core/reactiveUtils";
-import { Polygon as P, Polyline as L, Point as k } from "@arcgis/core/geometry";
-import * as f from "@arcgis/core/geometry/support/webMercatorUtils";
-import W from "@arcgis/core/layers/GeoJSONLayer";
-import z from "@arcgis/core/layers/MapImageLayer";
-import x from "@arcgis/core/layers/TileLayer";
-import S from "@arcgis/core/layers/WebTileLayer";
-import I from "@arcgis/core/Map";
-import O from "@arcgis/core/views/MapView";
-import R from "@arcgis/core/views/SceneView";
-import C from "@turf/destination";
-import * as H from "@turf/helpers";
-import G from "../stores/index.mjs";
+import C from "@arcgis/core/Basemap";
+import d from "@arcgis/core/config";
+import * as k from "@arcgis/core/core/reactiveUtils";
+import { Polygon as W, Polyline as z, Point as T } from "@arcgis/core/geometry";
+import * as w from "@arcgis/core/geometry/support/webMercatorUtils";
+import L from "@arcgis/core/layers/GeoJSONLayer";
+import x from "@arcgis/core/layers/MapImageLayer";
+import I from "@arcgis/core/layers/TileLayer";
+import R from "@arcgis/core/layers/WebTileLayer";
+import H from "@arcgis/core/Map";
+import G from "@arcgis/core/views/MapView";
+import O from "@arcgis/core/views/SceneView";
+import S from "@turf/destination";
+import * as B from "@turf/helpers";
 import N from "./custom-layer/custom-wmts-layer.mjs";
-function T(h, e) {
+function P(h, e) {
   return h && (h.startsWith("http://") || h.startsWith("https://") ? h : e + h);
 }
 class Z {
@@ -27,25 +26,25 @@ class Z {
    * @returns view
    */
   async initialize(e) {
-    const i = G.useAppDataStore, t = JSON.parse(JSON.stringify(i.mapConfig));
-    this.mapConfig = t;
-    const { container: a, markerClickCallback: c, mapClickCallback: d } = e;
-    g.assetsPath = `${t.assetsRoot}/ArcgisAssets`, g.fontsUrl = `${t.assetsRoot}/fonts`, g.apiKey = "AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";
-    const n = new I();
-    if ((t == null ? void 0 : t.mapOptions.mode.toLowerCase()) === "2d" ? this.view = new O({
+    var p, u, b, v;
+    this.mapConfig = e.mapConfig;
+    const { container: t, markerClickCallback: s, mapClickCallback: a } = e;
+    d.assetsPath = `${this.mapConfig.assetsRoot}/ArcgisAssets`, d.fontsUrl = `${this.mapConfig.assetsRoot}/fonts`, d.apiKey = "AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";
+    const n = new H();
+    if (((p = this.mapConfig) == null ? void 0 : p.mapOptions.mode.toLowerCase()) === "2d" ? this.view = new G({
       map: n,
-      container: a,
-      ...t.mapOptions
-    }) : this.view = new R({
+      container: t,
+      ...this.mapConfig.mapOptions
+    }) : this.view = new O({
       map: n,
-      container: a,
+      container: t,
       environment: {
         atmosphereEnabled: !0,
         lighting: {
           type: "virtual"
         }
       },
-      ...t == null ? void 0 : t.mapOptions
+      ...(u = this.mapConfig) == null ? void 0 : u.mapOptions
     }), this.view.popup.visibleElements = {
       closeButton: !0,
       collapseButton: !1,
@@ -54,35 +53,35 @@ class Z {
     }, this.view.popup.dockOptions = {
       buttonEnabled: !1,
       breakpoint: !1
-    }, this.view.on("click", async (s) => {
-      var b, v;
-      if (d) {
-        let o = s.mapPoint;
-        o.spatialReference.isWebMercator && (o = f.webMercatorToGeographic(
+    }, this.view.on("click", async (i) => {
+      var y, M;
+      if (a) {
+        let o = i.mapPoint;
+        o.spatialReference.isWebMercator && (o = w.webMercatorToGeographic(
           o
-        )), d(
+        )), a(
           [o.x, o.y],
-          [s.screenPoint.x, s.screenPoint.y],
-          s
+          [i.screenPoint.x, i.screenPoint.y],
+          i
         );
       }
       if (this.view.type === "3d") {
         const o = this.view.camera;
         if (this.view.spatialReference.isWebMercator) {
-          const p = f.webMercatorToGeographic(
+          const m = w.webMercatorToGeographic(
             o.position
-          ), w = {
+          ), f = {
             heading: o.heading,
             tilt: o.tilt,
-            position: p.toJSON()
+            position: m.toJSON()
           };
-          console.log(w), (b = navigator.clipboard) == null || b.writeText(JSON.stringify(w));
+          console.log(f), (y = navigator.clipboard) == null || y.writeText(JSON.stringify(f));
         } else
           console.log(o.toJSON());
         console.log(this.view.zoom, this.view.scale);
       } else {
         let o = this.view.center;
-        this.view.spatialReference.isWebMercator && (o = f.webMercatorToGeographic(
+        this.view.spatialReference.isWebMercator && (o = w.webMercatorToGeographic(
           o
         )), console.log({
           center: o.toJSON(),
@@ -90,101 +89,101 @@ class Z {
           scale: this.view.scale
         });
       }
-      const r = (v = (await this.view.hitTest(s)).results) == null ? void 0 : v.filter(
+      const r = (M = (await this.view.hitTest(i)).results) == null ? void 0 : M.filter(
         (o) => o.type === "graphic"
       );
       r.length > 0 && r.forEach((o) => {
-        var w;
-        const p = o.graphic;
-        (w = p.attributes) != null && w.type && c && c(
-          p.attributes.type,
-          p.attributes.id,
-          p.attributes,
-          s
+        var f;
+        const m = o.graphic;
+        (f = m.attributes) != null && f.type && s && s(
+          m.attributes.type,
+          m.attributes.id,
+          m.attributes,
+          i
         );
       });
-    }), t != null && t.baseLayers ? (console.log(t.baseLayers), t.baseLayers.forEach((s) => {
-      const l = T(s.url, t.assetsRoot);
-      switch (s.type.toLowerCase()) {
+    }), (b = this.mapConfig) != null && b.baseLayers ? this.mapConfig.baseLayers.forEach((i) => {
+      const c = P(i.url, this.mapConfig.assetsRoot);
+      switch (i.type.toLowerCase()) {
         case "webTile".toLowerCase(): {
-          const r = new S({
-            urlTemplate: l,
-            ...s.options
+          const r = new R({
+            urlTemplate: c,
+            ...i.options
           });
           n.add(r);
           break;
         }
         case "tile": {
-          const r = new x({
-            url: l,
-            ...s.options
+          const r = new I({
+            url: c,
+            ...i.options
           });
           n.add(r);
           break;
         }
         case "customWMTS".toLowerCase(): {
           const r = new N({
-            urlTemplate: l,
-            ...s.options
+            urlTemplate: c,
+            ...i.options
           });
           n.add(r);
           break;
         }
         case "mapImage".toLowerCase(): {
-          const r = new z({
-            url: l,
-            ...s.options
+          const r = new x({
+            url: c,
+            ...i.options
           });
-          n.add(r), console.log(r);
+          n.add(r);
           break;
         }
         case "arcgis": {
-          const r = new y(s.options);
+          const r = new C(i.options);
           n.basemap = r;
           break;
         }
       }
-    })) : n.basemap = new y({
+    }) : n.basemap = new C({
       style: {
         id: "arcgis/light-gray",
         language: "zh-CN"
       }
-    }), t != null && t.hdLayers) {
-      const s = t.hdLayers.map(
-        (l) => (
+    }), (v = this.mapConfig) != null && v.hdLayers) {
+      const i = this.mapConfig.hdLayers.map(
+        (c) => (
           // 图层文件为GeoJson格式, renderer和symbol使用autocast配置
-          new W({
-            url: T(l.url, t.assetsRoot),
-            ...l.options,
-            title: l.options.id
+          new L({
+            url: P(c.url, this.mapConfig.assetsRoot),
+            ...c.options,
+            title: c.options.id
           })
         )
       );
-      n.addMany(s);
+      n.addMany(i);
     }
-    this.view.ui.remove("attribution"), this.view.ui.add("compass", "top-left"), await this.view.when();
-    const m = this.mapConfig.camera;
-    let u;
+    this.view.ui.remove("attribution"), await this.view.when();
+    const g = this.mapConfig.camera;
+    let l;
     if (this.view.type === "2d") {
-      let s = this.view.center;
-      this.view.spatialReference.isWebMercator && (s = f.webMercatorToGeographic(
-        s
-      )), u = { center: [s.x, s.y], zoom: this.view.zoom };
+      let i = this.view.center;
+      this.view.spatialReference.isWebMercator && (i = w.webMercatorToGeographic(
+        i
+      )), l = { center: [i.x, i.y], zoom: this.view.zoom };
     } else {
-      let s = this.view.camera.position;
-      this.view.spatialReference.isWebMercator && (s = f.webMercatorToGeographic(
-        s
-      )), u = {
-        position: s,
+      let i = this.view.camera.position;
+      this.view.spatialReference.isWebMercator && (i = w.webMercatorToGeographic(
+        i
+      )), l = {
+        position: i,
         heading: this.view.camera.heading,
         tilt: this.view.camera.tilt
       };
     }
-    return m ? m.home = u : this.mapConfig.camera = { home: u }, this.view;
+    return g ? g.home = l : this.mapConfig.camera = { home: l }, this.view;
   }
   setLayerVisibility(e) {
-    const { id: i, visible: t } = e, a = this.view.map.findLayerById(i);
-    return a ? (a.visible = t, { status: 0, message: "ok" }) : { status: -1, message: "未找到图层" };
+    const { id: t, visible: s } = e, a = this.view.map.findLayerById(t);
+    return a ? (a.visible = s, { status: 0, message: "ok" }) : { status: -1, message: "未找到图层" };
   }
   /**
    * 设置地图中心点
@@ -192,19 +191,19 @@ class Z {
    * @returns
    */
   async setMapCenter(e) {
-    var i;
+    var t;
     if (!this.view)
       return { status: -1, message: "未初始化" };
     if (e.center || e.target) {
-      switch ((i = e.target) == null ? void 0 : i.type) {
+      switch ((t = e.target) == null ? void 0 : t.type) {
         case "point":
-          e.target = new k(e.target);
+          e.target = new T(e.target);
           break;
         case "polyline":
-          e.target = new L(e.target);
+          e.target = new z(e.target);
           break;
         case "polygon":
-          e.target = new P(e.target);
+          e.target = new W(e.target);
           break;
       }
       await this.view.goTo(e, { duration: (e.duration || 0) * 1e3 });
@@ -217,8 +216,8 @@ class Z {
   async lookAt(e) {
     if (this.view.type === "2d")
       return;
-    const i = e.tilt || 0, t = e.heading || 0;
-    if (i === 0)
+    const t = e.tilt || 0, s = e.heading || 0;
+    if (t === 0)
       await this.view.goTo(
         {
           position: {
@@ -226,16 +225,16 @@ class Z {
             y: e.center[1],
             z: e.height
           },
-          heading: t,
+          heading: s,
           tilt: 0
         },
         { duration: (e.duration || 2) * 1e3 }
       );
     else {
-      const a = Math.tan(i * Math.PI / 180) * e.height, c = C(
-        H.point(e.center),
+      const a = Math.tan(t * Math.PI / 180) * e.height, n = S(
+        B.point(e.center),
         a,
-        t + 180,
+        s + 180,
         {
           units: "meters"
         }
@@ -243,12 +242,12 @@ class Z {
       await this.view.goTo(
         {
           position: {
-            x: c.geometry.coordinates[0],
-            y: c.geometry.coordinates[1],
+            x: n.geometry.coordinates[0],
+            y: n.geometry.coordinates[1],
             z: e.height
           },
-          heading: t,
-          tilt: i
+          heading: s,
+          tilt: t
         },
         { duration: (e.duration || 2) * 1e3 }
       );
@@ -257,32 +256,32 @@ class Z {
   async setMapCamera(e) {
     if (!this.view)
       return { status: -1, message: "未初始化" };
-    const { name: i, duration: t = 0 } = e, { camera: a } = this.mapConfig;
+    const { name: t, duration: s = 0 } = e, { camera: a } = this.mapConfig;
     if (!a)
       return { status: -1, message: "未配置camera" };
-    const c = a[i];
-    return c ? (await this.view.goTo(c, { duration: t * 1e3 }), { status: 0, message: "成功" }) : { status: -1, message: "未配置camera" };
+    const n = a[t];
+    return n ? (await this.view.goTo(n, { duration: s * 1e3 }), { status: 0, message: "成功" }) : { status: -1, message: "未配置camera" };
   }
   /**
    * 经纬度转像素坐标，在地图移动时回调
    * */
-  requestCoordinateTransform(e, i) {
-    let t = 0;
-    const c = 1e3 / 30, d = M.watch(
+  requestCoordinateTransform(e, t) {
+    let s = 0;
+    const n = 1e3 / 30, g = k.watch(
       () => this.view.center,
       () => {
-        const n = this.transformPoints(e), m = Date.now();
-        m - t > c && (i(n), t = m);
+        const l = this.transformPoints(e), p = Date.now();
+        p - s > n && (t(l), s = p);
       }
     );
-    return this.handleIndex++, this.watchHandleMap.set(this.handleIndex, d), { handle: this.handleIndex, points: this.transformPoints(e) };
+    return this.handleIndex++, this.watchHandleMap.set(this.handleIndex, g), { handle: this.handleIndex, points: this.transformPoints(e) };
   }
   transformPoints(e) {
-    return e.map((i) => {
-      const t = new k({
-        x: i[0],
-        y: i[1]
-      }), a = this.view.toScreen(t);
+    return e.map((t) => {
+      const s = new T({
+        x: t[0],
+        y: t[1]
+      }), a = this.view.toScreen(s);
       return [a.x, a.y];
     });
   }
@@ -290,18 +289,18 @@ class Z {
    * 停止坐标转换回调
    * */
   cancelCoordinateTransform(e) {
-    const i = this.watchHandleMap.get(e);
-    i && (i.remove(), this.watchHandleMap.delete(e));
+    const t = this.watchHandleMap.get(e);
+    t && (t.remove(), this.watchHandleMap.delete(e));
   }
   /**
    * 设置地图zoom范围
    * */
   setMapZoomRange(e) {
-    const { min: i, max: t } = e;
-    !i && !t || (this.zoomWatchHandle && this.zoomWatchHandle.remove(), this.zoomWatchHandle = M.watch(
+    const { min: t, max: s } = e;
+    !t && !s || (this.zoomWatchHandle && this.zoomWatchHandle.remove(), this.zoomWatchHandle = k.watch(
       () => this.view.zoom,
       (a) => {
-        i && a <= i && (this.view.zoom = i), t && a >= t && (this.view.zoom = t);
+        t && a <= t && (this.view.zoom = t), s && a >= s && (this.view.zoom = s);
       }
     ));
   }

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

@@ -248,6 +248,7 @@ export interface IJunctionTableData {
     factoryCode?: string;
 }
 export interface ISignalCountdownProps {
+    displayMode: string;
     crossId: string;
     roadId: string;
     mapPoint: number[];

package/es/style.css

@@ -1 +1 @@
-.gis-viewer{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.signal-countdown-panel[data-v-93496d9c]{position:absolute;display:flex;flex-direction:row;padding:0;margin:0}.signal-countdown-container[data-v-93496d9c]{margin:0 1px;padding:0;background-color:#000c;border-style:solid;border-color:#40e0d0;border-width:2px;border-radius:5px;color:#fff;width:40px;height:70px;justify-content:center;align-items:center;display:flex;flex-direction:column}.signal-countdown-number[data-v-93496d9c]{font:30px bold}
+.gis-viewer{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.signal-countdown-panel[data-v-d749c855]{position:absolute;display:flex;flex-direction:row;padding:0;margin:0}.signal-countdown-container[data-v-d749c855]{margin:0 1px;padding:0;background-color:#000c;border-style:solid;border-color:#40e0d0;border-width:2px;border-radius:5px;color:#fff;width:40px;height:70px;justify-content:center;align-items:center;display:flex;flex-direction:column}.signal-countdown-number[data-v-d749c855]{font:30px bold}

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

@@ -29,6 +29,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     queueLength: QueueLength;
     openDriveRenderer: OpenDriveRenderer;
     signalControlAreaController: SignalControlAreaController;
+    showLogDiv: import("vue").Ref<boolean>;
     appDataStore: import("pinia").Store<"appData", {
         mapConfig: {};
         saveTrackLog: boolean;
@@ -36,6 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         countdownPanels: import("../types").ISignalCountdownProps[];
     }, {}, {}>;
     countdownPanelInfos: import("vue").Ref<{
+        displayMode: string;
         crossId: string;
         roadId: string;
         mapPoint: number[];
@@ -56,7 +58,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             rColor?: string | undefined;
         };
     }[]>;
-    showLogDiv: import("vue").Ref<boolean>;
     mapViewer: import("vue").ComputedRef<MapView | SceneView>;
     startSaveTrackLog: () => void;
     downloadTrackLog: () => void;
@@ -123,6 +124,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     props: any;
     emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
     SignalCountdownPanel: import("vue").DefineComponent<{
+        displayMode: {
+            type: StringConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;
@@ -175,8 +180,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
         rNumberStyle: import("vue").ComputedRef<{
             color: string;
         }>;
-        getColorString: (color: string | undefined) => "red" | "yellow" | "lime" | "white";
+        getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        displayMode: {
+            type: StringConstructor;
+            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"),De=require("pinia"),S=require("./stores/index.js");require("./style/index.css");const Ae=require("./utils/holo-flow/index.js"),be=require("./utils/holo-flow/signal-countdown-panel.vue.js"),Ie=require("./utils/map-initializer.js"),k=require("./utils/open-drive-renderer/index.js"),C=require("./utils/overlay.js"),qe=require("./utils/queue-length.js"),L=require("./utils/road-config-tool/index.js"),Me=require("./utils/signal-control-area-controller/index.js"),_e=require("./utils/traffic-flow.js"),xe={class:"gis-viewer"},Be={style:{position:"absolute",bottom:"10px",left:"10px"}},He=a.defineComponent({__name:"gis-map",props:{config:{},assetsRoot:{}},emits:["mapLoaded","markerClick","mapClick"],setup(T,{expose:D,emit:A}){const p=a.ref(null);let i,u,c,s,r,n,g,t,o;S.registerStore();const h=S.default.useAppDataStore,{countdownPanels:b}=De.storeToRefs(h),f=a.ref(!1);a.onMounted(async()=>{if(!p.value)return;document.addEventListener("keydown",d=>{d.ctrlKey&&d.key==="i"&&(f.value=!f.value)});const e=a.getCurrentInstance(),{$gisviewerAssetsRoot:m}=e.appContext.config.globalProperties,l=await(await fetch(O.config)).json();l.assetsRoot=O.assetsRoot||m,h.mapConfig=l,u=new Ie.default,i=await u.initialize({container:p.value,markerClickCallback:(d,v,y,Te)=>{w("markerClick",d,v,y,Te)},mapClickCallback:(d,v,y)=>{w("mapClick",d,v,y)}}),r=new Ae.default(i),await r.init(),w("mapLoaded")}),a.onUnmounted(()=>{o==null||o.clearSignalControlArea(),t==null||t.clearOpenDrive(),r==null||r.clearHoloTrace(),r==null||r.clearHoloSignal(),s==null||s.disconnectTrafficFlow()});const I=a.computed(()=>i),q=()=>{const e=S.default.useAppDataStore;e.saveTrackLog=!0},M=()=>{r.downloadTrackLog()},_=async e=>await u.setMapCenter(e),x=async e=>await u.setMapCamera(e),B=async e=>await u.lookAt(e),H=e=>u.setLayerVisibility(e),V=(e,m)=>u.requestCoordinateTransform(e,m),P=e=>{u.cancelCoordinateTransform(e)},N=e=>{u.setMapZoomRange(e)},E=e=>(c||(c=new L.default(i)),c.showLaneNumber(e)),j=()=>{c==null||c.clearLaneNumber()},z=async e=>(c||(c=new L.default(i)),await c.initializeSearch(e)),Q=async()=>c==null?void 0:c.calCrossIndicatorArea(),F=async()=>{},Z=async(e,m)=>{s||(s=new _e.default(i)),s.connectTrafficFlow(e,m)},K=()=>{s==null||s.disconnectTrafficFlow()},U=e=>{r.handleVehicleTraceData(e)},G=()=>{r.clearHoloTrace()},J=e=>{r.setInterpolate(e)},W=async e=>{await r.handleSignalData(e)},X=()=>{r.clearHoloSignal()},Y=e=>{s==null||s.toggleTrafficInfo(e),r.toggleTrafficInfo(e)},R=e=>{r.togglePause(e)},$=e=>{s==null||s.toggleTrafficObject(e),r.toggleTrafficObject(e)},ee=e=>{r.updatePanelContent(e)},te=async e=>(n||(n=new C.default(i)),n.addOverlays(e)),ae=e=>(n||(n=new C.default(i)),n.addMask(e)),ne=()=>{n==null||n.removeMask()},re=e=>n==null?void 0:n.removeOverlaysByType(e),se=e=>n==null?void 0:n.removeOverlaysById(e),oe=()=>n==null?void 0:n.removeAllOverlays(),ie=()=>{n==null||n.showAllOverlays()},ce=e=>{g||(g=new qe.default(i)),g.updateQueueLength(e)},le=()=>{g==null||g.removeQueueLength()},ue=async(e,m)=>(t||(t=new k.default(i)),await t.showOpenDriveFromServer(e,m)),me=async e=>(t||(t=new k.default(i)),await t.clearOpenDrive(),await t.showOpenDriveFromFile(e)),de=async()=>await(t==null?void 0:t.clearOpenDrive()),ge=async e=>t?await(t==null?void 0:t.findSumo(e)):{status:-1,message:"未加载OpenDrive地图"},pe=async e=>t?t.selectSumo(e):{status:-1,message:"未加载OpenDrive地图"},fe=async e=>t?t.unselectSumo(e):{status:-1,message:"未加载OpenDrive地图"},we=async e=>t?await t.geometrySearch(e):{status:-1,message:"未加载OpenDrive地图"},ve=async e=>t?await t.getSumoInfo(e):{status:-1,message:"未加载OpenDrive地图"},ye=async e=>t?await(t==null?void 0:t.splitLane(e)):{status:-1,message:"未加载OpenDrive地图"},Se=async()=>t?t==null?void 0:t.clearSplitLane():{status:-1,message:"未加载OpenDrive地图"},he=async e=>(o||(o=new Me.default(i)),await o.showSignalControlArea(e)),Oe=()=>{o==null||o.clearSignalControlArea()},ke=async e=>o?await o.locateSignalControlArea(e):{status:-1,message:"未加载信号控制区"},Ce=async e=>o?await o.highlightSignalControlArea(e):{status:-1,message:"未加载信号控制区"},Le=()=>o?o.resetHighlight():{status:-1,message:"未加载信号控制区"},O=T,w=A;return D({mapViewer:I,setLayerVisibility:H,setMapCenter:_,lookAt:B,setMapCamera:x,setMapZoomRange:N,requestCoordinateTransform:V,cancelCoordinateTransform:P,addOverlays:te,addMask:ae,removeMask:ne,showAllOverlays:ie,removeOverlaysByType:re,removeOverlaysById:se,removeAllOverlays:oe,showLaneNumber:E,clearLaneNumber:j,initializeAreaTool:z,calCrossIndicatorArea:Q,calRoadIndicatorArea:F,connectCarFlow:Z,disconnectCarFlow:K,handleHoloVehicleTraceData:U,clearHoloTrace:G,handleHoloSignalData:W,clearHoloSignal:X,setInterpolate:J,toggleTrafficInfo:Y,toggleTrafficObject:$,toggleVehicleInfo:ee,togglePause:R,updateQueueLength:ce,removeQueueLength:le,showOpenDriveFromServer:ue,showOpenDriveFromFile:me,clearOpenDrive:de,geometrySearchInOpenDrive:we,findSumoInOpenDrive:ge,selectSumoInOpenDrive:pe,unselectSumoInOpenDrive:fe,getSumoInfo:ve,splitOpenDriveLane:ye,clearSplitOpenDriveLane:Se,showSignalControlArea:he,clearSignalControlArea:Oe,locateSignalControlArea:ke,highlightSignalControlArea:Ce,resetHighlightSignalControlArea:Le}),(e,m)=>(a.openBlock(),a.createElementBlock("div",xe,[a.createElementVNode("div",{class:"gis-viewer-main",ref_key:"mapContainer",ref:p},[a.withDirectives(a.createElementVNode("div",Be,[a.createElementVNode("button",{style:{"margin-right":"10px"},onClick:q}," 开始记录 "),a.createElementVNode("button",{onClick:M},"下载日志")],512),[[a.vShow,f.value]])],512),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(a.unref(b),(l,d)=>(a.openBlock(),a.createBlock(be.default,{key:d,"road-id":l.crossId,"cross-id":l.roadId,"map-point":l.mapPoint,"stop-line":l.stopLine,position:l.position,rotation:l.rotation,"lamp-status":l.lampStatus},null,8,["road-id","cross-id","map-point","stop-line","position","rotation","lamp-status"]))),128))]))}});exports.default=He;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),De=require("pinia"),S=require("./stores/index.js");require("./style/index.css");const Ae=require("./utils/holo-flow/index.js"),be=require("./utils/holo-flow/signal-countdown-panel.vue.js"),Ie=require("./utils/map-initializer.js"),k=require("./utils/open-drive-renderer/index.js"),C=require("./utils/overlay.js"),qe=require("./utils/queue-length.js"),L=require("./utils/road-config-tool/index.js"),Me=require("./utils/signal-control-area-controller/index.js"),_e=require("./utils/traffic-flow.js"),xe={class:"gis-viewer"},Be={style:{position:"absolute",bottom:"10px",left:"10px"}},He=a.defineComponent({__name:"gis-map",props:{config:{},assetsRoot:{}},emits:["mapLoaded","markerClick","mapClick"],setup(T,{expose:D,emit:A}){const g=a.ref(null);let i,u,c,s,r,n,p,t,o;const f=a.ref(!1);S.registerStore();const h=S.default.useAppDataStore,{countdownPanels:b}=De.storeToRefs(h);a.onMounted(async()=>{if(!g.value)return;document.addEventListener("keydown",d=>{d.ctrlKey&&d.key==="i"&&(f.value=!f.value)});const e=a.getCurrentInstance(),{$gisviewerAssetsRoot:m}=e.appContext.config.globalProperties,l=await(await fetch(O.config)).json();l.assetsRoot=O.assetsRoot||m,h.mapConfig=l,u=new Ie.default,i=await u.initialize({container:g.value,mapConfig:l,markerClickCallback:(d,y,v,Te)=>{w("markerClick",d,y,v,Te)},mapClickCallback:(d,y,v)=>{w("mapClick",d,y,v)}}),r=new Ae.default(i),await r.init(),w("mapLoaded")}),a.onUnmounted(()=>{o==null||o.clearSignalControlArea(),t==null||t.clearOpenDrive(),r==null||r.clearHoloTrace(),r==null||r.clearHoloSignal(),s==null||s.disconnectTrafficFlow()});const I=a.computed(()=>i),q=()=>{const e=S.default.useAppDataStore;e.saveTrackLog=!0},M=()=>{r.downloadTrackLog()},_=async e=>await u.setMapCenter(e),x=async e=>await u.setMapCamera(e),B=async e=>await u.lookAt(e),H=e=>u.setLayerVisibility(e),V=(e,m)=>u.requestCoordinateTransform(e,m),P=e=>{u.cancelCoordinateTransform(e)},N=e=>{u.setMapZoomRange(e)},E=e=>(c||(c=new L.default(i)),c.showLaneNumber(e)),j=()=>{c==null||c.clearLaneNumber()},z=async e=>(c||(c=new L.default(i)),await c.initializeSearch(e)),Q=async()=>c==null?void 0:c.calCrossIndicatorArea(),F=async()=>{},Z=async(e,m)=>{s||(s=new _e.default(i)),s.connectTrafficFlow(e,m)},K=()=>{s==null||s.disconnectTrafficFlow()},U=e=>{r.handleVehicleTraceData(e)},G=()=>{r.clearHoloTrace()},J=e=>{r.setInterpolate(e)},W=async e=>{await r.handleSignalData(e)},X=()=>{r.clearHoloSignal()},Y=e=>{s==null||s.toggleTrafficInfo(e),r.toggleTrafficInfo(e)},R=e=>{r.togglePause(e)},$=e=>{s==null||s.toggleTrafficObject(e),r.toggleTrafficObject(e)},ee=e=>{r.updatePanelContent(e)},te=async e=>(n||(n=new C.default(i)),n.addOverlays(e)),ae=e=>(n||(n=new C.default(i)),n.addMask(e)),ne=()=>{n==null||n.removeMask()},re=e=>n==null?void 0:n.removeOverlaysByType(e),se=e=>n==null?void 0:n.removeOverlaysById(e),oe=()=>n==null?void 0:n.removeAllOverlays(),ie=()=>{n==null||n.showAllOverlays()},ce=e=>{p||(p=new qe.default(i)),p.updateQueueLength(e)},le=()=>{p==null||p.removeQueueLength()},ue=async(e,m)=>(t||(t=new k.default(i)),await t.showOpenDriveFromServer(e,m)),me=async e=>(t||(t=new k.default(i)),await t.clearOpenDrive(),await t.showOpenDriveFromFile(e)),de=async()=>await(t==null?void 0:t.clearOpenDrive()),pe=async e=>t?await(t==null?void 0:t.findSumo(e)):{status:-1,message:"未加载OpenDrive地图"},ge=async e=>t?t.selectSumo(e):{status:-1,message:"未加载OpenDrive地图"},fe=async e=>t?t.unselectSumo(e):{status:-1,message:"未加载OpenDrive地图"},we=async e=>t?await t.geometrySearch(e):{status:-1,message:"未加载OpenDrive地图"},ye=async e=>t?await t.getSumoInfo(e):{status:-1,message:"未加载OpenDrive地图"},ve=async e=>t?await(t==null?void 0:t.splitLane(e)):{status:-1,message:"未加载OpenDrive地图"},Se=async()=>t?t==null?void 0:t.clearSplitLane():{status:-1,message:"未加载OpenDrive地图"},he=async e=>(o||(o=new Me.default(i)),await o.showSignalControlArea(e)),Oe=()=>{o==null||o.clearSignalControlArea()},ke=async e=>o?await o.locateSignalControlArea(e):{status:-1,message:"未加载信号控制区"},Ce=async e=>o?await o.highlightSignalControlArea(e):{status:-1,message:"未加载信号控制区"},Le=()=>o?o.resetHighlight():{status:-1,message:"未加载信号控制区"},O=T,w=A;return D({mapViewer:I,setLayerVisibility:H,setMapCenter:_,lookAt:B,setMapCamera:x,setMapZoomRange:N,requestCoordinateTransform:V,cancelCoordinateTransform:P,addOverlays:te,addMask:ae,removeMask:ne,showAllOverlays:ie,removeOverlaysByType:re,removeOverlaysById:se,removeAllOverlays:oe,showLaneNumber:E,clearLaneNumber:j,initializeAreaTool:z,calCrossIndicatorArea:Q,calRoadIndicatorArea:F,connectCarFlow:Z,disconnectCarFlow:K,handleHoloVehicleTraceData:U,clearHoloTrace:G,handleHoloSignalData:W,clearHoloSignal:X,setInterpolate:J,toggleTrafficInfo:Y,toggleTrafficObject:$,toggleVehicleInfo:ee,togglePause:R,updateQueueLength:ce,removeQueueLength:le,showOpenDriveFromServer:ue,showOpenDriveFromFile:me,clearOpenDrive:de,geometrySearchInOpenDrive:we,findSumoInOpenDrive:pe,selectSumoInOpenDrive:ge,unselectSumoInOpenDrive:fe,getSumoInfo:ye,splitOpenDriveLane:ve,clearSplitOpenDriveLane:Se,showSignalControlArea:he,clearSignalControlArea:Oe,locateSignalControlArea:ke,highlightSignalControlArea:Ce,resetHighlightSignalControlArea:Le}),(e,m)=>(a.openBlock(),a.createElementBlock("div",xe,[a.createElementVNode("div",{class:"gis-viewer-main",ref_key:"mapContainer",ref:g},[a.withDirectives(a.createElementVNode("div",Be,[a.createElementVNode("button",{style:{"margin-right":"10px"},onClick:q}," 开始记录 "),a.createElementVNode("button",{onClick:M},"下载日志")],512),[[a.vShow,f.value]])],512),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(a.unref(b),(l,d)=>(a.openBlock(),a.createBlock(be.default,{key:d,"display-mode":l.displayMode,"road-id":l.crossId,"cross-id":l.roadId,"map-point":l.mapPoint,"stop-line":l.stopLine,position:l.position,rotation:l.rotation,"lamp-status":l.lampStatus},null,8,["display-mode","road-id","cross-id","map-point","stop-line","position","rotation","lamp-status"]))),128))]))}});exports.default=He;

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

@@ -18,6 +18,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     queueLength: import("./utils/queue-length").default;
     openDriveRenderer: import("./utils/open-drive-renderer").default;
     signalControlAreaController: import("./utils/signal-control-area-controller").default;
+    showLogDiv: import("vue").Ref<boolean>;
     appDataStore: import("pinia").Store<"appData", {
         mapConfig: {};
         saveTrackLog: boolean;
@@ -25,6 +26,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         countdownPanels: import("../types").ISignalCountdownProps[];
     }, {}, {}>;
     countdownPanelInfos: import("vue").Ref<{
+        displayMode: string;
         crossId: string;
         roadId: string;
         mapPoint: number[];
@@ -45,7 +47,6 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             rColor?: string | undefined;
         };
     }[]>;
-    showLogDiv: import("vue").Ref<boolean>;
     mapViewer: import("vue").ComputedRef<__esri.MapView | __esri.SceneView>;
     startSaveTrackLog: () => void;
     downloadTrackLog: () => void;
@@ -112,6 +113,10 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     props: any;
     emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
     SignalCountdownPanel: import("vue").DefineComponent<{
+        displayMode: {
+            type: StringConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;
@@ -164,8 +169,12 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         rNumberStyle: import("vue").ComputedRef<{
             color: string;
         }>;
-        getColorString: (color: string | undefined) => "red" | "yellow" | "lime" | "white";
+        getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        displayMode: {
+            type: StringConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;

package/lib/src/gis-map/utils/common-utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@arcgis/core/geometry"),L=require("@arcgis/core/geometry/geometryEngineAsync"),w=require("@arcgis/core/geometry/support/webMercatorUtils"),p=require("@turf/bearing"),g=require("@turf/destination"),b=require("@turf/helpers"),S=require("@turf/length"),A=require("@turf/line-slice-along"),M=require("pako"),h=require("proj4");function y(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const l=y(L),P=y(w),c=y(b);class i{static destinationWithPoint(e,t,n){const r=c.point([e.x,e.y]),s=g(r,n,t,{units:"meters"});return new f.Point({x:s.geometry.coordinates[0],y:s.geometry.coordinates[1]})}static angleOfLine(e){const t=e.paths[0],n=c.point(t[0]),r=c.point(t[t.length-1]);return p(n,r)}static extendLineInTowDir(e,t){const n=e.paths[0],r=c.point(n[0]),s=c.point(n[1]),o=p(s,r),u=g(r,t,o,{units:"meters"}),d=o>0?o-180:o+180,O=g(s,t,d,{units:"meters"});return new f.Polyline({paths:[[u.geometry.coordinates,O.geometry.coordinates]]})}static async getIntersectPointOfTwoLines(e,t){const n=await l.intersectLinesToPoints(e,t);if(n.length)return n[0]}static async getIntersectPointsOfStopLineAndLane(e,t,n){let r=await i.getIntersectPointOfLineAndPolygon(e,t);if(await i.pointDistance(r)<3&&n){for(const s of n)if(r=await i.getIntersectPointOfLineAndPolygon(e,t,s),await i.pointDistance(r)>2.5){const o=new f.Polyline({paths:[r]});return(await i.getOffsetLine(o,-s)).paths[0]}}else return r;return[]}static async pointDistance(e){if(e.length<2)return 0;const t=new f.Polyline({paths:[e]});return await l.geodesicLength(t,"meters")}static async getIntersectPointOfLineAndPolygon(e,t,n=0){n!==0&&(e=await i.getOffsetLine(e,n));const r=await l.intersect(e,t);if(r instanceof f.Polyline){const s=r.paths[0],o=s[0],u=s[s.length-1];return[o,u]}return[]}static async getOffsetLine(e,t){const n=P.geographicToWebMercator(e),r=await l.offset(n,t,"meters");return P.webMercatorToGeographic(r,!1)}static unzip(e){try{const t=[],n=e.split("");for(let s=0;s<n.length;s++){const o=n[s];t.push(o.charCodeAt(0))}const r=new Uint8Array(t);return M.inflate(r,{to:"string"})}catch{console.log(`非压缩内容: ${e}`)}}static getStdVecEntries(e,t=!1){const n=new Array(e.size());for(let r=0;r<e.size();r++)n[r]=e.get(r);return t&&e.delete(),n}static getStdMapEntries(e){const t=[];for(const n of i.getStdMapKeys(e))t.push([n,e.get(n)]);return t}static getStdMapKeys(e,t=!1){const n=[],r=e.keys();for(let s=0;s<r.size();s++)n.push(r.get(s));return r.delete(),t&&e.delete(),n}static setGeoData(e,t,n){i.geoReference=e,i.xOffset=t,i.yOffset=n}static transformLineProjection(e){try{return e.map(t=>h(i.geoReference).inverse([t[0]-i.xOffset,t[1]-i.yOffset]))}catch{return console.error("OpenDrive坐标转换为WGS84坐标失败",i.geoReference),e}}static transformPointProjection(e){try{return h(i.geoReference).inverse([e[0]-i.xOffset,e[1]-i.yOffset])}catch{return console.error("OpenDrive坐标转换为WGS84坐标失败",i.geoReference),e}}static pointsEqual(e,t){return Math.abs(e[0]-t[0])<Number.EPSILON&&Math.abs(e[1]-t[1])<Number.EPSILON}static getExtensionLine(e,t,n){const r=c.point(e),s=c.point(t),o=p(r,s);return g(s,n,o,{units:"meters"}).geometry.coordinates}static isCoordinateValid(e){return typeof e.latitude=="string"&&(e.latitude=Number(e.latitude)),typeof e.longitude=="string"&&(e.longitude=Number(e.longitude)),e.latitude!==null&&e.longitude!==null&&!isNaN(e.latitude)&&!isNaN(e.longitude)&&e.latitude!==0&&e.longitude!==0}static getCenterPointInLine(e){const t=c.lineString(e),n=S(t,{units:"meters"})/2;return A(t,0,n,{units:"meters"}).geometry.coordinates[1]}}exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@arcgis/core/geometry"),L=require("@arcgis/core/geometry/geometryEngineAsync"),w=require("@arcgis/core/geometry/support/webMercatorUtils"),p=require("@turf/bearing"),g=require("@turf/destination"),b=require("@turf/helpers"),S=require("@turf/length"),A=require("@turf/line-slice-along"),M=require("pako"),h=require("proj4");function y(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const l=y(L),P=y(w),c=y(b);class i{static destinationWithPoint(e,t,n){const r=c.point([e.x,e.y]),s=g(r,n,t,{units:"meters"});return new f.Point({x:s.geometry.coordinates[0],y:s.geometry.coordinates[1]})}static angleOfLine(e){const t=e.paths[0],n=c.point(t[0]),r=c.point(t[t.length-1]);return p(n,r)}static extendLineInTowDir(e,t){const n=e.paths[0],r=c.point(n[0]),s=c.point(n[1]),o=p(s,r),u=g(r,t,o,{units:"meters"}),d=o>0?o-180:o+180,O=g(s,t,d,{units:"meters"});return new f.Polyline({paths:[[u.geometry.coordinates,O.geometry.coordinates]]})}static async getIntersectPointOfTwoLines(e,t){const n=await l.intersectLinesToPoints(e,t);if(n.length)return n[0]}static async getIntersectPointsOfStopLineAndLane(e,t,n){let r=await i.getIntersectPointOfLineAndPolygon(e,t);if(await i.pointDistance(r)<3&&n){for(const s of n)if(r=await i.getIntersectPointOfLineAndPolygon(e,t,s),await i.pointDistance(r)>2.5){const o=new f.Polyline({paths:[r]});return(await i.getOffsetLine(o,-s)).paths[0]}}else return r;return[]}static async pointDistance(e){if(e.length<2)return 0;const t=new f.Polyline({paths:[e]});return await l.geodesicLength(t,"meters")}static async getIntersectPointOfLineAndPolygon(e,t,n=0){n!==0&&(e=await i.getOffsetLine(e,n));const r=await l.intersect(e,t);if(r instanceof f.Polyline){const s=r.paths[0],o=s[0],u=s[s.length-1];return[o,u]}return[]}static async getOffsetLine(e,t){const n=P.geographicToWebMercator(e),r=await l.offset(n,t,"meters");return P.webMercatorToGeographic(r,!1)}static unzip(e){try{const t=[],n=e.split("");for(let s=0;s<n.length;s++){const o=n[s];t.push(o.charCodeAt(0))}const r=new Uint8Array(t);return M.inflate(r,{to:"string"})}catch{console.log(`非压缩内容: ${e}`)}}static getStdVecEntries(e,t=!1){const n=new Array(e.size());for(let r=0;r<e.size();r++)n[r]=e.get(r);return t&&e.delete(),n}static getStdMapEntries(e){const t=[];for(const n of i.getStdMapKeys(e))t.push([n,e.get(n)]);return t}static getStdMapKeys(e,t=!1){const n=[],r=e.keys();for(let s=0;s<r.size();s++)n.push(r.get(s));return r.delete(),t&&e.delete(),n}static setGeoData(e,t,n){i.geoReference=e,i.xOffset=t,i.yOffset=n}static transformLineProjection(e){try{return e.map(t=>h(i.geoReference).inverse([t[0]-i.xOffset,t[1]-i.yOffset]))}catch{return console.error("OpenDrive坐标转换为WGS84坐标失败",i.geoReference),e}}static transformPointProjection(e){try{return h(i.geoReference).inverse([e[0]-i.xOffset,e[1]-i.yOffset])}catch{return console.error("OpenDrive坐标转换为WGS84坐标失败",i.geoReference),e}}static pointsEqual(e,t){return Math.abs(e[0]-t[0])<Number.EPSILON&&Math.abs(e[1]-t[1])<Number.EPSILON}static getExtensionLine(e,t,n){const r=c.point(e),s=c.point(t),o=p(r,s);return g(s,n,o,{units:"meters"}).geometry.coordinates}static isCoordinateValid(e){return typeof e.latitude=="string"&&(e.latitude=Number(e.latitude)),typeof e.longitude=="string"&&(e.longitude=Number(e.longitude)),e.latitude!==null&&e.longitude!==null&&!isNaN(e.latitude)&&!isNaN(e.longitude)&&e.latitude!==0&&e.longitude!==0}static getCenterPointInLine(e){const t=c.lineString(e),n=S(t,{units:"meters"})/2,r=A(t,0,n,{units:"meters"});return r.geometry.coordinates[r.geometry.coordinates.length-1]}}exports.default=i;

package/lib/src/gis-map/utils/holo-flow/signal-countdown-panel.vue.d.ts

@@ -1,4 +1,8 @@
 declare const _sfc_main: import("vue").DefineComponent<{
+    displayMode: {
+        type: StringConstructor;
+        required: true;
+    };
     crossId: {
         type: StringConstructor;
         required: true;
@@ -51,8 +55,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     rNumberStyle: import("vue").ComputedRef<{
         color: string;
     }>;
-    getColorString: (color: string | undefined) => "red" | "yellow" | "lime" | "white";
+    getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    displayMode: {
+        type: StringConstructor;
+        required: true;
+    };
     crossId: {
         type: StringConstructor;
         required: true;

package/lib/src/gis-map/utils/holo-flow/signal-countdown-panel.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./signal-countdown-panel.vue2.js");require("./signal-countdown-panel.vue3.js");const t=require("../../../../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-93496d9c"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./signal-countdown-panel.vue2.js");require("./signal-countdown-panel.vue3.js");const t=require("../../../../_virtual/_plugin-vue_export-helper.js"),u=t.default(e.default,[["__scopeId","data-v-d749c855"]]);exports.default=u;

package/lib/src/gis-map/utils/holo-flow/signal-countdown-panel.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g={key:0,class:"signal-countdown-container"},S=["src"],v={key:1,class:"signal-countdown-container"},y=["src"],N={key:2,class:"signal-countdown-container"},h=["src"],w={key:3,class:"signal-countdown-container"},V=["src"],C=e.defineComponent({__name:"signal-countdown-panel",props:{crossId:{},roadId:{},mapPoint:{},stopLine:{},position:{},rotation:{},lampStatus:{}},setup(n){const t=n,s=e.computed(()=>({top:`${t.position.top}px`,left:`${t.position.left}px`,"transform-origin":"bottom center",transform:`translateX(-50%) translateY(-100%) rotate(${t.rotation}deg)`})),a=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/u-${t.lampStatus.uColor}.png`),r=e.computed(()=>({color:l(t.lampStatus.uColor)})),c=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/l-${t.lampStatus.lColor}.png`),i=e.computed(()=>({color:l(t.lampStatus.lColor)})),m=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/s-${t.lampStatus.sColor}.png`),u=e.computed(()=>({color:l(t.lampStatus.sColor)})),d=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/r-${t.lampStatus.rColor}.png`),p=e.computed(()=>({color:l(t.lampStatus.rColor)})),l=o=>{switch(o){case"red":return"red";case"yellow":return"yellow";case"green":return"lime";default:return"white"}};return(o,E)=>(e.openBlock(),e.createElementBlock("div",{class:"signal-countdown-panel",style:e.normalizeStyle(s.value)},[o.lampStatus.uColor?(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(r.value)},e.toDisplayString(o.lampStatus.uNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:a.value,width:"20px",height:"20px"},null,8,S)])])):e.createCommentVNode("",!0),o.lampStatus.lColor?(e.openBlock(),e.createElementBlock("div",v,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(i.value)},e.toDisplayString(o.lampStatus.lNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:c.value,width:"20px",height:"20px"},null,8,y)])])):e.createCommentVNode("",!0),o.lampStatus.sColor?(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(u.value)},e.toDisplayString(o.lampStatus.sNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:m.value,width:"20px",height:"20px"},null,8,h)])])):e.createCommentVNode("",!0),o.lampStatus.rColor!==void 0?(e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(p.value)},e.toDisplayString(o.lampStatus.rNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:d.value,width:"20px",height:"20px"},null,8,V)])])):e.createCommentVNode("",!0)],4))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g={key:0,class:"signal-countdown-container"},S=["src"],v={key:1,class:"signal-countdown-container"},y=["src"],N={key:2,class:"signal-countdown-container"},h=["src"],w={key:3,class:"signal-countdown-container"},V=["src"],C=e.defineComponent({__name:"signal-countdown-panel",props:{displayMode:{},crossId:{},roadId:{},mapPoint:{},stopLine:{},position:{},rotation:{},lampStatus:{}},setup(n){const t=n,s=e.computed(()=>({top:`${t.position.top}px`,left:`${t.position.left}px`,"transform-origin":"bottom center",transform:`translateX(-50%) translateY(-100%) rotate(${t.rotation}deg)`})),a=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/u-${t.lampStatus.uColor}.png`),r=e.computed(()=>({color:l(t.lampStatus.uColor)})),c=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/l-${t.lampStatus.lColor}.png`),i=e.computed(()=>({color:l(t.lampStatus.lColor)})),m=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/s-${t.lampStatus.sColor}.png`),u=e.computed(()=>({color:l(t.lampStatus.sColor)})),d=e.computed(()=>`/GisViewerAssets/Images/SignalLamp/r-${t.lampStatus.rColor}.png`),p=e.computed(()=>({color:l(t.lampStatus.rColor)})),l=o=>{switch(o){case"red":return"red";case"yellow":return"rgb(255, 192, 2)";case"green":return"lime";default:return"white"}};return(o,E)=>(e.openBlock(),e.createElementBlock("div",{class:"signal-countdown-panel",style:e.normalizeStyle(s.value)},[o.lampStatus.uColor?(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(r.value)},e.toDisplayString(o.lampStatus.uNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:a.value,width:"20px",height:"20px"},null,8,S)])])):e.createCommentVNode("",!0),o.lampStatus.lColor?(e.openBlock(),e.createElementBlock("div",v,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(i.value)},e.toDisplayString(o.lampStatus.lNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:c.value,width:"20px",height:"20px"},null,8,y)])])):e.createCommentVNode("",!0),o.lampStatus.sColor?(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(u.value)},e.toDisplayString(o.lampStatus.sNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:m.value,width:"20px",height:"20px"},null,8,h)])])):e.createCommentVNode("",!0),o.lampStatus.rColor!==void 0?(e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("div",{class:"signal-countdown-number",style:e.normalizeStyle(p.value)},e.toDisplayString(o.lampStatus.rNumber),5),e.createElementVNode("div",null,[e.createElementVNode("img",{src:d.value,width:"20px",height:"20px"},null,8,V)])])):e.createCommentVNode("",!0)],4))}});exports.default=C;

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

@@ -2,6 +2,7 @@ import SignalHoloFlow from './signal-holo-flow';
 export default class LSRSignalHoloFlow extends SignalHoloFlow {
     private stopLineLayer;
     private store;
+    private watchHandle;
     constructor(view: __esri.MapView | __esri.SceneView);
     private stopLineMap;
     initializeLayer(): Promise<void>;