gisviewer-vue3-arcgis 1.0.284 → 1.0.286

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

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

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

@@ -0,0 +1,125 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    displayMode: {
+        type: StringConstructor;
+        required: true;
+    };
+    flash: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    crossId: {
+        type: StringConstructor;
+        required: true;
+    };
+    roadId: {
+        type: StringConstructor;
+        required: true;
+    };
+    mapPoint: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    stopLine: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    scale: {
+        type: NumberConstructor;
+        required: true;
+    };
+    position: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    rotation: {
+        type: NumberConstructor;
+        required: true;
+    };
+    lampStatus: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}, {
+    colors: string[];
+    props: any;
+    panelStyle: import("vue").ComputedRef<{
+        top: string;
+        left: string;
+        '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<{
+    displayMode: {
+        type: StringConstructor;
+        required: true;
+    };
+    flash: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    crossId: {
+        type: StringConstructor;
+        required: true;
+    };
+    roadId: {
+        type: StringConstructor;
+        required: true;
+    };
+    mapPoint: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    stopLine: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    scale: {
+        type: NumberConstructor;
+        required: true;
+    };
+    position: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    rotation: {
+        type: NumberConstructor;
+        required: true;
+    };
+    lampStatus: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,153 @@
+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"
+}, B = ["src"], E = {
+  key: 1,
+  class: "signal-countdown-container"
+}, z = ["src"], D = {
+  key: 2,
+  class: "signal-countdown-container"
+}, M = ["src"], P = {
+  key: 3,
+  class: "signal-countdown-container"
+}, 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: {},
+    stopLine: {},
+    scale: {},
+    position: {},
+    rotation: {},
+    lampStatus: {}
+  },
+  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 = 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":
+          return "rgb(255, 192, 2)";
+        case "green":
+          return "lime";
+        default:
+          return "white";
+      }
+    }, i = (s) => {
+      const c = {
+        color: A(s)
+      }, p = t.rotation < 0 ? t.rotation + 360 : t.rotation;
+      return p > 135 && p < 225 && (c.transform = "rotate(180deg)"), c;
+    };
+    return (s, c) => (a(), r("div", {
+      class: "signal-countdown-panel",
+      style: o(S.value)
+    }, [
+      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: 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, z)
+        ], 4)
+      ])) : m("", !0),
+      s.lampStatus.lColor ? (a(), r("div", D, [
+        e("div", {
+          class: "signal-countdown-number",
+          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, M)
+        ], 4)
+      ])) : m("", !0),
+      s.lampStatus.sColor ? (a(), r("div", P, [
+        e("div", {
+          class: "signal-countdown-number",
+          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, X)
+        ], 4)
+      ])) : m("", !0),
+      s.lampStatus.rColor !== void 0 ? (a(), r("div", Y, [
+        e("div", {
+          class: "signal-countdown-number",
+          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, j)
+        ], 4)
+      ])) : m("", !0)
+    ], 4));
+  }
+});
+export {
+  F as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./signal-countdown-panel.vue.mjs";
+export {
+  f as default
+};