gisviewer-vue3-arcgis 1.0.222 → 1.0.224

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,14 +48,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
         'transform-origin': string;
         transform: string;
     }>;
+    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<{
@@ -58,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,20 +1,24 @@
-import { defineComponent as f, computed as o, openBlock as n, createElementBlock as l, normalizeStyle as a, createElementVNode as s, toDisplayString as i, createCommentVNode as u } from "vue";
-const N = {
+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"
-}, I = ["src"], $ = {
+}, B = ["src"], E = {
   key: 1,
   class: "signal-countdown-container"
-}, k = ["src"], V = {
+}, z = ["src"], D = {
   key: 2,
   class: "signal-countdown-container"
-}, L = ["src"], x = {
+}, M = ["src"], P = {
   key: 3,
   class: "signal-countdown-container"
-}, A = ["src"], B = /* @__PURE__ */ f({
+}, X = ["src"], Y = {
+  key: 4,
+  class: "signal-countdown-container"
+}, j = ["src"], F = /* @__PURE__ */ G({
   __name: "signal-countdown-panel",
   props: {
     displayMode: {},
+    flash: { type: Boolean },
     crossId: {},
     roadId: {},
     mapPoint: {},
@@ -24,22 +28,29 @@ const N = {
     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/l-${t.lampStatus.lColor}.png`
-    ), v = o(() => r(t.lampStatus.lColor)), w = o(
-      () => `/GisViewerAssets/Images/SignalLamp/s-${t.lampStatus.sColor}.png`
-    ), y = o(() => r(t.lampStatus.sColor)), b = o(
-      () => `/GisViewerAssets/Images/SignalLamp/r-${t.lampStatus.rColor}.png`
-    ), C = o(() => r(t.lampStatus.rColor)), _ = (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":
@@ -49,71 +60,94 @@ const N = {
         default:
           return "white";
       }
-    }, r = (e) => {
+    }, i = (s) => {
       const c = {
-        color: _(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) => (n(), l("div", {
+    return (s, c) => (a(), r("div", {
       class: "signal-countdown-panel",
-      style: a(d.value)
+      style: o(S.value)
     }, [
-      e.lampStatus.uColor ? (n(), l("div", N, [
-        s("div", {
+      s.lampStatus.uColor ? (a(), r("div", x, [
+        e("div", {
+          class: "signal-countdown-number",
+          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, B)
+        ], 4)
+      ])) : m("", !0),
+      s.lampStatus.blColor ? (a(), r("div", E, [
+        e("div", {
           class: "signal-countdown-number",
-          style: a(S.value)
-        }, i(e.lampStatus.uNumber), 5),
-        s("div", null, [
-          s("img", {
+          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, I)
-        ])
-      ])) : u("", !0),
-      e.lampStatus.lColor ? (n(), l("div", $, [
-        s("div", {
+          }, null, 8, z)
+        ], 4)
+      ])) : m("", !0),
+      s.lampStatus.lColor ? (a(), r("div", D, [
+        e("div", {
           class: "signal-countdown-number",
-          style: a(v.value)
-        }, i(e.lampStatus.lNumber), 5),
-        s("div", null, [
-          s("img", {
-            src: h.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, k)
-        ])
-      ])) : u("", !0),
-      e.lampStatus.sColor ? (n(), l("div", V, [
-        s("div", {
+          }, null, 8, M)
+        ], 4)
+      ])) : m("", !0),
+      s.lampStatus.sColor ? (a(), r("div", P, [
+        e("div", {
           class: "signal-countdown-number",
-          style: a(y.value)
-        }, i(e.lampStatus.sNumber), 5),
-        s("div", null, [
-          s("img", {
-            src: w.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, L)
-        ])
-      ])) : u("", !0),
-      e.lampStatus.rColor !== void 0 ? (n(), l("div", x, [
-        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(C.value)
-        }, i(e.lampStatus.rNumber), 5),
-        s("div", null, [
-          s("img", {
-            src: b.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, A)
-        ])
-      ])) : u("", !0)
+          }, null, 8, j)
+        ], 4)
+      ])) : m("", !0)
     ], 4));
   }
 });
 export {
-  B as default
+  F as default
 };

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

@@ -1,19 +1,31 @@
-import { ISignalCountdownProps } from '../../../types';
+import { IResult, ISignalCountdownProps } from '../../../types';
 import SignalHoloFlow from './signal-holo-flow';
 export default class LSRSignalHoloFlow extends SignalHoloFlow {
     private stopLineLayer;
     private watchHandle;
     private countdownPanelProps;
+    private currentPanelScale;
     /** 轨迹延迟时间 */
     private trajectoryDelayTime;
-    constructor(view: __esri.MapView | __esri.SceneView, countdownPanelInfos: ISignalCountdownProps[]);
+    /** 按照路口id->进口道路段id->停止线坐标保存的停止线 */
     private stopLineMap;
+    /** 信号机id->进口道id->灯组id */
+    private lampGroupMap;
+    constructor(view: __esri.MapView | __esri.SceneView, countdownPanelInfos: ISignalCountdownProps[]);
     /**
      * 读取停止线图层，将灯组面板沿着停止线放置
      * @returns
      */
     initializeLayer(): Promise<void>;
-    private currentPanelScale;
+    /**
+     * 初始化灯组与进口道的关联关系
+     */
+    initializeLampGroup(data: any): void;
+    /**
+     * 处理统一信控平台信号灯数据
+     * @param data
+     */
+    handleUniSignalData(data: any): IResult;
     /**
      * 根据地图比例尺计算灯组面板缩放比例
      */
@@ -22,6 +34,8 @@ export default class LSRSignalHoloFlow extends SignalHoloFlow {
      * 地图移动时更新灯组面板位置
      */
     private updatePanelPosition;
+    private doHoloSignalData;
+    private updateLampGroupPanelStatus;
     /**
      * 处理全息流信号灯数据
      * @param data