gisviewer-vue3-arcgis 1.0.166 → 1.0.168

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

@@ -1,28 +1,29 @@
+import { toRaw as i } from "vue";
 import { EVehiclePlateState as a } from "../../../types/index.mjs";
-import i from "../../stores/index.mjs";
-import r from "./signal-holo-flow.mjs";
-import s from "./signal-holo-flow-lsr.mjs";
-import n from "./trace-holo-flow.mjs";
-class p {
-  constructor(e) {
-    this.view = e;
+import r from "../../stores/index.mjs";
+import s from "./signal-holo-flow.mjs";
+import n from "./signal-holo-flow-lsr.mjs";
+import c from "./trace-holo-flow.mjs";
+class m {
+  constructor(o) {
+    this.view = o;
   }
   async init() {
-    this.traceHoloFlow = new n(this.view), await this.traceHoloFlow.init();
+    this.traceHoloFlow = new c(this.view), await this.traceHoloFlow.init();
   }
   /**
    * 处理全息流轨迹数据
    * */
-  handleVehicleTraceData(e) {
-    this.traceHoloFlow.handleVehicleTraceData(e);
+  handleVehicleTraceData(o) {
+    this.traceHoloFlow.handleVehicleTraceData(o);
   }
-  toggleTrafficObject(e) {
-    switch (e.name.toLowerCase()) {
+  toggleTrafficObject(o) {
+    switch (o.name.toLowerCase()) {
       case "groundVehicle".toLowerCase():
-        this.traceHoloFlow.toggleGroundVehicle(e.visible);
+        this.traceHoloFlow.toggleGroundVehicle(o.visible);
         break;
       case "elevatedVehicle".toLowerCase():
-        this.traceHoloFlow.toggleElevatedVehicle(e.visible);
+        this.traceHoloFlow.toggleElevatedVehicle(o.visible);
         break;
     }
   }
@@ -32,49 +33,49 @@ class p {
   // public toggleVehiclePlate(visible: boolean): void {
   //   this.traceHoloFlow?.togglePlateLayer(visible);
   // }
-  toggleTrafficInfo(e) {
-    this.traceHoloFlow.toggleTrafficInfo(e);
+  toggleTrafficInfo(o) {
+    this.traceHoloFlow.toggleTrafficInfo(o);
   }
-  togglePause(e) {
-    this.traceHoloFlow.togglePause(e);
+  togglePause(o) {
+    this.traceHoloFlow.togglePause(o);
   }
-  updatePanelContent(e) {
-    let o = a.None;
-    switch (e) {
+  updatePanelContent(o) {
+    let e = a.None;
+    switch (o) {
       case "none":
-        o = a.None;
+        e = a.None;
         break;
       case "plateNumber":
-        o = a.PlateNumber;
+        e = a.PlateNumber;
         break;
       case "vehicleId":
-        o = a.Id;
+        e = a.Id;
         break;
       case "mix":
-        o = a.Mix;
+        e = a.Mix;
         break;
     }
-    this.traceHoloFlow.updatePanelContent(o);
+    this.traceHoloFlow.updatePanelContent(e);
   }
-  async handleSignalData(e) {
-    var o, l;
+  async handleSignalData(o) {
+    var e, l;
     if (!this.signalHoloFlow) {
-      const t = i.useAppDataStore;
-      ((l = (o = JSON.parse(JSON.stringify(t.mapConfig)).holoFlow) == null ? void 0 : o.signal) == null ? void 0 : l.style) === "LSR" ? this.signalHoloFlow = new s(this.view) : this.signalHoloFlow = new r(this.view), await this.signalHoloFlow.initializeLayer();
+      const t = r.useAppDataStore;
+      ((l = (e = i(t.mapConfig).holoFlow) == null ? void 0 : e.signal) == null ? void 0 : l.style) === "LSR" ? this.signalHoloFlow = new n(this.view) : this.signalHoloFlow = new s(this.view), await this.signalHoloFlow.initializeLayer();
     }
-    await this.signalHoloFlow.handleSignalData(e);
+    await this.signalHoloFlow.handleSignalData(o);
   }
   clearHoloSignal() {
-    var e;
-    (e = this.signalHoloFlow) == null || e.clearSignal();
+    var o;
+    (o = this.signalHoloFlow) == null || o.clearSignal();
   }
-  setInterpolate(e) {
-    this.traceHoloFlow.setInterpolate(e);
+  setInterpolate(o) {
+    this.traceHoloFlow.setInterpolate(o);
   }
   downloadTrackLog() {
     this.traceHoloFlow.downloadLog();
   }
 }
 export {
-  p as default
+  m as default
 };

package/es/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;
@@ -15,6 +19,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: ArrayConstructor;
         required: true;
     };
+    scale: {
+        type: NumberConstructor;
+        required: true;
+    };
     position: {
         type: ObjectConstructor;
         required: true;
@@ -51,8 +59,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;
@@ -69,6 +81,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: ArrayConstructor;
         required: true;
     };
+    scale: {
+        type: NumberConstructor;
+        required: true;
+    };
     position: {
         type: ObjectConstructor;
         required: true;

package/es/src/gis-map/utils/holo-flow/signal-countdown-panel.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./signal-countdown-panel.vue2.mjs";
 import "./signal-countdown-panel.vue3.mjs";
 import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const n = /* @__PURE__ */ t(o, [["__scopeId", "data-v-93496d9c"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f1172941"]]);
 export {
-  n as default
+  m as default
 };

package/es/src/gis-map/utils/holo-flow/signal-countdown-panel.vue2.mjs

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

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

@@ -2,9 +2,12 @@ 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>;
+    private currentPanelScale;
+    private getPanelScale;
     handleSignalData(data: any): Promise<void>;
     clearSignal(): void;
     /**

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

@@ -1,87 +1,133 @@
-import * as m from "@arcgis/core/core/reactiveUtils";
-import { Point as h } from "@arcgis/core/geometry";
-import f from "@arcgis/core/layers/GraphicsLayer";
-import P from "@turf/bearing";
-import g from "@turf/destination";
-import * as c from "@turf/helpers";
-import d from "../../stores/index.mjs";
+import * as d from "@arcgis/core/core/reactiveUtils";
+import { Point as m } from "@arcgis/core/geometry";
+import P from "@arcgis/core/layers/GraphicsLayer";
+import w from "@turf/bearing";
+import u from "@turf/destination";
+import * as h from "@turf/helpers";
+import g from "../../stores/index.mjs";
 import y from "../common-utils.mjs";
-import w from "./signal-holo-flow.mjs";
-class F extends w {
-  constructor(o) {
-    super(o), this.stopLineLayer = new f(), this.store = d.useAppDataStore, this.stopLineMap = /* @__PURE__ */ new Map(), this.view.map.add(this.stopLineLayer);
+import L from "./signal-holo-flow.mjs";
+class b extends L {
+  constructor(e) {
+    super(e), this.stopLineLayer = new P(), this.store = g.useAppDataStore, this.watchHandle = null, this.stopLineMap = /* @__PURE__ */ new Map(), this.view.map.add(this.stopLineLayer);
   }
   async initializeLayer() {
-    var i, r;
+    var c, r;
     console.time("初始化停止线图层");
-    let o = (r = (i = this.mapConfig.holoFlow) == null ? void 0 : i.signal) == null ? void 0 : r.stopLineLayer;
-    if (!o)
+    let e = (r = (c = this.mapConfig.holoFlow) == null ? void 0 : c.signal) == null ? void 0 : r.stopLineLayer;
+    if (!e)
       return;
-    o = this.mapConfig.assetsRoot + "/" + o, (await (await fetch(o)).json()).features.forEach((t) => {
-      const { roadId: n, nodeId: e } = t.properties, { coordinates: s } = t.geometry, l = this.stopLineMap.get(e);
-      l ? l.set(n, s) : this.stopLineMap.set(e, /* @__PURE__ */ new Map([[n, s]]));
-    }), console.timeEnd("初始化停止线图层"), m.watch(
+    e = this.mapConfig.assetsRoot + "/" + e, (await (await fetch(e)).json()).features.forEach((t) => {
+      const { roadId: n, nodeId: o, angle: s, destinationPoint: a } = t.properties, { coordinates: l } = t.geometry, f = this.stopLineMap.get(o);
+      f ? f.set(n, {
+        coord: l,
+        panelPoint: a,
+        angle: s
+      }) : this.stopLineMap.set(
+        o,
+        /* @__PURE__ */ new Map([
+          [
+            n,
+            { coord: l, panelPoint: a, angle: s }
+          ]
+        ])
+      );
+    }), console.timeEnd("初始化停止线图层");
+  }
+  getPanelScale() {
+    const e = this.view.scale;
+    let i = 1;
+    return e < 1e3 ? i = 1 : e < 2e3 ? i = 0.8 : i = 0.4, i;
+  }
+  async handleSignalData(e) {
+    this.watchHandle || (this.watchHandle = d.watch(
       () => this.view.extent,
       () => {
-        for (const t of this.store.countdownPanels) {
-          const { mapPoint: n, stopLine: e } = t, s = this.view.toScreen({
+        const t = this.getPanelScale();
+        for (const n of this.store.countdownPanels) {
+          t !== this.currentPanelScale && (n.scale = t);
+          const { mapPoint: o } = n, s = this.view.toScreen({
             type: "point",
-            x: n[0],
-            y: n[1]
+            x: o[0],
+            y: o[1]
           });
-          t.position.left = s.x, t.position.top = s.y;
-          const l = this.getPanelRotation(e);
-          t.rotation = l;
+          n.position.left = s.x, n.position.top = s.y;
         }
+        this.currentPanelScale = t;
       }
-    );
-  }
-  async handleSignalData(o) {
-    const { crossId: a, roadId: p, lampStatus: i } = o, r = this.stopLineMap.get(a);
-    if (!r)
+    ));
+    const i = e.crossId, p = this.stopLineMap.get(i);
+    if (!p) {
+      console.log(`没有找到路口${i}`);
       return;
-    const t = r.get(p);
-    if (!t)
-      return;
-    const n = this.store.countdownPanels.find(
-      (e) => e.crossId === a && e.roadId === p
-    );
-    if (n)
-      n.lampStatus = i;
-    else {
-      const e = this.getPanelPoint(t), s = this.view.toScreen({
-        type: "point",
-        x: e[0],
-        y: e[1]
-      }), l = this.getPanelRotation(t);
-      this.store.countdownPanels.push({
-        crossId: a,
-        roadId: p,
-        mapPoint: e,
-        // 定位点地理坐标
-        stopLine: t,
-        // 关联的停止线坐标
-        position: { left: s.x, top: s.y },
-        // 定位点屏幕坐标
-        rotation: l,
-        // 面板旋转角度
-        lampStatus: i
-        // 灯组状态
-      });
     }
+    const c = e.phaseCountDownList, r = /* @__PURE__ */ new Map();
+    for (const t of c) {
+      let n = "";
+      for (let l of t.roadIdList)
+        if (l.startsWith("-") && (l = l.slice(1)), p.has(l)) {
+          n = l;
+          break;
+        }
+      if (!n) {
+        console.log(`没有找到对应的进口道${i}--${n}`);
+        continue;
+      }
+      let o = r.get(n);
+      if (o || (o = {}, r.set(n, o)), !t.direction) {
+        console.log(`没有找到对应的方向${i}--${JSON.stringify(t)}`);
+        continue;
+      }
+      const s = t.direction.toLowerCase(), a = t.color === 1 ? "red" : t.color === 2 ? "yellow" : "green";
+      s === "u" ? (o.uNumber = t.leftTime, o.uColor = a) : s === "l" ? (o.lNumber = t.leftTime, o.lColor = a) : s === "s" ? (o.sNumber = t.leftTime, o.sColor = a) : s === "r" && (o.rNumber = t.leftTime, o.rColor = a);
+    }
+    r.forEach((t, n) => {
+      const o = p.get(n);
+      if (!o)
+        return;
+      const s = this.store.countdownPanels.find(
+        (a) => a.crossId === i && a.roadId === n
+      );
+      if (s)
+        s.lampStatus = t;
+      else {
+        const a = o.panelPoint, l = this.view.toScreen({
+          type: "point",
+          x: a[0],
+          y: a[1]
+        }), f = this.getPanelRotation(o.coord);
+        this.store.countdownPanels.push({
+          displayMode: "complex",
+          crossId: i,
+          roadId: n,
+          mapPoint: a,
+          // 定位点地理坐标
+          stopLine: o.coord,
+          // 关联的停止线坐标
+          position: { left: l.x, top: l.y },
+          // 定位点屏幕坐标
+          rotation: f,
+          // 面板旋转角度
+          scale: this.getPanelScale(),
+          lampStatus: t
+          // 灯组状态
+        });
+      }
+    });
   }
   clearSignal() {
-    this.stopLineLayer.removeAll();
+    var e;
+    this.stopLineLayer.removeAll(), this.store.countdownPanels = [], (e = this.watchHandle) == null || e.remove(), this.watchHandle = null;
   }
   /**
    * 从停止线坐标计算面板位置
    * @param coordinates
    * @returns
    */
-  getPanelPoint(o) {
-    const a = y.getCenterPointInLine(o), p = o[0], i = o[o.length - 1];
-    let t = P(c.point(p), c.point(i)) - 90;
-    return t < -180 && (t += 360), g(c.point(a), 1, t, {
+  getPanelPoint(e) {
+    const i = y.getCenterPointInLine(e), p = e[0], c = e[e.length - 1];
+    let t = w(h.point(p), h.point(c)) - 90;
+    return t < -180 && (t += 360), u(h.point(i), 1, t, {
       units: "meters"
     }).geometry.coordinates;
   }
@@ -90,19 +136,19 @@ class F extends w {
    * @param coordinates
    * @returns
    */
-  getPanelRotation(o) {
-    const a = o[0], p = new h({
-      x: a[0],
-      y: a[1],
+  getPanelRotation(e) {
+    const i = e[0], p = new m({
+      x: i[0],
+      y: i[1],
       spatialReference: this.view.spatialReference
-    }), i = this.view.toScreen(p), r = o[o.length - 1], t = new h({
+    }), c = this.view.toScreen(p), r = e[e.length - 1], t = new m({
       x: r[0],
       y: r[1],
       spatialReference: this.view.spatialReference
-    }), n = this.view.toScreen(t), e = n.x - i.x, s = n.y - i.y;
-    return Math.atan2(s, e) * (180 / Math.PI);
+    }), n = this.view.toScreen(t), o = n.x - c.x, s = n.y - c.y;
+    return Math.atan2(s, o) * (180 / Math.PI);
   }
 }
 export {
-  F as default
+  b as default
 };

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

@@ -1,12 +1,13 @@
 import * as d from "@arcgis/core/core/reactiveUtils";
 import { Point as c } from "@arcgis/core/geometry";
 import p from "@arcgis/core/layers/FeatureLayer";
-import u from "../../stores/index.mjs";
-class f {
+import { toRaw as u } from "vue";
+import g from "../../stores/index.mjs";
+class v {
   constructor(e) {
     this.currentPhaseMap = /* @__PURE__ */ new Map(), this.countdownCanvasMap = /* @__PURE__ */ new Map(), this.lastDataTime = 0, this.isDeletingCanvas = !1, this.canvasWidth = 80, this.canvasHeight = 40, this.view = (e.type === "2d", e);
-    const t = u.useAppDataStore;
-    this.mapConfig = JSON.parse(JSON.stringify(t.mapConfig));
+    const t = g.useAppDataStore;
+    this.mapConfig = u(t.mapConfig);
   }
   /**
    * 初始化相位线图层
@@ -247,5 +248,5 @@ class f {
   }
 }
 export {
-  f as default
+  v as default
 };

package/es/src/gis-map/utils/holo-flow/trace-renderer-external.d.ts

@@ -16,7 +16,7 @@ export default class TraceRendererExternal implements ITraceRendererInterface {
     /** 车身颜色材质 */
     private materialMap;
     private readonly view;
-    private readonly assetsRoot;
+    private assetsRoot;
     private carModel;
     private vanModel;
     private truckModel;
@@ -39,6 +39,7 @@ export default class TraceRendererExternal implements ITraceRendererInterface {
     private needInterpolate;
     private updateModel;
     private appDataStore;
+    private mapConfig;
     /** 轨迹日志 */
     private logTable;
     constructor(view: __esri.SceneView);

package/es/src/gis-map/utils/holo-flow/trace-renderer-external.mjs

@@ -4,9 +4,10 @@ import v from "@arcgis/core/geometry/SpatialReference";
 import * as u from "@arcgis/core/views/3d/externalRenderers";
 import * as a from "three";
 import { GLTFLoader as y } from "three/examples/jsm/loaders/GLTFLoader";
+import { toRaw as T } from "vue";
 import { EVehiclePlateState as m } from "../../../types/index.mjs";
-import T from "../../stores/index.mjs";
-class R {
+import C from "../../stores/index.mjs";
+class V {
   constructor(s) {
     this.cameraHeightThreshold = 1e3, this.roughness = 0.2, this.metalness = 0.8, this.defaultMaterial = new a.MeshPhongMaterial({
       color: 16777215
@@ -22,7 +23,7 @@ class R {
       [9, this.createCarMaterial(2105376)],
       [10, this.createCarMaterial(9662683)],
       [99, this.createCarMaterial(6908265)]
-    ]), this.isInitialized = !1, this.showGroundVehicle = !0, this.showElevatedVehicle = !0, this.isPaused = !1, this.currentSpriteContent = m.None, this.historyPositionMap = /* @__PURE__ */ new Map(), this.vehicleObjectMap = /* @__PURE__ */ new Map(), this.needInterpolate = !0, this.updateModel = !1, this.appDataStore = T.useAppDataStore, this.logTable = [
+    ]), this.isInitialized = !1, this.showGroundVehicle = !0, this.showElevatedVehicle = !0, this.isPaused = !1, this.currentSpriteContent = m.None, this.historyPositionMap = /* @__PURE__ */ new Map(), this.vehicleObjectMap = /* @__PURE__ */ new Map(), this.needInterpolate = !0, this.updateModel = !1, this.appDataStore = C.useAppDataStore, this.logTable = [
       [
         "ptcId",
         "plateno",
@@ -43,12 +44,12 @@ class R {
         "queueLength",
         "status"
       ]
-    ], this.assetsRoot = JSON.parse(
-      JSON.stringify(this.appDataStore.mapConfig)
-    ).assetsRoot, this.view = s, P.watch(
+    ], this.view = s;
+    const e = T(this.appDataStore.mapConfig);
+    this.assetsRoot = e.assetsRoot, P.watch(
       () => this.view.camera.position.z,
-      (e, t) => {
-        (t <= this.cameraHeightThreshold && e > this.cameraHeightThreshold || t > this.cameraHeightThreshold && e <= this.cameraHeightThreshold) && (this.updateModel = !0);
+      (t, i) => {
+        (i <= this.cameraHeightThreshold && t > this.cameraHeightThreshold || i > this.cameraHeightThreshold && t <= this.cameraHeightThreshold) && (this.updateModel = !0);
       }
     );
   }
@@ -544,5 +545,5 @@ class R {
   }
 }
 export {
-  R as default
+  V as default
 };