gisviewer-vue3-arcgis 1.0.241 → 1.0.243

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

@@ -90,5 +90,5 @@ export default class CommonUtils {
      * @returns
      */
     static getCenterPointInLine(line: number[][]): number[];
-    static viewGoto(view: __esri.MapView | __esri.SceneView, target: Graphic[]): Promise<void>;
+    static viewGoto(view: __esri.MapView | __esri.SceneView, target: Graphic[], zoom?: boolean): Promise<void>;
 }

package/es/src/gis-map/utils/common-utils.mjs

@@ -1,13 +1,13 @@
-import { Point as L, Polyline as g } from "@arcgis/core/geometry";
-import * as f from "@arcgis/core/geometry/geometryEngineAsync";
-import * as l from "@arcgis/core/geometry/support/webMercatorUtils";
-import p from "@turf/bearing";
-import u from "@turf/destination";
-import * as c from "@turf/helpers";
+import { Point as L, Polyline as l } from "@arcgis/core/geometry";
+import * as u from "@arcgis/core/geometry/geometryEngineAsync";
+import * as y from "@arcgis/core/geometry/support/webMercatorUtils";
+import h from "@turf/bearing";
+import p from "@turf/destination";
+import * as f from "@turf/helpers";
 import d from "@turf/length";
 import O from "@turf/line-slice-along";
 import w from "pako";
-import h from "proj4";
+import P from "proj4";
 class s {
   /**
    * 得到某个点在一定方向、距离之外的另一个点
@@ -17,7 +17,7 @@ class s {
    * @returns
    */
   static destinationWithPoint(t, e, n) {
-    const r = c.point([t.x, t.y]), i = u(r, n, e, {
+    const r = f.point([t.x, t.y]), i = p(r, n, e, {
       units: "meters"
     });
     return new L({
@@ -31,8 +31,8 @@ class s {
    * @returns
    */
   static angleOfLine(t) {
-    const e = t.paths[0], n = c.point(e[0]), r = c.point(e[e.length - 1]);
-    return p(n, r);
+    const e = t.paths[0], n = f.point(e[0]), r = f.point(e[e.length - 1]);
+    return h(n, r);
   }
   /**
    * 在头尾两个方向上延长折线
@@ -40,14 +40,14 @@ class s {
    * @param distance
    */
   static extendLineInTowDir(t, e) {
-    const n = t.paths[0], r = c.point(n[0]), i = c.point(n[1]), o = p(i, r), a = u(r, e, o, {
+    const n = t.paths[0], r = f.point(n[0]), i = f.point(n[1]), a = h(i, r), c = p(r, e, a, {
       units: "meters"
-    }), y = o > 0 ? o - 180 : o + 180, P = u(i, e, y, {
+    }), g = a > 0 ? a - 180 : a + 180, o = p(i, e, g, {
       units: "meters"
     });
-    return new g({
+    return new l({
       paths: [
-        [a.geometry.coordinates, P.geometry.coordinates]
+        [c.geometry.coordinates, o.geometry.coordinates]
       ]
     });
   }
@@ -58,7 +58,7 @@ class s {
    * @returns
    */
   static async getIntersectPointOfTwoLines(t, e) {
-    const n = await f.intersectLinesToPoints(
+    const n = await u.intersectLinesToPoints(
       t,
       e
     );
@@ -84,9 +84,9 @@ class s {
           e,
           i
         ), await s.pointDistance(r) > 2.5) {
-          const o = new g({ paths: [r] });
+          const a = new l({ paths: [r] });
           return (await s.getOffsetLine(
-            o,
+            a,
             -i
           )).paths[0];
         }
@@ -102,8 +102,8 @@ class s {
   static async pointDistance(t) {
     if (t.length < 2)
       return 0;
-    const e = new g({ paths: [t] });
-    return await f.geodesicLength(e, "meters");
+    const e = new l({ paths: [t] });
+    return await u.geodesicLength(e, "meters");
   }
   /**
    * 线按一定距离平移之后，与面相交的两个端点
@@ -114,10 +114,10 @@ class s {
    */
   static async getIntersectPointOfLineAndPolygon(t, e, n = 0) {
     n !== 0 && (t = await s.getOffsetLine(t, n));
-    const r = await f.intersect(t, e);
-    if (r instanceof g) {
-      const i = r.paths[0], o = i[0], a = i[i.length - 1];
-      return [o, a];
+    const r = await u.intersect(t, e);
+    if (r instanceof l) {
+      const i = r.paths[0], a = i[0], c = i[i.length - 1];
+      return [a, c];
     }
     return [];
   }
@@ -128,12 +128,12 @@ class s {
    * @returns 平移后的polyline
    */
   static async getOffsetLine(t, e) {
-    const n = l.geographicToWebMercator(t), r = await f.offset(
+    const n = y.geographicToWebMercator(t), r = await u.offset(
       n,
       e,
       "meters"
     );
-    return l.webMercatorToGeographic(
+    return y.webMercatorToGeographic(
       r,
       !1
     );
@@ -147,8 +147,8 @@ class s {
     try {
       const e = [], n = t.split("");
       for (let i = 0; i < n.length; i++) {
-        const o = n[i];
-        e.push(o.charCodeAt(0));
+        const a = n[i];
+        e.push(a.charCodeAt(0));
       }
       const r = new Uint8Array(e);
       return w.inflate(r, { to: "string" });
@@ -185,7 +185,7 @@ class s {
   static transformLineProjection(t) {
     try {
       return t.map(
-        (e) => h(s.geoReference).inverse([
+        (e) => P(s.geoReference).inverse([
           e[0] - s.xOffset,
           e[1] - s.yOffset
         ])
@@ -199,7 +199,7 @@ class s {
   }
   static transformPointProjection(t) {
     try {
-      return h(s.geoReference).inverse([
+      return P(s.geoReference).inverse([
         t[0] - s.xOffset,
         t[1] - s.yOffset
       ]);
@@ -214,8 +214,8 @@ class s {
     return Math.abs(t[0] - e[0]) < Number.EPSILON && Math.abs(t[1] - e[1]) < Number.EPSILON;
   }
   static getExtensionLine(t, e, n) {
-    const r = c.point(t), i = c.point(e), o = p(r, i);
-    return u(i, n, o, { units: "meters" }).geometry.coordinates;
+    const r = f.point(t), i = f.point(e), a = h(r, i);
+    return p(i, n, a, { units: "meters" }).geometry.coordinates;
   }
   static isCoordinateValid(t) {
     return typeof t.latitude == "string" && (t.latitude = Number(t.latitude)), typeof t.longitude == "string" && (t.longitude = Number(t.longitude)), t.latitude !== null && t.longitude !== null && !isNaN(t.latitude) && !isNaN(t.longitude) && t.latitude !== 0 && t.longitude !== 0;
@@ -226,22 +226,35 @@ class s {
    * @returns
    */
   static getCenterPointInLine(t) {
-    const e = c.lineString(t), n = d(e, { units: "meters" }) / 2, r = O(e, 0, n, {
+    const e = f.lineString(t), n = d(e, { units: "meters" }) / 2, r = O(e, 0, n, {
       units: "meters"
     });
     return r.geometry.coordinates[r.geometry.coordinates.length - 1];
   }
-  static async viewGoto(t, e) {
-    var i;
-    if (localStorage.getItem("gpu") !== "Unknown")
+  static async viewGoto(t, e, n = !0) {
+    var a, c;
+    const i = localStorage.getItem("gpu") !== "Unknown";
+    if (!n) {
+      if (e.length > 0) {
+        const g = e.map((o) => o.geometry).filter((o) => o);
+        if (g.length > 0) {
+          const o = (a = await u.union(g)) == null ? void 0 : a.extent;
+          o && (i ? await t.goTo(o.center, {
+            duration: 1e3
+          }) : t.center = o.center);
+        }
+      }
+      return;
+    }
+    if (i)
       await t.goTo(e, {
         duration: 1e3
       });
     else if (e.length > 0) {
-      const o = e.map((a) => a.geometry).filter((a) => a);
-      if (o.length > 0) {
-        const a = (i = await f.union(o)) == null ? void 0 : i.extent;
-        a && (t.extent = a);
+      const g = e.map((o) => o.geometry).filter((o) => o);
+      if (g.length > 0) {
+        const o = (c = await u.union(g)) == null ? void 0 : c.extent;
+        o && (t.extent = o);
       }
     }
   }

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

@@ -1,54 +1,54 @@
-import * as w from "@arcgis/core/core/reactiveUtils";
+import * as m from "@arcgis/core/core/reactiveUtils";
 import { Point as u } from "@arcgis/core/geometry";
 import * as g from "@arcgis/core/geometry/support/webMercatorUtils.js";
 import L from "@arcgis/core/Graphic";
 import b from "@arcgis/core/layers/GraphicsLayer";
 import M from "./signal-holo-flow.mjs";
 class v extends M {
-  constructor(e, t) {
-    var n, a;
-    super(e), this.waitingAreaLayer = new b(), this.watchHandle = null, this.trajectoryDelayTime = 2, this.stopLineMap = /* @__PURE__ */ new Map(), this.waitingAreaMap = /* @__PURE__ */ new Map(), this.lampGroupMap = /* @__PURE__ */ new Map(), this.countdownPanelProps = t, this.view.map.add(this.waitingAreaLayer), this.trajectoryDelayTime = (a = (n = this.mapConfig.holoFlow) == null ? void 0 : n.signal) == null ? void 0 : a.delay, this.trajectoryDelayTime === void 0 && (this.trajectoryDelayTime = 2);
+  constructor(e, o) {
+    var s, n;
+    super(e), this.waitingAreaLayer = new b(), this.watchHandle = null, this.trajectoryDelayTime = 2, this.stopLineMap = /* @__PURE__ */ new Map(), this.waitingAreaMap = /* @__PURE__ */ new Map(), this.lampGroupMap = /* @__PURE__ */ new Map(), this.countdownPanelProps = o, this.view.map.add(this.waitingAreaLayer), this.trajectoryDelayTime = (n = (s = this.mapConfig.holoFlow) == null ? void 0 : s.signal) == null ? void 0 : n.delay, this.trajectoryDelayTime === void 0 && (this.trajectoryDelayTime = 2);
   }
   /**
    * 读取停止线图层，将灯组面板沿着停止线放置
    * @returns
    */
   async initializeLayer() {
-    var a, o, s, i, r;
+    var n, a, i, r, t;
     if (this.stopLineMap.size > 0)
       return;
     console.time("初始化停止线图层");
-    let e = (o = (a = this.mapConfig.holoFlow) == null ? void 0 : a.signal) == null ? void 0 : o.stopLineLayer;
+    let e = (a = (n = this.mapConfig.holoFlow) == null ? void 0 : n.signal) == null ? void 0 : a.stopLineLayer;
     if (!e)
       return;
     e = this.mapConfig.assetsRoot + "/" + e;
-    let t = await fetch(e), n = await t.json();
-    for (const l of n.features) {
-      const { roadId: c, nodeId: d } = l.properties;
+    let o = await fetch(e), s = await o.json();
+    for (const l of s.features) {
+      const { roadId: c, nodeId: h } = l.properties;
       let { destinationPoint: p } = l.properties;
-      const { coordinates: h } = l.geometry;
+      const { coordinates: f } = l.geometry;
       if (p) {
         if (typeof p == "string")
           try {
             p = JSON.parse(p);
-          } catch (f) {
-            console.error("解析面板基准点失败", f);
+          } catch (d) {
+            console.error("解析面板基准点失败", d);
             continue;
           }
       } else {
-        const f = h[0], m = h[h.length - 1], y = (f[0] + m[0]) / 2, P = (f[1] + m[1]) / 2;
+        const d = f[0], w = f[f.length - 1], y = (d[0] + w[0]) / 2, P = (d[1] + w[1]) / 2;
         p = [y, P];
       }
-      this.stopLineMap.set(`${d}_${c}`, {
-        coord: h,
+      this.stopLineMap.set(`${h}_${c}`, {
+        coord: f,
         panelPoint: p
       });
     }
-    if (console.timeEnd("初始化停止线图层"), console.time("初始化待行区图层"), e = (i = (s = this.mapConfig.holoFlow) == null ? void 0 : s.signal) == null ? void 0 : i.waitingAreaLayer, !!e) {
-      e = this.mapConfig.assetsRoot + "/" + e, t = await fetch(e), n = await t.json();
-      for (const l of n.features) {
-        const { roadId: c, direction: d, nodeId: p } = l.properties, { coordinates: h } = l.geometry, f = `${p}_${c}`;
-        this.waitingAreaMap.has(f) || this.waitingAreaMap.set(f, []), (r = this.waitingAreaMap.get(f)) == null || r.push({ coord: h, direction: d });
+    if (console.timeEnd("初始化停止线图层"), console.time("初始化待行区图层"), e = (r = (i = this.mapConfig.holoFlow) == null ? void 0 : i.signal) == null ? void 0 : r.waitingAreaLayer, !!e) {
+      e = this.mapConfig.assetsRoot + "/" + e, o = await fetch(e), s = await o.json();
+      for (const l of s.features) {
+        const { roadId: c, direction: h, nodeId: p } = l.properties, { coordinates: f } = l.geometry, d = `${p}_${c}`;
+        this.waitingAreaMap.has(d) || this.waitingAreaMap.set(d, []), (t = this.waitingAreaMap.get(d)) == null || t.push({ coord: f, direction: h });
       }
       console.timeEnd("初始化待行区图层");
     }
@@ -57,14 +57,14 @@ class v extends M {
    * 初始化灯组与进口道的关联关系
    */
   initializeLampGroup(e) {
-    const { sigId: t, lampGroupList: n } = e, a = [];
-    n.forEach((o) => {
-      const { lampGroupNo: s, lampGroupType: i, crossFlowList: r, pedList: l } = o;
-      if (r.length > 0)
-        for (const c of r) {
-          if (i === 81)
+    const { sigId: o, lampGroupList: s } = e, n = [];
+    s.forEach((a) => {
+      const { lampGroupNo: i, lampGroupType: r, crossFlowList: t, pedList: l } = a;
+      if (t.length > 0)
+        for (const c of t) {
+          if (r === 81)
             continue;
-          const d = c.upSectionId;
+          const h = c.upSectionId;
           let p = "s";
           switch (c.turn) {
             case 1:
@@ -80,35 +80,35 @@ class v extends M {
               p = "u";
               break;
           }
-          a.push({
-            lampGroupId: s,
-            roadId: d,
+          n.push({
+            lampGroupId: i,
+            roadId: h,
             dir: p
           });
         }
       l.length > 0;
-    }), this.lampGroupMap.set(t, a);
+    }), this.lampGroupMap.set(o, n);
   }
   /**
    * 处理统一信控平台信号灯数据
    * @param data
    */
   handleUniSignalData(e) {
-    this.watchHandle || (this.watchHandle = w.watch(
+    this.watchHandle || (this.watchHandle = m.watch(
       () => this.view.extent,
       () => this.updatePanelPosition()
     ));
-    const { sigId: t, runningStatus: n } = e.data.basicInfo, a = this.lampGroupMap.get(t);
-    if (!a)
+    const { sigId: o, runningStatus: s } = e.data.basicInfo, n = this.lampGroupMap.get(o);
+    if (!n)
       return { status: -1, message: "灯组未初始化" };
-    const o = /* @__PURE__ */ new Map();
-    let s = !1;
-    switch (String(n)) {
+    const a = /* @__PURE__ */ new Map();
+    let i = !1;
+    switch (String(s)) {
       case "4": {
-        s = !0, a.forEach((i) => {
-          const { roadId: r, dir: l } = i;
-          o.set(r, {
-            ...o.get(r) || {},
+        i = !0, n.forEach((r) => {
+          const { roadId: t, dir: l } = r;
+          a.set(t, {
+            ...a.get(t) || {},
             [`${l}Number`]: "",
             [`${l}Color`]: "yellow"
           });
@@ -116,10 +116,10 @@ class v extends M {
         break;
       }
       case "5": {
-        a.forEach((i) => {
-          const { roadId: r, dir: l } = i;
-          o.set(r, {
-            ...o.get(r) || {},
+        n.forEach((r) => {
+          const { roadId: t, dir: l } = r;
+          a.set(t, {
+            ...a.get(t) || {},
             [`${l}Number`]: "",
             [`${l}Color`]: "red"
           });
@@ -128,10 +128,10 @@ class v extends M {
       }
       case "6":
       case "9": {
-        a.forEach((i) => {
-          const { roadId: r, dir: l } = i;
-          o.set(r, {
-            ...o.get(r) || {},
+        n.forEach((r) => {
+          const { roadId: t, dir: l } = r;
+          a.set(t, {
+            ...a.get(t) || {},
             [`${l}Number`]: "",
             [`${l}Color`]: "off"
           });
@@ -139,108 +139,108 @@ class v extends M {
         break;
       }
       default: {
-        const { curSigColorInfo: i } = e.data;
-        i.forEach((r) => {
-          const l = String(r.lamgroupId), { color: c, leftTime: d } = r, p = a.find(
-            (h) => h.lampGroupId === l
+        const { curSigColorInfo: r } = e.data;
+        r.forEach((t) => {
+          const l = String(t.lamgroupId), { color: c, leftTime: h } = t, p = n.find(
+            (f) => f.lampGroupId === l
           );
           if (p) {
-            const { roadId: h, dir: f } = p;
-            o.set(h, {
-              ...o.get(h) || {},
-              [`${f}Number`]: d,
-              [`${f}Color`]: c === 1 ? "red" : c === 2 ? "yellow" : "green"
+            const { roadId: f, dir: d } = p;
+            a.set(f, {
+              ...a.get(f) || {},
+              [`${d}Number`]: h,
+              [`${d}Color`]: c === 1 ? "red" : c === 2 ? "yellow" : "green"
             });
           }
         });
       }
     }
-    return this.updateLampGroupPanelStatus(t, o, s), { status: 0, message: "ok" };
+    return this.updateLampGroupPanelStatus(o, a, i), { status: 0, message: "ok" };
   }
   /**
    * 根据地图比例尺计算灯组面板缩放比例
    */
   getPanelScale() {
     const e = this.view.scale;
-    let t = 1;
-    return e < 500 ? t = 1.2 : e < 1e3 ? t = 1 : e < 2e3 ? t = 0.8 : e < 4e3 ? t = 0.4 : t = 0, t;
+    let o = 1;
+    return e < 500 ? o = 1.2 : e < 1e3 ? o = 1 : e < 2e3 ? o = 0.8 : e < 4e3 ? o = 0.4 : o = 0, o;
   }
   /**
    * 地图移动时更新灯组面板位置
    */
   updatePanelPosition() {
     const e = this.getPanelScale();
-    for (const t of this.countdownPanelProps) {
-      e !== this.currentPanelScale && (t.scale = e);
-      const { mapPoint: n } = t;
-      let a = new u({
-        x: n[0],
-        y: n[1]
+    for (const o of this.countdownPanelProps) {
+      e !== this.currentPanelScale && (o.scale = e);
+      const { mapPoint: s } = o;
+      let n = new u({
+        x: s[0],
+        y: s[1]
       });
-      this.view.spatialReference.isWebMercator && (a = g.geographicToWebMercator(
-        a
+      this.view.spatialReference.isWebMercator && (n = g.geographicToWebMercator(
+        n
       ));
-      const o = this.view.toScreen(a);
-      if (t.position.left = o.x, t.position.top = o.y, this.view.type === "3d") {
-        const s = this.getPanelRotation(t.stopLine);
-        t.rotation = s;
+      const a = this.view.toScreen(n);
+      if (o.position.left = a.x, o.position.top = a.y, this.view.type === "3d") {
+        const i = this.getPanelRotation(o.stopLine);
+        o.rotation = i;
       }
     }
     this.currentPanelScale = e;
   }
   doHoloSignalData(e) {
-    const t = e.crossId, n = e.phaseCountDownList, a = /* @__PURE__ */ new Map();
-    for (const o of n) {
-      let s = "";
-      for (let c of o.roadIdList)
-        if (c.startsWith("-") && (c = c.slice(1)), this.stopLineMap.has(`${t}_${c}`)) {
-          s = `${t}_${c}`;
+    const o = e.crossId, s = e.showWaitingArea === !0, n = e.phaseCountDownList, a = /* @__PURE__ */ new Map();
+    for (const i of n) {
+      let r = "";
+      for (let h of i.roadIdList)
+        if (h.startsWith("-") && (h = h.slice(1)), this.stopLineMap.has(`${o}_${h}`)) {
+          r = `${o}_${h}`;
           break;
         }
-      if (!s) {
-        console.log(`没有找到对应的进口道${t}--${s}`);
+      if (!r) {
+        console.log(`没有找到对应的进口道${o}--${r}`);
         continue;
       }
-      let i = a.get(s);
-      if (i || (i = {}, a.set(s, i)), !o.direction)
+      let t = a.get(r);
+      if (t || (t = {}, a.set(r, t)), !i.direction)
         continue;
-      const r = o.direction.toLowerCase(), l = o.color === 1 ? "red" : o.color === 2 ? "yellow" : "green";
-      r === "u" ? (i.uNumber = o.leftTime, i.uColor = l) : r === "l" ? (i.lNumber = o.leftTime, i.lColor = l) : r === "s" ? (i.sNumber = o.leftTime, i.sColor = l) : r === "r" && (i.rNumber = o.leftTime, i.rColor = l);
+      const l = i.direction.toLowerCase(), c = i.color === 1 ? "red" : i.color === 2 ? "yellow" : "green";
+      l === "u" ? (t.uNumber = i.leftTime, t.uColor = c) : l === "l" ? (t.lNumber = i.leftTime, t.lColor = c) : l === "s" ? (t.sNumber = i.leftTime, t.sColor = c) : l === "r" && (t.rNumber = i.leftTime, t.rColor = c);
     }
-    this.updateLampGroupPanelStatus(t, a), this.updateWaitingArea(t, a);
+    this.updateLampGroupPanelStatus(o, a), s && this.updateWaitingArea(o, a);
   }
-  updateWaitingArea(e, t) {
-    t.forEach((n, a) => {
-      var o;
-      if (n.lColor) {
-        let s = this.waitingAreaLayer.graphics.find(
-          (i) => i.attributes.roadId === a && i.attributes.direction === "l"
+  updateWaitingArea(e, o) {
+    o.forEach((s, n) => {
+      var a;
+      if (s.lColor) {
+        let i = this.waitingAreaLayer.graphics.find(
+          (r) => r.attributes.roadId === n && r.attributes.direction === "l"
         );
-        if (s)
-          s.attributes.color !== n.lColor && (s.attributes.color = n.lColor, s.symbol = {
+        if (i)
+          i.attributes.color !== s.lColor && (i.attributes.color = s.lColor, i.symbol = {
             type: "simple-fill",
-            color: this.getColor(n.lColor),
+            color: this.getColor(s.lColor),
             outline: {
-              color: this.getColor(n.lColor)
+              color: this.getColor(s.lColor)
             }
           });
         else {
-          const i = (o = this.waitingAreaMap.get(a)) == null ? void 0 : o.find((r) => r.direction === "l");
-          i && (s = new L({
-            geometry: { type: "polygon", rings: i.coord },
+          const r = (a = this.waitingAreaMap.get(n)) == null ? void 0 : a.find((t) => t.direction === "l");
+          r && (i = new L({
+            geometry: { type: "polygon", rings: r.coord },
             attributes: {
-              roadId: a,
+              roadId: n,
               direction: "l",
-              color: n.lColor
+              color: s.lColor
             },
             symbol: {
               type: "simple-fill",
-              color: this.getColor(n.lColor),
+              color: this.getColor(s.lColor),
               outline: {
-                color: this.getColor(n.lColor)
+                color: this.getColor(s.lColor)
               }
             }
-          }), this.waitingAreaLayer.add(s));
+          }), this.waitingAreaLayer.add(i));
         }
       }
     });
@@ -248,40 +248,40 @@ class v extends M {
   getColor(e) {
     return e === "green" ? [0, 255, 0, 0.8] : e === "yellow" ? [255, 192, 2, 0.8] : [255, 0, 0, 0.8];
   }
-  updateLampGroupPanelStatus(e, t, n = !1) {
-    t.forEach((a, o) => {
-      const s = this.stopLineMap.get(o);
-      if (!s)
+  updateLampGroupPanelStatus(e, o, s = !1) {
+    o.forEach((n, a) => {
+      const i = this.stopLineMap.get(a);
+      if (!i)
         return;
-      const i = this.countdownPanelProps.find(
-        (r) => r.roadId === o
+      const r = this.countdownPanelProps.find(
+        (t) => t.roadId === a
       );
-      if (i)
-        i.lampStatus = a, i.flash = n;
+      if (r)
+        r.lampStatus = n, r.flash = s;
       else {
-        let r = new u({
-          x: s.panelPoint[0],
-          y: s.panelPoint[1]
+        let t = new u({
+          x: i.panelPoint[0],
+          y: i.panelPoint[1]
         });
-        this.view.spatialReference.isWebMercator && (r = g.geographicToWebMercator(
-          r
+        this.view.spatialReference.isWebMercator && (t = g.geographicToWebMercator(
+          t
         ));
-        const l = this.view.toScreen(r), c = this.getPanelRotation(s.coord);
+        const l = this.view.toScreen(t), c = this.getPanelRotation(i.coord);
         this.countdownPanelProps.push({
           displayMode: "complex",
-          flash: n,
+          flash: s,
           crossId: e,
-          roadId: o,
-          mapPoint: s.panelPoint,
+          roadId: a,
+          mapPoint: i.panelPoint,
           // 定位点地理坐标
-          stopLine: s.coord,
+          stopLine: i.coord,
           // 关联的停止线坐标
           position: { left: l.x, top: l.y },
           // 定位点屏幕坐标
           rotation: c,
           // 面板旋转角度
           scale: this.getPanelScale(),
-          lampStatus: a
+          lampStatus: n
           // 灯组状态
         });
       }
@@ -293,7 +293,7 @@ class v extends M {
    * @returns
    */
   async handleHoloSignalData(e) {
-    this.watchHandle || (this.watchHandle = w.watch(
+    this.watchHandle || (this.watchHandle = m.watch(
       () => this.view.extent,
       () => this.updatePanelPosition()
     )), this.trajectoryDelayTime === 0 ? this.doHoloSignalData(e) : setTimeout(
@@ -311,15 +311,7 @@ class v extends M {
    * @returns
    */
   getPanelRotation(e) {
-    const t = e[0];
-    let n = new u({
-      x: t[0],
-      y: t[1]
-    });
-    this.view.spatialReference.isWebMercator && (n = g.geographicToWebMercator(
-      n
-    ));
-    const a = this.view.toScreen(n), o = e[e.length - 1];
+    const o = e[0];
     let s = new u({
       x: o[0],
       y: o[1]
@@ -327,8 +319,16 @@ class v extends M {
     this.view.spatialReference.isWebMercator && (s = g.geographicToWebMercator(
       s
     ));
-    const i = this.view.toScreen(s), r = i.x - a.x, l = i.y - a.y;
-    return Math.atan2(l, r) * (180 / Math.PI);
+    const n = this.view.toScreen(s), a = e[e.length - 1];
+    let i = new u({
+      x: a[0],
+      y: a[1]
+    });
+    this.view.spatialReference.isWebMercator && (i = g.geographicToWebMercator(
+      i
+    ));
+    const r = this.view.toScreen(i), t = r.x - n.x, l = r.y - n.y;
+    return Math.atan2(l, t) * (180 / Math.PI);
   }
 }
 export {

package/es/src/gis-map/utils/signal-control-area/sub-district-renderer.mjs

@@ -1,4 +1,4 @@
-import f from "@arcgis/core/Graphic";
+import L from "@arcgis/core/Graphic";
 import m from "@arcgis/core/layers/FeatureLayer";
 import v from "../common-utils.mjs";
 import { subDistrictPointLayerOptions as I, subDistrictLineLayerOptions as z } from "./layer-symbol.mjs";
@@ -32,7 +32,7 @@ class C {
           }
         }
       }), i.signals.forEach((a) => {
-        const n = new f({
+        const n = new L({
           geometry: {
             type: "point",
             longitude: a.longitude,
@@ -116,14 +116,14 @@ class C {
         color: c,
         id: d,
         districtName: p,
-        subDistrictName: L,
+        subDistrictName: f,
         signalCount: b
       } = u.attributes;
       n.has(o) || n.set(o, {
         color: c,
         signalIds: [],
         districtName: p,
-        subDistrictName: L,
+        subDistrictName: f,
         signalCount: b
       }), (y = n.get(o)) == null || y.signalIds.push(d);
     });
@@ -140,11 +140,11 @@ class C {
           style: "solid"
         }
       });
-      const { districtName: d, subDistrictName: p, signalIds: L, signalCount: b } = u[1];
+      const { districtName: d, subDistrictName: p, signalIds: f, signalCount: b } = u[1];
       this.roadConnections.filter(
         (l) => l.subDistrictId === c
       ).forEach((l) => {
-        const w = new f({
+        const w = new L({
           geometry: {
             type: "polyline",
             paths: l.coordinates
@@ -228,7 +228,7 @@ class C {
     const s = this.subDistrictPointLayer.createQuery();
     s.where = `subDistrictId = '${e}'`, s.returnGeometry = !0;
     const t = await this.subDistrictPointLayer.queryFeatures(s);
-    return t.features.length > 0 ? (await v.viewGoto(this.view, t.features), { status: 0, message: "ok" }) : { status: 1, message: "未找到子区" };
+    return t.features.length > 0 ? (await v.viewGoto(this.view, t.features, !1), { status: 0, message: "ok" }) : { status: 1, message: "未找到子区" };
   }
   /**
    * 高亮子区, 其他子区隐藏
@@ -240,7 +240,7 @@ class C {
     const t = this.subDistrictPointLayer.definitionExpression;
     this.subDistrictPointLayer.definitionExpression = `subDistrictId = '${e}'`;
     const r = await this.subDistrictPointLayer.queryFeatures(), i = r.features.length;
-    return i > 0 ? (this.subDistrictLineLayer.definitionExpression = `subDistrictId = '${e}'`, s = r.features[0].attributes.districtId, await v.viewGoto(this.view, r.features)) : this.subDistrictPointLayer.definitionExpression = t, { count: i, parentId: s };
+    return i > 0 ? (this.subDistrictLineLayer.definitionExpression = `subDistrictId = '${e}'`, s = r.features[0].attributes.districtId, await v.viewGoto(this.view, r.features, !1)) : this.subDistrictPointLayer.definitionExpression = t, { count: i, parentId: s };
   }
   /**
    * 按照区控、子区id显示子区

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

@@ -90,5 +90,5 @@ export default class CommonUtils {
      * @returns
      */
     static getCenterPointInLine(line: number[][]): number[];
-    static viewGoto(view: __esri.MapView | __esri.SceneView, target: Graphic[]): Promise<void>;
+    static viewGoto(view: __esri.MapView | __esri.SceneView, target: Graphic[], zoom?: boolean): Promise<void>;
 }

package/lib/src/gis-map/utils/common-utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@arcgis/core/geometry"),L=require("@arcgis/core/geometry/geometryEngineAsync"),w=require("@arcgis/core/geometry/support/webMercatorUtils"),p=require("@turf/bearing"),l=require("@turf/destination"),b=require("@turf/helpers"),S=require("@turf/length"),A=require("@turf/line-slice-along"),x=require("pako"),h=require("proj4");function y(u){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const t in u)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(u,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>u[t]})}}return e.default=u,Object.freeze(e)}const g=y(L),P=y(w),c=y(b);class i{static destinationWithPoint(e,t,n){const r=c.point([e.x,e.y]),s=l(r,n,t,{units:"meters"});return new f.Point({x:s.geometry.coordinates[0],y:s.geometry.coordinates[1]})}static angleOfLine(e){const t=e.paths[0],n=c.point(t[0]),r=c.point(t[t.length-1]);return p(n,r)}static extendLineInTowDir(e,t){const n=e.paths[0],r=c.point(n[0]),s=c.point(n[1]),o=p(s,r),a=l(r,t,o,{units:"meters"}),d=o>0?o-180:o+180,O=l(s,t,d,{units:"meters"});return new f.Polyline({paths:[[a.geometry.coordinates,O.geometry.coordinates]]})}static async getIntersectPointOfTwoLines(e,t){const n=await g.intersectLinesToPoints(e,t);if(n.length)return n[0]}static async getIntersectPointsOfStopLineAndLane(e,t,n){let r=await i.getIntersectPointOfLineAndPolygon(e,t);if(await i.pointDistance(r)<3&&n){for(const s of n)if(r=await i.getIntersectPointOfLineAndPolygon(e,t,s),await i.pointDistance(r)>2.5){const o=new f.Polyline({paths:[r]});return(await i.getOffsetLine(o,-s)).paths[0]}}else return r;return[]}static async pointDistance(e){if(e.length<2)return 0;const t=new f.Polyline({paths:[e]});return await g.geodesicLength(t,"meters")}static async getIntersectPointOfLineAndPolygon(e,t,n=0){n!==0&&(e=await i.getOffsetLine(e,n));const r=await g.intersect(e,t);if(r instanceof f.Polyline){const s=r.paths[0],o=s[0],a=s[s.length-1];return[o,a]}return[]}static async getOffsetLine(e,t){const n=P.geographicToWebMercator(e),r=await g.offset(n,t,"meters");return P.webMercatorToGeographic(r,!1)}static unzip(e){try{const t=[],n=e.split("");for(let s=0;s<n.length;s++){const o=n[s];t.push(o.charCodeAt(0))}const r=new Uint8Array(t);return x.inflate(r,{to:"string"})}catch{console.log(`非压缩内容: ${e}`)}}static getStdVecEntries(e,t=!1){const n=new Array(e.size());for(let r=0;r<e.size();r++)n[r]=e.get(r);return t&&e.delete(),n}static getStdMapEntries(e){const t=[];for(const n of i.getStdMapKeys(e))t.push([n,e.get(n)]);return t}static getStdMapKeys(e,t=!1){const n=[],r=e.keys();for(let s=0;s<r.size();s++)n.push(r.get(s));return r.delete(),t&&e.delete(),n}static setGeoData(e,t,n){i.geoReference=e,i.xOffset=t,i.yOffset=n}static transformLineProjection(e){try{return e.map(t=>h(i.geoReference).inverse([t[0]-i.xOffset,t[1]-i.yOffset]))}catch{return console.error("OpenDrive坐标转换为WGS84坐标失败",i.geoReference),e}}static transformPointProjection(e){try{return h(i.geoReference).inverse([e[0]-i.xOffset,e[1]-i.yOffset])}catch{return console.error("OpenDrive坐标转换为WGS84坐标失败",i.geoReference),e}}static pointsEqual(e,t){return Math.abs(e[0]-t[0])<Number.EPSILON&&Math.abs(e[1]-t[1])<Number.EPSILON}static getExtensionLine(e,t,n){const r=c.point(e),s=c.point(t),o=p(r,s);return l(s,n,o,{units:"meters"}).geometry.coordinates}static isCoordinateValid(e){return typeof e.latitude=="string"&&(e.latitude=Number(e.latitude)),typeof e.longitude=="string"&&(e.longitude=Number(e.longitude)),e.latitude!==null&&e.longitude!==null&&!isNaN(e.latitude)&&!isNaN(e.longitude)&&e.latitude!==0&&e.longitude!==0}static getCenterPointInLine(e){const t=c.lineString(e),n=S(t,{units:"meters"})/2,r=A(t,0,n,{units:"meters"});return r.geometry.coordinates[r.geometry.coordinates.length-1]}static async viewGoto(e,t){var s;if(localStorage.getItem("gpu")!=="Unknown")await e.goTo(t,{duration:1e3});else if(t.length>0){const o=t.map(a=>a.geometry).filter(a=>a);if(o.length>0){const a=(s=await g.union(o))==null?void 0:s.extent;a&&(e.extent=a)}}}}exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("@arcgis/core/geometry"),L=require("@arcgis/core/geometry/geometryEngineAsync"),w=require("@arcgis/core/geometry/support/webMercatorUtils"),h=require("@turf/bearing"),y=require("@turf/destination"),b=require("@turf/helpers"),S=require("@turf/length"),x=require("@turf/line-slice-along"),A=require("pako"),d=require("proj4");function P(l){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const t in l)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(l,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>l[t]})}}return e.default=l,Object.freeze(e)}const g=P(L),O=P(w),f=P(b);class s{static destinationWithPoint(e,t,n){const r=f.point([e.x,e.y]),i=y(r,n,t,{units:"meters"});return new p.Point({x:i.geometry.coordinates[0],y:i.geometry.coordinates[1]})}static angleOfLine(e){const t=e.paths[0],n=f.point(t[0]),r=f.point(t[t.length-1]);return h(n,r)}static extendLineInTowDir(e,t){const n=e.paths[0],r=f.point(n[0]),i=f.point(n[1]),c=h(i,r),a=y(r,t,c,{units:"meters"}),u=c>0?c-180:c+180,o=y(i,t,u,{units:"meters"});return new p.Polyline({paths:[[a.geometry.coordinates,o.geometry.coordinates]]})}static async getIntersectPointOfTwoLines(e,t){const n=await g.intersectLinesToPoints(e,t);if(n.length)return n[0]}static async getIntersectPointsOfStopLineAndLane(e,t,n){let r=await s.getIntersectPointOfLineAndPolygon(e,t);if(await s.pointDistance(r)<3&&n){for(const i of n)if(r=await s.getIntersectPointOfLineAndPolygon(e,t,i),await s.pointDistance(r)>2.5){const c=new p.Polyline({paths:[r]});return(await s.getOffsetLine(c,-i)).paths[0]}}else return r;return[]}static async pointDistance(e){if(e.length<2)return 0;const t=new p.Polyline({paths:[e]});return await g.geodesicLength(t,"meters")}static async getIntersectPointOfLineAndPolygon(e,t,n=0){n!==0&&(e=await s.getOffsetLine(e,n));const r=await g.intersect(e,t);if(r instanceof p.Polyline){const i=r.paths[0],c=i[0],a=i[i.length-1];return[c,a]}return[]}static async getOffsetLine(e,t){const n=O.geographicToWebMercator(e),r=await g.offset(n,t,"meters");return O.webMercatorToGeographic(r,!1)}static unzip(e){try{const t=[],n=e.split("");for(let i=0;i<n.length;i++){const c=n[i];t.push(c.charCodeAt(0))}const r=new Uint8Array(t);return A.inflate(r,{to:"string"})}catch{console.log(`非压缩内容: ${e}`)}}static getStdVecEntries(e,t=!1){const n=new Array(e.size());for(let r=0;r<e.size();r++)n[r]=e.get(r);return t&&e.delete(),n}static getStdMapEntries(e){const t=[];for(const n of s.getStdMapKeys(e))t.push([n,e.get(n)]);return t}static getStdMapKeys(e,t=!1){const n=[],r=e.keys();for(let i=0;i<r.size();i++)n.push(r.get(i));return r.delete(),t&&e.delete(),n}static setGeoData(e,t,n){s.geoReference=e,s.xOffset=t,s.yOffset=n}static transformLineProjection(e){try{return e.map(t=>d(s.geoReference).inverse([t[0]-s.xOffset,t[1]-s.yOffset]))}catch{return console.error("OpenDrive坐标转换为WGS84坐标失败",s.geoReference),e}}static transformPointProjection(e){try{return d(s.geoReference).inverse([e[0]-s.xOffset,e[1]-s.yOffset])}catch{return console.error("OpenDrive坐标转换为WGS84坐标失败",s.geoReference),e}}static pointsEqual(e,t){return Math.abs(e[0]-t[0])<Number.EPSILON&&Math.abs(e[1]-t[1])<Number.EPSILON}static getExtensionLine(e,t,n){const r=f.point(e),i=f.point(t),c=h(r,i);return y(i,n,c,{units:"meters"}).geometry.coordinates}static isCoordinateValid(e){return typeof e.latitude=="string"&&(e.latitude=Number(e.latitude)),typeof e.longitude=="string"&&(e.longitude=Number(e.longitude)),e.latitude!==null&&e.longitude!==null&&!isNaN(e.latitude)&&!isNaN(e.longitude)&&e.latitude!==0&&e.longitude!==0}static getCenterPointInLine(e){const t=f.lineString(e),n=S(t,{units:"meters"})/2,r=x(t,0,n,{units:"meters"});return r.geometry.coordinates[r.geometry.coordinates.length-1]}static async viewGoto(e,t,n=!0){var c,a;const i=localStorage.getItem("gpu")!=="Unknown";if(!n){if(t.length>0){const u=t.map(o=>o.geometry).filter(o=>o);if(u.length>0){const o=(c=await g.union(u))==null?void 0:c.extent;o&&(i?await e.goTo(o.center,{duration:1e3}):e.center=o.center)}}return}if(i)await e.goTo(t,{duration:1e3});else if(t.length>0){const u=t.map(o=>o.geometry).filter(o=>o);if(u.length>0){const o=(a=await g.union(u))==null?void 0:a.extent;o&&(e.extent=o)}}}}exports.default=s;

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 M=require("@arcgis/core/core/reactiveUtils"),g=require("@arcgis/core/geometry"),S=require("@arcgis/core/geometry/support/webMercatorUtils.js"),C=require("@arcgis/core/Graphic"),I=require("@arcgis/core/layers/GraphicsLayer"),v=require("./signal-holo-flow.js");function P(d){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const t in d)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(d,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>d[t]})}}return e.default=d,Object.freeze(e)}const y=P(M),w=P(S);class G extends v.default{constructor(e,t){var a,s;super(e),this.waitingAreaLayer=new I,this.watchHandle=null,this.trajectoryDelayTime=2,this.stopLineMap=new Map,this.waitingAreaMap=new Map,this.lampGroupMap=new Map,this.countdownPanelProps=t,this.view.map.add(this.waitingAreaLayer),this.trajectoryDelayTime=(s=(a=this.mapConfig.holoFlow)==null?void 0:a.signal)==null?void 0:s.delay,this.trajectoryDelayTime===void 0&&(this.trajectoryDelayTime=2)}async initializeLayer(){var s,o,n,i,r;if(this.stopLineMap.size>0)return;console.time("初始化停止线图层");let e=(o=(s=this.mapConfig.holoFlow)==null?void 0:s.signal)==null?void 0:o.stopLineLayer;if(!e)return;e=this.mapConfig.assetsRoot+"/"+e;let t=await fetch(e),a=await t.json();for(const l of a.features){const{roadId:c,nodeId:u}=l.properties;let{destinationPoint:p}=l.properties;const{coordinates:h}=l.geometry;if(p){if(typeof p=="string")try{p=JSON.parse(p)}catch(f){console.error("解析面板基准点失败",f);continue}}else{const f=h[0],m=h[h.length-1],b=(f[0]+m[0])/2,L=(f[1]+m[1])/2;p=[b,L]}this.stopLineMap.set(`${u}_${c}`,{coord:h,panelPoint:p})}if(console.timeEnd("初始化停止线图层"),console.time("初始化待行区图层"),e=(i=(n=this.mapConfig.holoFlow)==null?void 0:n.signal)==null?void 0:i.waitingAreaLayer,!!e){e=this.mapConfig.assetsRoot+"/"+e,t=await fetch(e),a=await t.json();for(const l of a.features){const{roadId:c,direction:u,nodeId:p}=l.properties,{coordinates:h}=l.geometry,f=`${p}_${c}`;this.waitingAreaMap.has(f)||this.waitingAreaMap.set(f,[]),(r=this.waitingAreaMap.get(f))==null||r.push({coord:h,direction:u})}console.timeEnd("初始化待行区图层")}}initializeLampGroup(e){const{sigId:t,lampGroupList:a}=e,s=[];a.forEach(o=>{const{lampGroupNo:n,lampGroupType:i,crossFlowList:r,pedList:l}=o;if(r.length>0)for(const c of r){if(i===81)continue;const u=c.upSectionId;let p="s";switch(c.turn){case 1:p="s";break;case 2:p="l";break;case 4:p="r";break;case 8:p="u";break}s.push({lampGroupId:n,roadId:u,dir:p})}l.length>0}),this.lampGroupMap.set(t,s)}handleUniSignalData(e){this.watchHandle||(this.watchHandle=y.watch(()=>this.view.extent,()=>this.updatePanelPosition()));const{sigId:t,runningStatus:a}=e.data.basicInfo,s=this.lampGroupMap.get(t);if(!s)return{status:-1,message:"灯组未初始化"};const o=new Map;let n=!1;switch(String(a)){case"4":{n=!0,s.forEach(i=>{const{roadId:r,dir:l}=i;o.set(r,{...o.get(r)||{},[`${l}Number`]:"",[`${l}Color`]:"yellow"})});break}case"5":{s.forEach(i=>{const{roadId:r,dir:l}=i;o.set(r,{...o.get(r)||{},[`${l}Number`]:"",[`${l}Color`]:"red"})});break}case"6":case"9":{s.forEach(i=>{const{roadId:r,dir:l}=i;o.set(r,{...o.get(r)||{},[`${l}Number`]:"",[`${l}Color`]:"off"})});break}default:{const{curSigColorInfo:i}=e.data;i.forEach(r=>{const l=String(r.lamgroupId),{color:c,leftTime:u}=r,p=s.find(h=>h.lampGroupId===l);if(p){const{roadId:h,dir:f}=p;o.set(h,{...o.get(h)||{},[`${f}Number`]:u,[`${f}Color`]:c===1?"red":c===2?"yellow":"green"})}})}}return this.updateLampGroupPanelStatus(t,o,n),{status:0,message:"ok"}}getPanelScale(){const e=this.view.scale;let t=1;return e<500?t=1.2:e<1e3?t=1:e<2e3?t=.8:e<4e3?t=.4:t=0,t}updatePanelPosition(){const e=this.getPanelScale();for(const t of this.countdownPanelProps){e!==this.currentPanelScale&&(t.scale=e);const{mapPoint:a}=t;let s=new g.Point({x:a[0],y:a[1]});this.view.spatialReference.isWebMercator&&(s=w.geographicToWebMercator(s));const o=this.view.toScreen(s);if(t.position.left=o.x,t.position.top=o.y,this.view.type==="3d"){const n=this.getPanelRotation(t.stopLine);t.rotation=n}}this.currentPanelScale=e}doHoloSignalData(e){const t=e.crossId,a=e.phaseCountDownList,s=new Map;for(const o of a){let n="";for(let c of o.roadIdList)if(c.startsWith("-")&&(c=c.slice(1)),this.stopLineMap.has(`${t}_${c}`)){n=`${t}_${c}`;break}if(!n){console.log(`没有找到对应的进口道${t}--${n}`);continue}let i=s.get(n);if(i||(i={},s.set(n,i)),!o.direction)continue;const r=o.direction.toLowerCase(),l=o.color===1?"red":o.color===2?"yellow":"green";r==="u"?(i.uNumber=o.leftTime,i.uColor=l):r==="l"?(i.lNumber=o.leftTime,i.lColor=l):r==="s"?(i.sNumber=o.leftTime,i.sColor=l):r==="r"&&(i.rNumber=o.leftTime,i.rColor=l)}this.updateLampGroupPanelStatus(t,s),this.updateWaitingArea(t,s)}updateWaitingArea(e,t){t.forEach((a,s)=>{var o;if(a.lColor){let n=this.waitingAreaLayer.graphics.find(i=>i.attributes.roadId===s&&i.attributes.direction==="l");if(n)n.attributes.color!==a.lColor&&(n.attributes.color=a.lColor,n.symbol={type:"simple-fill",color:this.getColor(a.lColor),outline:{color:this.getColor(a.lColor)}});else{const i=(o=this.waitingAreaMap.get(s))==null?void 0:o.find(r=>r.direction==="l");i&&(n=new C({geometry:{type:"polygon",rings:i.coord},attributes:{roadId:s,direction:"l",color:a.lColor},symbol:{type:"simple-fill",color:this.getColor(a.lColor),outline:{color:this.getColor(a.lColor)}}}),this.waitingAreaLayer.add(n))}}})}getColor(e){return e==="green"?[0,255,0,.8]:e==="yellow"?[255,192,2,.8]:[255,0,0,.8]}updateLampGroupPanelStatus(e,t,a=!1){t.forEach((s,o)=>{const n=this.stopLineMap.get(o);if(!n)return;const i=this.countdownPanelProps.find(r=>r.roadId===o);if(i)i.lampStatus=s,i.flash=a;else{let r=new g.Point({x:n.panelPoint[0],y:n.panelPoint[1]});this.view.spatialReference.isWebMercator&&(r=w.geographicToWebMercator(r));const l=this.view.toScreen(r),c=this.getPanelRotation(n.coord);this.countdownPanelProps.push({displayMode:"complex",flash:a,crossId:e,roadId:o,mapPoint:n.panelPoint,stopLine:n.coord,position:{left:l.x,top:l.y},rotation:c,scale:this.getPanelScale(),lampStatus:s})}})}async handleHoloSignalData(e){this.watchHandle||(this.watchHandle=y.watch(()=>this.view.extent,()=>this.updatePanelPosition())),this.trajectoryDelayTime===0?this.doHoloSignalData(e):setTimeout(()=>this.doHoloSignalData(e),this.trajectoryDelayTime*1e3)}clearSignal(){var e;this.waitingAreaLayer.removeAll(),this.countdownPanelProps.length=0,(e=this.watchHandle)==null||e.remove(),this.watchHandle=null}getPanelRotation(e){const t=e[0];let a=new g.Point({x:t[0],y:t[1]});this.view.spatialReference.isWebMercator&&(a=w.geographicToWebMercator(a));const s=this.view.toScreen(a),o=e[e.length-1];let n=new g.Point({x:o[0],y:o[1]});this.view.spatialReference.isWebMercator&&(n=w.geographicToWebMercator(n));const i=this.view.toScreen(n),r=i.x-s.x,l=i.y-s.y;return Math.atan2(l,r)*(180/Math.PI)}}exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("@arcgis/core/core/reactiveUtils"),g=require("@arcgis/core/geometry"),S=require("@arcgis/core/geometry/support/webMercatorUtils.js"),C=require("@arcgis/core/Graphic"),I=require("@arcgis/core/layers/GraphicsLayer"),v=require("./signal-holo-flow.js");function P(d){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const t in d)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(d,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>d[t]})}}return e.default=d,Object.freeze(e)}const y=P(M),w=P(S);class G extends v.default{constructor(e,t){var a,r;super(e),this.waitingAreaLayer=new I,this.watchHandle=null,this.trajectoryDelayTime=2,this.stopLineMap=new Map,this.waitingAreaMap=new Map,this.lampGroupMap=new Map,this.countdownPanelProps=t,this.view.map.add(this.waitingAreaLayer),this.trajectoryDelayTime=(r=(a=this.mapConfig.holoFlow)==null?void 0:a.signal)==null?void 0:r.delay,this.trajectoryDelayTime===void 0&&(this.trajectoryDelayTime=2)}async initializeLayer(){var r,s,i,n,o;if(this.stopLineMap.size>0)return;console.time("初始化停止线图层");let e=(s=(r=this.mapConfig.holoFlow)==null?void 0:r.signal)==null?void 0:s.stopLineLayer;if(!e)return;e=this.mapConfig.assetsRoot+"/"+e;let t=await fetch(e),a=await t.json();for(const l of a.features){const{roadId:c,nodeId:h}=l.properties;let{destinationPoint:p}=l.properties;const{coordinates:f}=l.geometry;if(p){if(typeof p=="string")try{p=JSON.parse(p)}catch(u){console.error("解析面板基准点失败",u);continue}}else{const u=f[0],m=f[f.length-1],b=(u[0]+m[0])/2,L=(u[1]+m[1])/2;p=[b,L]}this.stopLineMap.set(`${h}_${c}`,{coord:f,panelPoint:p})}if(console.timeEnd("初始化停止线图层"),console.time("初始化待行区图层"),e=(n=(i=this.mapConfig.holoFlow)==null?void 0:i.signal)==null?void 0:n.waitingAreaLayer,!!e){e=this.mapConfig.assetsRoot+"/"+e,t=await fetch(e),a=await t.json();for(const l of a.features){const{roadId:c,direction:h,nodeId:p}=l.properties,{coordinates:f}=l.geometry,u=`${p}_${c}`;this.waitingAreaMap.has(u)||this.waitingAreaMap.set(u,[]),(o=this.waitingAreaMap.get(u))==null||o.push({coord:f,direction:h})}console.timeEnd("初始化待行区图层")}}initializeLampGroup(e){const{sigId:t,lampGroupList:a}=e,r=[];a.forEach(s=>{const{lampGroupNo:i,lampGroupType:n,crossFlowList:o,pedList:l}=s;if(o.length>0)for(const c of o){if(n===81)continue;const h=c.upSectionId;let p="s";switch(c.turn){case 1:p="s";break;case 2:p="l";break;case 4:p="r";break;case 8:p="u";break}r.push({lampGroupId:i,roadId:h,dir:p})}l.length>0}),this.lampGroupMap.set(t,r)}handleUniSignalData(e){this.watchHandle||(this.watchHandle=y.watch(()=>this.view.extent,()=>this.updatePanelPosition()));const{sigId:t,runningStatus:a}=e.data.basicInfo,r=this.lampGroupMap.get(t);if(!r)return{status:-1,message:"灯组未初始化"};const s=new Map;let i=!1;switch(String(a)){case"4":{i=!0,r.forEach(n=>{const{roadId:o,dir:l}=n;s.set(o,{...s.get(o)||{},[`${l}Number`]:"",[`${l}Color`]:"yellow"})});break}case"5":{r.forEach(n=>{const{roadId:o,dir:l}=n;s.set(o,{...s.get(o)||{},[`${l}Number`]:"",[`${l}Color`]:"red"})});break}case"6":case"9":{r.forEach(n=>{const{roadId:o,dir:l}=n;s.set(o,{...s.get(o)||{},[`${l}Number`]:"",[`${l}Color`]:"off"})});break}default:{const{curSigColorInfo:n}=e.data;n.forEach(o=>{const l=String(o.lamgroupId),{color:c,leftTime:h}=o,p=r.find(f=>f.lampGroupId===l);if(p){const{roadId:f,dir:u}=p;s.set(f,{...s.get(f)||{},[`${u}Number`]:h,[`${u}Color`]:c===1?"red":c===2?"yellow":"green"})}})}}return this.updateLampGroupPanelStatus(t,s,i),{status:0,message:"ok"}}getPanelScale(){const e=this.view.scale;let t=1;return e<500?t=1.2:e<1e3?t=1:e<2e3?t=.8:e<4e3?t=.4:t=0,t}updatePanelPosition(){const e=this.getPanelScale();for(const t of this.countdownPanelProps){e!==this.currentPanelScale&&(t.scale=e);const{mapPoint:a}=t;let r=new g.Point({x:a[0],y:a[1]});this.view.spatialReference.isWebMercator&&(r=w.geographicToWebMercator(r));const s=this.view.toScreen(r);if(t.position.left=s.x,t.position.top=s.y,this.view.type==="3d"){const i=this.getPanelRotation(t.stopLine);t.rotation=i}}this.currentPanelScale=e}doHoloSignalData(e){const t=e.crossId,a=e.showWaitingArea===!0,r=e.phaseCountDownList,s=new Map;for(const i of r){let n="";for(let h of i.roadIdList)if(h.startsWith("-")&&(h=h.slice(1)),this.stopLineMap.has(`${t}_${h}`)){n=`${t}_${h}`;break}if(!n){console.log(`没有找到对应的进口道${t}--${n}`);continue}let o=s.get(n);if(o||(o={},s.set(n,o)),!i.direction)continue;const l=i.direction.toLowerCase(),c=i.color===1?"red":i.color===2?"yellow":"green";l==="u"?(o.uNumber=i.leftTime,o.uColor=c):l==="l"?(o.lNumber=i.leftTime,o.lColor=c):l==="s"?(o.sNumber=i.leftTime,o.sColor=c):l==="r"&&(o.rNumber=i.leftTime,o.rColor=c)}this.updateLampGroupPanelStatus(t,s),a&&this.updateWaitingArea(t,s)}updateWaitingArea(e,t){t.forEach((a,r)=>{var s;if(a.lColor){let i=this.waitingAreaLayer.graphics.find(n=>n.attributes.roadId===r&&n.attributes.direction==="l");if(i)i.attributes.color!==a.lColor&&(i.attributes.color=a.lColor,i.symbol={type:"simple-fill",color:this.getColor(a.lColor),outline:{color:this.getColor(a.lColor)}});else{const n=(s=this.waitingAreaMap.get(r))==null?void 0:s.find(o=>o.direction==="l");n&&(i=new C({geometry:{type:"polygon",rings:n.coord},attributes:{roadId:r,direction:"l",color:a.lColor},symbol:{type:"simple-fill",color:this.getColor(a.lColor),outline:{color:this.getColor(a.lColor)}}}),this.waitingAreaLayer.add(i))}}})}getColor(e){return e==="green"?[0,255,0,.8]:e==="yellow"?[255,192,2,.8]:[255,0,0,.8]}updateLampGroupPanelStatus(e,t,a=!1){t.forEach((r,s)=>{const i=this.stopLineMap.get(s);if(!i)return;const n=this.countdownPanelProps.find(o=>o.roadId===s);if(n)n.lampStatus=r,n.flash=a;else{let o=new g.Point({x:i.panelPoint[0],y:i.panelPoint[1]});this.view.spatialReference.isWebMercator&&(o=w.geographicToWebMercator(o));const l=this.view.toScreen(o),c=this.getPanelRotation(i.coord);this.countdownPanelProps.push({displayMode:"complex",flash:a,crossId:e,roadId:s,mapPoint:i.panelPoint,stopLine:i.coord,position:{left:l.x,top:l.y},rotation:c,scale:this.getPanelScale(),lampStatus:r})}})}async handleHoloSignalData(e){this.watchHandle||(this.watchHandle=y.watch(()=>this.view.extent,()=>this.updatePanelPosition())),this.trajectoryDelayTime===0?this.doHoloSignalData(e):setTimeout(()=>this.doHoloSignalData(e),this.trajectoryDelayTime*1e3)}clearSignal(){var e;this.waitingAreaLayer.removeAll(),this.countdownPanelProps.length=0,(e=this.watchHandle)==null||e.remove(),this.watchHandle=null}getPanelRotation(e){const t=e[0];let a=new g.Point({x:t[0],y:t[1]});this.view.spatialReference.isWebMercator&&(a=w.geographicToWebMercator(a));const r=this.view.toScreen(a),s=e[e.length-1];let i=new g.Point({x:s[0],y:s[1]});this.view.spatialReference.isWebMercator&&(i=w.geographicToWebMercator(i));const n=this.view.toScreen(i),o=n.x-r.x,l=n.y-r.y;return Math.atan2(l,o)*(180/Math.PI)}}exports.default=G;

package/lib/src/gis-map/utils/signal-control-area/sub-district-renderer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@arcgis/core/Graphic"),v=require("@arcgis/core/layers/FeatureLayer"),m=require("../common-utils.js"),w=require("./layer-symbol.js");class g{constructor(i){this.roadConnections=[],this.view=i,this.subDistrictPointLayer=new v(w.subDistrictPointLayerOptions),this.subDistrictPointLayer.spatialReference=i.spatialReference,this.subDistrictPointLayer.popupEnabled=!0,this.subDistrictLineLayer=new v(w.subDistrictLineLayerOptions),this.subDistrictLineLayer.spatialReference=i.spatialReference,this.subDistrictLineLayer.popupEnabled=!0,this.view.map.addMany([this.subDistrictLineLayer,this.subDistrictPointLayer])}async showSubDistricts(i){await this.clearSubDistricts(),this.clickHandler=this.view.on("click",this.viewHitTest.bind(this));let s=0;const t=[],r=[];i.forEach(e=>{e.roadConnections.length>0&&this.roadConnections.push(...e.roadConnections),r.push({value:e.id,label:e.name,symbol:{type:"simple-marker",style:"circle",color:[...e.areaColor,.8],size:"8px",outline:{color:[...e.areaColor],width:4}}}),e.signals.forEach(a=>{const u=new f({geometry:{type:"point",longitude:a.longitude,latitude:a.latitude},attributes:{ObjectID:s++,id:a.nodeId,name:a.name,subDistrictId:e.id,subDistrictName:e.name,districtId:e.parentId,districtName:e.parentName,signalCount:e.signalCount,color:e.areaColor.join(","),type:"subDistrict"}});t.push(u)})}),this.subDistrictPointLayer.renderer={type:"unique-value",field:"subDistrictId",defaultSymbol:{type:"simple-marker",color:[180,180,180,.5],size:"8px",outline:{color:"white",width:1}},defaultLabel:"其他子区",uniqueValueInfos:r,visualVariables:[{type:"size",valueExpression:"$view.scale",stops:[{size:24,value:2500},{size:20,value:5e3},{size:8,value:18055.954822000003},{size:4,value:144447.638572},{size:2,value:1155581108577e-6}]}]},this.currentPointRenderer=this.subDistrictPointLayer.renderer.clone(),await this.subDistrictPointLayer.applyEdits({addFeatures:t})}async showRoads(i){const{type:s,id:t}=i,r=this.subDistrictPointLayer.createQuery(),e=s==="district"?"districtId":"subDistrictId";r.where=`${e} = '${t}'`;const a=await this.subDistrictPointLayer.queryFeatures(r),u=new Map;a.features.forEach(n=>{var y;const{subDistrictId:o,color:c,id:d,districtName:b,subDistrictName:L,signalCount:p}=n.attributes;u.has(o)||u.set(o,{color:c,signalIds:[],districtName:b,subDistrictName:L,signalCount:p}),(y=u.get(o))==null||y.signalIds.push(d)});const h=[],D=[];for(const n of u){let o=0;const c=n[0];h.push({value:c,symbol:{type:"simple-line",color:n[1].color.split(",").map(Number),width:2,style:"solid"}});const{districtName:d,subDistrictName:b,signalIds:L,signalCount:p}=n[1];this.roadConnections.filter(l=>l.subDistrictId===c).forEach(l=>{const I=new f({geometry:{type:"polyline",paths:l.coordinates},attributes:{ObjectID:o++,id:l.id,districtId:l.districtId,subDistrictId:c,subDistrictName:b,districtName:d,signalCount:p,color:n[1].color}});D.push(I)})}this.subDistrictLineLayer.renderer={type:"unique-value",field:"subDistrictId",defaultSymbol:{type:"simple-line",color:[180,180,180,.5],width:2,style:"solid"},defaultLabel:"其他子区",uniqueValueInfos:h,visualVariables:[{type:"size",valueExpression:"$view.scale",stops:[{size:6,value:2500},{size:5,value:5e3},{size:4,value:18055.954822000003},{size:3,value:144447.638572},{size:2,value:1155581108577e-6}]}]},this.currentLineRenderer=this.subDistrictLineLayer.renderer.clone(),await this.subDistrictLineLayer.applyEdits({addFeatures:D})}async clearSubDistricts(){var t;const i=await this.subDistrictPointLayer.queryFeatures();i.features.length>0&&await this.subDistrictPointLayer.applyEdits({deleteFeatures:i.features}),this.subDistrictPointLayer.definitionExpression="1=1";const s=await this.subDistrictLineLayer.queryFeatures();s.features.length>0&&await this.subDistrictLineLayer.applyEdits({deleteFeatures:s.features}),this.subDistrictLineLayer.definitionExpression="1=1",(t=this.clickHandler)==null||t.remove()}setVisible(i){this.subDistrictPointLayer.visible=i,this.subDistrictLineLayer.visible=i}async locateSubDistrict(i){const s=this.subDistrictPointLayer.createQuery();s.where=`subDistrictId = '${i}'`,s.returnGeometry=!0;const t=await this.subDistrictPointLayer.queryFeatures(s);return t.features.length>0?(await m.default.viewGoto(this.view,t.features),{status:0,message:"ok"}):{status:1,message:"未找到子区"}}async highlightSubDistrict(i){let s="";const t=this.subDistrictPointLayer.definitionExpression;this.subDistrictPointLayer.definitionExpression=`subDistrictId = '${i}'`;const r=await this.subDistrictPointLayer.queryFeatures(),e=r.features.length;return e>0?(this.subDistrictLineLayer.definitionExpression=`subDistrictId = '${i}'`,s=r.features[0].attributes.districtId,await m.default.viewGoto(this.view,r.features)):this.subDistrictPointLayer.definitionExpression=t,{count:e,parentId:s}}filter(i){const{type:s,id:t}=i,r=`${s==="district"?"districtId":"subDistrictId"} = '${t}'`;this.subDistrictPointLayer.definitionExpression=r,this.subDistrictLineLayer.definitionExpression=r}resetFilter(){this.subDistrictPointLayer.definitionExpression="1=1",this.subDistrictLineLayer.definitionExpression="1=1"}async viewHitTest(i){var r;const t=(r=(await this.view.hitTest(i,{include:[this.subDistrictPointLayer,this.subDistrictLineLayer]})).results)==null?void 0:r.filter(e=>e.type==="graphic");if(t.length===0)console.time("resetRenderer"),this.subDistrictPointLayer.renderer=this.currentPointRenderer,this.subDistrictLineLayer.renderer=this.currentLineRenderer;else{const e=t[0].graphic,a=e.attributes.color.split(",").map(Number);this.subDistrictPointLayer.renderer={type:"unique-value",field:"subDistrictId",defaultSymbol:{type:"simple-marker",style:"circle",color:[0,0,0,0],size:"8px",outline:{color:[180,180,180,.5],width:4}},defaultLabel:"其他子区",uniqueValueInfos:[{value:e.attributes.subDistrictId,symbol:{type:"simple-marker",style:"circle",color:[...a,.8],size:"8px",outline:{color:a,width:4}}}],visualVariables:[{type:"size",valueExpression:"$view.scale",stops:[{size:24,value:2500},{size:20,value:5e3},{size:8,value:18055.954822000003},{size:4,value:144447.638572},{size:2,value:1155581108577e-6}]}]},this.subDistrictLineLayer.renderer={type:"unique-value",field:"subDistrictId",defaultSymbol:{type:"simple-line",style:"solid",color:[180,180,180,.5],width:"8px"},defaultLabel:"其他子区",uniqueValueInfos:[{value:e.attributes.subDistrictId,symbol:{type:"simple-line",style:"solid",color:e.attributes.color.split(",").map(Number),width:"8px"}}],visualVariables:[{type:"size",valueExpression:"$view.scale",stops:[{size:6,value:2500},{size:5,value:5e3},{size:4,value:18055.954822000003},{size:3,value:144447.638572},{size:2,value:1155581108577e-6}]}]}}}}exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@arcgis/core/Graphic"),v=require("@arcgis/core/layers/FeatureLayer"),m=require("../common-utils.js"),w=require("./layer-symbol.js");class g{constructor(i){this.roadConnections=[],this.view=i,this.subDistrictPointLayer=new v(w.subDistrictPointLayerOptions),this.subDistrictPointLayer.spatialReference=i.spatialReference,this.subDistrictPointLayer.popupEnabled=!0,this.subDistrictLineLayer=new v(w.subDistrictLineLayerOptions),this.subDistrictLineLayer.spatialReference=i.spatialReference,this.subDistrictLineLayer.popupEnabled=!0,this.view.map.addMany([this.subDistrictLineLayer,this.subDistrictPointLayer])}async showSubDistricts(i){await this.clearSubDistricts(),this.clickHandler=this.view.on("click",this.viewHitTest.bind(this));let s=0;const t=[],r=[];i.forEach(e=>{e.roadConnections.length>0&&this.roadConnections.push(...e.roadConnections),r.push({value:e.id,label:e.name,symbol:{type:"simple-marker",style:"circle",color:[...e.areaColor,.8],size:"8px",outline:{color:[...e.areaColor],width:4}}}),e.signals.forEach(a=>{const u=new f({geometry:{type:"point",longitude:a.longitude,latitude:a.latitude},attributes:{ObjectID:s++,id:a.nodeId,name:a.name,subDistrictId:e.id,subDistrictName:e.name,districtId:e.parentId,districtName:e.parentName,signalCount:e.signalCount,color:e.areaColor.join(","),type:"subDistrict"}});t.push(u)})}),this.subDistrictPointLayer.renderer={type:"unique-value",field:"subDistrictId",defaultSymbol:{type:"simple-marker",color:[180,180,180,.5],size:"8px",outline:{color:"white",width:1}},defaultLabel:"其他子区",uniqueValueInfos:r,visualVariables:[{type:"size",valueExpression:"$view.scale",stops:[{size:24,value:2500},{size:20,value:5e3},{size:8,value:18055.954822000003},{size:4,value:144447.638572},{size:2,value:1155581108577e-6}]}]},this.currentPointRenderer=this.subDistrictPointLayer.renderer.clone(),await this.subDistrictPointLayer.applyEdits({addFeatures:t})}async showRoads(i){const{type:s,id:t}=i,r=this.subDistrictPointLayer.createQuery(),e=s==="district"?"districtId":"subDistrictId";r.where=`${e} = '${t}'`;const a=await this.subDistrictPointLayer.queryFeatures(r),u=new Map;a.features.forEach(n=>{var y;const{subDistrictId:o,color:c,id:d,districtName:b,subDistrictName:L,signalCount:p}=n.attributes;u.has(o)||u.set(o,{color:c,signalIds:[],districtName:b,subDistrictName:L,signalCount:p}),(y=u.get(o))==null||y.signalIds.push(d)});const h=[],D=[];for(const n of u){let o=0;const c=n[0];h.push({value:c,symbol:{type:"simple-line",color:n[1].color.split(",").map(Number),width:2,style:"solid"}});const{districtName:d,subDistrictName:b,signalIds:L,signalCount:p}=n[1];this.roadConnections.filter(l=>l.subDistrictId===c).forEach(l=>{const I=new f({geometry:{type:"polyline",paths:l.coordinates},attributes:{ObjectID:o++,id:l.id,districtId:l.districtId,subDistrictId:c,subDistrictName:b,districtName:d,signalCount:p,color:n[1].color}});D.push(I)})}this.subDistrictLineLayer.renderer={type:"unique-value",field:"subDistrictId",defaultSymbol:{type:"simple-line",color:[180,180,180,.5],width:2,style:"solid"},defaultLabel:"其他子区",uniqueValueInfos:h,visualVariables:[{type:"size",valueExpression:"$view.scale",stops:[{size:6,value:2500},{size:5,value:5e3},{size:4,value:18055.954822000003},{size:3,value:144447.638572},{size:2,value:1155581108577e-6}]}]},this.currentLineRenderer=this.subDistrictLineLayer.renderer.clone(),await this.subDistrictLineLayer.applyEdits({addFeatures:D})}async clearSubDistricts(){var t;const i=await this.subDistrictPointLayer.queryFeatures();i.features.length>0&&await this.subDistrictPointLayer.applyEdits({deleteFeatures:i.features}),this.subDistrictPointLayer.definitionExpression="1=1";const s=await this.subDistrictLineLayer.queryFeatures();s.features.length>0&&await this.subDistrictLineLayer.applyEdits({deleteFeatures:s.features}),this.subDistrictLineLayer.definitionExpression="1=1",(t=this.clickHandler)==null||t.remove()}setVisible(i){this.subDistrictPointLayer.visible=i,this.subDistrictLineLayer.visible=i}async locateSubDistrict(i){const s=this.subDistrictPointLayer.createQuery();s.where=`subDistrictId = '${i}'`,s.returnGeometry=!0;const t=await this.subDistrictPointLayer.queryFeatures(s);return t.features.length>0?(await m.default.viewGoto(this.view,t.features,!1),{status:0,message:"ok"}):{status:1,message:"未找到子区"}}async highlightSubDistrict(i){let s="";const t=this.subDistrictPointLayer.definitionExpression;this.subDistrictPointLayer.definitionExpression=`subDistrictId = '${i}'`;const r=await this.subDistrictPointLayer.queryFeatures(),e=r.features.length;return e>0?(this.subDistrictLineLayer.definitionExpression=`subDistrictId = '${i}'`,s=r.features[0].attributes.districtId,await m.default.viewGoto(this.view,r.features,!1)):this.subDistrictPointLayer.definitionExpression=t,{count:e,parentId:s}}filter(i){const{type:s,id:t}=i,r=`${s==="district"?"districtId":"subDistrictId"} = '${t}'`;this.subDistrictPointLayer.definitionExpression=r,this.subDistrictLineLayer.definitionExpression=r}resetFilter(){this.subDistrictPointLayer.definitionExpression="1=1",this.subDistrictLineLayer.definitionExpression="1=1"}async viewHitTest(i){var r;const t=(r=(await this.view.hitTest(i,{include:[this.subDistrictPointLayer,this.subDistrictLineLayer]})).results)==null?void 0:r.filter(e=>e.type==="graphic");if(t.length===0)console.time("resetRenderer"),this.subDistrictPointLayer.renderer=this.currentPointRenderer,this.subDistrictLineLayer.renderer=this.currentLineRenderer;else{const e=t[0].graphic,a=e.attributes.color.split(",").map(Number);this.subDistrictPointLayer.renderer={type:"unique-value",field:"subDistrictId",defaultSymbol:{type:"simple-marker",style:"circle",color:[0,0,0,0],size:"8px",outline:{color:[180,180,180,.5],width:4}},defaultLabel:"其他子区",uniqueValueInfos:[{value:e.attributes.subDistrictId,symbol:{type:"simple-marker",style:"circle",color:[...a,.8],size:"8px",outline:{color:a,width:4}}}],visualVariables:[{type:"size",valueExpression:"$view.scale",stops:[{size:24,value:2500},{size:20,value:5e3},{size:8,value:18055.954822000003},{size:4,value:144447.638572},{size:2,value:1155581108577e-6}]}]},this.subDistrictLineLayer.renderer={type:"unique-value",field:"subDistrictId",defaultSymbol:{type:"simple-line",style:"solid",color:[180,180,180,.5],width:"8px"},defaultLabel:"其他子区",uniqueValueInfos:[{value:e.attributes.subDistrictId,symbol:{type:"simple-line",style:"solid",color:e.attributes.color.split(",").map(Number),width:"8px"}}],visualVariables:[{type:"size",valueExpression:"$view.scale",stops:[{size:6,value:2500},{size:5,value:5e3},{size:4,value:18055.954822000003},{size:3,value:144447.638572},{size:2,value:1155581108577e-6}]}]}}}}exports.default=g;

package/package.json

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