zhihao-ui 1.3.19 → 1.3.20

package/dist/es/{Map-wVG8G0gT.js → Map-DlXenBet.js}

@@ -10,8 +10,8 @@ const _hoisted_1$2 = { id: "scale-line-container" }, _sfc_main$2 = /* @__PURE__
         i || (i = "metric");
         const t = new ScaleLine$1({
           units: i
-        }), v = document.getElementById("scale-line-container");
-        v && (t.setTarget(v), n.addControl(t));
+        }), m = document.getElementById("scale-line-container");
+        m && (t.setTarget(m), n.addControl(t));
       }
     }), (n, i) => (openBlock(), createElementBlock("div", _hoisted_1$2));
   }
@@ -28,13 +28,13 @@ const _hoisted_1$2 = { id: "scale-line-container" }, _sfc_main$2 = /* @__PURE__
     console.log("props", s);
     const l = () => {
       console.log("props");
-      const { setZoom: i, getZoom: t, getInstall: v } = s.mapInstance.methods;
-      if (!v()) return;
+      const { setZoom: i, getZoom: t, getInstall: m } = s.mapInstance.methods;
+      if (!m()) return;
       const o = t();
       o && i(o + 1);
     }, n = () => {
-      const { setZoom: i, getZoom: t, getInstall: v } = s.mapInstance.methods;
-      if (!v()) return;
+      const { setZoom: i, getZoom: t, getInstall: m } = s.mapInstance.methods;
+      if (!m()) return;
       const o = t();
       o && i(o - 1);
     };
@@ -81,15 +81,15 @@ function useMapInitializer() {
   }, t = (y, P) => {
     var V;
     (V = l()) == null || V.setCenter(fromLonLat([y, P]));
-  }, v = () => {
+  }, m = () => {
     var P;
     const y = (P = l()) == null ? void 0 : P.getCenter();
     return toLonLat(y);
-  }, w = () => {
+  }, v = () => {
     var y;
     return (y = s()) == null ? void 0 : y.getSize();
   }, o = new Map$2(), r = (y, P) => {
-    L(P);
+    p(P);
     const V = {
       zoom: P.zoom,
       center: fromLonLat(P.center),
@@ -112,7 +112,7 @@ function useMapInitializer() {
       view: new View(V)
     });
     e.value = f;
-  }, L = (y) => {
+  }, p = (y) => {
     o.set("vectorTile", new TileLayer({
       source: new XYZ({ url: BASE_MAP_LINK.vectorTile }),
       visible: y.layerType === "vector",
@@ -150,10 +150,10 @@ function useMapInitializer() {
     getZoom: n,
     setZoom: i,
     setCenter: t,
-    getCenter: v,
-    getSize: w,
+    getCenter: m,
+    getSize: v,
     initMap: r,
-    setBaseLayerMap: L
+    setBaseLayerMap: p
   };
 }
 const convertSixHundredThousandToLatLng = function(e, s) {
@@ -217,13 +217,13 @@ const getIconStyle = (e) => {
   return n !== 0 && (t = `${String(n).padStart(2, "0")}时${t}`), l !== 0 && (t = `${String(l).padStart(2, "0")}天${t}`), t;
 }, useCarTrackManager = (e, s) => {
   let l = null;
-  const n = async (L) => {
-    if (!e || (console.log("vehicleInfo", L), !(L != null && L.lon && (L != null && L.lat)))) return;
-    const y = Math.abs(Number(L.lon)) > 180 ? convertSixHundredThousandToLatLng(L.lon, L.lat) : [L.lon, L.lat];
-    i(L, fromLonLat(y));
+  const n = async (p) => {
+    if (!e || (console.log("vehicleInfo", p), !(p != null && p.lon && (p != null && p.lat)))) return;
+    const y = Math.abs(Number(p.lon)) > 180 ? convertSixHundredThousandToLatLng(p.lon, p.lat) : [p.lon, p.lat];
+    i(p, fromLonLat(y));
     const P = e == null ? void 0 : e.getView(), V = new Point(y);
     P.setCenter(transform(V.getCoordinates(), projection.data, projection.mercator));
-  }, i = (L, y) => {
+  }, i = (p, y) => {
     const P = `${CDN_URL}map/car-icon.gif`;
     l || (l = new Overlay({
       element: document.createElement("div"),
@@ -233,26 +233,26 @@ const getIconStyle = (e) => {
     }), e.addOverlay(l));
     const V = l.getElement();
     V.style.backgroundImage = `url(${P})`, V.style.width = "80px", V.style.height = "80px";
-    const f = (L == null ? void 0 : L.drc) || "";
+    const f = (p == null ? void 0 : p.drc) || "";
     V.style.transform = `rotate(${f}deg)`, V.style.backgroundSize = "cover", l == null || l.setPosition(y);
   };
   return {
     location: n,
     remove: () => {
-      const L = l == null ? void 0 : l.getElement();
-      L && (L.innerHTML = "");
+      const p = l == null ? void 0 : l.getElement();
+      p && (p.innerHTML = "");
     },
-    renderTrack: (L, y, P) => {
-      s.render(L, y, P, "truck", 1e3);
+    renderTrack: (p, y, P) => {
+      s.render(p, y, P, "truck", 1e3);
     },
-    setCenter: (L) => {
-      s.setCenter(L);
+    setCenter: (p) => {
+      s.setCenter(p);
     },
     closeTrack: () => {
       s.close();
     },
-    playTrack: (L, y) => {
-      s.play(L, y);
+    playTrack: (p, y) => {
+      s.play(p, y);
     }
   };
 };
@@ -262,13 +262,13 @@ const useTrackManager = (e) => {
   let n = null;
   const i = "--";
   let t = null;
-  const v = document.createElement("div"), w = new Overlay({
-    element: v,
+  const m = document.createElement("div"), v = new Overlay({
+    element: m,
     positioning: "top-left",
     stopEvent: !1,
     className: "track-label-popup"
   });
-  let o, r, L, y, P, V = !1, f = Date.now(), m, C = 0, x = null, T = 20, z = !1;
+  let o, r, p, y, P, V = !1, f = Date.now(), w, k = 0, L = null, S = 20, _ = !1;
   const H = 5, B = [], W = (a) => {
     var d;
     for (B.unshift(a); B.length > H; ) {
@@ -277,28 +277,28 @@ const useTrackManager = (e) => {
     }
   };
   let c = "";
-  const p = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], u = debounce(() => {
-    if (n && l[n] && s.get(n).getVisible() && z) {
+  const x = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], u = debounce(() => {
+    if (n && l[n] && s.get(n).getVisible() && _) {
       console.log("reRenderTrackLine------------");
       const a = cloneDeep(M(n, l[n]));
       ce(n, a);
     }
   }, 300), M = (a, d) => {
     let g = [];
-    const b = Math.max(1, Math.floor(d.length / T));
-    return g = d.filter((E, R) => R % b === 0).map((E, R) => {
-      if (Number(E.lon) > 180 || Number(E.lat) > 180) {
-        const [$, A] = convertSixHundredThousandToLatLng(E.lon, E.lat);
-        E.lon = $, E.lat = A;
+    const b = Math.max(1, Math.floor(d.length / S));
+    return g = d.filter((T, R) => R % b === 0).map((T, R) => {
+      if (Number(T.lon) > 180 || Number(T.lat) > 180) {
+        const [$, A] = convertSixHundredThousandToLatLng(T.lon, T.lat);
+        T.lon = $, T.lat = A;
       }
-      return E.center = [E.lon, E.lat], E.centerPoint = lonLatToMercator(E.center), E.time = hooks(E.createdAt).format("YYYY-MM-DD HH:mm:ss"), E.id = a, E.index = R, E;
+      return T.center = [T.lon, T.lat], T.centerPoint = lonLatToMercator(T.center), T.time = hooks(T.createdAt).format("YYYY-MM-DD HH:mm:ss"), T.id = a, T.index = R, T;
     }), g;
-  }, D = async (a, d, g, b = "ship", k = 200) => {
-    if (!e || (d = d == null ? void 0 : d.reverse(), w && b === "ship" && (e != null && e.getOverlays().getArray().includes(w) || e.addOverlay(w)), (d == null ? void 0 : d.length) < 2))
+  }, D = async (a, d, g, b = "ship", C = 200) => {
+    if (!e || (d = d == null ? void 0 : d.reverse(), v && b === "ship" && (e != null && e.getOverlays().getArray().includes(v) || e.addOverlay(v)), (d == null ? void 0 : d.length) < 2))
       return;
-    W(a), n = a, l[a] = d, T = k;
-    const E = Object.keys(l).findIndex((R) => R === a) || 0;
-    c = g || p[E > 10 ? 10 : E], z = !0, await _(), await ne(n);
+    W(a), n = a, l[a] = d, S = C;
+    const T = Object.keys(l).findIndex((R) => R === a) || 0;
+    c = g || x[T > 10 ? 10 : T], _ = !0, await z(), await ne(n);
   }, N = (a) => {
     const d = new VectorSource();
     return new VectorLayer({
@@ -311,32 +311,32 @@ const useTrackManager = (e) => {
     });
   }, O = (a) => {
     s.forEach((d, g) => {
-      var k;
+      var C;
       const b = g === a;
-      d.getVisible() !== b && (d.setVisible(b), e.getLayers().getArray().includes(d) || e.addLayer(d), b || (k = d.getSource()) == null || k.clear());
+      d.getVisible() !== b && (d.setVisible(b), e.getLayers().getArray().includes(d) || e.addLayer(d), b || (C = d.getSource()) == null || C.clear());
     }), n = a;
-  }, _ = async () => {
+  }, z = async () => {
     const a = n;
     if (!s.has(a)) {
-      const E = N(a);
-      s.set(a, E);
+      const T = N(a);
+      s.set(a, T);
     }
     await O(a);
     const d = c || "", g = l[a] || [];
     if (!(g && g.length > 1)) return [];
     let b = [];
     b = M(a, g);
-    const k = b.map((E) => E.centerPoint);
-    b.length >= 2 && await F(a, k, d);
+    const C = b.map((T) => T.centerPoint);
+    b.length >= 2 && await F(a, C, d);
   }, F = (a, d, g) => {
-    const b = new LineString(d), k = s.get(a).getSource(), E = k.getFeatureById(a);
-    if (E)
-      E.setGeometry(b), E.setId(a), E.setStyle(Z(g)), x = E;
+    const b = new LineString(d), C = s.get(a).getSource(), T = C.getFeatureById(a);
+    if (T)
+      T.setGeometry(b), T.setId(a), T.setStyle(Z(g)), L = T;
     else {
       const R = new Feature({ geometry: b });
-      R.setId(a), R.set("type", "line"), R.setStyle(Z(g)), k.addFeature(R), x = R;
+      R.setId(a), R.set("type", "line"), R.setStyle(Z(g)), C.addFeature(R), L = R;
     }
-    return x;
+    return L;
   }, Z = (a) => new Style({
     stroke: new Stroke({
       color: a,
@@ -346,10 +346,10 @@ const useTrackManager = (e) => {
     const b = a == null ? void 0 : a.get("trackId");
     if (a && b && d === "hover") {
       e.getTargetElement().style.cursor = b ? "pointer" : "";
-      const k = a.get("data"), E = Q(k), R = g == null ? void 0 : g.coordinate;
-      R && (v.querySelector(".popup-content"), v.innerHTML = E, w == null || w.setPosition(R));
+      const C = a.get("data"), T = Q(C), R = g == null ? void 0 : g.coordinate;
+      R && (m.querySelector(".popup-content"), m.innerHTML = T, v == null || v.setPosition(R));
     } else
-      w && w.setPosition(void 0);
+      v && v.setPosition(void 0);
   }, Q = (a) => {
     if (!(a != null && a.time)) return;
     let d = "";
@@ -404,29 +404,29 @@ const useTrackManager = (e) => {
     let b = 0;
     g[0].distance = 0;
     for (let $ = 1; $ < g.length; $++) {
-      const A = g[$ - 1].pixel, Y = g[$].pixel, X = Y[0] - A[0], S = Y[1] - A[1];
-      b += Math.sqrt(X * X + S * S), g[$].distance = b;
+      const A = g[$ - 1].pixel, Y = g[$].pixel, X = Y[0] - A[0], E = Y[1] - A[1];
+      b += Math.sqrt(X * X + E * E), g[$].distance = b;
     }
-    const k = g.filter(
+    const C = g.filter(
       ($, A) => A === 0 || A === g.length - 1
-    ), E = [];
-    for (let $ = 0; $ < k.length; $++) {
-      const A = k[$];
-      if (E.push(A), $ < k.length - 1) {
-        const Y = k[$ + 1], X = Y.distance - A.distance, S = Math.floor(X / 100);
-        for (let G = 1; G <= S; G++) {
+    ), T = [];
+    for (let $ = 0; $ < C.length; $++) {
+      const A = C[$];
+      if (T.push(A), $ < C.length - 1) {
+        const Y = C[$ + 1], X = Y.distance - A.distance, E = Math.floor(X / 100);
+        for (let G = 1; G <= E; G++) {
           const j = A.distance + G * 100;
           if (j >= Y.distance) break;
           const q = ae(
             g,
             j
           );
-          q && E.push(q);
+          q && T.push(q);
         }
       }
     }
     return Array.from(
-      new Map(E.map(($) => [$.distance.toFixed(2), $])).values()
+      new Map(T.map(($) => [$.distance.toFixed(2), $])).values()
     ).map(($) => ({
       ...$.original,
       // 优先保留原始数据
@@ -440,9 +440,9 @@ const useTrackManager = (e) => {
   };
   function ae(a, d) {
     for (let g = 1; g < a.length; g++) {
-      const b = a[g - 1], k = a[g];
-      if (d >= b.distance && d <= k.distance) {
-        const E = (d - b.distance) / (k.distance - b.distance), R = b.pixel[0] + E * (k.pixel[0] - b.pixel[0]), $ = b.pixel[1] + E * (k.pixel[1] - b.pixel[1]), A = e == null ? void 0 : e.getCoordinateFromPixel([R, $]);
+      const b = a[g - 1], C = a[g];
+      if (d >= b.distance && d <= C.distance) {
+        const T = (d - b.distance) / (C.distance - b.distance), R = b.pixel[0] + T * (C.pixel[0] - b.pixel[0]), $ = b.pixel[1] + T * (C.pixel[1] - b.pixel[1]), A = e == null ? void 0 : e.getCoordinateFromPixel([R, $]);
         return {
           ...b,
           // 继承前一个点的属性（可调整）
@@ -458,9 +458,9 @@ const useTrackManager = (e) => {
   }
   const ce = async (a, d) => {
     await re(), await ge(a);
-    const g = ie(d), b = g.map((E) => de(E));
-    s.get(a).getSource().addFeatures(b), he(a, g, d, c), g.forEach((E) => {
-      const R = ue(a, c, E);
+    const g = ie(d), b = g.map((T) => de(T));
+    s.get(a).getSource().addFeatures(b), he(a, g, d, c), g.forEach((T) => {
+      const R = ue(a, c, T);
       e.addOverlay(R);
     });
   }, de = (a) => {
@@ -488,7 +488,7 @@ const useTrackManager = (e) => {
               stroke="${d}"
               stroke-width="1" />
     `;
-    const k = new Overlay({
+    const C = new Overlay({
       element: b,
       position: fromLonLat(g.center),
       positioning: "top-left",
@@ -496,7 +496,7 @@ const useTrackManager = (e) => {
       stopEvent: !1,
       className: "track-label-time-overlay"
     });
-    return k.set("class", "track-label-overlay"), k.set("trackId", a), k;
+    return C.set("class", "track-label-overlay"), C.set("trackId", a), C;
   }, re = () => {
     const a = e == null ? void 0 : e.getOverlays().getArray(), d = a == null ? void 0 : a.filter((g) => g.get("class") === "track-label-overlay");
     d && d.length > 0 && d.forEach((g) => {
@@ -525,7 +525,7 @@ const useTrackManager = (e) => {
     })
     // textStyle,
   ]), ye = (a) => {
-    const d = "#E31818", g = "#1890FF", b = "&#xe6d2", k = new Style({
+    const d = "#E31818", g = "#1890FF", b = "&#xe6d2", C = new Style({
       text: new Text({
         font: "Normal 22px map-iconfont",
         text: getIconFont(b),
@@ -536,18 +536,18 @@ const useTrackManager = (e) => {
       }),
       zIndex: 99
     }), R = getIconStyle("&#xe6e2;"), A = getIconStyle("&#xe703;"), Y = [];
-    return Number(a.state) === 0 ? Y.push(R) : Number(a.state) === 1 && Y.push(A), Y.push(k), Y;
+    return Number(a.state) === 0 ? Y.push(R) : Number(a.state) === 1 && Y.push(A), Y.push(C), Y;
   }, he = (a, d, g, b) => {
-    const k = d || [], E = d.length;
-    E || (k.push(g[0]), k.push(g[g.length - 1]));
+    const C = d || [], T = d.length;
+    T || (C.push(g[0]), C.push(g[g.length - 1]));
     const R = [];
-    for (let A = 0; A < E - 1; A++) {
+    for (let A = 0; A < T - 1; A++) {
       let Y;
-      const X = d[A], S = (d[A + 1].index + X.index) / 2;
-      if (S % 2 === 0)
-        Y = g[S].centerPoint;
+      const X = d[A], E = (d[A + 1].index + X.index) / 2;
+      if (E % 2 === 0)
+        Y = g[E].centerPoint;
       else {
-        const G = g[Math.floor(S)], j = g[Math.ceil(S)];
+        const G = g[Math.floor(E)], j = g[Math.ceil(E)];
         if (G && j) {
           const [q, J] = G.centerPoint, [I, ee] = j.centerPoint;
           Y = [(q + I) / 2, (J + ee) / 2];
@@ -576,24 +576,24 @@ const useTrackManager = (e) => {
     const $ = s.get(a).getSource();
     $ == null || $.addFeatures(R);
   }, ne = (a) => {
-    var E, R;
-    const d = e.getView(), g = (E = s == null ? void 0 : s.get(a)) == null ? void 0 : E.getSource(), b = x || (a ? g == null ? void 0 : g.getFeatureById(a) : null);
+    var T, R;
+    const d = e.getView(), g = (T = s == null ? void 0 : s.get(a)) == null ? void 0 : T.getSource(), b = L || (a ? g == null ? void 0 : g.getFeatureById(a) : null);
     if (!b) return;
-    const k = (R = b == null ? void 0 : b.getGeometry()) == null ? void 0 : R.getExtent();
-    if (k != null && k.length)
+    const C = (R = b == null ? void 0 : b.getGeometry()) == null ? void 0 : R.getExtent();
+    if (C != null && C.length)
       try {
-        const $ = buffer(k, Math.max(k[2] - k[0], k[3] - k[1]) * 0.02);
+        const $ = buffer(C, Math.max(C[2] - C[0], C[3] - C[1]) * 0.02);
         d.fit($);
       } catch ($) {
         console.log($);
       }
   }, me = (a) => {
-    const d = "&#xe69b;", k = a.index === 0 ? "#fcdc3f" : "#ff0000";
+    const d = "&#xe69b;", C = a.index === 0 ? "#fcdc3f" : "#ff0000";
     return [new Style({
       text: new Text({
         font: "Normal 14px map-iconfont",
         text: getIconFont(d),
-        fill: new Fill({ color: k })
+        fill: new Fill({ color: C })
       }),
       zIndex: 101
     })];
@@ -603,28 +603,28 @@ const useTrackManager = (e) => {
       (g = d.getSource()) == null || g.clear(), e == null || e.removeLayer(d);
     }), Object.keys(l).forEach((d) => {
       s.delete(d), delete l[d];
-    }), z = !1, re();
+    }), _ = !1, re();
   }, we = (a) => {
     const d = s.get(a || n);
     d == null || d.setVisible(!1);
     const g = e.getOverlays().getArray();
     for (let b = 0; b < g.length; ) {
-      const k = g[b];
-      k.get("class") === "track-label-overlay" ? (k.setPosition(void 0), e.removeOverlay(k)) : b++;
+      const C = g[b];
+      C.get("class") === "track-label-overlay" ? (C.setPosition(void 0), e.removeOverlay(C)) : b++;
     }
     U();
   }, pe = (a, d = LENGTH_UNIT.NM) => {
     const g = {
       id: a,
       length: "--"
-    }, k = (l[a] || []).map(
+    }, C = (l[a] || []).map(
       (R) => transform([R.lon, R.lat], projection.data, projection.mercator)
-    ), E = new LineString(k);
-    return g.length = formatLength(E, d) || "--", g;
+    ), T = new LineString(C);
+    return g.length = formatLength(T, d) || "--", g;
   }, Le = (a, d) => {
     xe(String(a), d);
   }, xe = (a, d) => {
-    const g = l[String(a)], b = g == null ? void 0 : g.map((k) => [k.lon, k.lat]);
+    const g = l[String(a)], b = g == null ? void 0 : g.map((C) => [C.lon, C.lat]);
     b && ke(b, d);
   }, te = new Style({
     text: new Text({
@@ -635,30 +635,30 @@ const useTrackManager = (e) => {
       // 初始旋转角度
     })
   }), be = (a, d) => {
-    var S, G;
-    const g = Number(50 * d), b = ((S = a.frameState) == null ? void 0 : S.time) ?? Date.now(), k = b - f;
-    if (C = (C + g * k / 1e6) % 2, f = b, C >= 1) {
+    var E, G;
+    const g = Number(50 * d), b = ((E = a.frameState) == null ? void 0 : E.time) ?? Date.now(), C = b - f;
+    if (k = (k + g * C / 1e6) % 2, f = b, k >= 1) {
       U();
       return;
     }
-    const E = r.getCoordinateAt(
-      C > 1 ? 2 - C : C
+    const T = r.getCoordinateAt(
+      k > 1 ? 2 - k : k
     ), R = r.getCoordinateAt(
-      C > 1 ? C - 0.01 : C
+      k > 1 ? k - 0.01 : k
     ), $ = r.getCoordinateAt(
-      C > 1 ? 2 - C : C + 0.01
+      k > 1 ? 2 - k : k + 0.01
     ), Y = le(
       mercatorToLonLat(R, "array"),
       mercatorToLonLat($, "array")
     ) * Math.PI / 180;
-    (G = te.getText()) == null || G.setRotation(Y), y.setCoordinates(E);
+    (G = te.getText()) == null || G.setRotation(Y), y.setCoordinates(T);
     const X = getVectorContext(a);
     X.setStyle(te), X.drawGeometry(y), e == null || e.render();
   }, Me = () => {
     var a;
-    V = !0, f = Date.now(), C = 0, y = ((a = L.getGeometry()) == null ? void 0 : a.clone()) || new Point([0, 0]), t && (m == null || m.on("postrender", t)), P == null || P.setGeometry(void 0);
+    V = !0, f = Date.now(), k = 0, y = ((a = p.getGeometry()) == null ? void 0 : a.clone()) || new Point([0, 0]), t && (w == null || w.on("postrender", t)), P == null || P.setGeometry(void 0);
   }, U = () => {
-    V && (V = !1, P == null || P.setGeometry(void 0), t && m && m.un("postrender", t), m && (e == null || e.removeLayer(m)), m = null, P = null);
+    V && (V = !1, P == null || P.setGeometry(void 0), t && w && w.un("postrender", t), w && (e == null || e.removeLayer(w)), w = null, P = null);
   }, ke = (a, d) => {
     V && U(), o = new Polyline({
       factor: 1e6
@@ -667,56 +667,56 @@ const useTrackManager = (e) => {
     }).readGeometry(o, {
       dataProjection: projection.data,
       featureProjection: projection.mercator
-    }), L = new Feature({
+    }), p = new Feature({
       type: "icon",
       geometry: new Point(r.getFirstCoordinate())
     });
-    const g = L.getGeometry();
+    const g = p.getGeometry();
     y = g ? g.clone() : new Point([0, 0]), P = new Feature({
       type: "geoMarker",
       style: te,
       geometry: y
-    }), m = new VectorLayer({
+    }), w = new VectorLayer({
       source: new VectorSource({
         features: [P]
       })
-    }), e == null || e.addLayer(m), t = (b) => be(b, d), Me();
+    }), e == null || e.addLayer(w), t = (b) => be(b, d), Me();
   }, le = (a, d, g) => {
-    function b(S) {
-      return 180 * (S % (2 * Math.PI)) / Math.PI;
+    function b(E) {
+      return 180 * (E % (2 * Math.PI)) / Math.PI;
     }
-    function k(S) {
-      return S % 360 * Math.PI / 180;
+    function C(E) {
+      return E % 360 * Math.PI / 180;
     }
-    function E(S) {
+    function T(E) {
       var G;
-      if (!S) throw new Error("Coordinate is required");
-      if (!Array.isArray(S)) {
-        if ((S == null ? void 0 : S.type) === "Feature" && (S == null ? void 0 : S.geometry) !== null && ((G = S == null ? void 0 : S.geometry) == null ? void 0 : G.type) === "Point")
-          return S == null ? void 0 : S.geometry.coordinates;
-        if (S.type === "Point") return (S == null ? void 0 : S.coordinates) || [];
+      if (!E) throw new Error("Coordinate is required");
+      if (!Array.isArray(E)) {
+        if ((E == null ? void 0 : E.type) === "Feature" && (E == null ? void 0 : E.geometry) !== null && ((G = E == null ? void 0 : E.geometry) == null ? void 0 : G.type) === "Point")
+          return E == null ? void 0 : E.geometry.coordinates;
+        if (E.type === "Point") return (E == null ? void 0 : E.coordinates) || [];
       }
-      if (Array.isArray(S) && S.length >= 2 && !Array.isArray(S[0]) && !Array.isArray(S[1]))
-        return S;
+      if (Array.isArray(E) && E.length >= 2 && !Array.isArray(E[0]) && !Array.isArray(E[1]))
+        return E;
       throw new Error(
         "Coordinate must be GeoJSON Point or an Array of numbers"
       );
     }
-    function R(S, G, j = {}) {
+    function R(E, G, j = {}) {
       if (j.final)
         return function(Ee, Se) {
           return (R(Se, Ee) + 180) % 360;
-        }(S, G);
-      const q = E(S), J = E(G), I = k(q[0]), ee = k(J[0]), se = k(q[1]), oe = k(J[1]), Ce = Math.sin(ee - I) * Math.cos(oe), Te = Math.cos(se) * Math.sin(oe) - Math.sin(se) * Math.cos(oe) * Math.cos(ee - I);
+        }(E, G);
+      const q = T(E), J = T(G), I = C(q[0]), ee = C(J[0]), se = C(q[1]), oe = C(J[1]), Ce = Math.sin(ee - I) * Math.cos(oe), Te = Math.cos(se) * Math.sin(oe) - Math.sin(se) * Math.cos(oe) * Math.cos(ee - I);
       return b(Math.atan2(Ce, Te));
     }
-    function $(S) {
-      return !isNaN(S) && S !== null && !Array.isArray(S);
+    function $(E) {
+      return !isNaN(E) && E !== null && !Array.isArray(E);
     }
-    function A(S, G = {}, j = {}) {
-      return S || console.log("Coordinates are required"), Array.isArray(S) || console.log("Coordinates must be an Array"), S.length < 2 && console.log("Coordinates must be at least 2 numbers long"), (!$(S[0]) || !$(S[1])) && console.log("Coordinates must contain numbers"), Y({ type: "Point", coordinates: S }, G, j);
+    function A(E, G = {}, j = {}) {
+      return E || console.log("Coordinates are required"), Array.isArray(E) || console.log("Coordinates must be an Array"), E.length < 2 && console.log("Coordinates must be at least 2 numbers long"), (!$(E[0]) || !$(E[1])) && console.log("Coordinates must contain numbers"), Y({ type: "Point", coordinates: E }, G, j);
     }
-    function Y(S, G = {}, j = {}) {
+    function Y(E, G = {}, j = {}) {
       const q = {
         type: "Feature",
         id: "",
@@ -724,7 +724,7 @@ const useTrackManager = (e) => {
         bbox: {},
         geometry: {}
       };
-      return j.id !== void 0 && (q.id = j.id), j.bbox && (q.bbox = j.bbox), q.properties = G, q.geometry = S, q;
+      return j.id !== void 0 && (q.id = j.id), j.bbox && (q.bbox = j.bbox), q.properties = G, q.geometry = E, q;
     }
     const X = R(A(a), A(d), g);
     return X < 0 ? 360 + X : X;
@@ -876,18 +876,18 @@ const getShipDirectPath = (e) => {
   return s <= MAP_ZOOM.shipModelMax && s >= MAP_ZOOM.shipTriggleMin ? "ship" : "triangle";
 }, getShipScale = (e, s, l) => {
   if (l === "ship") {
-    const { len: n, wid: i } = s, t = 97, v = 20, o = 1 / (e == null ? void 0 : e.getView().getResolution()), r = n * o / t, L = i * o / v, y = Math.min(r, L);
+    const { len: n, wid: i } = s, t = 97, m = 20, o = 1 / (e == null ? void 0 : e.getView().getResolution()), r = n * o / t, p = i * o / m, y = Math.min(r, p);
     return y < 0.2 ? 0.2 : y > 2 ? 2 : y;
   }
   return MAP_ZOOM.scaleNum;
 }, initShipStyle = (e, s, l) => {
-  const { color: n, direct: i, isHighlight: t, shipData: v } = e.getProperties(), w = ((v == null ? void 0 : v.cog) - 90 + 360) % 360;
+  const { color: n, direct: i, isHighlight: t, shipData: m } = e.getProperties(), v = ((m == null ? void 0 : m.cog) - 90 + 360) % 360;
   return new Style({
     image: new Icon({
       src: o(),
       scale: s || MAP_ZOOM.scaleNum,
       anchor: [0.5, 0.5],
-      rotation: w * Math.PI / 180,
+      rotation: v * Math.PI / 180,
       rotateWithView: !1
     })
   });
@@ -922,7 +922,7 @@ const getShipDirectPath = (e) => {
     }
   }
 }, selectedShipStyle = (e, s) => {
-  const l = selectedShipElement(e, s), n = s.id, { lon: i, lat: t } = s, v = new Overlay({
+  const l = selectedShipElement(e, s), n = s.id, { lon: i, lat: t } = s, m = new Overlay({
     element: l,
     position: fromLonLat([i, t]),
     id: "selected-" + n,
@@ -930,26 +930,26 @@ const getShipDirectPath = (e) => {
     offset: [0, 5],
     className: "ship-selected-overlay"
   });
-  return v.set("class", "ship-overlay-selected"), v;
+  return m.set("class", "ship-overlay-selected"), m;
 }, selectedShipElement = (e, s) => {
   const l = getShipType(e), n = getShipScale(e, s, l), i = l === "ship" ? 109 : 49, t = `
       <svg style="transform:scale(${n});" 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>
-    `, v = document.createElement("div");
-  return v.className = "ship-overlay-selected", v.innerHTML = t, v;
+    `, m = document.createElement("div");
+  return m.className = "ship-overlay-selected", m.innerHTML = t, m;
 }, createLabelStyle = (e, s) => {
-  const { shipData: l, blinking: n } = s.getProperties(), { lon: i, lat: t } = l, v = createLabelElement(s);
-  i && t && addOverlay(e, fromLonLat([i, t]), v, { ...l, blinking: n });
+  const { shipData: l, blinking: n } = s.getProperties(), { lon: i, lat: t } = l, m = createLabelElement(s);
+  i && t && addOverlay(e, fromLonLat([i, t]), m, { ...l, blinking: n });
 }, createLabelElement = (e) => {
   const s = document.createElement("div");
   s.className = "ship-overlay-box", s.style.position = "relative";
-  const l = e.getProperties(), { shipData: n, blinking: i, blinkingColor: t, name: v } = l, { lon: w, lat: o } = n, r = createVNode({
+  const l = e.getProperties(), { shipData: n, blinking: i, blinkingColor: t, name: m } = l, { lon: v, lat: o } = n, r = createVNode({
     setup() {
       return useShipOverlay({
         selected: i,
-        name: v,
+        name: m,
         color: t,
         existDevice: n == null ? void 0 : n.existDevice,
         existMobile: n == null ? void 0 : n.existMobile,
@@ -977,39 +977,39 @@ const devicePixelRatio = window.devicePixelRatio || 1;
 function generateBase64Icon(e, s, l = "left-bottom", n = 2) {
   const i = document.createElement("canvas"), t = i.getContext("2d");
   if (!t) return "";
-  const v = 2, w = 16, o = window.devicePixelRatio || 1, r = "500 12px Arial", L = "14px map-iconfont";
+  const m = 2, v = 16, o = window.devicePixelRatio || 1, r = "500 12px Arial", p = "14px map-iconfont";
   t.font = r;
   const P = t.measureText(e).width;
-  t.font = L;
-  const V = s.map((N) => ({ width: t.measureText(getIconFont(N)).width, height: 14 })), f = V.reduce((N, O) => N + O.width, 0), m = (s.length - 1) * n, C = v + P + f + m + v * 2, x = v + 16 + v;
-  let T, z, H = 0, B = 0, W = 0, c = 0, p = 0, u = 0;
-  switch (T = w + C, l) {
+  t.font = p;
+  const V = s.map((N) => ({ width: t.measureText(getIconFont(N)).width, height: 14 })), f = V.reduce((N, O) => N + O.width, 0), w = (s.length - 1) * n, k = m + P + f + w + m * 2, L = m + 16 + m;
+  let S, _, H = 0, B = 0, W = 0, c = 0, x = 0, u = 0;
+  switch (S = v + k, l) {
     case "right-top":
-      z = w + x, H = 0, B = w + x, W = w, c = 0, p = w, u = 0;
+      _ = v + L, H = 0, B = v + L, W = v, c = 0, x = v, u = 0;
       break;
     case "right-middle":
-      z = x, H = 0, B = x / 2, W = w, c = x / 2, p = w, u = 0;
+      _ = L, H = 0, B = L / 2, W = v, c = L / 2, x = v, u = 0;
       break;
     case "right-bottom":
-      z = w + x, H = 0, B = 0, W = w, c = w, p = w, u = w;
+      _ = v + L, H = 0, B = 0, W = v, c = v, x = v, u = v;
       break;
     case "left-top":
-      z = w + x, H = C, B = w, W = C + w, c = x + w, p = 0, u = 0;
+      _ = v + L, H = k, B = v, W = k + v, c = L + v, x = 0, u = 0;
       break;
     case "left-middle":
-      z = x, H = C, B = x / 2, W = C + w, c = x / 2, p = 0, u = 0;
+      _ = L, H = k, B = L / 2, W = k + v, c = L / 2, x = 0, u = 0;
       break;
     case "left-bottom":
-      z = w + x, H = C, B = x, W = C + w, c = 0, p = 0, u = w;
+      _ = v + L, H = k, B = L, W = k + v, c = 0, x = 0, u = v;
       break;
   }
-  i.width = Math.round(T * o), i.height = Math.round(z * o), i.style.width = `${T}px`, i.style.height = `${z}px`, t.scale(o, o), t.clearRect(0, 0, T, z), t.beginPath(), t.moveTo(H, B), t.lineTo(W, c), t.strokeStyle = "#FFF", t.lineWidth = 1, t.stroke(), t.fillStyle = "#FFF", t.fillRect(p, u, C, x), t.font = r, t.textBaseline = "middle";
-  const M = u + v + x / 2;
-  t.strokeStyle = "#ffffff", t.lineWidth = 1, t.strokeText(e, p + v, M), t.fillStyle = "#000000", t.fillText(e, p + v, M), t.font = L, t.fillStyle = "#3370ff";
-  let D = p + v + P + n;
+  i.width = Math.round(S * o), i.height = Math.round(_ * o), i.style.width = `${S}px`, i.style.height = `${_}px`, t.scale(o, o), t.clearRect(0, 0, S, _), t.beginPath(), t.moveTo(H, B), t.lineTo(W, c), t.strokeStyle = "#FFF", t.lineWidth = 1, t.stroke(), t.fillStyle = "#FFF", t.fillRect(x, u, k, L), t.font = r, t.textBaseline = "middle";
+  const M = u + m + L / 2;
+  t.strokeStyle = "#ffffff", t.lineWidth = 1, t.strokeText(e, x + m, M), t.fillStyle = "#000000", t.fillText(e, x + m, M), t.font = p, t.fillStyle = "#3370ff";
+  let D = x + m + P + n;
   return s.forEach((N, O) => {
-    const _ = u + v + x / 2;
-    t.fillText(getIconFont(N), D, _), D += V[O].width + n;
+    const z = u + m + L / 2;
+    t.fillText(getIconFont(N), D, z), D += V[O].width + n;
   }), i.toDataURL("image/png");
 }
 const createLabelFeatureStyle = (e) => {
@@ -1052,34 +1052,34 @@ const createLabelFeatureStyle = (e) => {
     className: "zh-map--ship-layer",
     renderBuffer: 300,
     zIndex: 101
-  }), t = new VectorSource(), v = new VectorLayer({
+  }), t = new VectorSource(), m = new VectorLayer({
     source: t,
     className: "zh-map--ship-label-layer",
     zIndex: 102,
     updateWhileInteracting: !1,
     updateWhileAnimating: !1,
-    declutter: function(c, p) {
-      return !p.get("selected");
+    declutter: function(c, x) {
+      return !x.get("selected");
     }
   });
-  e == null || e.addLayer(i), e == null || e.addLayer(v);
-  let w = "", o = {}, r = {};
-  const L = (c) => {
+  e == null || e.addLayer(i), e == null || e.addLayer(m);
+  let v = "", o = {}, r = {};
+  const p = (c) => {
     if (!c || !e) return;
-    const p = (l == null ? void 0 : l.id) || (s == null ? void 0 : s.get("id"));
+    const x = (l == null ? void 0 : l.id) || (s == null ? void 0 : s.get("id"));
     if (l) {
-      const u = c.filter((M) => M.id === p);
+      const u = c.filter((M) => M.id === x);
       u.length === 0 ? c.push(l) : l = u[0];
     }
     V(), f(!0), W(c), P();
   }, y = (c) => {
-    const p = (l == null ? void 0 : l.id) || (s == null ? void 0 : s.get("id")), u = fromLonLat([c == null ? void 0 : c.lon, c == null ? void 0 : c.lat]), M = c.fill || "#04C900", D = getShipDirectPath(c), N = new Feature({
+    const x = (l == null ? void 0 : l.id) || (s == null ? void 0 : s.get("id")), u = fromLonLat([c == null ? void 0 : c.lon, c == null ? void 0 : c.lat]), M = c.fill || "#04C900", D = getShipDirectPath(c), N = new Feature({
       geometry: new Point(u),
       // 船舶数据
       shipData: c,
       id: c.id,
       name: c.cnname || "未命名船舶",
-      selected: c.id === p,
+      selected: c.id === x,
       // 图标
       rightIcons: getRightIcons(c),
       // 是否闪烁
@@ -1099,45 +1099,45 @@ const createLabelFeatureStyle = (e) => {
     return N.set("clickGeometry", new Circle(u)), N;
   }, P = async () => {
     if (!l || !e) return;
-    let p = e.getOverlays().getArray().find((u) => u.get("class") == "ship-overlay-selected");
-    if (console.log("selectedOverlay----------", p), p) {
+    let x = e.getOverlays().getArray().find((u) => u.get("class") == "ship-overlay-selected");
+    if (console.log("selectedOverlay----------", x), x) {
       const u = selectedShipElement(e, l);
-      await p.setElement(u), await p.setPosition(fromLonLat([l.lon, l.lat]));
+      await x.setElement(u), await x.setPosition(fromLonLat([l.lon, l.lat]));
     } else
-      p = selectedShipStyle(e, l), p && e.addOverlay(p);
+      x = selectedShipStyle(e, l), x && e.addOverlay(x);
     setTimeout(() => {
       var u;
-      p && ((u = p.get("element")) != null && u.parentElement) && (p.get("element").parentElement.style.display = "block");
+      x && ((u = x.get("element")) != null && u.parentElement) && (x.get("element").parentElement.style.display = "block");
     }, 20);
   }, V = () => {
     e && n && (n.clear(), t.clear(), f());
   }, f = (c) => {
-    const p = e.getOverlays().getArray().filter((u) => u.get("class") == "zh-map-ship-overlay");
-    if (p && p.length > 0) {
-      for (let u = 0; u < p.length; u++)
-        if (!c && p[u].get("class") !== "ship-overlay-selected") {
-          const M = p[u];
+    const x = e.getOverlays().getArray().filter((u) => u.get("class") == "zh-map-ship-overlay");
+    if (x && x.length > 0) {
+      for (let u = 0; u < x.length; u++)
+        if (!c && x[u].get("class") !== "ship-overlay-selected") {
+          const M = x[u];
           M.setPosition(void 0), e.removeOverlay(M), M.dispose();
         }
     }
-  }, m = (c, p) => {
-    o = c, r = p;
+  }, w = (c, x) => {
+    o = c, r = x;
     const u = e.getOverlays().getArray(), M = n.getFeatures();
     for (const D in o) {
-      const N = o[D], O = u.find((F) => F.getId() === "label-" + D), _ = M.find((F) => D === F.get("id"));
-      if (O && _) {
-        _.set("blinking", N), _.set("blinkingColor", r[D] || "");
-        const F = O.getElement(), Z = createLabelElement(_), K = Z.querySelector(".ship-overlay-line"), Q = F == null ? void 0 : F.querySelector(".ship-overlay-line");
+      const N = o[D], O = u.find((F) => F.getId() === "label-" + D), z = M.find((F) => D === F.get("id"));
+      if (O && z) {
+        z.set("blinking", N), z.set("blinkingColor", r[D] || "");
+        const F = O.getElement(), Z = createLabelElement(z), K = Z.querySelector(".ship-overlay-line"), Q = F == null ? void 0 : F.querySelector(".ship-overlay-line");
         F && F !== Z && (Q && K && K.replaceWith(Q), O.setElement(Z));
       }
     }
-  }, C = (c) => {
+  }, k = (c) => {
     if (!e) return;
-    const p = n.getFeatures(), u = t.getFeatures(), M = s ? s.get("id") : "", D = p.filter((F) => F.get("id") !== M), N = u == null ? void 0 : u.filter((F) => F.get("id") !== M), O = /* @__PURE__ */ new Map();
+    const x = n.getFeatures(), u = t.getFeatures(), M = s ? s.get("id") : "", D = x.filter((F) => F.get("id") !== M), N = u == null ? void 0 : u.filter((F) => F.get("id") !== M), O = /* @__PURE__ */ new Map();
     c.forEach((F) => {
       O.set(F.id, !0);
     });
-    const _ = e.getOverlays().getArray();
+    const z = e.getOverlays().getArray();
     D.forEach((F) => {
       const Z = F.get("id");
       if (!O.has(Z))
@@ -1146,7 +1146,7 @@ const createLabelFeatureStyle = (e) => {
         const Q = F.getStyle();
         (Q == null ? void 0 : Q.length) == 0 && F.setStyle(createShipStyle(e, F));
       }
-      const K = _.find((Q) => Q.getId() === "label-" + Z);
+      const K = z.find((Q) => Q.getId() === "label-" + Z);
       K && K.setPosition(void 0);
     }), N.forEach((F) => {
       const Z = F.get("id");
@@ -1157,36 +1157,36 @@ const createLabelFeatureStyle = (e) => {
         (K == null ? void 0 : K.length) == 0 && F.setStyle(createLabelFeatureStyle(F));
       }
     });
-  }, x = (c) => {
+  }, L = (c) => {
     if (c) {
       console.log("选中", c);
-      const p = n.getFeatures().find((M) => M.get("id") === c.id), u = t.getFeatures().find((M) => M.get("id") === c.id);
-      p && (s = p), u && u.set("selected", !0), l = c, P();
+      const x = n.getFeatures().find((M) => M.get("id") === c.id), u = t.getFeatures().find((M) => M.get("id") === c.id);
+      x && (s = x), u && u.set("selected", !0), l = c, P();
     } else
       console.log("取消选中"), l = null, s = null, H();
-  }, T = debounce((c, p, u) => {
+  }, S = debounce((c, x, u) => {
     if (c) {
       const M = c.get("shipData"), D = c.get("id");
-      if (e.getTargetElement().style.cursor = D ? "pointer" : "", p === "click" && (x(M), u && u(D)), p === "hover") {
-        w && w !== D && z(), w = D;
-        const N = n.getFeatures().find((O) => O.get("id") === w);
+      if (e.getTargetElement().style.cursor = D ? "pointer" : "", x === "click" && (L(M), u && u(D)), x === "hover") {
+        v && v !== D && _(), v = D;
+        const N = n.getFeatures().find((O) => O.get("id") === v);
         N == null || N.set("isHighlight", !0), N == null || N.setStyle(createShipStyle(e, N));
       }
     } else
-      e.getTargetElement().style.cursor = "", z();
-  }, 10), z = () => {
-    const c = w ? n.getFeatures().find((p) => p.get("id") === w) : null;
-    w = null, c == null || c.set("isHighlight", !1), c == null || c.setStyle(createShipStyle(e, c));
+      e.getTargetElement().style.cursor = "", _();
+  }, 10), _ = () => {
+    const c = v ? n.getFeatures().find((x) => x.get("id") === v) : null;
+    v = null, c == null || c.set("isHighlight", !1), c == null || c.setStyle(createShipStyle(e, c));
   }, H = () => {
     try {
-      const p = e.getOverlays().getArray().find((u) => u.get("class") == "ship-overlay-selected");
-      p && p.setPosition(void 0);
+      const x = e.getOverlays().getArray().find((u) => u.get("class") == "ship-overlay-selected");
+      x && x.setPosition(void 0);
     } catch (c) {
       console.log(c);
     }
   }, B = (c) => {
-    const p = fromLonLat([c == null ? void 0 : c.lon, c == null ? void 0 : c.lat]), u = new Feature({
-      geometry: new Point(p),
+    const x = fromLonLat([c == null ? void 0 : c.lon, c == null ? void 0 : c.lat]), u = new Feature({
+      geometry: new Point(x),
       name: c.cnname || c.enname || c.id || "未命名船舶",
       // 图标
       rightIcons: getRightIcons(c),
@@ -1196,10 +1196,10 @@ const createLabelFeatureStyle = (e) => {
     const M = createLabelFeatureStyle(u);
     return u.setStyle(M), u;
   }, W = (c) => {
-    const p = e.getView().getZoom();
+    const x = e.getView().getZoom();
     c.forEach((u) => {
       const M = y(u);
-      if (M.setStyle(createShipStyle(e, M)), n.addFeature(M), (l == null ? void 0 : l.id) == u.id || p >= MAP_ZOOM.shipModelMin)
+      if (M.setStyle(createShipStyle(e, M)), n.addFeature(M), (l == null ? void 0 : l.id) == u.id || x >= MAP_ZOOM.shipModelMin)
         if (o[u.id])
           createLabelStyle(e, M);
         else {
@@ -1209,19 +1209,19 @@ const createLabelFeatureStyle = (e) => {
     });
   };
   return {
-    render: L,
-    selected: x,
-    filter: C,
-    blinking: m,
+    render: p,
+    selected: L,
+    filter: k,
+    blinking: w,
     clear: V,
-    handleShipMapEvent: T
+    handleShipMapEvent: S
   };
 }, useLayerManager = (e) => {
   const s = () => e == null ? void 0 : e.getLayers(), l = ref("vector"), n = () => l.value, i = (o) => {
     l.value = o;
     const r = s();
-    r && (r == null || r.getArray().forEach((L) => {
-      (L.className_ === "vector" || L.className_ === "satellite") && L.setVisible(L.className_ === o);
+    r && (r == null || r.getArray().forEach((p) => {
+      (p.className_ === "vector" || p.className_ === "satellite") && p.setVisible(p.className_ === o);
     }));
   }, t = ref(!1);
   return {
@@ -1241,8 +1241,8 @@ const createLabelFeatureStyle = (e) => {
             r.push(y);
           }
         } else {
-          const r = s(), L = r.getArray().find((y) => y.className_ === "greenTile");
-          L && r.remove(L);
+          const r = s(), p = r.getArray().find((y) => y.className_ === "greenTile");
+          p && r.remove(p);
         }
         t.value = o;
       }
@@ -1261,33 +1261,33 @@ const createLabelFeatureStyle = (e) => {
 }, usePositionManager = (e) => {
   const s = "zh-map-location-layer";
   let l, n, i = null, t = null;
-  const v = (f) => {
+  const m = (f) => {
     if (!(!f || f.length === 0)) {
       if (n || (n = new VectorSource()), n.clear(), t) {
-        const m = f.find((C) => C.id === t.id);
-        m ? t = m : f.push(t);
+        const w = f.find((k) => k.id === t.id);
+        w ? t = w : f.push(t);
       }
-      f.forEach((m) => {
-        w(m);
+      f.forEach((w) => {
+        v(w);
       }), l || (l = new VectorLayer({
         className: s,
         source: n,
         zIndex: 100
       }), e == null || e.addLayer(l));
     }
-  }, w = (f) => {
-    const m = getZoom(), [C, x] = f.latLon.split(","), T = new Feature({
-      geometry: new Point(fromLonLat([Number(C), Number(x)]))
+  }, v = (f) => {
+    const w = getZoom(), [k, L] = f.latLon.split(","), S = new Feature({
+      geometry: new Point(fromLonLat([Number(k), Number(L)]))
     });
-    T.setStyle(o(f, m, f.id === (t == null ? void 0 : t.id))), T.set("loactionData", f), n.addFeature(T);
-  }, o = (f, m, C) => {
-    const x = {
+    S.setStyle(o(f, w, f.id === (t == null ? void 0 : t.id))), S.set("loactionData", f), n.addFeature(S);
+  }, o = (f, w, k) => {
+    const L = {
       image: new Icon({
-        src: C && f.selectedPath || f.defaultPath,
-        scale: 0.5 * m / 10
+        src: k && f.selectedPath || f.defaultPath,
+        scale: 0.5 * w / 10
       })
     };
-    return f.name && (x.text = new Text({
+    return f.name && (L.text = new Text({
       text: f.name,
       font: "12px sans-serif",
       fill: new Fill({
@@ -1297,35 +1297,35 @@ const createLabelFeatureStyle = (e) => {
         color: "#FFFFFF"
       }),
       offsetY: 30
-    })), new Style(x);
+    })), new Style(L);
   }, r = () => {
     if (i) {
       const f = i.get("loactionData").id;
-      n.getFeatures().forEach((m) => {
-        m.get("loactionData").id !== f && n.removeFeature(m);
+      n.getFeatures().forEach((w) => {
+        w.get("loactionData").id !== f && n.removeFeature(w);
       });
     } else
       n.clear();
-  }, L = () => {
-    const f = i.get("loactionData"), m = getZoom();
-    n.getFeatures().forEach((x) => {
-      x.get("loactionData").id === f.id && (x == null || x.setStyle(o(f, m, !1)));
+  }, p = () => {
+    const f = i.get("loactionData"), w = getZoom();
+    n.getFeatures().forEach((L) => {
+      L.get("loactionData").id === f.id && (L == null || L.setStyle(o(f, w, !1)));
     }), t = null, i = null;
   }, y = (f) => {
     f ? (P(), V(f)) : clearSelectedPort();
   }, P = () => {
     if (i) {
-      const f = i.get("loactionData"), m = getZoom();
-      i.setStyle(o(f, m, !1));
+      const f = i.get("loactionData"), w = getZoom();
+      i.setStyle(o(f, w, !1));
     }
   }, V = (f) => {
-    const m = n.getFeatures();
-    t = f, i = m.find((C) => C.get("loactionData").id === f.id);
+    const w = n.getFeatures();
+    t = f, i = w.find((k) => k.get("loactionData").id === f.id);
   };
   return {
-    render: v,
+    render: m,
     selected: y,
-    clearSelected: L,
+    clearSelected: p,
     clear: r
   };
 }, disableDoubleClickZoom = (e) => {
@@ -1344,13 +1344,13 @@ const createLabelFeatureStyle = (e) => {
     n.value = u;
   };
   let t;
-  const v = ref(!1), w = () => {
-    L(), disableDoubleClickZoom(e), changeCursor(e, "crosshair"), e.on("pointermove", V), e.getViewport().addEventListener("mouseout", () => {
+  const m = ref(!1), v = () => {
+    p(), disableDoubleClickZoom(e), changeCursor(e, "crosshair"), e.on("pointermove", V), e.getViewport().addEventListener("mouseout", () => {
       t && t.classList.add("hidden");
-    }), m(), v.value = !0;
+    }), w(), m.value = !0;
   };
   let o, r;
-  const L = () => {
+  const p = () => {
     o = new VectorSource(), r = new VectorLayer({
       source: o,
       zIndex: 1e3,
@@ -1371,7 +1371,7 @@ const createLabelFeatureStyle = (e) => {
     y && (M = "单击继续，双击结束"), t && (t.innerHTML = M, P.setPosition(u.coordinate), t.classList.remove("hidden"));
   };
   let f;
-  const m = () => {
+  const w = () => {
     f = new Draw({
       source: o,
       type: "LineString",
@@ -1396,39 +1396,39 @@ const createLabelFeatureStyle = (e) => {
       }),
       // 添加条件函数，判断是否应该出发点绘制
       condition: (M) => M.originalEvent.target.tagName !== "DIV"
-    }), e == null || e.addInteraction(f), z(), H();
+    }), e == null || e.addInteraction(f), _(), H();
     let u;
     f.on("drawstart", function(M) {
       var N;
-      y = M.feature, y.set("randomId", C());
+      y = M.feature, y.set("randomId", k());
       let D;
       u = (N = y.getGeometry()) == null ? void 0 : N.on("change", function(O) {
-        const _ = O.target, F = computedDistance(_, n.value);
-        D = _.getLastCoordinate(), x && F && (x.innerHTML = F), T.setPosition(D);
+        const z = O.target, F = computedDistance(z, n.value);
+        D = z.getLastCoordinate(), L && F && (L.innerHTML = F), S.setPosition(D);
       });
     }), f.on("drawend", function() {
       var M, D, N;
-      if (x && (x.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), x != null && x.innerHTML) {
-        const O = (y == null ? void 0 : y.get("randomId")) || C();
-        l.value.push({ id: O, value: x == null ? void 0 : x.innerHTML }), x.innerHTML = `${x.innerHTML}<div class="ol-tooltip-delete-button" data-id="${O}"><i class="map-iconfont icon-delete"></i></div>`;
+      if (L && (L.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), L != null && L.innerHTML) {
+        const O = (y == null ? void 0 : y.get("randomId")) || k();
+        l.value.push({ id: O, value: L == null ? void 0 : L.innerHTML }), L.innerHTML = `${L.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 F;
         O.preventDefault(), O.stopPropagation();
-        const _ = (F = O.target) == null ? void 0 : F.getAttribute("data-id");
-        _ && W(_);
-      }), T.setOffset([0, -7]), y = null, x = null, z(), u && unByKey(u), (N = (D = s.getProps()) == null ? void 0 : D.lineDrawEnd) == null || N.call(D, l.value);
+        const z = (F = O.target) == null ? void 0 : F.getAttribute("data-id");
+        z && W(z);
+      }), S.setOffset([0, -7]), y = null, L = null, _(), u && unByKey(u), (N = (D = s.getProps()) == null ? void 0 : D.lineDrawEnd) == null || N.call(D, l.value);
     });
-  }, C = () => Math.random().toString(36).substring(2, 9);
-  let x, T;
-  const z = () => {
-    x != null && x.parentNode && x.parentNode.removeChild(x), x = document.createElement("div"), x.className = "ol-tooltip ol-tooltip-measure", T = new Overlay({
-      element: x,
+  }, k = () => Math.random().toString(36).substring(2, 9);
+  let L, S;
+  const _ = () => {
+    L != null && L.parentNode && L.parentNode.removeChild(L), L = document.createElement("div"), L.className = "ol-tooltip ol-tooltip-measure", S = new Overlay({
+      element: L,
       offset: [0, -15],
       positioning: "bottom-center",
       stopEvent: !1,
       insertFirst: !1
-    }), e == null || e.addOverlay(T);
+    }), e == null || e.addOverlay(S);
   }, H = () => {
     t != null && t.parentNode && t.parentNode.removeChild(t), t = document.createElement("div"), t.className = "ol-tooltip hidden", P = new Overlay({
       element: t,
@@ -1437,14 +1437,14 @@ const createLabelFeatureStyle = (e) => {
     }), e == null || e.addOverlay(P);
   }, B = () => {
     l.value.forEach((u, M) => {
-      var O, _;
+      var O, z;
       const D = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      D[M] && ((_ = (O = D[M]) == null ? void 0 : O.parentNode) == null || _.removeChild(D[M]));
+      D[M] && ((z = (O = D[M]) == null ? void 0 : O.parentNode) == null || z.removeChild(D[M]));
       const N = o.getFeatures();
       N[M] && o.removeFeature(N[M]);
-    }), c(), enableDoubleClickZoom(e), v.value = !1;
+    }), c(), enableDoubleClickZoom(e), m.value = !1;
   }, W = (u) => {
-    var D, N, O, _;
+    var D, N, O, z;
     const M = l.value.findIndex((F) => F.id === u);
     if (M !== -1) {
       l.value.splice(M, 1);
@@ -1453,7 +1453,7 @@ const createLabelFeatureStyle = (e) => {
       const Z = o.getFeatures();
       Z[M] && o.removeFeature(Z[M]);
     }
-    (_ = (O = s.getProps()) == null ? void 0 : O.lineDrawEnd) == null || _.call(O, l.value);
+    (z = (O = s.getProps()) == null ? void 0 : O.lineDrawEnd) == null || z.call(O, l.value);
   }, c = () => {
     if (l.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((u) => {
       var M;
@@ -1462,14 +1462,14 @@ const createLabelFeatureStyle = (e) => {
       const u = e.getInteractions().getArray().find((M) => getUid(M) === getUid(f));
       u && e.removeInteraction(u);
     }
-    e.removeLayer(r), t != null && t.parentNode && t.parentNode.removeChild(t), x != null && x.parentNode && x.parentNode.removeChild(x);
+    e.removeLayer(r), t != null && t.parentNode && t.parentNode.removeChild(t), L != null && L.parentNode && L.parentNode.removeChild(L);
   };
   return {
-    open: w,
+    open: v,
     close: B,
     deleteLine: W,
     setUnit: i,
-    getState: () => v.value
+    getState: () => m.value
   };
 }, computedDistance = (e, s) => {
   const n = getLength(e);
@@ -1491,12 +1491,12 @@ const createLabelFeatureStyle = (e) => {
   const i = () => {
     t(), changeCursor(e, "crosshair");
   }, t = () => {
-    o(), x(), H(), V();
+    o(), L(), H(), V();
   };
-  let v = null, w = null;
+  let m = null, v = null;
   const o = () => {
-    if (v && w) return;
-    const c = new VectorSource(), p = new VectorLayer({
+    if (m && v) return;
+    const c = new VectorSource(), x = new VectorLayer({
       source: c,
       style: new Style({
         stroke: new Stroke({
@@ -1505,36 +1505,36 @@ const createLabelFeatureStyle = (e) => {
         })
       })
     });
-    v = p, w = c, e.on("pointermove", L), e.addLayer(p), e.on(["dblclick"], function(u) {
+    m = x, v = c, e.on("pointermove", p), e.addLayer(x), e.on(["dblclick"], function(u) {
       y && (u.stopPropagation(), u.preventDefault());
     });
   };
   let r;
-  const L = (c) => {
+  const p = (c) => {
     if (c.dragging) return;
-    const p = r ? "单击继续，双击结束" : "点击选择起点";
-    T && (T.innerHTML = p, z.setPosition(c.coordinate));
+    const x = r ? "单击继续，双击结束" : "点击选择起点";
+    S && (S.innerHTML = x, _.setPosition(c.coordinate));
   };
   let y, P = !1;
   const V = () => {
     if (l) {
-      T != null && T.parentNode && T.parentNode.removeChild(T);
+      S != null && S.parentNode && S.parentNode.removeChild(S);
       const c = l.getGeometry();
       if (!c) return;
-      const p = f(c, "nm");
-      m && (m.innerHTML = `
-                    <span class="text">面积：${p}${P ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
-                `), m && (m.innerHTML += '<span class="delete-icon" ><i class="map-iconfont icon-delete" /></div>');
+      const x = f(c, "nm");
+      w && (w.innerHTML = `
+                    <span class="text">面积：${x}${P ? '<span class="error pl-12">超出可以绘画的距离</span>' : ""}</span>
+                `), w && (w.innerHTML += '<span class="delete-icon" ><i class="map-iconfont icon-delete" /></div>');
       const u = c.getCoordinates(), M = u[0][u[0].length - 2];
-      if (C.setPosition(M), v) {
-        const N = v.getSource();
+      if (k.setPosition(M), m) {
+        const N = m.getSource();
         N && l && (N.clear(), N.addFeature(l));
       }
       setTimeout(() => {
         var N;
         (N = document.querySelector(".delete-icon")) == null || N.addEventListener("click", () => {
-          var O, _;
-          console.log("delete"), B(), (_ = (O = s.getProps()) == null ? void 0 : O.areaDrawEnd) == null || _.call(O, []);
+          var O, z;
+          console.log("delete"), B(), (z = (O = s.getProps()) == null ? void 0 : O.areaDrawEnd) == null || z.call(O, []);
         });
       }, 0);
       const D = getCenter(l.getGeometry().getExtent());
@@ -1543,7 +1543,7 @@ const createLabelFeatureStyle = (e) => {
     }
     y = new Draw({
       type: "Polygon",
-      source: w,
+      source: v,
       trace: !0,
       style: [new Style({
         stroke: new Stroke({
@@ -1562,22 +1562,22 @@ const createLabelFeatureStyle = (e) => {
           })
         }),
         geometry: function(c) {
-          const p = c.getGeometry().getCoordinates();
-          return new MultiPoint(p);
+          const x = c.getGeometry().getCoordinates();
+          return new MultiPoint(x);
         }
       })]
     }), e == null || e.addInteraction(y), y.on("drawstart", (c) => {
-      var p;
-      r = c.feature, n = (p = r.getGeometry()) == null ? void 0 : p.on("change", (u) => {
-        const M = u.target, D = f(M, "nm"), O = M.getCoordinates()[0], _ = new LineString([O[O.length - 2], O[O.length - 1]]), F = computedDistance(_, "nm");
-        if (P = Number(getLength(_) / 1e3) > 150, !D) return;
+      var x;
+      r = c.feature, n = (x = r.getGeometry()) == null ? void 0 : x.on("change", (u) => {
+        const M = u.target, D = f(M, "nm"), O = M.getCoordinates()[0], z = new LineString([O[O.length - 2], O[O.length - 1]]), F = computedDistance(z, "nm");
+        if (P = Number(getLength(z) / 1e3) > 150, !D) return;
         const Z = '<span class="error pl-4">超出可以绘画的距离</span>';
-        m && (m.innerHTML = `
+        w && (w.innerHTML = `
                         <div class="text">
                             面积：${D} 
                             ${P ? Z : ""}
                         </div>
-                    `), T && (T.innerHTML = `
+                    `), S && (S.innerHTML = `
                         <div class="text">
                             面积：${D}
                         </div>
@@ -1592,84 +1592,84 @@ const createLabelFeatureStyle = (e) => {
                     `);
       });
     }), y.on("drawend", (c) => {
-      var D, N, O, _;
+      var D, N, O, z;
       if (!c.feature.getGeometry()) return;
-      l = c.feature, m && (m.innerHTML += '<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'), C.setOffset([10, 0]);
+      l = c.feature, w && (w.innerHTML += '<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'), k.setOffset([10, 0]);
       const u = c.feature.getGeometry().getCoordinates(), M = u[0][u[0].length - 2];
-      if (C.setPosition(M), T != null && T.parentNode && T.parentNode.removeChild(T), (D = s.getProps()) != null && D.areaDrawEnd) {
+      if (k.setPosition(M), S != null && S.parentNode && S.parentNode.removeChild(S), (D = s.getProps()) != null && D.areaDrawEnd) {
         const F = u[0].map((Z) => transform(Z, projection.mercator, projection.data));
         (O = (N = s.getProps()) == null ? void 0 : N.areaDrawEnd) == null || O.call(N, F);
       }
       y && (y.setActive(!1), e == null || e.removeInteraction(y), (e == null ? void 0 : e.getInteractions()).forEach((Z) => {
         Z instanceof Draw && (Z.setActive(!1), e == null || e.removeInteraction(Z));
-      })), n && unByKey(n), (_ = document.querySelector(".delete-icon")) == null || _.addEventListener("click", () => {
+      })), n && unByKey(n), (z = document.querySelector(".delete-icon")) == null || z.addEventListener("click", () => {
         var F, Z;
         B(), (Z = (F = s.getProps()) == null ? void 0 : F.areaDrawEnd) == null || Z.call(F, []);
       });
     });
-  }, f = (c, p) => {
+  }, f = (c, x) => {
     const u = getArea(c);
-    switch (p) {
+    switch (x) {
       case "km":
         return u > 1e4 ? Math.round(u / 1e6 * 100) / 100 + " km<sup>2</sup>" : Math.round(u * 100) / 100 + " m<sup>2</sup>";
       case "nm":
         return u > 1e4 ? Math.round(u / 1e6 / Math.pow(1.852, 2) * 100) / 100 + " nm<sup>2</sup>" : Math.round(u * 100) / 100 + " m<sup>2</sup>";
     }
   };
-  let m, C;
-  const x = () => {
-    m != null && m.parentNode && m.parentNode.removeChild(m), m = document.createElement("div"), m.style.display = "flex", m.className = "ol-tooltip ol-tooltip-draw-polygon", C = new Overlay({
-      element: m,
+  let w, k;
+  const L = () => {
+    w != null && w.parentNode && w.parentNode.removeChild(w), w = document.createElement("div"), w.style.display = "flex", w.className = "ol-tooltip ol-tooltip-draw-polygon", k = new Overlay({
+      element: w,
       offset: [0, -15],
       positioning: "bottom-center",
       stopEvent: !1,
       insertFirst: !1
-    }), e == null || e.addOverlay(C);
+    }), e == null || e.addOverlay(k);
   };
-  let T, z;
+  let S, _;
   const H = () => {
-    T != null && T.parentNode && T.parentNode.removeChild(T), T = document.createElement("div"), T.className = "ol-tooltip ol-help-tooltip", z = new Overlay({
-      element: T,
+    S != null && S.parentNode && S.parentNode.removeChild(S), S = document.createElement("div"), S.className = "ol-tooltip ol-help-tooltip", _ = new Overlay({
+      element: S,
       offset: [15, 0],
       positioning: "center-left"
-    }), e == null || e.addOverlay(z);
+    }), e == null || e.addOverlay(_);
   }, B = () => {
-    w == null || w.clear(), l = null, x(), H(), V();
+    v == null || v.clear(), l = null, L(), H(), V();
   };
   return {
     open: i,
     close: () => {
-      w == null || w.clear(), w = null, v && (e.removeLayer(v), v = null), r = null, y && (y.setActive(!1), (e == null ? void 0 : e.getInteractions()).forEach((p) => {
-        p instanceof Draw && (p.setActive(!1), e == null || e.removeInteraction(p));
-      }), y = null), n && unByKey(n), T != null && T.parentElement && T.parentElement.removeChild(T), m != null && m.parentElement && m.parentElement.removeChild(m), z && e.removeOverlay(z), C && e.removeOverlay(C), changeCursor(e, "pointer");
+      v == null || v.clear(), v = null, m && (e.removeLayer(m), m = null), r = null, y && (y.setActive(!1), (e == null ? void 0 : e.getInteractions()).forEach((x) => {
+        x instanceof Draw && (x.setActive(!1), e == null || e.removeInteraction(x));
+      }), y = null), n && unByKey(n), S != null && S.parentElement && S.parentElement.removeChild(S), w != null && w.parentElement && w.parentElement.removeChild(w), _ && e.removeOverlay(_), k && e.removeOverlay(k), changeCursor(e, "pointer");
     },
     reset: B
   };
 }, PORT_LAYER_CLASS_NAME = "zh-map-port-layer", usePortManager = (e) => {
   const s = e.getInstall();
   let l, n, i = null, t = null;
-  const v = (f) => {
+  const m = (f, w = !0) => {
     if (!(!f || f.length === 0)) {
       if (n || (n = new VectorSource()), n.clear(), t) {
-        const m = f.find((C) => C.id === t.id);
-        m ? t = m : f.push(t);
+        const k = f.find((L) => L.id === t.id);
+        k ? t = k : f.push(t);
       }
-      f.forEach((m) => {
-        w(m);
+      f.forEach((k) => {
+        v(k, w);
       }), l || (l = new VectorLayer({
         className: PORT_LAYER_CLASS_NAME,
         source: n,
         zIndex: 100
       }), s.addLayer(l));
     }
-  }, w = (f) => {
-    const m = e.getZoom(), [C, x] = f.latLon.split(","), T = new Feature({
-      geometry: new Point(fromLonLat([Number(C), Number(x)]))
+  }, v = (f, w = !0) => {
+    const k = e.getZoom(), [L, S] = f.latLon.split(","), _ = new Feature({
+      geometry: new Point(fromLonLat([Number(L), Number(S)]))
     });
-    T.setStyle(o(f, m, f.id === (t == null ? void 0 : t.id))), T.set("portData", f), n.addFeature(T);
-  }, o = (f, m, C) => {
-    const x = (z) => `<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6563 44.9304C22.5453 44.8844 22.4445 44.817 22.3595 44.7321C22.3595 44.7321 9.36986 31.7424 9.32952 31.6913C7.09059 29.0791 5.64794 25.8802 5.17255 22.4736C4.69716 19.0671 5.20896 15.5957 6.64728 12.471C8.08561 9.34625 10.3902 6.69909 13.2878 4.84325C16.1855 2.98741 19.5548 2.00068 22.9965 2C26.4381 1.99932 29.8078 2.98473 32.7062 4.83943C35.6046 6.69414 37.9102 9.34039 39.3498 12.4646C40.7893 15.5888 41.3025 19.0599 40.8284 22.4666C40.3544 25.8734 38.913 29.0729 36.6751 31.686C36.6401 31.737 23.6531 44.7321 23.6531 44.7321C23.5682 44.817 23.4674 44.8844 23.3564 44.9304C23.2454 44.9763 23.1265 45 23.0063 45C22.8862 45 22.7673 44.9763 22.6563 44.9304Z" fill="${z}"/>
+    _.setStyle(o(f, k, f.id === (t == null ? void 0 : t.id), w)), _.set("portData", f), n.addFeature(_);
+  }, o = (f, w, k, L = !0) => {
+    const S = (H) => `<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6563 44.9304C22.5453 44.8844 22.4445 44.817 22.3595 44.7321C22.3595 44.7321 9.36986 31.7424 9.32952 31.6913C7.09059 29.0791 5.64794 25.8802 5.17255 22.4736C4.69716 19.0671 5.20896 15.5957 6.64728 12.471C8.08561 9.34625 10.3902 6.69909 13.2878 4.84325C16.1855 2.98741 19.5548 2.00068 22.9965 2C26.4381 1.99932 29.8078 2.98473 32.7062 4.83943C35.6046 6.69414 37.9102 9.34039 39.3498 12.4646C40.7893 15.5888 41.3025 19.0599 40.8284 22.4666C40.3544 25.8734 38.913 29.0729 36.6751 31.686C36.6401 31.737 23.6531 44.7321 23.6531 44.7321C23.5682 44.817 23.4674 44.8844 23.3564 44.9304C23.2454 44.9763 23.1265 45 23.0063 45C22.8862 45 22.7673 44.9763 22.6563 44.9304Z" fill="${H}"/>
                 <g clip-path="url(#clip0_10059_122082)">
                     <path d="M34.8624 22.8687L32.5874 25.6313L33.4812 25.7125C33.4812 25.7125 30.5562 28.0687 27.9562 28.2312C25.3562 28.3937 24.1374 24.9 24.1374 24.9V19.1312H27.6312V17.425H24.2999V15.15C25.7624 14.6625 26.7374 13.2812 26.7374 11.6562C26.7374 9.625 25.1124 8 23.0812 8H22.9999C20.9687 8 19.3437 9.625 19.3437 11.6562C19.3437 13.2812 20.3999 14.6625 21.7812 15.15V17.425H18.4499V19.1312H21.9437V24.9C21.9437 24.9 20.6437 28.3125 18.0437 28.2312C15.4437 28.0687 12.5187 25.7125 12.5187 25.7125L13.4124 25.6313L11.0562 22.8687L10.2437 26.2812L11.2187 26.0375C11.2187 26.0375 13.1687 29.5313 16.1749 30.8313C19.1812 32.2125 22.1874 33.9187 22.8374 34C23.4874 33.9187 26.4937 32.2125 29.4187 30.8313C32.3437 29.45 34.3749 26.0375 34.3749 26.0375L35.3499 26.2812L34.8624 22.8687ZM23.0812 13.6875C21.9437 13.6875 21.0499 12.7937 21.0499 11.6562C21.0499 10.6 21.9437 9.70625 22.9999 9.70625H23.0812C24.1374 9.70625 25.0312 10.6 25.0312 11.6562C25.1124 12.7937 24.1374 13.6875 23.0812 13.6875Z" fill="white"/>
                 </g>
@@ -1679,71 +1679,77 @@ const createLabelFeatureStyle = (e) => {
                     </clipPath>
                 </defs>
                 </svg>
-            `, T = () => `data:image/svg+xml;utf8,${encodeURIComponent(x(C ? "#FF5733" : "#3370FF"))}`;
-    return new Style({
+            `, _ = () => `data:image/svg+xml;utf8,${encodeURIComponent(S(k ? "#FF5733" : "#3370FF"))}`;
+    return L ? new Style({
       text: new Text({
         text: f.shortName,
         font: "12px sans-serif",
         fill: new Fill({
-          color: C ? "#ffffff" : "#000000"
+          color: k ? "#ffffff" : "#000000"
         }),
         backgroundFill: new Fill({
-          color: C ? "#FF5733" : "#FFFFFF"
+          color: k ? "#FF5733" : "#FFFFFF"
         }),
         offsetY: 30
       }),
       image: new Icon({
-        src: T(),
-        scale: 0.5 * m / 10
+        src: _(),
+        scale: 0.5 * w / 10
       }),
-      zIndex: C ? 110 : 100
+      zIndex: k ? 110 : 100
+    }) : new Style({
+      image: new Icon({
+        src: _(),
+        scale: 0.5 * w / 10
+      }),
+      zIndex: k ? 110 : 100
     });
   }, r = () => {
     if (i) {
       console.log("清除非选中的港口");
       const f = i.get("portData").id;
-      n.getFeatures().forEach((m) => {
-        m.get("portData").id !== f && n.removeFeature(m);
+      n.getFeatures().forEach((w) => {
+        w.get("portData").id !== f && n.removeFeature(w);
       });
     } else
       console.log("清除所有港口", n), n == null || n.clear();
-  }, L = (f) => {
+  }, p = (f) => {
     if (!f)
       return y();
     (i == null ? void 0 : i.get("portData").id) !== f.id && (y(), P(f));
   }, y = () => {
     if (i) {
-      const f = i == null ? void 0 : i.get("portData"), m = e.getZoom();
-      i.setStyle(o(f, m, !1));
+      const f = i == null ? void 0 : i.get("portData"), w = e.getZoom();
+      i.setStyle(o(f, w, !1));
     }
   }, P = (f) => {
-    const m = n.getFeatures();
-    t = f, i = m.find((C) => C.get("portData").id === f.id), i == null || i.setStyle(o(f, e.getZoom(), !0));
+    const w = n.getFeatures();
+    t = f, i = w.find((k) => k.get("portData").id === f.id), i == null || i.setStyle(o(f, e.getZoom(), !0));
   };
   return {
-    render: v,
+    render: m,
     clear: r,
-    selected: L,
+    selected: p,
     handlePortHover: (f) => {
-      const m = s == null ? void 0 : s.getTargetElement();
-      f && f.get("portData") && m && (m.style.cursor = "pointer");
+      const w = s == null ? void 0 : s.getTargetElement();
+      f && f.get("portData") && w && (w.style.cursor = "pointer");
     }
   };
 }, useEventManager = (e, s, l, n, i, t) => {
-  const v = e.getInstall();
-  v.on("moveend", () => {
+  const m = e.getInstall();
+  m.on("moveend", () => {
     var o, r;
-    const w = e.getZoom();
-    (r = (o = s.getProps()).mapMoveEnd) == null || r.call(o, w), l.reRenderTrackLine();
-  }), v.on("pointermove", (w) => {
-    const o = v.getEventPixel(w.originalEvent), r = v.forEachFeatureAtPixel(o, (L) => L);
-    n.handleShipMapEvent(r, "hover"), l.handleTrackMapEvent(r, "hover", w), r && i.handlePortHover(r);
-  }), v.on("movestart", () => {
+    const v = e.getZoom();
+    (r = (o = s.getProps()).mapMoveEnd) == null || r.call(o, v), l.reRenderTrackLine();
+  }), m.on("pointermove", (v) => {
+    const o = m.getEventPixel(v.originalEvent), r = m.forEachFeatureAtPixel(o, (p) => p);
+    n.handleShipMapEvent(r, "hover"), l.handleTrackMapEvent(r, "hover", v), r && i.handlePortHover(r);
+  }), m.on("movestart", () => {
     console.log("movestart-----------------------");
-  }), v.on("click", debounce((w) => {
-    var L, y, P;
+  }), m.on("click", debounce((v) => {
+    var p, y, P;
     if (console.log("1", t.getState()), t.getState()) return;
-    const o = v.getEventPixel(w.originalEvent), r = v.forEachFeatureAtPixel(
+    const o = m.getEventPixel(v.originalEvent), r = m.forEachFeatureAtPixel(
       o,
       (V) => {
         if (V != null && V.get("shipData") || V != null && V.get("portData"))
@@ -1751,8 +1757,8 @@ const createLabelFeatureStyle = (e) => {
       }
     );
     if (console.log("2", r), !!r) {
-      if (w.preventDefault(), w.stopPropagation(), r.get("shipData"))
-        n.handleShipMapEvent(r, "click", (L = s.getProps()) == null ? void 0 : L.selectShip);
+      if (v.preventDefault(), v.stopPropagation(), r.get("shipData"))
+        n.handleShipMapEvent(r, "click", (p = s.getProps()) == null ? void 0 : p.selectShip);
       else if (r.get("portData")) {
         const V = r.get("portData");
         i.selected(V), (P = (y = s.getProps()) == null ? void 0 : y.selectPort) == null || P.call(y, V);
@@ -1765,43 +1771,43 @@ const createLabelFeatureStyle = (e) => {
     createInstance: (n, i) => {
       const t = useMapInitializer();
       t.initMap(n, i);
-      const v = t.getInstall(), w = useLayerManager(v), o = usePropsManager();
-      o.setProps(i), w.setShowLayerType(i.layerType), w.setGreenTileVisible(i.showGreenLayer);
-      const r = useTrackManager(v), L = useCarTrackManager(v, r), y = useShipManager(v), P = usePositionManager(v), V = useDrawLineManager(v, o), f = useDrawPolygonManager(v, o), m = usePortManager(t);
-      useEventManager(t, o, r, y, m, V);
-      const C = () => {
-        const T = v.getView().calculateExtent(t.getSize()), z = transform([T[0], T[1]], projection.mercator, projection.data), H = transform([T[2], T[3]], projection.mercator, projection.data);
-        return [z[0], z[1], H[0], H[1]];
-      }, x = {
+      const m = t.getInstall(), v = useLayerManager(m), o = usePropsManager();
+      o.setProps(i), v.setShowLayerType(i.layerType), v.setGreenTileVisible(i.showGreenLayer);
+      const r = useTrackManager(m), p = useCarTrackManager(m, r), y = useShipManager(m), P = usePositionManager(m), V = useDrawLineManager(m, o), f = useDrawPolygonManager(m, o), w = usePortManager(t);
+      useEventManager(t, o, r, y, w, V);
+      const k = () => {
+        const S = m.getView().calculateExtent(t.getSize()), _ = transform([S[0], S[1]], projection.mercator, projection.data), H = transform([S[2], S[3]], projection.mercator, projection.data);
+        return [_[0], _[1], H[0], H[1]];
+      }, L = {
         id: Symbol("map-instance"),
         innerMap: null,
         map: t.getInstall(),
         destroy: () => {
-          e.splice(e.indexOf(x), 1);
+          e.splice(e.indexOf(L), 1);
         },
         methods: {
           ...t,
-          layer: w,
+          layer: v,
           ship: y,
           track: r,
-          carTrack: L,
+          carTrack: p,
           port: {
-            render: m.render,
-            clear: m.clear,
-            selected: m.selected
+            render: w.render,
+            clear: w.clear,
+            selected: w.selected
           },
           position: P,
           drawLine: V,
           drawPolygon: f,
           // 子模块
           utils: {
-            getCalculateExtent: C,
+            getCalculateExtent: k,
             convertSixHundredThousandToLatLng,
             calculateCirclePoints
           }
         }
       };
-      return e.push(x), x;
+      return e.push(L), L;
     },
     destroyInstance: (n) => {
       const i = e.findIndex((t) => t.id === n);
@@ -1832,13 +1838,13 @@ const createLabelFeatureStyle = (e) => {
     } }
   },
   setup(e, { expose: s }) {
-    const l = ref(), n = ref(), i = useMapController(), t = ref(), v = e, w = ref({
+    const l = ref(), n = ref(), i = useMapController(), t = ref(), m = e, v = ref({
       getInstall() {
       }
     });
     return onMounted(() => {
       var o;
-      t.value = i.createInstance(l.value, v), console.log(" instance.value?.methods", t.value.map), w.value = t.value.methods, (o = n.value) == null || o.setScaleLine(t.value.map, v.scaleLineUnit);
+      t.value = i.createInstance(l.value, m), console.log(" instance.value?.methods", t.value.map), v.value = t.value.methods, (o = n.value) == null || o.setScaleLine(t.value.map, m.scaleLineUnit);
     }), onUnmounted(() => {
       var o, r;
       i.destroyInstance((o = t == null ? void 0 : t.value) == null ? void 0 : o.id), (r = t.value) == null || r.destroy();
@@ -1860,16 +1866,16 @@ const createLabelFeatureStyle = (e) => {
         return (o = t.value) == null ? void 0 : o.methods.getView();
       },
       setCenter: (o, r) => {
-        var L;
-        return (L = t.value) == null ? void 0 : L.methods.setCenter(o, r);
+        var p;
+        return (p = t.value) == null ? void 0 : p.methods.setCenter(o, r);
       },
       getSize: () => {
         var o;
         return (o = t.value) == null ? void 0 : o.methods.getSize();
       },
       getCenter: (o, r) => {
-        var L;
-        return (L = t.value) == null ? void 0 : L.methods.getCenter();
+        var p;
+        return (p = t.value) == null ? void 0 : p.methods.getCenter();
       },
       layer: {
         setGreenTileVisible: (o) => {
@@ -1964,9 +1970,9 @@ const createLabelFeatureStyle = (e) => {
         }
       },
       port: {
-        render: (o) => {
-          var r;
-          return (r = t.value) == null ? void 0 : r.methods.port.render(o);
+        render: (o, r) => {
+          var p;
+          return (p = t.value) == null ? void 0 : p.methods.port.render(o, r);
         },
         clear: () => {
           var o;
@@ -2042,8 +2048,8 @@ const createLabelFeatureStyle = (e) => {
           return (r = t.value) == null ? void 0 : r.methods.utils.convertSixHundredThousandToLatLng(...o);
         },
         calculateCirclePoints: (o, r) => {
-          var L;
-          return (L = t.value) == null ? void 0 : L.methods.utils.calculateCirclePoints(o, r);
+          var p;
+          return (p = t.value) == null ? void 0 : p.methods.utils.calculateCirclePoints(o, r);
         }
       }
     }), (o, r) => (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -2063,7 +2069,7 @@ const createLabelFeatureStyle = (e) => {
       }, null, 8, ["map-instance"])
     ]));
   }
-}), Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-117d7b5a"]]), ZhMap = withInstall(Map$1);
+}), Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cb0faecb"]]), ZhMap = withInstall(Map$1);
 export {
   ZhMap as Z
 };