gisviewer-vue3-arcgis 1.0.223 → 1.0.224

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

@@ -41,6 +41,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         countdownPanels: ISignalCountdownProps[];
     }, {}, {}>;
     countdownPanelProps: {
+        flash: boolean;
         displayMode: string;
         crossId: string;
         roadId: string;
@@ -164,6 +165,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: StringConstructor;
             required: true;
         };
+        flash: {
+            type: BooleanConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;
@@ -197,6 +202,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: true;
         };
     }, {
+        colors: string[];
         props: any;
         panelStyle: import("vue").ComputedRef<{
             top: string;
@@ -204,16 +210,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
             'transform-origin': string;
             transform: string;
         }>;
-        uImage: import("vue").ComputedRef<string>;
-        uNumberStyle: import("vue").ComputedRef<any>;
         blImage: import("vue").ComputedRef<string>;
         blNumberStyle: import("vue").ComputedRef<any>;
+        blLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
+        uImage: import("vue").ComputedRef<string>;
+        uNumberStyle: import("vue").ComputedRef<any>;
+        uLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         lImage: import("vue").ComputedRef<string>;
         lNumberStyle: import("vue").ComputedRef<any>;
+        lLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         sImage: import("vue").ComputedRef<string>;
         sNumberStyle: import("vue").ComputedRef<any>;
+        sLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         rImage: import("vue").ComputedRef<string>;
         rNumberStyle: import("vue").ComputedRef<any>;
+        rLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
         getNumberStyle: (color: string | undefined) => any;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -221,6 +247,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: StringConstructor;
             required: true;
         };
+        flash: {
+            type: BooleanConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;

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

@@ -6,14 +6,14 @@ import T from "./utils/green-wave-band-controller/index.mjs";
 import st from "./utils/holo-flow/index.mjs";
 import ot from "./utils/holo-flow/signal-countdown-panel.vue.mjs";
 import it from "./utils/map-initializer.mjs";
-import I from "./utils/open-drive-renderer/index.mjs";
-import B from "./utils/overlay.mjs";
+import B from "./utils/open-drive-renderer/index.mjs";
+import I from "./utils/overlay.mjs";
 import ct from "./utils/queue-length.mjs";
 import M from "./utils/road-config-tool/index.mjs";
 import lt from "./utils/signal-control-area-controller/edit-area.mjs";
 import ut from "./utils/signal-control-area-controller/show-area.mjs";
 import mt from "./utils/traffic-flow.mjs";
-const pt = { class: "gis-viewer" }, gt = { style: { position: "absolute", bottom: "80px", left: "10px", "z-index": "9999" } }, It = /* @__PURE__ */ $e({
+const pt = { class: "gis-viewer" }, gt = { style: { position: "absolute", bottom: "80px", left: "10px", "z-index": "9999" } }, Bt = /* @__PURE__ */ $e({
   __name: "gis-map",
   props: {
     config: {},
@@ -88,7 +88,7 @@ const pt = { class: "gis-viewer" }, gt = { style: { position: "absolute", bottom
       o == null || o.toggleTrafficObject(e), a == null || a.toggleTrafficObject(e);
     }, C = (e) => {
       a == null || a.updatePanelContent(e);
-    }, me = async (e) => (n || (n = new B(s)), n.addOverlays(e)), pe = (e) => (n || (n = new B(s)), n.addMask(e)), ge = () => {
+    }, me = async (e) => (n || (n = new I(s)), n.addOverlays(e)), pe = (e) => (n || (n = new I(s)), n.addMask(e)), ge = () => {
       n == null || n.removeMask();
     }, de = (e) => n == null ? void 0 : n.removeOverlaysByType(e), fe = (e) => n == null ? void 0 : n.removeOverlaysById(e), Se = () => n == null ? void 0 : n.removeAllOverlays(), ye = () => {
       n == null || n.showAllOverlays();
@@ -96,7 +96,7 @@ const pt = { class: "gis-viewer" }, gt = { style: { position: "absolute", bottom
       d || (d = new ct(s)), d.updateQueueLength(e);
     }, ve = () => {
       d == null || d.removeQueueLength();
-    }, we = async (e, p) => (t || (t = new I(s)), await t.showOpenDriveFromServer(e, p)), he = async (e) => (t || (t = new I(s)), await t.clearOpenDrive(), await t.showOpenDriveFromFile(e)), Oe = async () => await (t == null ? void 0 : t.clearOpenDrive()), be = async (e) => t ? await (t == null ? void 0 : t.findSumo(e)) : {
+    }, we = async (e, p) => (t || (t = new B(s)), await t.showOpenDriveFromServer(e, p)), he = async (e) => (t || (t = new B(s)), await t.clearOpenDrive(), await t.showOpenDriveFromFile(e)), Oe = async () => await (t == null ? void 0 : t.clearOpenDrive()), be = async (e) => t ? await (t == null ? void 0 : t.findSumo(e)) : {
       status: -1,
       message: "未加载OpenDrive地图"
     }, Ae = async (e) => t ? t.selectSumo(e) : {
@@ -114,10 +114,10 @@ const pt = { class: "gis-viewer" }, gt = { style: { position: "absolute", bottom
     }, Te = async (e) => t ? await (t == null ? void 0 : t.splitLane(e)) : {
       status: -1,
       message: "未加载OpenDrive地图"
-    }, Ie = async () => t ? t == null ? void 0 : t.clearSplitLane() : {
+    }, Be = async () => t ? t == null ? void 0 : t.clearSplitLane() : {
       status: -1,
       message: "未加载OpenDrive地图"
-    }, Be = async (e) => (r || (r = new ut(s)), await r.showSignalControlArea(e)), Me = async () => await (r == null ? void 0 : r.clearSignalControlArea()), _e = (e) => r == null ? void 0 : r.setLayerVisibility(e), xe = async (e) => r ? await (r == null ? void 0 : r.locateSignalControlArea(e)) : { status: -1, message: "未加载信号控制区" }, Ve = async (e) => r ? await r.highlightSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, Ge = () => r ? r.resetHighlight() : { status: -1, message: "未加载信号控制区" }, He = (e) => (l || (l = new lt(s)), l.showSubSignalControlArea(e)), ze = (e) => l ? l.editSubSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, Pe = () => l ? l.stopEditSubSignalControlArea() : { status: -1, message: "未加载信号控制区" }, We = (e) => l ? l.selectSubSignalControlAreaCross(e) : { status: -1, message: "未加载信号控制区" }, Ne = (e) => l ? l.unselectSubSignalControlAreaCross(e) : { status: -1, message: "未加载信号控制区" }, Ee = (e) => {
+    }, Ie = async (e) => (r || (r = new ut(s)), await r.showSignalControlArea(e)), Me = async () => await (r == null ? void 0 : r.clearSignalControlArea()), _e = (e) => r == null ? void 0 : r.setLayerVisibility(e), xe = async (e) => r ? await (r == null ? void 0 : r.locateSignalControlArea(e)) : { status: -1, message: "未加载信号控制区" }, Ve = async (e) => r ? await r.highlightSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, Ge = () => r ? r.resetHighlight() : { status: -1, message: "未加载信号控制区" }, He = (e) => (l || (l = new lt(s)), l.showSubSignalControlArea(e)), ze = (e) => l ? l.editSubSignalControlArea(e) : { status: -1, message: "未加载信号控制区" }, Pe = () => l ? l.stopEditSubSignalControlArea() : { status: -1, message: "未加载信号控制区" }, We = (e) => l ? l.selectSubSignalControlAreaCross(e) : { status: -1, message: "未加载信号控制区" }, Ne = (e) => l ? l.unselectSubSignalControlAreaCross(e) : { status: -1, message: "未加载信号控制区" }, Ee = (e) => {
       if (!l)
         return { status: -1, message: "未加载信号控制区" };
     }, Qe = (e) => (m || (m = new T(s)), m.addGreenWaveBand(e)), je = () => {
@@ -170,8 +170,8 @@ const pt = { class: "gis-viewer" }, gt = { style: { position: "absolute", bottom
       unselectSumoInOpenDrive: ke,
       getSumoInfo: De,
       splitOpenDriveLane: Te,
-      clearSplitOpenDriveLane: Ie,
-      showSignalControlArea: Be,
+      clearSplitOpenDriveLane: Be,
+      showSignalControlArea: Ie,
       clearSignalControlArea: Me,
       setSignalControlAreaVisibility: _e,
       locateSignalControlArea: xe,
@@ -213,6 +213,7 @@ const pt = { class: "gis-viewer" }, gt = { style: { position: "absolute", bottom
       (O(!0), L(et, null, tt(b, (i, g) => (O(), at(ot, {
         key: g,
         "display-mode": i.displayMode,
+        flash: i.flash,
         "road-id": i.crossId,
         "cross-id": i.roadId,
         "map-point": i.mapPoint,
@@ -221,10 +222,10 @@ const pt = { class: "gis-viewer" }, gt = { style: { position: "absolute", bottom
         rotation: i.rotation,
         scale: i.scale,
         "lamp-status": i.lampStatus
-      }, null, 8, ["display-mode", "road-id", "cross-id", "map-point", "stop-line", "position", "rotation", "scale", "lamp-status"]))), 128))
+      }, null, 8, ["display-mode", "flash", "road-id", "cross-id", "map-point", "stop-line", "position", "rotation", "scale", "lamp-status"]))), 128))
     ]));
   }
 });
 export {
-  It as default
+  Bt as default
 };

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

@@ -28,6 +28,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         countdownPanels: import("../types").ISignalCountdownProps[];
     }, {}, {}>;
     countdownPanelProps: {
+        flash: boolean;
         displayMode: string;
         crossId: string;
         roadId: string;
@@ -151,6 +152,10 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             type: StringConstructor;
             required: true;
         };
+        flash: {
+            type: BooleanConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;
@@ -184,6 +189,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             required: true;
         };
     }, {
+        colors: string[];
         props: any;
         panelStyle: import("vue").ComputedRef<{
             top: string;
@@ -191,16 +197,36 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             'transform-origin': string;
             transform: string;
         }>;
-        uImage: import("vue").ComputedRef<string>;
-        uNumberStyle: import("vue").ComputedRef<any>;
         blImage: import("vue").ComputedRef<string>;
         blNumberStyle: import("vue").ComputedRef<any>;
+        blLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
+        uImage: import("vue").ComputedRef<string>;
+        uNumberStyle: import("vue").ComputedRef<any>;
+        uLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         lImage: import("vue").ComputedRef<string>;
         lNumberStyle: import("vue").ComputedRef<any>;
+        lLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         sImage: import("vue").ComputedRef<string>;
         sNumberStyle: import("vue").ComputedRef<any>;
+        sLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         rImage: import("vue").ComputedRef<string>;
         rNumberStyle: import("vue").ComputedRef<any>;
+        rLampStyle: import("vue").ComputedRef<{
+            display: string;
+            animation: string;
+        }>;
         getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
         getNumberStyle: (color: string | undefined) => any;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -208,6 +234,10 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             type: StringConstructor;
             required: true;
         };
+        flash: {
+            type: BooleanConstructor;
+            required: true;
+        };
         crossId: {
             type: StringConstructor;
             required: true;

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

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

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

@@ -3,6 +3,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    flash: {
+        type: BooleanConstructor;
+        required: true;
+    };
     crossId: {
         type: StringConstructor;
         required: true;
@@ -36,6 +40,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }, {
+    colors: string[];
     props: any;
     panelStyle: import("vue").ComputedRef<{
         top: string;
@@ -43,16 +48,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
         'transform-origin': string;
         transform: string;
     }>;
-    uImage: import("vue").ComputedRef<string>;
-    uNumberStyle: import("vue").ComputedRef<any>;
     blImage: import("vue").ComputedRef<string>;
     blNumberStyle: import("vue").ComputedRef<any>;
+    blLampStyle: import("vue").ComputedRef<{
+        display: string;
+        animation: string;
+    }>;
+    uImage: import("vue").ComputedRef<string>;
+    uNumberStyle: import("vue").ComputedRef<any>;
+    uLampStyle: import("vue").ComputedRef<{
+        display: string;
+        animation: string;
+    }>;
     lImage: import("vue").ComputedRef<string>;
     lNumberStyle: import("vue").ComputedRef<any>;
+    lLampStyle: import("vue").ComputedRef<{
+        display: string;
+        animation: string;
+    }>;
     sImage: import("vue").ComputedRef<string>;
     sNumberStyle: import("vue").ComputedRef<any>;
+    sLampStyle: import("vue").ComputedRef<{
+        display: string;
+        animation: string;
+    }>;
     rImage: import("vue").ComputedRef<string>;
     rNumberStyle: import("vue").ComputedRef<any>;
+    rLampStyle: import("vue").ComputedRef<{
+        display: string;
+        animation: string;
+    }>;
     getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
     getNumberStyle: (color: string | undefined) => any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -60,6 +85,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    flash: {
+        type: BooleanConstructor;
+        required: true;
+    };
     crossId: {
         type: StringConstructor;
         required: true;

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

@@ -1,23 +1,24 @@
-import { defineComponent as f, computed as o, openBlock as l, createElementBlock as n, normalizeStyle as a, createElementVNode as s, toDisplayString as i, createCommentVNode as u } from "vue";
-const $ = {
+import { defineComponent as G, computed as l, openBlock as a, createElementBlock as r, normalizeStyle as o, createElementVNode as e, toDisplayString as u, createCommentVNode as m } from "vue";
+const x = {
   key: 0,
   class: "signal-countdown-container"
-}, k = ["src"], V = {
+}, B = ["src"], E = {
   key: 1,
   class: "signal-countdown-container"
-}, L = ["src"], A = {
+}, z = ["src"], D = {
   key: 2,
   class: "signal-countdown-container"
-}, G = ["src"], x = {
+}, M = ["src"], P = {
   key: 3,
   class: "signal-countdown-container"
-}, B = ["src"], E = {
+}, X = ["src"], Y = {
   key: 4,
   class: "signal-countdown-container"
-}, z = ["src"], M = /* @__PURE__ */ f({
+}, j = ["src"], F = /* @__PURE__ */ G({
   __name: "signal-countdown-panel",
   props: {
     displayMode: {},
+    flash: { type: Boolean },
     crossId: {},
     roadId: {},
     mapPoint: {},
@@ -27,24 +28,29 @@ const $ = {
     rotation: {},
     lampStatus: {}
   },
-  setup(p) {
-    const t = p, d = o(() => ({
+  setup(d) {
+    const n = ["red", "yellow", "green", "grey"], t = d, S = l(() => ({
       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})`
-    })), g = o(
-      () => `/GisViewerAssets/Images/SignalLamp/u-${t.lampStatus.uColor}.png`
-    ), S = o(() => r(t.lampStatus.uColor)), h = o(
-      () => `/GisViewerAssets/Images/SignalLamp/bl-${t.lampStatus.blColor}.png`
-    ), v = o(() => r(t.lampStatus.blColor)), b = o(
-      () => `/GisViewerAssets/Images/SignalLamp/l-${t.lampStatus.lColor}.png`
-    ), w = o(() => r(t.lampStatus.lColor)), y = o(
-      () => `/GisViewerAssets/Images/SignalLamp/s-${t.lampStatus.sColor}.png`
-    ), C = o(() => r(t.lampStatus.sColor)), _ = o(
-      () => `/GisViewerAssets/Images/SignalLamp/r-${t.lampStatus.rColor}.png`
-    ), N = o(() => r(t.lampStatus.rColor)), I = (e) => {
-      switch (e) {
+    })), g = l(() => !t.lampStatus.blColor || !n.includes(t.lampStatus.blColor) ? "" : `/GisViewerAssets/Images/SignalLamp/bl-${t.lampStatus.blColor}.png`), y = l(() => i(t.lampStatus.blColor)), b = l(() => ({
+      display: t.lampStatus.blColor && n.includes(t.lampStatus.blColor) ? "block" : "none",
+      animation: t.flash ? "blink 2s infinite" : "none"
+    })), C = l(() => !t.lampStatus.uColor || !n.includes(t.lampStatus.uColor) ? "" : `/GisViewerAssets/Images/SignalLamp/u-${t.lampStatus.uColor}.png`), h = l(() => i(t.lampStatus.uColor)), v = l(() => ({
+      display: t.lampStatus.uColor && n.includes(t.lampStatus.uColor) ? "block" : "none",
+      animation: t.flash ? "blink 2s infinite" : "none"
+    })), f = l(() => !t.lampStatus.lColor || !n.includes(t.lampStatus.lColor) ? "" : `/GisViewerAssets/Images/SignalLamp/l-${t.lampStatus.lColor}.png`), w = l(() => i(t.lampStatus.lColor)), k = l(() => ({
+      display: t.lampStatus.lColor && n.includes(t.lampStatus.lColor) ? "block" : "none",
+      animation: t.flash ? "blink 2s infinite" : "none"
+    })), _ = l(() => !t.lampStatus.sColor || !n.includes(t.lampStatus.sColor) ? "" : `/GisViewerAssets/Images/SignalLamp/s-${t.lampStatus.sColor}.png`), N = l(() => i(t.lampStatus.sColor)), I = l(() => ({
+      display: t.lampStatus.sColor && n.includes(t.lampStatus.sColor) ? "block" : "none",
+      animation: t.flash ? "blink 2s infinite" : "none"
+    })), L = l(() => !t.lampStatus.rColor || !n.includes(t.lampStatus.rColor) ? "" : `/GisViewerAssets/Images/SignalLamp/r-${t.lampStatus.rColor}.png`), $ = l(() => i(t.lampStatus.rColor)), V = l(() => ({
+      display: t.lampStatus.rColor && n.includes(t.lampStatus.rColor) ? "block" : "none",
+      animation: t.flash ? "blink 2s infinite" : "none"
+    })), A = (s) => {
+      switch (s) {
         case "red":
           return "red";
         case "yellow":
@@ -54,84 +60,94 @@ const $ = {
         default:
           return "white";
       }
-    }, r = (e) => {
+    }, i = (s) => {
       const c = {
-        color: I(e)
-      }, m = t.rotation < 0 ? t.rotation + 360 : t.rotation;
-      return m > 135 && m < 225 && (c.transform = "rotate(180deg)"), c;
+        color: A(s)
+      }, p = t.rotation < 0 ? t.rotation + 360 : t.rotation;
+      return p > 135 && p < 225 && (c.transform = "rotate(180deg)"), c;
     };
-    return (e, c) => (l(), n("div", {
+    return (s, c) => (a(), r("div", {
       class: "signal-countdown-panel",
-      style: a(d.value)
+      style: o(S.value)
     }, [
-      e.lampStatus.uColor ? (l(), n("div", $, [
-        s("div", {
+      s.lampStatus.uColor ? (a(), r("div", x, [
+        e("div", {
           class: "signal-countdown-number",
-          style: a(S.value)
-        }, i(e.lampStatus.uNumber), 5),
-        s("div", null, [
-          s("img", {
-            src: g.value,
+          style: o(h.value)
+        }, u(s.lampStatus.uNumber), 5),
+        e("div", {
+          style: o(v.value)
+        }, [
+          e("img", {
+            src: C.value,
             width: "20px",
             height: "20px"
-          }, null, 8, k)
-        ])
-      ])) : u("", !0),
-      e.lampStatus.blColor ? (l(), n("div", V, [
-        s("div", {
+          }, null, 8, B)
+        ], 4)
+      ])) : m("", !0),
+      s.lampStatus.blColor ? (a(), r("div", E, [
+        e("div", {
           class: "signal-countdown-number",
-          style: a(v.value)
-        }, i(e.lampStatus.blNumber), 5),
-        s("div", null, [
-          s("img", {
-            src: h.value,
+          style: o(y.value)
+        }, u(s.lampStatus.blNumber), 5),
+        e("div", {
+          style: o(b.value)
+        }, [
+          e("img", {
+            src: g.value,
             width: "20px",
             height: "20px"
-          }, null, 8, L)
-        ])
-      ])) : u("", !0),
-      e.lampStatus.lColor ? (l(), n("div", A, [
-        s("div", {
+          }, null, 8, z)
+        ], 4)
+      ])) : m("", !0),
+      s.lampStatus.lColor ? (a(), r("div", D, [
+        e("div", {
           class: "signal-countdown-number",
-          style: a(w.value)
-        }, i(e.lampStatus.lNumber), 5),
-        s("div", null, [
-          s("img", {
-            src: b.value,
+          style: o(w.value)
+        }, u(s.lampStatus.lNumber), 5),
+        e("div", {
+          style: o(k.value)
+        }, [
+          e("img", {
+            src: f.value,
             width: "20px",
             height: "20px"
-          }, null, 8, G)
-        ])
-      ])) : u("", !0),
-      e.lampStatus.sColor ? (l(), n("div", x, [
-        s("div", {
+          }, null, 8, M)
+        ], 4)
+      ])) : m("", !0),
+      s.lampStatus.sColor ? (a(), r("div", P, [
+        e("div", {
           class: "signal-countdown-number",
-          style: a(C.value)
-        }, i(e.lampStatus.sNumber), 5),
-        s("div", null, [
-          s("img", {
-            src: y.value,
+          style: o(N.value)
+        }, u(s.lampStatus.sNumber), 5),
+        e("div", {
+          style: o(I.value)
+        }, [
+          e("img", {
+            src: _.value,
             width: "20px",
             height: "20px"
-          }, null, 8, B)
-        ])
-      ])) : u("", !0),
-      e.lampStatus.rColor !== void 0 ? (l(), n("div", E, [
-        s("div", {
+          }, null, 8, X)
+        ], 4)
+      ])) : m("", !0),
+      s.lampStatus.rColor !== void 0 ? (a(), r("div", Y, [
+        e("div", {
           class: "signal-countdown-number",
-          style: a(N.value)
-        }, i(e.lampStatus.rNumber), 5),
-        s("div", null, [
-          s("img", {
-            src: _.value,
+          style: o($.value)
+        }, u(s.lampStatus.rNumber), 5),
+        e("div", {
+          style: o(V.value)
+        }, [
+          e("img", {
+            src: L.value,
             width: "20px",
             height: "20px"
-          }, null, 8, z)
-        ])
-      ])) : u("", !0)
+          }, null, 8, j)
+        ], 4)
+      ])) : m("", !0)
     ], 4));
   }
 });
 export {
-  M as default
+  F as default
 };