zhihao-ui 1.3.51 → 1.3.52

package/dist/es/{Map-B129Uv_v.js → Map-BTSSoA-T.js}

@@ -1,19 +1,19 @@
-import { defineComponent as Ue, openBlock as Ie, createElementBlock as et, createElementVNode as _e, ref as ne, computed as Ze, h as ae, createVNode as Qe, render as Zt, reactive as At, onMounted as Gt, onUnmounted as Wt } from "vue";
-import { S as Yt, M as it, T as Pe, X as Fe, p as ie, V as Ht, q as Bt, t as Xt, h as ht, r as tt, s as qt, u as Se, F as oe, v as _, O as pe, P as te, w as Ve, x as vt, L as Ge, y as jt, z as ct, A as le, B as he, C as ue, D as ke, G as Ye, I as Ce, H as Kt, J as _t, K as Qt, N as Jt, Q as yt, R as We, U as Je, W as at, Y as Ut, Z as It, _ as eo } from "./vendor-Crdostgq.js";
+import { defineComponent as Ue, openBlock as Ie, createElementBlock as et, createElementVNode as _e, ref as se, computed as Ze, h as ae, createVNode as Qe, render as Zt, reactive as At, onMounted as Gt, onUnmounted as Wt } from "vue";
+import { S as Yt, M as it, T as Pe, X as Fe, p as ie, V as Ht, q as Bt, t as Xt, h as ht, r as tt, s as qt, u as Se, F as oe, v as _, O as pe, P as te, w as Ve, x as yt, L as Ge, y as jt, z as ct, A as re, B as he, C as ue, D as ke, G as Ye, I as Ce, H as Kt, J as _t, K as Qt, N as Jt, Q as vt, R as We, U as Je, W as at, Y as Ut, Z as It, _ as eo } from "./vendor-Crdostgq.js";
 import { _ as ot } from "./Button-Dp3Eoz3O.js";
 import { w as to } from "./utils-Co2iJhr8.js";
 const oo = { id: "scale-line-container" }, no = /* @__PURE__ */ Ue({
   __name: "scaleLine",
   setup(e, { expose: r }) {
     return r({
-      setScaleLine: (l, a) => {
-        a || (a = "metric");
-        const d = new Yt({
-          units: a
+      setScaleLine: (l, d) => {
+        d || (d = "metric");
+        const a = new Yt({
+          units: d
         }), s = document.getElementById("scale-line-container");
-        s && (d.setTarget(s), l.addControl(d));
+        s && (a.setTarget(s), l.addControl(a));
       }
-    }), (l, a) => (Ie(), et("div", oo));
+    }), (l, d) => (Ie(), et("div", oo));
   }
 }), ro = /* @__PURE__ */ ot(no, [["__scopeId", "data-v-2bc5dee8"]]), lo = { class: "zoom" }, so = /* @__PURE__ */ Ue({
   __name: "zoomControl",
@@ -28,17 +28,17 @@ const oo = { id: "scale-line-container" }, no = /* @__PURE__ */ Ue({
     console.log("props", r);
     const n = () => {
       console.log("props");
-      const { setZoom: a, getZoom: d, getInstall: s } = r.mapInstance.methods;
+      const { setZoom: d, getZoom: a, getInstall: s } = r.mapInstance.methods;
       if (!s()) return;
-      const x = d();
-      x && a(x + 1);
+      const x = a();
+      x && d(x + 1);
     }, l = () => {
-      const { setZoom: a, getZoom: d, getInstall: s } = r.mapInstance.methods;
+      const { setZoom: d, getZoom: a, getInstall: s } = r.mapInstance.methods;
       if (!s()) return;
-      const x = d();
-      x && a(x - 1);
+      const x = a();
+      x && d(x - 1);
     };
-    return (a, d) => (Ie(), et("div", lo, [
+    return (d, a) => (Ie(), et("div", lo, [
       _e("div", {
         class: "button big-button",
         onClick: n
@@ -72,13 +72,13 @@ const oo = { id: "scale-line-container" }, no = /* @__PURE__ */ Ue({
 }, co = [114.84, 30.52], mt = "https://static.zhihaoscm.cn/", He = 2003750834e-2;
 var xe = ((e) => (e.vectorTile = `https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${Ae}`, e.vectorTileMark = `https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${Ae}`, e.satelliteImgTile = `https://t0.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${Ae}`, e.satelliteImgTileMark = `https://t0.tianditu.gov.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&TILEMATRIXSET=w&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${Ae}`, e.greenTile = `${mt}/map/tile/{z}/{x}/{y}.png`, e))(xe || {}), Ne = /* @__PURE__ */ ((e) => (e[e.M = 1] = "M", e[e.KM = 2] = "KM", e[e.NM = 3] = "NM", e))(Ne || {}), I = /* @__PURE__ */ ((e) => (e.PORT = "port", e.SHIP = "ship", e.TRACK = "track", e))(I || {});
 function ao() {
-  const e = ne(), r = () => e.value, n = () => r().getView(), l = () => {
+  const e = se(), r = () => e.value, n = () => r().getView(), l = () => {
     var g;
     return (g = n()) == null ? void 0 : g.getZoom();
-  }, a = (g) => {
+  }, d = (g) => {
     var k;
     (k = n()) == null || k.setZoom(g);
-  }, d = (g, k) => {
+  }, a = (g, k) => {
     var $;
     ($ = n()) == null || $.setCenter(ie([g, k]));
   }, s = () => {
@@ -150,8 +150,8 @@ function ao() {
     getInstall: r,
     getView: n,
     getZoom: l,
-    setZoom: a,
-    setCenter: d,
+    setZoom: d,
+    setCenter: a,
     getCenter: s,
     getSize: h,
     initMap: t,
@@ -162,33 +162,33 @@ const nt = function(e, r) {
   const n = Number(r) / 6e5;
   return [Number(e) / 6e5, n];
 }, uo = (e, r) => {
-  const n = ie(e), l = r * 1e3, a = [
+  const n = ie(e), l = r * 1e3, d = [
     n[0] - l,
     n[1] - l,
     n[0] + l,
     n[1] + l
-  ], d = qt(a, ee.mercator, ee.data);
+  ], a = qt(d, ee.mercator, ee.data);
   return {
-    leftTopPoint: { lng: d[0], lat: d[3] },
-    rightTopPoint: { lng: d[2], lat: d[3] },
-    rightBottomPoint: { lng: d[2], lat: d[1] },
-    leftBottomPoint: { lng: d[0], lat: d[1] }
+    leftTopPoint: { lng: a[0], lat: a[3] },
+    rightTopPoint: { lng: a[2], lat: a[3] },
+    rightBottomPoint: { lng: a[2], lat: a[1] },
+    leftBottomPoint: { lng: a[0], lat: a[1] }
   };
 }, go = function(e, r) {
   const l = tt(e);
-  let a = "";
+  let d = "";
   switch (console.log(r, Ne), r) {
     case Ne.M:
-      a = Math.round(l * 100) / 100 + " m";
+      d = Math.round(l * 100) / 100 + " m";
       break;
     case Ne.KM:
-      a = Math.round(l / 1e3 * 100) / 100 + " km";
+      d = Math.round(l / 1e3 * 100) / 100 + " km";
       break;
     case Ne.NM:
-      a = (Math.round(l / 1e3 * 100) / 100 / 1.852).toFixed(2) + " nm";
+      d = (Math.round(l / 1e3 * 100) / 100 / 1.852).toFixed(2) + " nm";
       break;
   }
-  return a;
+  return d;
 };
 function fo(e) {
   const r = e[0] * He / 180;
@@ -198,8 +198,8 @@ function fo(e) {
 function be(e = "") {
   let r = e.replace(/&?/g, "&");
   return r = r.replace(/&#x([0-9a-fA-F]+);?/g, (n, l) => {
-    const a = parseInt(l, 16);
-    return String.fromCodePoint(a);
+    const d = parseInt(l, 16);
+    return String.fromCodePoint(d);
   }), r;
 }
 const dt = (e) => {
@@ -215,21 +215,21 @@ const dt = (e) => {
   });
 }, ut = (e, r = "lonlat") => {
   const n = { lon: 0, lat: 0 }, l = e[0] / He * 180;
-  let a = e[1] / He * 180;
-  return a = 180 / Math.PI * (2 * Math.atan(Math.exp(a * Math.PI / 180)) - Math.PI / 2), n.lon = l, n.lat = a, r === "lonlat" ? n : [l, a];
+  let d = e[1] / He * 180;
+  return d = 180 / Math.PI * (2 * Math.atan(Math.exp(d * Math.PI / 180)) - Math.PI / 2), n.lon = l, n.lat = d, r === "lonlat" ? n : [l, d];
 }, ho = (e) => {
-  const r = ht.duration(e, "minutes"), n = Math.floor(r.asDays()), l = r.hours(), a = r.minutes();
-  let d = `${String(a).padStart(2, "0")}分`;
-  return l !== 0 && (d = `${String(l).padStart(2, "0")}时${d}`), n !== 0 && (d = `${String(n).padStart(2, "0")}天${d}`), d;
-}, vo = (e, r) => {
+  const r = ht.duration(e, "minutes"), n = Math.floor(r.asDays()), l = r.hours(), d = r.minutes();
+  let a = `${String(d).padStart(2, "0")}分`;
+  return l !== 0 && (a = `${String(l).padStart(2, "0")}时${a}`), n !== 0 && (a = `${String(n).padStart(2, "0")}天${a}`), a;
+}, yo = (e, r) => {
   let n = null;
   const l = async (o) => {
     if (!e || (console.log("vehicleInfo", o), !(o != null && o.lon && (o != null && o.lat)))) return;
     const g = Math.abs(Number(o.lon)) > 180 ? nt(o.lon, o.lat) : [o.lon, o.lat];
-    a(o, ie(g));
+    d(o, ie(g));
     const k = e == null ? void 0 : e.getView(), $ = new te(g);
     k.setCenter(Ve($.getCoordinates(), ee.data, ee.mercator));
-  }, a = (o, g) => {
+  }, d = (o, g) => {
     const k = `${mt}map/car-icon.gif`;
     n || (n = new pe({
       element: document.createElement("div"),
@@ -262,12 +262,12 @@ const dt = (e) => {
     }
   };
 };
-var wt = /* @__PURE__ */ ((e) => (e[e.发动机使用中 = 0] = "发动机使用中", e[e.锚泊 = 1] = "锚泊", e[e.未操作 = 2] = "未操作", e[e.操纵能力受限 = 3] = "操纵能力受限", e[e.吃水受限 = 4] = "吃水受限", e[e.系泊 = 5] = "系泊", e[e.搁浅 = 6] = "搁浅", e[e.从事捕捞 = 7] = "从事捕捞", e[e.航行中 = 8] = "航行中", e[e.留作将来修正导航状态 = 9] = "留作将来修正导航状态", e[e.高速船留用 = 10] = "高速船留用", e[e.机动船尾推作业 = 11] = "机动船尾推作业", e[e.机动船顶推或侧推作业 = 12] = "机动船顶推或侧推作业", e[e.飞翼船留用 = 13] = "飞翼船留用", e[e.现行的 = 14] = "现行的", e[e.未定义 = 15] = "未定义", e))(wt || {}), se = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.front = "front", e.up = "up", e.down = "down", e.back = "back", e))(se || {});
-const yo = (e) => {
+var wt = /* @__PURE__ */ ((e) => (e[e.发动机使用中 = 0] = "发动机使用中", e[e.锚泊 = 1] = "锚泊", e[e.未操作 = 2] = "未操作", e[e.操纵能力受限 = 3] = "操纵能力受限", e[e.吃水受限 = 4] = "吃水受限", e[e.系泊 = 5] = "系泊", e[e.搁浅 = 6] = "搁浅", e[e.从事捕捞 = 7] = "从事捕捞", e[e.航行中 = 8] = "航行中", e[e.留作将来修正导航状态 = 9] = "留作将来修正导航状态", e[e.高速船留用 = 10] = "高速船留用", e[e.机动船尾推作业 = 11] = "机动船尾推作业", e[e.机动船顶推或侧推作业 = 12] = "机动船顶推或侧推作业", e[e.飞翼船留用 = 13] = "飞翼船留用", e[e.现行的 = 14] = "现行的", e[e.未定义 = 15] = "未定义", e))(wt || {}), le = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.front = "front", e.up = "up", e.down = "down", e.back = "back", e))(le || {});
+const vo = (e) => {
   const r = /* @__PURE__ */ new Map(), n = {};
   let l = null;
-  const a = "--";
-  let d = null;
+  const d = "--";
+  let a = null;
   const s = document.createElement("div"), h = new pe({
     element: s,
     positioning: "top-left",
@@ -277,37 +277,37 @@ const yo = (e) => {
   const b = 8, V = [], X = (c) => {
     var f;
     for (V.unshift(c); V.length > b; ) {
-      const v = V.pop(), p = r.get(v);
-      p && ((f = p.getSource()) == null || f.clear(), e == null || e.removeLayer(p), r.delete(v), delete n[v]);
+      const y = V.pop(), p = r.get(y);
+      p && ((f = p.getSource()) == null || f.clear(), e == null || e.removeLayer(p), r.delete(y), delete n[y]);
     }
   };
   let G = "";
-  const q = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], K = vt(async () => {
+  const q = ["#ff0000", "#00ff00", "#0079ff", "#ffa500", "#800080", "#008080", "#ffc0cb", "#800000", "#000080", "#808000"], K = yt(async () => {
     if (l && n[l] && r.get(l).getVisible()) {
       console.log("reRenderTrackLine------------"), await Lt(l);
       const c = M(l, n[l]);
       ce(l, c);
     }
   }, 100), N = () => l && n[l] && r.get(l).getVisible(), M = (c, f) => {
-    let v = [];
+    let y = [];
     const p = Math.max(1, Math.floor(f.length / P));
-    return v = f.filter((R, S) => S % p === 0).map((R, S) => {
+    return y = f.filter((R, S) => S % p === 0).map((R, S) => {
       if (Number(R.lon) > 180 || Number(R.lat) > 180) {
         const [A, Y] = nt(R.lon, R.lat);
         R.lon = A, R.lat = Y;
       }
       return R.center = [R.lon, R.lat], R.centerPoint = fo(R.center), R.time = ht(R.createdAt).format("YYYY-MM-DD HH:mm:ss"), R.id = c, R.index = S, R;
-    }), v.filter(
+    }), y.filter(
       (R, S, A) => S === A.findIndex(
         (Y) => Math.abs(Y.lon - R.lon) < 1e-6 && Math.abs(Y.lat - R.lat) < 1e-6
       )
     );
-  }, i = async (c, f, v, p = "ship", y = 200) => {
+  }, i = async (c, f, y, p = "ship", v = 200) => {
     if (!e || JSON.stringify(n[c]) === JSON.stringify(f) && l === c || (f = f == null ? void 0 : f.reverse(), h && p === "ship" && (e != null && e.getOverlays().getArray().includes(h) || e.addOverlay(h)), (f == null ? void 0 : f.length) < 2))
       return;
-    X(c), l = c, n[c] = f, P = y;
+    X(c), l = c, n[c] = f, P = v;
     const D = Object.keys(n).findIndex((R) => R === c) || 0;
-    G = v || q[D > 10 ? 10 : D], await L(), await rt(l);
+    G = y || q[D > 10 ? 10 : D], await L(), await rt(l);
   }, T = (c) => {
     const f = new ue();
     return new he({
@@ -320,10 +320,10 @@ const yo = (e) => {
       zIndex: 10
     });
   }, w = (c) => {
-    r.forEach((f, v) => {
-      var y;
-      const p = v === c;
-      f.getVisible() !== p && (f.setVisible(p), e.getLayers().getArray().includes(f) || e.addLayer(f), p || (y = f.getSource()) == null || y.clear());
+    r.forEach((f, y) => {
+      var v;
+      const p = y === c;
+      f.getVisible() !== p && (f.setVisible(p), e.getLayers().getArray().includes(f) || e.addLayer(f), p || (v = f.getSource()) == null || v.clear());
     }), l = c;
   }, L = async () => {
     const c = l;
@@ -332,19 +332,19 @@ const yo = (e) => {
       r.set(c, D);
     }
     await w(c);
-    const f = G || "", v = n[c] || [];
-    if (!(v && v.length > 1)) return [];
+    const f = G || "", y = n[c] || [];
+    if (!(y && y.length > 1)) return [];
     let p = [];
-    p = M(c, v);
-    const y = p.map((D) => D.centerPoint);
-    p.length >= 2 && await F(c, y, f);
-  }, F = (c, f, v) => {
-    const p = new Ge(f), y = r.get(c).getSource(), D = y.getFeatureById(c);
+    p = M(c, y);
+    const v = p.map((D) => D.centerPoint);
+    p.length >= 2 && await F(c, v, f);
+  }, F = (c, f, y) => {
+    const p = new Ge(f), v = r.get(c).getSource(), D = v.getFeatureById(c);
     if (D)
-      D.setGeometry(p), D.setId(c), D.setStyle(Z(v)), m = D;
+      D.setGeometry(p), D.setId(c), D.setStyle(Z(y)), m = D;
     else {
-      const R = new le({ geometry: p });
-      R.setId(c), R.set("type", "line"), R.setStyle(Z(v)), y.addFeature(R), m = R;
+      const R = new re({ geometry: p });
+      R.setId(c), R.set("type", "line"), R.setStyle(Z(y)), v.addFeature(R), m = R;
     }
     return m;
   }, Z = (c) => new _({
@@ -352,13 +352,13 @@ const yo = (e) => {
       color: c,
       width: 2
     })
-  }), W = (c, f, v) => {
+  }), W = (c, f, y) => {
     try {
       const p = c == null ? void 0 : c.get("data");
       if (c && p && f === "hover") {
         e.getTargetElement().style.cursor = p ? "pointer" : "";
-        const y = H(p), D = v == null ? void 0 : v.coordinate;
-        D && (s.querySelector(".popup-content"), s.innerHTML = y, h == null || h.setPosition(D));
+        const v = H(p), D = y == null ? void 0 : y.coordinate;
+        D && (s.querySelector(".popup-content"), s.innerHTML = v, h == null || h.setPosition(D));
       } else
         h && h.setPosition(void 0);
     } catch (p) {
@@ -376,27 +376,27 @@ const yo = (e) => {
         <div class="track-point-popup">
             <div class="item">
                 <div class="item-label">状态</div>
-                <div class="item-item">${c != null && c.sailStatus ? wt[c.sailStatus] : a}</div>
+                <div class="item-item">${c != null && c.sailStatus ? wt[c.sailStatus] : d}</div>
             </div>
             <div class="item">
                 <div class="item-label">航速</div>
-                <div class="item-item">${c.speed || a}</div>
+                <div class="item-item">${c.speed || d}</div>
             </div>
             <div class="item">
                 <div class="item-label">艏向</div>
-                <div class="item-item">${c.hdg || a}</div>
+                <div class="item-item">${c.hdg || d}</div>
             </div>
             <div class="item">
                 <div class="item-label">航向</div>
-                <div class="item-item">${c.cog || a}</div>
+                <div class="item-item">${c.cog || d}</div>
             </div>
             <div class="item">
                 <div class="item-label">经度</div>
-                <div class="item-item">${c.lon || a}</div>
+                <div class="item-item">${c.lon || d}</div>
             </div>
             <div class="item">
                 <div class="item-label">纬度</div>
-                <div class="item-item">${c.lat || a}</div>
+                <div class="item-item">${c.lat || d}</div>
             </div>
             <div class="item w-100">
                 <div class="item-label">时间</div>
@@ -405,7 +405,7 @@ const yo = (e) => {
             ${f ?? f}
         </div>`;
   }, O = (c) => {
-    const v = c.map((S) => {
+    const y = c.map((S) => {
       const A = e.getPixelFromCoordinate(ie(S.center));
       return {
         ...S,
@@ -416,23 +416,23 @@ const yo = (e) => {
       };
     });
     let p = 0;
-    v[0].distance = 0;
-    for (let S = 1; S < v.length; S++) {
-      const A = v[S - 1].pixel, Y = v[S].pixel, J = Y[0] - A[0], E = Y[1] - A[1];
-      p += Math.sqrt(J * J + E * E), v[S].distance = p;
+    y[0].distance = 0;
+    for (let S = 1; S < y.length; S++) {
+      const A = y[S - 1].pixel, Y = y[S].pixel, J = Y[0] - A[0], E = Y[1] - A[1];
+      p += Math.sqrt(J * J + E * E), y[S].distance = p;
     }
-    const y = v.filter(
-      (S, A) => A === 0 || A === v.length - 1
+    const v = y.filter(
+      (S, A) => A === 0 || A === y.length - 1
     ), D = [];
-    for (let S = 0; S < y.length; S++) {
-      const A = y[S];
-      if (D.push(A), S < y.length - 1) {
-        const Y = y[S + 1], J = Y.distance - A.distance, E = Math.floor(J / 100);
+    for (let S = 0; S < v.length; S++) {
+      const A = v[S];
+      if (D.push(A), S < v.length - 1) {
+        const Y = v[S + 1], J = Y.distance - A.distance, E = Math.floor(J / 100);
         for (let B = 1; B <= E; B++) {
           const j = A.distance + B * 100;
           if (j >= Y.distance) break;
-          const Q = re(
-            v,
+          const Q = ne(
+            y,
             j
           );
           Q && D.push(Q);
@@ -452,11 +452,11 @@ const yo = (e) => {
       distance: S.distance
     }));
   };
-  function re(c, f) {
-    for (let v = 1; v < c.length; v++) {
-      const p = c[v - 1], y = c[v];
-      if (f >= p.distance && f <= y.distance) {
-        const D = (f - p.distance) / (y.distance - p.distance), R = p.pixel[0] + D * (y.pixel[0] - p.pixel[0]), S = p.pixel[1] + D * (y.pixel[1] - p.pixel[1]), A = e == null ? void 0 : e.getCoordinateFromPixel([R, S]);
+  function ne(c, f) {
+    for (let y = 1; y < c.length; y++) {
+      const p = c[y - 1], v = c[y];
+      if (f >= p.distance && f <= v.distance) {
+        const D = (f - p.distance) / (v.distance - p.distance), R = p.pixel[0] + D * (v.pixel[0] - p.pixel[0]), S = p.pixel[1] + D * (v.pixel[1] - p.pixel[1]), A = e == null ? void 0 : e.getCoordinateFromPixel([R, S]);
         return {
           ...p,
           // 继承前一个点的属性（可调整）
@@ -471,26 +471,26 @@ const yo = (e) => {
     return null;
   }
   const ce = async (c, f) => {
-    const v = O(f);
-    console.log("simplifiedPoints", v.length, "list", f.length);
-    const p = v.map((S) => de(S)), y = v.map((S) => Mt(S, G)), D = Pt(c, v, f, G);
-    r.get(c).getSource().addFeatures([...p, ...y, ...D]);
+    const y = O(f);
+    console.log("simplifiedPoints", y.length, "list", f.length);
+    const p = y.map((S) => de(S)), v = y.map((S) => Mt(S, G)), D = Pt(c, y, f, G);
+    r.get(c).getSource().addFeatures([...p, ...v, ...D]);
   }, de = (c) => {
-    const f = new le({
+    const f = new re({
       geometry: new te(c.centerPoint),
       data: c
     });
     f.set("type", "track_point"), f.set("trackId", c.id), f.set("data", c);
-    let v = [
+    let y = [
       ...Tt(c, G)
     ];
-    return (c.index === 0 || c.index === n[c.id].length - 1) && (v = [...Ft(c)], f.set("type", "track_begin")), c.state !== void 0 && c.state !== null && (v = [...Et(c)], f.set("type", "track_icon")), f.setStyle(v), f;
+    return (c.index === 0 || c.index === n[c.id].length - 1) && (y = [...Ft(c)], f.set("type", "track_begin")), c.state !== void 0 && c.state !== null && (y = [...Et(c)], f.set("type", "track_icon")), f.setStyle(y), f;
   }, Be = window.devicePixelRatio || 1, Me = /* @__PURE__ */ new Map();
   let ge = null, Xe = null;
   function Ct(c, f) {
-    const v = `${c}`;
-    if (Me.has(v))
-      return Me.get(v);
+    const y = `${c}`;
+    if (Me.has(y))
+      return Me.get(y);
     if (!ge) {
       ge = document.createElement("canvas");
       try {
@@ -501,28 +501,28 @@ const yo = (e) => {
         console.log("e", st), Xe = ge.getContext("2d");
       }
     }
-    const p = ge, y = Xe;
-    if (!y) return "";
+    const p = ge, v = Xe;
+    if (!v) return "";
     p.width = 0, p.height = 0;
     const D = 2, R = 8, S = 16, A = window.devicePixelRatio || 1, Y = "500 12px Arial";
-    y.font = Y;
-    const E = y.measureText(c).width, B = R + E + R, j = D + 14 + D;
-    let Q = 0, fe = 0, ye = 0, me = 0, Re = 0, Le = 0, we = 0, Te = 0;
-    Q = S + B, fe = S + j, ye = B, me = j, Re = B + S, Le = 0, we = 0, Te = S, p.width = Math.round(Q * A), p.height = Math.round(fe * A), y.scale(A, A), y.clearRect(0, 0, Q, fe), y.beginPath(), y.moveTo(ye, me), y.lineTo(Re, Le), y.strokeStyle = f || "#FFF", y.lineWidth = 1, y.stroke(), y.fillStyle = "#FFF", y.fillRect(we, Te, B, j), y.strokeStyle = f || "#FFF", y.lineWidth = 1, y.strokeRect(we, Te, B, j), y.font = Y, y.textBaseline = "middle";
+    v.font = Y;
+    const E = v.measureText(c).width, B = R + E + R, j = D + 14 + D;
+    let Q = 0, fe = 0, ve = 0, me = 0, Re = 0, Le = 0, we = 0, Te = 0;
+    Q = S + B, fe = S + j, ve = B, me = j, Re = B + S, Le = 0, we = 0, Te = S, p.width = Math.round(Q * A), p.height = Math.round(fe * A), v.scale(A, A), v.clearRect(0, 0, Q, fe), v.beginPath(), v.moveTo(ve, me), v.lineTo(Re, Le), v.strokeStyle = f || "#FFF", v.lineWidth = 1, v.stroke(), v.fillStyle = "#FFF", v.fillRect(we, Te, B, j), v.strokeStyle = f || "#FFF", v.lineWidth = 1, v.strokeRect(we, Te, B, j), v.font = Y, v.textBaseline = "middle";
     const Oe = Te + D / 2 + j / 2;
-    y.strokeStyle = "#ffffff", y.lineWidth = 1, y.strokeText(c, we + R, Oe), y.fillStyle = "#000000", y.fillText(c, we + R, Oe);
+    v.strokeStyle = "#ffffff", v.lineWidth = 1, v.strokeText(c, we + R, Oe), v.fillStyle = "#000000", v.fillText(c, we + R, Oe);
     const De = p.toDataURL("image/png");
-    return Me.set(v, De), De;
+    return Me.set(y, De), De;
   }
   const Mt = (c, f) => {
-    const v = Ct(c.time, f), p = new le({
+    const y = Ct(c.time, f), p = new re({
       geometry: new te(c.centerPoint),
       data: c
     });
     p.set("type", "track_point_label");
-    const y = new _({
+    const v = new _({
       image: new Ce({
-        src: v,
+        src: y,
         anchor: [1, 0],
         displacement: [0, 0],
         scale: 1 / Be,
@@ -531,11 +531,11 @@ const yo = (e) => {
       }),
       zIndex: 100
     });
-    return p.setStyle(y), p;
+    return p.setStyle(v), p;
   }, Lt = (c) => {
     const f = r.get(c).getSource();
-    f.forEachFeature((v) => {
-      v.get("type") !== "line" && f.removeFeature(v);
+    f.forEachFeature((y) => {
+      y.get("type") !== "line" && f.removeFeature(y);
     });
   }, Tt = (c, f) => [
     new _({
@@ -555,38 +555,38 @@ const yo = (e) => {
     })
     // textStyle,
   ], Et = (c) => {
-    const f = "#E31818", v = "#1890FF", p = "&#xe6d2", y = new _({
+    const f = "#E31818", y = "#1890FF", p = "&#xe6d2", v = new _({
       text: new Se({
         font: "Normal 22px map-iconfont",
         text: be(p),
         offsetY: -10,
         fill: new oe({
-          color: Number(c.state) === 0 ? f : Number(c.state) === 1 ? v : ""
+          color: Number(c.state) === 0 ? f : Number(c.state) === 1 ? y : ""
         })
       }),
       zIndex: 99
     }), R = dt("&#xe6e2;"), A = dt("&#xe703;"), Y = [];
-    return Number(c.state) === 0 ? Y.push(R) : Number(c.state) === 1 && Y.push(A), Y.push(y), Y;
-  }, Pt = (c, f, v, p) => {
-    const y = f || [], D = f.length;
-    D || (y.push(v[0]), y.push(v[v.length - 1]));
+    return Number(c.state) === 0 ? Y.push(R) : Number(c.state) === 1 && Y.push(A), Y.push(v), Y;
+  }, Pt = (c, f, y, p) => {
+    const v = f || [], D = f.length;
+    D || (v.push(y[0]), v.push(y[y.length - 1]));
     const R = new Set(f.map((A) => `${A.centerPoint[0]},${A.centerPoint[1]}`)), S = [];
     for (let A = 0; A < D - 1; A++) {
       let Y;
       const J = f[A], E = (f[A + 1].index + J.index) / 2;
       if (E % 2 === 0)
-        Y = v[E].centerPoint;
+        Y = y[E].centerPoint;
       else {
-        const B = v[Math.floor(E)], j = v[Math.ceil(E)];
+        const B = y[Math.floor(E)], j = y[Math.ceil(E)];
         if (B && j) {
-          const [Q, fe] = B.centerPoint, [ye, me] = j.centerPoint;
-          Y = [(Q + ye) / 2, (fe + me) / 2];
+          const [Q, fe] = B.centerPoint, [ve, me] = j.centerPoint;
+          Y = [(Q + ve) / 2, (fe + me) / 2];
         }
       }
       if (Y) {
         const B = `${Y[0]},${Y[1]}`;
         if (!R.has(B)) {
-          const j = new le({
+          const j = new re({
             geometry: new te(Y)
           });
           j.set("type", "track_arrow"), j.setStyle(
@@ -608,21 +608,21 @@ const yo = (e) => {
     return S;
   }, rt = (c) => {
     var D, R;
-    const f = e.getView(), v = (D = r == null ? void 0 : r.get(c)) == null ? void 0 : D.getSource(), p = m || (c ? v == null ? void 0 : v.getFeatureById(c) : null);
+    const f = e.getView(), y = (D = r == null ? void 0 : r.get(c)) == null ? void 0 : D.getSource(), p = m || (c ? y == null ? void 0 : y.getFeatureById(c) : null);
     if (!p) return;
-    const y = (R = p == null ? void 0 : p.getGeometry()) == null ? void 0 : R.getExtent();
-    if (!y || y[0] === y[2] || y[1] === y[3]) {
+    const v = (R = p == null ? void 0 : p.getGeometry()) == null ? void 0 : R.getExtent();
+    if (!v || v[0] === v[2] || v[1] === v[3]) {
       console.warn("Invalid track extent");
       return;
     }
     try {
-      const S = y[2] - y[0], A = y[3] - y[1], Y = 1e-4;
+      const S = v[2] - v[0], A = v[3] - v[1], Y = 1e-4;
       if (S < Y || A < Y) {
-        const E = [(y[0] + y[2]) / 2, (y[1] + y[3]) / 2];
+        const E = [(v[0] + v[2]) / 2, (v[1] + v[3]) / 2];
         f.setCenter(E);
         return;
       }
-      const J = jt(y, Math.max(S, A) * 0.1);
+      const J = jt(v, Math.max(S, A) * 0.1);
       f.fit(J, {
         maxZoom: U.max,
         padding: [30, 30, 30, 30]
@@ -632,43 +632,43 @@ const yo = (e) => {
       console.error("setTrackViewCenter error:", S);
     }
   }, Ft = (c) => {
-    const f = "&#xe69b;", y = c.index === 0 ? "#fcdc3f" : "#ff0000";
+    const f = "&#xe69b;", v = c.index === 0 ? "#fcdc3f" : "#ff0000";
     return [new _({
       text: new Se({
         font: "Normal 14px map-iconfont",
         text: be(f),
-        fill: new oe({ color: y })
+        fill: new oe({ color: v })
       }),
       zIndex: 101
     })];
   }, St = () => {
     console.log("清除所有的轨迹-----"), ze(), r.forEach((f) => {
-      var v;
-      (v = f.getSource()) == null || v.clear(), e == null || e.removeLayer(f);
+      var y;
+      (y = f.getSource()) == null || y.clear(), e == null || e.removeLayer(f);
     }), Object.keys(n).forEach((f) => {
       r.delete(f), delete n[f];
     });
   }, Nt = (c) => {
     const f = r.get(c || l);
     f == null || f.setVisible(!1);
-    const v = e.getOverlays().getArray();
-    for (let p = 0; p < v.length; ) {
-      const y = v[p];
-      y.get("class") === "track-label-overlay" ? (y.setPosition(void 0), y.dispose()) : p++;
+    const y = e.getOverlays().getArray();
+    for (let p = 0; p < y.length; ) {
+      const v = y[p];
+      v.get("class") === "track-label-overlay" ? (v.setPosition(void 0), v.dispose()) : p++;
     }
     ze();
   }, Rt = (c, f = Ne.NM) => {
-    const v = {
+    const y = {
       id: c,
       length: "--"
-    }, y = (n[c] || []).map(
+    }, v = (n[c] || []).map(
       (R) => Ve([R.lon, R.lat], ee.data, ee.mercator)
-    ), D = new Ge(y);
-    return v.length = go(D, f) || "--", v;
+    ), D = new Ge(v);
+    return y.length = go(D, f) || "--", y;
   }, $t = (c, f) => {
     Vt(String(c), f);
   }, Vt = (c, f) => {
-    const v = n[String(c)], p = v == null ? void 0 : v.map((y) => [y.lon, y.lat]);
+    const y = n[String(c)], p = y == null ? void 0 : y.map((v) => [v.lon, v.lat]);
     p && Dt(p, f);
   }, qe = new _({
     text: new Se({
@@ -680,8 +680,8 @@ const yo = (e) => {
     })
   }), zt = (c, f) => {
     var E, B;
-    const v = Number(50 * f), p = ((E = c.frameState) == null ? void 0 : E.time) ?? Date.now(), y = p - C;
-    if (u = (u + v * y / 1e6) % 2, C = p, u >= 1) {
+    const y = Number(50 * f), p = ((E = c.frameState) == null ? void 0 : E.time) ?? Date.now(), v = p - C;
+    if (u = (u + y * v / 1e6) % 2, C = p, u >= 1) {
       ze();
       return;
     }
@@ -700,9 +700,9 @@ const yo = (e) => {
     J.setStyle(qe), J.drawGeometry(g), e == null || e.render();
   }, Ot = () => {
     var c;
-    $ = !0, C = Date.now(), u = 0, g = ((c = o.getGeometry()) == null ? void 0 : c.clone()) || new te([0, 0]), d && (z == null || z.on("postrender", d)), k == null || k.setGeometry(void 0);
+    $ = !0, C = Date.now(), u = 0, g = ((c = o.getGeometry()) == null ? void 0 : c.clone()) || new te([0, 0]), a && (z == null || z.on("postrender", a)), k == null || k.setGeometry(void 0);
   }, ze = () => {
-    $ && ($ = !1, k == null || k.setGeometry(void 0), d && z && z.un("postrender", d), z && (e == null || e.removeLayer(z)), z = null, k = null);
+    $ && ($ = !1, k == null || k.setGeometry(void 0), a && z && z.un("postrender", a), z && (e == null || e.removeLayer(z)), z = null, k = null);
   }, Dt = (c, f) => {
     $ && ze(), x = new ct({
       factor: 1e6
@@ -711,12 +711,12 @@ const yo = (e) => {
     }).readGeometry(x, {
       dataProjection: ee.data,
       featureProjection: ee.mercator
-    }), o = new le({
+    }), o = new re({
       type: "icon",
       geometry: new te(t.getFirstCoordinate())
     });
-    const v = o.getGeometry();
-    g = v ? v.clone() : new te([0, 0]), k = new le({
+    const y = o.getGeometry();
+    g = y ? y.clone() : new te([0, 0]), k = new re({
       type: "geoMarker",
       style: qe,
       geometry: g
@@ -724,12 +724,12 @@ const yo = (e) => {
       source: new ue({
         features: [k]
       })
-    }), e == null || e.addLayer(z), d = (p) => zt(p, f), Ot();
-  }, lt = (c, f, v) => {
+    }), e == null || e.addLayer(z), a = (p) => zt(p, f), Ot();
+  }, lt = (c, f, y) => {
     function p(E) {
       return 180 * (E % (2 * Math.PI)) / Math.PI;
     }
-    function y(E) {
+    function v(E) {
       return E % 360 * Math.PI / 180;
     }
     function D(E) {
@@ -751,7 +751,7 @@ const yo = (e) => {
         return function(Oe, De) {
           return (R(De, Oe) + 180) % 360;
         }(E, B);
-      const Q = D(E), fe = D(B), ye = y(Q[0]), me = y(fe[0]), Re = y(Q[1]), Le = y(fe[1]), we = Math.sin(me - ye) * Math.cos(Le), Te = Math.cos(Re) * Math.sin(Le) - Math.sin(Re) * Math.cos(Le) * Math.cos(me - ye);
+      const Q = D(E), fe = D(B), ve = v(Q[0]), me = v(fe[0]), Re = v(Q[1]), Le = v(fe[1]), we = Math.sin(me - ve) * Math.cos(Le), Te = Math.cos(Re) * Math.sin(Le) - Math.sin(Re) * Math.cos(Le) * Math.cos(me - ve);
       return p(Math.atan2(we, Te));
     }
     function S(E) {
@@ -770,7 +770,7 @@ const yo = (e) => {
       };
       return j.id !== void 0 && (Q.id = j.id), j.bbox && (Q.bbox = j.bbox), Q.properties = B, Q.geometry = E, Q;
     }
-    const J = R(A(c), A(f), v);
+    const J = R(A(c), A(f), y);
     return J < 0 ? 360 + J : J;
   };
   return {
@@ -787,7 +787,7 @@ const yo = (e) => {
 };
 function mo(e) {
   console.log("useShipOverlay", e);
-  const r = ne(null), n = Ze(() => ({
+  const r = se(null), n = Ze(() => ({
     "--overlay-color": "#FFF",
     "--bg-color1": e.colors && e.colors[0] ? e.colors[0] : "#ffffff",
     // 默认第一个颜色
@@ -816,12 +816,12 @@ function mo(e) {
       animation: e.selected ? e.colors && ((s = e.colors) == null ? void 0 : s.length) >= 2 ? "blink-dual 2s ease-in-out infinite" : "blink-single 1.5s ease-in-out infinite" : "none"
       // "animation": props.selected ? 'blink 1.5s ease-in-out infinite' : 'none', // 动画开关
     };
-  }), a = Ze(() => ({
+  }), d = Ze(() => ({
     width: "14px",
     height: "14px",
     margin: "1px 5px 1px 1px",
     "background-color": "var(--attention-bg)"
-  })), d = Ze(() => ({
+  })), a = Ze(() => ({
     position: "absolute",
     top: "0px",
     color: "var(--overlay-color)",
@@ -846,7 +846,7 @@ function mo(e) {
       },
       [
         ae("div", {
-          style: e.selected ? a.value : {}
+          style: e.selected ? d.value : {}
         }, ""),
         ae("div", {
           class: "text",
@@ -885,7 +885,7 @@ function mo(e) {
     ),
     ae("svg", {
       class: "ship-overlay-line",
-      style: d.value,
+      style: a.value,
       viewBox: "0 0 20 20",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
@@ -902,21 +902,21 @@ function mo(e) {
 }
 const wo = (e) => {
   const { spd: r, hdg: n, cog: l } = e;
-  return r ? n !== null && +n != 511 && l !== null ? l - +n >= 3 ? se.right : l - +n <= -3 ? se.left : se.front : se.front : "";
+  return r ? n !== null && +n != 511 && l !== null ? l - +n >= 3 ? le.right : l - +n <= -3 ? le.left : le.front : le.front : "";
 }, Ee = (e, r) => {
-  const { shipData: n } = r.getProperties(), l = xt(e), a = bt(e, n, l);
-  return xo(r, a, l);
+  const { shipData: n } = r.getProperties(), l = xt(e), d = bt(e, n, l);
+  return xo(r, d, l);
 }, xt = (e) => {
   const r = e == null ? void 0 : e.getView().getZoom();
   return r && r <= U.shipModelMax && r >= U.shipTriggleMin ? "ship" : "triangle";
 }, bt = (e, r, n) => {
   if (n === "ship") {
-    const { len: l, wid: a } = r, d = 97, s = 20, x = 1 / (e == null ? void 0 : e.getView().getResolution()), t = l * x / d, o = a * x / s, g = Math.min(t, o);
+    const { len: l, wid: d } = r, a = 97, s = 20, x = 1 / (e == null ? void 0 : e.getView().getResolution()), t = l * x / a, o = d * x / s, g = Math.min(t, o);
     return g < 0.2 ? 0.2 : g > 2 ? 2 : g;
   }
   return U.scaleNum;
 }, xo = (e, r, n) => {
-  const { color: l, direct: a, isHighlight: d, shipData: s } = e.getProperties(), h = ((s == null ? void 0 : s.cog) - 90 + 360) % 360;
+  const { color: l, direct: d, isHighlight: a, shipData: s } = e.getProperties(), h = ((s == null ? void 0 : s.cog) - 90 + 360) % 360;
   return new _({
     image: new Ce({
       src: x(),
@@ -934,22 +934,22 @@ const wo = (e) => {
       case "triangle":
         return `<svg width="41" height="24" viewBox="0 0 41 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path d="M30.8843 12.6777L2.21343 21.7067C1.75559 21.8509 1.28947 21.509 1.28947 21.029L1.28947 2.97103C1.28947 2.49102 1.75558 2.14913 2.21342 2.29331L30.8843 11.3223C31.5471 11.531 31.5471 12.469 30.8843 12.6777Z" 
-                 fill="${l}" stroke="${d ? "#FF2424" : "black"}"  stroke-width="${d ? "2" : "0.578947"}" />
+                 fill="${l}" stroke="${a ? "#FF2424" : "black"}"  stroke-width="${a ? "2" : "0.578947"}" />
                 <!--path船航向左边或者向前-->
-                ${a === se.left && `<path d="M30 12L40 12L40 8" stroke="${d ? "#FF2424" : "black"}" stroke-width="2"/>`}
+                ${d === le.left && `<path d="M30 12L40 12L40 8" stroke="${a ? "#FF2424" : "black"}" stroke-width="2"/>`}
                 <!--path船航向右边-->
-                ${a === se.right && `<path d="M30 12L40 12L40 16" stroke="${d ? "#FF2424" : "black"}" stroke-width="2"/>`}
+                ${d === le.right && `<path d="M30 12L40 12L40 16" stroke="${a ? "#FF2424" : "black"}" stroke-width="2"/>`}
                 <!--path黑线无左右-->
-                ${a === se.front && `<path d="M30 12L40 12" stroke="${d ? "#FF2424" : "black"}" stroke-width="1.5"/>`}
+                ${d === le.front && `<path d="M30 12L40 12" stroke="${a ? "#FF2424" : "black"}" stroke-width="1.5"/>`}
             </svg>
             `;
       case "ship":
         return `<svg width="97" height="20" viewBox="0 0 97 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path d="M0.289474 17.3433L0.289474 2.65655C0.289474 2.28572 0.574654 1.97725 0.944343 1.9482L22.0544 0.289473L67.5204 0.289473C67.6295 0.289473 67.7372 0.314613 67.835 0.362943L86.0565 9.3629C86.5844 9.6236 86.5844 10.3763 86.0565 10.637L67.835 19.6371C67.7372 19.6854 67.6295 19.7105 67.5203 19.7105L22.0544 19.7105L0.944343 18.0517C0.574653 18.0226 0.289474 17.7142 0.289474 17.3433Z" 
-                fill="${l}" stroke="${d ? "#FF2424" : "black"}"  stroke-width="${d ? "4" : "0.578947"}"/>
-                ${a === se.left && `<path d="M86 10L96 10L96 6" stroke="${d ? "#FF2424" : "black"}" stroke-width="1.5"/>`}
-                ${a === se.right && `<path d="M86 10L96 10L96 14" stroke="${d ? "#FF2424" : "black"}" stroke-width="1.5"/>`}
-                ${a === se.front && `<path  d="M86 10L96 10" stroke="${d ? "#FF2424" : "black"}" stroke-width="1.5"/>`}
+                fill="${l}" stroke="${a ? "#FF2424" : "black"}"  stroke-width="${a ? "4" : "0.578947"}"/>
+                ${d === le.left && `<path d="M86 10L96 10L96 6" stroke="${a ? "#FF2424" : "black"}" stroke-width="1.5"/>`}
+                ${d === le.right && `<path d="M86 10L96 10L96 14" stroke="${a ? "#FF2424" : "black"}" stroke-width="1.5"/>`}
+                ${d === le.front && `<path  d="M86 10L96 10" stroke="${a ? "#FF2424" : "black"}" stroke-width="1.5"/>`}
             </svg>
             `;
       default:
@@ -957,15 +957,15 @@ const wo = (e) => {
     }
   }
 }, bo = (e, r) => {
-  const n = xt(e), l = bt(e, r, n), a = n === "ship" ? 109 : 49, d = `
-      <svg  xmlns="http://www.w3.org/2000/svg" width="${a}" height="${a}" viewBox="0 0 49 49" fill="none">
+  const n = xt(e), l = bt(e, r, n), d = n === "ship" ? 109 : 49, a = `
+      <svg  xmlns="http://www.w3.org/2000/svg" width="${d}" height="${d}" 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>
     `;
   return new _({
     image: new Ce({
-      src: `data:image/svg+xml;utf8,${encodeURIComponent(d)}`,
+      src: `data:image/svg+xml;utf8,${encodeURIComponent(a)}`,
       scale: l,
       anchorXUnits: "fraction",
       anchorYUnits: "fraction"
@@ -974,7 +974,7 @@ const wo = (e) => {
 };
 function ko(e, r, n, l) {
   if (r) {
-    const a = new pe({
+    const d = new pe({
       element: n,
       positioning: "top-left",
       id: "label-" + (l == null ? void 0 : l.id),
@@ -983,22 +983,22 @@ function ko(e, r, n, l) {
       position: r,
       className: l != null && l.blinking ? "ship-label-overlay-blinking" : "ship-label-overlay"
     });
-    a.set("class", "zh-map-ship-overlay"), e.addOverlay(a);
+    d.set("class", "zh-map-ship-overlay"), e.addOverlay(d);
   }
 }
 const po = (e, r) => {
-  const { lon: n, lat: l, blinking: a } = r, d = kt(r);
-  n && l && ko(e, ie([n, l]), d, { ...r, blinking: a });
+  const { lon: n, lat: l, blinking: d } = r, a = kt(r);
+  n && l && ko(e, ie([n, l]), a, { ...r, blinking: d });
 }, kt = (e) => {
   const r = document.createElement("div");
   r.className = "ship-overlay-box", r.style.position = "relative";
-  const { lon: n, lat: l, blinking: a, blinkingColors: d, name: s } = e, h = Qe({
+  const { lon: n, lat: l, blinking: d, blinkingColors: a, name: s } = e, h = Qe({
     setup() {
       return mo({
         position: [n + 2e-3, l + 2e-3],
-        selected: a,
+        selected: d,
         name: s,
-        colors: d || [],
+        colors: a || [],
         existDevice: e == null ? void 0 : e.existDevice,
         existMobile: e == null ? void 0 : e.existMobile,
         existWaterGauge: e == null ? void 0 : e.existWaterGauge
@@ -1024,9 +1024,9 @@ function Co() {
 const Mo = window.devicePixelRatio || 1, je = /* @__PURE__ */ new Map();
 let $e = null, Ke = null;
 function Lo(e, r, n = "left-bottom", l = 10) {
-  const a = `${e}-${r.join(",")}-${n}-${l}`;
-  if (je.has(a))
-    return je.get(a);
+  const d = `${e}-${r.join(",")}-${n}-${l}`;
+  if (je.has(d))
+    return je.get(d);
   if (!$e) {
     $e = document.createElement("canvas");
     try {
@@ -1037,9 +1037,9 @@ function Lo(e, r, n = "left-bottom", l = 10) {
       console.log("e", Z), Ke = $e.getContext("2d");
     }
   }
-  const d = $e, s = Ke;
+  const a = $e, s = Ke;
   if (!s) return "";
-  d.width = 0, d.height = 0;
+  a.width = 0, a.height = 0;
   const h = 2, x = 4, t = 16, o = window.devicePixelRatio || 1, g = "500 12px Arial", k = "12px map-iconfont";
   s.font = g;
   const C = s.measureText(e).width;
@@ -1066,7 +1066,7 @@ function Lo(e, r, n = "left-bottom", l = 10) {
       X = t + b, G = P, q = b, K = P + t, N = 0, M = 0, i = t;
       break;
   }
-  X = X + h, d.width = Math.round(V * o), d.height = Math.round(X * o), s.scale(o, o), s.clearRect(0, 0, V, X), s.beginPath(), s.moveTo(G, q), s.lineTo(K, N), s.strokeStyle = "#FFF", s.lineWidth = 1, s.stroke(), s.fillStyle = "#FFF", s.fillRect(M, i, P, b), s.font = g, s.textBaseline = "middle";
+  X = X + h, a.width = Math.round(V * o), a.height = Math.round(X * o), s.scale(o, o), s.clearRect(0, 0, V, X), s.beginPath(), s.moveTo(G, q), s.lineTo(K, N), s.strokeStyle = "#FFF", s.lineWidth = 1, s.stroke(), s.fillStyle = "#FFF", s.fillRect(M, i, P, b), s.font = g, s.textBaseline = "middle";
   const T = i + h / 2 + b / 2;
   s.strokeStyle = "#ffffff", s.lineWidth = 1, s.strokeText(e, M + x, T), s.fillStyle = "#000000", s.fillText(e, M + x, T), s.font = k, s.fillStyle = "#3370ff";
   let w = M + x + C + l;
@@ -1074,13 +1074,13 @@ function Lo(e, r, n = "left-bottom", l = 10) {
   r.length > 0 && r.forEach((Z, W) => {
     s.fillText(be(Z), w, L), w += z[W].width + l;
   });
-  const F = d.toDataURL("image/png");
-  return je.set(a, F), F;
+  const F = a.toDataURL("image/png");
+  return je.set(d, F), F;
 }
 const ft = (e, r) => {
-  const { name: n, rightIcons: l, selected: a } = e.getProperties(), d = r !== 1 ? Co() : "right-top", s = Lo(n, l, d);
+  const { name: n, rightIcons: l, selected: d } = e.getProperties(), a = r !== 1 ? Co() : "right-top", s = Lo(n, l, a);
   let h = [0, 0];
-  switch (d) {
+  switch (a) {
     case "right-top":
       h = [0, 1];
       break;
@@ -1109,18 +1109,18 @@ const ft = (e, r) => {
       anchorXUnits: "fraction",
       anchorYUnits: "fraction"
     }),
-    zIndex: a ? 100 : 10
+    zIndex: d ? 100 : 10
   });
 }, To = (e) => {
   let r = null, n = null;
-  const l = new ue(), a = new _t({
+  const l = new ue(), d = new _t({
     source: l,
     className: "zh-map--ship-layer",
     renderBuffer: 300,
     zIndex: 101,
     properties: { layerType: I.SHIP }
-  }), d = new ue(), s = new he({
-    source: d,
+  }), a = new ue(), s = new he({
+    source: a,
     className: "zh-map--ship-label-layer",
     zIndex: 102,
     updateWhileInteracting: !1,
@@ -1132,7 +1132,7 @@ const ft = (e, r) => {
     className: "zh-map--ship-selected-layer",
     zIndex: 999
   });
-  e == null || e.addLayer(a), e == null || e.addLayer(s), e == null || e.addLayer(x);
+  e == null || e.addLayer(d), e == null || e.addLayer(s), e == null || e.addLayer(x);
   let t = null, o = "", g = {}, k = {};
   const $ = (i) => {
     if (!i || !e) return;
@@ -1144,7 +1144,7 @@ const ft = (e, r) => {
     m(), M(i), z();
   }, C = (i) => {
     var O;
-    const T = (n == null ? void 0 : n.id) || (r == null ? void 0 : r.get("id")), w = ie([i == null ? void 0 : i.lon, i == null ? void 0 : i.lat]), L = ((O = k[i.id]) == null ? void 0 : O.blinkColors) || [], Z = L[L.length - 1] || i.fill || "#04C900", W = wo(i), H = new le({
+    const T = (n == null ? void 0 : n.id) || (r == null ? void 0 : r.get("id")), w = ie([i == null ? void 0 : i.lon, i == null ? void 0 : i.lat]), L = ((O = k[i.id]) == null ? void 0 : O.blinkColors) || [], Z = L[L.length - 1] || i.fill || "#04C900", W = wo(i), H = new re({
       geometry: new te(w),
       // 船舶数据
       shipData: i,
@@ -1164,7 +1164,7 @@ const ft = (e, r) => {
   }, z = () => {
     if (n && e && n) {
       h.getFeatures().length > 0 && h.clear();
-      const i = ie([n == null ? void 0 : n.lon, n == null ? void 0 : n.lat]), T = new le({
+      const i = ie([n == null ? void 0 : n.lon, n == null ? void 0 : n.lat]), T = new re({
         geometry: new te(i),
         id: n.id
       });
@@ -1180,8 +1180,8 @@ const ft = (e, r) => {
           if (L.setStyle(F), L.get("id") === (n == null ? void 0 : n.id) && w && w[0]) {
             const H = w[0], O = H == null ? void 0 : H.getStyle();
             if (O && (O != null && O.getImage())) {
-              const re = (Z = F.getImage()) == null ? void 0 : Z.getScale();
-              re && ((W = O.getImage()) == null || W.setScale(re));
+              const ne = (Z = F.getImage()) == null ? void 0 : Z.getScale();
+              ne && ((W = O.getImage()) == null || W.setScale(ne));
             }
           }
         }), t = requestAnimationFrame(T);
@@ -1190,7 +1190,7 @@ const ft = (e, r) => {
     }
     i === "end" && t && (cancelAnimationFrame(t), t = null);
   }, m = () => {
-    e && l && (P(), l.clear(), d.clear(), h.clear(), u("end"));
+    e && l && (P(), l.clear(), a.clear(), h.clear(), u("end"));
   }, P = (i) => {
     const T = e.getOverlays().getArray().filter((w) => w.get("class") == "zh-map-ship-overlay");
     if (T && T.length > 0) {
@@ -1206,10 +1206,10 @@ const ft = (e, r) => {
     for (const F in g) {
       const Z = g[F], W = w.find((O) => (O == null ? void 0 : O.getId()) === "label-" + F), H = L.find((O) => F === O.get("id"));
       if (W && H) {
-        const O = T[F].blinkColors || [], { shipData: re, name: ce, color: de } = H.getProperties();
+        const O = T[F].blinkColors || [], { shipData: ne, name: ce, color: de } = H.getProperties();
         H.set("blinking", Z), O[(O == null ? void 0 : O.length) - 1] && de !== O[(O == null ? void 0 : O.length) - 1] && (H.set("color", O[(O == null ? void 0 : O.length) - 1] || ""), H.setStyle(Ee(e, H)));
         const Be = {
-          ...re,
+          ...ne,
           blinking: Z,
           blinkingColors: O || [],
           name: ce + "(" + T[F].shipState + ")"
@@ -1219,24 +1219,24 @@ const ft = (e, r) => {
     }
   }, V = (i) => {
     if (!e) return;
-    const T = l.getFeatures(), w = d.getFeatures(), L = r ? r.get("id") : "", F = T.filter((O) => O.get("id") !== L), Z = w == null ? void 0 : w.filter((O) => O.get("id") !== L), W = /* @__PURE__ */ new Map();
+    const T = l.getFeatures(), w = a.getFeatures(), L = r ? r.get("id") : "", F = T.filter((O) => O.get("id") !== L), Z = w == null ? void 0 : w.filter((O) => O.get("id") !== L), W = /* @__PURE__ */ new Map();
     i.forEach((O) => {
       W.set(O.id, !0);
     });
     const H = e.getOverlays().getArray();
     F.forEach((O) => {
-      const re = O.get("id");
-      if (!W.has(re))
+      const ne = O.get("id");
+      if (!W.has(ne))
         O.setStyle([]);
       else {
         const de = O.getStyle();
         (de == null ? void 0 : de.length) == 0 && O.setStyle(Ee(e, O));
       }
-      const ce = H.find((de) => de.getId() === "label-" + re);
+      const ce = H.find((de) => de.getId() === "label-" + ne);
       ce && ce.setPosition(void 0);
     }), Z.forEach((O) => {
-      const re = O.get("id");
-      if (!W.has(re))
+      const ne = O.get("id");
+      if (!W.has(ne))
         O.setStyle([]);
       else {
         const ce = O.getStyle();
@@ -1246,7 +1246,7 @@ const ft = (e, r) => {
   }, X = (i) => {
     if (i) {
       console.log("选中", i);
-      const T = l.getFeatures().find((L) => L.get("id") === i.id), w = d.getFeatures().find((L) => L.get("id") === i.id);
+      const T = l.getFeatures().find((L) => L.get("id") === i.id), w = a.getFeatures().find((L) => L.get("id") === i.id);
       T && (r = T), w && w.set("selected", !0), n = i, z();
     } else
       console.log("取消选中"), n = null, r = null, K();
@@ -1274,7 +1274,7 @@ const ft = (e, r) => {
       console.log(i);
     }
   }, N = (i, T) => {
-    const w = ie([i == null ? void 0 : i.lon, i == null ? void 0 : i.lat]), L = new le({
+    const w = ie([i == null ? void 0 : i.lon, i == null ? void 0 : i.lat]), L = new re({
       geometry: new te(w),
       name: i.cnname || i.enname || i.name || i.id || "未命名船舶",
       // 图标
@@ -1302,7 +1302,7 @@ const ft = (e, r) => {
           }
         } else {
           const F = N(w, i.length);
-          d.addFeature(F);
+          a.addFeature(F);
         }
     });
   };
@@ -1316,18 +1316,18 @@ const ft = (e, r) => {
     changeShipScale: u
   };
 }, Eo = (e) => {
-  const r = () => e == null ? void 0 : e.getLayers(), n = ne("vector"), l = () => n.value, a = (x) => {
+  const r = () => e == null ? void 0 : e.getLayers(), n = se("vector"), l = () => n.value, d = (x) => {
     n.value = x;
     const t = r();
     t && (t == null || t.getArray().forEach((o) => {
       (o.className_ === "vector" || o.className_ === "satellite") && o.setVisible(o.className_ === x);
     }));
-  }, d = ne(!1);
+  }, a = se(!1);
   return {
     getLayers: r,
-    getGreenTileVisible: () => d.value,
+    getGreenTileVisible: () => a.value,
     setGreenTileVisible: (x) => {
-      if (x !== d.value) {
+      if (x !== a.value) {
         if (x) {
           const t = r();
           if (!t.getArray().find((g) => g.className_ === "greenTile")) {
@@ -1343,14 +1343,14 @@ const ft = (e, r) => {
           const t = r(), o = t.getArray().find((g) => g.className_ === "greenTile");
           o && t.remove(o);
         }
-        d.value = x;
+        a.value = x;
       }
     },
     getShowLayerType: l,
-    setShowLayerType: a
+    setShowLayerType: d
   };
 }, Po = () => {
-  const e = ne();
+  const e = se();
   return {
     setProps: (l) => {
       e.value = l;
@@ -1359,12 +1359,12 @@ const ft = (e, r) => {
   };
 }, Fo = (e) => {
   const r = "zh-map-location-layer";
-  let n, l, a = null, d = null;
+  let n, l, d = null, a = null;
   const s = (C) => {
     if (!(!C || C.length === 0)) {
-      if (l || (l = new ue()), l.clear(), d) {
-        const z = C.find((u) => u.id === d.id);
-        z ? d = z : C.push(d);
+      if (l || (l = new ue()), l.clear(), a) {
+        const z = C.find((u) => u.id === a.id);
+        z ? a = z : C.push(a);
       }
       C.forEach((z) => {
         h(z);
@@ -1375,10 +1375,10 @@ const ft = (e, r) => {
       }), e == null || e.addLayer(n));
     }
   }, h = (C) => {
-    const z = e == null ? void 0 : e.getView().getZoom(), [u, m] = C.latLon.split(","), P = new le({
+    const z = e == null ? void 0 : e.getView().getZoom(), [u, m] = C.latLon.split(","), P = new re({
       geometry: new te(ie([Number(u), Number(m)]))
     });
-    P.setStyle(x(C, z, C.id === (d == null ? void 0 : d.id))), P.set("loactionData", C), l.addFeature(P);
+    P.setStyle(x(C, z, C.id === (a == null ? void 0 : a.id))), P.set("loactionData", C), l.addFeature(P);
   }, x = (C, z, u) => {
     const m = {
       image: new Ce({
@@ -1398,8 +1398,8 @@ const ft = (e, r) => {
       offsetY: 30
     })), new _(m);
   }, t = () => {
-    if (a) {
-      const C = a.get("loactionData").id;
+    if (d) {
+      const C = d.get("loactionData").id;
       l.getFeatures().forEach((z) => {
         z.get("loactionData").id !== C && l.removeFeature(z);
       });
@@ -1407,21 +1407,21 @@ const ft = (e, r) => {
       l.clear();
   }, o = () => {
     var m;
-    const C = a.get("loactionData"), z = (m = e == null ? void 0 : e.getView()) == null ? void 0 : m.getZoom();
+    const C = d.get("loactionData"), z = (m = e == null ? void 0 : e.getView()) == null ? void 0 : m.getZoom();
     l.getFeatures().forEach((P) => {
       P.get("loactionData").id === C.id && (P == null || P.setStyle(x(C, z, !1)));
-    }), d = null, a = null;
+    }), a = null, d = null;
   }, g = (C) => {
     C ? (k(), $(C)) : clearSelectedPort();
   }, k = () => {
     var C;
-    if (a) {
-      const z = a.get("loactionData"), u = (C = e == null ? void 0 : e.getView()) == null ? void 0 : C.getZoom();
-      a.setStyle(x(z, u, !1));
+    if (d) {
+      const z = d.get("loactionData"), u = (C = e == null ? void 0 : e.getView()) == null ? void 0 : C.getZoom();
+      d.setStyle(x(z, u, !1));
     }
   }, $ = (C) => {
     const z = l.getFeatures();
-    d = C, a = z.find((u) => u.get("loactionData").id === C.id);
+    a = C, d = z.find((u) => u.get("loactionData").id === C.id);
   };
   return {
     render: s,
@@ -1431,24 +1431,24 @@ const ft = (e, r) => {
   };
 }, So = (e) => {
   e.getInteractions().forEach((r) => {
-    r instanceof yt && r.setActive(!1);
+    r instanceof vt && r.setActive(!1);
   });
 }, No = (e) => {
   e.getInteractions().forEach((r) => {
-    r instanceof yt && r.setActive(!0);
+    r instanceof vt && r.setActive(!0);
   });
-}, ve = (e, r) => {
+}, ye = (e, r) => {
   const n = e.getViewport();
   n && (n.style.cursor = r);
 }, Ro = (e, r) => {
-  const n = ne([]), l = ne("km"), a = (N) => {
+  const n = se([]), l = se("km"), d = (N) => {
     l.value = N;
   };
-  let d;
-  const s = ne(!1), h = () => {
-    ve(e, "crosshair"), o(), So(e), e.on("pointermove", $), e.getViewport().addEventListener("mouseout", () => {
-      d && d.classList.add("hidden");
-    }), z(), s.value = !0;
+  let a, s = "close";
+  const h = () => {
+    ye(e, "crosshair"), o(), So(e), e.on("pointermove", $), e.getViewport().addEventListener("mouseout", () => {
+      a && a.classList.add("hidden");
+    }), z(), s = "open";
   };
   let x, t;
   const o = () => {
@@ -1469,7 +1469,7 @@ const ft = (e, r) => {
     if (N.dragging)
       return;
     let M = "点击选择起点";
-    g && (M = "单击继续，双击结束"), d && (d.innerHTML = M, k.setPosition(N.coordinate), d.classList.remove("hidden"));
+    g && (M = "单击继续，双击结束"), a && (a.innerHTML = M, k.setPosition(N.coordinate), a.classList.remove("hidden"));
   };
   let C;
   const z = () => {
@@ -1531,8 +1531,8 @@ const ft = (e, r) => {
       insertFirst: !1
     }), e == null || e.addOverlay(P);
   }, V = () => {
-    d != null && d.parentNode && d.parentNode.removeChild(d), d = document.createElement("div"), d.className = "ol-tooltip hidden", k = new pe({
-      element: d,
+    a != null && a.parentNode && a.parentNode.removeChild(a), a = document.createElement("div"), a.className = "ol-tooltip hidden", k = new pe({
+      element: a,
       offset: [15, 0],
       positioning: "center-left"
     }), e == null || e.addOverlay(k);
@@ -1543,7 +1543,7 @@ const ft = (e, r) => {
       i[M] && ((L = (w = i[M]) == null ? void 0 : w.parentNode) == null || L.removeChild(i[M]));
       const T = x.getFeatures();
       T[M] && x.removeFeature(T[M]);
-    }), q(), No(e), s.value = !1, ve(e, "grab");
+    }), q(), No(e), s = "close", ye(e, "grab");
   }, G = (N) => {
     var i, T, w, L;
     const M = n.value.findIndex((F) => F.id === N);
@@ -1563,34 +1563,34 @@ const ft = (e, r) => {
       const N = e.getInteractions().getArray().find((M) => at(M) === at(C));
       N && e.removeInteraction(N);
     }
-    e.removeLayer(t), d != null && d.parentNode && d.parentNode.removeChild(d), m != null && m.parentNode && m.parentNode.removeChild(m);
+    e.removeLayer(t), a != null && a.parentNode && a.parentNode.removeChild(a), m != null && m.parentNode && m.parentNode.removeChild(m);
   };
   return {
     open: h,
     close: X,
     deleteLine: G,
-    setUnit: a,
-    getState: () => s.value
+    setUnit: d,
+    getState: () => s
   };
 }, pt = (e, r) => {
   const l = tt(e);
-  let a = "";
+  let d = "";
   switch (r) {
     case "m":
-      a = `${Math.round(l * 100) / 100} m`;
+      d = `${Math.round(l * 100) / 100} m`;
       break;
     case "km":
-      a = `${Math.round(l / 1e3 * 100) / 100} km`;
+      d = `${Math.round(l / 1e3 * 100) / 100} km`;
       break;
     case "nm":
-      a = (Math.round(l / 1e3 * 100) / 100 / 1.852).toFixed(2) + " nm";
+      d = (Math.round(l / 1e3 * 100) / 100 / 1.852).toFixed(2) + " nm";
       break;
   }
-  return a;
+  return d;
 }, $o = (e, r) => {
-  let n, l, a = "close";
-  const d = () => {
-    q(), a = "open", s(), ve(e, "crosshair");
+  let n, l, d = "close";
+  const a = () => {
+    q(), d = "open", s(), ye(e, "crosshair");
   }, s = () => {
     t(), P(), X(), C();
   };
@@ -1736,17 +1736,17 @@ const ft = (e, r) => {
       positioning: "center-left"
     }), e == null || e.addOverlay(V);
   }, G = () => {
-    n = null, d();
+    n = null, a();
   }, q = () => {
-    a = "close", e.un("pointermove", g), o = null, k && (k.abortDrawing(), console.log("abortDrawing"), k.setActive(!1), (e == null ? void 0 : e.getInteractions()).forEach((M) => {
+    d = "close", e.un("pointermove", g), o = null, k && (k.abortDrawing(), console.log("abortDrawing"), k.setActive(!1), (e == null ? void 0 : e.getInteractions()).forEach((M) => {
       M instanceof We && (M.setActive(!1), e == null || e.removeInteraction(M));
-    }), k = null), l && Je(l), l = void 0, x == null || x.clear(), x = null, h && e.getAllLayers().includes(h) && (e.removeLayer(h), h = null), b != null && b.parentElement && (b.innerHTML = "", b.parentElement.removeChild(b), b = null), u != null && u.parentElement && (u.innerHTML = "", u.parentElement.removeChild(u), u = null), V && e.removeOverlay(V), m && e.removeOverlay(m), ve(e, "grab");
+    }), k = null), l && Je(l), l = void 0, x == null || x.clear(), x = null, h && e.getAllLayers().includes(h) && (e.removeLayer(h), h = null), b != null && b.parentElement && (b.innerHTML = "", b.parentElement.removeChild(b), b = null), u != null && u.parentElement && (u.innerHTML = "", u.parentElement.removeChild(u), u = null), V && e.removeOverlay(V), m && e.removeOverlay(m), ye(e, "grab");
   };
   return {
-    open: d,
+    open: a,
     close: q,
     reset: G,
-    getState: () => a
+    getState: () => d
   };
 }, Vo = "zh-map-port-layer", zo = (e) => {
   const r = new ue(), n = new he({
@@ -1758,21 +1758,21 @@ const ft = (e, r) => {
     properties: { layerType: I.PORT }
   });
   e == null || e.addLayer(n);
-  let l = null, a = null;
-  const d = (u, m = !0) => {
+  let l = null, d = null;
+  const a = (u, m = !0) => {
     if (!u || u.length === 0) return;
-    if (r.clear(), a) {
-      const b = u.find((V) => V.id === (a == null ? void 0 : a.id));
-      b ? a = b : u.push(a);
+    if (r.clear(), d) {
+      const b = u.find((V) => V.id === (d == null ? void 0 : d.id));
+      b ? d = b : u.push(d);
     }
     const P = [];
     u.forEach((b) => {
-      const [V, X] = b.latLon.split(","), G = new le({
+      const [V, X] = b.latLon.split(","), G = new re({
         geometry: new te(ie([Number(V), Number(X)])),
         portData: b,
         id: b.id,
-        select: b.id === (a == null ? void 0 : a.id),
-        showTitle: b.id === (a == null ? void 0 : a.id) || m
+        select: b.id === (d == null ? void 0 : d.id),
+        showTitle: b.id === (d == null ? void 0 : d.id) || m
       }), q = o(G);
       G.setStyle(q), P.push(G);
     }), r.addFeatures(P);
@@ -1857,22 +1857,22 @@ const ft = (e, r) => {
     var u;
     if (l) {
       const m = l == null ? void 0 : l.get("portData"), P = (u = r.getFeatures()) == null ? void 0 : u.find((b) => b.get("portData").id === m.id);
-      P && (P.set("select", !1), P.setStyle(o(P)), l = null, a = null);
+      P && (P.set("select", !1), P.setStyle(o(P)), l = null, d = null);
     }
   }, C = (u) => {
     if (!r) return;
     const m = r.getFeatures();
-    a = u, l = m.find((P) => P.get("portData").id === u.id), l && (l.set("select", !0), l.setStyle(o(l)));
+    d = u, l = m.find((P) => P.get("portData").id === u.id), l && (l.set("select", !0), l.setStyle(o(l)));
   };
   return {
-    render: d,
+    render: a,
     clear: g,
     selected: k,
     handlePortHover: (u) => {
-      u && u.get("portData") ? ve(e, "pointer") : ve(e, "grab");
+      u && u.get("portData") ? ye(e, "pointer") : ye(e, "grab");
     }
   };
-}, Oo = (e, r, n, l, a, d, s) => {
+}, Oo = (e, r, n, l, d, a, s) => {
   const h = e.getInstall();
   h.on("moveend", () => {
     var g, k;
@@ -1888,7 +1888,7 @@ const ft = (e, r) => {
     [I.SHIP]: null,
     [I.TRACK]: null
   }, t = (g, k, $) => {
-    switch (ve(h, "pointer"), g) {
+    switch (ye(h, "pointer"), g) {
       case I.SHIP:
         l == null || l.handleShipMapEvent(k, "hover");
         break;
@@ -1899,7 +1899,7 @@ const ft = (e, r) => {
         break;
     }
   }, o = (g) => {
-    switch (ve(h, "grab"), g) {
+    switch (ye(h, "grab"), g) {
       case I.PORT:
         break;
       case I.SHIP:
@@ -1911,7 +1911,7 @@ const ft = (e, r) => {
     }
   };
   h.on("pointermove", (g) => {
-    if (s.getState() !== "open" && !h.getView().getAnimating())
+    if (s.getState() !== "open" && a.getState() !== "open" && !h.getView().getAnimating())
       try {
         let k = !1;
         const $ = h.getLayers().getArray().filter((C) => C.get("layerType"));
@@ -1934,8 +1934,8 @@ const ft = (e, r) => {
     } catch (g) {
       console.log("movestart---catch", g);
     }
-  }), h.on("click", vt((g) => {
-    if (s.getState() !== "open" && !h.getView().getAnimating())
+  }), h.on("click", yt((g) => {
+    if (s.getState() !== "open" && a.getState() !== "open" && !h.getView().getAnimating())
       try {
         let k = !1;
         const $ = h.getLayers().getArray().filter((C) => C.get("layerType"));
@@ -1955,7 +1955,7 @@ const ft = (e, r) => {
               console.log("trackManager.getTrackStatus()---", n.getTrackStatus()), n.getTrackStatus() || l.handleShipMapEvent(u, "click", (m = r.getProps()) == null ? void 0 : m.selectShip);
             else if (u != null && u.get("portData")) {
               const V = u == null ? void 0 : u.get("portData");
-              a.selected(V), (b = (P = r.getProps()) == null ? void 0 : P.selectPort) == null || b.call(P, V);
+              d.selected(V), (b = (P = r.getProps()) == null ? void 0 : P.selectPort) == null || b.call(P, V);
             }
             k = !0, g.preventDefault(), g.stopPropagation();
           }
@@ -1967,25 +1967,25 @@ const ft = (e, r) => {
 }, Do = () => {
   const e = At([]);
   return {
-    createInstance: (l, a) => {
-      const d = ao();
-      d.initMap(l, a);
-      const s = d.getInstall(), h = Eo(s), x = Po();
-      x.setProps(a), h.setShowLayerType(a.layerType), h.setGreenTileVisible(a.showGreenLayer);
-      const t = yo(s), o = vo(s, t), g = To(s), k = Fo(s), $ = Ro(s, x), C = $o(s, x), z = zo(s);
-      Oo(d, x, t, g, z, $, C);
+    createInstance: (l, d) => {
+      const a = ao();
+      a.initMap(l, d);
+      const s = a.getInstall(), h = Eo(s), x = Po();
+      x.setProps(d), h.setShowLayerType(d.layerType), h.setGreenTileVisible(d.showGreenLayer);
+      const t = vo(s), o = yo(s, t), g = To(s), k = Fo(s), $ = Ro(s, x), C = $o(s, x), z = zo(s);
+      Oo(a, x, t, g, z, $, C);
       const u = () => {
-        const P = s.getView().calculateExtent(d.getSize()), b = Ve([P[0], P[1]], ee.mercator, ee.data), V = Ve([P[2], P[3]], ee.mercator, ee.data);
+        const P = s.getView().calculateExtent(a.getSize()), b = Ve([P[0], P[1]], ee.mercator, ee.data), V = Ve([P[2], P[3]], ee.mercator, ee.data);
         return [b[0], b[1], V[0], V[1]];
       }, m = {
         id: Symbol("map-instance"),
         innerMap: null,
-        map: d.getInstall(),
+        map: a.getInstall(),
         destroy: () => {
           e.splice(e.indexOf(m), 1);
         },
         methods: {
-          ...d,
+          ...a,
           layer: h,
           ship: g,
           track: t,
@@ -2009,8 +2009,8 @@ const ft = (e, r) => {
       return e.push(m), m;
     },
     destroyInstance: (l) => {
-      const a = e.findIndex((d) => d.id === l);
-      a > -1 && (e[a].destroy(), e.splice(a, 1));
+      const d = e.findIndex((a) => a.id === l);
+      d > -1 && (e[d].destroy(), e.splice(d, 1));
     },
     destroyAll: () => {
       e.forEach((l) => l.destroy()), e.splice(0, e.length);
@@ -2043,16 +2043,16 @@ const ft = (e, r) => {
       });
     }
     n();
-    const l = ne(), a = ne(), d = Do(), s = ne(), h = e, x = ne({
+    const l = se(), d = se(), a = Do(), s = se(), h = e, x = se({
       getInstall() {
       }
     });
     return Gt(() => {
       var t;
-      s.value = d.createInstance(l.value, h), x.value = s.value.methods, (t = a.value) == null || t.setScaleLine(s.value.map, h.scaleLineUnit);
+      s.value = a.createInstance(l.value, h), x.value = s.value.methods, (t = d.value) == null || t.setScaleLine(s.value.map, h.scaleLineUnit);
     }), Wt(() => {
       var t, o;
-      d.destroyInstance((t = s == null ? void 0 : s.value) == null ? void 0 : t.id), (o = s.value) == null || o.destroy();
+      a.destroyInstance((t = s == null ? void 0 : s.value) == null ? void 0 : t.id), (o = s.value) == null || o.destroy();
     }), r({
       getZoom: () => {
         var t;
@@ -2266,7 +2266,7 @@ const ft = (e, r) => {
       }, null, 512),
       Qe(ro, {
         ref_key: "scaleLineRef",
-        ref: a
+        ref: d
       }, null, 512),
       Qe(io, {
         ref: "zoomControlRef",