gisviewer-vue3-arcgis 1.0.282 → 1.0.284

package/es/packages/components/src/gis-map/utils/green-wave-band-controller/index.mjs

@@ -1,362 +0,0 @@
-import * as y from "@arcgis/core/core/reactiveUtils.js";
-import { Polyline as m } from "@arcgis/core/geometry";
-import n from "@arcgis/core/Graphic";
-import c from "@arcgis/core/layers/GraphicsLayer";
-import b from "axios";
-class w {
-  constructor(e) {
-    this.selectedNodeIds = [], this.nodeScale = 5e3, this.hasGpu = !1, this.hasGpu = localStorage.getItem("gpu") !== "Unknown", this.view = e, this.roadsectLayer = new c({
-      id: "roadsectLayer"
-    }), this.view.map.add(this.roadsectLayer), this.allNodesLayer = new c({
-      id: "allNodesLayer"
-    }), this.view.map.add(this.allNodesLayer), this.bandLayer = new c({
-      id: "bandLayer"
-    }), this.view.map.add(this.bandLayer);
-  }
-  /**
-   * 新增绿波带
-   * @param params
-   */
-  addGreenWaveBand(e) {
-    this.addNodeCallback = e.addCrossCallback, this.removeNodeCallback = e.removeCrossCallback, e.removeAllCrossCallback && (this.removeAllNodeCallback = e.removeAllCrossCallback), this.selectedNodeIds = [], this.openDriveServer = e.odrServer, this.showAllNodes(e.crossesInArea), this.viewClickWatcher || (this.viewClickWatcher = this.view.on("click", (i) => {
-      this.handleViewClick(i);
-    }));
-  }
-  stopAddGreenWaveBand() {
-    var e;
-    (e = this.viewClickWatcher) == null || e.remove(), this.viewClickWatcher = void 0, this.allNodesLayer.removeAll(), this.selectedNodeIds = [], this.roadsectLayer.removeAll(), this.bandLayer.removeAll();
-  }
-  async showGreenWaveBand(e) {
-    this.removeGreenWaveBand(e.bandId), this.scaleWatcher || (this.scaleWatcher = y.watch(
-      () => this.view.scale,
-      (s, o) => {
-        s > this.nodeScale && o <= this.nodeScale ? this.bandLayer.graphics.forEach((a) => {
-          a.geometry.type === "point" && (a.symbol = this.getShowNodeSymbol("marker"));
-        }) : s <= this.nodeScale && o > this.nodeScale && this.bandLayer.graphics.forEach((a) => {
-          a.geometry.type === "point" && (a.symbol = this.getShowNodeSymbol("picture"));
-        });
-      }
-    ));
-    const i = new m({
-      paths: [e.coordinates]
-    }), t = new n({
-      geometry: i,
-      symbol: this.getLineSymbol(!0, e),
-      attributes: {
-        bandId: e.bandId,
-        type: "greenWaveBand",
-        id: e.bandId
-      }
-    });
-    this.roadsectLayer.add(t), await this.view.goTo(t), e.nodeList && e.nodeList.forEach((s) => {
-      const o = new n({
-        geometry: {
-          type: "point",
-          x: s.longitude,
-          y: s.latitude
-        },
-        symbol: this.getShowNodeSymbol("picture"),
-        attributes: {
-          ...s,
-          bandId: e.bandId,
-          type: "greenWaveBandNode"
-        }
-      });
-      this.bandLayer.add(o);
-    });
-  }
-  removeGreenWaveBand(e) {
-    let i = this.bandLayer.graphics.filter(
-      (t) => t.getAttribute("bandId") === e
-    );
-    this.bandLayer.removeMany(i.toArray()), i = this.roadsectLayer.graphics.filter(
-      (t) => t.getAttribute("bandId") === e
-    ), this.roadsectLayer.removeMany(i.toArray());
-  }
-  /**
-   * 显示所有路口，进入待选状态
-   * @param nodeAttributes
-   */
-  showAllNodes(e) {
-    const i = [];
-    e.forEach((t) => {
-      i.push(
-        new n({
-          geometry: {
-            type: "point",
-            x: t.longitude,
-            y: t.latitude
-          },
-          symbol: this.getEditableNodeSymbol(!1),
-          attributes: { ...t, selected: !1 }
-        })
-      );
-    }), this.allNodesLayer.addMany(i);
-  }
-  /**
-   * 点击待选/已选路口
-   * @param event
-   * @returns
-   */
-  async handleViewClick(e) {
-    var a;
-    const t = (a = (await this.view.hitTest(e, {
-      include: [this.allNodesLayer]
-    })).results) == null ? void 0 : a.filter(
-      (d) => d.type === "graphic"
-    );
-    if (t.length === 0)
-      return;
-    const s = t[0].graphic, o = s.getAttribute("id");
-    if (this.selectedNodeIds.includes(o)) {
-      const d = this.selectedNodeIds.indexOf(o) + 1;
-      if (d === 1)
-        this.removeAllNodeCallback && this.removeAllNodeCallback(), this.selectedNodeIds = [], this.allNodesLayer.graphics.forEach((r) => {
-          r.setAttribute("selected", !1), r.symbol = this.getEditableNodeSymbol(!1), r.visible = !0;
-        }), this.roadsectLayer.removeAll();
-      else {
-        for (let r = d; r < this.selectedNodeIds.length; r++) {
-          this.removeNodeCallback && this.removeNodeCallback({
-            id: this.selectedNodeIds[r]
-          });
-          for (let l = 0; l < this.roadsectLayer.graphics.length; l++) {
-            const h = this.roadsectLayer.graphics.getItemAt(l);
-            (h.getAttribute("id") === this.selectedNodeIds[r] || !h.getAttribute("selected")) && (this.roadsectLayer.remove(h), l--);
-          }
-        }
-        this.selectedNodeIds = this.selectedNodeIds.slice(0, d), this.allNodesLayer.graphics.forEach((r) => {
-          const l = this.selectedNodeIds.includes(
-            r.getAttribute("id")
-          );
-          r.setAttribute("selected", l), r.symbol = this.getEditableNodeSymbol(l), r.visible = l;
-        }), await this.showDownstreamNodes(o);
-      }
-    } else {
-      s.setAttribute("selected", !0), s.symbol = this.getEditableNodeSymbol(!0), this.selectedNodeIds.push(o), this.allNodesLayer.graphics.forEach((r) => {
-        r.visible = r.getAttribute("selected");
-      });
-      let d = [];
-      for (let r = 0; r < this.roadsectLayer.graphics.length; r++) {
-        const l = this.roadsectLayer.graphics.getItemAt(r);
-        l.getAttribute("id") === o ? (l.symbol = this.getLineSymbol(!0), l.setAttribute("selected", !0), d = l.geometry.paths[0]) : l.getAttribute("selected") || (this.roadsectLayer.remove(l), r--);
-      }
-      this.addNodeCallback && this.addNodeCallback({
-        ...s.attributes,
-        roadsect: d
-      }), await this.showDownstreamNodes(o);
-    }
-  }
-  /**
-   * 显示下游节点
-   * @param nodeId
-   */
-  async showDownstreamNodes(e) {
-    this.view.container.style.cursor = "progress";
-    const i = await b.get(
-      `http://${this.openDriveServer}/api/computable/getDownstreamNodes`,
-      { params: { nodeId: e } }
-    );
-    if (i.status !== 200 || i.data.status !== 0) {
-      this.view.container.style.cursor = "default";
-      return;
-    }
-    i.data.result.forEach((s) => {
-      this.allNodesLayer.graphics.forEach((o) => {
-        if (o.getAttribute("nodeId") === s.id && o.getAttribute("selected") === !1 && (o.visible = !0, s.coordinates)) {
-          const a = new n({
-            geometry: {
-              type: "polyline",
-              paths: [s.coordinates]
-            },
-            symbol: this.getLineSymbol(!1),
-            attributes: { ...s, selected: !1 }
-          });
-          this.roadsectLayer.add(a);
-        }
-      });
-    }), this.view.container.style.cursor = "default";
-  }
-  getLineSymbol(e, i) {
-    if (e) {
-      const t = (i == null ? void 0 : i.lineWidth) || 4, s = (i == null ? void 0 : i.lineColor) || [55, 125, 34, 255], o = (i == null ? void 0 : i.arrowColor) || [255, 255, 255, 255];
-      return Array.isArray(s) && s.length === 3 && s.push(255), Array.isArray(o) && o.length === 3 && o.push(255), {
-        type: "cim",
-        data: {
-          type: "CIMSymbolReference",
-          symbol: {
-            type: "CIMLineSymbol",
-            symbolLayers: [
-              {
-                type: "CIMVectorMarker",
-                enable: !0,
-                size: 4,
-                markerPlacement: {
-                  type: "CIMMarkerPlacementAlongLineSameSize",
-                  endings: "WithMarkers",
-                  placementTemplate: [40],
-                  angleToLine: !0
-                },
-                frame: {
-                  xmin: -5,
-                  ymin: -5,
-                  xmax: 5,
-                  ymax: 5
-                },
-                markerGraphics: [
-                  {
-                    type: "CIMMarkerGraphic",
-                    geometry: {
-                      paths: [
-                        [
-                          [t, -t],
-                          [3 * t, 0],
-                          [t, t]
-                        ],
-                        [
-                          [-t, t],
-                          [-3 * t, 0],
-                          [-t, -t]
-                        ]
-                      ]
-                    },
-                    symbol: {
-                      type: "CIMLineSymbol",
-                      symbolLayers: [
-                        {
-                          type: "CIMSolidStroke",
-                          enable: !0,
-                          width: 1.5,
-                          color: o
-                        }
-                      ]
-                    }
-                  }
-                ]
-              },
-              {
-                type: "CIMSolidStroke",
-                enable: !0,
-                width: t,
-                color: s
-              }
-            ]
-          }
-        }
-      };
-    } else
-      return {
-        type: "simple-line",
-        color: "gray",
-        width: 2
-      };
-  }
-  getShowNodeSymbol(e) {
-    return e === "marker" ? {
-      type: "simple-marker",
-      style: "circle",
-      color: [61, 139, 249],
-      size: 8,
-      outline: {
-        color: "white",
-        width: 1
-      }
-    } : this.getEditableNodeSymbol(!0);
-  }
-  /**
-   * 编辑状态时的路口符号
-   * 全部用cim符号，是否选中用不同的图标
-   * @param selected 是否选中
-   * @returns
-   */
-  getEditableNodeSymbol(e) {
-    return {
-      type: "cim",
-      data: {
-        type: "CIMSymbolReference",
-        primitiveOverrides: [
-          {
-            // 将textGraphic的TextString替换为graphic.attributes.name
-            type: "CIMPrimitiveOverride",
-            primitiveName: "textGraphic",
-            propertyName: "TextString",
-            valueExpressionInfo: {
-              type: "CIMExpressionInfo",
-              title: "Custom",
-              expression: 'Replace($feature.name, "与", "/") + "  " + $feature.signalId',
-              returnType: "Default"
-            }
-          }
-        ],
-        symbol: {
-          type: "CIMPointSymbol",
-          symbolLayers: [
-            // 路口名称
-            {
-              type: "CIMVectorMarker",
-              size: 30,
-              colorLocked: !0,
-              anchorPointUnits: "Relative",
-              frame: { xmin: -16, ymin: -16, xmax: 16, ymax: 16 },
-              markerGraphics: [
-                {
-                  type: "CIMMarkerGraphic",
-                  primitiveName: "textGraphic",
-                  geometry: { x: 0, y: 0 },
-                  symbol: {
-                    type: "CIMTextSymbol",
-                    height: 12,
-                    horizontalAlignment: "Center",
-                    offsetX: 0,
-                    offsetY: 20,
-                    haloSize: 2,
-                    haloSymbol: {
-                      type: "CIMPolygonSymbol",
-                      symbolLayers: [
-                        {
-                          type: "CIMSolidFill",
-                          enable: !0,
-                          color: [255, 255, 255, 255]
-                        }
-                      ]
-                    },
-                    symbol: {
-                      type: "CIMPolygonSymbol",
-                      symbolLayers: [
-                        {
-                          type: "CIMSolidFill",
-                          enable: !0,
-                          color: [0, 0, 0, 255]
-                        }
-                      ]
-                    },
-                    verticalAlignment: "Center"
-                  },
-                  textString: ""
-                }
-              ],
-              scaleSymbolsProportionally: !0,
-              respectFrame: !0
-            },
-            // 路口图标
-            {
-              type: "CIMPictureMarker",
-              enable: !0,
-              anchorPoint: {
-                x: 0,
-                y: 0
-              },
-              anchorPointUnits: "Relative",
-              size: 25,
-              rotateClockwise: !0,
-              textureFilter: "Picture",
-              url: `/GisViewerAssets/Images/cross/${e ? "gis_xhj_blue" : "gis_xhj_gray"}.png`
-            }
-          ]
-        }
-      }
-    };
-  }
-}
-export {
-  w as default
-};

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

@@ -1,101 +0,0 @@
-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/packages/components/src/gis-map/utils/holo-flow/signal-countdown-panel.vue.mjs

@@ -1,153 +0,0 @@
-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/packages/components/src/gis-map/utils/holo-flow/signal-countdown-panel.vue2.mjs

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