gisviewer-vue3-arcgis 1.0.227 → 1.0.228

package/es/src/gis-map/utils/signal-control-area-controller/district-controller.d.ts

@@ -15,7 +15,7 @@ export default class DistrictController {
     parentName: string;
     signals: ICross[];
     subDistricts: DistrictController[];
-    areaColor: number[];
+    areaColor: [number, number, number];
     signalCount: number;
     subDistrictCount: number;
     constructor(params: any, style: string);
@@ -24,5 +24,6 @@ export default class DistrictController {
      * @returns
      */
     getAllSignalCoordinates(): number[][];
+    private getDarkNonGrayColor;
 }
 export {};

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

@@ -1,13 +1,13 @@
-import o from "../common-utils.mjs";
-class e {
-  constructor(i, n) {
-    this.parentName = "", this.signals = [], this.subDistricts = [], this.signalCount = 0, this.subDistrictCount = 0, this.id = i.name, this.name = i.areaDesc, this.parentId = i.parentId, this.areaColor = n === "alarm" ? [255, 0, 0] : [61, 139, 249];
-    for (const t of i.children)
+import d from "../common-utils.mjs";
+class r {
+  constructor(s, n) {
+    this.parentName = "", this.signals = [], this.subDistricts = [], this.areaColor = this.getDarkNonGrayColor(), this.signalCount = 0, this.subDistrictCount = 0, this.id = s.name, this.name = s.areaDesc, this.parentId = s.parentId, n === "alarm" && (this.areaColor = [255, 0, 0]);
+    for (const t of s.children)
       if (t.children) {
-        const s = new e(t, n);
-        s.id = t.id, s.name = `SS ${t.name}`, s.parentId = this.id, s.parentName = this.name, this.subDistricts.push(s), this.subDistrictCount++, this.signalCount += s.signalCount;
-      } else if (o.isCoordinateValid(t)) {
-        const s = {
+        const i = new r(t, n);
+        i.id = t.id, i.name = `SS ${t.name}`, i.parentId = this.id, i.parentName = this.name, this.subDistricts.push(i), this.subDistrictCount++, this.signalCount += i.signalCount;
+      } else if (d.isCoordinateValid(t)) {
+        const i = {
           id: t.id,
           name: t.name,
           parentId: t.parentId,
@@ -17,7 +17,7 @@ class e {
           nodeId: t.nodeId,
           isKey: t.isKey === 1
         };
-        this.signals.push(s), this.signalCount++;
+        this.signals.push(i), this.signalCount++;
       }
   }
   /**
@@ -25,14 +25,21 @@ class e {
    * @returns
    */
   getAllSignalCoordinates() {
-    const i = [];
+    const s = [];
     for (const n of this.signals)
-      i.push([n.longitude, n.latitude]);
+      s.push([n.longitude, n.latitude]);
     for (const n of this.subDistricts)
-      i.push(...n.getAllSignalCoordinates());
-    return i;
+      s.push(...n.getAllSignalCoordinates());
+    return s;
+  }
+  getDarkNonGrayColor() {
+    const s = Math.floor(Math.random() * 360), n = 80 + Math.random() * 20, t = 15 + Math.random() * 15, i = n / 100 * Math.min(t / 100, 1 - t / 100), o = (e) => {
+      const a = (e + s / 30) % 12, l = t / 100 - i * Math.max(Math.min(a - 3, 9 - a, 1), -1);
+      return Math.round(255 * l);
+    };
+    return [o(0), o(8), o(4)];
   }
 }
 export {
-  e as default
+  r as default
 };

package/es/src/gis-map/utils/signal-control-area-controller/layer-symbol.d.ts

@@ -1,7 +1,14 @@
+/** 区控的虚线边框图层 */
 declare const districtDashLineLayerOptions: any;
+/** 区控的实线边框图层 */
 declare const districtSolidLineLayerOptions: any;
+/** 子区图层 */
 declare const subDistrictLayerOptions: any;
+declare const subDistrictPointLayerOptions: any;
+/** 信号机圆点图层 */
 declare const signalMarkerLayerOptions: any;
+/** 信号机图标图层 */
 declare const signalPictureLayerOptions: any;
+/** 信号机聚合图层 */
 declare const signalClusterLayerOptions: any;
-export { districtDashLineLayerOptions, districtSolidLineLayerOptions, signalClusterLayerOptions, signalMarkerLayerOptions, signalPictureLayerOptions, subDistrictLayerOptions };
+export { districtDashLineLayerOptions, districtSolidLineLayerOptions, signalClusterLayerOptions, signalMarkerLayerOptions, signalPictureLayerOptions, subDistrictLayerOptions, subDistrictPointLayerOptions };

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

@@ -135,7 +135,7 @@ const e = {
   source: [],
   objectIdField: "ObjectID",
   outFields: ["*"],
-  geometryType: "polyline",
+  geometryType: "point",
   fields: [
     {
       name: "ObjectID",
@@ -150,11 +150,19 @@ const e = {
       type: "string"
     },
     {
-      name: "parentId",
+      name: "districtId",
+      type: "string"
+    },
+    {
+      name: "districtName",
+      type: "string"
+    },
+    {
+      name: "subDistrictId",
       type: "string"
     },
     {
-      name: "parentName",
+      name: "subDistrictName",
       type: "string"
     },
     {
@@ -171,17 +179,17 @@ const e = {
     }
   ],
   popupTemplate: {
-    title: "{name} 子区",
+    title: "{subDistrictName} 子区",
     content: [
       {
         type: "fields",
         fieldInfos: [
           {
-            fieldName: "id",
-            label: "区控编号"
+            fieldName: "subDistrictId",
+            label: "子区编号"
           },
           {
-            fieldName: "parentName",
+            fieldName: "districtName",
             label: "所属区控"
           },
           {
@@ -191,38 +199,8 @@ const e = {
         ]
       }
     ]
-  },
-  renderer: {
-    type: "unique-value",
-    field: "selected",
-    defaultSymbol: {
-      type: "simple-line",
-      style: "solid",
-      color: [5, 196, 104],
-      width: 2
-    },
-    uniqueValueInfos: [
-      {
-        value: "alert",
-        symbol: {
-          type: "simple-line",
-          style: "solid",
-          color: [255, 0, 0],
-          width: 2
-        }
-      },
-      {
-        value: "false",
-        symbol: {
-          type: "simple-line",
-          style: "solid",
-          color: [180, 180, 180],
-          width: 1
-        }
-      }
-    ]
   }
-}, l = {
+}, r = {
   id: "signalLayer",
   source: [],
   objectIdField: "ObjectID",
@@ -316,7 +294,7 @@ const e = {
       size: 4,
       outline: {
         color: "white",
-        width: 1
+        width: 0
       }
     },
     uniqueValueInfos: [
@@ -325,11 +303,11 @@ const e = {
         symbol: {
           type: "simple-marker",
           style: "circle",
-          color: [254, 172, 22],
-          size: 12,
+          color: [254, 172, 22, 0.8],
+          size: 8,
           outline: {
             color: "white",
-            width: 1
+            width: 0
           }
         }
       },
@@ -338,11 +316,11 @@ const e = {
         symbol: {
           type: "simple-marker",
           style: "circle",
-          color: [5, 116, 255],
+          color: [5, 116, 255, 0.8],
           size: 8,
           outline: {
             color: "white",
-            width: 1
+            width: 0
           }
         }
       },
@@ -351,11 +329,11 @@ const e = {
         symbol: {
           type: "simple-marker",
           style: "circle",
-          color: [180, 180, 180],
-          size: 12,
+          color: [180, 180, 180, 0.8],
+          size: 8,
           outline: {
             color: "white",
-            width: 1
+            width: 0
           }
         }
       },
@@ -364,17 +342,41 @@ const e = {
         symbol: {
           type: "simple-marker",
           style: "circle",
-          color: [180, 180, 180],
+          color: [180, 180, 180, 0.8],
           size: 8,
           outline: {
             color: "white",
-            width: 1
+            width: 0
           }
         }
       }
+    ],
+    visualVariables: [
+      {
+        type: "size",
+        valueExpression: "$view.scale",
+        stops: [
+          {
+            size: 8,
+            value: 9000.954822000003
+          },
+          {
+            size: 6,
+            value: 18055.954822000003
+          },
+          {
+            size: 3,
+            value: 144447.638572
+          },
+          {
+            size: 2,
+            value: 1155581108577e-6
+          }
+        ]
+      }
     ]
   }
-}, r = {
+}, l = {
   id: "signalLayer",
   source: [],
   objectIdField: "ObjectID",
@@ -551,7 +553,7 @@ const e = {
                     y: 0
                   },
                   anchorPointUnits: "Relative",
-                  size: 40,
+                  size: 20,
                   rotateClockwise: !0,
                   textureFilter: "Picture",
                   url: "/GisViewerAssets/Images/cross/gis_gjxklk_orange.png"
@@ -655,8 +657,8 @@ const e = {
         symbol: {
           type: "picture-marker",
           url: "/GisViewerAssets/Images/cross/gis_gjxk_gray.png",
-          width: 40,
-          height: 40
+          width: 20,
+          height: 20
         }
       },
       {
@@ -668,6 +670,22 @@ const e = {
           height: 20
         }
       }
+    ],
+    visualVariables: [
+      {
+        type: "size",
+        valueExpression: "$view.scale",
+        stops: [
+          {
+            size: 28,
+            value: 2250
+          },
+          {
+            size: 24,
+            value: 4500
+          }
+        ]
+      }
     ]
   }
 }, s = {
@@ -889,7 +907,7 @@ export {
   e as districtDashLineLayerOptions,
   t as districtSolidLineLayerOptions,
   s as signalClusterLayerOptions,
-  l as signalMarkerLayerOptions,
-  r as signalPictureLayerOptions,
-  i as subDistrictLayerOptions
+  r as signalMarkerLayerOptions,
+  l as signalPictureLayerOptions,
+  i as subDistrictPointLayerOptions
 };

package/es/src/gis-map/utils/signal-control-area-controller/renderer/district-renderer.d.ts

@@ -0,0 +1,40 @@
+import { IResult } from '../../../../types';
+import DistrictController from '../district-controller';
+export default class DistrictRenderer {
+    private view;
+    /** 区控虚线图层 */
+    private districtControllerDashLayer;
+    /** 区控实线图层，区控符号由半透明实线+不透明虚线组成 */
+    private districtControllerSolidLayer;
+    style: string;
+    private hasGpu;
+    constructor(view: __esri.MapView | __esri.SceneView, hasGpu: boolean);
+    /**
+     * 显示区控
+     * @param controllers 区控控制器数组
+     */
+    showDistricts(controllers: DistrictController[]): Promise<void>;
+    /**
+     * 清除区控图层
+     */
+    clearDistricts(): Promise<void>;
+    /**
+     * 设置区控图层可见性
+     * @param visible
+     */
+    setVisible(visible: boolean): void;
+    /**
+     * 定位区控
+     * @param id
+     * @returns
+     */
+    locateDistrict(id: string): Promise<IResult>;
+    /**
+     * 高亮区控, 其他区控隐藏
+     * @param id 区控ID
+     * @return 返回高亮区控的数量
+     */
+    highlightDistrict(id: string): Promise<number>;
+    filter(id: string): void;
+    resetFilter(): void;
+}

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

@@ -0,0 +1,123 @@
+import u from "@arcgis/core/Graphic";
+import n from "@arcgis/core/layers/FeatureLayer";
+import * as a from "@turf/helpers";
+import { convex as y, buffer as p } from "@turf/turf";
+import { districtDashLineLayerOptions as f, districtSolidLineLayerOptions as C } from "../layer-symbol.mjs";
+class S {
+  constructor(t, i) {
+    this.style = "", this.hasGpu = !0, this.view = t, this.hasGpu = i, this.districtControllerDashLayer = new n(
+      f
+    ), this.districtControllerDashLayer.spatialReference = t.spatialReference, this.districtControllerSolidLayer = new n(
+      C
+    ), this.districtControllerSolidLayer.spatialReference = t.spatialReference, this.districtControllerSolidLayer.popupEnabled = !0, this.view.map.addMany([
+      this.districtControllerDashLayer,
+      this.districtControllerSolidLayer
+    ]);
+  }
+  /**
+   * 显示区控
+   * @param controllers 区控控制器数组
+   */
+  async showDistricts(t) {
+    await this.clearDistricts();
+    const i = [];
+    for (let e = 0; e < t.length; e++) {
+      const r = t[e], s = r.getAllSignalCoordinates();
+      let o = null;
+      if (s.length >= 2)
+        if (s.length === 2)
+          o = a.lineString(s);
+        else {
+          const h = a.featureCollection(
+            s.map((c) => a.point(c))
+          );
+          o = y(h), o || (o = a.lineString(s));
+        }
+      else if (s.length === 1)
+        o = a.point(s[0]);
+      else
+        continue;
+      const l = p(o.geometry, 200, {
+        units: "meters"
+      }), d = new u({
+        geometry: {
+          type: "polyline",
+          paths: l.geometry.coordinates
+        },
+        attributes: {
+          ObjectID: e,
+          id: r.id,
+          name: r.name,
+          subDistrictCount: r.subDistrictCount,
+          signalCount: r.signalCount,
+          parentId: r.parentId,
+          parentName: r.parentName,
+          selected: this.style,
+          type: "district"
+        }
+      });
+      i.push(d);
+    }
+    await this.districtControllerDashLayer.applyEdits({
+      addFeatures: i
+    }), await this.districtControllerSolidLayer.applyEdits({
+      addFeatures: i
+    }), await this.view.goTo(i, {
+      duration: this.hasGpu ? 1e3 : 0
+    });
+  }
+  /**
+   * 清除区控图层
+   */
+  async clearDistricts() {
+    let t = await this.districtControllerDashLayer.queryFeatures();
+    await this.districtControllerDashLayer.applyEdits({
+      deleteFeatures: t.features
+    }), this.districtControllerDashLayer.definitionExpression = "1=1", t = await this.districtControllerSolidLayer.queryFeatures(), await this.districtControllerSolidLayer.applyEdits({
+      deleteFeatures: t.features
+    }), this.districtControllerSolidLayer.definitionExpression = "1=1";
+  }
+  /**
+   * 设置区控图层可见性
+   * @param visible
+   */
+  setVisible(t) {
+    this.districtControllerDashLayer.visible = t, this.districtControllerSolidLayer.visible = t;
+  }
+  /**
+   * 定位区控
+   * @param id
+   * @returns
+   */
+  async locateDistrict(t) {
+    const i = this.districtControllerDashLayer.createQuery();
+    i.where = `id = '${t}'`, i.returnGeometry = !0, i.outFields = ["*"];
+    const e = await this.districtControllerDashLayer.queryFeatures(i);
+    return e.features.length > 0 ? (await this.view.goTo(e.features, {
+      duration: this.hasGpu ? 1e3 : 0
+    }), { status: 0, message: "ok" }) : { status: 1, message: "未找到区控" };
+  }
+  /**
+   * 高亮区控, 其他区控隐藏
+   * @param id 区控ID
+   * @return 返回高亮区控的数量
+   */
+  async highlightDistrict(t) {
+    const i = this.districtControllerDashLayer.definitionExpression;
+    this.districtControllerDashLayer.definitionExpression = `id = '${t}'`;
+    const e = await this.districtControllerDashLayer.queryFeatures(), r = e.features.length;
+    return r > 0 ? (this.districtControllerSolidLayer.definitionExpression = `id = '${t}'`, await this.view.goTo(e.features, {
+      duration: this.hasGpu ? 1e3 : 0
+    })) : this.districtControllerDashLayer.definitionExpression = i, r;
+  }
+  filter(t) {
+    const i = `id = '${t}'`;
+    this.districtControllerDashLayer.definitionExpression = i, this.districtControllerSolidLayer.definitionExpression = i;
+  }
+  resetFilter() {
+    this.districtControllerDashLayer.definitionExpression = "1=1", this.districtControllerSolidLayer.definitionExpression = "1=1";
+  }
+}
+export {
+  S as default
+};

package/es/src/gis-map/utils/signal-control-area-controller/renderer/signal-renderer.d.ts

@@ -0,0 +1,22 @@
+import { IResult } from '../../../../types';
+import DistrictController from '../district-controller';
+export default class CrossRenderer {
+    private view;
+    private hasGpu;
+    private signalMarkerLayer;
+    private signalPictureLayer;
+    private signalClusterLayer;
+    constructor(view: __esri.MapView | __esri.SceneView, hasGpu: boolean);
+    showSignals(controllers: DistrictController[]): Promise<void>;
+    clearSignals(): Promise<void>;
+    setPointVisible(visible: boolean): Promise<void>;
+    setClusterVisible(visible: boolean): void;
+    locateSignal(id: string): Promise<IResult>;
+    highlightSignal(id: string): Promise<{
+        districtId: string;
+        subDistrictId: string;
+        count: number;
+    }>;
+    filter(type: string, id: string): void;
+    resetFilter(): void;
+}

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

@@ -0,0 +1,124 @@
+import d from "@arcgis/core/Graphic";
+import u from "@arcgis/core/layers/FeatureLayer";
+import { signalMarkerLayerOptions as y, signalPictureLayerOptions as c, signalClusterLayerOptions as o } from "../layer-symbol.mjs";
+class f {
+  constructor(e, a) {
+    this.view = e, this.hasGpu = a, this.signalMarkerLayer = new u(
+      y
+    ), this.signalMarkerLayer.spatialReference = e.spatialReference, this.signalMarkerLayer.popupEnabled = !0, this.signalPictureLayer = new u(
+      c
+    ), this.signalPictureLayer.spatialReference = e.spatialReference, this.signalPictureLayer.popupEnabled = !0, this.signalClusterLayer = new u(
+      o
+    ), this.signalClusterLayer.spatialReference = e.spatialReference, this.signalClusterLayer.popupEnabled = !0, this.view.map.addMany([
+      this.signalMarkerLayer,
+      this.signalPictureLayer,
+      this.signalClusterLayer
+    ]);
+  }
+  async showSignals(e) {
+    await this.clearSignals();
+    let a = 0;
+    const s = [];
+    e.forEach((r) => {
+      r.signals.forEach((i) => {
+        const t = new d({
+          geometry: {
+            type: "point",
+            longitude: i.longitude,
+            latitude: i.latitude
+          },
+          attributes: {
+            ObjectID: a++,
+            id: i.id,
+            name: i.name,
+            signalId: i.signalId,
+            nodeId: i.nodeId || i.id,
+            districtId: r.id,
+            districtName: r.name,
+            subDistrictId: "",
+            subDistrictName: "",
+            isKey: i.isKey,
+            type: "signal",
+            selected: !0
+          }
+        });
+        s.push(t);
+      }), r.subDistricts.forEach((i) => {
+        i.signals.forEach((t) => {
+          const n = new d({
+            geometry: {
+              type: "point",
+              longitude: t.longitude,
+              latitude: t.latitude
+            },
+            attributes: {
+              ObjectID: a++,
+              id: t.id,
+              name: t.name,
+              signalId: t.signalId,
+              nodeId: t.nodeId || t.id,
+              districtId: r.id,
+              districtName: r.name,
+              subDistrictId: i.id,
+              subDistrictName: i.name,
+              isKey: t.isKey,
+              type: "signal",
+              selected: !0
+            }
+          });
+          s.push(n);
+        });
+      });
+    }), await this.signalMarkerLayer.applyEdits({
+      addFeatures: s
+    }), await this.signalPictureLayer.applyEdits({
+      addFeatures: s
+    }), await this.signalClusterLayer.applyEdits({
+      addFeatures: s
+    });
+  }
+  async clearSignals() {
+    let e = await this.signalMarkerLayer.queryFeatures();
+    await this.signalMarkerLayer.applyEdits({
+      deleteFeatures: e.features
+    }), this.signalMarkerLayer.definitionExpression = "1=1", e = await this.signalPictureLayer.queryFeatures(), await this.signalPictureLayer.applyEdits({
+      deleteFeatures: e.features
+    }), this.signalPictureLayer.definitionExpression = "1=1", e = await this.signalClusterLayer.queryFeatures(), await this.signalClusterLayer.applyEdits({
+      deleteFeatures: e.features
+    }), this.signalClusterLayer.definitionExpression = "1=1";
+  }
+  async setPointVisible(e) {
+    this.signalMarkerLayer.visible = e, this.signalPictureLayer.visible = e;
+  }
+  setClusterVisible(e) {
+    this.signalClusterLayer.visible = e;
+  }
+  async locateSignal(e) {
+    return { status: 0, message: "ok" };
+  }
+  async highlightSignal(e) {
+    let a = "", s = "";
+    const r = this.signalMarkerLayer.definitionExpression;
+    this.signalMarkerLayer.definitionExpression = `signalId = '${e}'`;
+    const i = await this.signalMarkerLayer.queryFeatures(), t = i.features.length;
+    if (t > 0) {
+      const n = i.features[0].attributes.districtId || "", l = i.features[0].attributes.subDistrictId || "";
+      return await this.view.goTo(i.features, {
+        duration: this.hasGpu ? 1e3 : 0
+      }), { districtId: n, subDistrictId: l, count: t };
+    } else
+      this.signalMarkerLayer.definitionExpression = r;
+    return { districtId: a, subDistrictId: s, count: t };
+  }
+  filter(e, a) {
+    const s = `${e === "district" ? "districtId" : "subDistrictId"} = '${a}'`;
+    this.signalClusterLayer.definitionExpression = s, this.signalMarkerLayer.definitionExpression = s, this.signalPictureLayer.definitionExpression = s;
+  }
+  resetFilter() {
+    const e = "1=1";
+    this.signalClusterLayer.definitionExpression = e, this.signalMarkerLayer.definitionExpression = e, this.signalPictureLayer.definitionExpression = e;
+  }
+}
+export {
+  f as default
+};

package/es/src/gis-map/utils/signal-control-area-controller/renderer/sub-district-renderer.d.ts

@@ -0,0 +1,27 @@
+import { IResult } from '../../../../types';
+import DistrictController from '../district-controller';
+export default class SubDistrictRenderer {
+    private view;
+    private hasGpu;
+    private subDistrictPointLayer;
+    constructor(view: __esri.MapView | __esri.SceneView, hasGpu: boolean);
+    showSubDistricts(controllers: DistrictController[]): Promise<void>;
+    clearSubDistricts(): Promise<void>;
+    setVisible(visible: boolean): void;
+    /**
+     * 定位子区
+     * @param id 子区ID
+     */
+    locateSubDistrict(id: string): Promise<IResult>;
+    /**
+     * 高亮子区, 其他子区隐藏
+     * @param id 子区ID
+     * @return 返回高亮子区的数量以及区控id
+     */
+    highlightSubDistrict(id: string): Promise<{
+        count: number;
+        parentId: string;
+    }>;
+    filter(type: string, id: string): void;
+    resetFilter(): void;
+}