@summeruse/ol 0.2.0-alpha.0 → 0.2.0-alpha.1

package/dist/index.js

@@ -1,817 +1,690 @@
-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() },
-    center: { default: () => [0, 0] },
-    zoom: { default: 2 },
-    minZoom: { default: 2 },
-    maxZoom: { default: 18 },
-    constrainResolution: { type: Boolean, default: !0 },
-    projection: {},
-    extent: {},
-    showZoom: { type: Boolean, default: !1 },
-    showAttribution: { type: Boolean, default: !1 },
-    showRotate: { type: Boolean, default: !1 },
-    showFullScreen: { type: Boolean, default: !1 },
-    showOverview: { type: Boolean, default: !1 },
-    showScale: { type: Boolean, default: !1 },
-    dragPan: { type: Boolean, default: !0 },
-    mouseWheelZoom: { type: Boolean, default: !0 },
-    doubleClickZoom: { type: Boolean, default: !1 },
-    pinchRotate: { type: Boolean },
-    pinchZoom: { type: Boolean },
-    altShiftDragRotate: { type: Boolean }
-  },
-  setup(t, { expose: e }) {
-    const o = t, i = E(), r = o.olMap, c = new De({
-      projection: o.projection,
-      extent: o.extent
-    });
-    r.setView(c), p(() => o.zoom, (n) => {
-      c.setZoom(n);
-    }, {
-      immediate: !0
-    }), p(() => o.center, (n) => {
-      c.setCenter(n);
-    }, {
-      immediate: !0
-    }), p(() => o.constrainResolution, (n) => {
-      c.setConstrainResolution(n);
-    }, {
-      immediate: !0
-    }), p(() => o.minZoom, (n) => {
-      n && c.setMinZoom(n);
-    }, {
-      immediate: !0
-    }), p(() => o.maxZoom, (n) => {
-      n && c.setMaxZoom(n);
-    }, {
-      immediate: !0
-    }), p(i, (n) => {
-      n && r.setTarget(n);
-    }), e({
-      olMap: r
-    }), 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
-    }), p(() => o.showAttribution, (n) => {
-      O.setMap(n ? r : null);
-    }, {
-      immediate: !0
-    }), p(() => o.showRotate, (n) => {
-      y.setMap(n ? r : null);
-    }, {
-      immediate: !0
-    }), p(() => o.showFullScreen, (n) => {
-      m.setMap(n ? r : null);
-    }, {
-      immediate: !0
-    }), p(() => o.showOverview, (n) => {
-      h.setMap(n ? r : null);
-    }, {
-      immediate: !0
-    }), p(() => o.showScale, (n) => {
-      b.setMap(n ? r : null);
-    }, {
-      immediate: !0
-    });
-    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
-    }), p(() => o.mouseWheelZoom, (n) => {
-      L.setActive(n);
-    }, {
-      immediate: !0
-    }), p(() => o.doubleClickZoom, (n) => {
-      s.setActive(n);
-    }, {
-      immediate: !0
-    }), p(() => o.pinchRotate, (n) => {
-      l.setActive(n);
-    }, {
-      immediate: !0
-    }), p(() => o.pinchZoom, (n) => {
-      v.setActive(n);
-    }, {
-      immediate: !0
-    }), p(() => o.altShiftDragRotate, (n) => {
-      x.setActive(n);
-    }, {
-      immediate: !0
-    }), (n, S) => (_e(), Ge("div", {
-      ref_key: "mapRef",
-      ref: i
-    }, [
-      Be(n.$slots, "default", {
-        olMap: Ve(r),
-        mapRef: i.value
-      })
-    ], 512));
-  }
+import { computed, createElementBlock, defineComponent, inject, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, ref, render, renderSlot, toValue, unref, watch } from "vue";
+import { Feature, Map, Overlay, View } from "ol";
+import { Attribution, FullScreen, OverviewMap, Rotate, ScaleLine, Zoom } from "ol/control";
+import { DoubleClickZoom, DragPan, DragRotate, Draw, KeyboardPan, KeyboardZoom, Modify, MouseWheelZoom, PinchRotate, PinchZoom } from "ol/interaction";
+import { getCenter } from "ol/extent";
+import { Circle, LineString, MultiLineString, MultiPoint, MultiPolygon, Point, Polygon } from "ol/geom";
+import VectorLayer from "ol/layer/Vector";
+import VectorSource from "ol/source/Vector";
+import { Circle as Circle$1, Fill, Icon, Stroke, Style, Text } from "ol/style";
+import { Graticule, Tile } from "ol/layer";
+import { BingMaps, OSM, XYZ } from "ol/source";
+import { transform, transformExtent } from "ol/proj";
+const olMapInjectionKey = Symbol("olMapInjectionKey");
+function useOlMap() {
+	return inject(olMapInjectionKey);
+}
+var ol_map_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		olMap: { default: () => new Map() },
+		center: { default: () => [0, 0] },
+		zoom: { default: 2 },
+		minZoom: { default: 2 },
+		maxZoom: { default: 18 },
+		constrainResolution: {
+			type: Boolean,
+			default: !0
+		},
+		projection: {},
+		extent: {},
+		showZoom: {
+			type: Boolean,
+			default: !1
+		},
+		showAttribution: {
+			type: Boolean,
+			default: !1
+		},
+		showRotate: {
+			type: Boolean,
+			default: !1
+		},
+		showFullScreen: {
+			type: Boolean,
+			default: !1
+		},
+		showOverview: {
+			type: Boolean,
+			default: !1
+		},
+		showScale: {
+			type: Boolean,
+			default: !1
+		},
+		dragPan: {
+			type: Boolean,
+			default: !0
+		},
+		mouseWheelZoom: {
+			type: Boolean,
+			default: !0
+		},
+		doubleClickZoom: {
+			type: Boolean,
+			default: !1
+		},
+		pinchRotate: { type: Boolean },
+		pinchZoom: { type: Boolean },
+		altShiftDragRotate: { type: Boolean }
+	},
+	setup(e, { expose: x }) {
+		let S = e, C = ref(), w = S.olMap, T = new View({
+			projection: S.projection,
+			extent: S.extent
+		});
+		w.setView(T), watch(() => S.zoom, (e) => {
+			T.setZoom(e);
+		}, { immediate: !0 }), watch(() => S.center, (e) => {
+			T.setCenter(e);
+		}, { immediate: !0 }), watch(() => S.constrainResolution, (e) => {
+			T.setConstrainResolution(e);
+		}, { immediate: !0 }), watch(() => S.minZoom, (e) => {
+			e && T.setMinZoom(e);
+		}, { immediate: !0 }), watch(() => S.maxZoom, (e) => {
+			e && T.setMaxZoom(e);
+		}, { immediate: !0 }), watch(C, (e) => {
+			e && w.setTarget(e);
+		}), x({ olMap: w }), provide(olMapInjectionKey, w);
+		let k = w.getControls().getArray(), j = k.find((e) => e instanceof Zoom) || new Zoom(), P = k.find((e) => e instanceof Attribution) || new Attribution(), F = k.find((e) => e instanceof Rotate) || new Rotate(), I = k.find((e) => e instanceof FullScreen) || new FullScreen(), U = k.find((e) => e instanceof OverviewMap) || new OverviewMap(), W = k.find((e) => e instanceof ScaleLine) || new ScaleLine();
+		watch(() => S.showZoom, (e) => {
+			j.setMap(e ? w : null);
+		}, { immediate: !0 }), watch(() => S.showAttribution, (e) => {
+			P.setMap(e ? w : null);
+		}, { immediate: !0 }), watch(() => S.showRotate, (e) => {
+			F.setMap(e ? w : null);
+		}, { immediate: !0 }), watch(() => S.showFullScreen, (e) => {
+			I.setMap(e ? w : null);
+		}, { immediate: !0 }), watch(() => S.showOverview, (e) => {
+			U.setMap(e ? w : null);
+		}, { immediate: !0 }), watch(() => S.showScale, (e) => {
+			W.setMap(e ? w : null);
+		}, { immediate: !0 });
+		let G = w.getInteractions().getArray(), K = G.find((e) => e instanceof DragPan) || new DragPan(), q = G.find((e) => e instanceof MouseWheelZoom) || new MouseWheelZoom(), J = G.find((e) => e instanceof DoubleClickZoom) || new DoubleClickZoom(), Y = G.find((e) => e instanceof PinchRotate) || new PinchRotate(), X = G.find((e) => e instanceof PinchZoom) || new PinchZoom(), Z = G.find((e) => e instanceof DragRotate) || new DragRotate(), Q = G.find((e) => e instanceof KeyboardPan) || new KeyboardPan(), $ = G.find((e) => e instanceof KeyboardZoom) || new KeyboardZoom();
+		return w.removeInteraction(K), w.addInteraction(K), w.removeInteraction(q), w.addInteraction(q), w.removeInteraction(J), w.addInteraction(J), w.removeInteraction(Y), w.addInteraction(Y), w.removeInteraction(X), w.addInteraction(X), w.removeInteraction(Z), w.addInteraction(Z), w.removeInteraction(Q), w.removeInteraction($), watch(() => S.dragPan, (e) => {
+			K.setActive(e);
+		}, { immediate: !0 }), watch(() => S.mouseWheelZoom, (e) => {
+			q.setActive(e);
+		}, { immediate: !0 }), watch(() => S.doubleClickZoom, (e) => {
+			J.setActive(e);
+		}, { immediate: !0 }), watch(() => S.pinchRotate, (e) => {
+			Y.setActive(e);
+		}, { immediate: !0 }), watch(() => S.pinchZoom, (e) => {
+			X.setActive(e);
+		}, { immediate: !0 }), watch(() => S.altShiftDragRotate, (e) => {
+			Z.setActive(e);
+		}, { immediate: !0 }), (e, x) => (openBlock(), createElementBlock("div", {
+			ref_key: "mapRef",
+			ref: C
+		}, [renderSlot(e.$slots, "default", {
+			olMap: unref(w),
+			mapRef: C.value
+		})], 512));
+	}
 });
-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 Q(t) {
-  return t < 0 ? Q(t + 360) : t > 360 ? Q(t - 360) : t;
-}
-function q(t) {
-  return t < -180 ? q(t + 360) : t > 180 ? q(t - 360) : 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 Dt(t) {
-  return Qe(qe(t));
-}
-function Wt(t, e) {
-  return Q(Je(t, e));
-}
-function ft(t, e) {
-  return et(t, e).geometry.coordinates;
-}
-function ke(t) {
-  return ft([t[0], t[1]], [t[2], t[3]]);
-}
-const Ae = 1852, B = "EPSG:3857", V = "EPSG:4326", be = B, dt = V;
-function Nt(t) {
-  return t * 1e3 / Ae;
-}
-function $t(t) {
-  return t * Ae / 1e3;
-}
-function yt(t) {
-  const { fillOptions: e, strokeOptions: o, ...i } = t;
-  return new tt({
-    ...i,
-    fill: e ? new X(e) : void 0,
-    stroke: o ? new _(o) : void 0
-  });
-}
-function W(t) {
-  const { fillOptions: e, strokeOptions: o, backgroundFillOptions: i, backgroundStrokeOptions: r, ...c } = t;
-  return new nt({
-    ...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 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({
-    ...a,
-    fill: w,
-    stroke: O,
-    image: y || m,
-    text: h
-  });
-}
-function mt(t) {
-  return new We(t);
-}
-function vt(t) {
-  return new U(t);
-}
-function gt(t) {
-  return new H(t);
-}
-function wt(t, e) {
-  return new Ne(t, e);
-}
-function pt(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, 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 o = mt(t);
-  return M({
-    ...e,
-    geometry: o
-  });
-}
-function Yt(t, e) {
-  const o = vt(t);
-  return M({
-    ...e,
-    geometry: o
-  });
-}
-function Kt(t, e) {
-  const o = gt(t);
-  return M({
-    ...e,
-    geometry: o
-  });
-}
-function Ut(t, e, o) {
-  const i = wt(t, e);
-  return M({
-    ...o,
-    geometry: i
-  });
-}
-function Ht(t, e) {
-  const o = pt(t);
-  return M({
-    ...e,
-    geometry: o
-  });
-}
-function Qt(t, e) {
-  const o = St(t);
-  return M({
-    ...e,
-    geometry: o
-  });
-}
-function qt(t, e) {
-  const o = ht(t);
-  return M({
-    ...e,
-    geometry: o
-  });
-}
-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 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 en({
-  name: t,
-  zIndex: e,
-  key: o,
-  className: i
-}) {
-  return new ne({
-    className: i,
-    source: new lt({
-      key: o,
-      imagerySet: t,
-      placeholderTiles: !1
-    }),
-    zIndex: e
-  });
-}
-function tn(t) {
-  return new ne({
-    className: t == null ? void 0 : t.className,
-    source: new at({
-      crossOrigin: "Anonymous"
-    }),
-    zIndex: t == null ? void 0 : t.zIndex
-  });
-}
-function nn(t) {
-  const { styleOptions: e, ...o } = t || {}, i = e ? T(e) : void 0, r = new te(), c = new ee({
-    source: r,
-    ...o,
-    style: i || o.style
-  });
-  return {
-    source: r,
-    layer: c
-  };
-}
-function oe(t) {
-  return Fe(t, V, B);
-}
-const on = oe;
-function bt(t) {
-  return Fe(t, B, V);
-}
-const rn = bt;
-function xt(t) {
-  return Ie(t, V, B);
-}
-const cn = xt;
-function re(t) {
-  return Ie(t, B, V);
-}
-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 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 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(w);
-  const O = e.drawStyleOptions ? T(e.drawStyleOptions) : e == null ? void 0 : e.drawStyle, y = new Pe({
-    source: c,
-    style: O || a,
-    type: "LineString"
-  });
-  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 u = () => {
-    b.forEach((d) => {
-      t.removeOverlay(d);
-    }), b.clear();
-  };
-  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 k = new $({
-        position: oe(n),
-        positioning: "center-center",
-        element: S
-      });
-      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 I = new $({
-          position: z,
-          positioning: "top-center",
-          offset: [0, -30],
-          element: C
-        });
-        b.add(I), t.addOverlay(I);
-      });
-    });
-  }), y.on("change:active", () => {
-    o.value = y.getActive();
-  }), c.on("change", () => {
-    i.value = c.getFeatures();
-  });
-  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 n = new J({
-        geometry: new U(g)
-      });
-      c.addFeature(n);
-    });
-  }, v = () => {
-    l(e.defaultCoordinates || []);
-  };
-  v();
-  const x = () => {
-    c.clear(), s();
-  };
-  return Oe(() => {
-    f();
-  }), {
-    inDraw: o,
-    start: L,
-    stop: s,
-    clear: x,
-    setFeatures: l,
-    reset: v,
-    features: i,
-    coordinates: r,
-    destroy: f
-  };
-}
-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(w);
-  const O = e.drawStyleOptions ? T(e.drawStyleOptions) : e == null ? void 0 : e.drawStyle, y = new Pe({
-    source: a,
-    style: O || c,
-    type: "Polygon"
-  });
-  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 u = () => {
-    b.forEach((d) => {
-      t.removeOverlay(d);
-    }), b.clear();
-  };
-  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 k = new $({
-        position: oe(n),
-        positioning: "center-center",
-        element: S
-      });
-      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 I = new $({
-          position: z,
-          positioning: "top-center",
-          offset: [0, -30],
-          element: C
-        });
-        b.add(I), t.addOverlay(I);
-      });
-    });
-  }), y.on("change:active", () => {
-    o.value = y.getActive();
-  }), a.on("change", () => {
-    i.value = a.getFeatures();
-  });
-  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;
-        n[0] !== n[n.length - 1] && n.push(n[0]);
-        const S = new J({
-          geometry: new H([n])
-        });
-        a.addFeature(S);
-      });
-    });
-  }, v = () => {
-    l(e.defaultCoordinates);
-  };
-  v();
-  const x = () => {
-    a.clear(), s();
-  };
-  return Oe(() => {
-    f();
-  }), {
-    inDraw: o,
-    start: L,
-    stop: s,
-    clear: x,
-    setFeatures: l,
-    reset: v,
-    features: i,
-    coordinates: r,
-    destroy: f
-  };
-}
-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 p(
-    e,
-    (L) => {
-      if (f.setMap(null), L) {
-        const s = G(t.olMap);
-        s && f.setMap(s);
-      }
-    },
-    {
-      immediate: !0,
-      deep: !0
-    }
-  ), {
-    showGraticule: e
-  };
-}
-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);
-    });
-  }), p(
-    e,
-    () => {
-      Object.entries(t.layers).forEach(([o, i]) => {
-        const r = o === e.value;
-        i.forEach((c) => {
-          c.setVisible(r);
-        });
-      });
-    },
-    {
-      immediate: !0
-    }
-  ), { visibleLayerName: e };
-}
-export {
-  B as EPSG_3857,
-  ln as EPSG_3857ExtentToEPSG_4326,
-  rn as EPSG_3857ToEPSG_4326,
-  V as EPSG_4326,
-  cn as EPSG_4326ExtentToEPSG_3857,
-  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,
-  vt as createLineString,
-  Yt as createLineStringFeature,
-  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,
-  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,
-  oe as wgs84ToMercator
-};
+function useContextmenu(b, x) {
+	let S = ref(!1), w = ref({
+		x: 0,
+		y: 0
+	}), T = ref(), E = ref([]), D = ref(), k;
+	function A(e, b) {
+		let x = [];
+		return e.filter((e) => {
+			let x = e.visible;
+			return typeof x == "function" ? x(b) : x ?? !0;
+		}).filter((e) => !e.children || e.children.length > 0).sort((e, b) => (e.order ?? 0) - (b.order ?? 0)).forEach((e) => {
+			let S = e.icon, C = e.label;
+			x.push({
+				...e,
+				children: e.children ? A(e.children, b) : void 0,
+				visible: !0,
+				action: () => {
+					e.action?.(b), P();
+				},
+				icon: typeof S == "function" ? () => S(b) : S,
+				label: typeof C == "function" ? () => C(b) : C,
+				disabled: typeof e.disabled == "function" ? e.disabled(b) : e.disabled ?? !1
+			});
+		}), x;
+	}
+	function M(e) {
+		if (e.preventDefault(), !k) return;
+		let b = k.getEventCoordinate(e);
+		D.value = b;
+		let C = k.getEventPixel(e), O, M;
+		k.forEachFeatureAtPixel(C, (e, b) => (O = e, M = b, !0)), T.value = O;
+		let [N, P] = [e.clientX, e.clientY];
+		w.value = {
+			x: N,
+			y: P
+		}, E.value = A(toValue(x), {
+			map: k,
+			position: { ...w.value },
+			coordinate: b,
+			feature: O,
+			layer: M
+		}), S.value = !0;
+	}
+	function P() {
+		S.value = !1;
+	}
+	function F(e) {
+		if (!e) return;
+		let b = e.getViewport();
+		b.addEventListener("contextmenu", M), b.addEventListener("click", P);
+	}
+	function I(e) {
+		if (!e) return;
+		let b = e.getViewport();
+		b.removeEventListener("contextmenu", M), b.removeEventListener("click", P);
+	}
+	return watch(() => toValue(b), (e, b) => {
+		b !== e && (I(b), F(e), k = e);
+	}, { immediate: !0 }), onBeforeUnmount(() => {
+		I(k);
+	}), {
+		visible: computed(() => S.value),
+		position: computed(() => w.value),
+		feature: computed(() => T.value),
+		options: computed(() => E.value),
+		coordinate: computed(() => D.value),
+		hide: P
+	};
+}
+const ONE_NM = 1852, EPSG_3857 = "EPSG:3857", EPSG_4326 = "EPSG:4326", WebMercatorProjection = EPSG_3857, WGS84Projection = EPSG_4326;
+function kmToNauticalMiles(e) {
+	return e * 1e3 / ONE_NM;
+}
+function nauticalMilesToKm(e) {
+	return e * ONE_NM / 1e3;
+}
+function createCircleStyle(e) {
+	let { fillOptions: b, strokeOptions: x,...S } = e;
+	return new Circle$1({
+		...S,
+		fill: b ? new Fill(b) : void 0,
+		stroke: x ? new Stroke(x) : void 0
+	});
+}
+function createTextStyle(e) {
+	let { fillOptions: b, strokeOptions: x, backgroundFillOptions: S, backgroundStrokeOptions: C,...w } = e;
+	return new Text({
+		...w,
+		fill: b ? new Fill(b) : void 0,
+		stroke: x ? new Stroke(x) : void 0,
+		backgroundFill: S ? new Fill(S) : void 0,
+		backgroundStroke: C ? new Stroke(C) : void 0
+	});
+}
+function createStyle(e) {
+	let { fillOptions: b, strokeOptions: x, iconOptions: S, circleOptions: C, textOptions: w,...T } = e, E = b ? new Fill(b) : void 0, D = x ? new Stroke(x) : void 0, O = S ? new Icon(S) : void 0, k = C ? createCircleStyle(C) : void 0, A = w ? createTextStyle(w) : void 0;
+	return new Style({
+		...T,
+		fill: E,
+		stroke: D,
+		image: O || k,
+		text: A
+	});
+}
+function createPoint(e) {
+	return new Point(e);
+}
+function createLineString(e) {
+	return new LineString(e);
+}
+function createPolygon(e) {
+	return new Polygon(e);
+}
+function createCircle(e, b) {
+	return new Circle(e, b);
+}
+function createMultiPoint(e) {
+	return new MultiPoint(e);
+}
+function createMultiLineString(e) {
+	return new MultiLineString(e);
+}
+function createMultiPolygon(e) {
+	return new MultiPolygon(e);
+}
+function createFeature(e) {
+	let { styleOptions: b, style: x, geometry: S,...C } = e ?? {}, w = b ? createStyle(b) : x, T = new Feature({
+		geometry: S,
+		...C
+	});
+	return T.setStyle(w), T;
+}
+function createPointFeature(e, b) {
+	let x = createPoint(e);
+	return createFeature({
+		...b,
+		geometry: x
+	});
+}
+function createLineStringFeature(e, b) {
+	let x = createLineString(e);
+	return createFeature({
+		...b,
+		geometry: x
+	});
+}
+function createPolygonFeature(e, b) {
+	let x = createPolygon(e);
+	return createFeature({
+		...b,
+		geometry: x
+	});
+}
+function createCircleFeature(e, b, x) {
+	let S = createCircle(e, b);
+	return createFeature({
+		...x,
+		geometry: S
+	});
+}
+function createMultiPointFeature(e, b) {
+	let x = createMultiPoint(e);
+	return createFeature({
+		...b,
+		geometry: x
+	});
+}
+function createMultiLineStringFeature(e, b) {
+	let x = createMultiLineString(e);
+	return createFeature({
+		...b,
+		geometry: x
+	});
+}
+function createMultiPolygonFeature(e, b) {
+	let x = createMultiPolygon(e);
+	return createFeature({
+		...b,
+		geometry: x
+	});
+}
+function getTianDiTuUrl(e) {
+	let { type: b = "img", projection: x = WebMercatorProjection, key: S } = e, C = e.url || "https://t{0-4}.tianditu.gov.cn", w = `&tk=${S}&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}`;
+	return `${C}/${b}_${x === "EPSG:4326" ? "c" : x === "EPSG:3857" ? "w" : "c"}/wmts?LAYER=${b}${w}`;
+}
+function getTianDiTuLayer(e) {
+	let { zIndex: b, projection: x, className: S } = e;
+	return new Tile({
+		className: S,
+		source: new XYZ({
+			url: getTianDiTuUrl(e),
+			projection: x,
+			crossOrigin: "Anonymous"
+		}),
+		zIndex: b
+	});
+}
+function getBingLayer({ name: e, zIndex: b, key: x, className: S }) {
+	return new Tile({
+		className: S,
+		source: new BingMaps({
+			key: x,
+			imagerySet: e,
+			placeholderTiles: !1
+		}),
+		zIndex: b
+	});
+}
+function getOSMLayer(e) {
+	return new Tile({
+		className: e?.className,
+		source: new OSM({ crossOrigin: "Anonymous" }),
+		zIndex: e?.zIndex
+	});
+}
+function createVectorLayer(e) {
+	let { styleOptions: b,...x } = e || {}, S = b ? createStyle(b) : void 0, C = new VectorSource();
+	return {
+		source: C,
+		layer: new VectorLayer({
+			source: C,
+			...x,
+			style: S || x.style
+		})
+	};
+}
+function wgs84ToMercator(e) {
+	return transform(e, EPSG_4326, EPSG_3857);
+}
+const EPSG_4326ToEPSG_3857 = wgs84ToMercator;
+function mercatorToWgs84(e) {
+	return transform(e, EPSG_3857, EPSG_4326);
+}
+const EPSG_3857ToEPSG_4326 = mercatorToWgs84;
+function wgs84ExtentToMercator(e) {
+	return transformExtent(e, EPSG_4326, EPSG_3857);
+}
+const EPSG_4326ExtentToEPSG_3857 = wgs84ExtentToMercator;
+function mercatorExtentToWgs84(e) {
+	return transformExtent(e, EPSG_3857, EPSG_4326);
+}
+const EPSG_3857ExtentToEPSG_4326 = mercatorExtentToWgs84;
+function createToolTipElement(e) {
+	let b = document.createElement("div");
+	return b.innerHTML = e, b.style.cursor = "pointer", b.style.userSelect = "none", b.style.backgroundColor = "red", b.style.color = "white", b.style.borderRadius = "5px", b.style.padding = "0 5px", b.style.fontSize = "12px", b.style.border = "2px solid white", b;
+}
+function useDrawLineString(b, x) {
+	let S = ref(!0), C = ref([]), E = computed(() => C.value.map((e) => e.getGeometry().getCoordinates())), D = new VectorSource(), A = x.styleOptions ? createStyle(x.styleOptions) : x?.style, j = new VectorLayer({
+		source: D,
+		style: A,
+		zIndex: x?.zIndex
+	});
+	b.addLayer(j);
+	let M = new Draw({
+		source: D,
+		style: (x.drawStyleOptions ? createStyle(x.drawStyleOptions) : x?.drawStyle) || A,
+		type: "LineString"
+	});
+	M.setActive(!1);
+	let N = new Modify({
+		source: D,
+		style: (x.modifyStyleOptions ? createStyle(x.modifyStyleOptions) : x?.modifyStyle) || A
+	}), F = /* @__PURE__ */ new Set();
+	b.addInteraction(M), onMounted(() => {
+		b.addInteraction(N);
+	}), D.on("addfeature", () => {
+		x.size && D.getFeatures().length >= x.size && M.setActive(!1);
+	}), D.on("removefeature", () => {
+		x.size && D.getFeatures().length < x.size && M.setActive(!0);
+	});
+	let L = () => {
+		F.forEach((e) => {
+			b.removeOverlay(e);
+		}), F.clear();
+	};
+	D.on("change", () => {
+		L(), D.getFeatures().forEach((e) => {
+			let S = e.getGeometry();
+			S.getCoordinates();
+			let C = getCenter(S.getExtent()), w = document.createElement("div");
+			x.deleteFeatureLabel ? render(x.deleteFeatureLabel, w) : w = createToolTipElement("删除线"), w.addEventListener("click", () => {
+				D.removeFeature(e);
+			});
+			let T = new Overlay({
+				position: C,
+				positioning: "center-center",
+				element: w
+			});
+			F.add(T), b.addOverlay(T);
+			let E = S.getCoordinates();
+			E.length < 3 || E.forEach((S, C) => {
+				let w = document.createElement("div");
+				x.deletePointLabel ? render(x.deletePointLabel, w) : w = createToolTipElement("删除点"), w.addEventListener("click", () => {
+					e.setGeometry(new LineString(E.filter((e, b) => b !== C)));
+				});
+				let T = new Overlay({
+					position: S,
+					positioning: "top-center",
+					offset: [0, -30],
+					element: w
+				});
+				F.add(T), b.addOverlay(T);
+			});
+		});
+	}), M.on("change:active", () => {
+		S.value = M.getActive();
+	}), D.on("change", () => {
+		C.value = D.getFeatures();
+	});
+	let R = () => {
+		L(), b.removeLayer(j), b.removeInteraction(M), b.removeInteraction(N);
+	}, z = () => {
+		x.size && C.value.length >= x.size || M.setActive(!0);
+	}, B = () => {
+		M.setActive(!1);
+	}, V = (e) => {
+		D.clear(), e.forEach((e) => {
+			if (e.length < 2) return;
+			let b = new Feature({ geometry: new LineString(e) });
+			D.addFeature(b);
+		});
+	}, H = () => {
+		V(x.defaultCoordinates || []);
+	};
+	return H(), onUnmounted(() => {
+		R();
+	}), {
+		inDraw: S,
+		start: z,
+		stop: B,
+		clear: () => {
+			D.clear(), B();
+		},
+		setFeatures: V,
+		reset: H,
+		features: C,
+		coordinates: E,
+		destroy: R
+	};
+}
+function useDrawPolygon(b, x) {
+	let S = ref(!0), C = ref([]), E = computed(() => C.value.map((e) => e.getGeometry().getCoordinates())), D = x.styleOptions ? createStyle(x.styleOptions) : x?.style, A = new VectorSource(), j = new VectorLayer({
+		source: A,
+		style: D,
+		zIndex: x?.zIndex
+	});
+	b.addLayer(j);
+	let M = new Draw({
+		source: A,
+		style: (x.drawStyleOptions ? createStyle(x.drawStyleOptions) : x?.drawStyle) || D,
+		type: "Polygon"
+	});
+	M.setActive(!1);
+	let N = new Modify({
+		source: A,
+		style: (x.modifyStyleOptions ? createStyle(x.modifyStyleOptions) : x?.modifyStyle) || D
+	}), F = /* @__PURE__ */ new Set();
+	b.addInteraction(M), onMounted(() => {
+		b.addInteraction(N);
+	}), A.on("addfeature", () => {
+		x.size && A.getFeatures().length >= x.size && M.setActive(!1);
+	}), A.on("removefeature", () => {
+		x.size && A.getFeatures().length < x.size && M.setActive(!0);
+	});
+	let L = () => {
+		F.forEach((e) => {
+			b.removeOverlay(e);
+		}), F.clear();
+	};
+	A.on("change", () => {
+		L(), A.getFeatures().forEach((e) => {
+			let S = e.getGeometry(), C = getCenter(S.getExtent()), w = document.createElement("div");
+			x.deleteFeatureLabel ? render(x.deleteFeatureLabel, w) : w = createToolTipElement("删除区域"), w.addEventListener("click", () => {
+				A.removeFeature(e);
+			});
+			let T = new Overlay({
+				position: C,
+				positioning: "center-center",
+				element: w
+			});
+			F.add(T), b.addOverlay(T);
+			let E = S.getCoordinates()[0];
+			E.length < 3 || E.forEach((S, C) => {
+				let w = document.createElement("div");
+				x.deletePointLabel ? render(x.deletePointLabel, w) : w = createToolTipElement("删除点"), w.addEventListener("click", () => {
+					e.setGeometry(new Polygon([E.filter((e, b) => b !== C)]));
+				});
+				let T = new Overlay({
+					position: S,
+					positioning: "top-center",
+					offset: [0, -30],
+					element: w
+				});
+				F.add(T), b.addOverlay(T);
+			});
+		});
+	}), M.on("change:active", () => {
+		S.value = M.getActive();
+	}), A.on("change", () => {
+		C.value = A.getFeatures();
+	});
+	let R = () => {
+		L(), b.removeLayer(j), b.removeInteraction(M), b.removeInteraction(N);
+	}, z = () => {
+		x.size && C.value.length >= x.size || M.setActive(!0);
+	}, B = () => {
+		M.setActive(!1);
+	}, V = (e) => {
+		A.clear(), e?.forEach((e) => {
+			e.forEach((e) => {
+				if (e.length < 2) return;
+				e[0] !== e[e.length - 1] && e.push(e[0]);
+				let b = new Feature({ geometry: new Polygon([e]) });
+				A.addFeature(b);
+			});
+		});
+	}, H = () => {
+		V(x.defaultCoordinates);
+	};
+	return H(), onUnmounted(() => {
+		R();
+	}), {
+		inDraw: S,
+		start: z,
+		stop: B,
+		clear: () => {
+			A.clear(), B();
+		},
+		setFeatures: V,
+		reset: H,
+		features: C,
+		coordinates: E,
+		destroy: R
+	};
+}
+function useGraticule(e) {
+	let b = ref(e.defaultShow || !1), { strokeStyleOption: x, strokeStyle: S, labelStyleOption: C, latLabelStyleOption: w, lonLabelStyleOption: T, latLabelStyle: E, lonLabelStyle: D,...k } = e.graticuleOptions || {}, A = x ? new Stroke(x) : S, M = C ? createTextStyle(C) : void 0, P = (w ? createTextStyle(w) : E) || M, F = (T ? createTextStyle(T) : D) || M, I = new Graticule({
+		...k,
+		strokeStyle: A,
+		latLabelStyle: P,
+		lonLabelStyle: F
+	});
+	return watch(b, (b) => {
+		if (I.setMap(null), b) {
+			let b = toValue(e.olMap);
+			b && I.setMap(b);
+		}
+	}, {
+		immediate: !0,
+		deep: !0
+	}), { showGraticule: b };
+}
+function usePointermove(b, x) {
+	let S = ref(!1), w = ref({
+		x: 0,
+		y: 0
+	}), T = ref(), E = ref(), D = ref({
+		x: 0,
+		y: 0
+	}), k = ref(), A = ref(), M = computed(() => ({
+		x: w.value.x + D.value.x,
+		y: w.value.y + D.value.y
+	})), P, F = "";
+	function I(e) {
+		let b = toValue(x).filter((b) => {
+			let x = b.visible;
+			return typeof x == "function" ? x(e) : x ?? !0;
+		});
+		return b.length === 0 ? null : b.sort((e, b) => (b.priority ?? 0) - (e.priority ?? 0))[0];
+	}
+	function L(e) {
+		if (!P) return;
+		let b = P.getEventCoordinate(e);
+		k.value = b;
+		let x = P.getEventPixel(e), C, O;
+		if (P.forEachFeatureAtPixel(x, (e, b) => (C = e, O = b, !0)), !C) {
+			R();
+			return;
+		}
+		T.value = C;
+		let j = {
+			map: P,
+			position: {
+				x: e.clientX,
+				y: e.clientY
+			},
+			coordinate: b,
+			feature: C,
+			layer: O
+		}, M = I(j);
+		if (M) {
+			let { content: e, cursor: b, visible: x, fixedFeatureCenter: S, offset: C, priority: w,...T } = M;
+			A.value = { ...T };
+		}
+		if (!M) {
+			R();
+			return;
+		}
+		D.value = {
+			x: M.offset?.x ?? 0,
+			y: M.offset?.y ?? 0
+		};
+		let N = M.fixedFeatureCenter ?? !0, L = C.getGeometry();
+		if (N && L) {
+			let e = getCenter(L.getExtent()), b = P.getPixelFromCoordinate(e), { top: x, left: S } = P.getViewport().getBoundingClientRect();
+			w.value.x = b[0] + S, w.value.y = b[1] + x;
+		} else w.value = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		let z = M.content;
+		E.value = typeof z == "function" ? () => z(j) : z;
+		let B = M.cursor, V = typeof B == "function" ? B(j) : B;
+		if (V && P) {
+			let e = P.getViewport();
+			F ||= e.style.cursor, e.style.cursor = V;
+		}
+		S.value = !0;
+	}
+	function R() {
+		if (S.value = !1, T.value = void 0, P && F !== void 0) {
+			let e = P.getViewport();
+			e.style.cursor = F, F = "";
+		}
+	}
+	function z(e) {
+		if (!e) return;
+		let b = e.getViewport();
+		b.addEventListener("pointermove", L), b.addEventListener("pointerout", R);
+	}
+	function B(e) {
+		if (!e) return;
+		let b = e.getViewport();
+		b.removeEventListener("pointermove", L), b.removeEventListener("pointerout", R);
+	}
+	return watch(() => toValue(b), (e, b) => {
+		b !== e && (B(b), z(e), P = e);
+	}, { immediate: !0 }), onBeforeUnmount(() => {
+		B(P);
+	}), {
+		visible: computed(() => S.value),
+		position: computed(() => M.value),
+		originalPosition: computed(() => w.value),
+		feature: computed(() => T.value),
+		content: computed(() => E.value),
+		coordinate: computed(() => k.value),
+		option: computed(() => A.value),
+		hide: R
+	};
+}
+function useSwitchBaseLayer(e) {
+	let b = ref(e.defaultLayerName || Object.keys(e.layers)[0]);
+	return Object.values(e.layers).forEach((b) => {
+		b.forEach((b) => {
+			e.olMap.addLayer(b);
+		});
+	}), watch(b, () => {
+		Object.entries(e.layers).forEach(([e, x]) => {
+			let S = e === b.value;
+			x.forEach((e) => {
+				e.setVisible(S);
+			});
+		});
+	}, { immediate: !0 }), { visibleLayerName: b };
+}
+export { EPSG_3857, EPSG_3857ExtentToEPSG_4326, EPSG_3857ToEPSG_4326, EPSG_4326, EPSG_4326ExtentToEPSG_3857, EPSG_4326ToEPSG_3857, ONE_NM, ol_map_default as OlMap, WGS84Projection, WebMercatorProjection, createCircle, createCircleFeature, createCircleStyle, createFeature, createLineString, createLineStringFeature, createMultiLineString, createMultiLineStringFeature, createMultiPoint, createMultiPointFeature, createMultiPolygon, createMultiPolygonFeature, createPoint, createPointFeature, createPolygon, createPolygonFeature, createStyle, createTextStyle, createVectorLayer, getBingLayer, getOSMLayer, getTianDiTuLayer, getTianDiTuUrl, kmToNauticalMiles, mercatorExtentToWgs84, mercatorToWgs84, nauticalMilesToKm, olMapInjectionKey, useContextmenu, useDrawLineString, useDrawPolygon, useGraticule, useOlMap, usePointermove, useSwitchBaseLayer, wgs84ExtentToMercator, wgs84ToMercator };