@summeruse/ol 0.1.7 → 0.2.0-alpha.0

package/dist/index.js

@@ -1,120 +1,21 @@
-import { defineComponent as U, ref as S, onMounted as j, createBlock as pe, openBlock as H, unref as Z, shallowRef as Me, withCtx as Fe, createVNode as Te, inject as ke, watch as m, provide as Ae, createElementBlock as _e, renderSlot as Re, computed as Se, render as z, onUnmounted as he, toValue as Ze } from "vue";
-import { NDropdown as ze, NPopover as Ge } from "naive-ui";
-import { RenderVNode as Be } from "@summeruse/common";
-import { getCenter as De } from "ol/extent";
-import { Map as je, View as Ne, Feature as Q, Overlay as G } from "ol";
-import { Zoom as oe, Attribution as re, Rotate as ie, FullScreen as ae, OverviewMap as ce, ScaleLine as le } from "ol/control";
-import { DragPan as se, MouseWheelZoom as ue, DoubleClickZoom as fe, PinchRotate as me, PinchZoom as de, DragRotate as ye, KeyboardPan as ge, KeyboardZoom as ve, Draw as Oe, Modify as xe } from "ol/interaction";
-import { Point as Ve, LineString as W, Polygon as K, Circle as $e, MultiPoint as We, MultiLineString as Ke, MultiPolygon as Xe } from "ol/geom";
-import q from "ol/layer/Vector";
-import J from "ol/source/Vector";
-import { destination as Ye, lineString as Ue, length as He, area as Qe, polygon as qe, bearing as Je, midpoint as et } from "@turf/turf";
-import { Circle as tt, Stroke as k, Fill as B, Text as nt, Icon as ot, Style as rt } from "ol/style";
-import { Tile as ee, Graticule as it } from "ol/layer";
-import { XYZ as at, BingMaps as ct, OSM as lt } from "ol/source";
-import { transform as Ee, transformExtent as be } from "ol/proj";
-const Gt = /* @__PURE__ */ U({
-  __name: "index",
-  props: {
-    olMap: {},
-    createOptions: { type: Function }
-  },
-  setup(t) {
-    const e = t, { olMap: n } = e, a = S({
-      visible: !1,
-      x: 0,
-      y: 0
-    });
-    function r() {
-      a.value.visible = !1;
-    }
-    const i = S();
-    j(() => {
-      const f = n.getViewport();
-      f && (f.oncontextmenu = (s) => {
-        s.preventDefault();
-        const l = n.getEventPixel(s), d = n.getEventCoordinate(s), g = n.getFeaturesAtPixel(l);
-        i.value = e.createOptions({ event: s, pixel: l, coordinate: d, features: g }), a.value = {
-          visible: !0,
-          x: s.clientX,
-          y: s.clientY
-        };
-      });
-    });
-    function c(f, s) {
-      const { onClick: l } = s;
-      l && l(), a.value.visible = !1;
-    }
-    return (f, s) => (H(), pe(Z(ze), {
-      placement: "bottom-start",
-      trigger: "manual",
-      show: i.value && i.value.length > 0 && a.value.visible,
-      x: a.value.x,
-      y: a.value.y,
-      options: i.value,
-      "on-clickoutside": r,
-      onSelect: c
-    }, null, 8, ["show", "x", "y", "options"]));
-  }
-}), Bt = /* @__PURE__ */ U({
-  __name: "index",
-  props: {
-    olMap: {},
-    createOptions: { type: Function }
-  },
-  setup(t) {
-    const e = t, n = S({
-      visible: !1,
-      x: 0,
-      y: 0
-    }), a = Me(), r = S("bottom-start"), i = S(!1), c = S(!1);
-    return j(() => {
-      var f;
-      (f = e.olMap) == null || f.on("pointermove", (s) => {
-        const l = e.olMap.getFeaturesAtPixel(s.pixel);
-        n.value.visible = !1;
-        const d = e.createOptions({
-          pixel: s.pixel,
-          coordinate: s.coordinate,
-          features: l
-        });
-        if (d) {
-          if (a.value = d.content, r.value = d.placement || "bottom-start", c.value = d.showArrow || !1, i.value = d.raw || !1, n.value.visible = !0, d.followTarget === "feature" && l.length > 0) {
-            const w = l[0].getGeometry();
-            if (w) {
-              const E = w.getExtent(), p = De(E), h = e.olMap.getPixelFromCoordinate(p), { top: b, left: L } = e.olMap.getViewport().getBoundingClientRect();
-              n.value.x = h[0] + L, n.value.y = h[1] + b;
-              return;
-            }
-          }
-          const { clientX: g, clientY: v } = s.originalEvent;
-          n.value.x = g, n.value.y = v;
-        }
-      });
-    }), (f, s) => (H(), pe(Z(Ge), {
-      "show-arrow": c.value,
-      raw: i.value,
-      placement: r.value,
-      show: n.value.visible,
-      x: n.value.x,
-      y: n.value.y,
-      trigger: "manual",
-      class: "n-ol-pointermove",
-      "theme-overrides": {
-        boxShadow: "none"
-      }
-    }, {
-      default: Fe(() => [
-        Te(Z(Be), { "dynamic-v-node": a.value }, null, 8, ["dynamic-v-node"])
-      ]),
-      _: 1
-    }, 8, ["show-arrow", "raw", "placement", "show", "x", "y"]));
-  }
-}), Le = Symbol("olMapInjectionKey");
-function Dt() {
-  return ke(Le);
-}
-const jt = /* @__PURE__ */ U({
+import { inject as Re, defineComponent as Ze, ref as E, watch as p, provide as ze, createElementBlock as Ge, openBlock as _e, renderSlot as Be, unref as Ve, toValue as G, onBeforeUnmount as xe, computed as P, onMounted as Le, render as N, onUnmounted as Oe } from "vue";
+import { Map as je, View as De, Feature as J, Overlay as $ } from "ol";
+import { Zoom as ae, Attribution as se, Rotate as ue, FullScreen as fe, OverviewMap as de, ScaleLine as ye } from "ol/control";
+import { DragPan as me, MouseWheelZoom as ve, DoubleClickZoom as ge, PinchRotate as we, PinchZoom as pe, DragRotate as Se, KeyboardPan as he, KeyboardZoom as Ee, Draw as Pe, Modify as Ce } from "ol/interaction";
+import { Point as We, LineString as U, Polygon as H, Circle as Ne, MultiPoint as $e, MultiLineString as Xe, MultiPolygon as Ye } from "ol/geom";
+import ee from "ol/layer/Vector";
+import te from "ol/source/Vector";
+import { destination as Ke, lineString as Ue, length as He, area as Qe, polygon as qe, bearing as Je, midpoint as et } from "@turf/turf";
+import { Circle as tt, Stroke as _, Fill as X, Text as nt, Icon as ot, Style as rt } from "ol/style";
+import { Tile as ne, Graticule as it } from "ol/layer";
+import { XYZ as ct, BingMaps as lt, OSM as at } from "ol/source";
+import { transform as Fe, transformExtent as Ie } from "ol/proj";
+import { getCenter as st } from "ol/extent";
+const Te = Symbol("olMapInjectionKey");
+function _t() {
+  return Re(Te);
+}
+const Bt = /* @__PURE__ */ Ze({
   __name: "index",
   props: {
     olMap: { default: () => new je() },
@@ -139,524 +40,597 @@ const jt = /* @__PURE__ */ U({
     altShiftDragRotate: { type: Boolean }
   },
   setup(t, { expose: e }) {
-    const n = t, a = S(), r = n.olMap, i = new Ne({
-      projection: n.projection,
-      extent: n.extent
+    const o = t, i = E(), r = o.olMap, c = new De({
+      projection: o.projection,
+      extent: o.extent
     });
-    r.setView(i), m(() => n.zoom, (o) => {
-      i.setZoom(o);
+    r.setView(c), p(() => o.zoom, (n) => {
+      c.setZoom(n);
     }, {
       immediate: !0
-    }), m(() => n.center, (o) => {
-      i.setCenter(o);
+    }), p(() => o.center, (n) => {
+      c.setCenter(n);
     }, {
       immediate: !0
-    }), m(() => n.constrainResolution, (o) => {
-      i.setConstrainResolution(o);
+    }), p(() => o.constrainResolution, (n) => {
+      c.setConstrainResolution(n);
     }, {
       immediate: !0
-    }), m(() => n.minZoom, (o) => {
-      o && i.setMinZoom(o);
+    }), p(() => o.minZoom, (n) => {
+      n && c.setMinZoom(n);
     }, {
       immediate: !0
-    }), m(() => n.maxZoom, (o) => {
-      o && i.setMaxZoom(o);
+    }), p(() => o.maxZoom, (n) => {
+      n && c.setMaxZoom(n);
     }, {
       immediate: !0
-    }), m(a, (o) => {
-      o && r.setTarget(o);
+    }), p(i, (n) => {
+      n && r.setTarget(n);
     }), e({
       olMap: r
-    }), Ae(Le, r);
-    const c = r.getControls().getArray(), f = c.find((o) => o instanceof oe) || new oe(), s = c.find((o) => o instanceof re) || new re(), l = c.find((o) => o instanceof ie) || new ie(), d = c.find((o) => o instanceof ae) || new ae(), g = c.find((o) => o instanceof ce) || new ce(), v = c.find((o) => o instanceof le) || new le();
-    m(() => n.showZoom, (o) => {
-      f.setMap(o ? r : null);
+    }), ze(Te, r);
+    const a = r.getControls().getArray(), w = a.find((n) => n instanceof ae) || new ae(), O = a.find((n) => n instanceof se) || new se(), y = a.find((n) => n instanceof ue) || new ue(), m = a.find((n) => n instanceof fe) || new fe(), h = a.find((n) => n instanceof de) || new de(), b = a.find((n) => n instanceof ye) || new ye();
+    p(() => o.showZoom, (n) => {
+      w.setMap(n ? r : null);
     }, {
       immediate: !0
-    }), m(() => n.showAttribution, (o) => {
-      s.setMap(o ? r : null);
+    }), p(() => o.showAttribution, (n) => {
+      O.setMap(n ? r : null);
     }, {
       immediate: !0
-    }), m(() => n.showRotate, (o) => {
-      l.setMap(o ? r : null);
+    }), p(() => o.showRotate, (n) => {
+      y.setMap(n ? r : null);
     }, {
       immediate: !0
-    }), m(() => n.showFullScreen, (o) => {
-      d.setMap(o ? r : null);
+    }), p(() => o.showFullScreen, (n) => {
+      m.setMap(n ? r : null);
     }, {
       immediate: !0
-    }), m(() => n.showOverview, (o) => {
-      g.setMap(o ? r : null);
+    }), p(() => o.showOverview, (n) => {
+      h.setMap(n ? r : null);
     }, {
       immediate: !0
-    }), m(() => n.showScale, (o) => {
-      v.setMap(o ? r : null);
+    }), p(() => o.showScale, (n) => {
+      b.setMap(n ? r : null);
     }, {
       immediate: !0
     });
-    const y = r.getInteractions().getArray(), w = y.find((o) => o instanceof se) || new se(), E = y.find((o) => o instanceof ue) || new ue(), p = y.find((o) => o instanceof fe) || new fe(), h = y.find((o) => o instanceof me) || new me(), b = y.find((o) => o instanceof de) || new de(), L = y.find((o) => o instanceof ye) || new ye(), u = y.find((o) => o instanceof ge) || new ge(), O = y.find((o) => o instanceof ve) || new ve();
-    return r.removeInteraction(w), r.addInteraction(w), r.removeInteraction(E), r.addInteraction(E), r.removeInteraction(p), r.addInteraction(p), r.removeInteraction(h), r.addInteraction(h), r.removeInteraction(b), r.addInteraction(b), r.removeInteraction(L), r.addInteraction(L), r.removeInteraction(u), r.removeInteraction(O), m(() => n.dragPan, (o) => {
-      w.setActive(o);
+    const u = r.getInteractions().getArray(), f = u.find((n) => n instanceof me) || new me(), L = u.find((n) => n instanceof ve) || new ve(), s = u.find((n) => n instanceof ge) || new ge(), l = u.find((n) => n instanceof we) || new we(), v = u.find((n) => n instanceof pe) || new pe(), x = u.find((n) => n instanceof Se) || new Se(), d = u.find((n) => n instanceof he) || new he(), g = u.find((n) => n instanceof Ee) || new Ee();
+    return r.removeInteraction(f), r.addInteraction(f), r.removeInteraction(L), r.addInteraction(L), r.removeInteraction(s), r.addInteraction(s), r.removeInteraction(l), r.addInteraction(l), r.removeInteraction(v), r.addInteraction(v), r.removeInteraction(x), r.addInteraction(x), r.removeInteraction(d), r.removeInteraction(g), p(() => o.dragPan, (n) => {
+      f.setActive(n);
     }, {
       immediate: !0
-    }), m(() => n.mouseWheelZoom, (o) => {
-      E.setActive(o);
+    }), p(() => o.mouseWheelZoom, (n) => {
+      L.setActive(n);
     }, {
       immediate: !0
-    }), m(() => n.doubleClickZoom, (o) => {
-      p.setActive(o);
+    }), p(() => o.doubleClickZoom, (n) => {
+      s.setActive(n);
     }, {
       immediate: !0
-    }), m(() => n.pinchRotate, (o) => {
-      h.setActive(o);
+    }), p(() => o.pinchRotate, (n) => {
+      l.setActive(n);
     }, {
       immediate: !0
-    }), m(() => n.pinchZoom, (o) => {
-      b.setActive(o);
+    }), p(() => o.pinchZoom, (n) => {
+      v.setActive(n);
     }, {
       immediate: !0
-    }), m(() => n.altShiftDragRotate, (o) => {
-      L.setActive(o);
+    }), p(() => o.altShiftDragRotate, (n) => {
+      x.setActive(n);
     }, {
       immediate: !0
-    }), (o, x) => (H(), _e("div", {
+    }), (n, S) => (_e(), Ge("div", {
       ref_key: "mapRef",
-      ref: a
+      ref: i
     }, [
-      Re(o.$slots, "default", {
-        olMap: Z(r),
-        mapRef: a.value
+      Be(n.$slots, "default", {
+        olMap: Ve(r),
+        mapRef: i.value
       })
     ], 512));
   }
 });
-function X(t) {
-  return t < 0 ? X(t + 360) : t > 360 ? X(t - 360) : t;
+function Vt(t, e) {
+  const o = E(!1), i = E({ x: 0, y: 0 }), r = E(), c = E([]), a = E();
+  let w;
+  function O(u, f) {
+    const L = [];
+    return u.filter((s) => {
+      const l = s.visible;
+      return typeof l == "function" ? l(f) : l ?? !0;
+    }).filter((s) => !s.children || s.children.length > 0).sort((s, l) => (s.order ?? 0) - (l.order ?? 0)).forEach((s) => {
+      const l = s.icon, v = s.label;
+      L.push({
+        ...s,
+        children: s.children ? O(s.children, f) : void 0,
+        visible: !0,
+        action: () => {
+          var x;
+          (x = s.action) == null || x.call(s, f), m();
+        },
+        icon: typeof l == "function" ? () => l(f) : l,
+        label: typeof v == "function" ? () => v(f) : v,
+        disabled: typeof s.disabled == "function" ? s.disabled(f) : s.disabled ?? !1
+      });
+    }), L;
+  }
+  function y(u) {
+    if (u.preventDefault(), !w)
+      return;
+    const f = w.getEventCoordinate(u);
+    a.value = f;
+    const L = w.getEventPixel(u);
+    let s, l;
+    w.forEachFeatureAtPixel(L, (d, g) => (s = d, l = g, !0)), r.value = s;
+    const [v, x] = [u.clientX, u.clientY];
+    i.value = { x: v, y: x }, c.value = O(G(e), {
+      map: w,
+      position: { ...i.value },
+      coordinate: f,
+      feature: s,
+      layer: l
+    }), o.value = !0;
+  }
+  function m() {
+    o.value = !1;
+  }
+  function h(u) {
+    if (!u)
+      return;
+    const f = u.getViewport();
+    f.addEventListener("contextmenu", y), f.addEventListener("click", m);
+  }
+  function b(u) {
+    if (!u)
+      return;
+    const f = u.getViewport();
+    f.removeEventListener("contextmenu", y), f.removeEventListener("click", m);
+  }
+  return p(
+    () => G(t),
+    (u, f) => {
+      f !== u && (b(f), h(u), w = u);
+    },
+    { immediate: !0 }
+  ), xe(() => {
+    b(w);
+  }), {
+    visible: P(() => o.value),
+    position: P(() => i.value),
+    feature: P(() => r.value),
+    options: P(() => c.value),
+    coordinate: P(() => a.value),
+    hide: m
+  };
 }
-function Y(t) {
-  return t < -180 ? Y(t + 360) : t > 180 ? Y(t - 360) : t;
+function Q(t) {
+  return t < 0 ? Q(t + 360) : t > 360 ? Q(t - 360) : t;
 }
-function st(t, e, n) {
-  return Ye(t, e, Y(n), { units: "meters" }).geometry.coordinates;
+function q(t) {
+  return t < -180 ? q(t + 360) : t > 180 ? q(t - 360) : t;
 }
-function Nt(t) {
+function ut(t, e, o) {
+  return Ke(t, e, q(o), { units: "meters" }).geometry.coordinates;
+}
+function jt(t) {
   const e = Ue(t);
   return He(e, { units: "meters" });
 }
-function Vt(t) {
+function Dt(t) {
   return Qe(qe(t));
 }
-function $t(t, e) {
-  return X(Je(t, e));
+function Wt(t, e) {
+  return Q(Je(t, e));
 }
-function ut(t, e) {
+function ft(t, e) {
   return et(t, e).geometry.coordinates;
 }
-function Pe(t) {
-  return ut([t[0], t[1]], [t[2], t[3]]);
+function ke(t) {
+  return ft([t[0], t[1]], [t[2], t[3]]);
 }
-const Ce = 1852, A = "EPSG:3857", _ = "EPSG:4326", we = A, ft = _;
-function Wt(t) {
-  return t * 1e3 / Ce;
+const Ae = 1852, B = "EPSG:3857", V = "EPSG:4326", be = B, dt = V;
+function Nt(t) {
+  return t * 1e3 / Ae;
 }
-function Kt(t) {
-  return t * Ce / 1e3;
+function $t(t) {
+  return t * Ae / 1e3;
 }
-function mt(t) {
-  const { fillOptions: e, strokeOptions: n, ...a } = t;
+function yt(t) {
+  const { fillOptions: e, strokeOptions: o, ...i } = t;
   return new tt({
-    ...a,
-    fill: e ? new B(e) : void 0,
-    stroke: n ? new k(n) : void 0
+    ...i,
+    fill: e ? new X(e) : void 0,
+    stroke: o ? new _(o) : void 0
   });
 }
-function R(t) {
-  const { fillOptions: e, strokeOptions: n, backgroundFillOptions: a, backgroundStrokeOptions: r, ...i } = t;
+function W(t) {
+  const { fillOptions: e, strokeOptions: o, backgroundFillOptions: i, backgroundStrokeOptions: r, ...c } = t;
   return new nt({
-    ...i,
-    fill: e ? new B(e) : void 0,
-    stroke: n ? new k(n) : void 0,
-    backgroundFill: a ? new B(a) : void 0,
-    backgroundStroke: r ? new k(r) : void 0
+    ...c,
+    fill: e ? new X(e) : void 0,
+    stroke: o ? new _(o) : void 0,
+    backgroundFill: i ? new X(i) : void 0,
+    backgroundStroke: r ? new _(r) : void 0
   });
 }
-function C(t) {
-  const { fillOptions: e, strokeOptions: n, iconOptions: a, circleOptions: r, textOptions: i, ...c } = t, f = e ? new B(e) : void 0, s = n ? new k(n) : void 0, l = a ? new ot(a) : void 0, d = r ? mt(r) : void 0, g = i ? R(i) : void 0;
+function T(t) {
+  const { fillOptions: e, strokeOptions: o, iconOptions: i, circleOptions: r, textOptions: c, ...a } = t, w = e ? new X(e) : void 0, O = o ? new _(o) : void 0, y = i ? new ot(i) : void 0, m = r ? yt(r) : void 0, h = c ? W(c) : void 0;
   return new rt({
-    ...c,
-    fill: f,
-    stroke: s,
-    image: l || d,
-    text: g
+    ...a,
+    fill: w,
+    stroke: O,
+    image: y || m,
+    text: h
   });
 }
-function dt(t) {
-  return new Ve(t);
+function mt(t) {
+  return new We(t);
 }
-function yt(t) {
-  return new W(t);
+function vt(t) {
+  return new U(t);
 }
 function gt(t) {
-  return new K(t);
+  return new H(t);
 }
-function vt(t, e) {
-  return new $e(t, e);
-}
-function wt(t) {
-  return new We(t);
+function wt(t, e) {
+  return new Ne(t, e);
 }
 function pt(t) {
-  return new Ke(t);
+  return new $e(t);
 }
 function St(t) {
   return new Xe(t);
 }
+function ht(t) {
+  return new Ye(t);
+}
 function M(t) {
-  const { styleOptions: e, ...n } = t ?? {}, a = e ? C(e) : n.style;
-  return new Q({
-    ...n,
-    style: a
+  const { styleOptions: e, style: o, geometry: i, ...r } = t ?? {}, c = e ? T(e) : o, a = new J({
+    geometry: i,
+    ...r
   });
+  return a.setStyle(c), a;
 }
 function Xt(t, e) {
-  const n = dt(t);
+  const o = mt(t);
   return M({
     ...e,
-    geometry: n
+    geometry: o
   });
 }
 function Yt(t, e) {
-  const n = yt(t);
+  const o = vt(t);
   return M({
     ...e,
-    geometry: n
+    geometry: o
   });
 }
-function Ut(t, e) {
-  const n = gt(t);
+function Kt(t, e) {
+  const o = gt(t);
   return M({
     ...e,
-    geometry: n
+    geometry: o
   });
 }
-function Ht(t, e, n) {
-  const a = vt(t, e);
+function Ut(t, e, o) {
+  const i = wt(t, e);
   return M({
-    ...n,
-    geometry: a
+    ...o,
+    geometry: i
   });
 }
-function Qt(t, e) {
-  const n = wt(t);
+function Ht(t, e) {
+  const o = pt(t);
   return M({
     ...e,
-    geometry: n
+    geometry: o
   });
 }
-function qt(t, e) {
-  const n = pt(t);
+function Qt(t, e) {
+  const o = St(t);
   return M({
     ...e,
-    geometry: n
+    geometry: o
   });
 }
-function Jt(t, e) {
-  const n = St(t);
+function qt(t, e) {
+  const o = ht(t);
   return M({
     ...e,
-    geometry: n
+    geometry: o
   });
 }
-function ht(t) {
-  const { type: e = "img", projection: n = we, key: a } = t, r = t.url || "https://t{0-4}.tianditu.gov.cn", i = `&tk=${a}&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}`;
-  return `${r}/${e}_${n === ft ? "c" : n === we ? "w" : "c"}/wmts?LAYER=${e}${i}`;
+function Et(t) {
+  const { type: e = "img", projection: o = be, key: i } = t, r = t.url || "https://t{0-4}.tianditu.gov.cn", c = `&tk=${i}&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}`;
+  return `${r}/${e}_${o === dt ? "c" : o === be ? "w" : "c"}/wmts?LAYER=${e}${c}`;
 }
-function en(t) {
-  const { zIndex: e, projection: n, className: a } = t;
-  return new ee({
-    className: a,
-    source: new at({
-      url: ht(t),
-      projection: n,
+function Jt(t) {
+  const { zIndex: e, projection: o, className: i } = t;
+  return new ne({
+    className: i,
+    source: new ct({
+      url: Et(t),
+      projection: o,
       crossOrigin: "Anonymous"
     }),
     zIndex: e
   });
 }
-function tn({
+function en({
   name: t,
   zIndex: e,
-  key: n,
-  className: a
+  key: o,
+  className: i
 }) {
-  return new ee({
-    className: a,
-    source: new ct({
-      key: n,
+  return new ne({
+    className: i,
+    source: new lt({
+      key: o,
       imagerySet: t,
       placeholderTiles: !1
     }),
     zIndex: e
   });
 }
-function nn(t) {
-  return new ee({
+function tn(t) {
+  return new ne({
     className: t == null ? void 0 : t.className,
-    source: new lt({
+    source: new at({
       crossOrigin: "Anonymous"
     }),
     zIndex: t == null ? void 0 : t.zIndex
   });
 }
-function on(t) {
-  const { styleOptions: e, ...n } = t || {}, a = e ? C(e) : void 0, r = new J(), i = new q({
+function nn(t) {
+  const { styleOptions: e, ...o } = t || {}, i = e ? T(e) : void 0, r = new te(), c = new ee({
     source: r,
-    ...n,
-    style: a || n.style
+    ...o,
+    style: i || o.style
   });
   return {
     source: r,
-    layer: i
+    layer: c
   };
 }
-function te(t) {
-  return Ee(t, _, A);
+function oe(t) {
+  return Fe(t, V, B);
 }
-const rn = te;
-function Ot(t) {
-  return Ee(t, A, _);
+const on = oe;
+function bt(t) {
+  return Fe(t, B, V);
 }
-const an = Ot;
+const rn = bt;
 function xt(t) {
-  return be(t, _, A);
+  return Ie(t, V, B);
 }
 const cn = xt;
-function ne(t) {
-  return be(t, A, _);
+function re(t) {
+  return Ie(t, B, V);
 }
-const ln = ne;
-function sn(t, e, n = 60) {
-  const a = [], r = 360 / n;
-  for (let i = -180; i < 180; i = i + r)
-    a.push(st(t, e, i));
-  return [a];
+const ln = re;
+function an(t, e, o = 60) {
+  const i = [], r = 360 / o;
+  for (let c = -180; c < 180; c = c + r)
+    i.push(ut(t, e, c));
+  return [i];
 }
-function D(t) {
+function Y(t) {
   const e = document.createElement("div");
   return e.innerHTML = t, e.style.cursor = "pointer", e.style.userSelect = "none", e.style.backgroundColor = "red", e.style.color = "white", e.style.borderRadius = "5px", e.style.padding = "0 5px", e.style.fontSize = "12px", e.style.border = "2px solid white", e;
 }
-function un(t, e) {
-  const n = S(!0), a = S([]), r = Se(() => a.value.map((u) => u.getGeometry().getCoordinates())), i = new J(), c = e.styleOptions ? C(e.styleOptions) : e == null ? void 0 : e.style, f = new q({
-    source: i,
-    style: c,
+function sn(t, e) {
+  const o = E(!0), i = E([]), r = P(() => i.value.map((d) => d.getGeometry().getCoordinates())), c = new te(), a = e.styleOptions ? T(e.styleOptions) : e == null ? void 0 : e.style, w = new ee({
+    source: c,
+    style: a,
     zIndex: e == null ? void 0 : e.zIndex
   });
-  t.addLayer(f);
-  const s = e.drawStyleOptions ? C(e.drawStyleOptions) : e == null ? void 0 : e.drawStyle, l = new Oe({
-    source: i,
-    style: s || c,
+  t.addLayer(w);
+  const O = e.drawStyleOptions ? T(e.drawStyleOptions) : e == null ? void 0 : e.drawStyle, y = new Pe({
+    source: c,
+    style: O || a,
     type: "LineString"
   });
-  l.setActive(!1);
-  const d = e.modifyStyleOptions ? C(e.modifyStyleOptions) : e == null ? void 0 : e.modifyStyle, g = new xe({
-    source: i,
-    style: d || c
-  }), v = /* @__PURE__ */ new Set();
-  t.addInteraction(l), j(() => {
-    t.addInteraction(g);
-  }), i.on("addfeature", () => {
-    e.size && i.getFeatures().length >= e.size && l.setActive(!1);
-  }), i.on("removefeature", () => {
-    e.size && i.getFeatures().length < e.size && l.setActive(!0);
+  y.setActive(!1);
+  const m = e.modifyStyleOptions ? T(e.modifyStyleOptions) : e == null ? void 0 : e.modifyStyle, h = new Ce({
+    source: c,
+    style: m || a
+  }), b = /* @__PURE__ */ new Set();
+  t.addInteraction(y), Le(() => {
+    t.addInteraction(h);
+  }), c.on("addfeature", () => {
+    e.size && c.getFeatures().length >= e.size && y.setActive(!1);
+  }), c.on("removefeature", () => {
+    e.size && c.getFeatures().length < e.size && y.setActive(!0);
   });
-  const y = () => {
-    v.forEach((u) => {
-      t.removeOverlay(u);
-    }), v.clear();
+  const u = () => {
+    b.forEach((d) => {
+      t.removeOverlay(d);
+    }), b.clear();
   };
-  i.on("change", () => {
-    y(), i.getFeatures().forEach((u) => {
-      const O = u.getGeometry(), o = Pe(ne(O.getExtent()));
-      let x = document.createElement("div");
-      e.deleteFeatureLabel ? z(e.deleteFeatureLabel, x) : x = D("删除线"), x.addEventListener("click", () => {
-        i.removeFeature(u);
+  c.on("change", () => {
+    u(), c.getFeatures().forEach((d) => {
+      const g = d.getGeometry(), n = ke(re(g.getExtent()));
+      let S = document.createElement("div");
+      e.deleteFeatureLabel ? N(e.deleteFeatureLabel, S) : S = Y("删除线"), S.addEventListener("click", () => {
+        c.removeFeature(d);
       });
-      const F = new G({
-        position: te(o),
+      const k = new $({
+        position: oe(n),
         positioning: "center-center",
-        element: x
+        element: S
       });
-      v.add(F), t.addOverlay(F);
-      const I = O.getCoordinates();
-      I.length < 3 || I.forEach((N, V) => {
-        let P = document.createElement("div");
-        e.deletePointLabel ? z(e.deletePointLabel, P) : P = D("删除点"), P.addEventListener("click", () => {
-          u.setGeometry(new W(I.filter((Ie, $) => $ !== V)));
+      b.add(k), t.addOverlay(k);
+      const F = g.getCoordinates();
+      F.length < 3 || F.forEach((z, R) => {
+        let C = document.createElement("div");
+        e.deletePointLabel ? N(e.deletePointLabel, C) : C = Y("删除点"), C.addEventListener("click", () => {
+          d.setGeometry(new U(F.filter((j, Z) => Z !== R)));
         });
-        const T = new G({
-          position: N,
+        const I = new $({
+          position: z,
           positioning: "top-center",
           offset: [0, -30],
-          element: P
+          element: C
         });
-        v.add(T), t.addOverlay(T);
+        b.add(I), t.addOverlay(I);
       });
     });
-  }), l.on("change:active", () => {
-    n.value = l.getActive();
-  }), i.on("change", () => {
-    a.value = i.getFeatures();
+  }), y.on("change:active", () => {
+    o.value = y.getActive();
+  }), c.on("change", () => {
+    i.value = c.getFeatures();
   });
-  const w = () => {
-    y(), t.removeLayer(f), t.removeInteraction(l), t.removeInteraction(g);
-  }, E = () => {
-    e.size && a.value.length >= e.size || l.setActive(!0);
-  }, p = () => {
-    l.setActive(!1);
-  }, h = (u) => {
-    i.clear(), u.forEach((O) => {
-      if (O.length < 2)
+  const f = () => {
+    u(), t.removeLayer(w), t.removeInteraction(y), t.removeInteraction(h);
+  }, L = () => {
+    e.size && i.value.length >= e.size || y.setActive(!0);
+  }, s = () => {
+    y.setActive(!1);
+  }, l = (d) => {
+    c.clear(), d.forEach((g) => {
+      if (g.length < 2)
         return;
-      const o = new Q({
-        geometry: new W(O)
+      const n = new J({
+        geometry: new U(g)
       });
-      i.addFeature(o);
+      c.addFeature(n);
     });
-  }, b = () => {
-    h(e.defaultCoordinates || []);
+  }, v = () => {
+    l(e.defaultCoordinates || []);
   };
-  b();
-  const L = () => {
-    i.clear(), p();
+  v();
+  const x = () => {
+    c.clear(), s();
   };
-  return he(() => {
-    w();
+  return Oe(() => {
+    f();
   }), {
-    inDraw: n,
-    start: E,
-    stop: p,
-    clear: L,
-    setFeatures: h,
-    reset: b,
-    features: a,
+    inDraw: o,
+    start: L,
+    stop: s,
+    clear: x,
+    setFeatures: l,
+    reset: v,
+    features: i,
     coordinates: r,
-    destroy: w
+    destroy: f
   };
 }
-function fn(t, e) {
-  const n = S(!0), a = S([]), r = Se(() => a.value.map((u) => u.getGeometry().getCoordinates())), i = e.styleOptions ? C(e.styleOptions) : e == null ? void 0 : e.style, c = new J(), f = new q({
-    source: c,
-    style: i,
+function un(t, e) {
+  const o = E(!0), i = E([]), r = P(() => i.value.map((d) => d.getGeometry().getCoordinates())), c = e.styleOptions ? T(e.styleOptions) : e == null ? void 0 : e.style, a = new te(), w = new ee({
+    source: a,
+    style: c,
     zIndex: e == null ? void 0 : e.zIndex
   });
-  t.addLayer(f);
-  const s = e.drawStyleOptions ? C(e.drawStyleOptions) : e == null ? void 0 : e.drawStyle, l = new Oe({
-    source: c,
-    style: s || i,
+  t.addLayer(w);
+  const O = e.drawStyleOptions ? T(e.drawStyleOptions) : e == null ? void 0 : e.drawStyle, y = new Pe({
+    source: a,
+    style: O || c,
     type: "Polygon"
   });
-  l.setActive(!1);
-  const d = e.modifyStyleOptions ? C(e.modifyStyleOptions) : e == null ? void 0 : e.modifyStyle, g = new xe({
-    source: c,
-    style: d || i
-  }), v = /* @__PURE__ */ new Set();
-  t.addInteraction(l), j(() => {
-    t.addInteraction(g);
-  }), c.on("addfeature", () => {
-    e.size && c.getFeatures().length >= e.size && l.setActive(!1);
-  }), c.on("removefeature", () => {
-    e.size && c.getFeatures().length < e.size && l.setActive(!0);
+  y.setActive(!1);
+  const m = e.modifyStyleOptions ? T(e.modifyStyleOptions) : e == null ? void 0 : e.modifyStyle, h = new Ce({
+    source: a,
+    style: m || c
+  }), b = /* @__PURE__ */ new Set();
+  t.addInteraction(y), Le(() => {
+    t.addInteraction(h);
+  }), a.on("addfeature", () => {
+    e.size && a.getFeatures().length >= e.size && y.setActive(!1);
+  }), a.on("removefeature", () => {
+    e.size && a.getFeatures().length < e.size && y.setActive(!0);
   });
-  const y = () => {
-    v.forEach((u) => {
-      t.removeOverlay(u);
-    }), v.clear();
+  const u = () => {
+    b.forEach((d) => {
+      t.removeOverlay(d);
+    }), b.clear();
   };
-  c.on("change", () => {
-    y(), c.getFeatures().forEach((u) => {
-      const O = u.getGeometry(), o = Pe(ne(O.getExtent()));
-      let x = document.createElement("div");
-      e.deleteFeatureLabel ? z(e.deleteFeatureLabel, x) : x = D("删除区域"), x.addEventListener("click", () => {
-        c.removeFeature(u);
+  a.on("change", () => {
+    u(), a.getFeatures().forEach((d) => {
+      const g = d.getGeometry(), n = ke(re(g.getExtent()));
+      let S = document.createElement("div");
+      e.deleteFeatureLabel ? N(e.deleteFeatureLabel, S) : S = Y("删除区域"), S.addEventListener("click", () => {
+        a.removeFeature(d);
       });
-      const F = new G({
-        position: te(o),
+      const k = new $({
+        position: oe(n),
         positioning: "center-center",
-        element: x
+        element: S
       });
-      v.add(F), t.addOverlay(F);
-      const I = O.getCoordinates()[0];
-      I.length < 3 || I.forEach((N, V) => {
-        let P = document.createElement("div");
-        e.deletePointLabel ? z(e.deletePointLabel, P) : P = D("删除点"), P.addEventListener("click", () => {
-          u.setGeometry(new K([I.filter((Ie, $) => $ !== V)]));
+      b.add(k), t.addOverlay(k);
+      const F = g.getCoordinates()[0];
+      F.length < 3 || F.forEach((z, R) => {
+        let C = document.createElement("div");
+        e.deletePointLabel ? N(e.deletePointLabel, C) : C = Y("删除点"), C.addEventListener("click", () => {
+          d.setGeometry(new H([F.filter((j, Z) => Z !== R)]));
         });
-        const T = new G({
-          position: N,
+        const I = new $({
+          position: z,
           positioning: "top-center",
           offset: [0, -30],
-          element: P
+          element: C
         });
-        v.add(T), t.addOverlay(T);
+        b.add(I), t.addOverlay(I);
       });
     });
-  }), l.on("change:active", () => {
-    n.value = l.getActive();
-  }), c.on("change", () => {
-    a.value = c.getFeatures();
+  }), y.on("change:active", () => {
+    o.value = y.getActive();
+  }), a.on("change", () => {
+    i.value = a.getFeatures();
   });
-  const w = () => {
-    y(), t.removeLayer(f), t.removeInteraction(l), t.removeInteraction(g);
-  }, E = () => {
-    e.size && a.value.length >= e.size || l.setActive(!0);
-  }, p = () => {
-    l.setActive(!1);
-  }, h = (u) => {
-    c.clear(), u == null || u.forEach((O) => {
-      O.forEach((o) => {
-        if (o.length < 2)
+  const f = () => {
+    u(), t.removeLayer(w), t.removeInteraction(y), t.removeInteraction(h);
+  }, L = () => {
+    e.size && i.value.length >= e.size || y.setActive(!0);
+  }, s = () => {
+    y.setActive(!1);
+  }, l = (d) => {
+    a.clear(), d == null || d.forEach((g) => {
+      g.forEach((n) => {
+        if (n.length < 2)
           return;
-        o[0] !== o[o.length - 1] && o.push(o[0]);
-        const x = new Q({
-          geometry: new K([o])
+        n[0] !== n[n.length - 1] && n.push(n[0]);
+        const S = new J({
+          geometry: new H([n])
         });
-        c.addFeature(x);
+        a.addFeature(S);
       });
     });
-  }, b = () => {
-    h(e.defaultCoordinates);
+  }, v = () => {
+    l(e.defaultCoordinates);
   };
-  b();
-  const L = () => {
-    c.clear(), p();
+  v();
+  const x = () => {
+    a.clear(), s();
   };
-  return he(() => {
-    w();
+  return Oe(() => {
+    f();
   }), {
-    inDraw: n,
-    start: E,
-    stop: p,
-    clear: L,
-    setFeatures: h,
-    reset: b,
-    features: a,
+    inDraw: o,
+    start: L,
+    stop: s,
+    clear: x,
+    setFeatures: l,
+    reset: v,
+    features: i,
     coordinates: r,
-    destroy: w
+    destroy: f
   };
 }
-function mn(t) {
-  const e = S(t.defaultShow || !1), { strokeStyleOption: n, strokeStyle: a, labelStyleOption: r, latLabelStyleOption: i, lonLabelStyleOption: c, latLabelStyle: f, lonLabelStyle: s, ...l } = t.graticuleOptions || {}, d = n ? new k(n) : a, g = r ? R(r) : void 0, v = (i ? R(i) : f) || g, y = (c ? R(c) : s) || g, w = new it({
-    ...l,
-    strokeStyle: d,
-    latLabelStyle: v,
-    lonLabelStyle: y
+function fn(t) {
+  const e = E(t.defaultShow || !1), { strokeStyleOption: o, strokeStyle: i, labelStyleOption: r, latLabelStyleOption: c, lonLabelStyleOption: a, latLabelStyle: w, lonLabelStyle: O, ...y } = t.graticuleOptions || {}, m = o ? new _(o) : i, h = r ? W(r) : void 0, b = (c ? W(c) : w) || h, u = (a ? W(a) : O) || h, f = new it({
+    ...y,
+    strokeStyle: m,
+    latLabelStyle: b,
+    lonLabelStyle: u
   });
-  return m(
+  return p(
     e,
-    (E) => {
-      if (w.setMap(null), E) {
-        const p = Ze(t.olMap);
-        p && w.setMap(p);
+    (L) => {
+      if (f.setMap(null), L) {
+        const s = G(t.olMap);
+        s && f.setMap(s);
       }
     },
     {
@@ -667,19 +641,114 @@ function mn(t) {
     showGraticule: e
   };
 }
-function dn(t) {
-  const e = S(t.defaultLayerName || Object.keys(t.layers)[0]);
-  return Object.values(t.layers).forEach((n) => {
-    n.forEach((a) => {
-      t.olMap.addLayer(a);
+function dn(t, e) {
+  const o = E(!1), i = E({ x: 0, y: 0 }), r = E(), c = E(), a = E({ x: 0, y: 0 }), w = E(), O = E(), y = P(() => ({
+    x: i.value.x + a.value.x,
+    y: i.value.y + a.value.y
+  }));
+  let m, h = "";
+  function b(l) {
+    const x = G(e).filter((d) => {
+      const g = d.visible;
+      return typeof g == "function" ? g(l) : g ?? !0;
+    });
+    return x.length === 0 ? null : x.sort((d, g) => (g.priority ?? 0) - (d.priority ?? 0))[0];
+  }
+  function u(l) {
+    var Z, ie;
+    if (!m)
+      return;
+    const v = m.getEventCoordinate(l);
+    w.value = v;
+    const x = m.getEventPixel(l);
+    let d, g;
+    if (m.forEachFeatureAtPixel(x, (A, D) => (d = A, g = D, !0)), !d) {
+      f();
+      return;
+    }
+    r.value = d;
+    const n = {
+      map: m,
+      position: { x: l.clientX, y: l.clientY },
+      coordinate: v,
+      feature: d,
+      layer: g
+    }, S = b(n);
+    if (S) {
+      const { content: A, cursor: D, visible: K, fixedFeatureCenter: ce, offset: le, priority: Lt, ...Me } = S;
+      O.value = { ...Me };
+    }
+    if (!S) {
+      f();
+      return;
+    }
+    const k = ((Z = S.offset) == null ? void 0 : Z.x) ?? 0, F = ((ie = S.offset) == null ? void 0 : ie.y) ?? 0;
+    a.value = { x: k, y: F };
+    const z = S.fixedFeatureCenter ?? !0, R = d.getGeometry();
+    if (z && R) {
+      const A = R.getExtent(), D = st(A), K = m.getPixelFromCoordinate(D), { top: ce, left: le } = m.getViewport().getBoundingClientRect();
+      i.value.x = K[0] + le, i.value.y = K[1] + ce;
+    } else
+      i.value = { x: l.clientX, y: l.clientY };
+    const C = S.content;
+    c.value = typeof C == "function" ? () => C(n) : C;
+    const I = S.cursor, j = typeof I == "function" ? I(n) : I;
+    if (j && m) {
+      const A = m.getViewport();
+      h || (h = A.style.cursor), A.style.cursor = j;
+    }
+    o.value = !0;
+  }
+  function f() {
+    if (o.value = !1, r.value = void 0, m && h !== void 0) {
+      const l = m.getViewport();
+      l.style.cursor = h, h = "";
+    }
+  }
+  function L(l) {
+    if (!l)
+      return;
+    const v = l.getViewport();
+    v.addEventListener("pointermove", u), v.addEventListener("pointerout", f);
+  }
+  function s(l) {
+    if (!l)
+      return;
+    const v = l.getViewport();
+    v.removeEventListener("pointermove", u), v.removeEventListener("pointerout", f);
+  }
+  return p(
+    () => G(t),
+    (l, v) => {
+      v !== l && (s(v), L(l), m = l);
+    },
+    { immediate: !0 }
+  ), xe(() => {
+    s(m);
+  }), {
+    visible: P(() => o.value),
+    position: P(() => y.value),
+    originalPosition: P(() => i.value),
+    feature: P(() => r.value),
+    content: P(() => c.value),
+    coordinate: P(() => w.value),
+    option: P(() => O.value),
+    hide: f
+  };
+}
+function yn(t) {
+  const e = E(t.defaultLayerName || Object.keys(t.layers)[0]);
+  return Object.values(t.layers).forEach((o) => {
+    o.forEach((i) => {
+      t.olMap.addLayer(i);
     });
-  }), m(
+  }), p(
     e,
     () => {
-      Object.entries(t.layers).forEach(([n, a]) => {
-        const r = n === e.value;
-        a.forEach((i) => {
-          i.setVisible(r);
+      Object.entries(t.layers).forEach(([o, i]) => {
+        const r = o === e.value;
+        i.forEach((c) => {
+          c.setVisible(r);
         });
       });
     },
@@ -689,60 +758,60 @@ function dn(t) {
   ), { visibleLayerName: e };
 }
 export {
-  A as EPSG_3857,
+  B as EPSG_3857,
   ln as EPSG_3857ExtentToEPSG_4326,
-  an as EPSG_3857ToEPSG_4326,
-  _ as EPSG_4326,
+  rn as EPSG_3857ToEPSG_4326,
+  V as EPSG_4326,
   cn as EPSG_4326ExtentToEPSG_3857,
-  rn as EPSG_4326ToEPSG_3857,
-  Gt as NOlContextmenu,
-  Bt as NOlPointermove,
-  Ce as ONE_NM,
-  jt as OlMap,
-  ft as WGS84Projection,
-  we as WebMercatorProjection,
-  vt as createCircle,
-  Ht as createCircleFeature,
-  mt as createCircleStyle,
+  on as EPSG_4326ToEPSG_3857,
+  Ae as ONE_NM,
+  Bt as OlMap,
+  dt as WGS84Projection,
+  be as WebMercatorProjection,
+  wt as createCircle,
+  Ut as createCircleFeature,
+  yt as createCircleStyle,
   M as createFeature,
-  yt as createLineString,
+  vt as createLineString,
   Yt as createLineStringFeature,
-  pt as createMultiLineString,
-  qt as createMultiLineStringFeature,
-  wt as createMultiPoint,
-  Qt as createMultiPointFeature,
-  St as createMultiPolygon,
-  Jt as createMultiPolygonFeature,
-  dt as createPoint,
+  St as createMultiLineString,
+  Qt as createMultiLineStringFeature,
+  pt as createMultiPoint,
+  Ht as createMultiPointFeature,
+  ht as createMultiPolygon,
+  qt as createMultiPolygonFeature,
+  mt as createPoint,
   Xt as createPointFeature,
   gt as createPolygon,
-  Ut as createPolygonFeature,
-  C as createStyle,
-  R as createTextStyle,
-  on as createVectorLayer,
-  $t as getAngle,
-  Vt as getArea,
-  tn as getBingLayer,
-  ut as getCenter,
-  st as getDestinationPoint,
-  Pe as getExtentCenter,
-  Nt as getLineLength,
-  nn as getOSMLayer,
-  sn as getRealCircleCoordinates,
-  en as getTianDiTuLayer,
-  ht as getTianDiTuUrl,
-  Wt as kmToNauticalMiles,
-  ne as mercatorExtentToWgs84,
-  Ot as mercatorToWgs84,
-  Kt as nauticalMilesToKm,
-  Le as olMapInjectionKey,
-  X as toOlAngle,
-  Y as toTurfAngle,
-  un as useDrawLineString,
-  fn as useDrawPolygon,
-  mn as useGraticule,
-  Dt as useOlMap,
-  dn as useSwitchBaseLayer,
+  Kt as createPolygonFeature,
+  T as createStyle,
+  W as createTextStyle,
+  nn as createVectorLayer,
+  Wt as getAngle,
+  Dt as getArea,
+  en as getBingLayer,
+  ft as getCenter,
+  ut as getDestinationPoint,
+  ke as getExtentCenter,
+  jt as getLineLength,
+  tn as getOSMLayer,
+  an as getRealCircleCoordinates,
+  Jt as getTianDiTuLayer,
+  Et as getTianDiTuUrl,
+  Nt as kmToNauticalMiles,
+  re as mercatorExtentToWgs84,
+  bt as mercatorToWgs84,
+  $t as nauticalMilesToKm,
+  Te as olMapInjectionKey,
+  Q as toOlAngle,
+  q as toTurfAngle,
+  Vt as useContextmenu,
+  sn as useDrawLineString,
+  un as useDrawPolygon,
+  fn as useGraticule,
+  _t as useOlMap,
+  dn as usePointermove,
+  yn as useSwitchBaseLayer,
   xt as wgs84ExtentToMercator,
-  te as wgs84ToMercator
+  oe as wgs84ToMercator
 };