gisviewer-vue3-arcgis 1.0.269 → 1.0.272

package/es/src/gis-map/utils/signal-control-area/signal-cross-controller.mjs

@@ -1,19 +1,22 @@
 import { Point as u } from "@arcgis/core/geometry";
 import y from "@arcgis/core/Graphic";
-import d from "@arcgis/core/layers/GraphicsLayer";
+import p from "@arcgis/core/layers/GraphicsLayer";
 class C {
   constructor(e) {
-    this.symbolScale = 6e3, this.oldScale = 0, this.showName = "signalId", this.showStyle = "scatter", this.clusterRadius = 120, this.minClusterPoints = 2, this.maxClusterSymbolSize = 50, this.minClusterSymbolSize = 25, this.clusteredLocations = [], this.locations = [], this.view = e, this.crossLayer = new d({
+    this.iconSymbolScale = 1e4, this.largeMarkerScale = 4e4, this.oldScale = 0, this.showName = "detail", this.showStyle = "scatter", this.clusterRadius = 120, this.minClusterPoints = 2, this.maxClusterSymbolSize = 50, this.minClusterSymbolSize = 25, this.clusteredLocations = [], this.locations = [], this.view = e, this.crossLayer = new p({
       id: "signal-control-cross-layer",
       title: "信控路口图层"
     }), this.view.map.add(this.crossLayer);
   }
+  didCrossScaleThreshold(e, s, t) {
+    return e < t && s >= t || e >= t && s < t;
+  }
   locationToScreen() {
     this.clusteredLocations = [], this.locations.forEach((e) => {
-      const t = this.view.toScreen(
+      const s = this.view.toScreen(
         new u({ x: e.x, y: e.y })
       );
-      t.x > 0 && t.y > 0 && (e.properties.screenX = t.x, e.properties.screenY = t.y, e.visited = !1, e.clusterId = void 0, this.clusteredLocations.push(e));
+      s.x > 0 && s.y > 0 && (e.properties.screenX = s.x, e.properties.screenY = s.y, e.visited = !1, e.clusterId = void 0, this.clusteredLocations.push(e));
     });
   }
   /**
@@ -22,50 +25,57 @@ class C {
    * @returns
    */
   showSignalCross(e) {
-    if (this.crossLayer.removeAll(), this.showName = e.showName || "signalId", this.showStyle = e.style || "scatter", this.scaleWatchHandle || (this.scaleWatchHandle = this.view.watch("stationary", () => {
-      if (this.showStyle === "scatter")
-        (this.oldScale < this.symbolScale && this.view.scale >= this.symbolScale || this.oldScale >= this.symbolScale && this.view.scale < this.symbolScale) && this.crossLayer.graphics.forEach((t) => {
-          t.symbol = this.getCrossSymbol(t.attributes);
-        }), this.oldScale = this.view.scale;
-      else {
+    if (this.crossLayer.removeAll(), this.showName = e.showName || "detail", this.showStyle = e.style || "scatter", this.oldScale = this.view.scale, this.scaleWatchHandle || (this.scaleWatchHandle = this.view.watch("stationary", () => {
+      if (this.showStyle === "scatter") {
+        const s = this.view.scale, t = this.didCrossScaleThreshold(
+          this.oldScale,
+          s,
+          this.iconSymbolScale
+        ), i = this.didCrossScaleThreshold(
+          this.oldScale,
+          s,
+          this.largeMarkerScale
+        );
+        (t || i) && this.updateScatterSymbol(), this.oldScale = s;
+      } else {
         this.locationToScreen();
-        const t = this.doPixelCluster(this.clusterRadius);
-        this.showClusterResult(t);
+        const s = this.doPixelCluster(this.clusterRadius);
+        this.showClusterResult(s);
       }
     })), this.showStyle === "scatter") {
-      const t = e.points.map((i) => {
-        const s = this.getCrossSymbol(i), r = this.getBrandLabel(i.brand), o = this.getOnlineLabel(i.isOnline), n = this.getMalfunctionLabel(
-          i.isMalfunction
+      const s = e.points.map((t) => {
+        const i = this.getCrossSymbol(t), r = this.getBrandLabel(t.brand), o = this.getOnlineLabel(t.isOnline), a = this.getMalfunctionLabel(
+          t.isMalfunction
         );
         return new y({
           geometry: {
             type: "point",
-            longitude: i.x,
-            latitude: i.y
+            longitude: t.x,
+            latitude: t.y
           },
-          symbol: s,
+          symbol: i,
           attributes: {
             type: "signal-cross",
-            id: i.crossId,
+            id: t.crossId,
             brandLabel: r,
             isOnlineLabel: o,
-            isMalfunctionLabel: n,
-            ...i
+            isMalfunctionLabel: a,
+            ...t
           }
         });
       });
-      this.crossLayer.addMany(t);
+      this.crossLayer.addMany(s);
     } else {
-      this.locations = e.points.map((i) => ({
-        id: i.crossId,
-        x: i.x,
-        y: i.y,
+      this.locations = e.points.map((t) => ({
+        id: t.crossId,
+        x: t.x,
+        y: t.y,
         visited: !1,
         clusterId: void 0,
-        properties: i
+        properties: t
       })), this.locationToScreen();
-      const t = this.doPixelCluster(this.clusterRadius);
-      this.showClusterResult(t);
+      const s = this.doPixelCluster(this.clusterRadius);
+      this.showClusterResult(s);
     }
     return { status: 0, message: "ok" };
   }
@@ -73,6 +83,21 @@ class C {
     var e;
     this.crossLayer.removeAll(), (e = this.scaleWatchHandle) == null || e.remove(), this.scaleWatchHandle = null;
   }
+  /**
+   * 更改路口显示名称内容
+   * @param showName
+   */
+  changeShowName(e) {
+    this.showName = e, this.showStyle === "scatter" && this.updateScatterSymbol();
+  }
+  /**
+   * 更新散点符号
+   */
+  updateScatterSymbol() {
+    this.crossLayer.graphics.forEach((e) => {
+      e.symbol = this.getCrossSymbol(e.attributes);
+    });
+  }
   /**
    * 按照像素距离聚类
    * @param locations
@@ -81,16 +106,16 @@ class C {
    * @returns
    */
   doPixelCluster(e) {
-    let t = 0;
-    for (let i = 0; i < this.clusteredLocations.length; i++) {
-      const s = this.clusteredLocations[i];
-      if (s.visited)
+    let s = 0;
+    for (let t = 0; t < this.clusteredLocations.length; t++) {
+      const i = this.clusteredLocations[t];
+      if (i.visited)
         continue;
-      s.visited = !0;
-      const r = this.getNeighbors(s, e);
-      r.length < this.minClusterPoints ? s.clusterId = -1 : (r.forEach((o) => {
-        o.visited = !0, o.clusterId = t;
-      }), s.clusterId = t, t++);
+      i.visited = !0;
+      const r = this.getNeighbors(i, e);
+      r.length < this.minClusterPoints ? i.clusterId = -1 : (r.forEach((o) => {
+        o.visited = !0, o.clusterId = s;
+      }), i.clusterId = s, s++);
     }
     return this.createClusters();
   }
@@ -101,8 +126,8 @@ class C {
    * @param eps
    * @returns
    */
-  getNeighbors(e, t) {
-    return this.clusteredLocations.filter((i) => i.id === e.id || i.visited ? !1 : this.getDistance(e, i) <= t);
+  getNeighbors(e, s) {
+    return this.clusteredLocations.filter((t) => t.id === e.id || t.visited ? !1 : this.getDistance(e, t) <= s);
   }
   /**
    * 两点间的像素距离
@@ -110,9 +135,9 @@ class C {
    * @param point2
    * @returns
    */
-  getDistance(e, t) {
+  getDistance(e, s) {
     return Math.sqrt(
-      Math.pow(e.properties.screenX - t.properties.screenX, 2) + Math.pow(e.properties.screenY - t.properties.screenY, 2)
+      Math.pow(e.properties.screenX - s.properties.screenX, 2) + Math.pow(e.properties.screenY - s.properties.screenY, 2)
     );
   }
   /**
@@ -121,41 +146,41 @@ class C {
    * @returns
    */
   createClusters() {
-    const e = {}, t = [];
-    for (const s of this.clusteredLocations)
-      s.clusterId === void 0 || s.clusterId === -1 ? t.push(s) : (e[s.clusterId] || (e[s.clusterId] = []), e[s.clusterId].push(s));
-    const i = Object.keys(e).map((s, r) => {
-      const o = e[Number(s)], n = o.length, l = o.reduce((c, h) => c + h.x, 0), a = o.reduce((c, h) => c + h.y, 0), m = l / n, p = a / n;
+    const e = {}, s = [];
+    for (const i of this.clusteredLocations)
+      i.clusterId === void 0 || i.clusterId === -1 ? s.push(i) : (e[i.clusterId] || (e[i.clusterId] = []), e[i.clusterId].push(i));
+    const t = Object.keys(e).map((i, r) => {
+      const o = e[Number(i)], a = o.length, l = o.reduce((c, h) => c + h.x, 0), n = o.reduce((c, h) => c + h.y, 0), m = l / a, d = n / a;
       return {
-        id: Number(s),
+        id: Number(i),
         items: o,
-        count: n,
+        count: a,
         center: {
           x: m,
-          y: p
+          y: d
         }
       };
     });
-    return t.length > 0 && i.push({
+    return s.length > 0 && t.push({
       id: -1,
-      items: t,
-      count: t.length,
+      items: s,
+      count: s.length,
       center: null
-    }), i;
+    }), t;
   }
   showClusterResult(e) {
     this.crossLayer.removeAll();
-    let t = Number.MIN_VALUE, i = Number.MAX_VALUE;
-    e.forEach((s) => {
-      s.count > 1 && (i = Math.min(i, s.count), t = Math.max(t, s.count));
-    }), e.forEach((s) => {
-      if (s.id !== -1) {
-        let r = i === t ? (this.maxClusterSymbolSize + this.minClusterSymbolSize) / 2 : this.minClusterSymbolSize + (s.count - i) / (t - i) * (this.maxClusterSymbolSize - this.minClusterSymbolSize);
+    let s = Number.MIN_VALUE, t = Number.MAX_VALUE;
+    e.forEach((i) => {
+      i.count > 1 && (t = Math.min(t, i.count), s = Math.max(s, i.count));
+    }), e.forEach((i) => {
+      if (i.id !== -1) {
+        let r = t === s ? (this.maxClusterSymbolSize + this.minClusterSymbolSize) / 2 : this.minClusterSymbolSize + (i.count - t) / (s - t) * (this.maxClusterSymbolSize - this.minClusterSymbolSize);
         r *= 0.75;
-        const l = (s.count.toString().length * 8 + 6) / 2, a = new y({
-          geometry: new u({ x: s.center.x, y: s.center.y }),
+        const l = (i.count.toString().length * 8 + 6) / 2, n = new y({
+          geometry: new u({ x: i.center.x, y: i.center.y }),
           attributes: {
-            count: s.count
+            count: i.count
           },
           symbol: {
             type: "cim",
@@ -265,9 +290,9 @@ class C {
             }
           }
         });
-        this.crossLayer.add(a);
+        this.crossLayer.add(n);
       } else
-        s.items.forEach((r) => {
+        i.items.forEach((r) => {
           const o = new y({
             geometry: new u({ x: r.x, y: r.y }),
             attributes: {
@@ -283,8 +308,8 @@ class C {
     });
   }
   getBrandLabel(e) {
-    const t = (e ?? "").toLowerCase();
-    return t === "scats" ? "SCATS" : t === "gc" ? "国产" : e ?? "";
+    const s = (e ?? "").toLowerCase();
+    return s === "scats" ? "SCATS" : s === "gc" ? "国产" : e ?? "";
   }
   getOnlineLabel(e) {
     return e ? "在线" : "离线";
@@ -293,7 +318,8 @@ class C {
     return e ? "故障" : "正常";
   }
   getCrossSymbol(e) {
-    if (this.view.scale <= this.symbolScale) {
+    var s;
+    if (this.view.scale <= this.iconSymbolScale) {
       let t = "/GisViewerAssets/Images/cross/ic_";
       return t += e.brand === "scats" ? "scats_" : "gc_", t += e.isOnline ? "online_" : "offline_", t += e.isMalfunction ? "malfunction.png" : "normal.png", {
         type: "cim",
@@ -308,7 +334,7 @@ class C {
               valueExpressionInfo: {
                 type: "CIMExpressionInfo",
                 title: "Custom",
-                expression: this.showName === "signalId" ? 'Replace($feature.name, "与", "/") + "  " + $feature.signalId' : 'Replace($feature.name, "与", "/") + "  " + $feature.crossId',
+                expression: this.showName === "crossName" ? 'Replace($feature.name, "与", "/")' : this.showName === "signalId" ? "$feature.signalId" : 'Replace($feature.name, "与", "/") + "  " + $feature.signalId',
                 returnType: "Default"
               }
             }
@@ -385,10 +411,10 @@ class C {
       const t = {
         type: "simple-marker",
         style: "circle",
-        size: 6,
-        outline: { width: 0 }
+        size: this.view.scale > this.largeMarkerScale ? 3 : 6,
+        outline: { width: 1 }
       };
-      return e.brand.toLowerCase() === "scats" ? (e.isOnline ? t.color = [23, 169, 100] : t.color = [202, 202, 202], t.outline.color = [23, 169, 100]) : e.isOnline ? t.color = [33, 240, 142] : t.color = [202, 202, 202], t;
+      return ((s = e.brand) == null ? void 0 : s.toLowerCase()) === "scats" ? (e.isOnline ? t.color = [68, 203, 188] : t.color = [200, 200, 200], t.outline.color = [32, 97, 90]) : (e.isOnline ? t.color = [129, 226, 73] : t.color = [200, 200, 200], t.outline.color = [65, 115, 37]), t;
     }
   }
 }

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

@@ -1,13 +1,13 @@
 import m from "@arcgis/core/Graphic";
-import v from "@arcgis/core/layers/FeatureLayer";
+import w from "@arcgis/core/layers/FeatureLayer";
 import D from "../common-utils.mjs";
-import { subDistrictPointLayerOptions as I, subDistrictLineLayerOptions as z } from "./layer-symbol.mjs";
-class C {
+import { subDistrictPointLayerOptions as I, subDistrictLineLayerOptions as P } from "./layer-symbol.mjs";
+class R {
   constructor(i) {
-    this.roadConnections = [], this.view = i, this.subDistrictPointLayer = new v(
+    this.roadConnections = [], this.view = i, this.subDistrictPointLayer = new w(
       I
-    ), this.subDistrictPointLayer.spatialReference = i.spatialReference, this.subDistrictPointLayer.popupEnabled = !0, this.subDistrictLineLayer = new v(
-      z
+    ), this.subDistrictPointLayer.spatialReference = i.spatialReference, this.subDistrictPointLayer.popupEnabled = !0, this.subDistrictLineLayer = new w(
+      P
     ), this.subDistrictLineLayer.spatialReference = i.spatialReference, this.subDistrictLineLayer.popupEnabled = !0, this.view.map.addMany([
       this.subDistrictLineLayer,
       this.subDistrictPointLayer
@@ -17,22 +17,22 @@ class C {
     var a;
     await this.clearSubDistricts(), (a = this.clickHandler) == null || a.remove(), this.clickHandler = this.view.on("click", this.viewHitTest.bind(this));
     let s = 0;
-    const e = [], r = [];
-    i.forEach((t) => {
-      t.roadConnections.length > 0 && this.roadConnections.push(...t.roadConnections), r.push({
-        value: t.id,
-        label: t.name,
+    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: [...t.areaColor, 0.8],
+          color: [...e.areaColor, 0.8],
           size: "8px",
           outline: {
-            color: [...t.areaColor],
+            color: [...e.areaColor],
             width: 4
           }
         }
-      }), t.signals.forEach((n) => {
+      }), e.signals.forEach((n) => {
         const d = new m({
           geometry: {
             type: "point",
@@ -43,16 +43,16 @@ class C {
             ObjectID: s++,
             id: n.nodeId,
             name: n.name,
-            subDistrictId: t.id,
-            subDistrictName: t.name,
-            districtId: t.parentId,
-            districtName: t.parentName,
-            signalCount: t.signalCount,
-            color: t.areaColor.join(","),
+            subDistrictId: e.id,
+            subDistrictName: e.name,
+            districtId: e.parentId,
+            districtName: e.parentName,
+            signalCount: e.signalCount,
+            color: e.areaColor.join(","),
             type: "subDistrict"
           }
         });
-        e.push(d);
+        t.push(d);
       });
     }), this.subDistrictPointLayer.renderer = {
       type: "unique-value",
@@ -97,118 +97,124 @@ class C {
         }
       ]
     }, this.currentPointRenderer = this.subDistrictPointLayer.renderer.clone(), await this.subDistrictPointLayer.applyEdits({
-      addFeatures: e
-    }), await D.viewGoto(this.view, e);
+      addFeatures: t
+    }), await D.viewGoto(this.view, t);
   }
   /**
    * 显示区控下的所有子区，用道路线表示
    * @param id 区控ID
    */
   async showRoads(i) {
-    const { type: s, id: e } = i, r = this.subDistrictPointLayer.createQuery(), a = s === "district" ? "districtId" : "subDistrictId";
-    e !== "" ? r.where = `${a} = '${e}'` : r.where = "1=1";
-    const t = await this.subDistrictPointLayer.queryFeatures(
+    const { type: s, id: t } = i, r = this.subDistrictPointLayer.createQuery(), a = s === "district" ? "districtId" : "subDistrictId";
+    t !== "" ? r.where = `${a} = '${t}'` : r.where = "1=1";
+    const e = await this.subDistrictPointLayer.queryFeatures(
       r
     ), n = /* @__PURE__ */ new Map();
-    t.features.forEach((u) => {
+    e.features.forEach((o) => {
       var b;
       const {
-        subDistrictId: o,
+        subDistrictId: u,
         color: c,
-        id: p,
-        districtName: h,
-        subDistrictName: L,
+        id: h,
+        districtName: p,
+        subDistrictName: f,
         signalCount: y
-      } = u.attributes;
-      n.has(o) || n.set(o, {
+      } = o.attributes;
+      n.has(u) || n.set(u, {
         color: c,
         signalIds: [],
-        districtName: h,
-        subDistrictName: L,
+        districtName: p,
+        subDistrictName: f,
         signalCount: y
-      }), (b = n.get(o)) == null || b.signalIds.push(p);
+      }), (b = n.get(u)) == null || b.signalIds.push(h);
     });
-    const d = [], f = [];
-    for (const u of n) {
-      let o = 0;
-      const c = u[0];
+    const d = [], L = [];
+    for (const o of n) {
+      let u = 0;
+      const c = o[0];
       d.push({
         value: c,
         symbol: {
           type: "simple-line",
-          color: u[1].color.split(",").map(Number),
+          color: o[1].color.split(",").map(Number),
           width: 2,
           style: "solid"
         }
       });
-      const { districtName: p, subDistrictName: h, signalIds: L, signalCount: y } = u[1];
+      const { districtName: h, subDistrictName: p, signalIds: f, signalCount: y } = o[1];
       this.roadConnections.filter(
         (l) => l.subDistrictId === c
       ).forEach((l) => {
-        const w = new m({
+        const v = new m({
           geometry: {
             type: "polyline",
             paths: l.coordinates
           },
           attributes: {
-            ObjectID: o++,
+            ObjectID: u++,
             id: l.id,
             districtId: l.districtId,
             subDistrictId: c,
-            subDistrictName: h,
-            districtName: p,
+            subDistrictName: p,
+            districtName: h,
             signalCount: y,
-            color: u[1].color
+            color: o[1].color
           }
         });
-        f.push(w);
+        L.push(v);
       });
     }
     this.subDistrictLineLayer.renderer = {
-      type: "unique-value",
-      field: "subDistrictId",
-      defaultSymbol: {
+      type: "simple",
+      symbol: {
         type: "simple-line",
-        color: [180, 180, 180, 0.5],
-        width: 2,
-        style: "solid"
-      },
-      defaultLabel: "其他子区",
-      uniqueValueInfos: d,
-      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
-            }
-          ]
-        }
-      ]
+        color: [23, 151, 255],
+        width: 2
+      }
+      // type: 'unique-value',
+      // field: 'subDistrictId',
+      // defaultSymbol: {
+      //   type: 'simple-line',
+      //   color: [180, 180, 180, 0.5],
+      //   width: 2,
+      //   style: 'solid'
+      // },
+      // defaultLabel: '其他子区',
+      // uniqueValueInfos,
+      // visualVariables: [
+      //   {
+      //     type: 'size',
+      //     valueExpression: '$view.scale',
+      //     stops: [
+      //       {
+      //         size: 6,
+      //         value: 2500
+      //       },
+      //       {
+      //         size: 5,
+      //         value: 5000
+      //       },
+      //       {
+      //         size: 4,
+      //         value: 18055.954822000003
+      //       },
+      //       {
+      //         size: 3,
+      //         value: 144447.638572
+      //       },
+      //       {
+      //         size: 2,
+      //         value: 1155581.108577
+      //       }
+      //     ]
+      //   }
+      // ]
     }, this.currentLineRenderer = this.subDistrictLineLayer.renderer.clone(), await this.subDistrictLineLayer.applyEdits({
-      addFeatures: f
+      addFeatures: L
     });
   }
   async clearSubDistricts() {
-    var e;
+    var t;
     const i = await this.subDistrictPointLayer.queryFeatures();
     i.features.length > 0 && await this.subDistrictPointLayer.applyEdits({
       deleteFeatures: i.features
@@ -216,7 +222,7 @@ class C {
     const s = await this.subDistrictLineLayer.queryFeatures();
     s.features.length > 0 && await this.subDistrictLineLayer.applyEdits({
       deleteFeatures: s.features
-    }), this.subDistrictLineLayer.definitionExpression = "1=1", this.roadConnections = [], (e = this.clickHandler) == null || e.remove();
+    }), this.subDistrictLineLayer.definitionExpression = "1=1", this.roadConnections = [], (t = this.clickHandler) == null || t.remove();
   }
   setVisible(i) {
     this.showRoads({ type: "district", id: "" }), this.subDistrictPointLayer.visible = i, this.subDistrictLineLayer.visible = i;
@@ -228,8 +234,8 @@ class C {
   async locateSubDistrict(i) {
     const s = this.subDistrictPointLayer.createQuery();
     s.where = `subDistrictId = '${i}'`, s.returnGeometry = !0;
-    const e = await this.subDistrictPointLayer.queryFeatures(s);
-    return e.features.length > 0 ? (await D.viewGoto(this.view, e.features, !1), { status: 0, message: "ok" }) : { status: 1, message: "未找到子区" };
+    const t = await this.subDistrictPointLayer.queryFeatures(s);
+    return t.features.length > 0 ? (await D.viewGoto(this.view, t.features, !1), { status: 0, message: "ok" }) : { status: 1, message: "未找到子区" };
   }
   /**
    * 高亮子区, 其他子区隐藏
@@ -238,14 +244,14 @@ class C {
    */
   async highlightSubDistrict(i) {
     let s = "";
-    const e = this.subDistrictPointLayer.definitionExpression;
+    const t = this.subDistrictPointLayer.definitionExpression;
     this.subDistrictPointLayer.definitionExpression = `subDistrictId = '${i.id}'`;
     const r = await this.subDistrictPointLayer.queryFeatures(), a = r.features.length;
     return a > 0 ? (this.subDistrictLineLayer.definitionExpression = `subDistrictId = '${i.id}'`, s = r.features[0].attributes.districtId, await D.viewGoto(
       this.view,
       r.features,
       i.needZoom !== !1
-    )) : this.subDistrictPointLayer.definitionExpression = e, { count: a, parentId: s };
+    )) : this.subDistrictPointLayer.definitionExpression = t, { count: a, parentId: s };
   }
   /**
    * 按照区控、子区id显示子区
@@ -253,7 +259,7 @@ class C {
    * @param id
    */
   filter(i) {
-    const { type: s, id: e } = i, r = `${s === "district" ? "districtId" : "subDistrictId"} = '${e}'`;
+    const { type: s, id: t } = i, r = `${s === "district" ? "districtId" : "subDistrictId"} = '${t}'`;
     this.subDistrictPointLayer.definitionExpression = r, this.subDistrictLineLayer.definitionExpression = r;
   }
   /**
@@ -268,15 +274,15 @@ class C {
    */
   async viewHitTest(i) {
     var r;
-    const e = (r = (await this.view.hitTest(i, {
+    const t = (r = (await this.view.hitTest(i, {
       include: [this.subDistrictPointLayer, this.subDistrictLineLayer]
     })).results) == null ? void 0 : r.filter(
       (a) => a.type === "graphic"
     );
-    if (e.length === 0)
+    if (t.length === 0)
       console.time("resetRenderer"), this.subDistrictPointLayer.renderer = this.currentPointRenderer, this.subDistrictLineLayer.renderer = this.currentLineRenderer;
     else {
-      const a = e[0].graphic, t = a.attributes.color.split(",").map(Number);
+      const a = t[0].graphic, e = a.attributes.color.split(",").map(Number);
       this.subDistrictPointLayer.renderer = {
         type: "unique-value",
         field: "subDistrictId",
@@ -297,10 +303,10 @@ class C {
             symbol: {
               type: "simple-marker",
               style: "circle",
-              color: [...t, 0.8],
+              color: [...e, 0.8],
               size: "8px",
               outline: {
-                color: t,
+                color: e,
                 width: 4
               }
             }
@@ -388,5 +394,5 @@ class C {
   }
 }
 export {
-  C as default
+  R as default
 };

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

@@ -193,6 +193,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         status: number;
         message: string;
     };
+    changeSignalCrossShowName: (nameType: string) => void | {
+        status: number;
+        message: string;
+    };
     addGreenWaveBand: (params: IEditSignalControlAreaParams) => void;
     stopAddGreenWaveBand: () => {
         status: number;