zhihao-ui 1.3.42-alpha.6 → 1.3.42-alpha.7

package/dist/es/{Map-myp8PNlU.js → Map-BtQEJVq-.js}

@@ -10,8 +10,8 @@ const Kt = { id: "scale-line-container" }, _t = /* @__PURE__ */ je({
         i || (i = "metric");
         const o = new Rt({
           units: i
-        }), f = document.getElementById("scale-line-container");
-        f && (o.setTarget(f), l.addControl(o));
+        }), g = document.getElementById("scale-line-container");
+        g && (o.setTarget(g), l.addControl(o));
       }
     }), (l, i) => (Qe(), Je("div", Kt));
   }
@@ -28,13 +28,13 @@ const Kt = { id: "scale-line-container" }, _t = /* @__PURE__ */ je({
     console.log("props", n);
     const s = () => {
       console.log("props");
-      const { setZoom: i, getZoom: o, getInstall: f } = n.mapInstance.methods;
-      if (!f()) return;
+      const { setZoom: i, getZoom: o, getInstall: g } = n.mapInstance.methods;
+      if (!g()) return;
       const t = o();
       t && i(t + 1);
     }, l = () => {
-      const { setZoom: i, getZoom: o, getInstall: f } = n.mapInstance.methods;
-      if (!f()) return;
+      const { setZoom: i, getZoom: o, getInstall: g } = n.mapInstance.methods;
+      if (!g()) return;
       const t = o();
       t && i(t - 1);
     };
@@ -81,7 +81,7 @@ function ro() {
   }, o = (p, T) => {
     var z;
     (z = s()) == null || z.setCenter(ee([p, T]));
-  }, f = () => {
+  }, g = () => {
     var T;
     const p = (T = s()) == null ? void 0 : T.getCenter();
     return At(p);
@@ -89,7 +89,7 @@ function ro() {
     var p;
     return (p = n()) == null ? void 0 : p.getSize();
   }, t = new rt(), r = (p, T) => {
-    g(T);
+    f(T);
     const z = {
       zoom: T.zoom,
       center: ee(T.center),
@@ -114,7 +114,7 @@ function ro() {
     };
     const x = new rt(M);
     e.value = x;
-  }, g = (p) => {
+  }, f = (p) => {
     t.set("vectorTile", new we({
       source: new xe({ url: fe.vectorTile }),
       visible: p.layerType === "vector",
@@ -152,10 +152,10 @@ function ro() {
     getZoom: l,
     setZoom: i,
     setCenter: o,
-    getCenter: f,
+    getCenter: g,
     getSize: w,
     initMap: r,
-    setBaseLayerMap: g
+    setBaseLayerMap: f
   };
 }
 const Ue = function(e, n) {
@@ -223,13 +223,13 @@ const st = (e) => {
   return l !== 0 && (o = `${String(l).padStart(2, "0")}时${o}`), s !== 0 && (o = `${String(s).padStart(2, "0")}天${o}`), o;
 }, co = (e, n) => {
   let s = null;
-  const l = async (g) => {
-    if (!e || (console.log("vehicleInfo", g), !(g != null && g.lon && (g != null && g.lat)))) return;
-    const p = Math.abs(Number(g.lon)) > 180 ? Ue(g.lon, g.lat) : [g.lon, g.lat];
-    i(g, ee(p));
+  const l = async (f) => {
+    if (!e || (console.log("vehicleInfo", f), !(f != null && f.lon && (f != null && f.lat)))) return;
+    const p = Math.abs(Number(f.lon)) > 180 ? Ue(f.lon, f.lat) : [f.lon, f.lat];
+    i(f, ee(p));
     const T = e == null ? void 0 : e.getView(), z = new ce(p);
     T.setCenter(Me(z.getCoordinates(), _.data, _.mercator));
-  }, i = (g, p) => {
+  }, i = (f, p) => {
     const T = `${gt}map/car-icon.gif`;
     s || (s = new de({
       element: document.createElement("div"),
@@ -239,26 +239,26 @@ const st = (e) => {
     }), e.addOverlay(s));
     const z = s.getElement();
     z.style.backgroundImage = `url(${T})`, z.style.width = "80px", z.style.height = "80px";
-    const M = (g == null ? void 0 : g.drc) || "";
+    const M = (f == null ? void 0 : f.drc) || "";
     z.style.transform = `rotate(${M}deg)`, z.style.backgroundSize = "cover", s == null || s.setPosition(p);
   };
   return {
     location: l,
     remove: () => {
-      const g = s == null ? void 0 : s.getElement();
-      g && (g.innerHTML = "");
+      const f = s == null ? void 0 : s.getElement();
+      f && (f.innerHTML = "");
     },
-    renderTrack: (g, p, T) => {
-      n.render(g, p, T, "truck", 1e3);
+    renderTrack: (f, p, T) => {
+      n.render(f, p, T, "truck", 1e3);
     },
-    setCenter: (g) => {
-      n.setCenter(g);
+    setCenter: (f) => {
+      n.setCenter(f);
     },
     closeTrack: () => {
       n.close();
     },
-    playTrack: (g, p) => {
-      n.play(g, p);
+    playTrack: (f, p) => {
+      n.play(f, p);
     }
   };
 };
@@ -268,12 +268,12 @@ const ao = (e) => {
   let l = null;
   const i = "--";
   let o = null;
-  const f = document.createElement("div"), w = new de({
-    element: f,
+  const g = document.createElement("div"), w = new de({
+    element: g,
     positioning: "top-left",
     className: "track-label-popup"
   });
-  let t, r, g, p, T, z = !1, M = Date.now(), x, y = 0, b = null, E = 20;
+  let t, r, f, p, T, z = !1, M = Date.now(), x, y = 0, b = null, E = 20;
   const L = 8, D = [], W = (c) => {
     var d;
     for (D.unshift(c); D.length > L; ) {
@@ -353,7 +353,7 @@ const ao = (e) => {
       if (console.log("trackId-data", k), c && k && d === "hover") {
         e.getTargetElement().style.cursor = k ? "pointer" : "";
         const P = G(k), S = h == null ? void 0 : h.coordinate;
-        S && (f.querySelector(".popup-content"), f.innerHTML = P, w == null || w.setPosition(S));
+        S && (g.querySelector(".popup-content"), g.innerHTML = P, w == null || w.setPosition(S));
       } else
         w && w.setPosition(void 0);
     } catch (k) {
@@ -665,7 +665,7 @@ const ao = (e) => {
     U.setStyle(Ge), U.drawGeometry(p), e == null || e.render();
   }, Et = () => {
     var c;
-    z = !0, M = Date.now(), y = 0, p = ((c = g.getGeometry()) == null ? void 0 : c.clone()) || new ce([0, 0]), o && (x == null || x.on("postrender", o)), T == null || T.setGeometry(void 0);
+    z = !0, M = Date.now(), y = 0, p = ((c = f.getGeometry()) == null ? void 0 : c.clone()) || new ce([0, 0]), o && (x == null || x.on("postrender", o)), T == null || T.setGeometry(void 0);
   }, Fe = () => {
     z && (z = !1, T == null || T.setGeometry(void 0), o && x && x.un("postrender", o), x && (e == null || e.removeLayer(x)), x = null, T = null);
   }, Tt = (c, d) => {
@@ -676,11 +676,11 @@ const ao = (e) => {
     }).readGeometry(t, {
       dataProjection: _.data,
       featureProjection: _.mercator
-    }), g = new ae({
+    }), f = new ae({
       type: "icon",
       geometry: new ce(r.getFirstCoordinate())
     });
-    const h = g.getGeometry();
+    const h = f.getGeometry();
     p = h ? h.clone() : new ce([0, 0]), T = new ae({
       type: "geoMarker",
       style: Ge,
@@ -760,7 +760,7 @@ function uo(e) {
     position: "relative",
     "pointer-events": "none"
   })), l = $e(() => {
-    var f;
+    var g;
     return {
       position: "relative",
       "border-radius": "1px",
@@ -777,7 +777,7 @@ function uo(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 && ((g = e.colors) == null ? void 0 : g.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', // 动画开关
     };
   }), i = $e(() => ({
@@ -875,12 +875,12 @@ 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, o = 97, f = 20, t = 1 / (e == null ? void 0 : e.getView().getResolution()), r = l * t / o, g = i * t / f, p = Math.min(r, g);
+    const { len: l, wid: i } = n, o = 97, g = 20, t = 1 / (e == null ? void 0 : e.getView().getResolution()), r = l * t / o, f = i * t / g, p = Math.min(r, f);
     return p < 0.2 ? 0.2 : p > 2 ? 2 : p;
   }
   return re.scaleNum;
 }, fo = (e, n, s) => {
-  const { color: l, direct: i, isHighlight: o, shipData: f } = e.getProperties(), w = ((f == null ? void 0 : f.cog) - 90 + 360) % 360;
+  const { color: l, direct: i, isHighlight: o, shipData: g } = e.getProperties(), w = ((g == null ? void 0 : g.cog) - 90 + 360) % 360;
   return new Q({
     image: new Ce({
       src: t(),
@@ -921,7 +921,7 @@ const go = (e) => {
     }
   }
 }, ho = (e, n) => {
-  const s = vt(e, n), l = n.id, { lon: i, lat: o } = n, f = new de({
+  const s = vt(e, n), l = n.id, { lon: i, lat: o } = n, g = new de({
     element: s,
     position: ee([i, o]),
     id: "selected-" + l,
@@ -929,15 +929,15 @@ const go = (e) => {
     offset: [0, 5],
     className: "ship-selected-overlay"
   });
-  return f.set("class", "ship-overlay-selected"), f;
+  return g.set("class", "ship-overlay-selected"), g;
 }, vt = (e, n) => {
   const s = ht(e), l = Ie(e, n, s), i = s === "ship" ? 109 : 49, o = `
       <svg style="transform:scale(${l});" xmlns="http://www.w3.org/2000/svg" width="${i}" height="${i}" viewBox="0 0 49 49" fill="none">
           <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>
-    `, f = document.createElement("div");
-  return f.className = "ship-overlay-selected", f.innerHTML = o, f;
+    `, g = document.createElement("div");
+  return g.className = "ship-overlay-selected", g.innerHTML = o, g;
 };
 function vo(e, n, s, l) {
   if (n) {
@@ -959,12 +959,12 @@ 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: o, name: f } = e, w = He({
+  const { lon: s, lat: l, blinking: i, blinkingColors: o, name: g } = e, w = He({
     setup() {
       return uo({
         position: [s + 2e-3, l + 2e-3],
         selected: i,
-        name: f,
+        name: g,
         colors: o || [],
         existDevice: e == null ? void 0 : e.existDevice,
         existMobile: e == null ? void 0 : e.existMobile,
@@ -1004,14 +1004,14 @@ function xo(e, n, s = "left-bottom", l = 2) {
       Be = pe.getContext("2d");
     }
   }
-  const o = pe, f = Be;
-  if (!f) return "";
+  const o = pe, g = Be;
+  if (!g) return "";
   o.width = 0, o.height = 0;
-  const w = 2, t = 8, r = 16, g = window.devicePixelRatio || 1, p = "500 12px Arial", T = "14px map-iconfont";
-  f.font = p;
-  const M = f.measureText(e).width;
-  f.font = T;
-  const x = n.map((m) => ({ width: f.measureText(he(m)).width, height: 14 })), y = x.reduce((m, V) => m + V.width, 0), b = (n.length - 1) * l, E = t + M + y + b + t, L = w + 14 + w;
+  const w = 2, t = 8, r = 16, f = window.devicePixelRatio || 1, p = "500 12px Arial", T = "14px map-iconfont";
+  g.font = p;
+  const M = g.measureText(e).width;
+  g.font = T;
+  const x = n.map((m) => ({ width: g.measureText(he(m)).width, height: 14 })), y = x.reduce((m, V) => m + V.width, 0), b = (n.length - 1) * l, E = t + M + y + b + t, L = w + 14 + w;
   let D, W, A = 0, H = 0, j = 0, F = 0, C = 0, $ = 0;
   switch (D = r + E, s) {
     case "right-top":
@@ -1033,19 +1033,19 @@ function xo(e, n, s = "left-bottom", l = 2) {
       W = r + L, A = E, H = L, j = E + r, F = 0, C = 0, $ = r;
       break;
   }
-  W = W + w, o.width = Math.round(D * g), o.height = Math.round(W * g), f.scale(g, g), f.clearRect(0, 0, D, W), f.beginPath(), f.moveTo(A, H), f.lineTo(j, F), f.strokeStyle = "#FFF", f.lineWidth = 1, f.stroke(), f.fillStyle = "#FFF", f.fillRect(C, $, E, L), f.font = p, f.textBaseline = "middle";
+  W = W + w, o.width = Math.round(D * f), o.height = Math.round(W * f), g.scale(f, f), g.clearRect(0, 0, D, W), g.beginPath(), g.moveTo(A, H), g.lineTo(j, F), g.strokeStyle = "#FFF", g.lineWidth = 1, g.stroke(), g.fillStyle = "#FFF", g.fillRect(C, $, E, L), g.font = p, g.textBaseline = "middle";
   const a = $ + w + L / 2;
-  f.strokeStyle = "#ffffff", f.lineWidth = 1, f.strokeText(e, C + t, a), f.fillStyle = "#000000", f.fillText(e, C + t, a), f.font = T, f.fillStyle = "#3370ff";
+  g.strokeStyle = "#ffffff", g.lineWidth = 1, g.strokeText(e, C + t, a), g.fillStyle = "#000000", g.fillText(e, C + t, a), g.font = T, g.fillStyle = "#3370ff";
   let v = C + t + M + l;
   n.length > 0 && n.forEach((m, V) => {
     const G = $ + w + L / 2;
-    f.fillText(he(m), v, G), v += x[V].width + l;
+    g.fillText(he(m), v, G), v += x[V].width + l;
   });
   const u = o.toDataURL("image/png");
   return Ye.set(i, u), u;
 }
 const at = (e, n) => {
-  const { name: s, rightIcons: l, selected: i } = e.getProperties(), o = n !== 1 ? mo() : "right-top", f = xo(s, l, o);
+  const { name: s, rightIcons: l, selected: i } = e.getProperties(), o = n !== 1 ? mo() : "right-top", g = xo(s, l, o);
   let w = [0, 0];
   switch (o) {
     case "right-top":
@@ -1069,7 +1069,7 @@ const at = (e, n) => {
   }
   return new Q({
     image: new Ce({
-      src: f,
+      src: g,
       anchor: w,
       displacement: [0, 0],
       scale: 1 / wo,
@@ -1086,7 +1086,7 @@ const at = (e, n) => {
     renderBuffer: 300,
     zIndex: 101,
     hitTolerance: 10
-  }), o = new ge(), f = new ye({
+  }), o = new ge(), g = new ye({
     source: o,
     className: "zh-map--ship-label-layer",
     zIndex: 102,
@@ -1098,8 +1098,8 @@ const at = (e, n) => {
       // 自定义分组名称
     }
   });
-  e == null || e.addLayer(i), e == null || e.addLayer(f);
-  let w = null, t = "", r = {}, g = {};
+  e == null || e.addLayer(i), e == null || e.addLayer(g);
+  let w = null, t = "", r = {}, f = {};
   const p = (a) => {
     if (!a || !e) return;
     const v = (s == null ? void 0 : s.id) || (n == null ? void 0 : n.get("id"));
@@ -1110,7 +1110,7 @@ const at = (e, n) => {
     y(), $(a), z(), D();
   }, T = (a) => {
     var R;
-    const v = (s == null ? void 0 : s.id) || (n == null ? void 0 : n.get("id")), u = ee([a == null ? void 0 : a.lon, a == null ? void 0 : a.lat]), m = ((R = g[a.id]) == null ? void 0 : R.blinkColors) || [], G = m[m.length - 1] || a.fill || "#04C900", B = go(a), J = new ae({
+    const v = (s == null ? void 0 : s.id) || (n == null ? void 0 : n.get("id")), u = ee([a == null ? void 0 : a.lon, a == null ? void 0 : a.lat]), m = ((R = f[a.id]) == null ? void 0 : R.blinkColors) || [], G = m[m.length - 1] || a.fill || "#04C900", B = go(a), J = new ae({
       geometry: new ce(u),
       // 船舶数据
       shipData: a,
@@ -1167,7 +1167,7 @@ const at = (e, n) => {
         }
     }
   }, E = (a, v) => {
-    r = a, g = v;
+    r = a, f = v;
     const u = e.getOverlays().getArray(), m = l.getFeatures();
     for (const V in r) {
       const G = r[V], B = u.find((R) => R.getId() === "label-" + V), J = m.find((R) => V === R.get("id"));
@@ -1278,8 +1278,8 @@ const at = (e, n) => {
       const m = T(u);
       if (m.setStyle(me(e, m)), l.addFeature(m), (s == null ? void 0 : s.id) == u.id || v >= re.shipModelMin)
         if (r[u.id]) {
-          if (u.id && g[u == null ? void 0 : u.id]) {
-            const V = g[u == null ? void 0 : u.id] || {}, G = (V == null ? void 0 : V.blinkColors) || [], B = (V == null ? void 0 : V.shipState) || "", J = (u.cnname || u.enname || u.name || u.id || "未命名船舶") + "(" + B + ")", R = {
+          if (u.id && f[u == null ? void 0 : u.id]) {
+            const V = f[u == null ? void 0 : u.id] || {}, G = (V == null ? void 0 : V.blinkColors) || [], B = (V == null ? void 0 : V.shipState) || "", J = (u.cnname || u.enname || u.name || u.id || "未命名船舶") + "(" + B + ")", R = {
               ...u,
               name: J,
               blinking: r[u.id],
@@ -1309,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 r = n();
-    r && (r == null || r.getArray().forEach((g) => {
-      (g.className_ === "vector" || g.className_ === "satellite") && g.setVisible(g.className_ === t);
+    r && (r == null || r.getArray().forEach((f) => {
+      (f.className_ === "vector" || f.className_ === "satellite") && f.setVisible(f.className_ === t);
     }));
   }, o = oe(!1);
   return {
@@ -1330,8 +1330,8 @@ const at = (e, n) => {
             r.push(p);
           }
         } else {
-          const r = n(), g = r.getArray().find((p) => p.className_ === "greenTile");
-          g && r.remove(g);
+          const r = n(), f = r.getArray().find((p) => p.className_ === "greenTile");
+          f && r.remove(f);
         }
         o.value = t;
       }
@@ -1350,7 +1350,7 @@ const at = (e, n) => {
 }, Mo = (e) => {
   const n = "zh-map-location-layer";
   let s, l, i = null, o = null;
-  const f = (M) => {
+  const g = (M) => {
     if (!(!M || M.length === 0)) {
       if (l || (l = new ge()), l.clear(), o) {
         const x = M.find((y) => y.id === o.id);
@@ -1395,7 +1395,7 @@ const at = (e, n) => {
       });
     } else
       l.clear();
-  }, g = () => {
+  }, f = () => {
     var b;
     const M = i.get("loactionData"), x = (b = e == null ? void 0 : e.getView()) == null ? void 0 : b.getZoom();
     l.getFeatures().forEach((E) => {
@@ -1414,9 +1414,9 @@ const at = (e, n) => {
     o = M, i = x.find((y) => y.get("loactionData").id === M.id);
   };
   return {
-    render: f,
+    render: g,
     selected: p,
-    clearSelected: g,
+    clearSelected: f,
     clear: r
   };
 }, Co = (e) => {
@@ -1435,13 +1435,13 @@ const at = (e, n) => {
     l.value = F;
   };
   let o;
-  const f = oe(!1), w = () => {
-    Le(e, "crosshair"), g(), Co(e), e.on("pointermove", z), e.getViewport().addEventListener("mouseout", () => {
+  const g = oe(!1), w = () => {
+    Le(e, "crosshair"), f(), Co(e), e.on("pointermove", z), e.getViewport().addEventListener("mouseout", () => {
       o && o.classList.add("hidden");
-    }), x(), f.value = !0;
+    }), x(), g.value = !0;
   };
   let t, r;
-  const g = () => {
+  const f = () => {
     t = new ge(), r = new ye({
       source: t,
       zIndex: 1e3,
@@ -1533,7 +1533,7 @@ const at = (e, n) => {
       $[C] && ((u = (v = $[C]) == null ? void 0 : v.parentNode) == null || u.removeChild($[C]));
       const a = t.getFeatures();
       a[C] && t.removeFeature(a[C]);
-    }), H(), Lo(e), f.value = !1, Le(e, "pointer");
+    }), H(), Lo(e), g.value = !1, Le(e, "pointer");
   }, A = (F) => {
     var $, a, v, u;
     const C = s.value.findIndex((m) => m.id === F);
@@ -1560,7 +1560,7 @@ const at = (e, n) => {
     close: W,
     deleteLine: A,
     setUnit: i,
-    getState: () => f.value
+    getState: () => g.value
   };
 }, mt = (e, n) => {
   const l = Ke(e);
@@ -1580,8 +1580,8 @@ const at = (e, n) => {
 }, To = (e, n) => {
   let s, l, i = "close";
   const o = () => {
-    H(), i = "open", f(), Le(e, "crosshair");
-  }, f = () => {
+    H(), i = "open", g(), Le(e, "crosshair");
+  }, g = () => {
     r(), E(), W(), M();
   };
   let w = null, t = null;
@@ -1601,10 +1601,10 @@ const at = (e, n) => {
       T && ($.stopPropagation(), $.preventDefault());
     });
   };
-  let g;
+  let f;
   const p = (F) => {
     if (F.dragging) return;
-    const C = g ? "单击继续，双击结束" : "点击选择起点";
+    const C = f ? "单击继续，双击结束" : "点击选择起点";
     L && (L.innerHTML = C, D.setPosition(F.coordinate));
   };
   let T, z = !1;
@@ -1660,7 +1660,7 @@ const at = (e, n) => {
       })]
     }), e == null || e.addInteraction(T), T.on("drawstart", (F) => {
       var C;
-      g = F.feature, l = (C = g.getGeometry()) == null ? void 0 : C.on("change", ($) => {
+      f = F.feature, l = (C = f.getGeometry()) == null ? void 0 : C.on("change", ($) => {
         const a = $.target, v = x(a, "nm"), m = a.getCoordinates()[0], V = new ze([m[m.length - 2], m[m.length - 1]]), G = mt(V, "nm");
         if (z = Number(Ke(V) / 1e3) > 150, !v) return;
         const B = '<span class="error pl-4">超出可以绘画的距离</span>';
@@ -1728,7 +1728,7 @@ const at = (e, n) => {
   }, A = () => {
     s = null, o();
   }, H = () => {
-    i = "close", e.un("pointermove", p), g = null, T && (T.abortDrawing(), console.log("abortDrawing"), T.setActive(!1), (e == null ? void 0 : e.getInteractions()).forEach((C) => {
+    i = "close", e.un("pointermove", p), f = null, T && (T.abortDrawing(), console.log("abortDrawing"), T.setActive(!1), (e == null ? void 0 : e.getInteractions()).forEach((C) => {
       C instanceof Oe && (C.setActive(!1), e == null || e.removeInteraction(C));
     }), T = null), l && Xe(l), l = void 0, t == null || t.clear(), t = null, w && e.getAllLayers().includes(w) && (e.removeLayer(w), w = null), L != null && L.parentElement && (L.innerHTML = "", L.parentElement.removeChild(L), L = null), y != null && y.parentElement && (y.innerHTML = "", y.parentElement.removeChild(y), y = null), D && e.removeOverlay(D), b && e.removeOverlay(b), Le(e, "pointer");
   };
@@ -1766,12 +1766,12 @@ const at = (e, n) => {
       W.setStyle(A), b.push(W);
     }), n.addFeatures(b);
   };
-  let f = null, w = null;
+  let g = null, w = null;
   const t = (x, y) => {
-    f || (f = document.createElement("canvas"), w = f.getContext("2d", {
+    g || (g = document.createElement("canvas"), w = g.getContext("2d", {
       willReadFrequently: !0
     }));
-    const b = f, E = w;
+    const b = g, E = w;
     if (!E) return "";
     b.width = 0, b.height = 0;
     const L = 2, D = 8, W = window.devicePixelRatio || 1, A = "12px sans-serif";
@@ -1821,7 +1821,7 @@ const at = (e, n) => {
       // }),
     });
     return !b && !y ? H : [H, j];
-  }, g = () => {
+  }, f = () => {
     if (n)
       if (l) {
         console.log("清除非选中的港口");
@@ -1850,38 +1850,38 @@ const at = (e, n) => {
   };
   return {
     render: o,
-    clear: g,
+    clear: f,
     selected: p,
     handlePortHover: (x) => {
       x && x.get("portData") && (e != null && e.getTargetElement()) && Le(e, "pointer");
     }
   };
-}, So = (e, n, s, l, i, o, f) => {
+}, So = (e, n, s, l, i, o, g) => {
   const w = e.getInstall();
   w.on("moveend", () => {
     var t, r;
     try {
-      const g = e.getZoom();
-      (r = (t = n.getProps()).mapMoveEnd) == null || r.call(t, g), s.reRenderTrackLine(), l.changeShipScale("end");
-    } catch (g) {
-      console.log("moveend---catch", g);
+      const f = e.getZoom();
+      (r = (t = n.getProps()).mapMoveEnd) == null || r.call(t, f), s.reRenderTrackLine(), l.changeShipScale("end");
+    } catch (f) {
+      console.log("moveend---catch", f);
     }
   }), w.on("pointermove", (t) => {
     if (t.dragging || !w) return;
     const r = w.forEachFeatureAtPixel(
       t.pixel,
-      function(g) {
-        return g;
+      function(f) {
+        return f;
       },
       {
-        hitTolerance: 3,
+        hitTolerance: 3
         // 3像素的容差范围
-        layerFilter: function(g) {
-          return g.get("interactive") === !0;
-        }
+        // layerFilter: function (layer) {
+        //     return layer.get('interactive') === true; // 只检查可交互的图层
+        // }
       }
     );
-    s == null || s.handleTrackMapEvent(r, "hover", t), l == null || l.handleShipMapEvent(r, "hover"), r && (i == null || i.handlePortHover(r));
+    console.log("feature", r), s == null || s.handleTrackMapEvent(r, "hover", t), l == null || l.handleShipMapEvent(r, "hover"), r && (i == null || i.handlePortHover(r));
   }), w.on("movestart", () => {
     try {
       const t = w == null ? void 0 : w.getView().getZoom();
@@ -1890,8 +1890,8 @@ const at = (e, n) => {
       console.log("movestart---catch", t);
     }
   }), w.on("click", Re((t) => {
-    var r, g, p;
-    if (f.getState() !== "open")
+    var r, f, p;
+    if (g.getState() !== "open")
       try {
         if (console.log("1", o.getState()), o.getState()) return;
         const T = w.getEventPixel(t.originalEvent), z = w.forEachFeatureAtPixel(
@@ -1905,7 +1905,7 @@ const at = (e, n) => {
           l.handleShipMapEvent(z, "click", (r = n.getProps()) == null ? void 0 : r.selectShip);
         else if (z != null && z.get("portData")) {
           const M = z.get("portData");
-          i.selected(M), (p = (g = n.getProps()) == null ? void 0 : g.selectPort) == null || p.call(g, M);
+          i.selected(M), (p = (f = n.getProps()) == null ? void 0 : f.selectPort) == null || p.call(f, M);
         }
         t.preventDefault(), t.stopPropagation();
       } catch (T) {
@@ -1921,12 +1921,12 @@ const at = (e, n) => {
     createInstance: (l, i) => {
       const o = ro();
       o.initMap(l, i);
-      const f = o.getInstall(), w = ko(f), t = po();
+      const g = o.getInstall(), w = ko(g), t = po();
       t.setProps(i), w.setShowLayerType(i.layerType), w.setGreenTileVisible(i.showGreenLayer);
-      const r = ao(f), g = co(f, r), p = bo(f), T = Mo(f), z = Eo(f, t), M = To(f, t), x = Po(f);
+      const r = ao(g), f = co(g, r), p = bo(g), T = Mo(g), z = Eo(g, t), M = To(g, t), x = Po(g);
       So(o, t, r, p, x, z, M);
       const y = () => {
-        const E = f.getView().calculateExtent(o.getSize()), L = Me([E[0], E[1]], _.mercator, _.data), D = Me([E[2], E[3]], _.mercator, _.data);
+        const E = g.getView().calculateExtent(o.getSize()), L = Me([E[0], E[1]], _.mercator, _.data), D = Me([E[2], E[3]], _.mercator, _.data);
         return [L[0], L[1], D[0], D[1]];
       }, b = {
         id: Symbol("map-instance"),
@@ -1940,7 +1940,7 @@ const at = (e, n) => {
           layer: w,
           ship: p,
           track: r,
-          carTrack: g,
+          carTrack: f,
           port: {
             render: x.render,
             clear: x.clear,
@@ -1988,13 +1988,13 @@ const at = (e, n) => {
     } }
   },
   setup(e, { expose: n }) {
-    const s = oe(), l = oe(), i = No(), o = oe(), f = e, w = oe({
+    const s = oe(), l = oe(), i = No(), o = oe(), g = e, w = oe({
       getInstall() {
       }
     });
     return zt(() => {
       var t;
-      o.value = i.createInstance(s.value, f), w.value = o.value.methods, (t = l.value) == null || t.setScaleLine(o.value.map, f.scaleLineUnit);
+      o.value = i.createInstance(s.value, g), w.value = o.value.methods, (t = l.value) == null || t.setScaleLine(o.value.map, g.scaleLineUnit);
     }), Ot(() => {
       var t, r;
       i.destroyInstance((t = o == null ? void 0 : o.value) == null ? void 0 : t.id), (r = o.value) == null || r.destroy();
@@ -2016,16 +2016,16 @@ const at = (e, n) => {
         return (t = o.value) == null ? void 0 : t.methods.getView();
       },
       setCenter: (t, r) => {
-        var g;
-        return (g = o.value) == null ? void 0 : g.methods.setCenter(t, r);
+        var f;
+        return (f = o.value) == null ? void 0 : f.methods.setCenter(t, r);
       },
       getSize: () => {
         var t;
         return (t = o.value) == null ? void 0 : t.methods.getSize();
       },
       getCenter: (t, r) => {
-        var g;
-        return (g = o.value) == null ? void 0 : g.methods.getCenter();
+        var f;
+        return (f = o.value) == null ? void 0 : f.methods.getCenter();
       },
       layer: {
         setGreenTileVisible: (t) => {
@@ -2121,8 +2121,8 @@ const at = (e, n) => {
       },
       port: {
         render: (t, r) => {
-          var g;
-          return (g = o.value) == null ? void 0 : g.methods.port.render(t, r);
+          var f;
+          return (f = o.value) == null ? void 0 : f.methods.port.render(t, r);
         },
         clear: () => {
           var t;
@@ -2198,8 +2198,8 @@ const at = (e, n) => {
           return (r = o.value) == null ? void 0 : r.methods.utils.convertSixHundredThousandToLatLng(...t);
         },
         calculateCirclePoints: (t, r) => {
-          var g;
-          return (g = o.value) == null ? void 0 : g.methods.utils.calculateCirclePoints(t, r);
+          var f;
+          return (f = o.value) == null ? void 0 : f.methods.utils.calculateCirclePoints(t, r);
         }
       }
     }), (t, r) => (Qe(), Je("div", $o, [

package/dist/es/index.js

@@ -17,7 +17,7 @@ import { Z as B } from "./BaseInfo-BhnEjLKF.js";
 import { Z as g } from "./DetailHeader-DaabNj_4.js";
 import { Z as x } from "./DiyDataTable-D-UZVciZ.js";
 import { D as V } from "./DiyDataTable-D-UZVciZ.js";
-import { Z as G } from "./Map-myp8PNlU.js";
+import { Z as G } from "./Map-BtQEJVq-.js";
 import { Z as M } from "./Table-B_3YA1mb.js";
 import { Z as $ } from "./BaseItem-C4NJy1i4.js";
 const A = [

package/dist/umd/index.umd.cjs

@@ -231,7 +231,7 @@ fe.version="2.30.1",Z4(Tt),fe.fn=le,fe.min=BV,fe.max=VV,fe.now=$V,fe.utc=mi,fe.u
                     </clipPath>
                 </defs>
                 </svg>
-            `,C=()=>`data:image/svg+xml;utf8,${encodeURIComponent(w(y?"#FF5733":"#3370FF"))}`,b=t.getView().getZoom(),E=m.get("portData"),S=window.devicePixelRatio||1,v=new Ct({image:new ao({src:C(),scale:.5*b/10}),zIndex:y?110:100}),k=new Ct({image:new ao({src:c(E.shortName,y),anchor:[.5,.5],displacement:[0,-26],scale:1/S,anchorXUnits:"fraction",anchorYUnits:"fraction"}),zIndex:y?110:100});return!_&&!y?v:[v,k]},u=()=>{if(e)if(r){console.log("清除非选中的港口");const m=r.get("portData").id;e.getFeatures().forEach(y=>{y.get("portData").id!==m&&e.removeFeature(y)})}else console.log("清除所有港口",e),e==null||e.clear()},f=m=>{if(e){if(!m)return p();(r==null?void 0:r.get("portData").id)!==m.id&&(p(),g(m))}},p=()=>{var m;if(r){const y=r==null?void 0:r.get("portData"),_=(m=e.getFeatures())==null?void 0:m.find(w=>w.get("portData").id===y.id);_&&(_.set("select",!1),_.setStyle(d(_)),r=null,o=null)}},g=m=>{if(!e)return;const y=e.getFeatures();o=m,r=y.find(_=>_.get("portData").id===m.id),r&&(r.set("select",!0),r.setStyle(d(r)))};return{render:s,clear:u,selected:f,handlePortHover:m=>{m&&m.get("portData")&&(t!=null&&t.getTargetElement())&&Vc(t,"pointer")}}},H7=(t,e,n,r,o,s,a)=>{const l=t.getInstall();l.on("moveend",()=>{var c,d;try{const u=t.getZoom();(d=(c=e.getProps()).mapMoveEnd)==null||d.call(c,u),n.reRenderTrackLine(),r.changeShipScale("end")}catch(u){console.log("moveend---catch",u)}}),l.on("pointermove",c=>{if(c.dragging||!l)return;const d=l.forEachFeatureAtPixel(c.pixel,function(u){return u},{hitTolerance:3,layerFilter:function(u){return u.get("interactive")===!0}});n==null||n.handleTrackMapEvent(d,"hover",c),r==null||r.handleShipMapEvent(d,"hover"),d&&(o==null||o.handlePortHover(d))}),l.on("movestart",()=>{try{const c=l==null?void 0:l.getView().getZoom();c&&c<=Mr.shipModelMax&&c>=Mr.shipTriggleMin&&r.changeShipScale("start"),r.hiddenShipBlink()}catch(c){console.log("movestart---catch",c)}}),l.on("click",Nr(c=>{var d,u,f;if(a.getState()!=="open")try{if(console.log("1",s.getState()),s.getState())return;const p=l.getEventPixel(c.originalEvent),g=l.forEachFeatureAtPixel(p,h=>{if(h!=null&&h.get("shipData")||h!=null&&h.get("portData"))return h});if(g!=null&&g.get("shipData"))r.handleShipMapEvent(g,"click",(d=e.getProps())==null?void 0:d.selectShip);else if(g!=null&&g.get("portData")){const h=g.get("portData");o.selected(h),(f=(u=e.getProps())==null?void 0:u.selectPort)==null||f.call(u,h)}c.preventDefault(),c.stopPropagation()}catch(p){console.log("click---catch",p)}},150)),l.getView().on("change:resolution",Nr(()=>{const c=l==null?void 0:l.getView().getZoom();c&&c<=Mr.shipModelMax&&c>=Mr.shipTriggleMin&&r.changeSelectedScale("start")},10))},U7=()=>{const t=i.reactive([]);return{createInstance:(r,o)=>{const s=r7();s.initMap(r,o);const a=s.getInstall(),l=O7(a),c=N7();c.setProps(o),l.setShowLayerType(o.layerType),l.setGreenTileVisible(o.showGreenLayer);const d=w7(a),u=l7(a,d),f=I7(a),p=L7(a),g=Y7(a,c),h=W7(a,c),m=j7(a);H7(s,c,d,f,m,g,h);const y=()=>{const w=a.getView().calculateExtent(s.getSize()),C=Qi([w[0],w[1]],Yn.mercator,Yn.data),b=Qi([w[2],w[3]],Yn.mercator,Yn.data);return[C[0],C[1],b[0],b[1]]},_={id:Symbol("map-instance"),innerMap:null,map:s.getInstall(),destroy:()=>{t.splice(t.indexOf(_),1)},methods:{...s,layer:l,ship:f,track:d,carTrack:u,port:{render:m.render,clear:m.clear,selected:m.selected},position:p,drawLine:g,drawPolygon:h,utils:{getCalculateExtent:y,convertSixHundredThousandToLatLng:b0,calculateCirclePoints:i7}}};return t.push(_),_},destroyInstance:r=>{const o=t.findIndex(s=>s.id===r);o>-1&&(t[o].destroy(),t.splice(o,1))},destroyAll:()=>{t.forEach(r=>r.destroy()),t.splice(0,t.length)},getAllInstances:()=>[...t]}},K7={class:"zh-map-box"},X7=i.defineComponent({__name:"Map",props:{zoom:{default:Mr.default},center:{default:FG},layerType:{default:"vector"},showGreenLayer:{type:Boolean,default:!1},showScale:{type:Boolean,default:!0},scaleLineUnit:{default:"metric"},mapMoveEnd:{type:Function,default:()=>{}},lineDrawEnd:{},areaDrawEnd:{type:Function,default:()=>{}},selectShip:{type:Function,default:()=>{}},selectPort:{type:Function,default:()=>{}}},setup(t,{expose:e}){const n=i.ref(),r=i.ref(),o=U7(),s=i.ref(),a=t,l=i.ref({getInstall(){}});return i.onMounted(()=>{var c;s.value=o.createInstance(n.value,a),l.value=s.value.methods,(c=r.value)==null||c.setScaleLine(s.value.map,a.scaleLineUnit)}),i.onUnmounted(()=>{var c,d;o.destroyInstance((c=s==null?void 0:s.value)==null?void 0:c.id),(d=s.value)==null||d.destroy()}),e({getZoom:()=>{var c;return(c=s.value)==null?void 0:c.methods.getZoom()},setZoom:c=>{var d;return(d=s.value)==null?void 0:d.methods.setZoom(c)},getInstall:()=>{var c;return(c=s.value)==null?void 0:c.methods.getInstall()},getView:()=>{var c;return(c=s.value)==null?void 0:c.methods.getView()},setCenter:(c,d)=>{var u;return(u=s.value)==null?void 0:u.methods.setCenter(c,d)},getSize:()=>{var c;return(c=s.value)==null?void 0:c.methods.getSize()},getCenter:(c,d)=>{var u;return(u=s.value)==null?void 0:u.methods.getCenter()},layer:{setGreenTileVisible:c=>{var d;return(d=s.value)==null?void 0:d.methods.layer.setGreenTileVisible(c)},getGreenTileVisible:()=>{var c;return(c=s.value)==null?void 0:c.methods.layer.getGreenTileVisible()},getShowLayerType:()=>{var c;return(c=s.value)==null?void 0:c.methods.layer.getShowLayerType()},setShowLayerType:c=>{var d;return(d=s.value)==null?void 0:d.methods.layer.setShowLayerType(c)}},ship:{render:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.ship.render(...c)},selected:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.ship.selected(...c)},filter:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.ship.filter(...c)},blinking:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.ship.blinking(...c)},clear:()=>{var c;return(c=s.value)==null?void 0:c.methods.ship.clear()}},track:{render:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.render(...c)},remove:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.remove(...c)},play:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.play(...c)},setCenter:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.setCenter(...c)},close:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.close(...c)},getLength:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.getLength(...c)}},carTrack:{location:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.carTrack.location(...c)},remove:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.carTrack.remove(...c)},renderTrack:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.carTrack.renderTrack(...c)},setCenter:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.carTrack.setCenter(...c)},closeTrack:()=>{var c;return(c=s.value)==null?void 0:c.methods.carTrack.closeTrack()},playTrack:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.carTrack.playTrack(...c)}},port:{render:(c,d)=>{var u;return(u=s.value)==null?void 0:u.methods.port.render(c,d)},clear:()=>{var c;return(c=s.value)==null?void 0:c.methods.port.clear()},selected:c=>{var d;return(d=s.value)==null?void 0:d.methods.port.selected(c)}},position:{render:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.position.render(...c)},selected:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.position.selected(...c)},clearSelected:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.position.clearSelected(...c)},clear:()=>{var c;return(c=s.value)==null?void 0:c.methods.position.clear()}},drawLine:{open:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawLine.open()},close:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawLine.close()},deleteLine:c=>{var d;return(d=s.value)==null?void 0:d.methods.drawLine.deleteLine(c)},setUnit:c=>{var d;return(d=s.value)==null?void 0:d.methods.drawLine.setUnit(c)},getState:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawLine.getState()}},drawPolygon:{open:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawPolygon.open()},close:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawPolygon.close()},reset:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawPolygon.reset()}},utils:{getCalculateExtent:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.utils.getCalculateExtent(...c)},convertSixHundredThousandToLatLng:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.utils.convertSixHundredThousandToLatLng(...c)},calculateCirclePoints:(c,d)=>{var u;return(u=s.value)==null?void 0:u.methods.utils.calculateCirclePoints(c,d)}}}),(c,d)=>(i.openBlock(),i.createElementBlock("div",K7,[i.createElementVNode("div",{id:"map",ref_key:"zhMapRef",ref:n,class:"zh-map"},null,512),i.createVNode(uG,{ref_key:"scaleLineRef",ref:r},null,512),i.createVNode(hG,{ref:"zoomControlRef","map-instance":s.value},null,8,["map-instance"])]))}}),H2=Dt(Ft(X7,[["__scopeId","data-v-1fa3c6fd"]]));var Z7={name:"zh-cn",el:{breadcrumb:{label:"面包屑"},colorpicker:{confirm:"确定",clear:"清空",defaultLabel:"颜色选择器",description:"当前颜色 {color}，按 Enter 键选择新颜色",alphaLabel:"选择透明度的值"},datepicker:{now:"此刻",today:"今天",cancel:"取消",clear:"清空",confirm:"确定",dateTablePrompt:"使用方向键与 Enter 键可选择日期",monthTablePrompt:"使用方向键与 Enter 键可选择月份",yearTablePrompt:"使用方向键与 Enter 键可选择年份",selectedDate:"已选日期",selectDate:"选择日期",selectTime:"选择时间",startDate:"开始日期",startTime:"开始时间",endDate:"结束日期",endTime:"结束时间",prevYear:"前一年",nextYear:"后一年",prevMonth:"上个月",nextMonth:"下个月",year:"年",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},weeksFull:{sun:"星期日",mon:"星期一",tue:"星期二",wed:"星期三",thu:"星期四",fri:"星期五",sat:"星期六"},months:{jan:"一月",feb:"二月",mar:"三月",apr:"四月",may:"五月",jun:"六月",jul:"七月",aug:"八月",sep:"九月",oct:"十月",nov:"十一月",dec:"十二月"}},inputNumber:{decrease:"减少数值",increase:"增加数值"},select:{loading:"加载中",noMatch:"无匹配数据",noData:"无数据",placeholder:"请选择"},dropdown:{toggleDropdown:"切换下拉选项"},mention:{loading:"加载中"},cascader:{noMatch:"无匹配数据",loading:"加载中",placeholder:"请选择",noData:"暂无数据"},pagination:{goto:"前往",pagesize:"条/页",total:"共 {total} 条",pageClassifier:"页",page:"页",prev:"上一页",next:"下一页",currentPage:"第 {pager} 页",prevPages:"向前 {pager} 页",nextPages:"向后 {pager} 页",deprecationWarning:"你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"},dialog:{close:"关闭此对话框"},drawer:{close:"关闭此对话框"},messagebox:{title:"提示",confirm:"确定",cancel:"取消",error:"输入的数据不合法!",close:"关闭此对话框"},upload:{deleteTip:"按 delete 键可删除",delete:"删除",preview:"查看图片",continue:"继续上传"},slider:{defaultLabel:"滑块介于 {min} 至 {max}",defaultRangeStartLabel:"选择起始值",defaultRangeEndLabel:"选择结束值"},table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",clearFilter:"全部",sumText:"合计"},tour:{next:"下一步",previous:"上一步",finish:"结束导览"},tree:{emptyText:"暂无数据"},transfer:{noMatch:"无匹配数据",noData:"无数据",titles:["列表 1","列表 2"],filterPlaceholder:"请输入搜索内容",noCheckedFormat:"共 {total} 项",hasCheckedFormat:"已选 {checked}/{total} 项"},image:{error:"加载失败"},pageHeader:{title:"返回"},popconfirm:{confirmButtonText:"确定",cancelButtonText:"取消"},carousel:{leftArrow:"上一张幻灯片",rightArrow:"下一张幻灯片",indicator:"幻灯片切换至索引 {index}"}}};/**!
+            `,C=()=>`data:image/svg+xml;utf8,${encodeURIComponent(w(y?"#FF5733":"#3370FF"))}`,b=t.getView().getZoom(),E=m.get("portData"),S=window.devicePixelRatio||1,v=new Ct({image:new ao({src:C(),scale:.5*b/10}),zIndex:y?110:100}),k=new Ct({image:new ao({src:c(E.shortName,y),anchor:[.5,.5],displacement:[0,-26],scale:1/S,anchorXUnits:"fraction",anchorYUnits:"fraction"}),zIndex:y?110:100});return!_&&!y?v:[v,k]},u=()=>{if(e)if(r){console.log("清除非选中的港口");const m=r.get("portData").id;e.getFeatures().forEach(y=>{y.get("portData").id!==m&&e.removeFeature(y)})}else console.log("清除所有港口",e),e==null||e.clear()},f=m=>{if(e){if(!m)return p();(r==null?void 0:r.get("portData").id)!==m.id&&(p(),g(m))}},p=()=>{var m;if(r){const y=r==null?void 0:r.get("portData"),_=(m=e.getFeatures())==null?void 0:m.find(w=>w.get("portData").id===y.id);_&&(_.set("select",!1),_.setStyle(d(_)),r=null,o=null)}},g=m=>{if(!e)return;const y=e.getFeatures();o=m,r=y.find(_=>_.get("portData").id===m.id),r&&(r.set("select",!0),r.setStyle(d(r)))};return{render:s,clear:u,selected:f,handlePortHover:m=>{m&&m.get("portData")&&(t!=null&&t.getTargetElement())&&Vc(t,"pointer")}}},H7=(t,e,n,r,o,s,a)=>{const l=t.getInstall();l.on("moveend",()=>{var c,d;try{const u=t.getZoom();(d=(c=e.getProps()).mapMoveEnd)==null||d.call(c,u),n.reRenderTrackLine(),r.changeShipScale("end")}catch(u){console.log("moveend---catch",u)}}),l.on("pointermove",c=>{if(c.dragging||!l)return;const d=l.forEachFeatureAtPixel(c.pixel,function(u){return u},{hitTolerance:3});console.log("feature",d),n==null||n.handleTrackMapEvent(d,"hover",c),r==null||r.handleShipMapEvent(d,"hover"),d&&(o==null||o.handlePortHover(d))}),l.on("movestart",()=>{try{const c=l==null?void 0:l.getView().getZoom();c&&c<=Mr.shipModelMax&&c>=Mr.shipTriggleMin&&r.changeShipScale("start"),r.hiddenShipBlink()}catch(c){console.log("movestart---catch",c)}}),l.on("click",Nr(c=>{var d,u,f;if(a.getState()!=="open")try{if(console.log("1",s.getState()),s.getState())return;const p=l.getEventPixel(c.originalEvent),g=l.forEachFeatureAtPixel(p,h=>{if(h!=null&&h.get("shipData")||h!=null&&h.get("portData"))return h});if(g!=null&&g.get("shipData"))r.handleShipMapEvent(g,"click",(d=e.getProps())==null?void 0:d.selectShip);else if(g!=null&&g.get("portData")){const h=g.get("portData");o.selected(h),(f=(u=e.getProps())==null?void 0:u.selectPort)==null||f.call(u,h)}c.preventDefault(),c.stopPropagation()}catch(p){console.log("click---catch",p)}},150)),l.getView().on("change:resolution",Nr(()=>{const c=l==null?void 0:l.getView().getZoom();c&&c<=Mr.shipModelMax&&c>=Mr.shipTriggleMin&&r.changeSelectedScale("start")},10))},U7=()=>{const t=i.reactive([]);return{createInstance:(r,o)=>{const s=r7();s.initMap(r,o);const a=s.getInstall(),l=O7(a),c=N7();c.setProps(o),l.setShowLayerType(o.layerType),l.setGreenTileVisible(o.showGreenLayer);const d=w7(a),u=l7(a,d),f=I7(a),p=L7(a),g=Y7(a,c),h=W7(a,c),m=j7(a);H7(s,c,d,f,m,g,h);const y=()=>{const w=a.getView().calculateExtent(s.getSize()),C=Qi([w[0],w[1]],Yn.mercator,Yn.data),b=Qi([w[2],w[3]],Yn.mercator,Yn.data);return[C[0],C[1],b[0],b[1]]},_={id:Symbol("map-instance"),innerMap:null,map:s.getInstall(),destroy:()=>{t.splice(t.indexOf(_),1)},methods:{...s,layer:l,ship:f,track:d,carTrack:u,port:{render:m.render,clear:m.clear,selected:m.selected},position:p,drawLine:g,drawPolygon:h,utils:{getCalculateExtent:y,convertSixHundredThousandToLatLng:b0,calculateCirclePoints:i7}}};return t.push(_),_},destroyInstance:r=>{const o=t.findIndex(s=>s.id===r);o>-1&&(t[o].destroy(),t.splice(o,1))},destroyAll:()=>{t.forEach(r=>r.destroy()),t.splice(0,t.length)},getAllInstances:()=>[...t]}},K7={class:"zh-map-box"},X7=i.defineComponent({__name:"Map",props:{zoom:{default:Mr.default},center:{default:FG},layerType:{default:"vector"},showGreenLayer:{type:Boolean,default:!1},showScale:{type:Boolean,default:!0},scaleLineUnit:{default:"metric"},mapMoveEnd:{type:Function,default:()=>{}},lineDrawEnd:{},areaDrawEnd:{type:Function,default:()=>{}},selectShip:{type:Function,default:()=>{}},selectPort:{type:Function,default:()=>{}}},setup(t,{expose:e}){const n=i.ref(),r=i.ref(),o=U7(),s=i.ref(),a=t,l=i.ref({getInstall(){}});return i.onMounted(()=>{var c;s.value=o.createInstance(n.value,a),l.value=s.value.methods,(c=r.value)==null||c.setScaleLine(s.value.map,a.scaleLineUnit)}),i.onUnmounted(()=>{var c,d;o.destroyInstance((c=s==null?void 0:s.value)==null?void 0:c.id),(d=s.value)==null||d.destroy()}),e({getZoom:()=>{var c;return(c=s.value)==null?void 0:c.methods.getZoom()},setZoom:c=>{var d;return(d=s.value)==null?void 0:d.methods.setZoom(c)},getInstall:()=>{var c;return(c=s.value)==null?void 0:c.methods.getInstall()},getView:()=>{var c;return(c=s.value)==null?void 0:c.methods.getView()},setCenter:(c,d)=>{var u;return(u=s.value)==null?void 0:u.methods.setCenter(c,d)},getSize:()=>{var c;return(c=s.value)==null?void 0:c.methods.getSize()},getCenter:(c,d)=>{var u;return(u=s.value)==null?void 0:u.methods.getCenter()},layer:{setGreenTileVisible:c=>{var d;return(d=s.value)==null?void 0:d.methods.layer.setGreenTileVisible(c)},getGreenTileVisible:()=>{var c;return(c=s.value)==null?void 0:c.methods.layer.getGreenTileVisible()},getShowLayerType:()=>{var c;return(c=s.value)==null?void 0:c.methods.layer.getShowLayerType()},setShowLayerType:c=>{var d;return(d=s.value)==null?void 0:d.methods.layer.setShowLayerType(c)}},ship:{render:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.ship.render(...c)},selected:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.ship.selected(...c)},filter:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.ship.filter(...c)},blinking:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.ship.blinking(...c)},clear:()=>{var c;return(c=s.value)==null?void 0:c.methods.ship.clear()}},track:{render:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.render(...c)},remove:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.remove(...c)},play:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.play(...c)},setCenter:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.setCenter(...c)},close:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.close(...c)},getLength:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.track.getLength(...c)}},carTrack:{location:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.carTrack.location(...c)},remove:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.carTrack.remove(...c)},renderTrack:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.carTrack.renderTrack(...c)},setCenter:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.carTrack.setCenter(...c)},closeTrack:()=>{var c;return(c=s.value)==null?void 0:c.methods.carTrack.closeTrack()},playTrack:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.carTrack.playTrack(...c)}},port:{render:(c,d)=>{var u;return(u=s.value)==null?void 0:u.methods.port.render(c,d)},clear:()=>{var c;return(c=s.value)==null?void 0:c.methods.port.clear()},selected:c=>{var d;return(d=s.value)==null?void 0:d.methods.port.selected(c)}},position:{render:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.position.render(...c)},selected:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.position.selected(...c)},clearSelected:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.position.clearSelected(...c)},clear:()=>{var c;return(c=s.value)==null?void 0:c.methods.position.clear()}},drawLine:{open:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawLine.open()},close:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawLine.close()},deleteLine:c=>{var d;return(d=s.value)==null?void 0:d.methods.drawLine.deleteLine(c)},setUnit:c=>{var d;return(d=s.value)==null?void 0:d.methods.drawLine.setUnit(c)},getState:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawLine.getState()}},drawPolygon:{open:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawPolygon.open()},close:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawPolygon.close()},reset:()=>{var c;return(c=s.value)==null?void 0:c.methods.drawPolygon.reset()}},utils:{getCalculateExtent:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.utils.getCalculateExtent(...c)},convertSixHundredThousandToLatLng:(...c)=>{var d;return(d=s.value)==null?void 0:d.methods.utils.convertSixHundredThousandToLatLng(...c)},calculateCirclePoints:(c,d)=>{var u;return(u=s.value)==null?void 0:u.methods.utils.calculateCirclePoints(c,d)}}}),(c,d)=>(i.openBlock(),i.createElementBlock("div",K7,[i.createElementVNode("div",{id:"map",ref_key:"zhMapRef",ref:n,class:"zh-map"},null,512),i.createVNode(uG,{ref_key:"scaleLineRef",ref:r},null,512),i.createVNode(hG,{ref:"zoomControlRef","map-instance":s.value},null,8,["map-instance"])]))}}),H2=Dt(Ft(X7,[["__scopeId","data-v-1fa3c6fd"]]));var Z7={name:"zh-cn",el:{breadcrumb:{label:"面包屑"},colorpicker:{confirm:"确定",clear:"清空",defaultLabel:"颜色选择器",description:"当前颜色 {color}，按 Enter 键选择新颜色",alphaLabel:"选择透明度的值"},datepicker:{now:"此刻",today:"今天",cancel:"取消",clear:"清空",confirm:"确定",dateTablePrompt:"使用方向键与 Enter 键可选择日期",monthTablePrompt:"使用方向键与 Enter 键可选择月份",yearTablePrompt:"使用方向键与 Enter 键可选择年份",selectedDate:"已选日期",selectDate:"选择日期",selectTime:"选择时间",startDate:"开始日期",startTime:"开始时间",endDate:"结束日期",endTime:"结束时间",prevYear:"前一年",nextYear:"后一年",prevMonth:"上个月",nextMonth:"下个月",year:"年",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},weeksFull:{sun:"星期日",mon:"星期一",tue:"星期二",wed:"星期三",thu:"星期四",fri:"星期五",sat:"星期六"},months:{jan:"一月",feb:"二月",mar:"三月",apr:"四月",may:"五月",jun:"六月",jul:"七月",aug:"八月",sep:"九月",oct:"十月",nov:"十一月",dec:"十二月"}},inputNumber:{decrease:"减少数值",increase:"增加数值"},select:{loading:"加载中",noMatch:"无匹配数据",noData:"无数据",placeholder:"请选择"},dropdown:{toggleDropdown:"切换下拉选项"},mention:{loading:"加载中"},cascader:{noMatch:"无匹配数据",loading:"加载中",placeholder:"请选择",noData:"暂无数据"},pagination:{goto:"前往",pagesize:"条/页",total:"共 {total} 条",pageClassifier:"页",page:"页",prev:"上一页",next:"下一页",currentPage:"第 {pager} 页",prevPages:"向前 {pager} 页",nextPages:"向后 {pager} 页",deprecationWarning:"你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"},dialog:{close:"关闭此对话框"},drawer:{close:"关闭此对话框"},messagebox:{title:"提示",confirm:"确定",cancel:"取消",error:"输入的数据不合法!",close:"关闭此对话框"},upload:{deleteTip:"按 delete 键可删除",delete:"删除",preview:"查看图片",continue:"继续上传"},slider:{defaultLabel:"滑块介于 {min} 至 {max}",defaultRangeStartLabel:"选择起始值",defaultRangeEndLabel:"选择结束值"},table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",clearFilter:"全部",sumText:"合计"},tour:{next:"下一步",previous:"上一步",finish:"结束导览"},tree:{emptyText:"暂无数据"},transfer:{noMatch:"无匹配数据",noData:"无数据",titles:["列表 1","列表 2"],filterPlaceholder:"请输入搜索内容",noCheckedFormat:"共 {total} 项",hasCheckedFormat:"已选 {checked}/{total} 项"},image:{error:"加载失败"},pageHeader:{title:"返回"},popconfirm:{confirmButtonText:"确定",cancelButtonText:"取消"},carousel:{leftArrow:"上一张幻灯片",rightArrow:"下一张幻灯片",indicator:"幻灯片切换至索引 {index}"}}};/**!
  * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>

package/package.json

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