zhihao-ui 1.3.12 → 1.3.13

package/dist/es/{Map-BotrSWAZ.js → Map-BJQ9eIcs.js}

@@ -10,8 +10,8 @@ const _hoisted_1$2 = { id: "scale-line-container" }, _sfc_main$2 = /* @__PURE__
         a || (a = "metric");
         const o = new ScaleLine$1({
           units: a
-        }), f = document.getElementById("scale-line-container");
-        f && (o.setTarget(f), s.addControl(o));
+        }), y = document.getElementById("scale-line-container");
+        y && (o.setTarget(y), s.addControl(o));
       }
     }), (s, a) => (openBlock(), createElementBlock("div", _hoisted_1$2));
   }
@@ -28,13 +28,13 @@ const _hoisted_1$2 = { id: "scale-line-container" }, _sfc_main$2 = /* @__PURE__
     console.log("props", n);
     const l = () => {
       console.log("props");
-      const { setZoom: a, getZoom: o, getInstall: f } = n.mapInstance.methods;
-      if (!f()) return;
+      const { setZoom: a, getZoom: o, getInstall: y } = n.mapInstance.methods;
+      if (!y()) return;
       const t = o();
       t && a(t + 1);
     }, s = () => {
-      const { setZoom: a, getZoom: o, getInstall: f } = n.mapInstance.methods;
-      if (!f()) return;
+      const { setZoom: a, getZoom: o, getInstall: y } = n.mapInstance.methods;
+      if (!y()) return;
       const t = o();
       t && a(t - 1);
     };
@@ -81,7 +81,7 @@ function useMapInitializer() {
   }, o = (m, F) => {
     var V;
     (V = l()) == null || V.setCenter(fromLonLat([m, F]));
-  }, f = () => {
+  }, y = () => {
     var F;
     const m = (F = l()) == null ? void 0 : F.getCenter();
     return toLonLat(m);
@@ -89,7 +89,7 @@ function useMapInitializer() {
     var m;
     return (m = n()) == null ? void 0 : m.getSize();
   }, t = new Map$2(), r = (m, F) => {
-    y(F);
+    f(F);
     const V = {
       zoom: F.zoom,
       center: fromLonLat(F.center),
@@ -112,7 +112,7 @@ function useMapInitializer() {
       view: new View(V)
     });
     e.value = v;
-  }, y = (m) => {
+  }, f = (m) => {
     t.set("vectorTile", new TileLayer({
       source: new XYZ({ url: BASE_MAP_LINK.vectorTile }),
       visible: m.layerType === "vector",
@@ -150,10 +150,10 @@ function useMapInitializer() {
     getZoom: s,
     setZoom: a,
     setCenter: o,
-    getCenter: f,
+    getCenter: y,
     getSize: E,
     initMap: r,
-    setBaseLayerMap: y
+    setBaseLayerMap: f
   };
 }
 const convertSixHundredThousandToLatLng = function(e, n) {
@@ -217,13 +217,13 @@ const getIconStyle = (e) => {
   return s !== 0 && (o = `${String(s).padStart(2, "0")}时${o}`), l !== 0 && (o = `${String(l).padStart(2, "0")}天${o}`), o;
 }, useCarTrackManager = (e, n) => {
   let l = null;
-  const s = async (y) => {
-    if (!e || (console.log("vehicleInfo", y), !(y != null && y.lon && (y != null && y.lat)))) return;
-    const m = Math.abs(Number(y.lon)) > 180 ? convertSixHundredThousandToLatLng(y.lon, y.lat) : [y.lon, y.lat];
-    a(y, fromLonLat(m));
+  const s = async (f) => {
+    if (!e || (console.log("vehicleInfo", f), !(f != null && f.lon && (f != null && f.lat)))) return;
+    const m = Math.abs(Number(f.lon)) > 180 ? convertSixHundredThousandToLatLng(f.lon, f.lat) : [f.lon, f.lat];
+    a(f, fromLonLat(m));
     const F = e == null ? void 0 : e.getView(), V = new Point(m);
     F.setCenter(transform(V.getCoordinates(), projection.data, projection.mercator));
-  }, a = (y, m) => {
+  }, a = (f, m) => {
     const F = `${CDN_URL}map/car-icon.gif`;
     l || (l = new Overlay({
       element: document.createElement("div"),
@@ -233,26 +233,26 @@ const getIconStyle = (e) => {
     }), e.addOverlay(l));
     const V = l.getElement();
     V.style.backgroundImage = `url(${F})`, V.style.width = "80px", V.style.height = "80px";
-    const v = (y == null ? void 0 : y.drc) || "";
+    const v = (f == null ? void 0 : f.drc) || "";
     V.style.transform = `rotate(${v}deg)`, V.style.backgroundSize = "cover", l == null || l.setPosition(m);
   };
   return {
     location: s,
     remove: () => {
-      const y = l == null ? void 0 : l.getElement();
-      y && (y.innerHTML = "");
+      const f = l == null ? void 0 : l.getElement();
+      f && (f.innerHTML = "");
     },
-    renderTrack: (y, m, F) => {
-      n.render(y, m, F, "truck", 1e3);
+    renderTrack: (f, m, F) => {
+      n.render(f, m, F, "truck", 1e3);
     },
-    setCenter: (y) => {
-      n.setCenter(y);
+    setCenter: (f) => {
+      n.setCenter(f);
     },
     closeTrack: () => {
       n.close();
     },
-    playTrack: (y, m) => {
-      n.play(y, m);
+    playTrack: (f, m) => {
+      n.play(f, m);
     }
   };
 };
@@ -262,13 +262,13 @@ const useTrackManager = (e) => {
   let s = null;
   const a = "--";
   let o = null;
-  const f = document.createElement("div"), E = new Overlay({
-    element: f,
+  const y = document.createElement("div"), E = new Overlay({
+    element: y,
     positioning: "top-left",
     stopEvent: !1,
     className: "track-label-popup"
   });
-  let t, r, y, m, F, V = !1, v = Date.now(), g, T = 0, p = null, C = 20, Z = !1;
+  let t, r, f, m, F, V = !1, v = Date.now(), g, T = 0, p = null, C = 20, Z = !1;
   const Y = 5, X = [], H = (i) => {
     var c;
     for (X.unshift(i); X.length > Y; ) {
@@ -347,7 +347,7 @@ const useTrackManager = (e) => {
     if (i && w && c === "hover") {
       e.getTargetElement().style.cursor = w ? "pointer" : "";
       const M = i.get("data"), b = Q(M), _ = d == null ? void 0 : d.coordinate;
-      _ && (f.querySelector(".popup-content"), f.innerHTML = b, E == null || E.setPosition(_));
+      _ && (y.querySelector(".popup-content"), y.innerHTML = b, E == null || E.setPosition(_));
     } else
       E && E.setPosition(void 0);
   }, Q = (i) => {
@@ -656,7 +656,7 @@ const useTrackManager = (e) => {
     q.setStyle(te), q.drawGeometry(m), e == null || e.render();
   }, be = () => {
     var i;
-    V = !0, v = Date.now(), T = 0, m = ((i = y.getGeometry()) == null ? void 0 : i.clone()) || new Point([0, 0]), o && (g == null || g.on("postrender", o)), F == null || F.setGeometry(void 0);
+    V = !0, v = Date.now(), T = 0, m = ((i = f.getGeometry()) == null ? void 0 : i.clone()) || new Point([0, 0]), o && (g == null || g.on("postrender", o)), F == null || F.setGeometry(void 0);
   }, U = () => {
     V && (V = !1, F == null || F.setGeometry(void 0), o && g && g.un("postrender", o), g && (e == null || e.removeLayer(g)), g = null, F = null);
   }, ke = (i, c) => {
@@ -667,11 +667,11 @@ const useTrackManager = (e) => {
     }).readGeometry(t, {
       dataProjection: projection.data,
       featureProjection: projection.mercator
-    }), y = new Feature({
+    }), f = new Feature({
       type: "icon",
       geometry: new Point(r.getFirstCoordinate())
     });
-    const d = y.getGeometry();
+    const d = f.getGeometry();
     m = d ? d.clone() : new Point([0, 0]), F = new Feature({
       type: "geoMarker",
       style: te,
@@ -874,12 +874,12 @@ const getShipDirectPath = (e) => {
   return n <= MAP_ZOOM.shipModelMax && n >= MAP_ZOOM.shipTriggleMin ? "ship" : "triangle";
 }, getShipScale = (e, n, l) => {
   if (l === "ship") {
-    const { len: s, wid: a } = n, o = 97, f = 20, t = 1 / (e == null ? void 0 : e.getView().getResolution()), r = s * t / o, y = a * t / f;
-    return Math.max(r, y);
+    const { len: s, wid: a } = n, o = 97, y = 20, t = 1 / (e == null ? void 0 : e.getView().getResolution()), r = s * t / o, f = a * t / y;
+    return Math.max(r, f);
   }
   return MAP_ZOOM.scaleNum;
 }, initShipStyle = (e, n, l) => {
-  const { color: s, direct: a, isHighlight: o, shipData: f } = e.getProperties(), E = ((f == null ? void 0 : f.cog) - 90 + 360) % 360;
+  const { color: s, direct: a, isHighlight: o, shipData: y } = e.getProperties(), E = ((y == null ? void 0 : y.cog) - 90 + 360) % 360;
   return new Style({
     image: new Icon({
       src: t(),
@@ -920,7 +920,7 @@ const getShipDirectPath = (e) => {
     }
   }
 }, selectedShipStyle = (e, n) => {
-  const l = selectedShipElement(e, n), s = n.id, { lon: a, lat: o } = n, f = new Overlay({
+  const l = selectedShipElement(e, n), s = n.id, { lon: a, lat: o } = n, y = new Overlay({
     element: l,
     position: fromLonLat([a, o]),
     id: "selected-" + s,
@@ -928,26 +928,26 @@ const getShipDirectPath = (e) => {
     offset: [0, 5],
     className: "ship-selected-overlay"
   });
-  return f.set("class", "ship-overlay-selected"), f;
+  return y.set("class", "ship-overlay-selected"), y;
 }, selectedShipElement = (e, n) => {
   const l = getShipType(e), s = getShipScale(e, n, l), a = l === "ship" ? 109 : 49, o = `
       <svg style="transform:scale(${s});" xmlns="http://www.w3.org/2000/svg" width="${a}" height="${a}" viewBox="0 0 49 49" fill="none">
           <path d="M1.99982 46.9998L1.99982 1.99982L46.9998 1.99982L46.9998 46.9998L1.99982 46.9998Z" fill="#FF2424" fill-opacity="0.2"/>
           <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9998 0.5V3.5L3.49976 3.5V20H0.499756V0.500002L19.9998 0.5ZM45.4998 3.5H28.9998V0.5H48.4998V20H45.4998V3.5ZM48.4998 29L48.4998 48.5H28.9998V45.5H45.4998L45.4998 29H48.4998ZM3.49976 45.5L3.49976 29H0.499756L0.499758 48.5L19.9998 48.5V45.5L3.49976 45.5Z" fill="#FF2424"/>
       </svg>
-    `, f = document.createElement("div");
-  return f.className = "ship-overlay-selected", f.innerHTML = o, f;
+    `, y = document.createElement("div");
+  return y.className = "ship-overlay-selected", y.innerHTML = o, y;
 }, createLabelStyle = (e, n) => {
-  const { shipData: l, blinking: s } = n.getProperties(), { lon: a, lat: o } = l, f = createLabelElement(n);
-  a && o && addOverlay(e, fromLonLat([a, o]), f, { ...l, blinking: s });
+  const { shipData: l, blinking: s } = n.getProperties(), { lon: a, lat: o } = l, y = createLabelElement(n);
+  a && o && addOverlay(e, fromLonLat([a, o]), y, { ...l, blinking: s });
 }, createLabelElement = (e) => {
   const n = document.createElement("div");
   n.className = "ship-overlay-box", n.style.position = "relative";
-  const l = e.getProperties(), { shipData: s, blinking: a, blinkingColor: o, name: f } = l, { lon: E, lat: t } = s, r = createVNode({
+  const l = e.getProperties(), { shipData: s, blinking: a, blinkingColor: o, name: y } = l, { lon: E, lat: t } = s, r = createVNode({
     setup() {
       return useShipOverlay({
         selected: a,
-        name: f,
+        name: y,
         color: o,
         existDevice: s == null ? void 0 : s.existDevice,
         existMobile: s == null ? void 0 : s.existMobile,
@@ -960,7 +960,7 @@ const getShipDirectPath = (e) => {
   const n = [];
   return e.existDevice && n.push("&#xe687;"), e.existMobile && n.push("&#xe688;"), e.existWaterGauge && n.push("&#xe686;"), n;
 }, createLabelFeatureStyle = (e) => {
-  const { name: n, rightIcons: l } = e.getProperties(), s = `${n} ${l.map((y) => getIconFont(y)).join(" ")} `, a = [20, -20], f = -Math.atan2(-a[1], a[0]), E = Math.sqrt(a[0] ** 2 + a[1] ** 2), t = `<svg  viewBox="0 0 ${E + 10} 20" width="${E + 10}" height="20" xmlns="http://www.w3.org/2000/svg" >
+  const { name: n, rightIcons: l } = e.getProperties(), s = `${n} ${l.map((f) => getIconFont(f)).join(" ")} `, a = [20, -20], y = -Math.atan2(-a[1], a[0]), E = Math.sqrt(a[0] ** 2 + a[1] ** 2), t = `<svg  viewBox="0 0 ${E + 10} 20" width="${E + 10}" height="20" xmlns="http://www.w3.org/2000/svg" >
                 <line x1="0" y1="0" x2="${10 + E}" y2="10" stroke="white" stroke-width="1"></line>
             </svg>`;
   return [new Style({
@@ -978,7 +978,7 @@ const getShipDirectPath = (e) => {
       src: `data:image/svg+xml;utf8,${encodeURIComponent(t)}`,
       displacement: [16, -10],
       anchor: [0.5, 0.5],
-      rotation: f,
+      rotation: y,
       rotateWithView: !1
     })
   })];
@@ -989,7 +989,7 @@ const getShipDirectPath = (e) => {
     className: "zh-map--ship-layer",
     renderBuffer: 300,
     zIndex: 101
-  }), o = new VectorSource(), f = new VectorLayer({
+  }), o = new VectorSource(), y = new VectorLayer({
     source: o,
     className: "zh-map--ship-label-layer",
     zIndex: 102,
@@ -997,9 +997,9 @@ const getShipDirectPath = (e) => {
     updateWhileAnimating: !1,
     declutter: !0
   });
-  e == null || e.addLayer(a), e == null || e.addLayer(f);
+  e == null || e.addLayer(a), e == null || e.addLayer(y);
   let E = "", t = {}, r = {};
-  const y = (u) => {
+  const f = (u) => {
     if (!u || !e) return;
     const L = (l == null ? void 0 : l.id) || (n == null ? void 0 : n.get("id"));
     if (l) {
@@ -1134,7 +1134,7 @@ const getShipDirectPath = (e) => {
     });
   };
   return {
-    render: y,
+    render: f,
     selected: p,
     filter: T,
     blinking: g,
@@ -1145,8 +1145,8 @@ const getShipDirectPath = (e) => {
   const n = () => e == null ? void 0 : e.getLayers(), l = ref("vector"), s = () => l.value, a = (t) => {
     l.value = t;
     const r = n();
-    r && (r == null || r.getArray().forEach((y) => {
-      (y.className_ === "vector" || y.className_ === "satellite") && y.setVisible(y.className_ === t);
+    r && (r == null || r.getArray().forEach((f) => {
+      (f.className_ === "vector" || f.className_ === "satellite") && f.setVisible(f.className_ === t);
     }));
   }, o = ref(!1);
   return {
@@ -1166,8 +1166,8 @@ const getShipDirectPath = (e) => {
             r.push(m);
           }
         } else {
-          const r = n(), y = r.getArray().find((m) => m.className_ === "greenTile");
-          y && r.remove(y);
+          const r = n(), f = r.getArray().find((m) => m.className_ === "greenTile");
+          f && r.remove(f);
         }
         o.value = t;
       }
@@ -1186,7 +1186,7 @@ const getShipDirectPath = (e) => {
 }, usePositionManager = (e) => {
   const n = "zh-map-location-layer";
   let l, s, a = null, o = null;
-  const f = (v) => {
+  const y = (v) => {
     if (!(!v || v.length === 0)) {
       if (s || (s = new VectorSource()), s.clear(), o) {
         const g = v.find((T) => T.id === o.id);
@@ -1231,7 +1231,7 @@ const getShipDirectPath = (e) => {
       });
     } else
       s.clear();
-  }, y = () => {
+  }, f = () => {
     const v = a.get("loactionData"), g = getZoom();
     s.getFeatures().forEach((p) => {
       p.get("loactionData").id === v.id && (p == null || p.setStyle(t(v, g, !1)));
@@ -1248,9 +1248,9 @@ const getShipDirectPath = (e) => {
     o = v, a = g.find((T) => T.get("loactionData").id === v.id);
   };
   return {
-    render: f,
+    render: y,
     selected: m,
-    clearSelected: y,
+    clearSelected: f,
     clear: r
   };
 }, disableDoubleClickZoom = () => {
@@ -1266,13 +1266,13 @@ const getShipDirectPath = (e) => {
     s.value = P;
   };
   let o;
-  const f = ref(!1), E = () => {
-    y(), disableDoubleClickZoom(), v("pointer"), e.on("pointermove", V), e.getViewport().addEventListener("mouseout", () => {
+  const y = ref(!1), E = () => {
+    f(), disableDoubleClickZoom(), v("pointer"), e.on("pointermove", V), e.getViewport().addEventListener("mouseout", () => {
       o && o.classList.add("hidden");
-    }), T(), f.value = !0;
+    }), T(), y.value = !0;
   };
   let t, r;
-  const y = () => {
+  const f = () => {
     t = new VectorSource(), r = new VectorLayer({
       source: t,
       zIndex: 1e3,
@@ -1367,7 +1367,7 @@ const getShipDirectPath = (e) => {
       N[x] && (($ = (z = N[x]) == null ? void 0 : z.parentNode) == null || $.removeChild(N[x]));
       const D = t.getFeatures();
       D[x] && t.removeFeature(D[x]);
-    }), L(), enableDoubleClickZoom(), f.value = !1;
+    }), L(), enableDoubleClickZoom(), y.value = !1;
   }, u = (P) => {
     var N, D, z, $;
     const x = l.value.findIndex((R) => R.id === P);
@@ -1394,7 +1394,7 @@ const getShipDirectPath = (e) => {
     close: H,
     deleteLine: u,
     setUnit: a,
-    getState: () => f.value
+    getState: () => y.value
   };
 }, computedDistance = (e, n) => {
   const s = getLength(e);
@@ -1418,9 +1418,9 @@ const getShipDirectPath = (e) => {
   }, a = () => {
     E(), T(), Z(), F();
   };
-  let o = null, f = null;
+  let o = null, y = null;
   const E = () => {
-    if (o || f) return;
+    if (o || y) return;
     const H = new VectorSource(), u = new VectorLayer({
       source: H,
       style: new Style({
@@ -1430,8 +1430,8 @@ const getShipDirectPath = (e) => {
         })
       })
     });
-    o = u, f = H, e.on("pointermove", r), e.addLayer(u), e.on(["dblclick"], function(L) {
-      y && (L.stopPropagation(), L.preventDefault());
+    o = u, y = H, e.on("pointermove", r), e.addLayer(u), e.on(["dblclick"], function(L) {
+      f && (L.stopPropagation(), L.preventDefault());
     });
   };
   let t;
@@ -1440,7 +1440,7 @@ const getShipDirectPath = (e) => {
     const u = t ? "单击继续，双击结束" : "点击选择起点";
     p && (p.innerHTML = u, C.setPosition(H.coordinate));
   };
-  let y, m = !1;
+  let f, m = !1;
   const F = () => {
     if (l) {
       p != null && p.parentNode && p.parentNode.removeChild(p);
@@ -1466,9 +1466,9 @@ const getShipDirectPath = (e) => {
       e == null || e.getView().setCenter(x);
       return;
     }
-    y = new Draw({
+    f = new Draw({
       type: "Polygon",
-      source: f,
+      source: y,
       trace: !0,
       style: [new Style({
         stroke: new Stroke({
@@ -1491,9 +1491,9 @@ const getShipDirectPath = (e) => {
           return new MultiPoint(L);
         }
       })]
-    }), e == null || e.addInteraction(y);
+    }), e == null || e.addInteraction(f);
     let H;
-    y.on("drawstart", (u) => {
+    f.on("drawstart", (u) => {
       var L;
       t = u.feature, H = (L = t.getGeometry()) == null ? void 0 : L.on("change", (S) => {
         const P = S.target, x = V(P, "nm"), D = P.getCoordinates()[0], z = new LineString([D[D.length - 2], D[D.length - 1]]), $ = computedDistance(z, "nm");
@@ -1518,7 +1518,7 @@ const getShipDirectPath = (e) => {
                         </div>
                     `);
       });
-    }), y.on("drawend", (u) => {
+    }), f.on("drawend", (u) => {
       var x, N, D, z;
       if (!u.feature.getGeometry()) return;
       l = u.feature, v && (v.innerHTML += '<span class="delete-icon"><i class="map-iconfont icon-delete" /></div>'), g.setOffset([10, 0]);
@@ -1527,7 +1527,7 @@ const getShipDirectPath = (e) => {
         const $ = S[0].map((R) => transform(R, projection.mercator, projection.data));
         (D = (N = n.getProps()) == null ? void 0 : N.areaDrawEnd) == null || D.call(N, $);
       }
-      y && (y.setActive(!1), e == null || e.removeInteraction(y), (e == null ? void 0 : e.getInteractions()).forEach((R) => {
+      f && (f.setActive(!1), e == null || e.removeInteraction(f), (e == null ? void 0 : e.getInteractions()).forEach((R) => {
         R instanceof Draw && (R.setActive(!1), e == null || e.removeInteraction(R));
       })), H && unByKey(H), (z = document.querySelector(".delete-icon")) == null || z.addEventListener("click", () => {
         var $, R;
@@ -1561,12 +1561,12 @@ const getShipDirectPath = (e) => {
       positioning: "center-left"
     }), e == null || e.addOverlay(C);
   }, Y = () => {
-    f == null || f.clear(), l = null, T(), Z(), F();
+    y == null || y.clear(), l = null, T(), Z(), F();
   };
   return {
     open: s,
     close: () => {
-      f == null || f.clear(), f = null, o && (e.removeLayer(o), o = null), t = null, y && (y = null, e.getInteractions().forEach((H) => {
+      y == null || y.clear(), y = null, o && (e.removeLayer(o), o = null), t = null, f && (f = null, e.getInteractions().forEach((H) => {
         H instanceof Draw && e.removeInteraction(H);
       })), p != null && p.parentElement && p.parentElement.removeChild(p), v != null && v.parentElement && v.parentElement.removeChild(v), C && e.removeOverlay(C), g && e.removeOverlay(g);
     },
@@ -1575,7 +1575,7 @@ const getShipDirectPath = (e) => {
 }, PORT_LAYER_CLASS_NAME = "zh-map-port-layer", usePortManager = (e) => {
   const n = e.getInstall();
   let l, s, a = null, o = null;
-  const f = (g) => {
+  const y = (g) => {
     if (!(!g || g.length === 0)) {
       if (s || (s = new VectorSource()), s.clear(), o) {
         const T = g.find((p) => p.id === o.id);
@@ -1633,13 +1633,13 @@ const getShipDirectPath = (e) => {
       });
     } else
       console.log("清除所有港口"), s.clear();
-  }, y = () => {
+  }, f = () => {
     const g = a == null ? void 0 : a.get("portData"), T = e.getZoom();
     g && s.getFeatures().forEach((C) => {
       C.get("portData").id === g.id && (C == null || C.setStyle(t(g, T, !1)));
     }), o = null, a = null;
   }, m = (g) => {
-    g ? (F(), V(g)) : y();
+    g ? (F(), V(g)) : f();
   }, F = () => {
     if (a) {
       const g = a == null ? void 0 : a.get("portData"), T = e.getZoom();
@@ -1650,7 +1650,7 @@ const getShipDirectPath = (e) => {
     o = g, a = T.find((p) => p.get("portData").id === g.id);
   };
   return {
-    render: f,
+    render: y,
     clear: r,
     selected: m,
     handlePortHover: (g) => {
@@ -1659,20 +1659,20 @@ const getShipDirectPath = (e) => {
     }
   };
 }, useEventManager = (e, n, l, s, a, o) => {
-  const f = e.getInstall();
-  f.on("moveend", () => {
+  const y = e.getInstall();
+  y.on("moveend", () => {
     var t, r;
     const E = e.getZoom();
     (r = (t = n.getProps()).mapMoveEnd) == null || r.call(t, E), l.reRenderTrackLine();
-  }), f.on("pointermove", (E) => {
-    const t = f.getEventPixel(E.originalEvent), r = f.forEachFeatureAtPixel(t, (y) => y);
+  }), y.on("pointermove", (E) => {
+    const t = y.getEventPixel(E.originalEvent), r = y.forEachFeatureAtPixel(t, (f) => f);
     s.handleShipMapEvent(r, "hover"), l.handleTrackMapEvent(r, "hover", E), r && a.handlePortHover(r);
-  }), f.on("movestart", () => {
+  }), y.on("movestart", () => {
     console.log("movestart-----------------------");
-  }), f.on("click", debounce((E) => {
-    var y, m, F;
+  }), y.on("click", debounce((E) => {
+    var f, m, F;
     if (console.log("1", o.getState()), o.getState()) return;
-    const t = f.getEventPixel(E.originalEvent), r = f.forEachFeatureAtPixel(
+    const t = y.getEventPixel(E.originalEvent), r = y.forEachFeatureAtPixel(
       t,
       (V) => {
         if (V != null && V.get("shipData") || V != null && V.get("portData"))
@@ -1681,7 +1681,7 @@ const getShipDirectPath = (e) => {
     );
     if (console.log("2", r), !!r) {
       if (E.preventDefault(), E.stopPropagation(), r.get("shipData"))
-        s.handleShipMapEvent(r, "click", (y = n.getProps()) == null ? void 0 : y.selectShip);
+        s.handleShipMapEvent(r, "click", (f = n.getProps()) == null ? void 0 : f.selectShip);
       else if (r.get("portData")) {
         const V = r.get("portData");
         a.selected(V), (F = (m = n.getProps()) == null ? void 0 : m.selectPort) == null || F.call(m, V);
@@ -1694,26 +1694,26 @@ const getShipDirectPath = (e) => {
     createInstance: (s, a) => {
       const o = useMapInitializer();
       o.initMap(s, a);
-      const f = o.getInstall(), E = useLayerManager(f), t = usePropsManager();
+      const y = o.getInstall(), E = useLayerManager(y), t = usePropsManager();
       t.setProps(a), E.setShowLayerType(a.layerType), E.setGreenTileVisible(a.showGreenLayer);
-      const r = useTrackManager(f), y = useCarTrackManager(f, r), m = useShipManager(f), F = usePositionManager(f), V = useDrawLineManager(f, t), v = useDrawPolygonManager(f, t), g = usePortManager(o);
+      const r = useTrackManager(y), f = useCarTrackManager(y, r), m = useShipManager(y), F = usePositionManager(y), V = useDrawLineManager(y, t), v = useDrawPolygonManager(y, t), g = usePortManager(o);
       useEventManager(o, t, r, m, g, V);
       const T = () => {
-        const C = f.getView().calculateExtent(o.getSize()), Z = transform([C[0], C[1]], projection.mercator, projection.data), Y = transform([C[2], C[3]], projection.mercator, projection.data);
+        const C = y.getView().calculateExtent(o.getSize()), Z = transform([C[0], C[1]], projection.mercator, projection.data), Y = transform([C[2], C[3]], projection.mercator, projection.data);
         return [Z[0], Z[1], Y[0], Y[1]];
       }, p = {
         id: Symbol("map-instance"),
         innerMap: null,
         map: o.getInstall(),
         destroy: () => {
-          e.splice(e.indexOf(p), 1), console.log(`实例 ${id.toString()} 已销毁`);
+          e.splice(e.indexOf(p), 1);
         },
         methods: {
           ...o,
           layer: E,
           ship: m,
           track: r,
-          carTrack: y,
+          carTrack: f,
           port: {
             render: g.render,
             clear: g.clear,
@@ -1761,13 +1761,13 @@ const getShipDirectPath = (e) => {
     } }
   },
   setup(e, { expose: n }) {
-    const l = ref(), s = ref(), a = useMapController(), o = ref(), f = e, E = ref({
+    const l = ref(), s = ref(), a = useMapController(), o = ref(), y = e, E = ref({
       getInstall() {
       }
     });
     return onMounted(() => {
       var t;
-      o.value = a.createInstance(l.value, f), console.log(" instance.value?.methods", o.value.map), E.value = o.value.methods, (t = s.value) == null || t.setScaleLine(o.value.map, f.scaleLineUnit);
+      o.value = a.createInstance(l.value, y), console.log(" instance.value?.methods", o.value.map), E.value = o.value.methods, (t = s.value) == null || t.setScaleLine(o.value.map, y.scaleLineUnit);
     }), onUnmounted(() => {
       var t, r;
       a.destroyInstance((t = o == null ? void 0 : o.value) == null ? void 0 : t.id), (r = o.value) == null || r.destroy();
@@ -1789,13 +1789,17 @@ const getShipDirectPath = (e) => {
         return (t = o.value) == null ? void 0 : t.methods.getView();
       },
       setCenter: (t, r) => {
-        var y;
-        return (y = o.value) == null ? void 0 : y.methods.setCenter(t, r);
+        var f;
+        return (f = o.value) == null ? void 0 : f.methods.setCenter(t, r);
       },
       getSize: () => {
         var t;
         return (t = o.value) == null ? void 0 : t.methods.getSize();
       },
+      setCenter: (t, r) => {
+        var f;
+        return (f = o.value) == null ? void 0 : f.methods.setCenter(t, r);
+      },
       layer: {
         setGreenTileVisible: (t) => {
           var r;
@@ -1988,7 +1992,7 @@ const getShipDirectPath = (e) => {
       }, null, 8, ["map-instance"])
     ]));
   }
-}), Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-41ce7362"]]), ZhMap = withInstall(Map$1);
+}), Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f5fd149"]]), ZhMap = withInstall(Map$1);
 export {
   ZhMap as Z
 };

package/dist/es/index.js

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