gisviewer-vue3-arcgis 1.0.173 → 1.0.175

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

@@ -60,8 +60,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
     }[];
     mapViewer: import("vue").ComputedRef<MapView | SceneView>;
-    startSaveTrackLog: () => void;
-    downloadTrackLog: () => void;
+    handleStartSaveTrackLog: () => void;
+    handleDownloadTrackLog: () => void;
+    handleShowVehicleId: () => void;
+    handleShowPlateNumber: () => void;
     setMapCenter: (params: ISetMapCenterParams) => Promise<import("../types").IResult>;
     setMapCamera: (params: ISetMapCameraParams) => Promise<import("../types").IResult>;
     lookAt: (params: ILookAtParams) => Promise<void>;
@@ -123,7 +125,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }) => Promise<import("../types").IResult>;
     resetHighlightSignalControlArea: () => import("../types").IResult;
     showSubSignalControlArea: (params: any) => import("../types").IResult;
-    editSubSignalControlArea: () => import("../types").IResult;
+    editSubSignalControlArea: () => Promise<import("../types").IResult> | {
+        status: number;
+        message: string;
+    };
     props: any;
     emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
     SignalCountdownPanel: import("vue").DefineComponent<{
@@ -172,21 +177,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
             transform: string;
         }>;
         uImage: import("vue").ComputedRef<string>;
-        uNumberStyle: import("vue").ComputedRef<{
-            color: string;
-        }>;
+        uNumberStyle: import("vue").ComputedRef<any>;
         lImage: import("vue").ComputedRef<string>;
-        lNumberStyle: import("vue").ComputedRef<{
-            color: string;
-        }>;
+        lNumberStyle: import("vue").ComputedRef<any>;
         sImage: import("vue").ComputedRef<string>;
-        sNumberStyle: import("vue").ComputedRef<{
-            color: string;
-        }>;
+        sNumberStyle: import("vue").ComputedRef<any>;
         rImage: import("vue").ComputedRef<string>;
-        rNumberStyle: import("vue").ComputedRef<{
-            color: string;
-        }>;
+        rNumberStyle: import("vue").ComputedRef<any>;
         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: {

package/es/src/gis-map/gis-map.vue.mjs

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

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

@@ -49,8 +49,10 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         };
     }[];
     mapViewer: import("vue").ComputedRef<__esri.MapView | __esri.SceneView>;
-    startSaveTrackLog: () => void;
-    downloadTrackLog: () => void;
+    handleStartSaveTrackLog: () => void;
+    handleDownloadTrackLog: () => void;
+    handleShowVehicleId: () => void;
+    handleShowPlateNumber: () => void;
     setMapCenter: (params: import("../types").ISetMapCenterParams) => Promise<import("../types").IResult>;
     setMapCamera: (params: import("../types").ISetMapCameraParams) => Promise<import("../types").IResult>;
     lookAt: (params: import("../types").ILookAtParams) => Promise<void>;
@@ -112,7 +114,10 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
     }) => Promise<import("../types").IResult>;
     resetHighlightSignalControlArea: () => import("../types").IResult;
     showSubSignalControlArea: (params: any) => import("../types").IResult;
-    editSubSignalControlArea: () => import("../types").IResult;
+    editSubSignalControlArea: () => Promise<import("../types").IResult> | {
+        status: number;
+        message: string;
+    };
     props: any;
     emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
     SignalCountdownPanel: import("vue").DefineComponent<{
@@ -161,21 +166,13 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             transform: string;
         }>;
         uImage: import("vue").ComputedRef<string>;
-        uNumberStyle: import("vue").ComputedRef<{
-            color: string;
-        }>;
+        uNumberStyle: import("vue").ComputedRef<any>;
         lImage: import("vue").ComputedRef<string>;
-        lNumberStyle: import("vue").ComputedRef<{
-            color: string;
-        }>;
+        lNumberStyle: import("vue").ComputedRef<any>;
         sImage: import("vue").ComputedRef<string>;
-        sNumberStyle: import("vue").ComputedRef<{
-            color: string;
-        }>;
+        sNumberStyle: import("vue").ComputedRef<any>;
         rImage: import("vue").ComputedRef<string>;
-        rNumberStyle: import("vue").ComputedRef<{
-            color: string;
-        }>;
+        rNumberStyle: import("vue").ComputedRef<any>;
         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: {

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

@@ -28,12 +28,12 @@
   border-radius: 5px;
   color: white;
   width: 40px;
-  height: 70px;
+  height: 60px;
   justify-content: center;
   align-items: center;
   display: flex;
   flex-direction: column;
 }
 .signal-countdown-number {
-  font: 30px bold;
+  font: 28px Digital;
 }

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

@@ -44,21 +44,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         transform: string;
     }>;
     uImage: import("vue").ComputedRef<string>;
-    uNumberStyle: import("vue").ComputedRef<{
-        color: string;
-    }>;
+    uNumberStyle: import("vue").ComputedRef<any>;
     lImage: import("vue").ComputedRef<string>;
-    lNumberStyle: import("vue").ComputedRef<{
-        color: string;
-    }>;
+    lNumberStyle: import("vue").ComputedRef<any>;
     sImage: import("vue").ComputedRef<string>;
-    sNumberStyle: import("vue").ComputedRef<{
-        color: string;
-    }>;
+    sNumberStyle: import("vue").ComputedRef<any>;
     rImage: import("vue").ComputedRef<string>;
-    rNumberStyle: import("vue").ComputedRef<{
-        color: string;
-    }>;
+    rNumberStyle: import("vue").ComputedRef<any>;
     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: {

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

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