zhihao-ui 1.2.29 → 1.2.30

package/dist/es/{Map-Bq9kPMot.js → Map-Ch7K-0xC.js}

@@ -1,55 +1,55 @@
-var R = Object.defineProperty;
-var A = (e, t, n) => t in e ? R(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var S = (e, t, n) => A(e, typeof t != "symbol" ? t + "" : t, n);
-import { n as getArea, o as getLength, V as VectorSource, p as VectorLayer, S as Style, C as CircleStyle, F as Fill, q as Stroke, D as Draw, O as Overlay, u as unByKey, r as ElSelect, s as ElOption, T as Text, t as fromLonLat, v as transformExtent, h as hooks, L as LineString, w as Feature, P as Point, x as Polyline, y as getVectorContext, e as cloneDeep, G as GeoJSON, W as WebGLPointsLayer, z as Circle, A as transform, B as buffer, H as ScaleLine$1, I as Icon, J as Translate, K as toLonLat, M as MultiPoint, N as getCenter, Q as TileLayer, X as XYZ, R as Map$1, U as View } from "./vendor-BhAIOWbw.js";
+var D = Object.defineProperty;
+var A = (e, t, n) => t in e ? D(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var I = (e, t, n) => A(e, typeof t != "symbol" ? t + "" : t, n);
+import { o as getArea, p as getLength, V as VectorSource, q as VectorLayer, S as Style, C as CircleStyle, F as Fill, r as Stroke, D as Draw, O as Overlay, u as unByKey, s as ElSelect, t as ElOption, T as Text, v as fromLonLat, w as transformExtent, x as hooks, L as LineString, y as Feature, P as Point, z as Polyline, A as getVectorContext, h as cloneDeep, G as GeoJSON, W as WebGLPointsLayer, B as Circle, H as transform, I as buffer, J as ScaleLine$1, K as Icon, M as Translate, N as toLonLat, Q as MultiPoint, R as getCenter, U as TileLayer, X as XYZ, Y as Map$1, Z as View } from "./vendor-Cq716b5Q.js";
 import { defineComponent, inject, useModel, ref, watch, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, toDisplayString, createCommentVNode, mergeModels, nextTick, onMounted, normalizeClass, renderSlot, createBlock, provide } from "vue";
-import { _ as _export_sfc } from "./Button-CzjgaPIL.js";
-import { w as withInstall } from "./utils-BIGjF-zg.js";
+import { _ as _export_sfc } from "./Button-D-R-2Fix.js";
+import { g as getForegroundColor, w as withInstall } from "./utils-BbWQLYZL.js";
 var BaseMapType = /* @__PURE__ */ ((e) => (e[e.vector = 0] = "vector", e[e.satellite = 1] = "satellite", e))(BaseMapType || {}), CAR_COLOR = /* @__PURE__ */ ((e) => (e[e.BLUE = 1] = "BLUE", e[e.YELLOW = 2] = "YELLOW", e[e.Y_GREEN = 3] = "Y_GREEN", e))(CAR_COLOR || {}), DEVICE_TYPE = /* @__PURE__ */ ((e) => (e[e.HOST = 1] = "HOST", e[e.TALK = 2] = "TALK", e[e.STORAGE = 3] = "STORAGE", e[e.INTERNET = 4] = "INTERNET", e[e.CAMERA = 5] = "CAMERA", e[e.LOAD = 6] = "LOAD", e))(DEVICE_TYPE || {}), LENGTH_UNIT = /* @__PURE__ */ ((e) => (e[e.M = 1] = "M", e[e.KM = 2] = "KM", e[e.NM = 3] = "NM", e))(LENGTH_UNIT || {}), SWITCH_BTN = /* @__PURE__ */ ((e) => (e.Camera = "camera", e.Mobile = "mobile", e.WaterGauge = "waterGauge", e))(SWITCH_BTN || {}), SHIP_SAIL_STATUS = /* @__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))(SHIP_SAIL_STATUS || {});
 class ShipMapData {
-  constructor(t, n, o, r, l, i, s, c, d, m, u, f, p, y, h, g, M, T, b, C, x, v, w, k) {
-    S(this, "id");
+  constructor(t, n, o, r, l, i, s, c, d, m, u, f, p, y, h, g, T, M, b, E, x, v, w, k) {
+    I(this, "id");
     // mmsi
-    S(this, "mmsi");
+    I(this, "mmsi");
     // 船舶三角形填充色
-    S(this, "fill");
+    I(this, "fill");
     // 船类型 "7": "货船",
-    S(this, "shipType");
+    I(this, "shipType");
     // 船名
-    S(this, "name");
+    I(this, "name");
     // 长度
-    S(this, "length");
+    I(this, "length");
     // 宽度
-    S(this, "breadth");
+    I(this, "breadth");
     // 经度
-    S(this, "lon");
+    I(this, "lon");
     // 纬度
-    S(this, "lat");
+    I(this, "lat");
     // 时间
-    S(this, "createdAt");
+    I(this, "createdAt");
     // 速度
-    S(this, "speed");
+    I(this, "speed");
     // 来源
-    S(this, "from");
+    I(this, "from");
     // 船状态 "stop":"静止","sail":"航行","work":"作业","danger":"危险","other":"其他"
-    S(this, "sailStatus");
+    I(this, "sailStatus");
     // 船艏向
-    S(this, "hdg");
+    I(this, "hdg");
     // 航迹向
-    S(this, "cog");
+    I(this, "cog");
     // 设备定位类型
-    S(this, "posType");
-    S(this, "type");
+    I(this, "posType");
+    I(this, "type");
     // 航向角度
-    S(this, "angle");
+    I(this, "angle");
     // 左侧是否显示色块
-    S(this, "leftIconColor");
-    S(this, "existDevice");
-    S(this, "existMobile");
-    S(this, "existWaterGauge");
-    S(this, "selected");
-    S(this, "blinkColors");
-    this.id = t, this.mmsi = n, this.fill = o, this.shipType = r, this.name = l, this.length = i, this.breadth = s, this.lon = c, this.lat = d, this.createdAt = m, this.speed = u, this.from = f, this.sailStatus = p, this.hdg = y, this.cog = h, this.posType = g, this.type = M, this.angle = T, this.leftIconColor = b, this.existDevice = C, this.existMobile = x, this.existWaterGauge = v, this.selected = w, this.blinkColors = k;
+    I(this, "leftIconColor");
+    I(this, "existDevice");
+    I(this, "existMobile");
+    I(this, "existWaterGauge");
+    I(this, "selected");
+    I(this, "blinkColors");
+    this.id = t, this.mmsi = n, this.fill = o, this.shipType = r, this.name = l, this.length = i, this.breadth = s, this.lon = c, this.lat = d, this.createdAt = m, this.speed = u, this.from = f, this.sailStatus = p, this.hdg = y, this.cog = h, this.posType = g, this.type = T, this.angle = M, this.leftIconColor = b, this.existDevice = E, this.existMobile = x, this.existWaterGauge = v, this.selected = w, this.blinkColors = k;
   }
 }
 const formatLength = function(e, t) {
@@ -143,15 +143,15 @@ const formatLength = function(e, t) {
     }), g = function(L) {
       if (L.dragging)
         return;
-      let I = "点击选择起点";
-      m && (I = "单击继续，双击结束"), u && (u.innerHTML = I, f.setPosition(L.coordinate), u.classList.remove("hidden"));
-    }, M = () => {
+      let S = "点击选择起点";
+      m && (S = "单击继续，双击结束"), u && (u.innerHTML = S, f.setPosition(L.coordinate), u.classList.remove("hidden"));
+    }, T = () => {
       o.value && (o.value.on("pointermove", g), o.value.getViewport().addEventListener("mouseout", function() {
         var L;
         (L = u == null ? void 0 : u.classList) == null || L.add("hidden");
       }), c.value = !0);
     };
-    let T;
+    let M;
     const b = new Style({
       fill: new Fill({
         color: "rgba(255, 255, 255, 0.2)"
@@ -171,39 +171,39 @@ const formatLength = function(e, t) {
         })
       })
     });
-    function C() {
-      var L, I;
+    function E() {
+      var L, S;
       if (o.value) {
-        if (s.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((E) => {
+        if (s.value = [], document.querySelectorAll(".ol-tooltip.ol-tooltip-static").forEach((V) => {
           var F;
-          (F = E == null ? void 0 : E.parentNode) == null || F.removeChild(E);
-        }), d.clear(), T) {
-          const E = o.value.getInteractions().getArray().find((F) => F.ol_uid === T.ol_uid);
-          E && ((L = o.value) == null || L.removeInteraction(E));
+          (F = V == null ? void 0 : V.parentNode) == null || F.removeChild(V);
+        }), d.clear(), M) {
+          const V = o.value.getInteractions().getArray().find((F) => F.ol_uid === M.ol_uid);
+          V && ((L = o.value) == null || L.removeInteraction(V));
         }
-        (I = o.value) == null || I.removeLayer(h), u != null && u.parentNode && u.parentNode.removeChild(u), p != null && p.parentNode && p.parentNode.removeChild(p);
+        (S = o.value) == null || S.removeLayer(h), u != null && u.parentNode && u.parentNode.removeChild(u), p != null && p.parentNode && p.parentNode.removeChild(p);
       }
     }
     function x() {
-      var I, E;
-      C(), (I = o.value) == null || I.addLayer(h), T = new Draw({
+      var S, V;
+      E(), (S = o.value) == null || S.addLayer(h), M = new Draw({
         source: d,
         type: "LineString",
         style: function() {
           return b;
         }
-      }), (E = o.value) == null || E.addInteraction(T), w(), v();
+      }), (V = o.value) == null || V.addInteraction(M), w(), v();
       let L;
-      T.on("drawstart", function(F) {
+      M.on("drawstart", function(F) {
         var $;
         m = F.feature;
         let N;
-        L = ($ = m.getGeometry()) == null ? void 0 : $.on("change", function(D) {
-          const P = D.target;
+        L = ($ = m.getGeometry()) == null ? void 0 : $.on("change", function(R) {
+          const P = R.target;
           let B = formatUtils.formatLength(P, Number(i.value));
           N = P.getLastCoordinate(), p && B && (p.innerHTML = B), y.setPosition(N);
         });
-      }), T.on("drawend", function() {
+      }), M.on("drawend", function() {
         p && (p.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), p != null && p.innerHTML && s.value.push(p == null ? void 0 : p.innerHTML), y.setOffset([0, -7]), m = null, p = null, w(), L && unByKey(L);
       });
     }
@@ -228,32 +228,32 @@ const formatLength = function(e, t) {
     const k = (L) => {
       var F, N;
       s.value[L] && s.value.splice(L, 1);
-      const I = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
-      I[L] && ((N = (F = I[L]) == null ? void 0 : F.parentNode) == null || N.removeChild(I[L]));
-      const E = d.getFeatures();
-      E[L] && d.removeFeature(E[L]);
-    }, V = () => {
+      const S = document.querySelectorAll(".ol-tooltip.ol-tooltip-static.ol-tooltip-measure");
+      S[L] && ((N = (F = S[L]) == null ? void 0 : F.parentNode) == null || N.removeChild(S[L]));
+      const V = d.getFeatures();
+      V[L] && d.removeFeature(V[L]);
+    }, C = () => {
       r("close");
     };
     return watch(() => l, () => {
-      l && !c.value && (M(), x());
+      l && !c.value && (T(), x());
     }, { deep: !0, immediate: !0 }), t({
       addInteraction: x,
-      removeInteraction: C
-    }), (L, I) => l.value && L.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+      removeInteraction: E
+    }), (L, S) => l.value && L.viewMode !== "WxMiniprogram" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
       createElementVNode("div", { class: "header" }, [
-        I[1] || (I[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
+        S[1] || (S[1] = createElementVNode("div", { class: "title" }, "测量", -1)),
         createElementVNode("i", {
-          onClick: V,
+          onClick: C,
           class: "map-iconfont icon-close"
         })
       ]),
       createElementVNode("div", _hoisted_2$2, [
-        I[2] || (I[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
+        S[2] || (S[2] = createElementVNode("div", { class: "tips" }, "在地图上点击多个点测量距离，距离单位", -1)),
         createVNode(unref(ElSelect), {
           class: "select-length-unit",
           modelValue: i.value,
-          "onUpdate:modelValue": I[0] || (I[0] = (E) => i.value = E)
+          "onUpdate:modelValue": S[0] || (S[0] = (V) => i.value = V)
         }, {
           default: withCtx(() => [
             createVNode(unref(ElOption), {
@@ -273,19 +273,19 @@ const formatLength = function(e, t) {
         }, 8, ["modelValue"])
       ]),
       createElementVNode("div", _hoisted_3$2, [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (E, F) => (openBlock(), createElementBlock("div", {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (V, F) => (openBlock(), createElementBlock("div", {
           class: "measure-history-item",
           key: F
         }, [
           createElementVNode("div", _hoisted_4, [
-            I[3] || (I[3] = createElementVNode("i", { class: "map-iconfont icon-line" }, null, -1)),
+            S[3] || (S[3] = createElementVNode("i", { class: "map-iconfont icon-line" }, null, -1)),
             createElementVNode("span", _hoisted_5, "线段" + toDisplayString(F + 1), 1),
-            createElementVNode("span", _hoisted_6, toDisplayString(E), 1)
+            createElementVNode("span", _hoisted_6, toDisplayString(V), 1)
           ]),
           createElementVNode("div", {
             class: "delete-button",
             onClick: (N) => k(F)
-          }, I[4] || (I[4] = [
+          }, S[4] || (S[4] = [
             createElementVNode("i", { class: "map-iconfont icon-delete" }, null, -1)
           ]), 8, _hoisted_7)
         ]))), 128))
@@ -377,8 +377,8 @@ const multiplyPixelRatio = (e) => {
       return function(v, w) {
         return (i(w, v) + 180) % 360;
       }(u, f);
-    const y = l(u), h = l(f), g = r(y[0]), M = r(h[0]), T = r(y[1]), b = r(h[1]), C = Math.sin(M - g) * Math.cos(b), x = Math.cos(T) * Math.sin(b) - Math.sin(T) * Math.cos(b) * Math.cos(M - g);
-    return o(Math.atan2(C, x));
+    const y = l(u), h = l(f), g = r(y[0]), T = r(h[0]), M = r(y[1]), b = r(h[1]), E = Math.sin(T - g) * Math.cos(b), x = Math.cos(M) * Math.sin(b) - Math.sin(M) * Math.cos(b) * Math.cos(T - g);
+    return o(Math.atan2(E, x));
   }
   function s(u) {
     return !isNaN(u) && u !== null && !Array.isArray(u);
@@ -498,35 +498,35 @@ function drawLabelBody(e, t, n) {
   (c || d) && (f += l + 4 * r), e.restore();
   let p, y = 20, h = -1, g = l + 3 * r;
   if (m)
-    for (let M = 0; M < 8; M++) {
-      p = calculateBounds(i, M, f, g, m);
-      let T = !1;
+    for (let T = 0; T < 8; T++) {
+      p = calculateBounds(i, T, f, g, m);
+      let M = !1;
       for (let b = 0; b < t.length; ++b) {
-        let C = t[b].bounds, x = [
-          C[0] - y,
-          C[1] - y,
-          C[2] + y,
-          C[3] + y
+        let E = t[b].bounds, x = [
+          E[0] - y,
+          E[1] - y,
+          E[2] + y,
+          E[3] + y
         ];
         if (p && isOverlapping(p, x)) {
-          T = !0;
+          M = !0;
           break;
         }
       }
-      if (!T) {
-        h = M;
+      if (!M) {
+        h = T;
         break;
       }
     }
   else
     h = 0, p = calculateBounds(i, h, f, g, m);
   if (u && h === -1 && (h = 0), p && h > -1) {
-    let M = getBottomLeftPoint(p), T = getTopRighttPoint(p);
+    let T = getBottomLeftPoint(p), M = getTopRighttPoint(p);
     return {
       center: i,
       x: calculateAnchorPoint(i, h, f, g, m),
-      l: T,
-      r: M,
+      l: M,
+      r: T,
       bounds: p,
       position: h,
       name: s
@@ -534,32 +534,15 @@ function drawLabelBody(e, t, n) {
   } else
     return null;
 }
-let intervalId;
 const drawText = (e, t) => {
   if (!e) return;
   const { center: n, text: o, textColor: r, leftIcon: l, rightIcons: i, font: s } = t;
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0);
   let [c, d] = n;
   if (l) {
-    if (t.blinkColors && t.blinkColors.length > 0) {
-      let m = Date.now(), u = 0;
-      const f = [];
-      t.blinkColors.forEach((p) => {
-        f.push(p), f.push("white");
-      }), intervalId && clearInterval(intervalId), intervalId = setInterval(() => {
-        const p = Date.now();
-        if (p - m >= 500) {
-          u = (u + 1) % f.length, m = p, e.font = "22px map-iconfont";
-          let y = getIconFont(l.icon);
-          e.fillStyle = f[u], e.fillText(y, c - 22 + labelOutSize - 4, d + 4);
-        }
-      }, 10);
-    } else {
-      e.font = "22px map-iconfont";
-      let m = getIconFont(l.icon);
-      e.fillStyle = l.color, e.fillText(m, c + labelOutSize - 4, d + 4);
-    }
-    c += 22;
+    e.font = "22px map-iconfont";
+    let m = getIconFont(l.icon);
+    e.fillStyle = l.color, e.fillText(m, c + labelOutSize - 4, d + 4), c += 22;
   }
   if (i != null && i.length) {
     e.font = "12px map-iconfont", e.fillStyle = "#3370ff";
@@ -588,10 +571,13 @@ const drawText = (e, t) => {
       e.lineTo(n[u][0], n[u][1]);
     l && e.closePath(), o && (e.strokeStyle = o, e.stroke()), r && l && (m && (e.globalAlpha = m), e.fillStyle = r, e.fill()), e.restore();
   }
-}, drawLabel = (e, t, n) => {
-  const { center: o, text: r, color: l, textColor: i, bgColor: s, leftIcon: c, rightIcons: d, type: m } = t;
+};
+let intervalId = [];
+const drawLabel = (e, t, n) => {
+  var u, f;
+  let { center: o, text: r, color: l, textColor: i, bgColor: s, leftIcon: c, rightIcons: d, type: m } = t;
   if (o && r) {
-    let u = {
+    let p = {
       font: labelFont,
       labelOutSize,
       labelHeight,
@@ -599,12 +585,14 @@ const drawText = (e, t) => {
       text: r,
       leftIcon: c,
       selected: t.selected
-    }, f = drawLabelBody(e, n, u);
-    if (f) {
-      const { x: p, bounds: y, l: h } = f;
-      let g = [getTopLeftPoint(y), getBottomLeftPoint(y), getBottomRightPoint(y), getTopRighttPoint(y)];
-      n.find((v) => v.name === r) || n.push(f), drawPolygon(e, {
-        points: [o, p],
+    };
+    (u = t.blinkColors) != null && u.length && (s = t.fill, i = getForegroundColor(t.fill));
+    let y = drawLabelBody(e, n, p);
+    if (y) {
+      const { x: h, bounds: g, l: T } = y;
+      let M = [getTopLeftPoint(g), getBottomLeftPoint(g), getBottomRightPoint(g), getTopRighttPoint(g)];
+      n.find((k) => k.name === r) || n.push(y), drawPolygon(e, {
+        points: [o, h],
         strokeColor: l,
         fillColor: "#000",
         shouldClosePath: !0,
@@ -614,22 +602,31 @@ const drawText = (e, t) => {
         scale: void 0,
         globalAlpha: labelAlpha
       }), d != null && d.length && d.forEach(() => {
-        g[1][0] += 20, g[2][0] += 20;
-      }), drawPolygon(e, {
-        points: g,
+        M[1][0] += 20, M[2][0] += 20;
+      });
+      const E = {
+        points: M,
         strokeColor: l,
         fillColor: s,
         shouldClosePath: !0
-      });
-      const [b, C] = h, x = {
-        center: [b, C + labelOutSize + labelHeight + 1],
+      }, [x, v] = T, w = {
+        center: [x, v + labelOutSize + labelHeight + 1],
         text: r,
         textColor: i,
         leftIcon: c,
         rightIcons: d,
         blinkColors: t.blinkColors
       };
-      drawText(e, x);
+      if (drawPolygon(e, E), drawText(e, w), ((f = t == null ? void 0 : t.blinkColors) == null ? void 0 : f.length) > 0) {
+        let k = Date.now(), C = 0;
+        const L = [];
+        t.blinkColors.forEach((S) => {
+          L.push(S), L.push("white");
+        }), intervalId[t.text] && clearInterval(intervalId[t.text]), intervalId[t.text] = setInterval(() => {
+          const S = Date.now();
+          S - k >= 500 && (C = (C + 1) % L.length, k = S, E.fillColor = L[C], drawPolygon(e, E), w.textColor = getForegroundColor(E.fillColor), drawText(e, w));
+        }, 10);
+      }
     }
   }
   return null;
@@ -685,8 +682,8 @@ function mercatorToLonLat(e, t = "lonlat") {
 function calculateBoundingBox(e) {
   let t = 1 / 0, n = -1 / 0, o = 1 / 0, r = -1 / 0;
   e.forEach((h) => {
-    const [g, M] = h;
-    t = Math.min(t, M), n = Math.max(n, M), o = Math.min(o, g), r = Math.max(r, g);
+    const [g, T] = h;
+    t = Math.min(t, T), n = Math.max(n, T), o = Math.min(o, g), r = Math.max(r, g);
   });
   const l = r - o, i = n - t, s = Math.max(l, i), c = (o + r) / 2, d = (t + n) / 2, m = s / 2, u = c - m, f = c + m, p = d - m, y = d + m;
   return [f, p, u, y];
@@ -1054,6 +1051,7 @@ const moveFeature = (e, t) => {
   const s = 8;
   e.beginPath(), e.moveTo(n + s, l), e.lineTo(n, l), e.lineTo(n, l - s), e.moveTo(n, o + s), e.lineTo(n, o), e.lineTo(n + s, o), e.moveTo(r - s, o), e.lineTo(r, o), e.lineTo(r, o + s), e.moveTo(r, l - s), e.lineTo(r, l), e.lineTo(r - s, l), e.stroke(), e.restore();
 }, drawShipLabel = (e, t, n) => {
+  if (!t.selected && shipLabels.value.find((u) => u.name === t.name)) return;
   const [o, r] = n, l = o - 0, i = r - 0, s = t.name;
   let c;
   t.leftIconColor && (c = { color: t.leftIconColor, icon: "&#xe599;" });
@@ -1061,6 +1059,7 @@ const moveFeature = (e, t) => {
   const m = {
     center: [l, i],
     text: s,
+    fill: t.fill,
     color: "#fff",
     textColor: "#000",
     bgColor: "#fff",
@@ -1282,8 +1281,8 @@ const renderShips = (e) => {
     }), document.addEventListener("mousemove", function(h) {
       var g;
       if (f) {
-        let M = (g = mapInstance$5.value) == null ? void 0 : g.getCoordinateFromPixel([h.clientX - y[0], h.clientY - y[1]]), T = M[0] - p[0], b = M[1] - p[1];
-        i.setPosition([p[0] + T, p[1] + b]);
+        let T = (g = mapInstance$5.value) == null ? void 0 : g.getCoordinateFromPixel([h.clientX - y[0], h.clientY - y[1]]), M = T[0] - p[0], b = T[1] - p[1];
+        i.setPosition([p[0] + M, p[1] + b]);
       }
     }), document.addEventListener("mouseup", function() {
       f = !1;
@@ -1427,8 +1426,8 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
       nextTick(() => {
         var h;
         (h = n.value) == null || h.on("moveend", () => {
-          var M, T;
-          const g = (T = (M = n.value) == null ? void 0 : M.getView()) == null ? void 0 : T.getZoom();
+          var T, M;
+          const g = (M = (T = n.value) == null ? void 0 : T.getView()) == null ? void 0 : M.getZoom();
           g && (l.value = g);
         });
       });
@@ -1457,7 +1456,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
             h.vehicleMode === "ship" ? (openBlock(), createElementBlock("div", {
               key: 2,
               class: normalizeClass(`switch-btn ${h.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: g[0] || (g[0] = (M) => m())
+              onClick: g[0] || (g[0] = (T) => m())
             }, g[7] || (g[7] = [
               createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "图层", -1)
@@ -1465,7 +1464,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
             h.vehicleMode === "truck" ? (openBlock(), createElementBlock("div", {
               key: 3,
               class: normalizeClass(`switch-btn ${h.mapTileMode === unref(BaseMapType).satellite && "active"}`),
-              onClick: g[1] || (g[1] = (M) => m())
+              onClick: g[1] || (g[1] = (T) => m())
             }, g[8] || (g[8] = [
               createElementVNode("i", { class: "map-iconfont icon-space" }, null, -1),
               createElementVNode("div", { class: "button-text" }, "卫星", -1)
@@ -1473,14 +1472,14 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
             h.showTrackLayer ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
               createElementVNode("div", {
                 class: "switch-btn multiple",
-                onClick: g[2] || (g[2] = (M) => unref(playTrack)(unref(currentTrackId), 1))
+                onClick: g[2] || (g[2] = (T) => unref(playTrack)(unref(currentTrackId), 1))
               }, g[9] || (g[9] = [
                 createElementVNode("i", { class: "map-iconfont icon-play" }, null, -1),
                 createElementVNode("div", { class: "button-text" }, "播放轨迹", -1)
               ])),
               createElementVNode("div", {
                 class: "switch-btn multiple",
-                onClick: g[3] || (g[3] = (M) => unref(resetTrackView)())
+                onClick: g[3] || (g[3] = (T) => unref(resetTrackView)())
               }, g[10] || (g[10] = [
                 createElementVNode("i", { class: "map-iconfont icon-center" }, null, -1),
                 createElementVNode("div", { class: "button-text" }, "轨迹居中", -1)
@@ -1521,7 +1520,7 @@ const trackId = ref(""), cursor = ref(0), renderTrack = (e, t, n, o, r = "ship")
           ref_key: "measureRef",
           ref: s,
           visible: i.value,
-          "onUpdate:visible": g[4] || (g[4] = (M) => i.value = M),
+          "onUpdate:visible": g[4] || (g[4] = (T) => i.value = T),
           onClose: f,
           "view-mode": h.viewMode
         }, null, 8, ["visible", "view-mode"])) : createCommentVNode("", !0)
@@ -1615,8 +1614,8 @@ const setTruckStyle = (e, t, n, o) => new Style({
     const p = 56, y = "#FFFFFF";
     let h = 176;
     const g = 52;
-    let M = "#164AFF", T = "#FFFFFF";
-    n === CAR_COLOR.YELLOW ? (h = 176, M = "#FFC81E", T = "rgba(0,0,0,0.88)") : n === CAR_COLOR.Y_GREEN && (f = 200, h = 196, M = "#8FED7C", T = "rgba(0,0,0,0.88)"), o != null && o.length && (f += o.length * 56), fillRectRadius(i, m, u, f, p, y), fillRectRadius(i, m + 2, u + 2, h, g, M), n === CAR_COLOR.Y_GREEN && fillRectRadius(i, m + 2, u + 2, 68, g, "#FFC81E"), i.save(), i.restore(), i.fillStyle = T, i.font = "bold 28px Arial", i.textAlign = "left", i.textBaseline = "middle";
+    let T = "#164AFF", M = "#FFFFFF";
+    n === CAR_COLOR.YELLOW ? (h = 176, T = "#FFC81E", M = "rgba(0,0,0,0.88)") : n === CAR_COLOR.Y_GREEN && (f = 200, h = 196, T = "#8FED7C", M = "rgba(0,0,0,0.88)"), o != null && o.length && (f += o.length * 56), fillRectRadius(i, m, u, f, p, y), fillRectRadius(i, m + 2, u + 2, h, g, T), n === CAR_COLOR.Y_GREEN && fillRectRadius(i, m + 2, u + 2, 68, g, "#FFC81E"), i.save(), i.restore(), i.fillStyle = M, i.font = "bold 28px Arial", i.textAlign = "left", i.textBaseline = "middle";
     const b = `${t.slice(0, 2) + " · " + t.slice(2)}`;
     if (i.fillText(b, m + 12, u + 32), i.save(), i.restore(), o != null && o.length) {
       const x = i.measureText(b).width + 12;
@@ -1625,8 +1624,8 @@ const setTruckStyle = (e, t, n, o) => new Style({
         w === DEVICE_TYPE.CAMERA && (i.drawImage(cameraImage, c - 54 + x + v * 56, d - 64, 50, 50), ++v), w === DEVICE_TYPE.LOAD && (i.drawImage(loadImage, c - 54 + x + v * 56, d - 64, 50, 50), ++v);
       });
     }
-    const C = dotImage$1;
-    i.drawImage(C, c + f / 2 - 90, d, 50 / s, 50 / s), i.restore();
+    const E = dotImage$1;
+    i.drawImage(E, c + f / 2 - 90, d, 50 / s, 50 / s), i.restore();
   }
 }), mapInstance$3 = ref(), renderDashboardSetInstance = (e) => mapInstance$3.value = e;
 ref([]);
@@ -1959,7 +1958,7 @@ const addInteraction = (e) => {
           p.greenMark
         ],
         view: new View(v)
-      }), h(), (w = l.value) == null || w.setScaleLine(c.vehicleMode === "ship" && "nautical"), (k = o.value) == null || k.on("moveend", b), g(v.zoom < mapZoom.shipGreenDotMax), T(c.vehicleMode === "ship" || c.viewMode === "findShip" ? BaseMapType.satellite : BaseMapType.vector), c.viewMode === "findShip" && c.mmsi && c.shipData && nextTick(() => {
+      }), h(), (w = l.value) == null || w.setScaleLine(c.vehicleMode === "ship" && "nautical"), (k = o.value) == null || k.on("moveend", b), g(v.zoom < mapZoom.shipGreenDotMax), M(c.vehicleMode === "ship" || c.viewMode === "findShip" ? BaseMapType.satellite : BaseMapType.vector), c.viewMode === "findShip" && c.mmsi && c.shipData && nextTick(() => {
         findShip(String(c.mmsi), c.shipData);
       });
     };
@@ -1973,24 +1972,24 @@ const addInteraction = (e) => {
       c.vehicleMode !== "ship" && (v = !1), (w = o.value) == null || w.getLayers().forEach((k) => {
         k.ol_uid === p.greenMark.ol_uid && (k.setVisible(v), u.value = v);
       });
-    }, M = ref(BaseMapType.satellite), T = (v) => {
+    }, T = ref(BaseMapType.satellite), M = (v) => {
       var w;
-      M.value = v, (w = o.value) == null || w.getLayers().forEach((k) => {
+      T.value = v, (w = o.value) == null || w.getLayers().forEach((k) => {
         (k.ol_uid === p.tiandituTile.ol_uid || k.ol_uid === p.tiandituTileMark.ol_uid || k.ol_uid === p.tiandituImgTile.ol_uid || k.ol_uid === p.tiandituImgTileMark.ol_uid) && k.setVisible(!1), (v === BaseMapType.vector && (k.ol_uid === p.tiandituTile.ol_uid || k.ol_uid === p.tiandituTileMark.ol_uid) || v === BaseMapType.satellite && (k.ol_uid === p.tiandituImgTile.ol_uid || k.ol_uid === p.tiandituImgTileMark.ol_uid)) && k.setVisible(!0);
       });
     }, b = () => {
       const v = o.value.getView(), w = v.getZoom();
-      w && C(w);
+      w && E(w);
       const k = v.calculateExtent(o.value.getSize());
       k && w && x(k, w);
-    }, C = (v) => {
-      var V, L, I, E, F;
+    }, E = (v) => {
+      var C, L, S, V, F;
       d.value = v, g(v < mapZoom.shipGreenDotMax);
-      const w = (V = o.value) == null ? void 0 : V.getLayers(), k = c.vehicleMode === "ship" ? w == null ? void 0 : w.getArray().find((N) => N.ol_uid === p.greenMark.ol_uid) : void 0;
-      showTrackLayer.value ? (f.value = !1, k == null || k.setVisible(!1), (L = shipsLayer.value) == null || L.setVisible(!1), (I = largeAmountShipsLayer.value) == null || I.setVisible(!1)) : !m.value && u.value && v <= mapZoom.shipGreenDotMax ? (f.value = !0, k == null || k.setVisible(!0), (E = shipsLayer.value) == null || E.setVisible(!1), (F = largeAmountShipsLayer.value) == null || F.setVisible(!1)) : (f.value = !1, k == null || k.setVisible(!1)), s("zoomChanged", v);
+      const w = (C = o.value) == null ? void 0 : C.getLayers(), k = c.vehicleMode === "ship" ? w == null ? void 0 : w.getArray().find((N) => N.ol_uid === p.greenMark.ol_uid) : void 0;
+      showTrackLayer.value ? (f.value = !1, k == null || k.setVisible(!1), (L = shipsLayer.value) == null || L.setVisible(!1), (S = largeAmountShipsLayer.value) == null || S.setVisible(!1)) : !m.value && u.value && v <= mapZoom.shipGreenDotMax ? (f.value = !0, k == null || k.setVisible(!0), (V = shipsLayer.value) == null || V.setVisible(!1), (F = largeAmountShipsLayer.value) == null || F.setVisible(!1)) : (f.value = !1, k == null || k.setVisible(!1)), s("zoomChanged", v);
     }, x = (v, w) => {
-      const k = transform([v[0], v[1]], projection.mercator, projection.data), V = transform([v[2], v[3]], projection.mercator, projection.data);
-      s("extentChanged", { extent: [k, V], zoom: w });
+      const k = transform([v[0], v[1]], projection.mercator, projection.data), C = transform([v[2], v[3]], projection.mercator, projection.data);
+      s("extentChanged", { extent: [k, C], zoom: w });
     };
     return t({
       mapInstance: o,
@@ -1998,8 +1997,8 @@ const addInteraction = (e) => {
       renderTrucksMarker,
       renderShip: renderShips,
       renderTrack: (v, w, k) => {
-        var V, L;
-        currentTrackId.value = v, showTrackLayer.value = !0, m.value = !0, hiddenAllShips(), (L = (V = largeAmountShipsLayer.value) == null ? void 0 : V.getSource()) == null || L.clear(), renderTrack(v, w, k, LENGTH_UNIT.NM);
+        var C, L;
+        currentTrackId.value = v, showTrackLayer.value = !0, m.value = !0, hiddenAllShips(), (L = (C = largeAmountShipsLayer.value) == null ? void 0 : C.getSource()) == null || L.clear(), renderTrack(v, w, k, LENGTH_UNIT.NM);
       },
       findTruck,
       removeTruckIcon,
@@ -2017,8 +2016,8 @@ const addInteraction = (e) => {
       clearSelectFeature,
       findShip,
       focusShip: (v, w, k = !0) => {
-        var V, L;
-        hiddenOrther.value = k, (V = shipsLayer.value) == null || V.setVisible(!k), (L = largeAmountShipsLayer.value) == null || L.setVisible(!1), findShip(v, w);
+        var C, L;
+        hiddenOrther.value = k, (C = shipsLayer.value) == null || C.setVisible(!k), (L = largeAmountShipsLayer.value) == null || L.setVisible(!1), findShip(v, w);
       },
       showTracks,
       removeAllTrackLayer,
@@ -2036,12 +2035,12 @@ const addInteraction = (e) => {
         var L;
         const v = (L = o.value) == null ? void 0 : L.getView();
         if (!v) return null;
-        const w = Math.round(Number(v.getZoom())), { lon: k, lat: V } = transformUtils.mercatorToLonLat(v.getCenter());
-        return { zoom: w, center: [k, V] };
+        const w = Math.round(Number(v.getZoom())), { lon: k, lat: C } = transformUtils.mercatorToLonLat(v.getCenter());
+        return { zoom: w, center: [k, C] };
       },
       setCenter: (v) => {
-        var V;
-        const w = (V = o.value) == null ? void 0 : V.getView();
+        var C;
+        const w = (C = o.value) == null ? void 0 : C.getView();
         if (!w) return null;
         const k = new Point(v);
         w.setCenter(transform(k.getCoordinates(), projection.data, projection.mercator));
@@ -2070,9 +2069,9 @@ const addInteraction = (e) => {
         "view-mode": v.viewMode,
         "disable-green-dot": m.value,
         "show-track-layer": unref(showTrackLayer),
-        "map-tile-mode": M.value,
+        "map-tile-mode": T.value,
         onSwitchGreenDot: g,
-        onSwitchMapTile: T
+        onSwitchMapTile: M
       }, {
         toolPanel: withCtx(() => [
           renderSlot(v.$slots, "toolPanel", {}, void 0, !0)
@@ -2106,8 +2105,8 @@ const setPointStyle = (e, t, n) => {
       d.scale(m, m);
       let [u, f] = s;
       u = u / m, f = f / m, d.font = "12px Arial";
-      const p = d.measureText(t).width, y = u - p / 2, h = f - 10, g = p + 4, M = 20, T = e && i || o;
-      if (fillRectRadius(d, y, h + 30, g, M, T), d.save(), d.restore(), d.fillStyle = e ? "#FFFFFF" : "#000000", d.textAlign = "center", d.textBaseline = "middle", d.fillText(t, y + (p + 4) / 2, h + 41), d.save(), d.restore(), r || l) {
+      const p = d.measureText(t).width, y = u - p / 2, h = f - 10, g = p + 4, T = 20, M = e && i || o;
+      if (fillRectRadius(d, y, h + 30, g, T, M), d.save(), d.restore(), d.fillStyle = e ? "#FFFFFF" : "#000000", d.textAlign = "center", d.textBaseline = "middle", d.fillText(t, y + (p + 4) / 2, h + 41), d.save(), d.restore(), r || l) {
         const b = e ? dotActiveImage : dotImage;
         d.drawImage(b, u - b.width / 2, f - b.height / 2, 40 / m, 40 / m);
       }
@@ -2123,16 +2122,16 @@ class PointMarkerClass {
    * @param options
    */
   constructor(t, n) {
-    S(this, "mapInstance");
+    I(this, "mapInstance");
     // 渲染的数据
-    S(this, "pointMarkerList", []);
+    I(this, "pointMarkerList", []);
     // 绘制点渲染层数据
-    S(this, "pointsVectorSource");
+    I(this, "pointsVectorSource");
     // 当前高亮的数据
-    S(this, "highlightPoint");
-    S(this, "pointLayer");
+    I(this, "highlightPoint");
+    I(this, "pointLayer");
     // 颜色等其他设置
-    S(this, "options");
+    I(this, "options");
     this.mapInstance = t, this.options = n;
   }
   /**
@@ -2179,22 +2178,23 @@ class PointMarkerClass {
       source: this.pointsVectorSource
     }), this.mapInstance.addLayer(this.pointLayer), console.log(this.pointLayer);
   }
-  // 删除所有已渲染的点
-  deleteAllPointMarkers() {
-    this.pointMarkerList.forEach((t) => {
-      var n;
-      t.feature && ((n = this.pointsVectorSource) == null || n.removeFeature(t.feature));
-    }), this.pointMarkerList = [];
+  // 删除 未选中的渲染点
+  deleteAllPointMarkers(t) {
+    this.pointMarkerList.forEach((n) => {
+      var o;
+      n.feature && t !== n.id && ((o = this.pointsVectorSource) == null || o.removeFeature(n.feature));
+    });
   }
   // 取消高亮
   cancelHighlightTruckMarker() {
-    var r;
     if (!this.highlightPoint)
       return;
-    const { id: t, name: n } = this.highlightPoint, o = this.pointMarkerList.find((l) => l.id === t);
-    t && o && o.feature && ((r = this.pointsVectorSource) == null || r.removeFeature(o.feature), o.feature.setStyle(
-      setPointStyle(!1, n, this.options)
-    ));
+    const { id: t, name: n } = this.highlightPoint;
+    this.highlightPoint = void 0, this.pointMarkerList.find((o) => {
+      o.id === t && o.feature.setStyle(
+        setPointStyle(!1, n, this.options)
+      );
+    });
   }
   /**
    * 设置选中
@@ -2223,12 +2223,6 @@ class PointMarkerClass {
       pointType: s
     }, this.setPointCenter(c);
   }
-  //隐藏其他点
-  hiddenPointMarker(t) {
-    this.pointMarkerList.forEach((n) => {
-      n.id !== t && n.feature && n.feature.setStyle(void 0);
-    });
-  }
   // 获取feature
   getFeature(t, n) {
     var r;