gisviewer-vue3-arcgis 1.0.265 → 1.0.267

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

@@ -1,7 +1,7 @@
 import { Point as h } from "@arcgis/core/geometry";
 import u from "@arcgis/core/Graphic";
-import d from "@arcgis/core/layers/GraphicsLayer";
-class C {
+import p from "@arcgis/core/layers/GraphicsLayer";
+class x {
   constructor(e) {
     this.crossGraphicSymbol = {
       type: "cim",
@@ -85,26 +85,28 @@ class C {
           ]
         }
       }
-    }, this.locations = [], this.clusteredLocations = [], this.filteredLocations = [], this.currentShowMode = "scatter", this.symbolScale = 5e3, this.oldScale = 0, this.clusterRadius = 120, this.minClusterPoints = 2, this.maxClusterSymbolSize = 50, this.minClusterSymbolSize = 25, this.view = e, this.crossLayer = new d(), this.view.map.add(this.crossLayer), this.oldScale = e.scale;
+    }, this.locations = [], this.clusteredLocations = [], this.filteredLocations = [], this.currentShowMode = "scatter", this.symbolScale = 5e3, this.oldScale = 0, this.clusterRadius = 120, this.minClusterPoints = 2, this.maxClusterSymbolSize = 50, this.minClusterSymbolSize = 25, this.view = e, this.crossLayer = new p(), this.view.map.add(this.crossLayer), this.oldScale = e.scale;
   }
   async addCrosses(e) {
     e.forEach((t) => {
-      t.signals.forEach((r) => {
-        r.longitude && r.latitude && !isNaN(r.longitude) && !isNaN(r.latitude) && this.locations.push({
-          id: r.id,
-          x: r.longitude,
-          y: r.latitude,
+      t.signals.forEach((i) => {
+        i.longitude && i.latitude && !isNaN(i.longitude) && !isNaN(i.latitude) && this.locations.push({
+          id: i.id,
+          x: i.longitude,
+          y: i.latitude,
           visited: !1,
           filtered: !1,
           clusterId: void 0,
           properties: {
-            ...r,
+            ...i,
             districtId: t.id,
-            subDistrictId: ""
+            districtName: t.name,
+            subDistrictId: "",
+            subDistrictName: ""
           }
         });
-      }), t.subDistricts.forEach((r) => {
-        r.signals.forEach((s) => {
+      }), t.subDistricts.forEach((i) => {
+        i.signals.forEach((s) => {
           s.longitude && s.latitude && !isNaN(s.longitude) && !isNaN(s.latitude) && this.locations.push({
             id: s.id,
             x: s.longitude,
@@ -115,7 +117,9 @@ class C {
             properties: {
               ...s,
               districtId: t.id,
-              subDistrictId: r.id
+              districtName: t.name,
+              subDistrictId: i.id,
+              subDistrictName: i.name
             }
           });
         });
@@ -137,7 +141,7 @@ class C {
    */
   clearCrosses() {
     var e;
-    console.log("Clearing crosses"), this.crossLayer.removeAll(), this.locations = [], this.clusteredLocations = [], (e = this.zoomWatchHandle) == null || e.remove();
+    this.crossLayer.removeAll(), this.locations = [], this.clusteredLocations = [], (e = this.zoomWatchHandle) == null || e.remove();
   }
   /**
    * 更新散点符号
@@ -174,16 +178,42 @@ class C {
     const e = [];
     this.locations.forEach((t) => {
       if (!t.filtered) {
-        const r = new u({
+        const i = new u({
           geometry: {
             type: "point",
             longitude: t.x,
             latitude: t.y
           },
           symbol: this.getCrossSymbol(t.properties),
-          attributes: t.properties
+          attributes: t.properties,
+          popupTemplate: {
+            title: "{name}信号机",
+            content: [
+              {
+                type: "fields",
+                fieldInfos: [
+                  {
+                    fieldName: "signalId",
+                    label: "信号机编号"
+                  },
+                  {
+                    fieldName: "nodeId",
+                    label: "路口编号"
+                  },
+                  {
+                    fieldName: "districtName",
+                    label: "区控名称"
+                  },
+                  {
+                    fieldName: "subDistrictName",
+                    label: "子区名称"
+                  }
+                ]
+              }
+            ]
+          }
         });
-        e.push(r);
+        e.push(i);
       }
     }), this.crossLayer.addMany(e);
   }
@@ -196,17 +226,17 @@ class C {
   filter(e) {
     this.locations.forEach((t) => {
       if (e.type === "district")
-        t.filtered = t.properties.districtId === e.id;
+        t.filtered = t.properties.districtId !== e.id;
       else if (e.type === "subDistrict")
-        t.filtered = t.properties.subDistrictId === e.id;
-      else if (e.type === "signal" && (t.filtered = t.id === e.id, t.filtered))
+        t.filtered = t.properties.subDistrictId !== e.id;
+      else if (e.type === "signal" && (t.filtered = t.id !== e.id, t.filtered))
         return t.properties;
     });
   }
   resetFilter() {
     this.locations.forEach((e) => {
       e.filtered = !1;
-    });
+    }), this.currentShowMode === "scatter" ? this.showScatter() : this.currentShowMode === "cluster" && this.showCluster();
   }
   /**
    * 根据当前比例尺更新路口符号
@@ -330,7 +360,7 @@ class C {
    * @returns
    */
   getNeighbors(e, t) {
-    return this.clusteredLocations.filter((r) => r.id === e.id || r.visited ? !1 : this.getDistance(e, r) <= t);
+    return this.clusteredLocations.filter((i) => i.id === e.id || i.visited ? !1 : this.getDistance(e, i) <= t);
   }
   /**
    * 两点间的像素距离
@@ -352,24 +382,24 @@ class C {
     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 r = Object.keys(e).map((s, i) => {
-      const o = e[Number(s)], a = o.length, l = o.reduce((n, y) => n + y.x, 0), c = o.reduce((n, y) => n + y.y, 0), m = l / a, p = c / a;
+    const i = Object.keys(e).map((s, r) => {
+      const o = e[Number(s)], a = o.length, l = o.reduce((n, m) => n + m.x, 0), c = o.reduce((n, m) => n + m.y, 0), y = l / a, d = c / a;
       return {
         id: Number(s),
         items: o,
         count: a,
         center: {
-          x: m,
-          y: p
+          x: y,
+          y: d
         }
       };
     });
-    return t.length > 0 && r.push({
+    return t.length > 0 && i.push({
       id: -1,
       items: t,
       count: t.length,
       center: null
-    }), r;
+    }), i;
   }
   /**
    * 按照像素距离聚类
@@ -380,13 +410,13 @@ class C {
    */
   doPixelCluster(e) {
     let t = 0;
-    for (let r = 0; r < this.clusteredLocations.length; r++) {
-      const s = this.clusteredLocations[r];
+    for (let i = 0; i < this.clusteredLocations.length; i++) {
+      const s = this.clusteredLocations[i];
       if (s.visited)
         continue;
       s.visited = !0;
-      const i = this.getNeighbors(s, e);
-      i.length < this.minClusterPoints ? s.clusterId = -1 : (i.forEach((o) => {
+      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++);
     }
@@ -394,13 +424,13 @@ class C {
   }
   showClusterResult(e) {
     this.crossLayer.removeAll();
-    let t = Number.MIN_VALUE, r = Number.MAX_VALUE;
+    let t = Number.MIN_VALUE, i = Number.MAX_VALUE;
     e.forEach((s) => {
-      s.count > 1 && (r = Math.min(r, s.count), t = Math.max(t, s.count));
+      s.count > 1 && (i = Math.min(i, s.count), t = Math.max(t, s.count));
     }), e.forEach((s) => {
       if (s.id !== -1) {
-        let i = r === t ? (this.maxClusterSymbolSize + this.minClusterSymbolSize) / 2 : this.minClusterSymbolSize + (s.count - r) / (t - r) * (this.maxClusterSymbolSize - this.minClusterSymbolSize);
-        i *= 0.75;
+        let r = i === t ? (this.maxClusterSymbolSize + this.minClusterSymbolSize) / 2 : this.minClusterSymbolSize + (s.count - i) / (t - i) * (this.maxClusterSymbolSize - this.minClusterSymbolSize);
+        r *= 0.75;
         const l = (s.count.toString().length * 8 + 6) / 2, c = new u({
           geometry: new h({ x: s.center.x, y: s.center.y }),
           attributes: {
@@ -430,7 +460,7 @@ class C {
                   // 聚合数量
                   {
                     type: "CIMVectorMarker",
-                    size: i,
+                    size: r,
                     colorLocked: !0,
                     anchorPointUnits: "Relative",
                     frame: { xmin: -16, ymin: -16, xmax: 16, ymax: 16 },
@@ -504,7 +534,7 @@ class C {
                       y: 0
                     },
                     anchorPointUnits: "Relative",
-                    size: i,
+                    size: r,
                     rotateClockwise: !0,
                     textureFilter: "Picture",
                     url: "/GisViewerAssets/Images/cross/gis_xhj_blue.png"
@@ -516,16 +546,42 @@ class C {
         });
         this.crossLayer.add(c);
       } else
-        s.items.forEach((i) => {
+        s.items.forEach((r) => {
           const o = new u({
-            geometry: new h({ x: i.x, y: i.y }),
+            geometry: new h({ x: r.x, y: r.y }),
             attributes: {
-              ...i,
-              ...i.properties,
+              ...r,
+              ...r.properties,
               type: "clusterPoint",
-              id: i.id
+              id: r.id
             },
-            symbol: this.crossGraphicSymbol
+            symbol: this.crossGraphicSymbol,
+            popupTemplate: {
+              title: "{name}信号机",
+              content: [
+                {
+                  type: "fields",
+                  fieldInfos: [
+                    {
+                      fieldName: "signalId",
+                      label: "信号机编号"
+                    },
+                    {
+                      fieldName: "nodeId",
+                      label: "路口编号"
+                    },
+                    {
+                      fieldName: "districtName",
+                      label: "区控名称"
+                    },
+                    {
+                      fieldName: "subDistrictName",
+                      label: "子区名称"
+                    }
+                  ]
+                }
+              ]
+            }
           });
           this.crossLayer.add(o);
         });
@@ -533,5 +589,5 @@ class C {
   }
 }
 export {
-  C as default
+  x as default
 };

package/es/src/gis-map/utils/signal-control-area/{show-area.d.ts → signal-area-controller.d.ts}

@@ -1,3 +1,6 @@
+/**
+ * 信控区域
+ */
 import { IFindSignalControlAreaParams, ILayerVisibleParams, IResult, IShowSignalControlAreaParams } from '../../../types';
 export default class SignalControlAreaController1 {
     private view;

package/es/src/gis-map/utils/signal-control-area/{show-area.mjs → signal-area-controller.mjs}

@@ -1,15 +1,15 @@
-import a from "../../stores/index.mjs";
-import c from "./cross-renderer.mjs";
+import c from "../../stores/index.mjs";
+import o from "./cross-renderer.mjs";
 import r from "./district-controller.mjs";
-import l from "./district-renderer.mjs";
-import o from "./signal-renderer.mjs";
+import a from "./district-renderer.mjs";
+import l from "./signal-renderer.mjs";
 import d from "./sub-district-renderer.mjs";
 class f {
   // private roadLines!: IRoadLine[];
   constructor(t) {
     this.view = t;
-    const s = a.useAppDataStore;
-    this.mapConfig = JSON.parse(JSON.stringify(s.mapConfig)), this.districtRenderer = new l(t), this.subDistrictRenderer = new d(t), this.signalRenderer = new o(t), this.crossRenderer = new c(t);
+    const s = c.useAppDataStore;
+    this.mapConfig = JSON.parse(JSON.stringify(s.mapConfig)), this.districtRenderer = new a(t), this.subDistrictRenderer = new d(t), this.signalRenderer = new l(t), this.crossRenderer = new o(t);
   }
   /**
    * 显示所有区控、子区、信号机
@@ -26,7 +26,7 @@ class f {
       );
       s.push(n), e.push(...n.subDistricts);
     }
-    return this.districtRenderer.style = t.style || "", await this.districtRenderer.showDistricts(s), await this.subDistrictRenderer.showSubDistricts(e), await this.signalRenderer.showSignals(s), { status: 0, message: "ok" };
+    return this.districtRenderer.style = t.style || "", await this.districtRenderer.showDistricts(s), await this.subDistrictRenderer.showSubDistricts(e), this.crossRenderer.addCrosses(s), { status: 0, message: "ok" };
   }
   /**
    * 显示单个区控
@@ -65,7 +65,7 @@ class f {
    * @returns
    */
   async clearSignalControlArea() {
-    return this.crossRenderer.clearCrosses(), await this.districtRenderer.clearDistricts(), await this.subDistrictRenderer.clearSubDistricts(), await this.signalRenderer.clearSignals(), { status: 0, message: "ok" };
+    return this.crossRenderer.clearCrosses(), await this.districtRenderer.clearDistricts(), await this.subDistrictRenderer.clearSubDistricts(), this.crossRenderer.clearCrosses(), { status: 0, message: "ok" };
   }
   /**
    * 设置区控、子区、信号机图层可见性
@@ -114,10 +114,10 @@ class f {
   async highlightSignalControlArea(t) {
     switch (this.view.closePopup(), t.type) {
       case "district":
-        return await this.districtRenderer.highlightDistrict(t) ? (this.subDistrictRenderer.filter(t), this.signalRenderer.filter(t), await this.subDistrictRenderer.showRoads(t), { status: 0, message: "ok" }) : { status: 1, message: "未找到区控" };
+        return await this.districtRenderer.highlightDistrict(t) ? (this.subDistrictRenderer.filter(t), this.crossRenderer.filter(t), await this.subDistrictRenderer.showRoads(t), { status: 0, message: "ok" }) : { status: 1, message: "未找到区控" };
       case "subDistrict": {
         const { count: s, parentId: e } = await this.subDistrictRenderer.highlightSubDistrict(t);
-        return s > 0 ? (this.districtRenderer.filter(e), this.signalRenderer.filter(t), { status: 0, message: "ok" }) : { status: 1, message: "未找到子区" };
+        return s > 0 ? (this.districtRenderer.filter(e), this.crossRenderer.filter(t), { status: 0, message: "ok" }) : { status: 1, message: "未找到子区" };
       }
       case "signal": {
         const { districtId: s, subDistrictId: e, count: i } = await this.signalRenderer.highlightSignal(t.id);
@@ -132,7 +132,7 @@ class f {
    * @returns
    */
   async resetHighlight() {
-    return this.districtRenderer.resetFilter(), this.subDistrictRenderer.resetFilter(), this.signalRenderer.resetFilter(), { status: 0, message: "ok" };
+    return this.districtRenderer.resetFilter(), this.subDistrictRenderer.resetFilter(), this.crossRenderer.resetFilter(), { status: 0, message: "ok" };
   }
 }
 export {

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

@@ -0,0 +1,24 @@
+import { IResult, IShowSignalCrossParams } from 'packages/components/src/types';
+/**
+ * 信控路口
+ */
+export default class SignalCrossController {
+    private view;
+    private crossLayer;
+    private readonly symbolScale;
+    private scaleWatchHandle;
+    private showName;
+    private showStyle;
+    constructor(view: __esri.MapView | __esri.SceneView);
+    /**
+     * 显示信控路口
+     * @param params
+     * @returns
+     */
+    showSignalCross(params: IShowSignalCrossParams): IResult;
+    clearSignalCross(): void;
+    private getBrandLabel;
+    private getOnlineLabel;
+    private getMalfunctionLabel;
+    private getCrossSymbol;
+}

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

@@ -0,0 +1,193 @@
+import o from "@arcgis/core/Graphic";
+import n from "@arcgis/core/layers/GraphicsLayer";
+class b {
+  constructor(e) {
+    this.symbolScale = 6e3, this.showName = "signalId", this.showStyle = "scatter", this.view = e, this.crossLayer = new n({
+      id: "signal-control-cross-layer",
+      title: "信控路口图层"
+    }), this.view.map.add(this.crossLayer);
+  }
+  /**
+   * 显示信控路口
+   * @param params
+   * @returns
+   */
+  showSignalCross(e) {
+    if (this.crossLayer.removeAll(), this.showName = e.showName || "signalId", this.showStyle = e.style || "scatter", this.scaleWatchHandle || (this.scaleWatchHandle = this.view.watch("scale", (t, i) => {
+      (t <= this.symbolScale && i > this.symbolScale || t > this.symbolScale && i <= this.symbolScale) && this.crossLayer.graphics.forEach((l) => {
+        const s = l.attributes;
+        l.symbol = this.getCrossSymbol(s);
+      });
+    })), this.showStyle === "scatter") {
+      const t = e.points.map((i) => {
+        const l = this.getCrossSymbol(i), s = this.getBrandLabel(i.brand), a = this.getOnlineLabel(i.isOnline), r = this.getMalfunctionLabel(
+          i.isMalfunction
+        );
+        return new o({
+          geometry: {
+            type: "point",
+            longitude: i.x,
+            latitude: i.y
+          },
+          symbol: l,
+          attributes: {
+            type: "signal-cross",
+            id: i.crossId,
+            brandLabel: s,
+            isOnlineLabel: a,
+            isMalfunctionLabel: r,
+            ...i
+          },
+          popupTemplate: {
+            title: "{name}信号机",
+            content: [
+              {
+                type: "fields",
+                fieldInfos: [
+                  {
+                    fieldName: "signalId",
+                    label: "信号机编号"
+                  },
+                  {
+                    fieldName: "crossId",
+                    label: "路口编号"
+                  },
+                  {
+                    fieldName: "brandLabel",
+                    label: "品牌"
+                  },
+                  {
+                    fieldName: "isOnlineLabel",
+                    label: "是否在线"
+                  },
+                  {
+                    fieldName: "isMalfunctionLabel",
+                    label: "是否故障"
+                  }
+                ]
+              }
+            ]
+          }
+        });
+      });
+      this.crossLayer.addMany(t);
+    }
+    return { status: 0, message: "ok" };
+  }
+  clearSignalCross() {
+    var e;
+    this.crossLayer.removeAll(), (e = this.scaleWatchHandle) == null || e.remove(), this.scaleWatchHandle = null;
+  }
+  getBrandLabel(e) {
+    const t = (e ?? "").toLowerCase();
+    return t === "scats" ? "SCATS" : t === "gc" ? "国产" : e ?? "";
+  }
+  getOnlineLabel(e) {
+    return e ? "在线" : "离线";
+  }
+  getMalfunctionLabel(e) {
+    return e ? "故障" : "正常";
+  }
+  getCrossSymbol(e) {
+    if (this.view.scale <= this.symbolScale) {
+      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",
+        data: {
+          type: "CIMSymbolReference",
+          primitiveOverrides: [
+            {
+              // 将textGraphic的TextString替换为graphic.attributes.name
+              type: "CIMPrimitiveOverride",
+              primitiveName: "textGraphic",
+              propertyName: "TextString",
+              valueExpressionInfo: {
+                type: "CIMExpressionInfo",
+                title: "Custom",
+                expression: this.showName === "signalId" ? 'Replace($feature.name, "与", "/") + "  " + $feature.signalId' : 'Replace($feature.name, "与", "/") + "  " + $feature.crossId',
+                returnType: "Default"
+              }
+            }
+          ],
+          symbol: {
+            type: "CIMPointSymbol",
+            symbolLayers: [
+              // 路口名称
+              {
+                type: "CIMVectorMarker",
+                size: 25,
+                colorLocked: !0,
+                anchorPointUnits: "Relative",
+                frame: { xmin: -16, ymin: -16, xmax: 16, ymax: 16 },
+                markerGraphics: [
+                  {
+                    type: "CIMMarkerGraphic",
+                    primitiveName: "textGraphic",
+                    geometry: { x: 0, y: 0 },
+                    symbol: {
+                      type: "CIMTextSymbol",
+                      height: 12,
+                      horizontalAlignment: "Center",
+                      offsetX: 0,
+                      offsetY: 20,
+                      haloSize: 1,
+                      haloSymbol: {
+                        type: "CIMPolygonSymbol",
+                        symbolLayers: [
+                          {
+                            type: "CIMSolidFill",
+                            enable: !0,
+                            color: [255, 255, 255, 255]
+                          }
+                        ]
+                      },
+                      symbol: {
+                        type: "CIMPolygonSymbol",
+                        symbolLayers: [
+                          {
+                            type: "CIMSolidFill",
+                            enable: !0,
+                            color: [0, 0, 0, 255]
+                          }
+                        ]
+                      },
+                      verticalAlignment: "Center"
+                    },
+                    textString: ""
+                  }
+                ],
+                scaleSymbolsProportionally: !0,
+                respectFrame: !0
+              },
+              // 路口图标
+              {
+                type: "CIMPictureMarker",
+                enable: !0,
+                anchorPoint: {
+                  x: 0,
+                  y: 0
+                },
+                anchorPointUnits: "Relative",
+                size: 20,
+                rotateClockwise: !0,
+                textureFilter: "Picture",
+                url: t
+              }
+            ]
+          }
+        }
+      };
+    } else {
+      const t = {
+        type: "simple-marker",
+        style: "circle",
+        size: 6,
+        outline: { width: 0 }
+      };
+      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;
+    }
+  }
+}
+export {
+  b as default
+};

package/es/src/types/index.d.ts

@@ -309,6 +309,21 @@ export interface IShowSignalControlAreaParams {
     areaList: any[];
     style?: string;
 }
+export interface ISignalCross {
+    signalId: string;
+    crossId: string;
+    name: string;
+    brand: string;
+    isOnline: boolean;
+    isMalfunction: boolean;
+    x: number;
+    y: number;
+}
+export interface IShowSignalCrossParams {
+    style: string;
+    showName: string;
+    points: ISignalCross[];
+}
 export interface IDistrictRoad {
     id: string;
     coordinates: number[][];

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

@@ -12,7 +12,8 @@ import PoliceJurisdiction from './utils/police-jurisdiction';
 import QueueLength from './utils/queue-length';
 import RoadConfigTool from './utils/road-config-tool';
 import EditSignalArea from './utils/signal-control-area/edit-area';
-import ShowSignalArea from './utils/signal-control-area/show-area';
+import SignalAreaController from './utils/signal-control-area/signal-area-controller';
+import SignalCrossController from './utils/signal-control-area/signal-cross-controller';
 import TrafficFlow from './utils/traffic-flow';
 declare const _sfc_main: import("vue").DefineComponent<{
     config: {
@@ -34,7 +35,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     queueLength: QueueLength;
     openDriveRenderer: OpenDriveRenderer;
     editSignalAreaController: EditSignalArea;
-    showSignalAreaController: ShowSignalArea;
+    signalAreaController: SignalAreaController;
+    signalCrossController: SignalCrossController;
     greenWaveBandController: GreenWaveBandController;
     policeJurisdictionController: PoliceJurisdiction;
     edpassDeviceController: EdpassDeviceController;
@@ -150,7 +152,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         status: number;
         message: string;
     }>;
-    clearBlockOpenDriveLane: () => void | {
+    clearBlockOpenDriveLane: (params: IBlockOpenDriveLaneParams) => void | {
         status: number;
         message: string;
     };
@@ -186,6 +188,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         status: number;
         message: string;
     } | undefined;
+    showSignalCross: (params: any) => import("../types").IResult;
+    clearSignalCross: () => void | {
+        status: number;
+        message: string;
+    };
     addGreenWaveBand: (params: IEditSignalControlAreaParams) => void;
     stopAddGreenWaveBand: () => {
         status: number;