zhihao-ui 1.3.4-5.-alpha.1 → 1.3.4-5.-alpha.2

package/dist/es/{Map-DwI7JnW8.js → Map-BsyX-AAm.js}

@@ -10,8 +10,8 @@ const oo = { id: "scale-line-container" }, no = /* @__PURE__ */ Ue({
         a || (a = "metric");
         const o = new Yt({
           units: a
-        }), f = document.getElementById("scale-line-container");
-        f && (o.setTarget(f), s.addControl(o));
+        }), w = document.getElementById("scale-line-container");
+        w && (o.setTarget(w), s.addControl(o));
       }
     }), (s, a) => (Ie(), et("div", oo));
   }
@@ -28,13 +28,13 @@ const oo = { id: "scale-line-container" }, no = /* @__PURE__ */ Ue({
     console.log("props", l);
     const n = () => {
       console.log("props");
-      const { setZoom: a, getZoom: o, getInstall: f } = l.mapInstance.methods;
-      if (!f()) return;
+      const { setZoom: a, getZoom: o, getInstall: w } = l.mapInstance.methods;
+      if (!w()) return;
       const t = o();
       t && a(t + 1);
     }, s = () => {
-      const { setZoom: a, getZoom: o, getInstall: f } = l.mapInstance.methods;
-      if (!f()) return;
+      const { setZoom: a, getZoom: o, getInstall: w } = l.mapInstance.methods;
+      if (!w()) return;
       const t = o();
       t && a(t - 1);
     };
@@ -81,11 +81,11 @@ function ao() {
   }, o = (g, k) => {
     var $;
     ($ = n()) == null || $.setCenter(ie([g, k]));
-  }, f = () => {
+  }, w = () => {
     var k;
     const g = (k = n()) == null ? void 0 : k.getCenter();
     return Xt(g);
-  }, x = () => {
+  }, h = () => {
     var g;
     return (g = l()) == null ? void 0 : g.getSize();
   }, t = new it(), r = (g, k) => {
@@ -152,8 +152,8 @@ function ao() {
     getZoom: s,
     setZoom: a,
     setCenter: o,
-    getCenter: f,
-    getSize: x,
+    getCenter: w,
+    getSize: h,
     initMap: r,
     setBaseLayerMap: y
   };
@@ -268,8 +268,8 @@ const yo = (e) => {
   let s = null;
   const a = "--";
   let o = null;
-  const f = document.createElement("div"), x = new pe({
-    element: f,
+  const w = document.createElement("div"), h = new pe({
+    element: w,
     positioning: "top-left",
     className: "track-label-popup"
   });
@@ -277,8 +277,8 @@ const yo = (e) => {
   const b = 8, V = [], X = (c) => {
     var u;
     for (V.unshift(c); V.length > b; ) {
-      const h = V.pop(), p = l.get(h);
-      p && ((u = p.getSource()) == null || u.clear(), e == null || e.removeLayer(p), l.delete(h), delete n[h]);
+      const f = V.pop(), p = l.get(f);
+      p && ((u = p.getSource()) == null || u.clear(), e == null || e.removeLayer(p), l.delete(f), delete n[f]);
     }
   };
   let G = "";
@@ -289,25 +289,25 @@ const yo = (e) => {
       ce(s, c);
     }
   }, 100), N = () => s && n[s] && l.get(s).getVisible(), M = (c, u) => {
-    let h = [];
+    let f = [];
     const p = Math.max(1, Math.floor(u.length / P));
-    return h = u.filter((R, S) => S % p === 0).map((R, S) => {
+    return f = u.filter((R, S) => S % p === 0).map((R, S) => {
       if (Number(R.lon) > 180 || Number(R.lat) > 180) {
         const [A, Y] = nt(R.lon, R.lat);
         R.lon = A, R.lat = Y;
       }
       return R.center = [R.lon, R.lat], R.centerPoint = fo(R.center), R.time = ht(R.createdAt).format("YYYY-MM-DD HH:mm:ss"), R.id = c, R.index = S, R;
-    }), h.filter(
+    }), f.filter(
       (R, S, A) => S === A.findIndex(
         (Y) => Math.abs(Y.lon - R.lon) < 1e-6 && Math.abs(Y.lat - R.lat) < 1e-6
       )
     );
-  }, i = async (c, u, h, p = "ship", v = 200) => {
-    if (!e || JSON.stringify(n[c]) === JSON.stringify(u) && s === c || (u = u == null ? void 0 : u.reverse(), x && p === "ship" && (e != null && e.getOverlays().getArray().includes(x) || e.addOverlay(x)), (u == null ? void 0 : u.length) < 2))
+  }, i = async (c, u, f, p = "ship", v = 200) => {
+    if (!e || JSON.stringify(n[c]) === JSON.stringify(u) && s === c || (u = u == null ? void 0 : u.reverse(), h && p === "ship" && (e != null && e.getOverlays().getArray().includes(h) || e.addOverlay(h)), (u == null ? void 0 : u.length) < 2))
       return;
     X(c), s = c, n[c] = u, P = v;
     const D = Object.keys(n).findIndex((R) => R === c) || 0;
-    G = h || q[D > 10 ? 10 : D], await L(), await rt(s);
+    G = f || q[D > 10 ? 10 : D], await L(), await rt(s);
   }, T = (c) => {
     const u = new ue();
     return new he({
@@ -319,10 +319,10 @@ const yo = (e) => {
       properties: { layerType: ee.TRACK },
       zIndex: 10
     });
-  }, w = (c) => {
-    l.forEach((u, h) => {
+  }, x = (c) => {
+    l.forEach((u, f) => {
       var v;
-      const p = h === c;
+      const p = f === c;
       u.getVisible() !== p && (u.setVisible(p), e.getLayers().getArray().includes(u) || e.addLayer(u), p || (v = u.getSource()) == null || v.clear());
     }), s = c;
   }, L = async () => {
@@ -331,20 +331,20 @@ const yo = (e) => {
       const D = T(c);
       l.set(c, D);
     }
-    await w(c);
-    const u = G || "", h = n[c] || [];
-    if (!(h && h.length > 1)) return [];
+    await x(c);
+    const u = G || "", f = n[c] || [];
+    if (!(f && f.length > 1)) return [];
     let p = [];
-    p = M(c, h);
+    p = M(c, f);
     const v = p.map((D) => D.centerPoint);
     p.length >= 2 && await F(c, v, u);
-  }, F = (c, u, h) => {
+  }, F = (c, u, f) => {
     const p = new Ge(u), v = l.get(c).getSource(), D = v.getFeatureById(c);
     if (D)
-      D.setGeometry(p), D.setId(c), D.setStyle(Z(h)), m = D;
+      D.setGeometry(p), D.setId(c), D.setStyle(Z(f)), m = D;
     else {
       const R = new le({ geometry: p });
-      R.setId(c), R.set("type", "line"), R.setStyle(Z(h)), v.addFeature(R), m = R;
+      R.setId(c), R.set("type", "line"), R.setStyle(Z(f)), v.addFeature(R), m = R;
     }
     return m;
   }, Z = (c) => new _({
@@ -352,15 +352,15 @@ const yo = (e) => {
       color: c,
       width: 2
     })
-  }), W = (c, u, h) => {
+  }), W = (c, u, f) => {
     try {
       const p = c == null ? void 0 : c.get("data");
       if (c && p && u === "hover") {
         e.getTargetElement().style.cursor = p ? "pointer" : "";
-        const v = H(p), D = h == null ? void 0 : h.coordinate;
-        D && (f.querySelector(".popup-content"), f.innerHTML = v, x == null || x.setPosition(D));
+        const v = H(p), D = f == null ? void 0 : f.coordinate;
+        D && (w.querySelector(".popup-content"), w.innerHTML = v, h == null || h.setPosition(D));
       } else
-        x && x.setPosition(void 0);
+        h && h.setPosition(void 0);
     } catch (p) {
       console.error("handleTrackMapEvent", p);
     }
@@ -405,7 +405,7 @@ const yo = (e) => {
             ${u ?? u}
         </div>`;
   }, O = (c) => {
-    const h = c.map((S) => {
+    const f = c.map((S) => {
       const A = e.getPixelFromCoordinate(ie(S.center));
       return {
         ...S,
@@ -416,13 +416,13 @@ const yo = (e) => {
       };
     });
     let p = 0;
-    h[0].distance = 0;
-    for (let S = 1; S < h.length; S++) {
-      const A = h[S - 1].pixel, Y = h[S].pixel, J = Y[0] - A[0], E = Y[1] - A[1];
-      p += Math.sqrt(J * J + E * E), h[S].distance = p;
+    f[0].distance = 0;
+    for (let S = 1; S < f.length; S++) {
+      const A = f[S - 1].pixel, Y = f[S].pixel, J = Y[0] - A[0], E = Y[1] - A[1];
+      p += Math.sqrt(J * J + E * E), f[S].distance = p;
     }
-    const v = h.filter(
-      (S, A) => A === 0 || A === h.length - 1
+    const v = f.filter(
+      (S, A) => A === 0 || A === f.length - 1
     ), D = [];
     for (let S = 0; S < v.length; S++) {
       const A = v[S];
@@ -432,7 +432,7 @@ const yo = (e) => {
           const j = A.distance + B * 100;
           if (j >= Y.distance) break;
           const Q = re(
-            h,
+            f,
             j
           );
           Q && D.push(Q);
@@ -453,8 +453,8 @@ const yo = (e) => {
     }));
   };
   function re(c, u) {
-    for (let h = 1; h < c.length; h++) {
-      const p = c[h - 1], v = c[h];
+    for (let f = 1; f < c.length; f++) {
+      const p = c[f - 1], v = c[f];
       if (u >= p.distance && u <= v.distance) {
         const D = (u - p.distance) / (v.distance - p.distance), R = p.pixel[0] + D * (v.pixel[0] - p.pixel[0]), S = p.pixel[1] + D * (v.pixel[1] - p.pixel[1]), A = e == null ? void 0 : e.getCoordinateFromPixel([R, S]);
         return {
@@ -471,9 +471,9 @@ const yo = (e) => {
     return null;
   }
   const ce = async (c, u) => {
-    const h = O(u);
-    console.log("simplifiedPoints", h.length, "list", u.length);
-    const p = h.map((S) => de(S)), v = h.map((S) => Mt(S, G)), D = Pt(c, h, u, G);
+    const f = O(u);
+    console.log("simplifiedPoints", f.length, "list", u.length);
+    const p = f.map((S) => de(S)), v = f.map((S) => Mt(S, G)), D = Pt(c, f, u, G);
     l.get(c).getSource().addFeatures([...p, ...v, ...D]);
   }, de = (c) => {
     const u = new le({
@@ -481,16 +481,16 @@ const yo = (e) => {
       data: c
     });
     u.set("type", "track_point"), u.set("trackId", c.id), u.set("data", c);
-    let h = [
+    let f = [
       ...Tt(c, G)
     ];
-    return (c.index === 0 || c.index === n[c.id].length - 1) && (h = [...Ft(c)], u.set("type", "track_begin")), c.state !== void 0 && c.state !== null && (h = [...Et(c)], u.set("type", "track_icon")), u.setStyle(h), u;
+    return (c.index === 0 || c.index === n[c.id].length - 1) && (f = [...Ft(c)], u.set("type", "track_begin")), c.state !== void 0 && c.state !== null && (f = [...Et(c)], u.set("type", "track_icon")), u.setStyle(f), u;
   }, Be = window.devicePixelRatio || 1, Me = /* @__PURE__ */ new Map();
   let ge = null, Xe = null;
   function Ct(c, u) {
-    const h = `${c}`;
-    if (Me.has(h))
-      return Me.get(h);
+    const f = `${c}`;
+    if (Me.has(f))
+      return Me.get(f);
     if (!ge) {
       ge = document.createElement("canvas");
       try {
@@ -512,17 +512,17 @@ const yo = (e) => {
     const Oe = Te + D / 2 + j / 2;
     v.strokeStyle = "#ffffff", v.lineWidth = 1, v.strokeText(c, we + R, Oe), v.fillStyle = "#000000", v.fillText(c, we + R, Oe);
     const De = p.toDataURL("image/png");
-    return Me.set(h, De), De;
+    return Me.set(f, De), De;
   }
   const Mt = (c, u) => {
-    const h = Ct(c.time, u), p = new le({
+    const f = Ct(c.time, u), p = new le({
       geometry: new te(c.centerPoint),
       data: c
     });
     p.set("type", "track_point_label");
     const v = new _({
       image: new Ce({
-        src: h,
+        src: f,
         anchor: [1, 0],
         displacement: [0, 0],
         scale: 1 / Be,
@@ -534,8 +534,8 @@ const yo = (e) => {
     return p.setStyle(v), p;
   }, Lt = (c) => {
     const u = l.get(c).getSource();
-    u.forEachFeature((h) => {
-      h.get("type") !== "line" && u.removeFeature(h);
+    u.forEachFeature((f) => {
+      f.get("type") !== "line" && u.removeFeature(f);
     });
   }, Tt = (c, u) => [
     new _({
@@ -555,29 +555,29 @@ const yo = (e) => {
     })
     // textStyle,
   ], Et = (c) => {
-    const u = "#E31818", h = "#1890FF", p = "&#xe6d2", v = new _({
+    const u = "#E31818", f = "#1890FF", p = "&#xe6d2", v = new _({
       text: new Se({
         font: "Normal 22px map-iconfont",
         text: be(p),
         offsetY: -10,
         fill: new oe({
-          color: Number(c.state) === 0 ? u : Number(c.state) === 1 ? h : ""
+          color: Number(c.state) === 0 ? u : Number(c.state) === 1 ? f : ""
         })
       }),
       zIndex: 99
     }), R = dt("&#xe6e2;"), A = dt("&#xe703;"), Y = [];
     return Number(c.state) === 0 ? Y.push(R) : Number(c.state) === 1 && Y.push(A), Y.push(v), Y;
-  }, Pt = (c, u, h, p) => {
+  }, Pt = (c, u, f, p) => {
     const v = u || [], D = u.length;
-    D || (v.push(h[0]), v.push(h[h.length - 1]));
+    D || (v.push(f[0]), v.push(f[f.length - 1]));
     const R = new Set(u.map((A) => `${A.centerPoint[0]},${A.centerPoint[1]}`)), S = [];
     for (let A = 0; A < D - 1; A++) {
       let Y;
       const J = u[A], E = (u[A + 1].index + J.index) / 2;
       if (E % 2 === 0)
-        Y = h[E].centerPoint;
+        Y = f[E].centerPoint;
       else {
-        const B = h[Math.floor(E)], j = h[Math.ceil(E)];
+        const B = f[Math.floor(E)], j = f[Math.ceil(E)];
         if (B && j) {
           const [Q, fe] = B.centerPoint, [ye, me] = j.centerPoint;
           Y = [(Q + ye) / 2, (fe + me) / 2];
@@ -608,7 +608,7 @@ const yo = (e) => {
     return S;
   }, rt = (c) => {
     var D, R;
-    const u = e.getView(), h = (D = l == null ? void 0 : l.get(c)) == null ? void 0 : D.getSource(), p = m || (c ? h == null ? void 0 : h.getFeatureById(c) : null);
+    const u = e.getView(), f = (D = l == null ? void 0 : l.get(c)) == null ? void 0 : D.getSource(), p = m || (c ? f == null ? void 0 : f.getFeatureById(c) : null);
     if (!p) return;
     const v = (R = p == null ? void 0 : p.getGeometry()) == null ? void 0 : R.getExtent();
     if (!v || v[0] === v[2] || v[1] === v[3]) {
@@ -643,32 +643,32 @@ const yo = (e) => {
     })];
   }, St = () => {
     console.log("清除所有的轨迹-----"), ze(), l.forEach((u) => {
-      var h;
-      (h = u.getSource()) == null || h.clear(), e == null || e.removeLayer(u);
+      var f;
+      (f = u.getSource()) == null || f.clear(), e == null || e.removeLayer(u);
     }), Object.keys(n).forEach((u) => {
       l.delete(u), delete n[u];
     });
   }, Nt = (c) => {
     const u = l.get(c || s);
     u == null || u.setVisible(!1);
-    const h = e.getOverlays().getArray();
-    for (let p = 0; p < h.length; ) {
-      const v = h[p];
+    const f = e.getOverlays().getArray();
+    for (let p = 0; p < f.length; ) {
+      const v = f[p];
       v.get("class") === "track-label-overlay" ? (v.setPosition(void 0), v.dispose()) : p++;
     }
     ze();
   }, Rt = (c, u = Ne.NM) => {
-    const h = {
+    const f = {
       id: c,
       length: "--"
     }, v = (n[c] || []).map(
       (R) => Ve([R.lon, R.lat], I.data, I.mercator)
     ), D = new Ge(v);
-    return h.length = go(D, u) || "--", h;
+    return f.length = go(D, u) || "--", f;
   }, $t = (c, u) => {
     Vt(String(c), u);
   }, Vt = (c, u) => {
-    const h = n[String(c)], p = h == null ? void 0 : h.map((v) => [v.lon, v.lat]);
+    const f = n[String(c)], p = f == null ? void 0 : f.map((v) => [v.lon, v.lat]);
     p && Dt(p, u);
   }, qe = new _({
     text: new Se({
@@ -680,8 +680,8 @@ const yo = (e) => {
     })
   }), zt = (c, u) => {
     var E, B;
-    const h = Number(50 * u), p = ((E = c.frameState) == null ? void 0 : E.time) ?? Date.now(), v = p - C;
-    if (d = (d + h * v / 1e6) % 2, C = p, d >= 1) {
+    const f = Number(50 * u), p = ((E = c.frameState) == null ? void 0 : E.time) ?? Date.now(), v = p - C;
+    if (d = (d + f * v / 1e6) % 2, C = p, d >= 1) {
       ze();
       return;
     }
@@ -715,8 +715,8 @@ const yo = (e) => {
       type: "icon",
       geometry: new te(r.getFirstCoordinate())
     });
-    const h = y.getGeometry();
-    g = h ? h.clone() : new te([0, 0]), k = new le({
+    const f = y.getGeometry();
+    g = f ? f.clone() : new te([0, 0]), k = new le({
       type: "geoMarker",
       style: qe,
       geometry: g
@@ -725,7 +725,7 @@ const yo = (e) => {
         features: [k]
       })
     }), e == null || e.addLayer(z), o = (p) => zt(p, u), Ot();
-  }, lt = (c, u, h) => {
+  }, lt = (c, u, f) => {
     function p(E) {
       return 180 * (E % (2 * Math.PI)) / Math.PI;
     }
@@ -770,7 +770,7 @@ const yo = (e) => {
       };
       return j.id !== void 0 && (Q.id = j.id), j.bbox && (Q.bbox = j.bbox), Q.properties = B, Q.geometry = E, Q;
     }
-    const J = R(A(c), A(u), h);
+    const J = R(A(c), A(u), f);
     return J < 0 ? 360 + J : J;
   };
   return {
@@ -796,7 +796,7 @@ function mo(e) {
     position: "relative",
     "pointer-events": "none"
   })), s = Ze(() => {
-    var f;
+    var w;
     return {
       position: "relative",
       "border-radius": "1px",
@@ -813,7 +813,7 @@ function mo(e) {
       "z-index": "1",
       display: "flex",
       "align-items": "center",
-      animation: e.selected ? e.colors && ((f = e.colors) == null ? void 0 : f.length) >= 2 ? "blink-dual 2s ease-in-out infinite" : "blink-single 1.5s ease-in-out infinite" : "none"
+      animation: e.selected ? e.colors && ((w = e.colors) == null ? void 0 : w.length) >= 2 ? "blink-dual 2s ease-in-out infinite" : "blink-single 1.5s ease-in-out infinite" : "none"
       // "animation": props.selected ? 'blink 1.5s ease-in-out infinite' : 'none', // 动画开关
     };
   }), a = Ze(() => ({
@@ -911,18 +911,18 @@ const wo = (e) => {
   return l && l <= U.shipModelMax && l >= U.shipTriggleMin ? "ship" : "triangle";
 }, bt = (e, l, n) => {
   if (n === "ship") {
-    const { len: s, wid: a } = l, o = 97, f = 20, t = 1 / (e == null ? void 0 : e.getView().getResolution()), r = s * t / o, y = a * t / f, g = Math.min(r, y);
+    const { len: s, wid: a } = l, o = 97, w = 20, t = 1 / (e == null ? void 0 : e.getView().getResolution()), r = s * t / o, y = a * t / w, g = Math.min(r, y);
     return g < 0.2 ? 0.2 : g > 2 ? 2 : g;
   }
   return U.scaleNum;
 }, xo = (e, l, n) => {
-  const { color: s, direct: a, isHighlight: o, shipData: f } = e.getProperties(), x = ((f == null ? void 0 : f.cog) - 90 + 360) % 360;
+  const { color: s, direct: a, isHighlight: o, shipData: w } = e.getProperties(), h = ((w == null ? void 0 : w.cog) - 90 + 360) % 360;
   return new _({
     image: new Ce({
       src: t(),
       scale: l || U.scaleNum,
       anchor: [0.5, 0.5],
-      rotation: x * Math.PI / 180,
+      rotation: h * Math.PI / 180,
       rotateWithView: !1
     })
   });
@@ -992,12 +992,12 @@ const po = (e, l) => {
 }, kt = (e) => {
   const l = document.createElement("div");
   l.className = "ship-overlay-box", l.style.position = "relative";
-  const { lon: n, lat: s, blinking: a, blinkingColors: o, name: f } = e, x = Qe({
+  const { lon: n, lat: s, blinking: a, blinkingColors: o, name: w } = e, h = Qe({
     setup() {
       return mo({
         position: [n + 2e-3, s + 2e-3],
         selected: a,
-        name: f,
+        name: w,
         colors: o || [],
         existDevice: e == null ? void 0 : e.existDevice,
         existMobile: e == null ? void 0 : e.existMobile,
@@ -1005,7 +1005,7 @@ const po = (e, l) => {
       });
     }
   });
-  return Zt(x, l), l;
+  return Zt(h, l), l;
 }, gt = (e) => {
   const l = [];
   return e.existDevice && l.push("&#xe687;"), e.existMobile && l.push("&#xe688;"), e.existWaterGauge && l.push("&#xe686;"), l;
@@ -1037,14 +1037,14 @@ function Lo(e, l, n = "left-bottom", s = 10) {
       console.log("e", Z), Ke = $e.getContext("2d");
     }
   }
-  const o = $e, f = Ke;
-  if (!f) return "";
+  const o = $e, w = Ke;
+  if (!w) return "";
   o.width = 0, o.height = 0;
-  const x = 2, t = 4, r = 16, y = window.devicePixelRatio || 1, g = "500 12px Arial", k = "12px map-iconfont";
-  f.font = g;
-  const C = f.measureText(e).width;
-  f.font = k;
-  const z = l.map((Z) => ({ width: f.measureText(be(Z)).width, height: 14 })), d = z.reduce((Z, W) => Z + W.width, 0), m = l.length * s, P = t + C + d + m + t, b = x + 14 + x * 2;
+  const h = 2, t = 4, r = 16, y = window.devicePixelRatio || 1, g = "500 12px Arial", k = "12px map-iconfont";
+  w.font = g;
+  const C = w.measureText(e).width;
+  w.font = k;
+  const z = l.map((Z) => ({ width: w.measureText(be(Z)).width, height: 14 })), d = z.reduce((Z, W) => Z + W.width, 0), m = l.length * s, P = t + C + d + m + t, b = h + 14 + h * 2;
   let V, X, G = 0, q = 0, K = 0, N = 0, M = 0, i = 0;
   switch (V = r + P, n) {
     case "right-top":
@@ -1066,49 +1066,50 @@ function Lo(e, l, n = "left-bottom", s = 10) {
       X = r + b, G = P, q = b, K = P + r, N = 0, M = 0, i = r;
       break;
   }
-  X = X + x, o.width = Math.round(V * y), o.height = Math.round(X * y), f.scale(y, y), f.clearRect(0, 0, V, X), f.beginPath(), f.moveTo(G, q), f.lineTo(K, N), f.strokeStyle = "#FFF", f.lineWidth = 1, f.stroke(), f.fillStyle = "#FFF", f.fillRect(M, i, P, b), f.font = g, f.textBaseline = "middle";
-  const T = i + x / 2 + b / 2;
-  f.strokeStyle = "#ffffff", f.lineWidth = 1, f.strokeText(e, M + t, T), f.fillStyle = "#000000", f.fillText(e, M + t, T), f.font = k, f.fillStyle = "#3370ff";
-  let w = M + t + C + s;
+  X = X + h, o.width = Math.round(V * y), o.height = Math.round(X * y), w.scale(y, y), w.clearRect(0, 0, V, X), w.beginPath(), w.moveTo(G, q), w.lineTo(K, N), w.strokeStyle = "#FFF", w.lineWidth = 1, w.stroke(), w.fillStyle = "#FFF", w.fillRect(M, i, P, b), w.font = g, w.textBaseline = "middle";
+  const T = i + h / 2 + b / 2;
+  w.strokeStyle = "#ffffff", w.lineWidth = 1, w.strokeText(e, M + t, T), w.fillStyle = "#000000", w.fillText(e, M + t, T), w.font = k, w.fillStyle = "#3370ff";
+  let x = M + t + C + s;
   const L = i + b / 2;
   l.length > 0 && l.forEach((Z, W) => {
-    f.fillText(be(Z), w, L), w += z[W].width + s;
+    w.fillText(be(Z), x, L), x += z[W].width + s;
   });
   const F = o.toDataURL("image/png");
   return je.set(a, F), F;
 }
 const ft = (e, l) => {
-  const { name: n, rightIcons: s } = e.getProperties(), a = l !== 1 ? Co() : "right-top", o = Lo(n, s, a);
-  let f = [0, 0];
-  switch (a) {
+  const { name: n, rightIcons: s, selected: a } = e.getProperties(), o = l !== 1 ? Co() : "right-top", w = Lo(n, s, o);
+  let h = [0, 0];
+  switch (o) {
     case "right-top":
-      f = [0, 1];
+      h = [0, 1];
       break;
     case "right-middle":
-      f = [0, 0.5];
+      h = [0, 0.5];
       break;
     case "right-bottom":
-      f = [0, 0];
+      h = [0, 0];
       break;
     case "left-top":
-      f = [1, 1];
+      h = [1, 1];
       break;
     case "left-middle":
-      f = [1, 0.5];
+      h = [1, 0.5];
       break;
     case "left-bottom":
-      f = [1, 0];
+      h = [1, 0];
       break;
   }
   return new _({
     image: new Ce({
-      src: o,
-      anchor: f,
+      src: w,
+      anchor: h,
       displacement: [0, 0],
       scale: 1 / Mo,
       anchorXUnits: "fraction",
       anchorYUnits: "fraction"
-    })
+    }),
+    zIndex: a ? 100 : 10
   });
 }, To = (e) => {
   let l = null, n = null;
@@ -1118,32 +1119,32 @@ const ft = (e, l) => {
     renderBuffer: 300,
     zIndex: 101,
     properties: { layerType: ee.SHIP }
-  }), o = new ue(), f = new he({
+  }), o = new ue(), w = new he({
     source: o,
     className: "zh-map--ship-label-layer",
     zIndex: 102,
     updateWhileInteracting: !1,
     updateWhileAnimating: !1,
     declutter: !0
-  }), x = new ue(), t = new he({
-    source: x,
+  }), h = new ue(), t = new he({
+    source: h,
     className: "zh-map--ship-selected-layer",
     zIndex: 999
   });
-  e == null || e.addLayer(a), e == null || e.addLayer(f), e == null || e.addLayer(t);
+  e == null || e.addLayer(a), e == null || e.addLayer(w), e == null || e.addLayer(t);
   let r = null, y = "", g = {}, k = {};
   const $ = (i) => {
     if (!i || !e) return;
     const T = (n == null ? void 0 : n.id) || (l == null ? void 0 : l.get("id"));
     if (n) {
-      const w = i.filter((L) => L.id === T);
-      w.length === 0 ? i.push(n) : n = w[0];
+      const x = i.filter((L) => L.id === T);
+      x.length === 0 ? i.push(n) : n = x[0];
     }
     m(), M(i), z();
   }, C = (i) => {
     var O;
-    const T = (n == null ? void 0 : n.id) || (l == null ? void 0 : l.get("id")), w = ie([i == null ? void 0 : i.lon, i == null ? void 0 : i.lat]), L = ((O = k[i.id]) == null ? void 0 : O.blinkColors) || [], Z = L[L.length - 1] || i.fill || "#04C900", W = wo(i), H = new le({
-      geometry: new te(w),
+    const T = (n == null ? void 0 : n.id) || (l == null ? void 0 : l.get("id")), x = ie([i == null ? void 0 : i.lon, i == null ? void 0 : i.lat]), L = ((O = k[i.id]) == null ? void 0 : O.blinkColors) || [], Z = L[L.length - 1] || i.fill || "#04C900", W = wo(i), H = new le({
+      geometry: new te(x),
       // 船舶数据
       shipData: i,
       id: i.id,
@@ -1158,25 +1159,25 @@ const ft = (e, l) => {
       // 高亮
       isHighlight: !1
     });
-    return H.set("clickGeometry", new Jt(w)), H;
+    return H.set("clickGeometry", new Jt(x)), H;
   }, z = () => {
     if (n && e && n) {
-      x.getFeatures().length > 0 && x.clear();
+      h.getFeatures().length > 0 && h.clear();
       const i = ie([n == null ? void 0 : n.lon, n == null ? void 0 : n.lat]), T = new le({
         geometry: new te(i),
         id: n.id
       });
-      T.setStyle(bo(e, n)), x.addFeature(T);
+      T.setStyle(bo(e, n)), h.addFeature(T);
     }
   }, d = (i) => {
     if (i === "start") {
       const T = () => {
-        const w = x.getFeatures();
+        const x = h.getFeatures();
         s.getFeatures().forEach((L) => {
           var Z, W;
           const F = Ee(e, L);
-          if (L.setStyle(F), L.get("id") === (n == null ? void 0 : n.id) && w && w[0]) {
-            const H = w[0], O = H == null ? void 0 : H.getStyle();
+          if (L.setStyle(F), L.get("id") === (n == null ? void 0 : n.id) && x && x[0]) {
+            const H = x[0], O = H == null ? void 0 : H.getStyle();
             if (O && (O != null && O.getImage())) {
               const re = (Z = F.getImage()) == null ? void 0 : Z.getScale();
               re && ((W = O.getImage()) == null || W.setScale(re));
@@ -1188,21 +1189,21 @@ const ft = (e, l) => {
     }
     i === "end" && r && (cancelAnimationFrame(r), r = null);
   }, m = () => {
-    e && s && (P(), s.clear(), o.clear(), x.clear(), d("end"));
+    e && s && (P(), s.clear(), o.clear(), h.clear(), d("end"));
   }, P = (i) => {
-    const T = e.getOverlays().getArray().filter((w) => w.get("class") == "zh-map-ship-overlay");
+    const T = e.getOverlays().getArray().filter((x) => x.get("class") == "zh-map-ship-overlay");
     if (T && T.length > 0) {
-      for (let w = 0; w < T.length; w++)
-        if (T[w].get("class") !== "ship-overlay-selected") {
-          const L = T[w];
+      for (let x = 0; x < T.length; x++)
+        if (T[x].get("class") !== "ship-overlay-selected") {
+          const L = T[x];
           console.log("overlay---", L), L.setPosition(void 0), e.removeOverlay(L), L.dispose();
         }
     }
   }, b = (i, T) => {
     g = i, k = T;
-    const w = e.getOverlays().getArray(), L = s.getFeatures();
+    const x = e.getOverlays().getArray(), L = s.getFeatures();
     for (const F in g) {
-      const Z = g[F], W = w.find((O) => (O == null ? void 0 : O.getId()) === "label-" + F), H = L.find((O) => F === O.get("id"));
+      const Z = g[F], W = x.find((O) => (O == null ? void 0 : O.getId()) === "label-" + F), H = L.find((O) => F === O.get("id"));
       if (W && H) {
         const O = T[F].blinkColors || [], { shipData: re, name: ce, color: de } = H.getProperties();
         H.set("blinking", Z), O[(O == null ? void 0 : O.length) - 1] && de !== O[(O == null ? void 0 : O.length) - 1] && (H.set("color", O[(O == null ? void 0 : O.length) - 1] || ""), H.setStyle(Ee(e, H)));
@@ -1217,7 +1218,7 @@ const ft = (e, l) => {
     }
   }, V = (i) => {
     if (!e) return;
-    const T = s.getFeatures(), w = o.getFeatures(), L = l ? l.get("id") : "", F = T.filter((O) => O.get("id") !== L), Z = w == null ? void 0 : w.filter((O) => O.get("id") !== L), W = /* @__PURE__ */ new Map();
+    const T = s.getFeatures(), x = o.getFeatures(), L = l ? l.get("id") : "", F = T.filter((O) => O.get("id") !== L), Z = x == null ? void 0 : x.filter((O) => O.get("id") !== L), W = /* @__PURE__ */ new Map();
     i.forEach((O) => {
       W.set(O.id, !0);
     });
@@ -1244,15 +1245,15 @@ const ft = (e, l) => {
   }, X = (i) => {
     if (i) {
       console.log("选中", i);
-      const T = s.getFeatures().find((L) => L.get("id") === i.id), w = o.getFeatures().find((L) => L.get("id") === i.id);
-      T && (l = T), w && w.set("selected", !0), n = i, z();
+      const T = s.getFeatures().find((L) => L.get("id") === i.id), x = o.getFeatures().find((L) => L.get("id") === i.id);
+      T && (l = T), x && x.set("selected", !0), n = i, z();
     } else
       console.log("取消选中"), n = null, l = null, K();
-  }, G = Qt((i, T, w) => {
+  }, G = Qt((i, T, x) => {
     try {
       if (i) {
         const L = i.get("shipData"), F = i.get("id");
-        if (e.getTargetElement().style.cursor = F ? "pointer" : "", T === "click" && (X(L), w && w(F)), T === "hover") {
+        if (e.getTargetElement().style.cursor = F ? "pointer" : "", T === "click" && (X(L), x && x(F)), T === "hover") {
           y && y !== F && q(), y = F;
           const Z = s.getFeatures().find((W) => W.get("id") === y);
           Z == null || Z.set("isHighlight", !0), Z == null || Z.setStyle(Ee(e, Z));
@@ -1267,13 +1268,13 @@ const ft = (e, l) => {
     y = null, i == null || i.set("isHighlight", !1), i == null || i.setStyle(Ee(e, i));
   }, K = () => {
     try {
-      x.clear();
+      h.clear();
     } catch (i) {
       console.log(i);
     }
   }, N = (i, T) => {
-    const w = ie([i == null ? void 0 : i.lon, i == null ? void 0 : i.lat]), L = new le({
-      geometry: new te(w),
+    const x = ie([i == null ? void 0 : i.lon, i == null ? void 0 : i.lat]), L = new le({
+      geometry: new te(x),
       name: i.cnname || i.enname || i.name || i.id || "未命名船舶",
       // 图标
       rightIcons: gt(i),
@@ -1285,21 +1286,21 @@ const ft = (e, l) => {
     return L.setStyle(F), L;
   }, M = (i) => {
     const T = e.getView().getZoom();
-    i.forEach((w) => {
-      const L = C(w);
-      if (L.setStyle(Ee(e, L)), s.addFeature(L), (n == null ? void 0 : n.id) == w.id || T && T >= U.shipModelMin)
-        if (g[w.id]) {
-          if (w.id && k[w == null ? void 0 : w.id]) {
-            const F = k[w == null ? void 0 : w.id] || {}, Z = (F == null ? void 0 : F.blinkColors) || [], W = (F == null ? void 0 : F.shipState) || "", H = (w.cnname || w.enname || w.name || w.id || "未命名船舶") + "(" + W + ")", O = {
-              ...w,
+    i.forEach((x) => {
+      const L = C(x);
+      if (L.setStyle(Ee(e, L)), s.addFeature(L), (n == null ? void 0 : n.id) == x.id || T && T >= U.shipModelMin)
+        if (g[x.id]) {
+          if (x.id && k[x == null ? void 0 : x.id]) {
+            const F = k[x == null ? void 0 : x.id] || {}, Z = (F == null ? void 0 : F.blinkColors) || [], W = (F == null ? void 0 : F.shipState) || "", H = (x.cnname || x.enname || x.name || x.id || "未命名船舶") + "(" + W + ")", O = {
+              ...x,
               name: H,
-              blinking: g[w.id],
+              blinking: g[x.id],
               blinkingColors: Z || []
             };
             po(e, O);
           }
         } else {
-          const F = N(w, i.length);
+          const F = N(x, i.length);
           o.addFeature(F);
         }
     });
@@ -1358,21 +1359,21 @@ const ft = (e, l) => {
 }, Fo = (e) => {
   const l = "zh-map-location-layer";
   let n, s, a = null, o = null;
-  const f = (C) => {
+  const w = (C) => {
     if (!(!C || C.length === 0)) {
       if (s || (s = new ue()), s.clear(), o) {
         const z = C.find((d) => d.id === o.id);
         z ? o = z : C.push(o);
       }
       C.forEach((z) => {
-        x(z);
+        h(z);
       }), n || (n = new he({
         className: l,
         source: s,
         zIndex: 100
       }), e == null || e.addLayer(n));
     }
-  }, x = (C) => {
+  }, h = (C) => {
     const z = e == null ? void 0 : e.getView().getZoom(), [d, m] = C.latLon.split(","), P = new le({
       geometry: new te(ie([Number(d), Number(m)]))
     });
@@ -1422,7 +1423,7 @@ const ft = (e, l) => {
     o = C, a = z.find((d) => d.get("loactionData").id === C.id);
   };
   return {
-    render: f,
+    render: w,
     selected: g,
     clearSelected: y,
     clear: r
@@ -1443,10 +1444,10 @@ const ft = (e, l) => {
     s.value = N;
   };
   let o;
-  const f = ne(!1), x = () => {
+  const w = ne(!1), h = () => {
     ve(e, "crosshair"), y(), So(e), e.on("pointermove", $), e.getViewport().addEventListener("mouseout", () => {
       o && o.classList.add("hidden");
-    }), z(), f.value = !0;
+    }), z(), w.value = !0;
   };
   let t, r;
   const y = () => {
@@ -1501,20 +1502,20 @@ const ft = (e, l) => {
       var T;
       g = M.feature, g.set("randomId", d());
       let i;
-      N = (T = g.getGeometry()) == null ? void 0 : T.on("change", function(w) {
-        const L = w.target, F = pt(L, s.value);
+      N = (T = g.getGeometry()) == null ? void 0 : T.on("change", function(x) {
+        const L = x.target, F = pt(L, s.value);
         i = L.getLastCoordinate(), m && F && (m.innerHTML = F), P.setPosition(i);
       });
     }), C.on("drawend", function() {
       var M, i, T;
       if (m && (m.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), m != null && m.innerHTML) {
-        const w = (g == null ? void 0 : g.get("randomId")) || d();
-        n.value.push({ id: w, value: m == null ? void 0 : m.innerHTML }), m.innerHTML = `${m.innerHTML}<div class="ol-tooltip-delete-button" data-id="${w}"><i class="map-iconfont icon-delete"></i></div>`;
+        const x = (g == null ? void 0 : g.get("randomId")) || d();
+        n.value.push({ id: x, value: m == null ? void 0 : m.innerHTML }), m.innerHTML = `${m.innerHTML}<div class="ol-tooltip-delete-button" data-id="${x}"><i class="map-iconfont icon-delete"></i></div>`;
       }
-      (M = document.querySelector(".ol-selectable:has(.ol-tooltip-delete-button):last-child .ol-tooltip-delete-button")) == null || M.addEventListener("click", (w) => {
+      (M = document.querySelector(".ol-selectable:has(.ol-tooltip-delete-button):last-child .ol-tooltip-delete-button")) == null || M.addEventListener("click", (x) => {
         var F;
-        w.preventDefault(), w.stopPropagation();
-        const L = (F = w.target) == null ? void 0 : F.getAttribute("data-id");
+        x.preventDefault(), x.stopPropagation();
+        const L = (F = x.target) == null ? void 0 : F.getAttribute("data-id");
         L && G(L);
       }), P.setOffset([0, -7]), g = null, m = null, b(), N && Je(N), (T = (i = l.getProps()) == null ? void 0 : i.lineDrawEnd) == null || T.call(i, n.value);
     });
@@ -1536,14 +1537,14 @@ const ft = (e, l) => {
     }), e == null || e.addOverlay(k);
   }, X = () => {
     n.value.forEach((N, M) => {
-      var w, L;
+      var x, L;
       const i = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      i[M] && ((L = (w = i[M]) == null ? void 0 : w.parentNode) == null || L.removeChild(i[M]));
+      i[M] && ((L = (x = i[M]) == null ? void 0 : x.parentNode) == null || L.removeChild(i[M]));
       const T = t.getFeatures();
       T[M] && t.removeFeature(T[M]);
-    }), q(), No(e), f.value = !1, ve(e, "grab");
+    }), q(), No(e), w.value = !1, ve(e, "grab");
   }, G = (N) => {
-    var i, T, w, L;
+    var i, T, x, L;
     const M = n.value.findIndex((F) => F.id === N);
     if (M !== -1) {
       n.value.splice(M, 1);
@@ -1552,7 +1553,7 @@ const ft = (e, l) => {
       const Z = t.getFeatures();
       Z[M] && t.removeFeature(Z[M]);
     }
-    (L = (w = l.getProps()) == null ? void 0 : w.lineDrawEnd) == null || L.call(w, n.value);
+    (L = (x = l.getProps()) == null ? void 0 : x.lineDrawEnd) == null || L.call(x, n.value);
   }, q = () => {
     if (n.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((N) => {
       var M;
@@ -1564,11 +1565,11 @@ const ft = (e, l) => {
     e.removeLayer(r), o != null && o.parentNode && o.parentNode.removeChild(o), m != null && m.parentNode && m.parentNode.removeChild(m);
   };
   return {
-    open: x,
+    open: h,
     close: X,
     deleteLine: G,
     setUnit: a,
-    getState: () => f.value
+    getState: () => w.value
   };
 }, pt = (e, l) => {
   const s = tt(e);
@@ -1588,13 +1589,13 @@ const ft = (e, l) => {
 }, $o = (e, l) => {
   let n, s, a = "close";
   const o = () => {
-    q(), a = "open", f(), ve(e, "crosshair");
-  }, f = () => {
+    q(), a = "open", w(), ve(e, "crosshair");
+  }, w = () => {
     r(), P(), X(), C();
   };
-  let x = null, t = null;
+  let h = null, t = null;
   const r = () => {
-    if (x && t) return;
+    if (h && t) return;
     const N = new ue(), M = new he({
       source: N,
       style: new _({
@@ -1605,7 +1606,7 @@ const ft = (e, l) => {
       }),
       zIndex: 1e3
     });
-    x = M, t = N, e.on("pointermove", g), e.addLayer(M), e.on(["dblclick"], function(i) {
+    h = M, t = N, e.on("pointermove", g), e.addLayer(M), e.on(["dblclick"], function(i) {
       k && (i.stopPropagation(), i.preventDefault());
     });
   };
@@ -1626,8 +1627,8 @@ const ft = (e, l) => {
                     <span class="text">面积：${M}${$ ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
                 `), d && (d.innerHTML += '<span class="delete-icon" ><i class="map-iconfont icon-delete" /></div>');
       const i = N.getCoordinates(), T = i[0][i[0].length - 2];
-      if (m.setPosition(T), x) {
-        const L = x.getSource();
+      if (m.setPosition(T), h) {
+        const L = h.getSource();
         L && n && (L.clear(), L.addFeature(n));
       }
       setTimeout(() => {
@@ -1637,8 +1638,8 @@ const ft = (e, l) => {
           console.log("delete"), G(), (Z = (F = l.getProps()) == null ? void 0 : F.areaDrawEnd) == null || Z.call(F, []);
         });
       }, 0);
-      const w = It(n.getGeometry().getExtent());
-      e == null || e.getView().setCenter(w);
+      const x = It(n.getGeometry().getExtent());
+      e == null || e.getView().setCenter(x);
       return;
     }
     k = new We({
@@ -1669,17 +1670,17 @@ const ft = (e, l) => {
     }), e == null || e.addInteraction(k), k.on("drawstart", (N) => {
       var M;
       y = N.feature, s = (M = y.getGeometry()) == null ? void 0 : M.on("change", (i) => {
-        const T = i.target, w = z(T, "nm"), F = T.getCoordinates()[0], Z = new Ge([F[F.length - 2], F[F.length - 1]]), W = pt(Z, "nm");
-        if ($ = Number(tt(Z) / 1e3) > 150, !w) return;
+        const T = i.target, x = z(T, "nm"), F = T.getCoordinates()[0], Z = new Ge([F[F.length - 2], F[F.length - 1]]), W = pt(Z, "nm");
+        if ($ = Number(tt(Z) / 1e3) > 150, !x) return;
         const H = '<span class="error pl-4">超出可以绘画的距离</span>';
         d && (d.innerHTML = `
                         <div class="text">
-                            面积：${w} 
+                            面积：${x} 
                             ${$ ? H : ""}
                         </div>
                     `), b && (b.innerHTML = `
                         <div class="text">
-                            面积：${w}
+                            面积：${x}
                         </div>
                         <div class="text ${$ ? "error" : ""}">
                             线段 ${F.length - 2}: ${W} 
@@ -1692,11 +1693,11 @@ const ft = (e, l) => {
                     `);
       });
     }), k.on("drawend", (N) => {
-      var w, L, F, Z;
+      var x, L, F, Z;
       if (!N.feature.getGeometry()) return;
       d && !n && (d.innerHTML += '<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'), n = N.feature, m.setOffset([10, 0]);
       const i = N.feature.getGeometry().getCoordinates(), T = i[0][i[0].length - 2];
-      if (m.setPosition(T), b != null && b.parentNode && b.parentNode.removeChild(b), (w = l.getProps()) != null && w.areaDrawEnd) {
+      if (m.setPosition(T), b != null && b.parentNode && b.parentNode.removeChild(b), (x = l.getProps()) != null && x.areaDrawEnd) {
         const W = i[0].map((H) => Ve(H, I.mercator, I.data));
         (F = (L = l.getProps()) == null ? void 0 : L.areaDrawEnd) == null || F.call(L, W);
       }
@@ -1738,7 +1739,7 @@ const ft = (e, l) => {
   }, q = () => {
     a = "close", e.un("pointermove", g), y = null, k && (k.abortDrawing(), console.log("abortDrawing"), k.setActive(!1), (e == null ? void 0 : e.getInteractions()).forEach((M) => {
       M instanceof We && (M.setActive(!1), e == null || e.removeInteraction(M));
-    }), k = null), s && Je(s), s = void 0, t == null || t.clear(), t = null, x && e.getAllLayers().includes(x) && (e.removeLayer(x), x = null), b != null && b.parentElement && (b.innerHTML = "", b.parentElement.removeChild(b), b = null), d != null && d.parentElement && (d.innerHTML = "", d.parentElement.removeChild(d), d = null), V && e.removeOverlay(V), m && e.removeOverlay(m), ve(e, "grab");
+    }), k = null), s && Je(s), s = void 0, t == null || t.clear(), t = null, h && e.getAllLayers().includes(h) && (e.removeLayer(h), h = null), b != null && b.parentElement && (b.innerHTML = "", b.parentElement.removeChild(b), b = null), d != null && d.parentElement && (d.innerHTML = "", d.parentElement.removeChild(d), d = null), V && e.removeOverlay(V), m && e.removeOverlay(m), ve(e, "grab");
   };
   return {
     open: o,
@@ -1775,23 +1776,23 @@ const ft = (e, l) => {
       G.setStyle(q), P.push(G);
     }), l.addFeatures(P);
   };
-  let f = null, x = null;
+  let w = null, h = null;
   const t = /* @__PURE__ */ new Map(), r = (d, m) => {
-    f || (f = document.createElement("canvas"), x = f.getContext("2d", {
+    w || (w = document.createElement("canvas"), h = w.getContext("2d", {
       willReadFrequently: !0
     }));
     const P = `${d}-${m}`;
     if (t.has(P))
       return t.get(P);
-    const b = f, V = x;
+    const b = w, V = h;
     if (!V) return "";
     b.width = 0, b.height = 0;
     const X = 2, G = 8, q = window.devicePixelRatio || 1, K = "12px sans-serif";
     V.font = K;
     const M = V.measureText(d).width, i = G + M + G, T = X + 12 + X * 2;
     b.width = Math.round(i * q), b.height = Math.round(T * q), V.scale(q, q), V.clearRect(0, 0, i, T), V.fillStyle = m ? "#F32D2D" : "#FFF", V.beginPath(), V.roundRect(0, 0, i, T, 4), V.fill(), V.font = K, V.textBaseline = "middle";
-    const w = T / 2;
-    V.strokeStyle = m ? "#000" : "#ffffff", V.lineWidth = 1, V.strokeText(d, G, w), V.fillStyle = m ? "#FFF" : "#000000", V.fillText(d, G, w);
+    const x = T / 2;
+    V.strokeStyle = m ? "#000" : "#ffffff", V.lineWidth = 1, V.strokeText(d, G, x), V.fillStyle = m ? "#FFF" : "#000000", V.fillText(d, G, x);
     const L = b.toDataURL("image/png");
     return t.set(P, L), L;
   }, y = (d) => {
@@ -1870,9 +1871,9 @@ const ft = (e, l) => {
       d && d.get("portData") ? ve(e, "pointer") : ve(e, "grab");
     }
   };
-}, Oo = (e, l, n, s, a, o, f) => {
-  const x = e.getInstall();
-  x.on("moveend", () => {
+}, Oo = (e, l, n, s, a, o, w) => {
+  const h = e.getInstall();
+  h.on("moveend", () => {
     var g, k;
     try {
       const $ = e.getZoom();
@@ -1886,7 +1887,7 @@ const ft = (e, l) => {
     [ee.SHIP]: null,
     [ee.TRACK]: null
   }, r = (g, k, $) => {
-    switch (ve(x, "pointer"), g) {
+    switch (ve(h, "pointer"), g) {
       case ee.SHIP:
         s == null || s.handleShipMapEvent(k, "hover");
         break;
@@ -1897,7 +1898,7 @@ const ft = (e, l) => {
         break;
     }
   }, y = (g) => {
-    switch (ve(x, "grab"), g) {
+    switch (ve(h, "grab"), g) {
       case ee.PORT:
         break;
       case ee.SHIP:
@@ -1908,14 +1909,14 @@ const ft = (e, l) => {
         break;
     }
   };
-  x.on("pointermove", (g) => {
-    if (!x.getView().getAnimating())
+  h.on("pointermove", (g) => {
+    if (!h.getView().getAnimating())
       try {
         let k = !1;
-        const $ = x.getLayers().getArray().filter((C) => C.get("layerType"));
+        const $ = h.getLayers().getArray().filter((C) => C.get("layerType"));
         $ && $.length > 0 && $.forEach((C) => {
           if (k) return;
-          const z = x == null ? void 0 : x.getEventPixel(g.originalEvent), d = C == null ? void 0 : C.get("layerType"), m = x == null ? void 0 : x.forEachFeatureAtPixel(z, (P) => P, {
+          const z = h == null ? void 0 : h.getEventPixel(g.originalEvent), d = C == null ? void 0 : C.get("layerType"), m = h == null ? void 0 : h.forEachFeatureAtPixel(z, (P) => P, {
             layerFilter: (P) => P === C,
             // 严格图层过滤
             hitTolerance: 5
@@ -1925,22 +1926,22 @@ const ft = (e, l) => {
       } catch (k) {
         console.log("pointermove----", k);
       }
-  }), x.on("movestart", () => {
+  }), h.on("movestart", () => {
     try {
-      const g = x == null ? void 0 : x.getView().getZoom();
+      const g = h == null ? void 0 : h.getView().getZoom();
       g && g <= U.shipModelMax && g >= U.shipTriggleMin && s.changeShipScale("start");
     } catch (g) {
       console.log("movestart---catch", g);
     }
-  }), x.on("click", vt((g) => {
-    if (f.getState() !== "open" && !x.getView().getAnimating())
+  }), h.on("click", vt((g) => {
+    if (w.getState() !== "open" && !h.getView().getAnimating())
       try {
         let k = !1;
-        const $ = x.getLayers().getArray().filter((C) => C.get("layerType"));
+        const $ = h.getLayers().getArray().filter((C) => C.get("layerType"));
         $ && $.length > 0 && $.forEach((C) => {
           var m, P, b;
           if (k) return;
-          const z = x == null ? void 0 : x.getEventPixel(g.originalEvent), d = x == null ? void 0 : x.forEachFeatureAtPixel(z, (V) => {
+          const z = h == null ? void 0 : h.getEventPixel(g.originalEvent), d = h == null ? void 0 : h.forEachFeatureAtPixel(z, (V) => {
             if (V.get("shipData") || V.get("portData"))
               return V;
           }, {
@@ -1968,12 +1969,12 @@ const ft = (e, l) => {
     createInstance: (s, a) => {
       const o = ao();
       o.initMap(s, a);
-      const f = o.getInstall(), x = Eo(f), t = Po();
-      t.setProps(a), x.setShowLayerType(a.layerType), x.setGreenTileVisible(a.showGreenLayer);
-      const r = yo(f), y = vo(f, r), g = To(f), k = Fo(f), $ = Ro(f, t), C = $o(f, t), z = zo(f);
+      const w = o.getInstall(), h = Eo(w), t = Po();
+      t.setProps(a), h.setShowLayerType(a.layerType), h.setGreenTileVisible(a.showGreenLayer);
+      const r = yo(w), y = vo(w, r), g = To(w), k = Fo(w), $ = Ro(w, t), C = $o(w, t), z = zo(w);
       Oo(o, t, r, g, z, $, C);
       const d = () => {
-        const P = f.getView().calculateExtent(o.getSize()), b = Ve([P[0], P[1]], I.mercator, I.data), V = Ve([P[2], P[3]], I.mercator, I.data);
+        const P = w.getView().calculateExtent(o.getSize()), b = Ve([P[0], P[1]], I.mercator, I.data), V = Ve([P[2], P[3]], I.mercator, I.data);
         return [b[0], b[1], V[0], V[1]];
       }, m = {
         id: Symbol("map-instance"),
@@ -1984,7 +1985,7 @@ const ft = (e, l) => {
         },
         methods: {
           ...o,
-          layer: x,
+          layer: h,
           ship: g,
           track: r,
           carTrack: y,
@@ -2035,13 +2036,13 @@ const ft = (e, l) => {
     } }
   },
   setup(e, { expose: l }) {
-    const n = ne(), s = ne(), a = Do(), o = ne(), f = e, x = ne({
+    const n = ne(), s = ne(), a = Do(), o = ne(), w = e, h = ne({
       getInstall() {
       }
     });
     return Gt(() => {
       var t;
-      o.value = a.createInstance(n.value, f), x.value = o.value.methods, (t = s.value) == null || t.setScaleLine(o.value.map, f.scaleLineUnit);
+      o.value = a.createInstance(n.value, w), h.value = o.value.methods, (t = s.value) == null || t.setScaleLine(o.value.map, w.scaleLineUnit);
     }), Wt(() => {
       var t, r;
       a.destroyInstance((t = o == null ? void 0 : o.value) == null ? void 0 : t.id), (r = o.value) == null || r.destroy();

package/dist/es/index.js

@@ -17,7 +17,7 @@ import { Z as B } from "./BaseInfo-Cu3ME-K_.js";
 import { Z as g } from "./DetailHeader-DTHE-pQa.js";
 import { Z as x } from "./DiyDataTable-BQaaClFf.js";
 import { D as V } from "./DiyDataTable-BQaaClFf.js";
-import { Z as G } from "./Map-DwI7JnW8.js";
+import { Z as G } from "./Map-BsyX-AAm.js";
 import { Z as M } from "./Table-CzNjEPnP.js";
 import { Z as $ } from "./BaseItem-Co7KlYD6.js";
 const A = [

package/dist/umd/index.umd.cjs

@@ -189,7 +189,7 @@ ye.version="2.30.1",JB(Dt),ye.fn=le,ye.min=$V,ye.max=zV,ye.now=WV,ye.utc=_i,ye.u
           <path d="M1.99982 46.9998L1.99982 1.99982L46.9998 1.99982L46.9998 46.9998L1.99982 46.9998Z" fill="#FF2424" fill-opacity="0.2"/>
           <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9998 0.5V3.5L3.49976 3.5V20H0.499756V0.500002L19.9998 0.5ZM45.4998 3.5H28.9998V0.5H48.4998V20H45.4998V3.5ZM48.4998 29L48.4998 48.5H28.9998V45.5H45.4998L45.4998 29H48.4998ZM3.49976 45.5L3.49976 29H0.499756L0.499758 48.5L19.9998 48.5V45.5L3.49976 45.5Z" fill="#FF2424"/>
       </svg>
-    `;return new _t({image:new ni({src:`data:image/svg+xml;utf8,${encodeURIComponent(s)}`,scale:r,anchorXUnits:"fraction",anchorYUnits:"fraction"})})};function M7(t,e,n,r){if(e){const o=new Os({element:n,positioning:"top-left",id:"label-"+(r==null?void 0:r.id),offset:[20,-20],autoPan:!1,position:e,className:r!=null&&r.blinking?"ship-label-overlay-blinking":"ship-label-overlay"});o.set("class","zh-map-ship-overlay"),t.addOverlay(o)}}const D7=(t,e)=>{const{lon:n,lat:r,blinking:o}=e,s=z2(e);n&&r&&M7(t,Jr([n,r]),s,{...e,blinking:o})},z2=t=>{const e=document.createElement("div");e.className="ship-overlay-box",e.style.position="relative";const{lon:n,lat:r,blinking:o,blinkingColors:s,name:a}=t,l=i.createVNode({setup(){return x7({position:[n+.002,r+.002],selected:o,name:a,colors:s||[],existDevice:t==null?void 0:t.existDevice,existMobile:t==null?void 0:t.existMobile,existWaterGauge:t==null?void 0:t.existWaterGauge})}});return i.render(l,e),e},W2=t=>{const e=[];return t.existDevice&&e.push("&#xe687;"),t.existMobile&&e.push("&#xe688;"),t.existWaterGauge&&e.push("&#xe686;"),e};function I7(){const t=["left-top","left-middle","left-bottom","right-top","right-middle","right-bottom"];return t[Math.floor(Math.random()*t.length)]}const P7=window.devicePixelRatio||1,C0=new Map;let zc=null,E0=null;function O7(t,e,n="left-bottom",r=10){const o=`${t}-${e.join(",")}-${n}-${r}`;if(C0.has(o))return C0.get(o);if(!zc){zc=document.createElement("canvas");try{E0=zc.getContext("2d",{willReadFrequently:!0})}catch(D){console.log("e",D),E0=zc.getContext("2d")}}const s=zc,a=E0;if(!a)return"";s.width=0,s.height=0;const l=2,c=4,d=16,u=window.devicePixelRatio||1,f="500 12px Arial",p="12px map-iconfont";a.font=f;const h=a.measureText(t).width;a.font=p;const y=e.map(D=>({width:a.measureText(Ls(D)).width,height:14})),g=y.reduce((D,P)=>D+P.width,0),b=e.length*r,w=c+h+g+b+c,C=l+14+l*2;let _,E,S=0,v=0,x=0,k=0,M=0,T=0;switch(_=d+w,n){case"right-top":E=d+C,S=0,v=d+C,x=d,k=0,M=d,T=0;break;case"right-middle":E=C,S=0,v=C/2,x=d,k=C/2,M=d,T=0;break;case"right-bottom":E=d+C,S=0,v=0,x=d,k=d,M=d,T=d;break;case"left-top":E=d+C,S=w,v=d,x=w+d,k=C+d,M=0,T=0;break;case"left-middle":E=C,S=w,v=C/2,x=w+d,k=C/2,M=0,T=0;break;case"left-bottom":E=d+C,S=w,v=C,x=w+d,k=0,M=0,T=d;break}E=E+l,s.width=Math.round(_*u),s.height=Math.round(E*u),a.scale(u,u),a.clearRect(0,0,_,E),a.beginPath(),a.moveTo(S,v),a.lineTo(x,k),a.strokeStyle="#FFF",a.lineWidth=1,a.stroke(),a.fillStyle="#FFF",a.fillRect(M,T,w,C),a.font=f,a.textBaseline="middle";const L=T+l/2+C/2;a.strokeStyle="#ffffff",a.lineWidth=1,a.strokeText(t,M+c,L),a.fillStyle="#000000",a.fillText(t,M+c,L),a.font=p,a.fillStyle="#3370ff";let O=M+c+h+r;const F=T+C/2;e.length>0&&e.forEach((D,P)=>{a.fillText(Ls(D),O,F),O+=y[P].width+r});const I=s.toDataURL("image/png");return C0.set(o,I),I}const Y2=(t,e)=>{const{name:n,rightIcons:r}=t.getProperties(),o=e!==1?I7():"right-top",s=O7(n,r,o);let a=[0,0];switch(o){case"right-top":a=[0,1];break;case"right-middle":a=[0,.5];break;case"right-bottom":a=[0,0];break;case"left-top":a=[1,1];break;case"left-middle":a=[1,.5];break;case"left-bottom":a=[1,0];break}return new _t({image:new ni({src:s,anchor:a,displacement:[0,0],scale:1/P7,anchorXUnits:"fraction",anchorYUnits:"fraction"})})},N7=t=>{let e=null,n=null;const r=new Di,o=new v7({source:r,className:"zh-map--ship-layer",renderBuffer:300,zIndex:101,properties:{layerType:or.SHIP}}),s=new Di,a=new go({source:s,className:"zh-map--ship-label-layer",zIndex:102,updateWhileInteracting:!1,updateWhileAnimating:!1,declutter:!0}),l=new Di,c=new go({source:l,className:"zh-map--ship-selected-layer",zIndex:999});t==null||t.addLayer(o),t==null||t.addLayer(a),t==null||t.addLayer(c);let d=null,u="",f={},p={};const m=T=>{if(!T||!t)return;const L=(n==null?void 0:n.id)||(e==null?void 0:e.get("id"));if(n){const O=T.filter(F=>F.id===L);O.length===0?T.push(n):n=O[0]}b(),M(T),y()},h=T=>{var R;const L=(n==null?void 0:n.id)||(e==null?void 0:e.get("id")),O=Jr([T==null?void 0:T.lon,T==null?void 0:T.lat]),F=((R=p[T.id])==null?void 0:R.blinkColors)||[],D=F[F.length-1]||T.fill||"#04C900",P=k7(T),N=new Kt({geometry:new Xt(O),shipData:T,id:T.id,name:T.cnname||T.enname||T.name||T.id||"未命名船舶",selected:T.id===L,rightIcons:W2(T),color:D,direct:P,isHighlight:!1});return N.set("clickGeometry",new Lc(O)),N},y=()=>{if(n&&t&&n){l.getFeatures().length>0&&l.clear();const T=Jr([n==null?void 0:n.lon,n==null?void 0:n.lat]),L=new Kt({geometry:new Xt(T),id:n.id});L.setStyle(R7(t,n)),l.addFeature(L)}},g=T=>{if(T==="start"){const L=()=>{const O=l.getFeatures();r.getFeatures().forEach(F=>{var D,P;const I=il(t,F);if(F.setStyle(I),F.get("id")===(n==null?void 0:n.id)&&O&&O[0]){const N=O[0],R=N==null?void 0:N.getStyle();if(R&&(R!=null&&R.getImage())){const A=(D=I.getImage())==null?void 0:D.getScale();A&&((P=R.getImage())==null||P.setScale(A))}}}),d=requestAnimationFrame(L)};L()}T==="end"&&d&&(cancelAnimationFrame(d),d=null)},b=()=>{t&&r&&(w(),r.clear(),s.clear(),l.clear(),g("end"))},w=T=>{const L=t.getOverlays().getArray().filter(O=>O.get("class")=="zh-map-ship-overlay");if(L&&L.length>0){for(let O=0;O<L.length;O++)if(L[O].get("class")!=="ship-overlay-selected"){const F=L[O];console.log("overlay---",F),F.setPosition(void 0),t.removeOverlay(F),F.dispose()}}},C=(T,L)=>{f=T,p=L;const O=t.getOverlays().getArray(),F=r.getFeatures();for(const I in f){const D=f[I],P=O.find(R=>(R==null?void 0:R.getId())==="label-"+I),N=F.find(R=>I===R.get("id"));if(P&&N){const R=L[I].blinkColors||[],{shipData:A,name:B,color:Y}=N.getProperties();N.set("blinking",D),R[(R==null?void 0:R.length)-1]&&Y!==R[(R==null?void 0:R.length)-1]&&(N.set("color",R[(R==null?void 0:R.length)-1]||""),N.setStyle(il(t,N)));const z={...A,blinking:D,blinkingColors:R||[],name:B+"("+L[I].shipState+")"},W=P.getElement(),Z=z2(z);W&&W!==Z&&P.setElement(Z)}}},_=T=>{if(!t)return;const L=r.getFeatures(),O=s.getFeatures(),F=e?e.get("id"):"",I=L.filter(R=>R.get("id")!==F),D=O==null?void 0:O.filter(R=>R.get("id")!==F),P=new Map;T.forEach(R=>{P.set(R.id,!0)});const N=t.getOverlays().getArray();I.forEach(R=>{const A=R.get("id");if(!P.has(A))R.setStyle([]);else{const Y=R.getStyle();(Y==null?void 0:Y.length)==0&&R.setStyle(il(t,R))}const B=N.find(Y=>Y.getId()==="label-"+A);B&&B.setPosition(void 0)}),D.forEach(R=>{const A=R.get("id");if(!P.has(A))R.setStyle([]);else{const B=R.getStyle();(B==null?void 0:B.length)==0&&R.setStyle(Y2(R,T.length))}})},E=T=>{if(T){console.log("选中",T);const L=r.getFeatures().find(F=>F.get("id")===T.id),O=s.getFeatures().find(F=>F.get("id")===T.id);L&&(e=L),O&&O.set("selected",!0),n=T,y()}else console.log("取消选中"),n=null,e=null,x()},S=Li((T,L,O)=>{try{if(T){const F=T.get("shipData"),I=T.get("id");if(t.getTargetElement().style.cursor=I?"pointer":"",L==="click"&&(E(F),O&&O(I)),L==="hover"){u&&u!==I&&v(),u=I;const D=r.getFeatures().find(P=>P.get("id")===u);D==null||D.set("isHighlight",!0),D==null||D.setStyle(il(t,D))}}else t.getTargetElement().style.cursor="",v()}catch(F){console.log("handleShipMapEvent",F)}},10),v=()=>{const T=u?r.getFeatures().find(L=>L.get("id")===u):null;u=null,T==null||T.set("isHighlight",!1),T==null||T.setStyle(il(t,T))},x=()=>{try{l.clear()}catch(T){console.log(T)}},k=(T,L)=>{const O=Jr([T==null?void 0:T.lon,T==null?void 0:T.lat]),F=new Kt({geometry:new Xt(O),name:T.cnname||T.enname||T.name||T.id||"未命名船舶",rightIcons:W2(T),selected:(T==null?void 0:T.id)===(n==null?void 0:n.id),shipData:T});F.set("id",T.id);const I=Y2(F,L);return F.setStyle(I),F},M=T=>{const L=t.getView().getZoom();T.forEach(O=>{const F=h(O);if(F.setStyle(il(t,F)),r.addFeature(F),(n==null?void 0:n.id)==O.id||L&&L>=In.shipModelMin)if(f[O.id]){if(O.id&&p[O==null?void 0:O.id]){const I=p[O==null?void 0:O.id]||{},D=(I==null?void 0:I.blinkColors)||[],P=(I==null?void 0:I.shipState)||"",N=(O.cnname||O.enname||O.name||O.id||"未命名船舶")+"("+P+")",R={...O,name:N,blinking:f[O.id],blinkingColors:D||[]};D7(t,R)}}else{const I=k(O,T.length);s.addFeature(I)}})};return{render:m,selected:E,filter:_,blinking:C,clear:b,handleShipMapEvent:S,changeShipScale:g}},L7=t=>{const e=()=>t==null?void 0:t.getLayers(),n=i.ref("vector"),r=()=>n.value,o=c=>{n.value=c;const d=e();d&&(d==null||d.getArray().forEach(u=>{(u.className_==="vector"||u.className_==="satellite")&&u.setVisible(u.className_===c)}))},s=i.ref(!1);return{getLayers:e,getGreenTileVisible:()=>s.value,setGreenTileVisible:c=>{if(c!==s.value){if(c){const d=e();if(!d.getArray().find(f=>f.className_==="greenTile")){const f=new el({source:new rl({url:Ns.greenTile}),visible:c,zIndex:2,className:"greenTile"});d.push(f)}}else{const d=e(),u=d.getArray().find(f=>f.className_==="greenTile");u&&d.remove(u)}s.value=c}},getShowLayerType:r,setShowLayerType:o}},A7=()=>{const t=i.ref();return{setProps:r=>{t.value=r},getProps:()=>t.value}},F7=t=>{const e="zh-map-location-layer";let n,r,o=null,s=null;const a=h=>{if(!(!h||h.length===0)){if(r||(r=new Di),r.clear(),s){const y=h.find(g=>g.id===s.id);y?s=y:h.push(s)}h.forEach(y=>{l(y)}),n||(n=new go({className:e,source:r,zIndex:100}),t==null||t.addLayer(n))}},l=h=>{const y=t==null?void 0:t.getView().getZoom(),[g,b]=h.latLon.split(","),w=new Kt({geometry:new Xt(Jr([Number(g),Number(b)]))});w.setStyle(c(h,y,h.id===(s==null?void 0:s.id))),w.set("loactionData",h),r.addFeature(w)},c=(h,y,g)=>{const b={image:new ni({src:g&&h.selectedPath||h.defaultPath,scale:.5*y/10})};return h.name&&(b.text=new uo({text:h.name,font:"12px sans-serif",fill:new rn({color:"#000000"}),backgroundFill:new rn({color:"#FFFFFF"}),offsetY:30})),new _t(b)},d=()=>{if(o){const h=o.get("loactionData").id;r.getFeatures().forEach(y=>{y.get("loactionData").id!==h&&r.removeFeature(y)})}else r.clear()},u=()=>{var b;const h=o.get("loactionData"),y=(b=t==null?void 0:t.getView())==null?void 0:b.getZoom();r.getFeatures().forEach(w=>{w.get("loactionData").id===h.id&&(w==null||w.setStyle(c(h,y,!1)))}),s=null,o=null},f=h=>{h?(p(),m(h)):clearSelectedPort()},p=()=>{var h;if(o){const y=o.get("loactionData"),g=(h=t==null?void 0:t.getView())==null?void 0:h.getZoom();o.setStyle(c(y,g,!1))}},m=h=>{const y=r.getFeatures();s=h,o=y.find(g=>g.get("loactionData").id===h.id)};return{render:a,selected:f,clearSelected:u,clear:d}},Ef={DRAWSTART:"drawstart",DRAWEND:"drawend",DRAWABORT:"drawabort"};class Sf extends Ei{constructor(e,n){super(e),this.feature=n}}function B7(t,e){const n=[];for(let r=0;r<e.length;++r){const s=e[r].getGeometry();G2(t,s,n)}return n}function vf(t,e){return no(t[0],t[1],e[0],e[1])}function ol(t,e){const n=t.length;return e<0?t[e+n]:e>=n?t[e-n]:t[e]}function xf(t,e,n){let r,o;e<n?(r=e,o=n):(r=n,o=e);const s=Math.ceil(r),a=Math.floor(o);if(s>a){const c=sl(t,r),d=sl(t,o);return vf(c,d)}let l=0;if(r<s){const c=sl(t,r),d=ol(t,s);l+=vf(c,d)}if(a<o){const c=ol(t,a),d=sl(t,o);l+=vf(c,d)}for(let c=s;c<a-1;++c){const d=ol(t,c),u=ol(t,c+1);l+=vf(d,u)}return l}function G2(t,e,n){if(e instanceof $n){kf(t,e.getCoordinates(),!1,n);return}if(e instanceof Ac){const r=e.getCoordinates();for(let o=0,s=r.length;o<s;++o)kf(t,r[o],!1,n);return}if(e instanceof oo){const r=e.getCoordinates();for(let o=0,s=r.length;o<s;++o)kf(t,r[o],!0,n);return}if(e instanceof Bc){const r=e.getCoordinates();for(let o=0,s=r.length;o<s;++o){const a=r[o];for(let l=0,c=a.length;l<c;++l)kf(t,a[l],!0,n)}return}if(e instanceof hf){const r=e.getGeometries();for(let o=0;o<r.length;++o)G2(t,r[o],n);return}}const S0={index:-1,endIndex:NaN};function V7(t,e,n,r){const o=t[0],s=t[1];let a=1/0,l=-1,c=NaN;for(let f=0;f<e.targets.length;++f){const p=e.targets[f],m=p.coordinates;let h=1/0,y;for(let g=0;g<m.length-1;++g){const b=m[g],w=m[g+1],C=j2(o,s,b,w);C.squaredDistance<h&&(h=C.squaredDistance,y=g+C.along)}h<a&&(a=h,p.ring&&e.targetIndex===f&&(p.endIndex>p.startIndex?y<p.startIndex&&(y+=m.length):p.endIndex<p.startIndex&&y>p.startIndex&&(y-=m.length)),c=y,l=f)}const d=e.targets[l];let u=d.ring;if(e.targetIndex===l&&u){const f=sl(d.coordinates,c),p=n.getPixelFromCoordinate(f);EE(p,e.startPx)>r&&(u=!1)}if(u){const f=d.coordinates,p=f.length,m=d.startIndex,h=c;if(m<h){const y=xf(f,m,h);xf(f,m,h-p)<y&&(c-=p)}else{const y=xf(f,m,h);xf(f,m,h+p)<y&&(c+=p)}}return S0.index=l,S0.endIndex=c,S0}function kf(t,e,n,r){const o=t[0],s=t[1];for(let a=0,l=e.length-1;a<l;++a){const c=e[a],d=e[a+1],u=j2(o,s,c,d);if(u.squaredDistance===0){const f=a+u.along;r.push({coordinates:e,ring:n,startIndex:f,endIndex:f});return}}}const v0={along:0,squaredDistance:0};function j2(t,e,n,r){const o=n[0],s=n[1],a=r[0],l=r[1],c=a-o,d=l-s;let u=0,f=o,p=s;return(c!==0||d!==0)&&(u=Lt(((t-o)*c+(e-s)*d)/(c*c+d*d),0,1),f+=c*u,p+=d*u),v0.along=u,v0.squaredDistance=Pu(no(t,e,f,p),10),v0}function sl(t,e){const n=t.length;let r=Math.floor(e);const o=e-r;r>=n?r-=n:r<0&&(r+=n);let s=r+1;s>=n&&(s-=n);const a=t[r],l=a[0],c=a[1],d=t[s],u=d[0]-l,f=d[1]-c;return[l+u*o,c+f*o]}class Tf extends Xa{constructor(e){const n=e;n.stopDown||(n.stopDown=xa),super(n),this.on,this.once,this.un,this.shouldHandle_=!1,this.downPx_=null,this.downTimeout_,this.lastDragTime_,this.pointerType_,this.freehand_=!1,this.source_=e.source?e.source:null,this.features_=e.features?e.features:null,this.snapTolerance_=e.snapTolerance?e.snapTolerance:12,this.type_=e.type,this.mode_=z7(this.type_),this.stopClick_=!!e.stopClick,this.minPoints_=e.minPoints?e.minPoints:this.mode_==="Polygon"?3:2,this.maxPoints_=this.mode_==="Circle"?2:e.maxPoints?e.maxPoints:1/0,this.finishCondition_=e.finishCondition?e.finishCondition:va,this.geometryLayout_=e.geometryLayout?e.geometryLayout:"XY";let r=e.geometryFunction;if(!r){const o=this.mode_;if(o==="Circle")r=(s,a,l)=>{const c=a||new Lc([NaN,NaN]),d=Qr(s[0]),u=CE(d,Qr(s[s.length-1]));return c.setCenterAndRadius(d,Math.sqrt(u),this.geometryLayout_),c};else{let s;o==="Point"?s=Xt:o==="LineString"?s=$n:o==="Polygon"&&(s=oo),r=(a,l,c)=>(l?o==="Polygon"?a[0].length?l.setCoordinates([a[0].concat([a[0][0]])],this.geometryLayout_):l.setCoordinates([],this.geometryLayout_):l.setCoordinates(a,this.geometryLayout_):l=new s(a,this.geometryLayout_),l)}}this.geometryFunction_=r,this.dragVertexDelay_=e.dragVertexDelay!==void 0?e.dragVertexDelay:500,this.finishCoordinate_=null,this.sketchFeature_=null,this.sketchPoint_=null,this.sketchCoords_=null,this.sketchLine_=null,this.sketchLineCoords_=null,this.squaredClickTolerance_=e.clickTolerance?e.clickTolerance*e.clickTolerance:36,this.overlay_=new go({source:new Di({useSpatialIndex:!1,wrapX:e.wrapX?e.wrapX:!1}),style:e.style?e.style:$7(),updateWhileInteracting:!0}),this.geometryName_=e.geometryName,this.condition_=e.condition?e.condition:s0,this.freehandCondition_,e.freehand?this.freehandCondition_=o0:this.freehandCondition_=e.freehandCondition?e.freehandCondition:p2,this.traceCondition_,this.setTrace(e.trace||!1),this.traceState_={active:!1},this.traceSource_=e.traceSource||e.source||null,this.addChangeListener(e0.ACTIVE,this.updateState_)}setTrace(e){let n;e?e===!0?n=o0:n=e:n=HY,this.traceCondition_=n}setMap(e){super.setMap(e),this.updateState_()}getOverlay(){return this.overlay_}handleEvent(e){e.originalEvent.type===Ve.CONTEXTMENU&&e.originalEvent.preventDefault(),this.freehand_=this.mode_!=="Point"&&this.freehandCondition_(e);let n=e.type===bt.POINTERMOVE,r=!0;return!this.freehand_&&this.lastDragTime_&&e.type===bt.POINTERDRAG&&(Date.now()-this.lastDragTime_>=this.dragVertexDelay_?(this.downPx_=e.pixel,this.shouldHandle_=!this.freehand_,n=!0):this.lastDragTime_=void 0,this.shouldHandle_&&this.downTimeout_!==void 0&&(clearTimeout(this.downTimeout_),this.downTimeout_=void 0)),this.freehand_&&e.type===bt.POINTERDRAG&&this.sketchFeature_!==null?(this.addToDrawing_(e.coordinate),r=!1):this.freehand_&&e.type===bt.POINTERDOWN?r=!1:n&&this.getPointerCount()<2?(r=e.type===bt.POINTERMOVE,r&&this.freehand_?(this.handlePointerMove_(e),this.shouldHandle_&&e.originalEvent.preventDefault()):(e.originalEvent.pointerType==="mouse"||e.type===bt.POINTERDRAG&&this.downTimeout_===void 0)&&this.handlePointerMove_(e)):e.type===bt.DBLCLICK&&(r=!1),super.handleEvent(e)&&r}handleDownEvent(e){return this.shouldHandle_=!this.freehand_,this.freehand_?(this.downPx_=e.pixel,this.finishCoordinate_||this.startDrawing_(e.coordinate),!0):this.condition_(e)?(this.lastDragTime_=Date.now(),this.downTimeout_=setTimeout(()=>{this.handlePointerMove_(new yo(bt.POINTERMOVE,e.map,e.originalEvent,!1,e.frameState))},this.dragVertexDelay_),this.downPx_=e.pixel,!0):(this.lastDragTime_=void 0,!1)}deactivateTrace_(){this.traceState_={active:!1}}toggleTraceState_(e){if(!this.traceSource_||!this.traceCondition_(e))return;if(this.traceState_.active){this.deactivateTrace_();return}const n=this.getMap(),r=n.getCoordinateFromPixel([e.pixel[0]-this.snapTolerance_,e.pixel[1]+this.snapTolerance_]),o=n.getCoordinateFromPixel([e.pixel[0]+this.snapTolerance_,e.pixel[1]-this.snapTolerance_]),s=Am([r,o]),a=this.traceSource_.getFeaturesInExtent(s);if(a.length===0)return;const l=B7(e.coordinate,a);l.length&&(this.traceState_={active:!0,startPx:e.pixel.slice(),targets:l,targetIndex:-1})}addOrRemoveTracedCoordinates_(e,n){const r=e.startIndex<=e.endIndex,o=e.startIndex<=n;r===o?r&&n>e.endIndex||!r&&n<e.endIndex?this.addTracedCoordinates_(e,e.endIndex,n):(r&&n<e.endIndex||!r&&n>e.endIndex)&&this.removeTracedCoordinates_(n,e.endIndex):(this.removeTracedCoordinates_(e.startIndex,e.endIndex),this.addTracedCoordinates_(e,e.startIndex,n))}removeTracedCoordinates_(e,n){if(e===n)return;let r=0;if(e<n){const o=Math.ceil(e);let s=Math.floor(n);s===n&&(s-=1),r=s-o+1}else{const o=Math.floor(e);let s=Math.ceil(n);s===n&&(s+=1),r=o-s+1}r>0&&this.removeLastPoints_(r)}addTracedCoordinates_(e,n,r){if(n===r)return;const o=[];if(n<r){const s=Math.ceil(n);let a=Math.floor(r);a===r&&(a-=1);for(let l=s;l<=a;++l)o.push(ol(e.coordinates,l))}else{const s=Math.floor(n);let a=Math.ceil(r);a===r&&(a+=1);for(let l=s;l>=a;--l)o.push(ol(e.coordinates,l))}o.length&&this.appendCoordinates(o)}updateTrace_(e){const n=this.traceState_;if(!n.active||n.targetIndex===-1&&EE(n.startPx,e.pixel)<this.snapTolerance_)return;const r=V7(e.coordinate,n,this.getMap(),this.snapTolerance_);if(n.targetIndex!==r.index){if(n.targetIndex!==-1){const c=n.targets[n.targetIndex];this.removeTracedCoordinates_(c.startIndex,c.endIndex)}const l=n.targets[r.index];this.addTracedCoordinates_(l,l.startIndex,r.endIndex)}else{const l=n.targets[n.targetIndex];this.addOrRemoveTracedCoordinates_(l,r.endIndex)}n.targetIndex=r.index;const o=n.targets[n.targetIndex];o.endIndex=r.endIndex;const s=sl(o.coordinates,o.endIndex),a=this.getMap().getPixelFromCoordinate(s);e.coordinate=s,e.pixel=[Math.round(a[0]),Math.round(a[1])]}handleUpEvent(e){let n=!0;if(this.getPointerCount()===0){this.downTimeout_&&(clearTimeout(this.downTimeout_),this.downTimeout_=void 0),this.handlePointerMove_(e);const r=this.traceState_.active;if(this.toggleTraceState_(e),this.shouldHandle_){const o=!this.finishCoordinate_;o&&this.startDrawing_(e.coordinate),!o&&this.freehand_?this.finishDrawing():!this.freehand_&&(!o||this.mode_==="Point")&&(this.atFinish_(e.pixel,r)?this.finishCondition_(e)&&this.finishDrawing():this.addToDrawing_(e.coordinate)),n=!1}else this.freehand_&&this.abortDrawing()}return!n&&this.stopClick_&&e.preventDefault(),n}handlePointerMove_(e){if(this.pointerType_=e.originalEvent.pointerType,this.downPx_&&(!this.freehand_&&this.shouldHandle_||this.freehand_&&!this.shouldHandle_)){const n=this.downPx_,r=e.pixel,o=n[0]-r[0],s=n[1]-r[1],a=o*o+s*s;if(this.shouldHandle_=this.freehand_?a>this.squaredClickTolerance_:a<=this.squaredClickTolerance_,!this.shouldHandle_)return}if(!this.finishCoordinate_){this.createOrUpdateSketchPoint_(e.coordinate.slice());return}this.updateTrace_(e),this.modifyDrawing_(e.coordinate)}atFinish_(e,n){let r=!1;if(this.sketchFeature_){let o=!1,s=[this.finishCoordinate_];const a=this.mode_;if(a==="Point")r=!0;else if(a==="Circle")r=this.sketchCoords_.length===2;else if(a==="LineString")o=!n&&this.sketchCoords_.length>this.minPoints_;else if(a==="Polygon"){const l=this.sketchCoords_;o=l[0].length>this.minPoints_,s=[l[0][0],l[0][l[0].length-2]],n?s=[l[0][0]]:s=[l[0][0],l[0][l[0].length-2]]}if(o){const l=this.getMap();for(let c=0,d=s.length;c<d;c++){const u=s[c],f=l.getPixelFromCoordinate(u),p=e[0]-f[0],m=e[1]-f[1],h=this.freehand_?1:this.snapTolerance_;if(r=Math.sqrt(p*p+m*m)<=h,r){this.finishCoordinate_=u;break}}}}return r}createOrUpdateSketchPoint_(e){this.sketchPoint_?this.sketchPoint_.getGeometry().setCoordinates(e):(this.sketchPoint_=new Kt(new Xt(e)),this.updateSketchFeatures_())}createOrUpdateCustomSketchLine_(e){this.sketchLine_||(this.sketchLine_=new Kt);const n=e.getLinearRing(0);let r=this.sketchLine_.getGeometry();r?(r.setFlatCoordinates(n.getLayout(),n.getFlatCoordinates()),r.changed()):(r=new $n(n.getFlatCoordinates(),n.getLayout()),this.sketchLine_.setGeometry(r))}startDrawing_(e){const n=this.getMap().getView().getProjection(),r=pc(this.geometryLayout_);for(;e.length<r;)e.push(0);this.finishCoordinate_=e,this.mode_==="Point"?this.sketchCoords_=e.slice():this.mode_==="Polygon"?(this.sketchCoords_=[[e.slice(),e.slice()]],this.sketchLineCoords_=this.sketchCoords_[0]):this.sketchCoords_=[e.slice(),e.slice()],this.sketchLineCoords_&&(this.sketchLine_=new Kt(new $n(this.sketchLineCoords_)));const o=this.geometryFunction_(this.sketchCoords_,void 0,n);this.sketchFeature_=new Kt,this.geometryName_&&this.sketchFeature_.setGeometryName(this.geometryName_),this.sketchFeature_.setGeometry(o),this.updateSketchFeatures_(),this.dispatchEvent(new Sf(Ef.DRAWSTART,this.sketchFeature_))}modifyDrawing_(e){const n=this.getMap(),r=this.sketchFeature_.getGeometry(),o=n.getView().getProjection(),s=pc(this.geometryLayout_);let a,l;for(;e.length<s;)e.push(0);this.mode_==="Point"?l=this.sketchCoords_:this.mode_==="Polygon"?(a=this.sketchCoords_[0],l=a[a.length-1],this.atFinish_(n.getPixelFromCoordinate(e))&&(e=this.finishCoordinate_.slice())):(a=this.sketchCoords_,l=a[a.length-1]),l[0]=e[0],l[1]=e[1],this.geometryFunction_(this.sketchCoords_,r,o),this.sketchPoint_&&this.sketchPoint_.getGeometry().setCoordinates(e),r.getType()==="Polygon"&&this.mode_!=="Polygon"?this.createOrUpdateCustomSketchLine_(r):this.sketchLineCoords_&&this.sketchLine_.getGeometry().setCoordinates(this.sketchLineCoords_),this.updateSketchFeatures_()}addToDrawing_(e){const n=this.sketchFeature_.getGeometry(),r=this.getMap().getView().getProjection();let o,s;const a=this.mode_;return a==="LineString"||a==="Circle"?(this.finishCoordinate_=e.slice(),s=this.sketchCoords_,s.length>=this.maxPoints_&&(this.freehand_?s.pop():o=!0),s.push(e.slice()),this.geometryFunction_(s,n,r)):a==="Polygon"&&(s=this.sketchCoords_[0],s.length>=this.maxPoints_&&(this.freehand_?s.pop():o=!0),s.push(e.slice()),o&&(this.finishCoordinate_=s[0]),this.geometryFunction_(this.sketchCoords_,n,r)),this.createOrUpdateSketchPoint_(e.slice()),this.updateSketchFeatures_(),o?this.finishDrawing():this.sketchFeature_}removeLastPoints_(e){if(!this.sketchFeature_)return;const n=this.sketchFeature_.getGeometry(),r=this.getMap().getView().getProjection(),o=this.mode_;for(let s=0;s<e;++s){let a;if(o==="LineString"||o==="Circle"){if(a=this.sketchCoords_,a.splice(-2,1),a.length>=2){this.finishCoordinate_=a[a.length-2].slice();const l=this.finishCoordinate_.slice();a[a.length-1]=l,this.createOrUpdateSketchPoint_(l)}this.geometryFunction_(a,n,r),n.getType()==="Polygon"&&this.sketchLine_&&this.createOrUpdateCustomSketchLine_(n)}else if(o==="Polygon"){a=this.sketchCoords_[0],a.splice(-2,1);const l=this.sketchLine_.getGeometry();if(a.length>=2){const c=a[a.length-2].slice();a[a.length-1]=c,this.createOrUpdateSketchPoint_(c)}l.setCoordinates(a),this.geometryFunction_(this.sketchCoords_,n,r)}if(a.length===1){this.abortDrawing();break}}this.updateSketchFeatures_()}removeLastPoint(){this.removeLastPoints_(1)}finishDrawing(){const e=this.abortDrawing_();if(!e)return null;let n=this.sketchCoords_;const r=e.getGeometry(),o=this.getMap().getView().getProjection();return this.mode_==="LineString"?(n.pop(),this.geometryFunction_(n,r,o)):this.mode_==="Polygon"&&(n[0].pop(),this.geometryFunction_(n,r,o),n=r.getCoordinates()),this.type_==="MultiPoint"?e.setGeometry(new Fc([n])):this.type_==="MultiLineString"?e.setGeometry(new Ac([n])):this.type_==="MultiPolygon"&&e.setGeometry(new Bc([n])),this.dispatchEvent(new Sf(Ef.DRAWEND,e)),this.features_&&this.features_.push(e),this.source_&&this.source_.addFeature(e),e}abortDrawing_(){this.finishCoordinate_=null;const e=this.sketchFeature_;return this.sketchFeature_=null,this.sketchPoint_=null,this.sketchLine_=null,this.overlay_.getSource().clear(!0),this.deactivateTrace_(),e}abortDrawing(){const e=this.abortDrawing_();e&&this.dispatchEvent(new Sf(Ef.DRAWABORT,e))}appendCoordinates(e){const n=this.mode_,r=!this.sketchFeature_;r&&this.startDrawing_(e[0]);let o;if(n==="LineString"||n==="Circle")o=this.sketchCoords_;else if(n==="Polygon")o=this.sketchCoords_&&this.sketchCoords_.length?this.sketchCoords_[0]:[];else return;r&&o.shift(),o.pop();for(let a=0;a<e.length;a++)this.addToDrawing_(e[a]);const s=e[e.length-1];this.sketchFeature_=this.addToDrawing_(s),this.modifyDrawing_(s)}extend(e){const r=e.getGeometry();this.sketchFeature_=e,this.sketchCoords_=r.getCoordinates();const o=this.sketchCoords_[this.sketchCoords_.length-1];this.finishCoordinate_=o.slice(),this.sketchCoords_.push(o.slice()),this.sketchPoint_=new Kt(new Xt(o)),this.updateSketchFeatures_(),this.dispatchEvent(new Sf(Ef.DRAWSTART,this.sketchFeature_))}updateSketchFeatures_(){const e=[];this.sketchFeature_&&e.push(this.sketchFeature_),this.sketchLine_&&e.push(this.sketchLine_),this.sketchPoint_&&e.push(this.sketchPoint_);const n=this.overlay_.getSource();n.clear(!0),n.addFeatures(e)}updateState_(){const e=this.getMap(),n=this.getActive();(!e||!n)&&this.abortDrawing(),this.overlay_.setMap(n?e:null)}}function $7(){const t=H9();return function(e,n){return t[e.getGeometry().getType()]}}function z7(t){switch(t){case"Point":case"MultiPoint":return"Point";case"LineString":case"MultiLineString":return"LineString";case"Polygon":case"MultiPolygon":return"Polygon";case"Circle":return"Circle";default:throw new Error("Invalid type: "+t)}}const W7=t=>{t.getInteractions().forEach(e=>{e instanceof n0&&e.setActive(!1)})},Y7=t=>{t.getInteractions().forEach(e=>{e instanceof n0&&e.setActive(!0)})},Xo=(t,e)=>{const n=t.getViewport();n&&(n.style.cursor=e)},G7=(t,e)=>{const n=i.ref([]),r=i.ref("km"),o=k=>{r.value=k};let s;const a=i.ref(!1),l=()=>{Xo(t,"crosshair"),u(),W7(t),t.on("pointermove",m),t.getViewport().addEventListener("mouseout",()=>{s&&s.classList.add("hidden")}),y(),a.value=!0};let c,d;const u=()=>{c=new Di,d=new go({source:c,zIndex:1e3,style:{"fill-color":"rgba(255, 255, 255, 0.2)","stroke-color":"#ffcc33","stroke-width":2,"circle-radius":7,"circle-fill-color":"#ffcc33"}}),t==null||t.addLayer(d)};let f,p;const m=k=>{if(k.dragging)return;let M="点击选择起点";f&&(M="单击继续，双击结束"),s&&(s.innerHTML=M,p.setPosition(k.coordinate),s.classList.remove("hidden"))};let h;const y=()=>{h=new Tf({source:c,type:"LineString",style:new _t({fill:new rn({color:"rgba(255, 255, 255, 0.2)"}),stroke:new zn({color:"rgba(255,204,51)",lineDash:[10,10],width:2}),image:new co({radius:5,stroke:new zn({color:"rgba(0, 0, 0, 0.7)"}),fill:new rn({color:"rgba(255, 255, 255, 0.2)"})})}),condition:M=>M.originalEvent.target.tagName!=="DIV"}),t==null||t.addInteraction(h),C(),_();let k;h.on("drawstart",function(M){var L;f=M.feature,f.set("randomId",g());let T;k=(L=f.getGeometry())==null?void 0:L.on("change",function(O){const F=O.target,I=H2(F,r.value);T=F.getLastCoordinate(),b&&I&&(b.innerHTML=I),w.setPosition(T)})}),h.on("drawend",function(){var M,T,L;if(b&&(b.className="ol-tooltip ol-tooltip-static ol-tooltip-measure"),b!=null&&b.innerHTML){const O=(f==null?void 0:f.get("randomId"))||g();n.value.push({id:O,value:b==null?void 0:b.innerHTML}),b.innerHTML=`${b.innerHTML}<div class="ol-tooltip-delete-button" data-id="${O}"><i class="map-iconfont icon-delete"></i></div>`}(M=document.querySelector(".ol-selectable:has(.ol-tooltip-delete-button):last-child .ol-tooltip-delete-button"))==null||M.addEventListener("click",O=>{var I;O.preventDefault(),O.stopPropagation();const F=(I=O.target)==null?void 0:I.getAttribute("data-id");F&&S(F)}),w.setOffset([0,-7]),f=null,b=null,C(),k&&vu(k),(L=(T=e.getProps())==null?void 0:T.lineDrawEnd)==null||L.call(T,n.value)})},g=()=>Math.random().toString(36).substring(2,9);let b,w;const C=()=>{b!=null&&b.parentNode&&b.parentNode.removeChild(b),b=document.createElement("div"),b.className="ol-tooltip ol-tooltip-measure",w=new Os({element:b,offset:[0,-15],positioning:"bottom-center",stopEvent:!1,insertFirst:!1}),t==null||t.addOverlay(w)},_=()=>{s!=null&&s.parentNode&&s.parentNode.removeChild(s),s=document.createElement("div"),s.className="ol-tooltip hidden",p=new Os({element:s,offset:[15,0],positioning:"center-left"}),t==null||t.addOverlay(p)},E=()=>{n.value.forEach((k,M)=>{var O,F;const T=document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");T[M]&&((F=(O=T[M])==null?void 0:O.parentNode)==null||F.removeChild(T[M]));const L=c.getFeatures();L[M]&&c.removeFeature(L[M])}),v(),Y7(t),a.value=!1,Xo(t,"grab")},S=k=>{var T,L,O,F;const M=n.value.findIndex(I=>I.id===k);if(M!==-1){n.value.splice(M,1);const I=document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");I[M]&&((L=(T=I[M])==null?void 0:T.parentNode)==null||L.removeChild(I[M]));const D=c.getFeatures();D[M]&&c.removeFeature(D[M])}(F=(O=e.getProps())==null?void 0:O.lineDrawEnd)==null||F.call(O,n.value)},v=()=>{if(n.value=[],document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach(k=>{var M;(M=k==null?void 0:k.parentNode)==null||M.removeChild(k)}),c==null||c.clear(),h){const k=t.getInteractions().getArray().find(M=>ut(M)===ut(h));k&&t.removeInteraction(k)}t.removeLayer(d),s!=null&&s.parentNode&&s.parentNode.removeChild(s),b!=null&&b.parentNode&&b.parentNode.removeChild(b)};return{open:l,close:E,deleteLine:S,setUnit:o,getState:()=>a.value}},H2=(t,e)=>{const r=Au(t);let o="";switch(e){case"m":o=`${Math.round(r*100)/100} m`;break;case"km":o=`${Math.round(r/1e3*100)/100} km`;break;case"nm":o=(Math.round(r/1e3*100)/100/1.852).toFixed(2)+" nm";break}return o},j7=(t,e)=>{let n,r,o="close";const s=()=>{v(),o="open",a(),Xo(t,"crosshair")},a=()=>{d(),w(),E(),h()};let l=null,c=null;const d=()=>{if(l&&c)return;const k=new Di,M=new go({source:k,style:new _t({stroke:new zn({color:"#fbcc33",width:2})}),zIndex:1e3});l=M,c=k,t.on("pointermove",f),t.addLayer(M),t.on(["dblclick"],function(T){p&&(T.stopPropagation(),T.preventDefault())})};let u;const f=k=>{if(k.dragging)return;const M=u?"单击继续，双击结束":"点击选择起点";C&&(C.innerHTML=M,_.setPosition(k.coordinate))};let p,m=!1;const h=()=>{if(n){C!=null&&C.parentNode&&C.parentNode.removeChild(C);const k=n.getGeometry();if(!k)return;const M=y(k,"nm");g&&(g.innerHTML=`
+    `;return new _t({image:new ni({src:`data:image/svg+xml;utf8,${encodeURIComponent(s)}`,scale:r,anchorXUnits:"fraction",anchorYUnits:"fraction"})})};function M7(t,e,n,r){if(e){const o=new Os({element:n,positioning:"top-left",id:"label-"+(r==null?void 0:r.id),offset:[20,-20],autoPan:!1,position:e,className:r!=null&&r.blinking?"ship-label-overlay-blinking":"ship-label-overlay"});o.set("class","zh-map-ship-overlay"),t.addOverlay(o)}}const D7=(t,e)=>{const{lon:n,lat:r,blinking:o}=e,s=z2(e);n&&r&&M7(t,Jr([n,r]),s,{...e,blinking:o})},z2=t=>{const e=document.createElement("div");e.className="ship-overlay-box",e.style.position="relative";const{lon:n,lat:r,blinking:o,blinkingColors:s,name:a}=t,l=i.createVNode({setup(){return x7({position:[n+.002,r+.002],selected:o,name:a,colors:s||[],existDevice:t==null?void 0:t.existDevice,existMobile:t==null?void 0:t.existMobile,existWaterGauge:t==null?void 0:t.existWaterGauge})}});return i.render(l,e),e},W2=t=>{const e=[];return t.existDevice&&e.push("&#xe687;"),t.existMobile&&e.push("&#xe688;"),t.existWaterGauge&&e.push("&#xe686;"),e};function I7(){const t=["left-top","left-middle","left-bottom","right-top","right-middle","right-bottom"];return t[Math.floor(Math.random()*t.length)]}const P7=window.devicePixelRatio||1,C0=new Map;let zc=null,E0=null;function O7(t,e,n="left-bottom",r=10){const o=`${t}-${e.join(",")}-${n}-${r}`;if(C0.has(o))return C0.get(o);if(!zc){zc=document.createElement("canvas");try{E0=zc.getContext("2d",{willReadFrequently:!0})}catch(D){console.log("e",D),E0=zc.getContext("2d")}}const s=zc,a=E0;if(!a)return"";s.width=0,s.height=0;const l=2,c=4,d=16,u=window.devicePixelRatio||1,f="500 12px Arial",p="12px map-iconfont";a.font=f;const h=a.measureText(t).width;a.font=p;const y=e.map(D=>({width:a.measureText(Ls(D)).width,height:14})),g=y.reduce((D,P)=>D+P.width,0),b=e.length*r,w=c+h+g+b+c,C=l+14+l*2;let _,E,S=0,v=0,x=0,k=0,M=0,T=0;switch(_=d+w,n){case"right-top":E=d+C,S=0,v=d+C,x=d,k=0,M=d,T=0;break;case"right-middle":E=C,S=0,v=C/2,x=d,k=C/2,M=d,T=0;break;case"right-bottom":E=d+C,S=0,v=0,x=d,k=d,M=d,T=d;break;case"left-top":E=d+C,S=w,v=d,x=w+d,k=C+d,M=0,T=0;break;case"left-middle":E=C,S=w,v=C/2,x=w+d,k=C/2,M=0,T=0;break;case"left-bottom":E=d+C,S=w,v=C,x=w+d,k=0,M=0,T=d;break}E=E+l,s.width=Math.round(_*u),s.height=Math.round(E*u),a.scale(u,u),a.clearRect(0,0,_,E),a.beginPath(),a.moveTo(S,v),a.lineTo(x,k),a.strokeStyle="#FFF",a.lineWidth=1,a.stroke(),a.fillStyle="#FFF",a.fillRect(M,T,w,C),a.font=f,a.textBaseline="middle";const L=T+l/2+C/2;a.strokeStyle="#ffffff",a.lineWidth=1,a.strokeText(t,M+c,L),a.fillStyle="#000000",a.fillText(t,M+c,L),a.font=p,a.fillStyle="#3370ff";let O=M+c+h+r;const F=T+C/2;e.length>0&&e.forEach((D,P)=>{a.fillText(Ls(D),O,F),O+=y[P].width+r});const I=s.toDataURL("image/png");return C0.set(o,I),I}const Y2=(t,e)=>{const{name:n,rightIcons:r,selected:o}=t.getProperties(),s=e!==1?I7():"right-top",a=O7(n,r,s);let l=[0,0];switch(s){case"right-top":l=[0,1];break;case"right-middle":l=[0,.5];break;case"right-bottom":l=[0,0];break;case"left-top":l=[1,1];break;case"left-middle":l=[1,.5];break;case"left-bottom":l=[1,0];break}return new _t({image:new ni({src:a,anchor:l,displacement:[0,0],scale:1/P7,anchorXUnits:"fraction",anchorYUnits:"fraction"}),zIndex:o?100:10})},N7=t=>{let e=null,n=null;const r=new Di,o=new v7({source:r,className:"zh-map--ship-layer",renderBuffer:300,zIndex:101,properties:{layerType:or.SHIP}}),s=new Di,a=new go({source:s,className:"zh-map--ship-label-layer",zIndex:102,updateWhileInteracting:!1,updateWhileAnimating:!1,declutter:!0}),l=new Di,c=new go({source:l,className:"zh-map--ship-selected-layer",zIndex:999});t==null||t.addLayer(o),t==null||t.addLayer(a),t==null||t.addLayer(c);let d=null,u="",f={},p={};const m=T=>{if(!T||!t)return;const L=(n==null?void 0:n.id)||(e==null?void 0:e.get("id"));if(n){const O=T.filter(F=>F.id===L);O.length===0?T.push(n):n=O[0]}b(),M(T),y()},h=T=>{var R;const L=(n==null?void 0:n.id)||(e==null?void 0:e.get("id")),O=Jr([T==null?void 0:T.lon,T==null?void 0:T.lat]),F=((R=p[T.id])==null?void 0:R.blinkColors)||[],D=F[F.length-1]||T.fill||"#04C900",P=k7(T),N=new Kt({geometry:new Xt(O),shipData:T,id:T.id,name:T.cnname||T.enname||T.name||T.id||"未命名船舶",selected:T.id===L,rightIcons:W2(T),color:D,direct:P,isHighlight:!1});return N.set("clickGeometry",new Lc(O)),N},y=()=>{if(n&&t&&n){l.getFeatures().length>0&&l.clear();const T=Jr([n==null?void 0:n.lon,n==null?void 0:n.lat]),L=new Kt({geometry:new Xt(T),id:n.id});L.setStyle(R7(t,n)),l.addFeature(L)}},g=T=>{if(T==="start"){const L=()=>{const O=l.getFeatures();r.getFeatures().forEach(F=>{var D,P;const I=il(t,F);if(F.setStyle(I),F.get("id")===(n==null?void 0:n.id)&&O&&O[0]){const N=O[0],R=N==null?void 0:N.getStyle();if(R&&(R!=null&&R.getImage())){const A=(D=I.getImage())==null?void 0:D.getScale();A&&((P=R.getImage())==null||P.setScale(A))}}}),d=requestAnimationFrame(L)};L()}T==="end"&&d&&(cancelAnimationFrame(d),d=null)},b=()=>{t&&r&&(w(),r.clear(),s.clear(),l.clear(),g("end"))},w=T=>{const L=t.getOverlays().getArray().filter(O=>O.get("class")=="zh-map-ship-overlay");if(L&&L.length>0){for(let O=0;O<L.length;O++)if(L[O].get("class")!=="ship-overlay-selected"){const F=L[O];console.log("overlay---",F),F.setPosition(void 0),t.removeOverlay(F),F.dispose()}}},C=(T,L)=>{f=T,p=L;const O=t.getOverlays().getArray(),F=r.getFeatures();for(const I in f){const D=f[I],P=O.find(R=>(R==null?void 0:R.getId())==="label-"+I),N=F.find(R=>I===R.get("id"));if(P&&N){const R=L[I].blinkColors||[],{shipData:A,name:B,color:Y}=N.getProperties();N.set("blinking",D),R[(R==null?void 0:R.length)-1]&&Y!==R[(R==null?void 0:R.length)-1]&&(N.set("color",R[(R==null?void 0:R.length)-1]||""),N.setStyle(il(t,N)));const z={...A,blinking:D,blinkingColors:R||[],name:B+"("+L[I].shipState+")"},W=P.getElement(),Z=z2(z);W&&W!==Z&&P.setElement(Z)}}},_=T=>{if(!t)return;const L=r.getFeatures(),O=s.getFeatures(),F=e?e.get("id"):"",I=L.filter(R=>R.get("id")!==F),D=O==null?void 0:O.filter(R=>R.get("id")!==F),P=new Map;T.forEach(R=>{P.set(R.id,!0)});const N=t.getOverlays().getArray();I.forEach(R=>{const A=R.get("id");if(!P.has(A))R.setStyle([]);else{const Y=R.getStyle();(Y==null?void 0:Y.length)==0&&R.setStyle(il(t,R))}const B=N.find(Y=>Y.getId()==="label-"+A);B&&B.setPosition(void 0)}),D.forEach(R=>{const A=R.get("id");if(!P.has(A))R.setStyle([]);else{const B=R.getStyle();(B==null?void 0:B.length)==0&&R.setStyle(Y2(R,T.length))}})},E=T=>{if(T){console.log("选中",T);const L=r.getFeatures().find(F=>F.get("id")===T.id),O=s.getFeatures().find(F=>F.get("id")===T.id);L&&(e=L),O&&O.set("selected",!0),n=T,y()}else console.log("取消选中"),n=null,e=null,x()},S=Li((T,L,O)=>{try{if(T){const F=T.get("shipData"),I=T.get("id");if(t.getTargetElement().style.cursor=I?"pointer":"",L==="click"&&(E(F),O&&O(I)),L==="hover"){u&&u!==I&&v(),u=I;const D=r.getFeatures().find(P=>P.get("id")===u);D==null||D.set("isHighlight",!0),D==null||D.setStyle(il(t,D))}}else t.getTargetElement().style.cursor="",v()}catch(F){console.log("handleShipMapEvent",F)}},10),v=()=>{const T=u?r.getFeatures().find(L=>L.get("id")===u):null;u=null,T==null||T.set("isHighlight",!1),T==null||T.setStyle(il(t,T))},x=()=>{try{l.clear()}catch(T){console.log(T)}},k=(T,L)=>{const O=Jr([T==null?void 0:T.lon,T==null?void 0:T.lat]),F=new Kt({geometry:new Xt(O),name:T.cnname||T.enname||T.name||T.id||"未命名船舶",rightIcons:W2(T),selected:(T==null?void 0:T.id)===(n==null?void 0:n.id),shipData:T});F.set("id",T.id);const I=Y2(F,L);return F.setStyle(I),F},M=T=>{const L=t.getView().getZoom();T.forEach(O=>{const F=h(O);if(F.setStyle(il(t,F)),r.addFeature(F),(n==null?void 0:n.id)==O.id||L&&L>=In.shipModelMin)if(f[O.id]){if(O.id&&p[O==null?void 0:O.id]){const I=p[O==null?void 0:O.id]||{},D=(I==null?void 0:I.blinkColors)||[],P=(I==null?void 0:I.shipState)||"",N=(O.cnname||O.enname||O.name||O.id||"未命名船舶")+"("+P+")",R={...O,name:N,blinking:f[O.id],blinkingColors:D||[]};D7(t,R)}}else{const I=k(O,T.length);s.addFeature(I)}})};return{render:m,selected:E,filter:_,blinking:C,clear:b,handleShipMapEvent:S,changeShipScale:g}},L7=t=>{const e=()=>t==null?void 0:t.getLayers(),n=i.ref("vector"),r=()=>n.value,o=c=>{n.value=c;const d=e();d&&(d==null||d.getArray().forEach(u=>{(u.className_==="vector"||u.className_==="satellite")&&u.setVisible(u.className_===c)}))},s=i.ref(!1);return{getLayers:e,getGreenTileVisible:()=>s.value,setGreenTileVisible:c=>{if(c!==s.value){if(c){const d=e();if(!d.getArray().find(f=>f.className_==="greenTile")){const f=new el({source:new rl({url:Ns.greenTile}),visible:c,zIndex:2,className:"greenTile"});d.push(f)}}else{const d=e(),u=d.getArray().find(f=>f.className_==="greenTile");u&&d.remove(u)}s.value=c}},getShowLayerType:r,setShowLayerType:o}},A7=()=>{const t=i.ref();return{setProps:r=>{t.value=r},getProps:()=>t.value}},F7=t=>{const e="zh-map-location-layer";let n,r,o=null,s=null;const a=h=>{if(!(!h||h.length===0)){if(r||(r=new Di),r.clear(),s){const y=h.find(g=>g.id===s.id);y?s=y:h.push(s)}h.forEach(y=>{l(y)}),n||(n=new go({className:e,source:r,zIndex:100}),t==null||t.addLayer(n))}},l=h=>{const y=t==null?void 0:t.getView().getZoom(),[g,b]=h.latLon.split(","),w=new Kt({geometry:new Xt(Jr([Number(g),Number(b)]))});w.setStyle(c(h,y,h.id===(s==null?void 0:s.id))),w.set("loactionData",h),r.addFeature(w)},c=(h,y,g)=>{const b={image:new ni({src:g&&h.selectedPath||h.defaultPath,scale:.5*y/10})};return h.name&&(b.text=new uo({text:h.name,font:"12px sans-serif",fill:new rn({color:"#000000"}),backgroundFill:new rn({color:"#FFFFFF"}),offsetY:30})),new _t(b)},d=()=>{if(o){const h=o.get("loactionData").id;r.getFeatures().forEach(y=>{y.get("loactionData").id!==h&&r.removeFeature(y)})}else r.clear()},u=()=>{var b;const h=o.get("loactionData"),y=(b=t==null?void 0:t.getView())==null?void 0:b.getZoom();r.getFeatures().forEach(w=>{w.get("loactionData").id===h.id&&(w==null||w.setStyle(c(h,y,!1)))}),s=null,o=null},f=h=>{h?(p(),m(h)):clearSelectedPort()},p=()=>{var h;if(o){const y=o.get("loactionData"),g=(h=t==null?void 0:t.getView())==null?void 0:h.getZoom();o.setStyle(c(y,g,!1))}},m=h=>{const y=r.getFeatures();s=h,o=y.find(g=>g.get("loactionData").id===h.id)};return{render:a,selected:f,clearSelected:u,clear:d}},Ef={DRAWSTART:"drawstart",DRAWEND:"drawend",DRAWABORT:"drawabort"};class Sf extends Ei{constructor(e,n){super(e),this.feature=n}}function B7(t,e){const n=[];for(let r=0;r<e.length;++r){const s=e[r].getGeometry();G2(t,s,n)}return n}function vf(t,e){return no(t[0],t[1],e[0],e[1])}function ol(t,e){const n=t.length;return e<0?t[e+n]:e>=n?t[e-n]:t[e]}function xf(t,e,n){let r,o;e<n?(r=e,o=n):(r=n,o=e);const s=Math.ceil(r),a=Math.floor(o);if(s>a){const c=sl(t,r),d=sl(t,o);return vf(c,d)}let l=0;if(r<s){const c=sl(t,r),d=ol(t,s);l+=vf(c,d)}if(a<o){const c=ol(t,a),d=sl(t,o);l+=vf(c,d)}for(let c=s;c<a-1;++c){const d=ol(t,c),u=ol(t,c+1);l+=vf(d,u)}return l}function G2(t,e,n){if(e instanceof $n){kf(t,e.getCoordinates(),!1,n);return}if(e instanceof Ac){const r=e.getCoordinates();for(let o=0,s=r.length;o<s;++o)kf(t,r[o],!1,n);return}if(e instanceof oo){const r=e.getCoordinates();for(let o=0,s=r.length;o<s;++o)kf(t,r[o],!0,n);return}if(e instanceof Bc){const r=e.getCoordinates();for(let o=0,s=r.length;o<s;++o){const a=r[o];for(let l=0,c=a.length;l<c;++l)kf(t,a[l],!0,n)}return}if(e instanceof hf){const r=e.getGeometries();for(let o=0;o<r.length;++o)G2(t,r[o],n);return}}const S0={index:-1,endIndex:NaN};function V7(t,e,n,r){const o=t[0],s=t[1];let a=1/0,l=-1,c=NaN;for(let f=0;f<e.targets.length;++f){const p=e.targets[f],m=p.coordinates;let h=1/0,y;for(let g=0;g<m.length-1;++g){const b=m[g],w=m[g+1],C=j2(o,s,b,w);C.squaredDistance<h&&(h=C.squaredDistance,y=g+C.along)}h<a&&(a=h,p.ring&&e.targetIndex===f&&(p.endIndex>p.startIndex?y<p.startIndex&&(y+=m.length):p.endIndex<p.startIndex&&y>p.startIndex&&(y-=m.length)),c=y,l=f)}const d=e.targets[l];let u=d.ring;if(e.targetIndex===l&&u){const f=sl(d.coordinates,c),p=n.getPixelFromCoordinate(f);EE(p,e.startPx)>r&&(u=!1)}if(u){const f=d.coordinates,p=f.length,m=d.startIndex,h=c;if(m<h){const y=xf(f,m,h);xf(f,m,h-p)<y&&(c-=p)}else{const y=xf(f,m,h);xf(f,m,h+p)<y&&(c+=p)}}return S0.index=l,S0.endIndex=c,S0}function kf(t,e,n,r){const o=t[0],s=t[1];for(let a=0,l=e.length-1;a<l;++a){const c=e[a],d=e[a+1],u=j2(o,s,c,d);if(u.squaredDistance===0){const f=a+u.along;r.push({coordinates:e,ring:n,startIndex:f,endIndex:f});return}}}const v0={along:0,squaredDistance:0};function j2(t,e,n,r){const o=n[0],s=n[1],a=r[0],l=r[1],c=a-o,d=l-s;let u=0,f=o,p=s;return(c!==0||d!==0)&&(u=Lt(((t-o)*c+(e-s)*d)/(c*c+d*d),0,1),f+=c*u,p+=d*u),v0.along=u,v0.squaredDistance=Pu(no(t,e,f,p),10),v0}function sl(t,e){const n=t.length;let r=Math.floor(e);const o=e-r;r>=n?r-=n:r<0&&(r+=n);let s=r+1;s>=n&&(s-=n);const a=t[r],l=a[0],c=a[1],d=t[s],u=d[0]-l,f=d[1]-c;return[l+u*o,c+f*o]}class Tf extends Xa{constructor(e){const n=e;n.stopDown||(n.stopDown=xa),super(n),this.on,this.once,this.un,this.shouldHandle_=!1,this.downPx_=null,this.downTimeout_,this.lastDragTime_,this.pointerType_,this.freehand_=!1,this.source_=e.source?e.source:null,this.features_=e.features?e.features:null,this.snapTolerance_=e.snapTolerance?e.snapTolerance:12,this.type_=e.type,this.mode_=z7(this.type_),this.stopClick_=!!e.stopClick,this.minPoints_=e.minPoints?e.minPoints:this.mode_==="Polygon"?3:2,this.maxPoints_=this.mode_==="Circle"?2:e.maxPoints?e.maxPoints:1/0,this.finishCondition_=e.finishCondition?e.finishCondition:va,this.geometryLayout_=e.geometryLayout?e.geometryLayout:"XY";let r=e.geometryFunction;if(!r){const o=this.mode_;if(o==="Circle")r=(s,a,l)=>{const c=a||new Lc([NaN,NaN]),d=Qr(s[0]),u=CE(d,Qr(s[s.length-1]));return c.setCenterAndRadius(d,Math.sqrt(u),this.geometryLayout_),c};else{let s;o==="Point"?s=Xt:o==="LineString"?s=$n:o==="Polygon"&&(s=oo),r=(a,l,c)=>(l?o==="Polygon"?a[0].length?l.setCoordinates([a[0].concat([a[0][0]])],this.geometryLayout_):l.setCoordinates([],this.geometryLayout_):l.setCoordinates(a,this.geometryLayout_):l=new s(a,this.geometryLayout_),l)}}this.geometryFunction_=r,this.dragVertexDelay_=e.dragVertexDelay!==void 0?e.dragVertexDelay:500,this.finishCoordinate_=null,this.sketchFeature_=null,this.sketchPoint_=null,this.sketchCoords_=null,this.sketchLine_=null,this.sketchLineCoords_=null,this.squaredClickTolerance_=e.clickTolerance?e.clickTolerance*e.clickTolerance:36,this.overlay_=new go({source:new Di({useSpatialIndex:!1,wrapX:e.wrapX?e.wrapX:!1}),style:e.style?e.style:$7(),updateWhileInteracting:!0}),this.geometryName_=e.geometryName,this.condition_=e.condition?e.condition:s0,this.freehandCondition_,e.freehand?this.freehandCondition_=o0:this.freehandCondition_=e.freehandCondition?e.freehandCondition:p2,this.traceCondition_,this.setTrace(e.trace||!1),this.traceState_={active:!1},this.traceSource_=e.traceSource||e.source||null,this.addChangeListener(e0.ACTIVE,this.updateState_)}setTrace(e){let n;e?e===!0?n=o0:n=e:n=HY,this.traceCondition_=n}setMap(e){super.setMap(e),this.updateState_()}getOverlay(){return this.overlay_}handleEvent(e){e.originalEvent.type===Ve.CONTEXTMENU&&e.originalEvent.preventDefault(),this.freehand_=this.mode_!=="Point"&&this.freehandCondition_(e);let n=e.type===bt.POINTERMOVE,r=!0;return!this.freehand_&&this.lastDragTime_&&e.type===bt.POINTERDRAG&&(Date.now()-this.lastDragTime_>=this.dragVertexDelay_?(this.downPx_=e.pixel,this.shouldHandle_=!this.freehand_,n=!0):this.lastDragTime_=void 0,this.shouldHandle_&&this.downTimeout_!==void 0&&(clearTimeout(this.downTimeout_),this.downTimeout_=void 0)),this.freehand_&&e.type===bt.POINTERDRAG&&this.sketchFeature_!==null?(this.addToDrawing_(e.coordinate),r=!1):this.freehand_&&e.type===bt.POINTERDOWN?r=!1:n&&this.getPointerCount()<2?(r=e.type===bt.POINTERMOVE,r&&this.freehand_?(this.handlePointerMove_(e),this.shouldHandle_&&e.originalEvent.preventDefault()):(e.originalEvent.pointerType==="mouse"||e.type===bt.POINTERDRAG&&this.downTimeout_===void 0)&&this.handlePointerMove_(e)):e.type===bt.DBLCLICK&&(r=!1),super.handleEvent(e)&&r}handleDownEvent(e){return this.shouldHandle_=!this.freehand_,this.freehand_?(this.downPx_=e.pixel,this.finishCoordinate_||this.startDrawing_(e.coordinate),!0):this.condition_(e)?(this.lastDragTime_=Date.now(),this.downTimeout_=setTimeout(()=>{this.handlePointerMove_(new yo(bt.POINTERMOVE,e.map,e.originalEvent,!1,e.frameState))},this.dragVertexDelay_),this.downPx_=e.pixel,!0):(this.lastDragTime_=void 0,!1)}deactivateTrace_(){this.traceState_={active:!1}}toggleTraceState_(e){if(!this.traceSource_||!this.traceCondition_(e))return;if(this.traceState_.active){this.deactivateTrace_();return}const n=this.getMap(),r=n.getCoordinateFromPixel([e.pixel[0]-this.snapTolerance_,e.pixel[1]+this.snapTolerance_]),o=n.getCoordinateFromPixel([e.pixel[0]+this.snapTolerance_,e.pixel[1]-this.snapTolerance_]),s=Am([r,o]),a=this.traceSource_.getFeaturesInExtent(s);if(a.length===0)return;const l=B7(e.coordinate,a);l.length&&(this.traceState_={active:!0,startPx:e.pixel.slice(),targets:l,targetIndex:-1})}addOrRemoveTracedCoordinates_(e,n){const r=e.startIndex<=e.endIndex,o=e.startIndex<=n;r===o?r&&n>e.endIndex||!r&&n<e.endIndex?this.addTracedCoordinates_(e,e.endIndex,n):(r&&n<e.endIndex||!r&&n>e.endIndex)&&this.removeTracedCoordinates_(n,e.endIndex):(this.removeTracedCoordinates_(e.startIndex,e.endIndex),this.addTracedCoordinates_(e,e.startIndex,n))}removeTracedCoordinates_(e,n){if(e===n)return;let r=0;if(e<n){const o=Math.ceil(e);let s=Math.floor(n);s===n&&(s-=1),r=s-o+1}else{const o=Math.floor(e);let s=Math.ceil(n);s===n&&(s+=1),r=o-s+1}r>0&&this.removeLastPoints_(r)}addTracedCoordinates_(e,n,r){if(n===r)return;const o=[];if(n<r){const s=Math.ceil(n);let a=Math.floor(r);a===r&&(a-=1);for(let l=s;l<=a;++l)o.push(ol(e.coordinates,l))}else{const s=Math.floor(n);let a=Math.ceil(r);a===r&&(a+=1);for(let l=s;l>=a;--l)o.push(ol(e.coordinates,l))}o.length&&this.appendCoordinates(o)}updateTrace_(e){const n=this.traceState_;if(!n.active||n.targetIndex===-1&&EE(n.startPx,e.pixel)<this.snapTolerance_)return;const r=V7(e.coordinate,n,this.getMap(),this.snapTolerance_);if(n.targetIndex!==r.index){if(n.targetIndex!==-1){const c=n.targets[n.targetIndex];this.removeTracedCoordinates_(c.startIndex,c.endIndex)}const l=n.targets[r.index];this.addTracedCoordinates_(l,l.startIndex,r.endIndex)}else{const l=n.targets[n.targetIndex];this.addOrRemoveTracedCoordinates_(l,r.endIndex)}n.targetIndex=r.index;const o=n.targets[n.targetIndex];o.endIndex=r.endIndex;const s=sl(o.coordinates,o.endIndex),a=this.getMap().getPixelFromCoordinate(s);e.coordinate=s,e.pixel=[Math.round(a[0]),Math.round(a[1])]}handleUpEvent(e){let n=!0;if(this.getPointerCount()===0){this.downTimeout_&&(clearTimeout(this.downTimeout_),this.downTimeout_=void 0),this.handlePointerMove_(e);const r=this.traceState_.active;if(this.toggleTraceState_(e),this.shouldHandle_){const o=!this.finishCoordinate_;o&&this.startDrawing_(e.coordinate),!o&&this.freehand_?this.finishDrawing():!this.freehand_&&(!o||this.mode_==="Point")&&(this.atFinish_(e.pixel,r)?this.finishCondition_(e)&&this.finishDrawing():this.addToDrawing_(e.coordinate)),n=!1}else this.freehand_&&this.abortDrawing()}return!n&&this.stopClick_&&e.preventDefault(),n}handlePointerMove_(e){if(this.pointerType_=e.originalEvent.pointerType,this.downPx_&&(!this.freehand_&&this.shouldHandle_||this.freehand_&&!this.shouldHandle_)){const n=this.downPx_,r=e.pixel,o=n[0]-r[0],s=n[1]-r[1],a=o*o+s*s;if(this.shouldHandle_=this.freehand_?a>this.squaredClickTolerance_:a<=this.squaredClickTolerance_,!this.shouldHandle_)return}if(!this.finishCoordinate_){this.createOrUpdateSketchPoint_(e.coordinate.slice());return}this.updateTrace_(e),this.modifyDrawing_(e.coordinate)}atFinish_(e,n){let r=!1;if(this.sketchFeature_){let o=!1,s=[this.finishCoordinate_];const a=this.mode_;if(a==="Point")r=!0;else if(a==="Circle")r=this.sketchCoords_.length===2;else if(a==="LineString")o=!n&&this.sketchCoords_.length>this.minPoints_;else if(a==="Polygon"){const l=this.sketchCoords_;o=l[0].length>this.minPoints_,s=[l[0][0],l[0][l[0].length-2]],n?s=[l[0][0]]:s=[l[0][0],l[0][l[0].length-2]]}if(o){const l=this.getMap();for(let c=0,d=s.length;c<d;c++){const u=s[c],f=l.getPixelFromCoordinate(u),p=e[0]-f[0],m=e[1]-f[1],h=this.freehand_?1:this.snapTolerance_;if(r=Math.sqrt(p*p+m*m)<=h,r){this.finishCoordinate_=u;break}}}}return r}createOrUpdateSketchPoint_(e){this.sketchPoint_?this.sketchPoint_.getGeometry().setCoordinates(e):(this.sketchPoint_=new Kt(new Xt(e)),this.updateSketchFeatures_())}createOrUpdateCustomSketchLine_(e){this.sketchLine_||(this.sketchLine_=new Kt);const n=e.getLinearRing(0);let r=this.sketchLine_.getGeometry();r?(r.setFlatCoordinates(n.getLayout(),n.getFlatCoordinates()),r.changed()):(r=new $n(n.getFlatCoordinates(),n.getLayout()),this.sketchLine_.setGeometry(r))}startDrawing_(e){const n=this.getMap().getView().getProjection(),r=pc(this.geometryLayout_);for(;e.length<r;)e.push(0);this.finishCoordinate_=e,this.mode_==="Point"?this.sketchCoords_=e.slice():this.mode_==="Polygon"?(this.sketchCoords_=[[e.slice(),e.slice()]],this.sketchLineCoords_=this.sketchCoords_[0]):this.sketchCoords_=[e.slice(),e.slice()],this.sketchLineCoords_&&(this.sketchLine_=new Kt(new $n(this.sketchLineCoords_)));const o=this.geometryFunction_(this.sketchCoords_,void 0,n);this.sketchFeature_=new Kt,this.geometryName_&&this.sketchFeature_.setGeometryName(this.geometryName_),this.sketchFeature_.setGeometry(o),this.updateSketchFeatures_(),this.dispatchEvent(new Sf(Ef.DRAWSTART,this.sketchFeature_))}modifyDrawing_(e){const n=this.getMap(),r=this.sketchFeature_.getGeometry(),o=n.getView().getProjection(),s=pc(this.geometryLayout_);let a,l;for(;e.length<s;)e.push(0);this.mode_==="Point"?l=this.sketchCoords_:this.mode_==="Polygon"?(a=this.sketchCoords_[0],l=a[a.length-1],this.atFinish_(n.getPixelFromCoordinate(e))&&(e=this.finishCoordinate_.slice())):(a=this.sketchCoords_,l=a[a.length-1]),l[0]=e[0],l[1]=e[1],this.geometryFunction_(this.sketchCoords_,r,o),this.sketchPoint_&&this.sketchPoint_.getGeometry().setCoordinates(e),r.getType()==="Polygon"&&this.mode_!=="Polygon"?this.createOrUpdateCustomSketchLine_(r):this.sketchLineCoords_&&this.sketchLine_.getGeometry().setCoordinates(this.sketchLineCoords_),this.updateSketchFeatures_()}addToDrawing_(e){const n=this.sketchFeature_.getGeometry(),r=this.getMap().getView().getProjection();let o,s;const a=this.mode_;return a==="LineString"||a==="Circle"?(this.finishCoordinate_=e.slice(),s=this.sketchCoords_,s.length>=this.maxPoints_&&(this.freehand_?s.pop():o=!0),s.push(e.slice()),this.geometryFunction_(s,n,r)):a==="Polygon"&&(s=this.sketchCoords_[0],s.length>=this.maxPoints_&&(this.freehand_?s.pop():o=!0),s.push(e.slice()),o&&(this.finishCoordinate_=s[0]),this.geometryFunction_(this.sketchCoords_,n,r)),this.createOrUpdateSketchPoint_(e.slice()),this.updateSketchFeatures_(),o?this.finishDrawing():this.sketchFeature_}removeLastPoints_(e){if(!this.sketchFeature_)return;const n=this.sketchFeature_.getGeometry(),r=this.getMap().getView().getProjection(),o=this.mode_;for(let s=0;s<e;++s){let a;if(o==="LineString"||o==="Circle"){if(a=this.sketchCoords_,a.splice(-2,1),a.length>=2){this.finishCoordinate_=a[a.length-2].slice();const l=this.finishCoordinate_.slice();a[a.length-1]=l,this.createOrUpdateSketchPoint_(l)}this.geometryFunction_(a,n,r),n.getType()==="Polygon"&&this.sketchLine_&&this.createOrUpdateCustomSketchLine_(n)}else if(o==="Polygon"){a=this.sketchCoords_[0],a.splice(-2,1);const l=this.sketchLine_.getGeometry();if(a.length>=2){const c=a[a.length-2].slice();a[a.length-1]=c,this.createOrUpdateSketchPoint_(c)}l.setCoordinates(a),this.geometryFunction_(this.sketchCoords_,n,r)}if(a.length===1){this.abortDrawing();break}}this.updateSketchFeatures_()}removeLastPoint(){this.removeLastPoints_(1)}finishDrawing(){const e=this.abortDrawing_();if(!e)return null;let n=this.sketchCoords_;const r=e.getGeometry(),o=this.getMap().getView().getProjection();return this.mode_==="LineString"?(n.pop(),this.geometryFunction_(n,r,o)):this.mode_==="Polygon"&&(n[0].pop(),this.geometryFunction_(n,r,o),n=r.getCoordinates()),this.type_==="MultiPoint"?e.setGeometry(new Fc([n])):this.type_==="MultiLineString"?e.setGeometry(new Ac([n])):this.type_==="MultiPolygon"&&e.setGeometry(new Bc([n])),this.dispatchEvent(new Sf(Ef.DRAWEND,e)),this.features_&&this.features_.push(e),this.source_&&this.source_.addFeature(e),e}abortDrawing_(){this.finishCoordinate_=null;const e=this.sketchFeature_;return this.sketchFeature_=null,this.sketchPoint_=null,this.sketchLine_=null,this.overlay_.getSource().clear(!0),this.deactivateTrace_(),e}abortDrawing(){const e=this.abortDrawing_();e&&this.dispatchEvent(new Sf(Ef.DRAWABORT,e))}appendCoordinates(e){const n=this.mode_,r=!this.sketchFeature_;r&&this.startDrawing_(e[0]);let o;if(n==="LineString"||n==="Circle")o=this.sketchCoords_;else if(n==="Polygon")o=this.sketchCoords_&&this.sketchCoords_.length?this.sketchCoords_[0]:[];else return;r&&o.shift(),o.pop();for(let a=0;a<e.length;a++)this.addToDrawing_(e[a]);const s=e[e.length-1];this.sketchFeature_=this.addToDrawing_(s),this.modifyDrawing_(s)}extend(e){const r=e.getGeometry();this.sketchFeature_=e,this.sketchCoords_=r.getCoordinates();const o=this.sketchCoords_[this.sketchCoords_.length-1];this.finishCoordinate_=o.slice(),this.sketchCoords_.push(o.slice()),this.sketchPoint_=new Kt(new Xt(o)),this.updateSketchFeatures_(),this.dispatchEvent(new Sf(Ef.DRAWSTART,this.sketchFeature_))}updateSketchFeatures_(){const e=[];this.sketchFeature_&&e.push(this.sketchFeature_),this.sketchLine_&&e.push(this.sketchLine_),this.sketchPoint_&&e.push(this.sketchPoint_);const n=this.overlay_.getSource();n.clear(!0),n.addFeatures(e)}updateState_(){const e=this.getMap(),n=this.getActive();(!e||!n)&&this.abortDrawing(),this.overlay_.setMap(n?e:null)}}function $7(){const t=H9();return function(e,n){return t[e.getGeometry().getType()]}}function z7(t){switch(t){case"Point":case"MultiPoint":return"Point";case"LineString":case"MultiLineString":return"LineString";case"Polygon":case"MultiPolygon":return"Polygon";case"Circle":return"Circle";default:throw new Error("Invalid type: "+t)}}const W7=t=>{t.getInteractions().forEach(e=>{e instanceof n0&&e.setActive(!1)})},Y7=t=>{t.getInteractions().forEach(e=>{e instanceof n0&&e.setActive(!0)})},Xo=(t,e)=>{const n=t.getViewport();n&&(n.style.cursor=e)},G7=(t,e)=>{const n=i.ref([]),r=i.ref("km"),o=k=>{r.value=k};let s;const a=i.ref(!1),l=()=>{Xo(t,"crosshair"),u(),W7(t),t.on("pointermove",m),t.getViewport().addEventListener("mouseout",()=>{s&&s.classList.add("hidden")}),y(),a.value=!0};let c,d;const u=()=>{c=new Di,d=new go({source:c,zIndex:1e3,style:{"fill-color":"rgba(255, 255, 255, 0.2)","stroke-color":"#ffcc33","stroke-width":2,"circle-radius":7,"circle-fill-color":"#ffcc33"}}),t==null||t.addLayer(d)};let f,p;const m=k=>{if(k.dragging)return;let M="点击选择起点";f&&(M="单击继续，双击结束"),s&&(s.innerHTML=M,p.setPosition(k.coordinate),s.classList.remove("hidden"))};let h;const y=()=>{h=new Tf({source:c,type:"LineString",style:new _t({fill:new rn({color:"rgba(255, 255, 255, 0.2)"}),stroke:new zn({color:"rgba(255,204,51)",lineDash:[10,10],width:2}),image:new co({radius:5,stroke:new zn({color:"rgba(0, 0, 0, 0.7)"}),fill:new rn({color:"rgba(255, 255, 255, 0.2)"})})}),condition:M=>M.originalEvent.target.tagName!=="DIV"}),t==null||t.addInteraction(h),C(),_();let k;h.on("drawstart",function(M){var L;f=M.feature,f.set("randomId",g());let T;k=(L=f.getGeometry())==null?void 0:L.on("change",function(O){const F=O.target,I=H2(F,r.value);T=F.getLastCoordinate(),b&&I&&(b.innerHTML=I),w.setPosition(T)})}),h.on("drawend",function(){var M,T,L;if(b&&(b.className="ol-tooltip ol-tooltip-static ol-tooltip-measure"),b!=null&&b.innerHTML){const O=(f==null?void 0:f.get("randomId"))||g();n.value.push({id:O,value:b==null?void 0:b.innerHTML}),b.innerHTML=`${b.innerHTML}<div class="ol-tooltip-delete-button" data-id="${O}"><i class="map-iconfont icon-delete"></i></div>`}(M=document.querySelector(".ol-selectable:has(.ol-tooltip-delete-button):last-child .ol-tooltip-delete-button"))==null||M.addEventListener("click",O=>{var I;O.preventDefault(),O.stopPropagation();const F=(I=O.target)==null?void 0:I.getAttribute("data-id");F&&S(F)}),w.setOffset([0,-7]),f=null,b=null,C(),k&&vu(k),(L=(T=e.getProps())==null?void 0:T.lineDrawEnd)==null||L.call(T,n.value)})},g=()=>Math.random().toString(36).substring(2,9);let b,w;const C=()=>{b!=null&&b.parentNode&&b.parentNode.removeChild(b),b=document.createElement("div"),b.className="ol-tooltip ol-tooltip-measure",w=new Os({element:b,offset:[0,-15],positioning:"bottom-center",stopEvent:!1,insertFirst:!1}),t==null||t.addOverlay(w)},_=()=>{s!=null&&s.parentNode&&s.parentNode.removeChild(s),s=document.createElement("div"),s.className="ol-tooltip hidden",p=new Os({element:s,offset:[15,0],positioning:"center-left"}),t==null||t.addOverlay(p)},E=()=>{n.value.forEach((k,M)=>{var O,F;const T=document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");T[M]&&((F=(O=T[M])==null?void 0:O.parentNode)==null||F.removeChild(T[M]));const L=c.getFeatures();L[M]&&c.removeFeature(L[M])}),v(),Y7(t),a.value=!1,Xo(t,"grab")},S=k=>{var T,L,O,F;const M=n.value.findIndex(I=>I.id===k);if(M!==-1){n.value.splice(M,1);const I=document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");I[M]&&((L=(T=I[M])==null?void 0:T.parentNode)==null||L.removeChild(I[M]));const D=c.getFeatures();D[M]&&c.removeFeature(D[M])}(F=(O=e.getProps())==null?void 0:O.lineDrawEnd)==null||F.call(O,n.value)},v=()=>{if(n.value=[],document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach(k=>{var M;(M=k==null?void 0:k.parentNode)==null||M.removeChild(k)}),c==null||c.clear(),h){const k=t.getInteractions().getArray().find(M=>ut(M)===ut(h));k&&t.removeInteraction(k)}t.removeLayer(d),s!=null&&s.parentNode&&s.parentNode.removeChild(s),b!=null&&b.parentNode&&b.parentNode.removeChild(b)};return{open:l,close:E,deleteLine:S,setUnit:o,getState:()=>a.value}},H2=(t,e)=>{const r=Au(t);let o="";switch(e){case"m":o=`${Math.round(r*100)/100} m`;break;case"km":o=`${Math.round(r/1e3*100)/100} km`;break;case"nm":o=(Math.round(r/1e3*100)/100/1.852).toFixed(2)+" nm";break}return o},j7=(t,e)=>{let n,r,o="close";const s=()=>{v(),o="open",a(),Xo(t,"crosshair")},a=()=>{d(),w(),E(),h()};let l=null,c=null;const d=()=>{if(l&&c)return;const k=new Di,M=new go({source:k,style:new _t({stroke:new zn({color:"#fbcc33",width:2})}),zIndex:1e3});l=M,c=k,t.on("pointermove",f),t.addLayer(M),t.on(["dblclick"],function(T){p&&(T.stopPropagation(),T.preventDefault())})};let u;const f=k=>{if(k.dragging)return;const M=u?"单击继续，双击结束":"点击选择起点";C&&(C.innerHTML=M,_.setPosition(k.coordinate))};let p,m=!1;const h=()=>{if(n){C!=null&&C.parentNode&&C.parentNode.removeChild(C);const k=n.getGeometry();if(!k)return;const M=y(k,"nm");g&&(g.innerHTML=`
                     <span class="text">面积：${M}${m?'<span class="error pl-12">超出可以绘画的距离</span>':""}</span>
                 `),g&&(g.innerHTML+='<span class="delete-icon" ><i class="map-iconfont icon-delete" /></div>');const T=k.getCoordinates(),L=T[0][T[0].length-2];if(b.setPosition(L),l){const F=l.getSource();F&&n&&(F.clear(),F.addFeature(n))}setTimeout(()=>{var F;(F=document.querySelector(".delete-icon"))==null||F.addEventListener("click",()=>{var I,D;console.log("delete"),S(),(D=(I=e.getProps())==null?void 0:I.areaDrawEnd)==null||D.call(I,[])})},0);const O=eo(n.getGeometry().getExtent());t==null||t.getView().setCenter(O);return}p=new Tf({type:"Polygon",source:c,trace:!0,style:[new _t({stroke:new zn({color:"rgba(255, 255, 255, 1)",width:1.5,lineDash:[10,10]}),fill:new rn({color:"rgba(255, 255, 255, 0.25)"})}),new _t({image:new co({radius:5,fill:new rn({color:"rgb(51,112,255, 1)"})}),geometry:function(k){const M=k.getGeometry().getCoordinates();return new Fc(M)}})]}),t==null||t.addInteraction(p),p.on("drawstart",k=>{var M;u=k.feature,r=(M=u.getGeometry())==null?void 0:M.on("change",T=>{const L=T.target,O=y(L,"nm"),I=L.getCoordinates()[0],D=new $n([I[I.length-2],I[I.length-1]]),P=H2(D,"nm");if(m=Number(Au(D)/1e3)>150,!O)return;const N='<span class="error pl-4">超出可以绘画的距离</span>';g&&(g.innerHTML=`
                         <div class="text">

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "zhihao-ui",
-    "version": "1.3.45.-alpha.1",
+    "version": "1.3.45.-alpha.2",
     "description": "components",
     "type": "module",
     "main": "./dist/umd/index.umd.cjs",