gisviewer-vue3-arcgis 1.0.285 → 1.0.286

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

@@ -1,17 +1,18 @@
-import _ from "ol/Feature";
-import v from "ol/geom/Point";
-import B from "ol/layer/Vector";
-import { unByKey as E } from "ol/Observable";
-import V from "ol/source/Vector";
-import k from "ol/style/Circle";
-import y from "ol/style/Fill";
-import F from "ol/style/Icon";
-import I from "ol/style/Stroke";
-import d from "ol/style/Style";
+import L from "ol/Feature";
+import x from "ol/geom/Point";
+import U from "ol/layer/Vector";
+import { unByKey as N } from "ol/Observable";
+import X from "ol/source/Vector";
+import F from "ol/style/Circle";
+import h from "ol/style/Fill";
+import v from "ol/style/Icon";
+import m from "ol/style/Stroke";
+import a from "ol/style/Style";
 import K from "ol/style/Text";
-class se {
+import { PixelClusterCalculator as $ } from "../cluster/pixel-cluster-calculator.mjs";
+class re {
   constructor(e) {
-    this.showName = "detail", this.showStyle = "scatter", this.viewChangeKey = null, this.mapMoveKey = null, this.resolutionChangeTimeout = null, this.clusterRadius = 120, this.minClusterPoints = 2, this.maxClusterSymbolSize = 50, this.minClusterSymbolSize = 25, this.clusteredLocations = [], this.locations = [], this.map = e, this.view = e.getView(), this.source = new V(), this.crossLayer = new B({
+    this.showName = "detail", this.showStyle = "scatter", this.viewChangeKey = null, this.mapMoveKey = null, this.resolutionChangeTimeout = null, this.locations = [], this.map = e, this.view = e.getView(), this.clusterCalculator = new $(e), this.source = new X(), this.crossLayer = new U({
       source: this.source
     }), this.crossLayer.set("id", "signal-control-cross-layer"), this.map.addLayer(this.crossLayer), this.configureVectorLayerStyle();
   }
@@ -23,19 +24,19 @@ class se {
     })), this.mapMoveKey || (this.mapMoveKey = this.map.on("moveend", () => {
       this.showStyle === "cluster" && this.calculateCluster();
     })), this.showStyle === "scatter") {
-      const s = [], o = [];
-      e.points.forEach((t) => {
-        const n = this.createCrossFeature(t);
-        t.isMalfunction === !0 || t.isOnline === !1 ? o.push(n) : s.push(n);
-      }), this.source.addFeatures(s), this.source.addFeatures(o), this.crossLayer.changed();
+      const t = [], i = [];
+      e.points.forEach((l) => {
+        const c = this.createCrossFeature(l);
+        l.isMalfunction === !0 || l.isOnline === !1 ? i.push(c) : t.push(c);
+      }), this.source.addFeatures(t), this.source.addFeatures(i), this.crossLayer.changed();
     } else
-      this.locations = e.points.map((s) => ({
-        id: s.crossId,
-        x: s.x,
-        y: s.y,
+      this.locations = e.points.map((t) => ({
+        id: t.crossId,
+        x: t.x,
+        y: t.y,
         visited: !1,
         clusterId: void 0,
-        properties: s
+        properties: t
       })), this.calculateCluster();
     return {
       status: 0,
@@ -43,12 +44,11 @@ class se {
     };
   }
   calculateCluster() {
-    console.time("cluster"), this.locationToScreen();
-    const e = this.doPixelCluster(this.clusterRadius);
-    this.showClusterResult(e), console.timeEnd("cluster");
+    const e = this.clusterCalculator.calculate(this.locations), t = this.clusterCalculator.calculateSymbolSizes(e);
+    this.showClusterResult(t);
   }
   clearSignalCross() {
-    this.source.clear(), this.viewChangeKey && (E(this.viewChangeKey), this.viewChangeKey = null), this.mapMoveKey && (E(this.mapMoveKey), this.mapMoveKey = null), this.resolutionChangeTimeout && (clearTimeout(this.resolutionChangeTimeout), this.resolutionChangeTimeout = null);
+    this.source.clear(), this.viewChangeKey && (N(this.viewChangeKey), this.viewChangeKey = null), this.mapMoveKey && (N(this.mapMoveKey), this.mapMoveKey = null), this.resolutionChangeTimeout && (clearTimeout(this.resolutionChangeTimeout), this.resolutionChangeTimeout = null);
   }
   changeShowName(e) {
     this.showName = e, this.showStyle === "scatter" && this.updateScatterSymbol();
@@ -62,33 +62,48 @@ class se {
    * - 使用缓存避免每次渲染都创建新的 Style/Icon/数组对象
    */
   configureVectorLayerStyle() {
-    const r = this.map.getView(), p = r.getResolutionForZoom(13), w = r.getResolutionForZoom(15), S = r.getResolutionForZoom(17), C = (i, c, l) => `/GisViewerAssets/Images/cross/ic_${(i ?? "gc").toLowerCase() === "scats" ? "scats" : "gc"}_${c === !1 ? "offline" : "online"}_${l ? "malfunction" : "normal"}.png`, u = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new Map(), x = {
-      gc: "#86efac",
-      // 浅绿色
-      scats: "#16a34a"
-      // 深绿色
-    }, z = new I({ color: "#ffffff", width: 1.5 }), R = (i, c) => {
-      const l = x[i] ? i : "gc", a = b.get(l);
-      if (a)
-        return a;
-      const m = [
-        new d({
-          image: new k({
-            radius: c > p ? 3 : 8,
-            fill: new y({ color: x[l] }),
-            stroke: z
+    const y = this.map.getView(), E = y.getResolutionForZoom(13), Z = y.getResolutionForZoom(15), z = y.getResolutionForZoom(17), k = (s, o, n) => `/GisViewerAssets/Images/cross/ic_${(s ?? "gc").toLowerCase() === "scats" ? "scats" : "gc"}_${o === !1 ? "offline" : "online"}_${n ? "malfunction" : "normal"}.png`, w = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new WeakMap(), C = {
+      online: "#22c55e",
+      // 绿色 - 在线
+      offline: "#9ca3af"
+      // 灰色 - 离线
+    }, p = new m({ color: "#ffffff", width: 1.5 }), O = /* @__PURE__ */ new Map(), A = (s) => {
+      const o = s === !1 ? "offline" : "online", n = O.get(o);
+      if (n)
+        return n;
+      const r = [
+        new a({
+          image: new F({
+            radius: 3,
+            fill: new h({ color: C[o] }),
+            stroke: p
           }),
           zIndex: 1
         })
       ];
-      return b.set(l, m), m;
-    }, Z = new y({ color: "#1f2937" }), A = new I({ color: "#ffffff", width: 3 }), L = (i) => {
-      const c = u.get(i);
-      if (c)
-        return c;
-      const l = new d({
-        image: new F({
-          src: i,
+      return O.set(o, r), r;
+    }, M = /* @__PURE__ */ new Map(), B = (s) => {
+      const o = s === !1 ? "offline" : "online", n = M.get(o);
+      if (n)
+        return n;
+      const r = [
+        new a({
+          image: new F({
+            radius: 6,
+            fill: new h({ color: C[o] }),
+            stroke: p
+          }),
+          zIndex: 1
+        })
+      ];
+      return M.set(o, r), r;
+    }, R = new h({ color: "#1f2937" }), V = new m({ color: "#ffffff", width: 3 }), I = (s) => {
+      const o = w.get(s);
+      if (o)
+        return o;
+      const n = new a({
+        image: new v({
+          src: s,
           scale: 0.5,
           anchor: [0.5, 1],
           anchorXUnits: "fraction",
@@ -96,47 +111,49 @@ class se {
         }),
         zIndex: 1
       });
-      return u.set(i, l), l;
-    }, P = (i) => {
-      const c = h.get(i);
-      if (c)
-        return c;
-      const l = [L(i)];
-      return h.set(i, l), l;
+      return w.set(s, n), n;
+    }, D = (s) => {
+      const o = d.get(s);
+      if (o)
+        return o;
+      const n = [I(s)];
+      return d.set(s, n), n;
     };
-    this.crossLayer.setStyle((i, c) => {
-      if ((i.get("type") ?? "") === "signal-cluster")
-        return this.getClusterStyle(i.getProperties());
-      const a = this.showName === "crossName" ? i.get("name") : this.showName === "signalId" ? i.get("signalId") : `${i.get("name")}(${i.get("signalId")})`, m = i.get("brand") ?? "gc", M = i.get("isOnline"), N = i.get("isMalfunction"), g = C(m, M, N);
-      if (c > w)
-        return R(m, c);
-      if (c > S)
-        return P(g);
-      const f = O.get(i);
-      if (f && f.label === a && f.iconKey === g)
-        return f.styles;
-      const X = L(g), Y = new d({
+    this.crossLayer.setStyle((s, o) => {
+      if ((s.get("type") ?? "") === "signal-cluster")
+        return this.getClusterStyle(s.getProperties());
+      const r = this.showName === "crossName" ? s.get("name") : this.showName === "signalId" ? s.get("signalId") : `${s.get("name")}(${s.get("signalId")})`, b = s.get("brand") ?? "gc", u = s.get("isOnline"), T = s.get("isMalfunction"), f = k(b, u, T);
+      if (o > E)
+        return A(u);
+      if (o > Z)
+        return B(u);
+      if (o > z)
+        return D(f);
+      const g = S.get(s);
+      if (g && g.label === r && g.iconKey === f)
+        return g.styles;
+      const P = I(f), Y = new a({
         text: new K({
-          text: a,
+          text: r,
           font: '12px "Microsoft YaHei"',
           textAlign: "center",
           textBaseline: "bottom",
           offsetY: -28,
-          fill: Z,
-          stroke: A
+          fill: R,
+          stroke: V
         }),
         zIndex: 2
-      }), T = [X, Y];
-      return O.set(i, {
-        label: a,
-        iconKey: g,
-        styles: T
-      }), T;
+      }), _ = [P, Y];
+      return S.set(s, {
+        label: r,
+        iconKey: f,
+        styles: _
+      }), _;
     });
   }
   createCrossFeature(e) {
-    return e.brand = e.brand.toLowerCase(), new _({
-      geometry: new v([e.x, e.y]),
+    return e.brand = e.brand.toLowerCase(), new L({
+      geometry: new x([e.x, e.y]),
       type: "signal-cross",
       id: e.crossId,
       brandLabel: this.getBrandLabel(e.brand),
@@ -146,28 +163,30 @@ class se {
     });
   }
   getClusterStyle(e) {
-    const s = e.clusterSymbolSize, o = new F({
+    const t = e.clusterSymbolSize, i = new v({
       src: "/GisViewerAssets/Images/cross/gis_xhj_blue.png",
-      scale: s / 32
+      scale: t / 32
       // 近似缩放
-    }), t = -(s + 10), n = new K({
+    }), l = -(t + 10), c = new K({
       text: String(e.count ?? 0),
-      font: "16px sans-serif",
-      fill: new y({ color: [255, 255, 255, 255] }),
-      backgroundFill: new y({ color: [2, 72, 200, 255] }),
-      backgroundStroke: new I({ color: [2, 72, 200, 128], width: 2 }),
-      padding: [3, 6, 3, 6],
-      offsetY: t,
-      textAlign: "center"
+      font: "16px Arial Unicode MS",
+      fill: new h({ color: [255, 255, 255, 255] }),
+      backgroundFill: new h({ color: [2, 72, 200, 1] }),
+      backgroundStroke: new m({ color: [2, 72, 200, 0.5], width: 2 }),
+      padding: [1, 2, 1, 2],
+      offsetY: l,
+      textAlign: "center",
+      justify: "center",
+      textBaseline: "middle"
     });
-    return [new d({ image: o }), new d({ text: n })];
+    return [new a({ image: i }), new a({ text: c })];
   }
   // private formatCrossName(name?: string) {
   //   return (name || '').replace(/与/g, '/');
   // }
   getBrandLabel(e) {
-    const s = (e ?? "").toLowerCase();
-    return s === "scats" ? "SCATS" : s === "gc" ? "国产" : e ?? "";
+    const t = (e ?? "").toLowerCase();
+    return t === "scats" ? "SCATS" : t === "gc" ? "国产" : e ?? "";
   }
   getOnlineLabel(e) {
     return e ? "在线" : "离线";
@@ -175,89 +194,28 @@ class se {
   getMalfunctionLabel(e) {
     return e ? "故障" : "正常";
   }
-  locationToScreen() {
-    this.clusteredLocations = [], this.locations.forEach((e) => {
-      const s = this.map.getPixelFromCoordinate([e.x, e.y]), [o, t] = s || [NaN, NaN];
-      Number.isFinite(o) && Number.isFinite(t) && o > 0 && t > 0 && (e.properties = e.properties || {}, e.properties.screenX = o, e.properties.screenY = t, e.visited = !1, e.clusterId = void 0, this.clusteredLocations.push(e));
-    });
-  }
-  doPixelCluster(e) {
-    let s = 0;
-    for (let o = 0; o < this.clusteredLocations.length; o++) {
-      const t = this.clusteredLocations[o];
-      if (t.visited)
-        continue;
-      t.visited = !0;
-      const n = this.getNeighbors(t, e);
-      n.length < this.minClusterPoints ? t.clusterId = -1 : (n.forEach((r) => {
-        r.visited = !0, r.clusterId = s;
-      }), t.clusterId = s, s++);
-    }
-    return this.createClusters();
-  }
-  getNeighbors(e, s) {
-    return this.clusteredLocations.filter((o) => o.id === e.id || o.visited ? !1 : this.getDistance(e, o) <= s);
-  }
-  getDistance(e, s) {
-    var o, t, n, r;
-    return Math.sqrt(
-      Math.pow(
-        (((o = e.properties) == null ? void 0 : o.screenX) ?? 0) - (((t = s.properties) == null ? void 0 : t.screenX) ?? 0),
-        2
-      ) + Math.pow(
-        (((n = e.properties) == null ? void 0 : n.screenY) ?? 0) - (((r = s.properties) == null ? void 0 : r.screenY) ?? 0),
-        2
-      )
-    );
-  }
-  createClusters() {
-    const e = {}, s = [];
-    for (const t of this.clusteredLocations)
-      t.clusterId === void 0 || t.clusterId === -1 ? s.push(t) : (e[t.clusterId] || (e[t.clusterId] = []), e[t.clusterId].push(t));
-    const o = Object.keys(e).map((t) => {
-      const n = e[Number(t)], r = n.length, p = n.reduce((u, h) => u + h.x, 0), w = n.reduce((u, h) => u + h.y, 0), S = p / r, C = w / r;
-      return {
-        id: Number(t),
-        items: n,
-        count: r,
-        center: { x: S, y: C }
-      };
-    });
-    return s.length > 0 && o.push({
-      id: -1,
-      items: s,
-      count: s.length,
-      center: null
-    }), o;
-  }
   showClusterResult(e) {
-    this.source.clear();
-    let s = Number.MIN_VALUE, o = Number.MAX_VALUE;
-    e.forEach((t) => {
-      t.count > 1 && (o = Math.min(o, t.count), s = Math.max(s, t.count));
-    }), e.forEach((t) => {
-      if (t.id !== -1 && t.center) {
-        let n = o === s ? (this.maxClusterSymbolSize + this.minClusterSymbolSize) / 2 : this.minClusterSymbolSize + (t.count - o) / (s - o) * (this.maxClusterSymbolSize - this.minClusterSymbolSize);
-        n *= 0.75;
-        const r = new _({
-          geometry: new v([t.center.x, t.center.y]),
+    this.source.clear(), e.forEach((t) => {
+      if (t.id !== -1 && t.center && t.symbolSize) {
+        const i = new L({
+          geometry: new x([t.center.x, t.center.y]),
           type: "signal-cluster",
           count: t.count,
-          clusterSymbolSize: n
+          clusterSymbolSize: t.symbolSize
         });
-        this.source.addFeature(r);
+        this.source.addFeature(i);
       } else
-        t.items.forEach((n) => {
-          const r = this.createCrossFeature({
-            ...n.properties,
-            x: n.x,
-            y: n.y
+        t.items.forEach((i) => {
+          const l = this.createCrossFeature({
+            ...i.properties,
+            x: i.x,
+            y: i.y
           });
-          this.source.addFeature(r);
+          this.source.addFeature(l);
         });
     }), this.crossLayer.changed();
   }
 }
 export {
-  se as default
+  re as default
 };

package/es/src/gis-map-ol/utils/signal-control/signal-system-controller.d.ts

@@ -0,0 +1,49 @@
+import { default as OlMap } from 'ol/Map';
+import { IResult, IShowSignalSystemParams, IShowSubSignalSystemParams } from 'packages/components/src/types';
+/**
+ * 信号系统控制器
+ * 用于在 OpenLayers 地图上展示和管理信号子区系统
+ * 包括子区道路线（LineString）和路口节点（Point）的渲染
+ */
+export default class SignalSystemController {
+    /** OpenLayers 地图实例 */
+    private map;
+    /** 矢量数据源，存储所有信号系统要素 */
+    private source;
+    /** 信号系统图层 */
+    private signalSystemLayer;
+    /**
+     * 构造函数
+     * @param map - OpenLayers 地图实例
+     */
+    constructor(map: OlMap);
+    showSignalSystem(params: IShowSignalSystemParams): Promise<IResult> | {
+        status: number;
+        message: string;
+    };
+    removeSignalSystem(areaCode?: string): void;
+    private showSystem;
+    /**
+     * 展示多个信号子区系统
+     * 遍历所有子区并渲染，完成后自动缩放地图视角以显示所有子区
+     *
+     * @param params - 展示参数，包含子区列表
+     * @returns 操作结果
+     */
+    showSubSignalSystem(params: IShowSubSignalSystemParams): Promise<IResult>;
+    /**
+     * 移除信号子区系统
+     * 若不传 subCode，则清除所有子区；否则只清除指定子区
+     *
+     * @param subCode - 可选，子区编码。不传则清除全部
+     */
+    removeSubSignalSystem(subCode?: string): void;
+    /**
+     * 渲染单个信号子区系统
+     * 包括子区道路线和路口节点的渲染
+     *
+     * @param subSystem - 信号子区系统数据
+     * @param areaCode - 区域编码，用于关联要素
+     */
+    private showSubSystem;
+}

package/es/src/gis-map-ol/utils/signal-control/signal-system-controller.mjs

@@ -0,0 +1,127 @@
+import n from "ol/Feature";
+import { LineString as u, Point as l } from "ol/geom";
+import h from "ol/layer/Vector";
+import f from "ol/source/Vector";
+import { getLineStyle as c } from "../style/line-style.mjs";
+import { getPointStyle as m } from "../style/point-style.mjs";
+class F {
+  /**
+   * 构造函数
+   * @param map - OpenLayers 地图实例
+   */
+  constructor(e) {
+    this.map = e, this.source = new f(), this.signalSystemLayer = new h({
+      source: this.source
+    }), this.signalSystemLayer.set("id", "signal-system-layer"), this.map.addLayer(this.signalSystemLayer);
+  }
+  showSignalSystem(e) {
+    e.areaList.forEach((t) => {
+      this.showSystem(t);
+    });
+    const r = this.source.getExtent();
+    return r && r[0] !== 1 / 0 ? new Promise((t) => {
+      this.map.getView().fit(r, {
+        padding: [50, 50, 50, 50],
+        callback: () => {
+          t({ status: 0, message: "success" });
+        }
+      });
+    }) : { status: 1, message: "No features to display" };
+  }
+  removeSignalSystem(e) {
+    if (!e) {
+      this.source.clear();
+      return;
+    }
+    this.source.getFeatures().filter((t) => t.get("areaCode") === e).forEach((t) => {
+      this.source.removeFeature(t);
+    });
+  }
+  showSystem(e) {
+    if (e.shape) {
+      let r;
+      typeof e.shape == "string" ? r = JSON.parse(e.shape) : r = e.shape;
+      const t = c(e.lineSymbol, e), s = new n({
+        geometry: new u(r),
+        areaCode: e.areaCode
+      });
+      s.setStyle(t), this.source.addFeature(s);
+    }
+    e.children && e.children.forEach((r) => {
+      this.showSubSystem(r, e.areaCode);
+    });
+  }
+  /**
+   * 展示多个信号子区系统
+   * 遍历所有子区并渲染，完成后自动缩放地图视角以显示所有子区
+   *
+   * @param params - 展示参数，包含子区列表
+   * @returns 操作结果
+   */
+  async showSubSignalSystem(e) {
+    e.areaList.forEach((t) => {
+      this.showSubSystem(t);
+    });
+    const r = this.source.getExtent();
+    return r && r[0] !== 1 / 0 ? new Promise((t) => {
+      this.map.getView().fit(r, {
+        padding: [50, 50, 50, 50],
+        callback: () => {
+          t({ status: 0, message: "success" });
+        }
+      });
+    }) : { status: 1, message: "No features to display" };
+  }
+  /**
+   * 移除信号子区系统
+   * 若不传 subCode，则清除所有子区；否则只清除指定子区
+   *
+   * @param subCode - 可选，子区编码。不传则清除全部
+   */
+  removeSubSignalSystem(e) {
+    if (!e) {
+      this.source.clear();
+      return;
+    }
+    this.source.getFeatures().filter((t) => t.get("subCode") === e).forEach((t) => {
+      this.source.removeFeature(t);
+    });
+  }
+  /**
+   * 渲染单个信号子区系统
+   * 包括子区道路线和路口节点的渲染
+   *
+   * @param subSystem - 信号子区系统数据
+   * @param areaCode - 区域编码，用于关联要素
+   */
+  showSubSystem(e, r) {
+    if (e.subShape) {
+      let t;
+      typeof e.subShape == "string" ? t = JSON.parse(e.subShape) : t = e.subShape;
+      const s = c(e.roadSymbol, e), o = t.map((i) => {
+        const a = new n({
+          geometry: new u(i),
+          subCode: e.subAreaCode,
+          areaCode: r || ""
+        });
+        return a.setStyle(s), a;
+      });
+      this.source.addFeatures(o);
+    }
+    if (e.children) {
+      const t = e.children.map((s) => {
+        const o = s.symbol || e.nodeSymbol, i = m(o, s), a = new n({
+          ...s,
+          subCode: e.subAreaCode,
+          areaCode: r || "",
+          geometry: new l([s.x, s.y])
+        });
+        return a.setStyle(i), a;
+      });
+      this.source.addFeatures(t);
+    }
+  }
+}
+export {
+  F as default
+};

package/es/src/gis-map-ol/utils/style/line-style.d.ts

@@ -0,0 +1,64 @@
+import Style from 'ol/style/Style';
+/**
+ * 根据 ArcGIS simple-line 的 style 获取 lineDash 配置
+ * @param style ArcGIS line style
+ * @param width 线宽，用于计算 dash 长度
+ */
+export declare function getLineDashByStyle(style: string, width: number): number[] | undefined;
+/**
+ * 清除样式缓存
+ */
+export declare function clearStyleCache(): void;
+/**
+ * 获取当前缓存大小
+ */
+export declare function getStyleCacheSize(): number;
+/**
+ * 获取线样式
+ * 支持 symbol 数组配置（line + text），或单个 symbol 配置
+ * 若 symbol 为空则显示蓝色线
+ *
+ * @example
+ * // 简单线样式配置
+ * { symbol: { strokeColor: '#ff0000', strokeWidth: 3 } }
+ *
+ * // 虚线样式配置
+ * { symbol: { strokeColor: '#2563eb', strokeWidth: 2, lineDash: [10, 5] } }
+ *
+ * // 带边框的线样式配置
+ * { symbol: { type: 'bordered', strokeColor: '#ffffff', strokeWidth: 4, borderColor: '#000000', borderWidth: 1 } }
+ *
+ * // 数组配置（线 + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'line', strokeColor: '#2563eb', strokeWidth: 3 },
+ *     { type: 'text', field: 'name', font: '14px Arial', fillColor: [0,0,0], placement: 'line' }
+ *   ]
+ * }
+ *
+ * // 数组配置（带边框线 + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'bordered', strokeColor: '#ffffff', strokeWidth: 4, borderColor: '#333333', borderWidth: 1 },
+ *     { type: 'text', field: 'roadName', font: '12px Arial', fillColor: [0,0,0], placement: 'line', overflow: true }
+ *   ]
+ * }
+ *
+ * // ArcGIS simple-line 配置
+ * // style 可选值: 'solid', 'dash', 'dot', 'dash-dot', 'long-dash', 'long-dash-dot',
+ * //              'long-dash-dot-dot', 'short-dash', 'short-dot', 'short-dash-dot', 'short-dash-dot-dot', 'none'
+ * { symbol: { type: 'simple-line', style: 'solid', color: [255, 0, 0, 1], width: 2 } }
+ * { symbol: { type: 'simple-line', style: 'dash', color: [0, 0, 255, 1], width: 3 } }
+ * { symbol: { type: 'simple-line', style: 'dot', color: [0, 128, 0, 1], width: 2 } }
+ * { symbol: { type: 'simple-line', style: 'dash-dot', color: [255, 128, 0, 1], width: 2 } }
+ * { symbol: { type: 'simple-line', style: 'long-dash-dot-dot', color: [128, 0, 128, 1], width: 2 } }
+ *
+ * // 数组配置（ArcGIS simple-line + 文字）
+ * {
+ *   symbol: [
+ *     { type: 'simple-line', style: 'dash', color: [0, 0, 255, 1], width: 3, cap: 'butt', join: 'miter' },
+ *     { type: 'text', field: 'name', font: '12px Arial', fillColor: [0,0,0], placement: 'line' }
+ *   ]
+ * }
+ */
+export declare function getLineStyle(symbol: any, attributes?: any): Style | Style[];