gisviewer-vue3-arcgis 1.0.170 → 1.0.171

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

@@ -1,6 +1,6 @@
 import MapView from '@arcgis/core/views/MapView';
 import SceneView from '@arcgis/core/views/SceneView';
-import { IFindSumoParams, ILaneNumberParams, ILayerVisibleParams, ILookAtParams, IMaskParam, IOverlayParam, IQueueLengthParams, ISetMapCameraParams, ISetMapCenterParams, IShowOpenDriveFromFileParams, ISplitOpenDriveLaneParams, IStartCrossBufferParam, IToggleTrafficInfoParams, IUnselectSumoParams } from '../types';
+import { IFindSumoParams, ILaneNumberParams, ILayerVisibleParams, ILookAtParams, IMaskParam, IOverlayParam, IQueueLengthParams, ISetMapCameraParams, ISetMapCenterParams, IShowOpenDriveFromFileParams, ISignalCountdownProps, ISplitOpenDriveLaneParams, IStartCrossBufferParam, IToggleTrafficInfoParams, IUnselectSumoParams } from '../types';
 import HoloFlow from './utils/holo-flow';
 import MapInitializer from './utils/map-initializer';
 import OpenDriveRenderer from './utils/open-drive-renderer';
@@ -34,9 +34,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         mapConfig: {};
         saveTrackLog: boolean;
         isSketching: boolean;
-        countdownPanels: import("../types").ISignalCountdownProps[];
+        countdownPanels: ISignalCountdownProps[];
     }, {}, {}>;
-    countdownPanelInfos: import("vue").Ref<{
+    countdownPanelProps: {
         displayMode: string;
         crossId: string;
         roadId: string;
@@ -58,7 +58,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             rNumber?: number | undefined;
             rColor?: string | undefined;
         };
-    }[]>;
+    }[];
     mapViewer: import("vue").ComputedRef<MapView | SceneView>;
     startSaveTrackLog: () => void;
     downloadTrackLog: () => void;

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

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

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

@@ -25,7 +25,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         isSketching: boolean;
         countdownPanels: import("../types").ISignalCountdownProps[];
     }, {}, {}>;
-    countdownPanelInfos: import("vue").Ref<{
+    countdownPanelProps: {
         displayMode: string;
         crossId: string;
         roadId: string;
@@ -47,7 +47,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             rNumber?: number | undefined;
             rColor?: string | undefined;
         };
-    }[]>;
+    }[];
     mapViewer: import("vue").ComputedRef<__esri.MapView | __esri.SceneView>;
     startSaveTrackLog: () => void;
     downloadTrackLog: () => void;

package/es/src/gis-map/utils/GreenWaveline.d.ts

@@ -0,0 +1,68 @@
+import Graphic from '@arcgis/core/Graphic';
+import GraphicsLayer from '@arcgis/core/layers/GraphicsLayer';
+import MapView from '@arcgis/core/views/MapView';
+import SceneView from '@arcgis/core/views/SceneView';
+interface GreenWaveLineOptions {
+    viewer: MapView | SceneView;
+    graphicsLayerOptions: {
+        id: string;
+    };
+}
+interface roadPath {
+    paths: [number, number][];
+    symbol: any;
+    attributes: any;
+    visible?: boolean;
+}
+interface animationOptions {
+    isAnimation: boolean;
+    positive?: boolean;
+    positiveColor?: number[];
+    negative?: boolean;
+    negativeColor?: number[];
+}
+export default class GreenWaveLine {
+    private viewer;
+    overlayLayer: GraphicsLayer;
+    customGreenWaveLineView: any;
+    material: THREE.ShaderMaterial;
+    renderer: THREE.WebGLRenderer;
+    threeScene: THREE.Scene;
+    camera: THREE.PerspectiveCamera;
+    private defaultAnimationOptions;
+    constructor(options: GreenWaveLineOptions);
+    addGreenWaveLine(paths: roadPath[], options?: animationOptions): void;
+    getAnimationPath(paths: [number, number][], options?: animationOptions): any;
+    createLine(paths: any, symbol: any, attributes: any, visible: boolean): Graphic;
+    addPointText(points: any[]): void;
+    createPointText(point: any, symbol: any, attributes: any, visible: boolean): Graphic;
+    /**
+     * 隐藏覆盖物
+     *
+     * @param {string[]} [ids]
+     * @memberof GreenWaveLine
+     */
+    hideWaveLine(ids?: string[]): void;
+    /**
+     * 显示覆盖物
+     *
+     * @param {string[]} [ids]
+     * @memberof GreenWaveLine
+     */
+    showWaveLine(ids?: string[]): void;
+    /**
+     * 隐藏图层
+     *
+     * @memberof GreenWaveLine
+     */
+    hideLayer(): void;
+    /**
+     * 显示图层
+     *
+     * @memberof Overlay
+     */
+    showLayer(): void;
+    clearGreenWaveLine(): void;
+    destroy(): void;
+}
+export {};

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

@@ -1,9 +1,10 @@
-import { IToggleTrafficInfoParams } from '../../../types';
+import { ISignalCountdownProps, IToggleTrafficInfoParams } from '../../../types';
 export default class Index {
     private readonly view;
     private traceHoloFlow;
     private signalHoloFlow;
-    constructor(view: __esri.MapView | __esri.SceneView);
+    private signalCountdownPanelProps;
+    constructor(view: __esri.MapView | __esri.SceneView, signalCountdownPanelProps: ISignalCountdownProps[]);
     init(): Promise<void>;
     /**
      * 处理全息流轨迹数据

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

@@ -1,12 +1,12 @@
 import { toRaw as i } from "vue";
 import { EVehiclePlateState as a } from "../../../types/index.mjs";
-import r from "../../stores/index.mjs";
+import n from "../../stores/index.mjs";
 import s from "./signal-holo-flow.mjs";
-import n from "./signal-holo-flow-lsr.mjs";
+import r from "./signal-holo-flow-lsr.mjs";
 import c from "./trace-holo-flow.mjs";
 class m {
-  constructor(o) {
-    this.view = o;
+  constructor(o, e) {
+    this.view = o, this.signalCountdownPanelProps = e;
   }
   async init() {
     this.traceHoloFlow = new c(this.view), await this.traceHoloFlow.init();
@@ -60,8 +60,11 @@ class m {
   async handleSignalData(o) {
     var e, l;
     if (!this.signalHoloFlow) {
-      const t = r.useAppDataStore;
-      ((l = (e = i(t.mapConfig).holoFlow) == null ? void 0 : e.signal) == null ? void 0 : l.style) === "LSR" ? this.signalHoloFlow = new n(this.view) : this.signalHoloFlow = new s(this.view), await this.signalHoloFlow.initializeLayer();
+      const t = n.useAppDataStore;
+      ((l = (e = i(t.mapConfig).holoFlow) == null ? void 0 : e.signal) == null ? void 0 : l.style) === "LSR" ? this.signalHoloFlow = new r(
+        this.view,
+        this.signalCountdownPanelProps
+      ) : this.signalHoloFlow = new s(this.view), await this.signalHoloFlow.initializeLayer();
     }
     await this.signalHoloFlow.handleSignalData(o);
   }

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

@@ -1,21 +1,16 @@
 import SignalHoloFlow from './signal-holo-flow';
+import { ISignalCountdownProps } from '../../../types';
 export default class LSRSignalHoloFlow extends SignalHoloFlow {
     private stopLineLayer;
-    private store;
     private watchHandle;
-    constructor(view: __esri.MapView | __esri.SceneView);
+    private countdownPanelProps;
+    constructor(view: __esri.MapView | __esri.SceneView, countdownPanelInfos: ISignalCountdownProps[]);
     private stopLineMap;
     initializeLayer(): Promise<void>;
     private currentPanelScale;
     private getPanelScale;
     handleSignalData(data: any): Promise<void>;
     clearSignal(): void;
-    /**
-     * 从停止线坐标计算面板位置
-     * @param coordinates
-     * @returns
-     */
-    private getPanelPoint;
     /**
      * 从停止线坐标计算面板旋转角度
      * @param coordinates

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

@@ -1,108 +1,103 @@
 import * as d from "@arcgis/core/core/reactiveUtils";
-import { Point as m } from "@arcgis/core/geometry";
-import P from "@arcgis/core/layers/GraphicsLayer";
-import w from "@turf/bearing";
-import u from "@turf/destination";
-import * as h from "@turf/helpers";
-import g from "../../stores/index.mjs";
-import y from "../common-utils.mjs";
-import L from "./signal-holo-flow.mjs";
-class b extends L {
-  constructor(e) {
-    super(e), this.stopLineLayer = new P(), this.store = g.useAppDataStore, this.watchHandle = null, this.stopLineMap = /* @__PURE__ */ new Map(), this.view.map.add(this.stopLineLayer);
+import { Point as h } from "@arcgis/core/geometry";
+import w from "@arcgis/core/layers/GraphicsLayer";
+import P from "./signal-holo-flow.mjs";
+class L extends P {
+  constructor(n, s) {
+    super(n), this.stopLineLayer = new w(), this.watchHandle = null, this.stopLineMap = /* @__PURE__ */ new Map(), this.countdownPanelProps = s, this.view.map.add(this.stopLineLayer);
   }
   async initializeLayer() {
     var c, r;
     console.time("初始化停止线图层");
-    let e = (r = (c = this.mapConfig.holoFlow) == null ? void 0 : c.signal) == null ? void 0 : r.stopLineLayer;
-    if (!e)
+    let n = (r = (c = this.mapConfig.holoFlow) == null ? void 0 : c.signal) == null ? void 0 : r.stopLineLayer;
+    if (!n)
       return;
-    e = this.mapConfig.assetsRoot + "/" + e, (await (await fetch(e)).json()).features.forEach((t) => {
-      const { roadId: n, nodeId: o, angle: s, destinationPoint: a } = t.properties, { coordinates: l } = t.geometry, f = this.stopLineMap.get(o);
-      f ? f.set(n, {
+    n = this.mapConfig.assetsRoot + "/" + n, (await (await fetch(n)).json()).features.forEach((t) => {
+      const { roadId: o, nodeId: e, angle: i, destinationPoint: a } = t.properties, { coordinates: l } = t.geometry, f = this.stopLineMap.get(e);
+      f ? f.set(o, {
         coord: l,
         panelPoint: a,
-        angle: s
+        angle: i
       }) : this.stopLineMap.set(
-        o,
+        e,
         /* @__PURE__ */ new Map([
           [
-            n,
-            { coord: l, panelPoint: a, angle: s }
+            o,
+            { coord: l, panelPoint: a, angle: i }
           ]
         ])
       );
     }), console.timeEnd("初始化停止线图层");
   }
   getPanelScale() {
-    const e = this.view.scale;
-    let i = 1;
-    return e < 1e3 ? i = 1 : e < 2e3 ? i = 0.8 : i = 0.4, i;
+    const n = this.view.scale;
+    let s = 1;
+    return n < 1e3 ? s = 1 : n < 2e3 ? s = 0.8 : s = 0.4, s;
   }
-  async handleSignalData(e) {
+  async handleSignalData(n) {
     this.watchHandle || (this.watchHandle = d.watch(
       () => this.view.extent,
       () => {
         const t = this.getPanelScale();
-        for (const n of this.store.countdownPanels) {
-          t !== this.currentPanelScale && (n.scale = t);
-          const { mapPoint: o } = n, s = this.view.toScreen({
+        for (const o of this.countdownPanelProps) {
+          t !== this.currentPanelScale && (o.scale = t);
+          const { mapPoint: e } = o, i = this.view.toScreen({
             type: "point",
-            x: o[0],
-            y: o[1]
+            x: e[0],
+            y: e[1]
           });
-          n.position.left = s.x, n.position.top = s.y;
+          o.position.left = i.x, o.position.top = i.y;
         }
         this.currentPanelScale = t;
       }
     ));
-    const i = e.crossId, p = this.stopLineMap.get(i);
+    const s = n.crossId, p = this.stopLineMap.get(s);
     if (!p) {
-      console.log(`没有找到路口${i}`);
+      console.log(`没有找到路口${s}`);
       return;
     }
-    const c = e.phaseCountDownList, r = /* @__PURE__ */ new Map();
+    const c = n.phaseCountDownList, r = /* @__PURE__ */ new Map();
     for (const t of c) {
-      let n = "";
+      let o = "";
       for (let l of t.roadIdList)
         if (l.startsWith("-") && (l = l.slice(1)), p.has(l)) {
-          n = l;
+          o = l;
           break;
         }
-      if (!n) {
-        console.log(`没有找到对应的进口道${i}--${n}`);
+      if (!o) {
+        console.log(`没有找到对应的进口道${s}--${o}`);
         continue;
       }
-      let o = r.get(n);
-      if (o || (o = {}, r.set(n, o)), !t.direction) {
-        console.log(`没有找到对应的方向${i}--${JSON.stringify(t)}`);
+      let e = r.get(o);
+      if (e || (e = {}, r.set(o, e)), !t.direction) {
+        console.log(`没有找到对应的方向${s}--${JSON.stringify(t)}`);
         continue;
       }
-      const s = t.direction.toLowerCase(), a = t.color === 1 ? "red" : t.color === 2 ? "yellow" : "green";
-      s === "u" ? (o.uNumber = t.leftTime, o.uColor = a) : s === "l" ? (o.lNumber = t.leftTime, o.lColor = a) : s === "s" ? (o.sNumber = t.leftTime, o.sColor = a) : s === "r" && (o.rNumber = t.leftTime, o.rColor = a);
+      const i = t.direction.toLowerCase(), a = t.color === 1 ? "red" : t.color === 2 ? "yellow" : "green";
+      i === "u" ? (e.uNumber = t.leftTime, e.uColor = a) : i === "l" ? (e.lNumber = t.leftTime, e.lColor = a) : i === "s" ? (e.sNumber = t.leftTime, e.sColor = a) : i === "r" && (e.rNumber = t.leftTime, e.rColor = a);
     }
-    r.forEach((t, n) => {
-      const o = p.get(n);
-      if (!o)
+    r.forEach((t, o) => {
+      const e = p.get(o);
+      if (!e)
         return;
-      const s = this.store.countdownPanels.find(
-        (a) => a.crossId === i && a.roadId === n
+      const i = this.countdownPanelProps.find(
+        (a) => a.crossId === s && a.roadId === o
       );
-      if (s)
-        s.lampStatus = t;
+      if (i)
+        i.lampStatus = t;
       else {
-        const a = o.panelPoint, l = this.view.toScreen({
+        const a = e.panelPoint, l = this.view.toScreen({
           type: "point",
           x: a[0],
           y: a[1]
-        }), f = this.getPanelRotation(o.coord);
-        this.store.countdownPanels.push({
+        }), f = this.getPanelRotation(e.coord);
+        this.countdownPanelProps.push({
           displayMode: "complex",
-          crossId: i,
-          roadId: n,
+          crossId: s,
+          roadId: o,
           mapPoint: a,
           // 定位点地理坐标
-          stopLine: o.coord,
+          stopLine: e.coord,
           // 关联的停止线坐标
           position: { left: l.x, top: l.y },
           // 定位点屏幕坐标
@@ -116,39 +111,27 @@ class b extends L {
     });
   }
   clearSignal() {
-    var e;
-    this.stopLineLayer.removeAll(), this.store.countdownPanels = [], (e = this.watchHandle) == null || e.remove(), this.watchHandle = null;
-  }
-  /**
-   * 从停止线坐标计算面板位置
-   * @param coordinates
-   * @returns
-   */
-  getPanelPoint(e) {
-    const i = y.getCenterPointInLine(e), p = e[0], c = e[e.length - 1];
-    let t = w(h.point(p), h.point(c)) - 90;
-    return t < -180 && (t += 360), u(h.point(i), 1, t, {
-      units: "meters"
-    }).geometry.coordinates;
+    var n;
+    this.stopLineLayer.removeAll(), this.countdownPanelProps = [], (n = this.watchHandle) == null || n.remove(), this.watchHandle = null;
   }
   /**
    * 从停止线坐标计算面板旋转角度
    * @param coordinates
    * @returns
    */
-  getPanelRotation(e) {
-    const i = e[0], p = new m({
-      x: i[0],
-      y: i[1],
+  getPanelRotation(n) {
+    const s = n[0], p = new h({
+      x: s[0],
+      y: s[1],
       spatialReference: this.view.spatialReference
-    }), c = this.view.toScreen(p), r = e[e.length - 1], t = new m({
+    }), c = this.view.toScreen(p), r = n[n.length - 1], t = new h({
       x: r[0],
       y: r[1],
       spatialReference: this.view.spatialReference
-    }), n = this.view.toScreen(t), o = n.x - c.x, s = n.y - c.y;
-    return Math.atan2(s, o) * (180 / Math.PI);
+    }), o = this.view.toScreen(t), e = o.x - c.x, i = o.y - c.y;
+    return Math.atan2(i, e) * (180 / Math.PI);
   }
 }
 export {
-  b as default
+  L as default
 };

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

@@ -1,6 +1,6 @@
 import MapView from '@arcgis/core/views/MapView';
 import SceneView from '@arcgis/core/views/SceneView';
-import { IFindSumoParams, ILaneNumberParams, ILayerVisibleParams, ILookAtParams, IMaskParam, IOverlayParam, IQueueLengthParams, ISetMapCameraParams, ISetMapCenterParams, IShowOpenDriveFromFileParams, ISplitOpenDriveLaneParams, IStartCrossBufferParam, IToggleTrafficInfoParams, IUnselectSumoParams } from '../types';
+import { IFindSumoParams, ILaneNumberParams, ILayerVisibleParams, ILookAtParams, IMaskParam, IOverlayParam, IQueueLengthParams, ISetMapCameraParams, ISetMapCenterParams, IShowOpenDriveFromFileParams, ISignalCountdownProps, ISplitOpenDriveLaneParams, IStartCrossBufferParam, IToggleTrafficInfoParams, IUnselectSumoParams } from '../types';
 import HoloFlow from './utils/holo-flow';
 import MapInitializer from './utils/map-initializer';
 import OpenDriveRenderer from './utils/open-drive-renderer';
@@ -34,9 +34,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         mapConfig: {};
         saveTrackLog: boolean;
         isSketching: boolean;
-        countdownPanels: import("../types").ISignalCountdownProps[];
+        countdownPanels: ISignalCountdownProps[];
     }, {}, {}>;
-    countdownPanelInfos: import("vue").Ref<{
+    countdownPanelProps: {
         displayMode: string;
         crossId: string;
         roadId: string;
@@ -58,7 +58,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             rNumber?: number | undefined;
             rColor?: string | undefined;
         };
-    }[]>;
+    }[];
     mapViewer: import("vue").ComputedRef<MapView | SceneView>;
     startSaveTrackLog: () => void;
     downloadTrackLog: () => void;

package/lib/src/gis-map/gis-map.vue.js

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

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

@@ -25,7 +25,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
         isSketching: boolean;
         countdownPanels: import("../types").ISignalCountdownProps[];
     }, {}, {}>;
-    countdownPanelInfos: import("vue").Ref<{
+    countdownPanelProps: {
         displayMode: string;
         crossId: string;
         roadId: string;
@@ -47,7 +47,7 @@ export declare const GisMap: import("@easyest/utils/dist/lib/withinstall").SFCWi
             rNumber?: number | undefined;
             rColor?: string | undefined;
         };
-    }[]>;
+    }[];
     mapViewer: import("vue").ComputedRef<__esri.MapView | __esri.SceneView>;
     startSaveTrackLog: () => void;
     downloadTrackLog: () => void;

package/lib/src/gis-map/utils/GreenWaveline.d.ts

@@ -0,0 +1,68 @@
+import Graphic from '@arcgis/core/Graphic';
+import GraphicsLayer from '@arcgis/core/layers/GraphicsLayer';
+import MapView from '@arcgis/core/views/MapView';
+import SceneView from '@arcgis/core/views/SceneView';
+interface GreenWaveLineOptions {
+    viewer: MapView | SceneView;
+    graphicsLayerOptions: {
+        id: string;
+    };
+}
+interface roadPath {
+    paths: [number, number][];
+    symbol: any;
+    attributes: any;
+    visible?: boolean;
+}
+interface animationOptions {
+    isAnimation: boolean;
+    positive?: boolean;
+    positiveColor?: number[];
+    negative?: boolean;
+    negativeColor?: number[];
+}
+export default class GreenWaveLine {
+    private viewer;
+    overlayLayer: GraphicsLayer;
+    customGreenWaveLineView: any;
+    material: THREE.ShaderMaterial;
+    renderer: THREE.WebGLRenderer;
+    threeScene: THREE.Scene;
+    camera: THREE.PerspectiveCamera;
+    private defaultAnimationOptions;
+    constructor(options: GreenWaveLineOptions);
+    addGreenWaveLine(paths: roadPath[], options?: animationOptions): void;
+    getAnimationPath(paths: [number, number][], options?: animationOptions): any;
+    createLine(paths: any, symbol: any, attributes: any, visible: boolean): Graphic;
+    addPointText(points: any[]): void;
+    createPointText(point: any, symbol: any, attributes: any, visible: boolean): Graphic;
+    /**
+     * 隐藏覆盖物
+     *
+     * @param {string[]} [ids]
+     * @memberof GreenWaveLine
+     */
+    hideWaveLine(ids?: string[]): void;
+    /**
+     * 显示覆盖物
+     *
+     * @param {string[]} [ids]
+     * @memberof GreenWaveLine
+     */
+    showWaveLine(ids?: string[]): void;
+    /**
+     * 隐藏图层
+     *
+     * @memberof GreenWaveLine
+     */
+    hideLayer(): void;
+    /**
+     * 显示图层
+     *
+     * @memberof Overlay
+     */
+    showLayer(): void;
+    clearGreenWaveLine(): void;
+    destroy(): void;
+}
+export {};

package/lib/src/gis-map/utils/holo-flow/index.d.ts

@@ -1,9 +1,10 @@
-import { IToggleTrafficInfoParams } from '../../../types';
+import { ISignalCountdownProps, IToggleTrafficInfoParams } from '../../../types';
 export default class Index {
     private readonly view;
     private traceHoloFlow;
     private signalHoloFlow;
-    constructor(view: __esri.MapView | __esri.SceneView);
+    private signalCountdownPanelProps;
+    constructor(view: __esri.MapView | __esri.SceneView, signalCountdownPanelProps: ISignalCountdownProps[]);
     init(): Promise<void>;
     /**
      * 处理全息流轨迹数据

package/lib/src/gis-map/utils/holo-flow/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),t=require("../../../types/index.js"),s=require("../../stores/index.js"),n=require("./signal-holo-flow.js"),c=require("./signal-holo-flow-lsr.js"),r=require("./trace-holo-flow.js");class h{constructor(e){this.view=e}async init(){this.traceHoloFlow=new r.default(this.view),await this.traceHoloFlow.init()}handleVehicleTraceData(e){this.traceHoloFlow.handleVehicleTraceData(e)}toggleTrafficObject(e){switch(e.name.toLowerCase()){case"groundVehicle".toLowerCase():this.traceHoloFlow.toggleGroundVehicle(e.visible);break;case"elevatedVehicle".toLowerCase():this.traceHoloFlow.toggleElevatedVehicle(e.visible);break}}clearHoloTrace(){this.traceHoloFlow.clearTrace()}toggleTrafficInfo(e){this.traceHoloFlow.toggleTrafficInfo(e)}togglePause(e){this.traceHoloFlow.togglePause(e)}updatePanelContent(e){let o=t.EVehiclePlateState.None;switch(e){case"none":o=t.EVehiclePlateState.None;break;case"plateNumber":o=t.EVehiclePlateState.PlateNumber;break;case"vehicleId":o=t.EVehiclePlateState.Id;break;case"mix":o=t.EVehiclePlateState.Mix;break}this.traceHoloFlow.updatePanelContent(o)}async handleSignalData(e){var o,l;if(!this.signalHoloFlow){const a=s.default.useAppDataStore;((l=(o=i.toRaw(a.mapConfig).holoFlow)==null?void 0:o.signal)==null?void 0:l.style)==="LSR"?this.signalHoloFlow=new c.default(this.view):this.signalHoloFlow=new n.default(this.view),await this.signalHoloFlow.initializeLayer()}await this.signalHoloFlow.handleSignalData(e)}clearHoloSignal(){var e;(e=this.signalHoloFlow)==null||e.clearSignal()}setInterpolate(e){this.traceHoloFlow.setInterpolate(e)}downloadTrackLog(){this.traceHoloFlow.downloadLog()}}exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),t=require("../../../types/index.js"),s=require("../../stores/index.js"),n=require("./signal-holo-flow.js"),r=require("./signal-holo-flow-lsr.js"),c=require("./trace-holo-flow.js");class h{constructor(e,o){this.view=e,this.signalCountdownPanelProps=o}async init(){this.traceHoloFlow=new c.default(this.view),await this.traceHoloFlow.init()}handleVehicleTraceData(e){this.traceHoloFlow.handleVehicleTraceData(e)}toggleTrafficObject(e){switch(e.name.toLowerCase()){case"groundVehicle".toLowerCase():this.traceHoloFlow.toggleGroundVehicle(e.visible);break;case"elevatedVehicle".toLowerCase():this.traceHoloFlow.toggleElevatedVehicle(e.visible);break}}clearHoloTrace(){this.traceHoloFlow.clearTrace()}toggleTrafficInfo(e){this.traceHoloFlow.toggleTrafficInfo(e)}togglePause(e){this.traceHoloFlow.togglePause(e)}updatePanelContent(e){let o=t.EVehiclePlateState.None;switch(e){case"none":o=t.EVehiclePlateState.None;break;case"plateNumber":o=t.EVehiclePlateState.PlateNumber;break;case"vehicleId":o=t.EVehiclePlateState.Id;break;case"mix":o=t.EVehiclePlateState.Mix;break}this.traceHoloFlow.updatePanelContent(o)}async handleSignalData(e){var o,l;if(!this.signalHoloFlow){const a=s.default.useAppDataStore;((l=(o=i.toRaw(a.mapConfig).holoFlow)==null?void 0:o.signal)==null?void 0:l.style)==="LSR"?this.signalHoloFlow=new r.default(this.view,this.signalCountdownPanelProps):this.signalHoloFlow=new n.default(this.view),await this.signalHoloFlow.initializeLayer()}await this.signalHoloFlow.handleSignalData(e)}clearHoloSignal(){var e;(e=this.signalHoloFlow)==null||e.clearSignal()}setInterpolate(e){this.traceHoloFlow.setInterpolate(e)}downloadTrackLog(){this.traceHoloFlow.downloadLog()}}exports.default=h;

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

@@ -1,21 +1,16 @@
 import SignalHoloFlow from './signal-holo-flow';
+import { ISignalCountdownProps } from '../../../types';
 export default class LSRSignalHoloFlow extends SignalHoloFlow {
     private stopLineLayer;
-    private store;
     private watchHandle;
-    constructor(view: __esri.MapView | __esri.SceneView);
+    private countdownPanelProps;
+    constructor(view: __esri.MapView | __esri.SceneView, countdownPanelInfos: ISignalCountdownProps[]);
     private stopLineMap;
     initializeLayer(): Promise<void>;
     private currentPanelScale;
     private getPanelScale;
     handleSignalData(data: any): Promise<void>;
     clearSignal(): void;
-    /**
-     * 从停止线坐标计算面板位置
-     * @param coordinates
-     * @returns
-     */
-    private getPanelPoint;
     /**
      * 从停止线坐标计算面板旋转角度
      * @param coordinates

package/lib/src/gis-map/utils/holo-flow/signal-holo-flow-lsr.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("@arcgis/core/core/reactiveUtils"),d=require("@arcgis/core/geometry"),m=require("@arcgis/core/layers/GraphicsLayer"),w=require("@turf/bearing"),y=require("@turf/destination"),L=require("@turf/helpers"),S=require("../../stores/index.js"),v=require("../common-utils.js"),M=require("./signal-holo-flow.js");function g(f){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(f){for(const o in f)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(f,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>f[o]})}}return e.default=f,Object.freeze(e)}const b=g(P),h=g(L);class x extends M.default{constructor(e){super(e),this.stopLineLayer=new m,this.store=S.default.useAppDataStore,this.watchHandle=null,this.stopLineMap=new Map,this.view.map.add(this.stopLineLayer)}async initializeLayer(){var p,c;console.time("初始化停止线图层");let e=(c=(p=this.mapConfig.holoFlow)==null?void 0:p.signal)==null?void 0:c.stopLineLayer;if(!e)return;e=this.mapConfig.assetsRoot+"/"+e,(await(await fetch(e)).json()).features.forEach(t=>{const{roadId:s,nodeId:n,angle:i,destinationPoint:a}=t.properties,{coordinates:l}=t.geometry,u=this.stopLineMap.get(n);u?u.set(s,{coord:l,panelPoint:a,angle:i}):this.stopLineMap.set(n,new Map([[s,{coord:l,panelPoint:a,angle:i}]]))}),console.timeEnd("初始化停止线图层")}getPanelScale(){const e=this.view.scale;let o=1;return e<1e3?o=1:e<2e3?o=.8:o=.4,o}async handleSignalData(e){this.watchHandle||(this.watchHandle=b.watch(()=>this.view.extent,()=>{const t=this.getPanelScale();for(const s of this.store.countdownPanels){t!==this.currentPanelScale&&(s.scale=t);const{mapPoint:n}=s,i=this.view.toScreen({type:"point",x:n[0],y:n[1]});s.position.left=i.x,s.position.top=i.y}this.currentPanelScale=t}));const o=e.crossId,r=this.stopLineMap.get(o);if(!r){console.log(`没有找到路口${o}`);return}const p=e.phaseCountDownList,c=new Map;for(const t of p){let s="";for(let l of t.roadIdList)if(l.startsWith("-")&&(l=l.slice(1)),r.has(l)){s=l;break}if(!s){console.log(`没有找到对应的进口道${o}--${s}`);continue}let n=c.get(s);if(n||(n={},c.set(s,n)),!t.direction){console.log(`没有找到对应的方向${o}--${JSON.stringify(t)}`);continue}const i=t.direction.toLowerCase(),a=t.color===1?"red":t.color===2?"yellow":"green";i==="u"?(n.uNumber=t.leftTime,n.uColor=a):i==="l"?(n.lNumber=t.leftTime,n.lColor=a):i==="s"?(n.sNumber=t.leftTime,n.sColor=a):i==="r"&&(n.rNumber=t.leftTime,n.rColor=a)}c.forEach((t,s)=>{const n=r.get(s);if(!n)return;const i=this.store.countdownPanels.find(a=>a.crossId===o&&a.roadId===s);if(i)i.lampStatus=t;else{const a=n.panelPoint,l=this.view.toScreen({type:"point",x:a[0],y:a[1]}),u=this.getPanelRotation(n.coord);this.store.countdownPanels.push({displayMode:"complex",crossId:o,roadId:s,mapPoint:a,stopLine:n.coord,position:{left:l.x,top:l.y},rotation:u,scale:this.getPanelScale(),lampStatus:t})}})}clearSignal(){var e;this.stopLineLayer.removeAll(),this.store.countdownPanels=[],(e=this.watchHandle)==null||e.remove(),this.watchHandle=null}getPanelPoint(e){const o=v.default.getCenterPointInLine(e),r=e[0],p=e[e.length-1];let t=w(h.point(r),h.point(p))-90;return t<-180&&(t+=360),y(h.point(o),1,t,{units:"meters"}).geometry.coordinates}getPanelRotation(e){const o=e[0],r=new d.Point({x:o[0],y:o[1],spatialReference:this.view.spatialReference}),p=this.view.toScreen(r),c=e[e.length-1],t=new d.Point({x:c[0],y:c[1],spatialReference:this.view.spatialReference}),s=this.view.toScreen(t),n=s.x-p.x,i=s.y-p.y;return Math.atan2(i,n)*(180/Math.PI)}}exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("@arcgis/core/core/reactiveUtils"),d=require("@arcgis/core/geometry"),P=require("@arcgis/core/layers/GraphicsLayer"),w=require("./signal-holo-flow.js");function g(f){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(f){for(const o in f)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(f,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>f[o]})}}return t.default=f,Object.freeze(t)}const m=g(u);class y extends w.default{constructor(t,o){super(t),this.stopLineLayer=new P,this.watchHandle=null,this.stopLineMap=new Map,this.countdownPanelProps=o,this.view.map.add(this.stopLineLayer)}async initializeLayer(){var p,c;console.time("初始化停止线图层");let t=(c=(p=this.mapConfig.holoFlow)==null?void 0:p.signal)==null?void 0:c.stopLineLayer;if(!t)return;t=this.mapConfig.assetsRoot+"/"+t,(await(await fetch(t)).json()).features.forEach(n=>{const{roadId:s,nodeId:e,angle:i,destinationPoint:a}=n.properties,{coordinates:l}=n.geometry,h=this.stopLineMap.get(e);h?h.set(s,{coord:l,panelPoint:a,angle:i}):this.stopLineMap.set(e,new Map([[s,{coord:l,panelPoint:a,angle:i}]]))}),console.timeEnd("初始化停止线图层")}getPanelScale(){const t=this.view.scale;let o=1;return t<1e3?o=1:t<2e3?o=.8:o=.4,o}async handleSignalData(t){this.watchHandle||(this.watchHandle=m.watch(()=>this.view.extent,()=>{const n=this.getPanelScale();for(const s of this.countdownPanelProps){n!==this.currentPanelScale&&(s.scale=n);const{mapPoint:e}=s,i=this.view.toScreen({type:"point",x:e[0],y:e[1]});s.position.left=i.x,s.position.top=i.y}this.currentPanelScale=n}));const o=t.crossId,r=this.stopLineMap.get(o);if(!r){console.log(`没有找到路口${o}`);return}const p=t.phaseCountDownList,c=new Map;for(const n of p){let s="";for(let l of n.roadIdList)if(l.startsWith("-")&&(l=l.slice(1)),r.has(l)){s=l;break}if(!s){console.log(`没有找到对应的进口道${o}--${s}`);continue}let e=c.get(s);if(e||(e={},c.set(s,e)),!n.direction){console.log(`没有找到对应的方向${o}--${JSON.stringify(n)}`);continue}const i=n.direction.toLowerCase(),a=n.color===1?"red":n.color===2?"yellow":"green";i==="u"?(e.uNumber=n.leftTime,e.uColor=a):i==="l"?(e.lNumber=n.leftTime,e.lColor=a):i==="s"?(e.sNumber=n.leftTime,e.sColor=a):i==="r"&&(e.rNumber=n.leftTime,e.rColor=a)}c.forEach((n,s)=>{const e=r.get(s);if(!e)return;const i=this.countdownPanelProps.find(a=>a.crossId===o&&a.roadId===s);if(i)i.lampStatus=n;else{const a=e.panelPoint,l=this.view.toScreen({type:"point",x:a[0],y:a[1]}),h=this.getPanelRotation(e.coord);this.countdownPanelProps.push({displayMode:"complex",crossId:o,roadId:s,mapPoint:a,stopLine:e.coord,position:{left:l.x,top:l.y},rotation:h,scale:this.getPanelScale(),lampStatus:n})}})}clearSignal(){var t;this.stopLineLayer.removeAll(),this.countdownPanelProps=[],(t=this.watchHandle)==null||t.remove(),this.watchHandle=null}getPanelRotation(t){const o=t[0],r=new d.Point({x:o[0],y:o[1],spatialReference:this.view.spatialReference}),p=this.view.toScreen(r),c=t[t.length-1],n=new d.Point({x:c[0],y:c[1],spatialReference:this.view.spatialReference}),s=this.view.toScreen(n),e=s.x-p.x,i=s.y-p.y;return Math.atan2(i,e)*(180/Math.PI)}}exports.default=y;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gisviewer-vue3-arcgis",
-  "version": "1.0.170",
+  "version": "1.0.171",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [