zhihao-ui 1.3.41 → 1.3.42-alpha

package/dist/es/{Map-4bZtTD6G.js → Map-BNx8cwZB.js}

@@ -73,23 +73,23 @@ const Kt = { id: "scale-line-container" }, _t = /* @__PURE__ */ je({
 var fe = ((e) => (e.vectorTile = `https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${Ve}`, e.vectorTileMark = `https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${Ve}`, e.satelliteImgTile = `https://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${Ve}`, e.satelliteImgTileMark = `https://t0.tianditu.gov.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${Ve}`, e.greenTile = `${gt}/map/tile/{z}/{x}/{y}.png`, e))(fe || {}), ke = /* @__PURE__ */ ((e) => (e[e.M = 1] = "M", e[e.KM = 2] = "KM", e[e.NM = 3] = "NM", e))(ke || {});
 function ro() {
   const e = oe(), n = () => e.value, s = () => n().getView(), l = () => {
-    var x;
-    return (x = s()) == null ? void 0 : x.getZoom();
-  }, i = (x) => {
+    var w;
+    return (w = s()) == null ? void 0 : w.getZoom();
+  }, i = (w) => {
     var L;
-    (L = s()) == null || L.setZoom(x);
-  }, r = (x, L) => {
+    (L = s()) == null || L.setZoom(w);
+  }, r = (w, L) => {
     var $;
-    ($ = s()) == null || $.setCenter(ee([x, L]));
+    ($ = s()) == null || $.setCenter(ee([w, L]));
   }, a = () => {
     var L;
-    const x = (L = s()) == null ? void 0 : L.getCenter();
-    return At(x);
-  }, m = () => {
-    var x;
-    return (x = n()) == null ? void 0 : x.getSize();
-  }, t = new rt(), o = (x, L) => {
-    w(L);
+    const w = (L = s()) == null ? void 0 : L.getCenter();
+    return At(w);
+  }, x = () => {
+    var w;
+    return (w = n()) == null ? void 0 : w.getSize();
+  }, t = new rt(), o = (w, L) => {
+    m(L);
     const $ = {
       zoom: L.zoom,
       center: ee(L.center),
@@ -100,7 +100,7 @@ function ro() {
       multiWorld: !0
     };
     let T = {
-      target: x,
+      target: w,
       controls: Dt({
         zoom: !1
       }),
@@ -114,34 +114,34 @@ function ro() {
     };
     const g = new rt(T);
     e.value = g;
-  }, w = (x) => {
+  }, m = (w) => {
     t.set("vectorTile", new we({
       source: new xe({ url: fe.vectorTile }),
-      visible: x.layerType === "vector",
+      visible: w.layerType === "vector",
       zIndex: 0,
       preload: 1,
       className: "vector"
     })), t.set("vectorTileMark", new we({
       source: new xe({ url: fe.vectorTileMark }),
-      visible: x.layerType === "vector",
+      visible: w.layerType === "vector",
       zIndex: 1,
       preload: 1,
       className: "vector"
     })), t.set("satelliteImgTile", new we({
       source: new xe({ url: fe.satelliteImgTile }),
-      visible: x.layerType === "satellite",
+      visible: w.layerType === "satellite",
       zIndex: 0,
       preload: 1,
       className: "satellite"
     })), t.set("satelliteImgTileMark", new we({
       source: new xe({ url: fe.satelliteImgTileMark }),
-      visible: x.layerType === "satellite",
+      visible: w.layerType === "satellite",
       zIndex: 1,
       preload: 1,
       className: "satellite"
     })), t.set("greenMark", new we({
       source: new xe({ url: fe.greenTile }),
-      visible: x.showGreenLayer,
+      visible: w.showGreenLayer,
       zIndex: 2,
       className: "greenTile"
     }));
@@ -153,9 +153,9 @@ function ro() {
     setZoom: i,
     setCenter: r,
     getCenter: a,
-    getSize: m,
+    getSize: x,
     initMap: o,
-    setBaseLayerMap: w
+    setBaseLayerMap: m
   };
 }
 const Ue = function(e, n) {
@@ -223,13 +223,13 @@ const st = (e) => {
   return l !== 0 && (r = `${String(l).padStart(2, "0")}时${r}`), s !== 0 && (r = `${String(s).padStart(2, "0")}天${r}`), r;
 }, co = (e, n) => {
   let s = null;
-  const l = async (w) => {
-    if (!e || (console.log("vehicleInfo", w), !(w != null && w.lon && (w != null && w.lat)))) return;
-    const x = Math.abs(Number(w.lon)) > 180 ? Ue(w.lon, w.lat) : [w.lon, w.lat];
-    i(w, ee(x));
-    const L = e == null ? void 0 : e.getView(), $ = new ce(x);
+  const l = async (m) => {
+    if (!e || (console.log("vehicleInfo", m), !(m != null && m.lon && (m != null && m.lat)))) return;
+    const w = Math.abs(Number(m.lon)) > 180 ? Ue(m.lon, m.lat) : [m.lon, m.lat];
+    i(m, ee(w));
+    const L = e == null ? void 0 : e.getView(), $ = new ce(w);
     L.setCenter(Me($.getCoordinates(), _.data, _.mercator));
-  }, i = (w, x) => {
+  }, i = (m, w) => {
     const L = `${gt}map/car-icon.gif`;
     s || (s = new de({
       element: document.createElement("div"),
@@ -239,26 +239,26 @@ const st = (e) => {
     }), e.addOverlay(s));
     const $ = s.getElement();
     $.style.backgroundImage = `url(${L})`, $.style.width = "80px", $.style.height = "80px";
-    const T = (w == null ? void 0 : w.drc) || "";
-    $.style.transform = `rotate(${T}deg)`, $.style.backgroundSize = "cover", s == null || s.setPosition(x);
+    const T = (m == null ? void 0 : m.drc) || "";
+    $.style.transform = `rotate(${T}deg)`, $.style.backgroundSize = "cover", s == null || s.setPosition(w);
   };
   return {
     location: l,
     remove: () => {
-      const w = s == null ? void 0 : s.getElement();
-      w && (w.innerHTML = "");
+      const m = s == null ? void 0 : s.getElement();
+      m && (m.innerHTML = "");
     },
-    renderTrack: (w, x, L) => {
-      n.render(w, x, L, "truck", 1e3);
+    renderTrack: (m, w, L) => {
+      n.render(m, w, L, "truck", 1e3);
     },
-    setCenter: (w) => {
-      n.setCenter(w);
+    setCenter: (m) => {
+      n.setCenter(m);
     },
     closeTrack: () => {
       n.close();
     },
-    playTrack: (w, x) => {
-      n.play(w, x);
+    playTrack: (m, w) => {
+      n.play(m, w);
     }
   };
 };
@@ -268,12 +268,12 @@ const ao = (e) => {
   let l = null;
   const i = "--";
   let r = null;
-  const a = document.createElement("div"), m = new de({
+  const a = document.createElement("div"), x = new de({
     element: a,
     positioning: "top-left",
     className: "track-label-popup"
   });
-  let t, o, w, x, L, $ = !1, T = Date.now(), g, M = 0, p = null, h = 20;
+  let t, o, m, w, L, $ = !1, T = Date.now(), g, M = 0, p = null, h = 20;
   const O = 8, B = [], G = (c) => {
     var u;
     for (B.unshift(c); B.length > O; ) {
@@ -299,7 +299,7 @@ const ao = (e) => {
       return E.center = [E.lon, E.lat], E.centerPoint = so(E.center), E.time = dt(E.createdAt).format("YYYY-MM-DD HH:mm:ss"), E.id = c, E.index = A, E;
     }), v;
   }, S = async (c, u, v, k = "ship", C = 200) => {
-    if (!e || JSON.stringify(s[c]) === JSON.stringify(u) && l === c || (u = u == null ? void 0 : u.reverse(), m && k === "ship" && (e != null && e.getOverlays().getArray().includes(m) || e.addOverlay(m)), (u == null ? void 0 : u.length) < 2))
+    if (!e || JSON.stringify(s[c]) === JSON.stringify(u) && l === c || (u = u == null ? void 0 : u.reverse(), x && k === "ship" && (e != null && e.getOverlays().getArray().includes(x) || e.addOverlay(x)), (u == null ? void 0 : u.length) < 2))
       return;
     G(c), l = c, s[c] = u, h = C;
     const E = Object.keys(s).findIndex((A) => A === c) || 0;
@@ -353,9 +353,9 @@ const ao = (e) => {
       if (console.log("trackId-data", k), c && k && u === "hover") {
         e.getTargetElement().style.cursor = k ? "pointer" : "";
         const C = H(k), E = v == null ? void 0 : v.coordinate;
-        E && (a.querySelector(".popup-content"), a.innerHTML = C, m == null || m.setPosition(E));
+        E && (a.querySelector(".popup-content"), a.innerHTML = C, x == null || x.setPosition(E));
       } else
-        m && m.setPosition(void 0);
+        x && x.setPosition(void 0);
     } catch (k) {
       console.error("handleTrackMapEvent", k);
     }
@@ -660,12 +660,12 @@ const ao = (e) => {
       it(A, "array"),
       it(V, "array")
     ) * Math.PI / 180;
-    (q = Ge.getText()) == null || q.setRotation(X), x.setCoordinates(E);
+    (q = Ge.getText()) == null || q.setRotation(X), w.setCoordinates(E);
     const U = Bt(c);
-    U.setStyle(Ge), U.drawGeometry(x), e == null || e.render();
+    U.setStyle(Ge), U.drawGeometry(w), e == null || e.render();
   }, Et = () => {
     var c;
-    $ = !0, T = Date.now(), M = 0, x = ((c = w.getGeometry()) == null ? void 0 : c.clone()) || new ce([0, 0]), r && (g == null || g.on("postrender", r)), L == null || L.setGeometry(void 0);
+    $ = !0, T = Date.now(), M = 0, w = ((c = m.getGeometry()) == null ? void 0 : c.clone()) || new ce([0, 0]), r && (g == null || g.on("postrender", r)), L == null || L.setGeometry(void 0);
   }, Fe = () => {
     $ && ($ = !1, L == null || L.setGeometry(void 0), r && g && g.un("postrender", r), g && (e == null || e.removeLayer(g)), g = null, L = null);
   }, Tt = (c, u) => {
@@ -676,15 +676,15 @@ const ao = (e) => {
     }).readGeometry(t, {
       dataProjection: _.data,
       featureProjection: _.mercator
-    }), w = new ae({
+    }), m = new ae({
       type: "icon",
       geometry: new ce(o.getFirstCoordinate())
     });
-    const v = w.getGeometry();
-    x = v ? v.clone() : new ce([0, 0]), L = new ae({
+    const v = m.getGeometry();
+    w = v ? v.clone() : new ce([0, 0]), L = new ae({
       type: "geoMarker",
       style: Ge,
-      geometry: x
+      geometry: w
     }), g = new ye({
       source: new ge({
         features: [L]
@@ -875,18 +875,18 @@ const go = (e) => {
   return n <= re.shipModelMax && n >= re.shipTriggleMin ? "ship" : "triangle";
 }, Ie = (e, n, s) => {
   if (s === "ship") {
-    const { len: l, wid: i } = n, r = 97, a = 20, t = 1 / (e == null ? void 0 : e.getView().getResolution()), o = l * t / r, w = i * t / a, x = Math.min(o, w);
-    return x < 0.2 ? 0.2 : x > 2 ? 2 : x;
+    const { len: l, wid: i } = n, r = 97, a = 20, t = 1 / (e == null ? void 0 : e.getView().getResolution()), o = l * t / r, m = i * t / a, w = Math.min(o, m);
+    return w < 0.2 ? 0.2 : w > 2 ? 2 : w;
   }
   return re.scaleNum;
 }, fo = (e, n, s) => {
-  const { color: l, direct: i, isHighlight: r, shipData: a } = e.getProperties(), m = ((a == null ? void 0 : a.cog) - 90 + 360) % 360;
+  const { color: l, direct: i, isHighlight: r, shipData: a } = e.getProperties(), x = ((a == null ? void 0 : a.cog) - 90 + 360) % 360;
   return new j({
     image: new Ce({
       src: t(),
       scale: n || re.scaleNum,
       anchor: [0.5, 0.5],
-      rotation: m * Math.PI / 180,
+      rotation: x * Math.PI / 180,
       rotateWithView: !1
     })
   });
@@ -959,7 +959,7 @@ const yo = (e, n) => {
 }, yt = (e) => {
   const n = document.createElement("div");
   n.className = "ship-overlay-box", n.style.position = "relative";
-  const { lon: s, lat: l, blinking: i, blinkingColors: r, name: a } = e, m = He({
+  const { lon: s, lat: l, blinking: i, blinkingColors: r, name: a } = e, x = He({
     setup() {
       return uo({
         position: [s + 2e-3, l + 2e-3],
@@ -972,7 +972,7 @@ const yo = (e, n) => {
       });
     }
   });
-  return $t(m, n), n;
+  return $t(x, n), n;
 }, ct = (e) => {
   const n = [];
   return e.existDevice && n.push("&#xe687;"), e.existMobile && n.push("&#xe688;"), e.existWaterGauge && n.push("&#xe686;"), n;
@@ -1007,11 +1007,11 @@ function xo(e, n, s = "left-bottom", l = 2) {
   const r = pe, a = Be;
   if (!a) return "";
   r.width = 0, r.height = 0;
-  const m = 2, t = 8, o = 16, w = window.devicePixelRatio || 1, x = "500 12px Arial", L = "14px map-iconfont";
-  a.font = x;
+  const x = 2, t = 8, o = 16, m = window.devicePixelRatio || 1, w = "500 12px Arial", L = "14px map-iconfont";
+  a.font = w;
   const T = a.measureText(e).width;
   a.font = L;
-  const g = n.map((b) => ({ width: a.measureText(he(b)).width, height: 14 })), M = g.reduce((b, N) => b + N.width, 0), p = (n.length - 1) * l, h = t + T + M + p + t, O = m + 14 + m;
+  const g = n.map((b) => ({ width: a.measureText(he(b)).width, height: 14 })), M = g.reduce((b, N) => b + N.width, 0), p = (n.length - 1) * l, h = t + T + M + p + t, O = x + 14 + x;
   let B, G, W = 0, Z = 0, D = 0, F = 0, S = 0, R = 0;
   switch (B = o + h, s) {
     case "right-top":
@@ -1033,12 +1033,12 @@ function xo(e, n, s = "left-bottom", l = 2) {
       G = o + O, W = h, Z = O, D = h + o, F = 0, S = 0, R = o;
       break;
   }
-  G = G + m, r.width = Math.round(B * w), r.height = Math.round(G * w), a.scale(w, w), a.clearRect(0, 0, B, G), a.beginPath(), a.moveTo(W, Z), a.lineTo(D, F), a.strokeStyle = "#FFF", a.lineWidth = 1, a.stroke(), a.fillStyle = "#FFF", a.fillRect(S, R, h, O), a.font = x, a.textBaseline = "middle";
-  const d = R + m + O / 2;
+  G = G + x, r.width = Math.round(B * m), r.height = Math.round(G * m), a.scale(m, m), a.clearRect(0, 0, B, G), a.beginPath(), a.moveTo(W, Z), a.lineTo(D, F), a.strokeStyle = "#FFF", a.lineWidth = 1, a.stroke(), a.fillStyle = "#FFF", a.fillRect(S, R, h, O), a.font = w, a.textBaseline = "middle";
+  const d = R + x + O / 2;
   a.strokeStyle = "#ffffff", a.lineWidth = 1, a.strokeText(e, S + t, d), a.fillStyle = "#000000", a.fillText(e, S + t, d), a.font = L, a.fillStyle = "#3370ff";
   let y = S + t + T + l;
   n.length > 0 && n.forEach((b, N) => {
-    const H = R + m + O / 2;
+    const H = R + x + O / 2;
     a.fillText(he(b), y, H), y += g[N].width + l;
   });
   const f = r.toDataURL("image/png");
@@ -1046,31 +1046,31 @@ function xo(e, n, s = "left-bottom", l = 2) {
 }
 const at = (e, n) => {
   const { name: s, rightIcons: l, selected: i } = e.getProperties(), r = n !== 1 ? mo() : "right-top", a = xo(s, l, r);
-  let m = [0, 0];
+  let x = [0, 0];
   switch (r) {
     case "right-top":
-      m = [0, 1];
+      x = [0, 1];
       break;
     case "right-middle":
-      m = [0, 0.5];
+      x = [0, 0.5];
       break;
     case "right-bottom":
-      m = [0, 0];
+      x = [0, 0];
       break;
     case "left-top":
-      m = [1, 1];
+      x = [1, 1];
       break;
     case "left-middle":
-      m = [1, 0.5];
+      x = [1, 0.5];
       break;
     case "left-bottom":
-      m = [1, 0];
+      x = [1, 0];
       break;
   }
   return new j({
     image: new Ce({
       src: a,
-      anchor: m,
+      anchor: x,
       displacement: [0, 0],
       scale: 1 / wo,
       anchorXUnits: "fraction",
@@ -1092,11 +1092,15 @@ const at = (e, n) => {
     zIndex: 102,
     updateWhileInteracting: !1,
     updateWhileAnimating: !1,
-    declutter: !0
+    declutter: {
+      enabled: !0,
+      group: "ship-label-group"
+      // 自定义分组名称
+    }
   });
   e == null || e.addLayer(i), e == null || e.addLayer(a);
-  let m = null, t = "", o = {}, w = {};
-  const x = (d) => {
+  let x = null, t = "", o = {}, m = {};
+  const w = (d) => {
     if (!d || !e) return;
     const y = (s == null ? void 0 : s.id) || (n == null ? void 0 : n.get("id"));
     if (s) {
@@ -1106,7 +1110,7 @@ const at = (e, n) => {
     M(), R(d), $(), B();
   }, L = (d) => {
     var z;
-    const y = (s == null ? void 0 : s.id) || (n == null ? void 0 : n.get("id")), f = ee([d == null ? void 0 : d.lon, d == null ? void 0 : d.lat]), b = ((z = w[d.id]) == null ? void 0 : z.blinkColors) || [], H = b[b.length - 1] || d.fill || "#04C900", Q = go(d), J = new ae({
+    const y = (s == null ? void 0 : s.id) || (n == null ? void 0 : n.get("id")), f = ee([d == null ? void 0 : d.lon, d == null ? void 0 : d.lat]), b = ((z = m[d.id]) == null ? void 0 : z.blinkColors) || [], H = b[b.length - 1] || d.fill || "#04C900", Q = go(d), J = new ae({
       geometry: new ce(f),
       // 船舶数据
       shipData: d,
@@ -1140,11 +1144,11 @@ const at = (e, n) => {
       const y = () => {
         l.getFeatures().forEach((f) => {
           f.setStyle(me(e, f));
-        }), m = requestAnimationFrame(y);
+        }), x = requestAnimationFrame(y);
       };
       y();
     }
-    d === "end" && m && (cancelAnimationFrame(m), m = null);
+    d === "end" && x && (cancelAnimationFrame(x), x = null);
   }, g = () => {
     const y = (e == null ? void 0 : e.getOverlays().getArray()).find((f) => f.get("class") == "ship-overlay-selected");
     if (y) {
@@ -1163,7 +1167,7 @@ const at = (e, n) => {
         }
     }
   }, h = (d, y) => {
-    o = d, w = y;
+    o = d, m = y;
     const f = e.getOverlays().getArray(), b = l.getFeatures();
     for (const N in o) {
       const H = o[N], Q = f.find((z) => z.getId() === "label-" + N), J = b.find((z) => N === z.get("id"));
@@ -1274,8 +1278,8 @@ const at = (e, n) => {
       const b = L(f);
       if (b.setStyle(me(e, b)), l.addFeature(b), (s == null ? void 0 : s.id) == f.id || y >= re.shipModelMin)
         if (o[f.id]) {
-          if (f.id && w[f == null ? void 0 : f.id]) {
-            const N = w[f == null ? void 0 : f.id] || {}, H = (N == null ? void 0 : N.blinkColors) || [], Q = (N == null ? void 0 : N.shipState) || "", J = (f.cnname || f.enname || f.name || f.id || "未命名船舶") + "(" + Q + ")", z = {
+          if (f.id && m[f == null ? void 0 : f.id]) {
+            const N = m[f == null ? void 0 : f.id] || {}, H = (N == null ? void 0 : N.blinkColors) || [], Q = (N == null ? void 0 : N.shipState) || "", J = (f.cnname || f.enname || f.name || f.id || "未命名船舶") + "(" + Q + ")", z = {
               ...f,
               name: J,
               blinking: o[f.id],
@@ -1290,7 +1294,7 @@ const at = (e, n) => {
     });
   };
   return {
-    render: x,
+    render: w,
     selected: W,
     filter: G,
     blinking: h,
@@ -1305,8 +1309,8 @@ const at = (e, n) => {
   const n = () => e == null ? void 0 : e.getLayers(), s = oe("vector"), l = () => s.value, i = (t) => {
     s.value = t;
     const o = n();
-    o && (o == null || o.getArray().forEach((w) => {
-      (w.className_ === "vector" || w.className_ === "satellite") && w.setVisible(w.className_ === t);
+    o && (o == null || o.getArray().forEach((m) => {
+      (m.className_ === "vector" || m.className_ === "satellite") && m.setVisible(m.className_ === t);
     }));
   }, r = oe(!1);
   return {
@@ -1316,18 +1320,18 @@ const at = (e, n) => {
       if (t !== r.value) {
         if (t) {
           const o = n();
-          if (!o.getArray().find((x) => x.className_ === "greenTile")) {
-            const x = new we({
+          if (!o.getArray().find((w) => w.className_ === "greenTile")) {
+            const w = new we({
               source: new xe({ url: fe.greenTile }),
               visible: t,
               zIndex: 2,
               className: "greenTile"
             });
-            o.push(x);
+            o.push(w);
           }
         } else {
-          const o = n(), w = o.getArray().find((x) => x.className_ === "greenTile");
-          w && o.remove(w);
+          const o = n(), m = o.getArray().find((w) => w.className_ === "greenTile");
+          m && o.remove(m);
         }
         r.value = t;
       }
@@ -1353,14 +1357,14 @@ const at = (e, n) => {
         g ? r = g : T.push(r);
       }
       T.forEach((g) => {
-        m(g);
+        x(g);
       }), s || (s = new ye({
         className: n,
         source: l,
         zIndex: 100
       }), e == null || e.addLayer(s));
     }
-  }, m = (T) => {
+  }, x = (T) => {
     const g = e == null ? void 0 : e.getView().getZoom(), [M, p] = T.latLon.split(","), h = new ae({
       geometry: new ce(ee([Number(M), Number(p)]))
     });
@@ -1391,13 +1395,13 @@ const at = (e, n) => {
       });
     } else
       l.clear();
-  }, w = () => {
+  }, m = () => {
     var p;
     const T = i.get("loactionData"), g = (p = e == null ? void 0 : e.getView()) == null ? void 0 : p.getZoom();
     l.getFeatures().forEach((h) => {
       h.get("loactionData").id === T.id && (h == null || h.setStyle(t(T, g, !1)));
     }), r = null, i = null;
-  }, x = (T) => {
+  }, w = (T) => {
     T ? (L(), $(T)) : clearSelectedPort();
   }, L = () => {
     var T;
@@ -1411,8 +1415,8 @@ const at = (e, n) => {
   };
   return {
     render: a,
-    selected: x,
-    clearSelected: w,
+    selected: w,
+    clearSelected: m,
     clear: o
   };
 }, Co = (e) => {
@@ -1431,13 +1435,13 @@ const at = (e, n) => {
     l.value = F;
   };
   let r;
-  const a = oe(!1), m = () => {
-    Le(e, "crosshair"), w(), Co(e), e.on("pointermove", $), e.getViewport().addEventListener("mouseout", () => {
+  const a = oe(!1), x = () => {
+    Le(e, "crosshair"), m(), Co(e), e.on("pointermove", $), e.getViewport().addEventListener("mouseout", () => {
       r && r.classList.add("hidden");
     }), g(), a.value = !0;
   };
   let t, o;
-  const w = () => {
+  const m = () => {
     t = new ge(), o = new ye({
       source: t,
       zIndex: 1e3,
@@ -1450,12 +1454,12 @@ const at = (e, n) => {
       }
     }), e == null || e.addLayer(o);
   };
-  let x, L;
+  let w, L;
   const $ = (F) => {
     if (F.dragging)
       return;
     let S = "点击选择起点";
-    x && (S = "单击继续，双击结束"), r && (r.innerHTML = S, L.setPosition(F.coordinate), r.classList.remove("hidden"));
+    w && (S = "单击继续，双击结束"), r && (r.innerHTML = S, L.setPosition(F.coordinate), r.classList.remove("hidden"));
   };
   let T;
   const g = () => {
@@ -1487,16 +1491,16 @@ const at = (e, n) => {
     let F;
     T.on("drawstart", function(S) {
       var d;
-      x = S.feature, x.set("randomId", M());
+      w = S.feature, w.set("randomId", M());
       let R;
-      F = (d = x.getGeometry()) == null ? void 0 : d.on("change", function(y) {
+      F = (d = w.getGeometry()) == null ? void 0 : d.on("change", function(y) {
         const f = y.target, b = mt(f, l.value);
         R = f.getLastCoordinate(), p && b && (p.innerHTML = b), h.setPosition(R);
       });
     }), T.on("drawend", function() {
       var S, R, d;
       if (p && (p.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), p != null && p.innerHTML) {
-        const y = (x == null ? void 0 : x.get("randomId")) || M();
+        const y = (w == null ? void 0 : w.get("randomId")) || M();
         s.value.push({ id: y, value: p == null ? void 0 : p.innerHTML }), p.innerHTML = `${p.innerHTML}<div class="ol-tooltip-delete-button" data-id="${y}"><i class="map-iconfont icon-delete"></i></div>`;
       }
       (S = document.querySelector(".ol-selectable:has(.ol-tooltip-delete-button):last-child .ol-tooltip-delete-button")) == null || S.addEventListener("click", (y) => {
@@ -1504,7 +1508,7 @@ const at = (e, n) => {
         y.preventDefault(), y.stopPropagation();
         const f = (b = y.target) == null ? void 0 : b.getAttribute("data-id");
         f && W(f);
-      }), h.setOffset([0, -7]), x = null, p = null, O(), F && Xe(F), (d = (R = n.getProps()) == null ? void 0 : R.lineDrawEnd) == null || d.call(R, s.value);
+      }), h.setOffset([0, -7]), w = null, p = null, O(), F && Xe(F), (d = (R = n.getProps()) == null ? void 0 : R.lineDrawEnd) == null || d.call(R, s.value);
     });
   }, M = () => Math.random().toString(36).substring(2, 9);
   let p, h;
@@ -1552,7 +1556,7 @@ const at = (e, n) => {
     e.removeLayer(o), r != null && r.parentNode && r.parentNode.removeChild(r), p != null && p.parentNode && p.parentNode.removeChild(p);
   };
   return {
-    open: m,
+    open: x,
     close: G,
     deleteLine: W,
     setUnit: i,
@@ -1580,9 +1584,9 @@ const at = (e, n) => {
   }, r = () => {
     t(), p(), B(), $();
   };
-  let a = null, m = null;
+  let a = null, x = null;
   const t = () => {
-    if (a && m) return;
+    if (a && x) return;
     const Z = new ge(), D = new ye({
       source: Z,
       style: new j({
@@ -1593,17 +1597,17 @@ const at = (e, n) => {
       }),
       zIndex: 1e3
     });
-    a = D, m = Z, e.on("pointermove", w), e.addLayer(D), e.on(["dblclick"], function(F) {
-      x && (F.stopPropagation(), F.preventDefault());
+    a = D, x = Z, e.on("pointermove", m), e.addLayer(D), e.on(["dblclick"], function(F) {
+      w && (F.stopPropagation(), F.preventDefault());
     });
   };
   let o;
-  const w = (Z) => {
+  const m = (Z) => {
     if (Z.dragging) return;
     const D = o ? "单击继续，双击结束" : "点击选择起点";
     h && (h.innerHTML = D, O.setPosition(Z.coordinate));
   };
-  let x, L = !1;
+  let w, L = !1;
   const $ = () => {
     if (s) {
       h != null && h.parentNode && h.parentNode.removeChild(h);
@@ -1629,9 +1633,9 @@ const at = (e, n) => {
       e == null || e.getView().setCenter(R);
       return;
     }
-    x = new Oe({
+    w = new Oe({
       type: "Polygon",
-      source: m,
+      source: x,
       trace: !0,
       style: [new j({
         stroke: new ve({
@@ -1654,7 +1658,7 @@ const at = (e, n) => {
           return new Qt(D);
         }
       })]
-    }), e == null || e.addInteraction(x), x.on("drawstart", (Z) => {
+    }), e == null || e.addInteraction(w), w.on("drawstart", (Z) => {
       var D;
       o = Z.feature, l = (D = o.getGeometry()) == null ? void 0 : D.on("change", (F) => {
         const S = F.target, R = T(S, "nm"), y = S.getCoordinates()[0], f = new ze([y[y.length - 2], y[y.length - 1]]), b = mt(f, "nm");
@@ -1679,7 +1683,7 @@ const at = (e, n) => {
                         </div>
                     `);
       });
-    }), x.on("drawend", (Z) => {
+    }), w.on("drawend", (Z) => {
       var R, d, y, f;
       if (!Z.feature.getGeometry()) return;
       g && !s && (g.innerHTML += '<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'), s = Z.feature, M.setOffset([10, 0]);
@@ -1688,7 +1692,7 @@ const at = (e, n) => {
         const b = F[0].map((N) => Me(N, _.mercator, _.data));
         (y = (d = n.getProps()) == null ? void 0 : d.areaDrawEnd) == null || y.call(d, b);
       }
-      x && (x.setActive(!1), e == null || e.removeInteraction(x), (e == null ? void 0 : e.getInteractions()).forEach((N) => {
+      w && (w.setActive(!1), e == null || e.removeInteraction(w), (e == null ? void 0 : e.getInteractions()).forEach((N) => {
         N instanceof Oe && (N.setActive(!1), e == null || e.removeInteraction(N));
       })), l && Xe(l), (f = document.querySelector(".delete-icon")) == null || f.addEventListener("click", () => {
         var b, N;
@@ -1722,11 +1726,11 @@ const at = (e, n) => {
       positioning: "center-left"
     }), e == null || e.addOverlay(O);
   }, G = () => {
-    m == null || m.clear(), s = null, p(), B(), $();
+    x == null || x.clear(), s = null, p(), B(), $();
   }, W = () => {
-    e.un("pointermove", w), o = null, x && (x.abortDrawing(), console.log("abortDrawing"), x.setActive(!1), (e == null ? void 0 : e.getInteractions()).forEach((D) => {
+    e.un("pointermove", m), o = null, w && (w.abortDrawing(), console.log("abortDrawing"), w.setActive(!1), (e == null ? void 0 : e.getInteractions()).forEach((D) => {
       D instanceof Oe && (D.setActive(!1), e == null || e.removeInteraction(D));
-    }), x = null), l && Xe(l), l = void 0, m == null || m.clear(), m = null, a && e.getAllLayers().includes(a) && (e.removeLayer(a), a = null), h != null && h.parentElement && (h.innerHTML = "", h.parentElement.removeChild(h), h = null), g != null && g.parentElement && (g.innerHTML = "", g.parentElement.removeChild(g), g = null), O && e.removeOverlay(O), M && e.removeOverlay(M), Le(e, "pointer");
+    }), w = null), l && Xe(l), l = void 0, x == null || x.clear(), x = null, a && e.getAllLayers().includes(a) && (e.removeLayer(a), a = null), h != null && h.parentElement && (h.innerHTML = "", h.parentElement.removeChild(h), h = null), g != null && g.parentElement && (g.innerHTML = "", g.parentElement.removeChild(g), g = null), O && e.removeOverlay(O), M && e.removeOverlay(M), Le(e, "pointer");
   };
   return {
     open: i,
@@ -1761,12 +1765,12 @@ const at = (e, n) => {
       G.setStyle(W), p.push(G);
     }), n.addFeatures(p);
   };
-  let a = null, m = null;
+  let a = null, x = null;
   const t = (g, M) => {
-    a || (a = document.createElement("canvas"), m = a.getContext("2d", {
+    a || (a = document.createElement("canvas"), x = a.getContext("2d", {
       willReadFrequently: !0
     }));
-    const p = a, h = m;
+    const p = a, h = x;
     if (!h) return "";
     p.width = 0, p.height = 0;
     const O = 2, B = 8, G = window.devicePixelRatio || 1, W = "12px sans-serif";
@@ -1816,7 +1820,7 @@ const at = (e, n) => {
       // }),
     });
     return !p && !M ? Z : [Z, D];
-  }, w = () => {
+  }, m = () => {
     if (n)
       if (l) {
         console.log("清除非选中的港口");
@@ -1826,7 +1830,7 @@ const at = (e, n) => {
         });
       } else
         console.log("清除所有港口", n), n == null || n.clear();
-  }, x = (g) => {
+  }, w = (g) => {
     if (n) {
       if (!g)
         return L();
@@ -1845,45 +1849,47 @@ const at = (e, n) => {
   };
   return {
     render: r,
-    clear: w,
-    selected: x,
+    clear: m,
+    selected: w,
     handlePortHover: (g) => {
-      const M = e == null ? void 0 : e.getTargetElement();
-      g && g.get("portData") && M && Le(e, "pointer");
+      g && g.get("portData") && (e != null && e.getTargetElement()) && Le(e, "pointer");
     }
   };
 }, So = (e, n, s, l, i, r) => {
   const a = e.getInstall();
   a.on("moveend", () => {
-    var m, t;
+    var x, t;
     try {
       const o = e.getZoom();
-      (t = (m = n.getProps()).mapMoveEnd) == null || t.call(m, o), s.reRenderTrackLine(), l.changeShipScale("end");
+      (t = (x = n.getProps()).mapMoveEnd) == null || t.call(x, o), s.reRenderTrackLine(), l.changeShipScale("end");
     } catch (o) {
       console.log("moveend---catch", o);
     }
-  }), a.on("pointermove", (m) => {
+  }), a.on("pointermove", (x) => {
     try {
-      const t = a == null ? void 0 : a.getEventPixel(m.originalEvent);
+      const t = a == null ? void 0 : a.getEventPixel(x.originalEvent);
       if (!t || !a) return;
-      const o = a == null ? void 0 : a.forEachFeatureAtPixel(t, (w) => w);
-      l == null || l.handleShipMapEvent(o, "hover"), s == null || s.handleTrackMapEvent(o, "hover", m), o && (i == null || i.handlePortHover(o));
+      const o = a.getSize();
+      if (t[0] < 0 || t[0] > o[0] || t[1] < 0 || t[1] > o[1])
+        return;
+      const m = a == null ? void 0 : a.forEachFeatureAtPixel(t, (w) => w);
+      s == null || s.handleTrackMapEvent(m, "hover", x), l == null || l.handleShipMapEvent(m, "hover"), m && (i == null || i.handlePortHover(m));
     } catch (t) {
       console.log("pointermove---catch", t);
     }
   }), a.on("movestart", () => {
     try {
-      const m = a == null ? void 0 : a.getView().getZoom();
-      m && m <= re.shipModelMax && m >= re.shipTriggleMin && l.changeShipScale("start"), l.hiddenShipBlink();
-    } catch (m) {
-      console.log("movestart---catch", m);
+      const x = a == null ? void 0 : a.getView().getZoom();
+      x && x <= re.shipModelMax && x >= re.shipTriggleMin && l.changeShipScale("start"), l.hiddenShipBlink();
+    } catch (x) {
+      console.log("movestart---catch", x);
     }
-  }), a.on("click", Re((m) => {
-    var t, o, w;
+  }), a.on("click", Re((x) => {
+    var t, o, m;
     try {
       if (console.log("1", r.getState()), r.getState()) return;
-      const x = a.getEventPixel(m.originalEvent), L = a.forEachFeatureAtPixel(
-        x,
+      const w = a.getEventPixel(x.originalEvent), L = a.forEachFeatureAtPixel(
+        w,
         ($) => {
           if ($ != null && $.get("shipData") || $ != null && $.get("portData"))
             return $;
@@ -1893,15 +1899,15 @@ const at = (e, n) => {
         l.handleShipMapEvent(L, "click", (t = n.getProps()) == null ? void 0 : t.selectShip);
       else if (L != null && L.get("portData")) {
         const $ = L.get("portData");
-        i.selected($), (w = (o = n.getProps()) == null ? void 0 : o.selectPort) == null || w.call(o, $);
+        i.selected($), (m = (o = n.getProps()) == null ? void 0 : o.selectPort) == null || m.call(o, $);
       }
-      m.preventDefault(), m.stopPropagation();
-    } catch (x) {
-      console.log("click---catch", x);
+      x.preventDefault(), x.stopPropagation();
+    } catch (w) {
+      console.log("click---catch", w);
     }
   }, 150)), a.getView().on("change:resolution", Re(() => {
-    const m = a == null ? void 0 : a.getView().getZoom();
-    m && m <= re.shipModelMax && m >= re.shipTriggleMin && l.changeSelectedScale("start");
+    const x = a == null ? void 0 : a.getView().getZoom();
+    x && x <= re.shipModelMax && x >= re.shipTriggleMin && l.changeSelectedScale("start");
   }, 10));
 }, No = () => {
   const e = Vt([]);
@@ -1909,10 +1915,10 @@ const at = (e, n) => {
     createInstance: (l, i) => {
       const r = ro();
       r.initMap(l, i);
-      const a = r.getInstall(), m = ko(a), t = po();
-      t.setProps(i), m.setShowLayerType(i.layerType), m.setGreenTileVisible(i.showGreenLayer);
-      const o = ao(a), w = co(a, o), x = bo(a), L = Mo(a), $ = Eo(a, t), T = To(a, t), g = Po(a);
-      So(r, t, o, x, g, $);
+      const a = r.getInstall(), x = ko(a), t = po();
+      t.setProps(i), x.setShowLayerType(i.layerType), x.setGreenTileVisible(i.showGreenLayer);
+      const o = ao(a), m = co(a, o), w = bo(a), L = Mo(a), $ = Eo(a, t), T = To(a, t), g = Po(a);
+      So(r, t, o, w, g, $);
       const M = () => {
         const h = a.getView().calculateExtent(r.getSize()), O = Me([h[0], h[1]], _.mercator, _.data), B = Me([h[2], h[3]], _.mercator, _.data);
         return [O[0], O[1], B[0], B[1]];
@@ -1925,10 +1931,10 @@ const at = (e, n) => {
         },
         methods: {
           ...r,
-          layer: m,
-          ship: x,
+          layer: x,
+          ship: w,
           track: o,
-          carTrack: w,
+          carTrack: m,
           port: {
             render: g.render,
             clear: g.clear,
@@ -1976,13 +1982,13 @@ const at = (e, n) => {
     } }
   },
   setup(e, { expose: n }) {
-    const s = oe(), l = oe(), i = No(), r = oe(), a = e, m = oe({
+    const s = oe(), l = oe(), i = No(), r = oe(), a = e, x = oe({
       getInstall() {
       }
     });
     return zt(() => {
       var t;
-      r.value = i.createInstance(s.value, a), m.value = r.value.methods, (t = l.value) == null || t.setScaleLine(r.value.map, a.scaleLineUnit);
+      r.value = i.createInstance(s.value, a), x.value = r.value.methods, (t = l.value) == null || t.setScaleLine(r.value.map, a.scaleLineUnit);
     }), Ot(() => {
       var t, o;
       i.destroyInstance((t = r == null ? void 0 : r.value) == null ? void 0 : t.id), (o = r.value) == null || o.destroy();
@@ -2004,16 +2010,16 @@ const at = (e, n) => {
         return (t = r.value) == null ? void 0 : t.methods.getView();
       },
       setCenter: (t, o) => {
-        var w;
-        return (w = r.value) == null ? void 0 : w.methods.setCenter(t, o);
+        var m;
+        return (m = r.value) == null ? void 0 : m.methods.setCenter(t, o);
       },
       getSize: () => {
         var t;
         return (t = r.value) == null ? void 0 : t.methods.getSize();
       },
       getCenter: (t, o) => {
-        var w;
-        return (w = r.value) == null ? void 0 : w.methods.getCenter();
+        var m;
+        return (m = r.value) == null ? void 0 : m.methods.getCenter();
       },
       layer: {
         setGreenTileVisible: (t) => {
@@ -2109,8 +2115,8 @@ const at = (e, n) => {
       },
       port: {
         render: (t, o) => {
-          var w;
-          return (w = r.value) == null ? void 0 : w.methods.port.render(t, o);
+          var m;
+          return (m = r.value) == null ? void 0 : m.methods.port.render(t, o);
         },
         clear: () => {
           var t;
@@ -2186,8 +2192,8 @@ const at = (e, n) => {
           return (o = r.value) == null ? void 0 : o.methods.utils.convertSixHundredThousandToLatLng(...t);
         },
         calculateCirclePoints: (t, o) => {
-          var w;
-          return (w = r.value) == null ? void 0 : w.methods.utils.calculateCirclePoints(t, o);
+          var m;
+          return (m = r.value) == null ? void 0 : m.methods.utils.calculateCirclePoints(t, o);
         }
       }
     }), (t, o) => (Qe(), Je("div", $o, [