zhihao-ui 1.2.30 → 1.2.31

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

@@ -7,7 +7,7 @@ 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, T, M, b, E, x, v, w, k) {
+  constructor(t, n, o, r, l, i, s, c, d, m, u, f, p, y, h, g, T, M, b, E, x, v, k, w) {
     I(this, "id");
     // mmsi
     I(this, "mmsi");
@@ -49,7 +49,7 @@ class ShipMapData {
     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;
+    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 = k, this.blinkColors = w;
   }
 }
 const formatLength = function(e, t) {
@@ -90,7 +90,7 @@ const formatLength = function(e, t) {
     // 船舶三角形填充色
     n.fill || "#04C900",
     "70",
-    (n.cnname || n.enname || n.name) + `${n.existName ? n.existName : ""}`,
+    (n.cnname || n.enname || n.name || n.id) + `${n.existName ? n.existName : ""}`,
     n.len || n.length,
     n.wid || n.breadth,
     n.lon,
@@ -192,19 +192,25 @@ const formatLength = function(e, t) {
         style: function() {
           return b;
         }
-      }), (V = o.value) == null || V.addInteraction(M), w(), v();
+      }), (V = o.value) == null || V.addInteraction(M), k(), v();
       let L;
       M.on("drawstart", function(F) {
-        var $;
+        var N;
         m = F.feature;
-        let N;
-        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);
+        let $;
+        L = (N = m.getGeometry()) == null ? void 0 : N.on("change", function(B) {
+          const P = B.target;
+          let R = formatUtils.formatLength(P, Number(i.value));
+          $ = P.getLastCoordinate(), p && R && (p.innerHTML = R), y.setPosition($);
         });
       }), 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);
+        var F, $;
+        p && (p.className = "ol-tooltip ol-tooltip-static ol-tooltip-measure"), p != null && p.innerHTML && (s.value.push(p == null ? void 0 : p.innerHTML), p.innerHTML = `${p.innerHTML}<div class="ol-tooltip-delete-button" data-index="${((F = s.value) == null ? void 0 : F.length) - 1}"><i class="map-iconfont icon-delete"></i></div>`), ($ = document.querySelector(".ol-tooltip-delete-button:last-child")) == null || $.addEventListener("click", (N) => {
+          var P;
+          N.preventDefault(), N.stopPropagation();
+          const B = (P = N.target) == null ? void 0 : P.getAttribute("data-index");
+          B && w(B);
+        }), y.setOffset([0, -7]), m = null, p = null, k(), L && unByKey(L);
       });
     }
     function v() {
@@ -215,7 +221,7 @@ const formatLength = function(e, t) {
         positioning: "center-left"
       }), (L = o.value) == null || L.addOverlay(f);
     }
-    function w() {
+    function k() {
       var L;
       p != null && p.parentNode && p.parentNode.removeChild(p), p = document.createElement("div"), p.className = "ol-tooltip ol-tooltip-measure", y = new Overlay({
         element: p,
@@ -225,11 +231,11 @@ const formatLength = function(e, t) {
         insertFirst: !1
       }), (L = o.value) == null || L.addOverlay(y);
     }
-    const k = (L) => {
-      var F, N;
+    const w = (L) => {
+      var F, $;
       s.value[L] && s.value.splice(L, 1);
       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]));
+      S[L] && (($ = (F = S[L]) == null ? void 0 : F.parentNode) == null || $.removeChild(S[L]));
       const V = d.getFeatures();
       V[L] && d.removeFeature(V[L]);
     }, C = () => {
@@ -284,7 +290,7 @@ const formatLength = function(e, t) {
           ]),
           createElementVNode("div", {
             class: "delete-button",
-            onClick: (N) => k(F)
+            onClick: ($) => w(F)
           }, S[4] || (S[4] = [
             createElementVNode("i", { class: "map-iconfont icon-delete" }, null, -1)
           ]), 8, _hoisted_7)
@@ -292,12 +298,14 @@ const formatLength = function(e, t) {
       ])
     ])) : createCommentVNode("", !0);
   }
-}), Measure = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d566fd81"]]), CDN_URL = "https://static.zhihaoscm.cn/", tiandituKey = "a6e8f78974f2581f2ca00485b40c948f", baseMap = {
+}), Measure = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-955a605e"]]), CDN_URL = "https://static.zhihaoscm.cn/", tiandituKey = "a6e8f78974f2581f2ca00485b40c948f", zhongkeKey = "15c81cc0a191a232e0a0ca1a51c3ca81", baseMap = {
   // 矢量底图
+  // zhongkeTile: `https://api.open.geovisearth.com/map/v1/vec/{z}/{x}/{y}?token=${zhongkeKey}&format=png&tmsIds=w`,
   tiandituTile: `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=${tiandituKey}`,
   // 矢量注记
   tiandituTileMark: `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=${tiandituKey}`,
   // 影像底图
+  // zhongkeImgTile: `https://api.open.geovisearth.com/map/v1/img/{z}/{x}/{y}?token=${zhongkeKey}&format=webp&tmsIds=w`,
   tiandituImgTile: `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=${tiandituKey}`,
   // 影像注记
   tiandituImgTileMark: `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=${tiandituKey}`,
@@ -374,8 +382,8 @@ const multiplyPixelRatio = (e) => {
   }
   function i(u, f, p = {}) {
     if (p.final)
-      return function(v, w) {
-        return (i(w, v) + 180) % 360;
+      return function(v, k) {
+        return (i(k, v) + 180) % 360;
       }(u, f);
     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));
@@ -591,7 +599,7 @@ const drawLabel = (e, t, n) => {
     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, {
+      n.find((w) => w.name === r) || n.push(y), drawPolygon(e, {
         points: [o, h],
         strokeColor: l,
         fillColor: "#000",
@@ -609,7 +617,7 @@ const drawLabel = (e, t, n) => {
         strokeColor: l,
         fillColor: s,
         shouldClosePath: !0
-      }, [x, v] = T, w = {
+      }, [x, v] = T, k = {
         center: [x, v + labelOutSize + labelHeight + 1],
         text: r,
         textColor: i,
@@ -617,14 +625,14 @@ const drawLabel = (e, t, n) => {
         rightIcons: d,
         blinkColors: t.blinkColors
       };
-      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;
+      if (drawPolygon(e, E), drawText(e, k), ((f = t == null ? void 0 : t.blinkColors) == null ? void 0 : f.length) > 0) {
+        let w = 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));
+          S - w >= 500 && (C = (C + 1) % L.length, w = S, E.fillColor = L[C], drawPolygon(e, E), k.textColor = getForegroundColor(E.fillColor), drawText(e, k));
         }, 10);
       }
     }
@@ -993,11 +1001,17 @@ const moveFeature = (e, t) => {
   })
 }), mapInstance$7 = ref(), renderShipStyleSetInstance = (e) => mapInstance$7.value = e, speedCondition = [[1, 10], [10, 20], [20, 1 / 0]], drawShipModelByZoom = { 14: [200, 30], 15: [115, 15], 16: [55, 8], 17: [25, 5], 18: [1, 1] }, setShipStyle = (e) => new Style({
   renderer: (t, n) => {
-    const o = n.context, r = n.feature.get("data");
-    n.feature.get("index") === 0 && (shipLabels.value = []);
+    const o = n.context, r = n.feature.get("data"), l = r.length / 2;
+    o.beginPath(), o.arc(
+      t[0],
+      t[1],
+      l,
+      0,
+      2 * Math.PI
+    ), o.fillStyle = "rgba(0, 0, 0, 0.01)", o.fill(), n.feature.get("index") === 0 && (shipLabels.value = []);
     try {
-      const i = drawShipBody(o, r, t);
-      i && (drawHeading(o, r, i), e && (drawSelectBounds(o, i), r.selected = !0)), drawShipLabel(o, r, t);
+      const s = drawShipBody(o, r, t);
+      s && (drawHeading(o, r, s), e && (drawSelectBounds(o, s), r.selected = !0)), drawShipLabel(o, r, t);
     } catch {
       return !1;
     }
@@ -1620,8 +1634,8 @@ const setTruckStyle = (e, t, n, o) => new Style({
     if (i.fillText(b, m + 12, u + 32), i.save(), i.restore(), o != null && o.length) {
       const x = i.measureText(b).width + 12;
       let v = 0;
-      o.forEach((w) => {
-        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);
+      o.forEach((k) => {
+        k === DEVICE_TYPE.CAMERA && (i.drawImage(cameraImage, c - 54 + x + v * 56, d - 64, 50, 50), ++v), k === DEVICE_TYPE.LOAD && (i.drawImage(loadImage, c - 54 + x + v * 56, d - 64, 50, 50), ++v);
       });
     }
     const E = dotImage$1;
@@ -1928,7 +1942,7 @@ const addInteraction = (e) => {
       v[v.tiandituTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTile }) })] = "tiandituTile", v[v.tiandituTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituTileMark }) })] = "tiandituTileMark", v[v.tiandituImgTile = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTile }), visible: !1 })] = "tiandituImgTile", v[v.tiandituImgTileMark = new TileLayer({ source: new XYZ({ url: baseMap.tiandituImgTileMark }), visible: !1 })] = "tiandituImgTileMark", v[v.greenMark = new TileLayer({ source: new XYZ({ url: baseMap.greenTile }) })] = "greenMark";
     })(p || (p = {}));
     const y = () => {
-      var w, k;
+      var k, w;
       const v = {
         projection: projection.mercator,
         // 地图投影坐标系
@@ -1958,7 +1972,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), M(c.vehicleMode === "ship" || c.viewMode === "findShip" ? BaseMapType.satellite : BaseMapType.vector), c.viewMode === "findShip" && c.mmsi && c.shipData && nextTick(() => {
+      }), h(), (k = l.value) == null || k.setScaleLine(c.vehicleMode === "ship" && "nautical"), (w = o.value) == null || w.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);
       });
     };
@@ -1968,56 +1982,56 @@ const addInteraction = (e) => {
     const h = () => {
       o.value && (renderCustomOverlaySetInstance(o.value), renderTruckSetInstance(o.value), drawPolygonSetInstance(o.value), renderShipStyleSetInstance(o.value), renderTrackStyleSetInstance(o.value), renderDashboardSetInstance(o.value), renderMarkerSetInstance(o.value), renderShipSetInstance(o.value), renderTrackSetInstance(o.value));
     }, g = (v) => {
-      var w;
-      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);
+      var k;
+      c.vehicleMode !== "ship" && (v = !1), (k = o.value) == null || k.getLayers().forEach((w) => {
+        w.ol_uid === p.greenMark.ol_uid && (w.setVisible(v), u.value = v);
       });
     }, T = ref(BaseMapType.satellite), M = (v) => {
-      var w;
-      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);
+      var k;
+      T.value = v, (k = o.value) == null || k.getLayers().forEach((w) => {
+        (w.ol_uid === p.tiandituTile.ol_uid || w.ol_uid === p.tiandituTileMark.ol_uid || w.ol_uid === p.tiandituImgTile.ol_uid || w.ol_uid === p.tiandituImgTileMark.ol_uid) && w.setVisible(!1), (v === BaseMapType.vector && (w.ol_uid === p.tiandituTile.ol_uid || w.ol_uid === p.tiandituTileMark.ol_uid) || v === BaseMapType.satellite && (w.ol_uid === p.tiandituImgTile.ol_uid || w.ol_uid === p.tiandituImgTileMark.ol_uid)) && w.setVisible(!0);
       });
     }, b = () => {
-      const v = o.value.getView(), w = v.getZoom();
-      w && E(w);
-      const k = v.calculateExtent(o.value.getSize());
-      k && w && x(k, w);
+      const v = o.value.getView(), k = v.getZoom();
+      k && E(k);
+      const w = v.calculateExtent(o.value.getSize());
+      w && k && x(w, k);
     }, E = (v) => {
       var C, L, S, V, F;
       d.value = v, g(v < mapZoom.shipGreenDotMax);
-      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), C = transform([v[2], v[3]], projection.mercator, projection.data);
-      s("extentChanged", { extent: [k, C], zoom: w });
+      const k = (C = o.value) == null ? void 0 : C.getLayers(), w = c.vehicleMode === "ship" ? k == null ? void 0 : k.getArray().find(($) => $.ol_uid === p.greenMark.ol_uid) : void 0;
+      showTrackLayer.value ? (f.value = !1, w == null || w.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, w == null || w.setVisible(!0), (V = shipsLayer.value) == null || V.setVisible(!1), (F = largeAmountShipsLayer.value) == null || F.setVisible(!1)) : (f.value = !1, w == null || w.setVisible(!1)), s("zoomChanged", v);
+    }, x = (v, k) => {
+      const w = transform([v[0], v[1]], projection.mercator, projection.data), C = transform([v[2], v[3]], projection.mercator, projection.data);
+      s("extentChanged", { extent: [w, C], zoom: k });
     };
     return t({
       mapInstance: o,
       initMap: y,
       renderTrucksMarker,
       renderShip: renderShips,
-      renderTrack: (v, w, k) => {
+      renderTrack: (v, k, w) => {
         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);
+        currentTrackId.value = v, showTrackLayer.value = !0, m.value = !0, hiddenAllShips(), (L = (C = largeAmountShipsLayer.value) == null ? void 0 : C.getSource()) == null || L.clear(), renderTrack(v, k, w, LENGTH_UNIT.NM);
       },
       findTruck,
       removeTruckIcon,
       clearAllTruck,
       closeTrack: () => {
-        var v, w;
-        showTrackLayer.value = !1, (v = shipTrackVectorLayer.value) == null || v.setVisible(!1), (w = selectShipsLayer.value) == null || w.setVisible(!0), m.value = !1, g(d.value < mapZoom.shipGreenDotMax), allTracks.value = [], stopAnimation();
+        var v, k;
+        showTrackLayer.value = !1, (v = shipTrackVectorLayer.value) == null || v.setVisible(!1), (k = selectShipsLayer.value) == null || k.setVisible(!0), m.value = !1, g(d.value < mapZoom.shipGreenDotMax), allTracks.value = [], stopAnimation();
       },
       closeTruckTrack: () => {
-        var v, w;
-        showTrackLayer.value = !1, (v = shipTrackVectorLayer.value) == null || v.setVisible(!1), (w = selectShipsLayer.value) == null || w.setVisible(!0), stopAnimation();
+        var v, k;
+        showTrackLayer.value = !1, (v = shipTrackVectorLayer.value) == null || v.setVisible(!1), (k = selectShipsLayer.value) == null || k.setVisible(!0), stopAnimation();
       },
       resetTrackView,
       playTrack,
       clearSelectFeature,
       findShip,
-      focusShip: (v, w, k = !0) => {
+      focusShip: (v, k, w = !0) => {
         var C, L;
-        hiddenOrther.value = k, (C = shipsLayer.value) == null || C.setVisible(!k), (L = largeAmountShipsLayer.value) == null || L.setVisible(!1), findShip(v, w);
+        hiddenOrther.value = w, (C = shipsLayer.value) == null || C.setVisible(!w), (L = largeAmountShipsLayer.value) == null || L.setVisible(!1), findShip(v, k);
       },
       showTracks,
       removeAllTrackLayer,
@@ -2025,8 +2039,8 @@ const addInteraction = (e) => {
       rerenderShip,
       switchGreenDot: () => g(!1),
       zoomTruckIcon,
-      renderTruckTrack: (v, w, k) => {
-        showTrackLayer.value = !0, renderTrack(v, w, k, LENGTH_UNIT.KM, "truck");
+      renderTruckTrack: (v, k, w) => {
+        showTrackLayer.value = !0, renderTrack(v, k, w, LENGTH_UNIT.KM, "truck");
       },
       removerLayer: removeShipTrackLineFeatureByIndex,
       renderMarker,
@@ -2035,15 +2049,15 @@ 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: C } = transformUtils.mercatorToLonLat(v.getCenter());
-        return { zoom: w, center: [k, C] };
+        const k = Math.round(Number(v.getZoom())), { lon: w, lat: C } = transformUtils.mercatorToLonLat(v.getCenter());
+        return { zoom: k, center: [w, C] };
       },
       setCenter: (v) => {
         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));
+        const k = (C = o.value) == null ? void 0 : C.getView();
+        if (!k) return null;
+        const w = new Point(v);
+        k.setCenter(transform(w.getCoordinates(), projection.data, projection.mercator));
       },
       drawPolygonTool,
       setMapInstance: h,
@@ -2055,12 +2069,12 @@ const addInteraction = (e) => {
         transform: transformUtils,
         format: formatUtils
       }
-    }), (v, w) => (openBlock(), createElementBlock("div", {
+    }), (v, k) => (openBlock(), createElementBlock("div", {
       class: "map-page map-container",
       ref_key: "pageRef",
       ref: r
     }, [
-      w[0] || (w[0] = createElementVNode("div", {
+      k[0] || (k[0] = createElementVNode("div", {
         id: "map",
         class: "map"
       }, null, -1)),
@@ -2261,5 +2275,6 @@ export {
   mapZoom as m,
   projection as p,
   renderShipsLimit as r,
-  tiandituKey as t
+  tiandituKey as t,
+  zhongkeKey as z
 };

package/dist/es/index.js

@@ -17,11 +17,11 @@ import { Z as L } from "./BaseInfo-CAuR2Id0.js";
 import { Z as M } from "./DetailHeader-CBN9CqAp.js";
 import { Z as c } from "./DiyDataTable-CXSUoapn.js";
 import { D as Q } from "./DiyDataTable-CXSUoapn.js";
-import { Z as _ } from "./Map-Ch7K-0xC.js";
-import { C as $, D as aa, L as oa, P as ra, b as ma, a as ta, m as sa, p as Za, r as ia, t as ea } from "./Map-Ch7K-0xC.js";
-import { Z as x } from "./Table-D7YUOcI0.js";
-import { Z as fa } from "./BaseItem-CQzBP1WX.js";
-const B = [
+import { Z as _ } from "./Map-BJc6GMOA.js";
+import { C as $, D as aa, L as oa, P as ra, b as ma, a as ta, m as sa, p as Za, r as ia, t as ea, z as pa } from "./Map-BJc6GMOA.js";
+import { Z as g } from "./Table-D7YUOcI0.js";
+import { Z as ha } from "./BaseItem-CQzBP1WX.js";
+const x = [
   L,
   o,
   m,
@@ -47,8 +47,8 @@ const B = [
   A,
   _,
   r,
-  x
-], w = a(B);
+  g
+], v = a(x);
 export {
   $ as CDN_URL,
   aa as DEFAULT_VALUE,
@@ -57,7 +57,7 @@ export {
   ra as PointMarkerClass,
   I as ZhAlert,
   L as ZhBaseInfo,
-  fa as ZhBaseItem,
+  ha as ZhBaseItem,
   o as ZhButton,
   r as ZhButtonGroup,
   d as ZhConfirm,
@@ -80,13 +80,14 @@ export {
   f as ZhMultiGrid,
   P as ZhPageHeadPanel,
   T as ZhPrompt,
-  x as ZhTable,
+  g as ZhTable,
   A as ZhToolTips,
   ma as baseMap,
-  w as default,
+  v as default,
   ta as mapDefaultCenter,
   sa as mapZoom,
   Za as projection,
   ia as renderShipsLimit,
-  ea as tiandituKey
+  ea as tiandituKey,
+  pa as zhongkeKey
 };