@summeruse/ol 0.1.1-beta.1 → 0.1.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @summeruse/ol
 
+## 0.1.1
+
+### Patch Changes
+
+- c26ae5a: 重构 useGraticule 以支持更灵活的样式配置
+- e651b52: 添加经纬度标签样式支持
+- b0985c6: 添加 useOlMap 函数以简化地图实例的注入
+- 9b9aeed: 移除`T_MAP_TYPE`类型的定义，改为从`@summeruse/common`导入
+- Updated dependencies [8619680]
+  - @summeruse/common@0.0.1
+
+## 0.1.1-beta.2
+
+### Patch Changes
+
+- Updated dependencies [8619680]
+  - @summeruse/common@0.0.1-beta.0
+- b0985c6: 添加 useOlMap 函数以简化地图实例的注入
+- 9b9aeed: 移除`T_MAP_TYPE`类型的定义，改为从`@summeruse/common`导入
+
 ## 0.1.1-beta.1
 
 ### Patch Changes

package/dist/index.js

@@ -1,18 +1,18 @@
-import { defineComponent as U, ref as g, onMounted as N, createBlock as pe, openBlock as H, unref as Z, shallowRef as Ce, withCtx as ke, createVNode as Fe, watch as d, provide as Me, createElementBlock as Te, renderSlot as Ae, computed as Se, render as z, onUnmounted as he, toValue as _e } from "vue";
-import { NDropdown as Re, NPopover as Ze } from "naive-ui";
-import { RenderVNode as ze } from "@summeruse/common";
-import { Map as Ge, View as Be, Feature as Q, Overlay as G } from "ol";
+import { defineComponent as U, ref as g, onMounted as j, createBlock as pe, openBlock as H, unref as Z, shallowRef as Me, withCtx as ke, createVNode as Fe, inject as Te, watch as d, 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 { Map as De, View as je, 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 de, PinchZoom as me, DragRotate as ye, KeyboardPan as ve, KeyboardZoom as we, Draw as Oe, Modify as Ee } from "ol/interaction";
-import { Point as De, LineString as $, Polygon as K, Circle as Ne, MultiPoint as je, MultiLineString as Ve, MultiPolygon as We } from "ol/geom";
+import { Point as Ne, LineString as $, Polygon as K, Circle as Ve, MultiPoint as We, MultiLineString as $e, MultiPolygon as Ke } from "ol/geom";
 import q from "ol/layer/Vector";
 import J from "ol/source/Vector";
-import { destination as $e, lineString as Ke, length as Xe, area as Ye, polygon as Ue, bearing as He, midpoint as Qe } from "@turf/turf";
-import { Circle as qe, Stroke as T, Fill as B, Text as Je, Icon as et, Style as tt } from "ol/style";
-import { Tile as ee, Graticule as nt } from "ol/layer";
-import { XYZ as ot, BingMaps as rt, OSM as it } from "ol/source";
+import { destination as Xe, lineString as Ye, length as Ue, area as He, polygon as Qe, bearing as qe, midpoint as Je } from "@turf/turf";
+import { Circle as et, Stroke as T, Fill as B, Text as tt, Icon as nt, Style as ot } from "ol/style";
+import { Tile as ee, Graticule as rt } from "ol/layer";
+import { XYZ as it, BingMaps as at, OSM as ct } from "ol/source";
 import { transform as be, transformExtent as xe } from "ol/proj";
-const Rt = /* @__PURE__ */ U({
+const Zt = /* @__PURE__ */ U({
   __name: "index",
   props: {
     olMap: {},
@@ -28,7 +28,7 @@ const Rt = /* @__PURE__ */ U({
       a.value.visible = !1;
     }
     const i = g();
-    N(() => {
+    j(() => {
       const f = n.getViewport();
       f && (f.oncontextmenu = (s) => {
         s.preventDefault();
@@ -44,7 +44,7 @@ const Rt = /* @__PURE__ */ U({
       const { onClick: l } = s;
       l && l(), a.value.visible = !1;
     }
-    return (f, s) => (H(), pe(Z(Re), {
+    return (f, s) => (H(), pe(Z(ze), {
       placement: "bottom-start",
       trigger: "manual",
       show: i.value && i.value.length > 0 && a.value.visible,
@@ -55,7 +55,7 @@ const Rt = /* @__PURE__ */ U({
       onSelect: c
     }, null, 8, ["show", "x", "y", "options"]));
   }
-}), Zt = /* @__PURE__ */ U({
+}), zt = /* @__PURE__ */ U({
   __name: "index",
   props: {
     olMap: {},
@@ -66,8 +66,8 @@ const Rt = /* @__PURE__ */ U({
       visible: !1,
       x: 0,
       y: 0
-    }), a = Ce(), r = g("bottom-start"), i = g(!1), c = g(!1);
-    return N(() => {
+    }), a = Me(), r = g("bottom-start"), i = g(!1), c = g(!1);
+    return j(() => {
       var f;
       (f = e.olMap) == null || f.on("pointermove", (s) => {
         const l = e.olMap.getFeaturesAtPixel(s.pixel), { clientX: w, clientY: y } = s.originalEvent;
@@ -79,7 +79,7 @@ const Rt = /* @__PURE__ */ U({
         });
         m && (a.value = m.content, r.value = m.placement || "bottom-start", c.value = m.showArrow || !1, i.value = m.raw || !1, n.value.visible = !0, n.value.x = w, n.value.y = y);
       });
-    }), (f, s) => (H(), pe(Z(Ze), {
+    }), (f, s) => (H(), pe(Z(Ge), {
       "show-arrow": c.value,
       raw: i.value,
       placement: r.value,
@@ -93,15 +93,19 @@ const Rt = /* @__PURE__ */ U({
       }
     }, {
       default: ke(() => [
-        Fe(Z(ze), { "dynamic-v-node": a.value }, null, 8, ["dynamic-v-node"])
+        Fe(Z(Be), { "dynamic-v-node": a.value }, null, 8, ["dynamic-v-node"])
       ]),
       _: 1
     }, 8, ["show-arrow", "raw", "placement", "show", "x", "y"]));
   }
-}), at = Symbol("olMapInjectionKey"), zt = /* @__PURE__ */ U({
+}), Le = Symbol("olMapInjectionKey");
+function Gt() {
+  return Te(Le);
+}
+const Bt = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    olMap: { default: () => new Ge() },
+    olMap: { default: () => new De() },
     center: { default: () => [0, 0] },
     zoom: { default: 2 },
     minZoom: { default: 2 },
@@ -123,7 +127,7 @@ const Rt = /* @__PURE__ */ U({
     altShiftDragRotate: { type: Boolean }
   },
   setup(t, { expose: e }) {
-    const n = t, a = g(), r = n.olMap, i = new Be({
+    const n = t, a = g(), r = n.olMap, i = new je({
       projection: n.projection,
       extent: n.extent
     });
@@ -151,7 +155,7 @@ const Rt = /* @__PURE__ */ U({
       o && r.setTarget(o);
     }), e({
       olMap: r
-    }), Me(at, 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(), w = c.find((o) => o instanceof ae) || new ae(), y = c.find((o) => o instanceof ce) || new ce(), m = c.find((o) => o instanceof le) || new le();
     d(() => n.showZoom, (o) => {
       f.setMap(o ? r : null);
@@ -203,11 +207,11 @@ const Rt = /* @__PURE__ */ U({
       I.setActive(o);
     }, {
       immediate: !0
-    }), (o, O) => (H(), Te("div", {
+    }), (o, O) => (H(), _e("div", {
       ref_key: "mapRef",
       ref: a
     }, [
-      Ae(o.$slots, "default", {
+      Re(o.$slots, "default", {
         olMap: Z(r),
         mapRef: a.value
       })
@@ -220,35 +224,35 @@ function X(t) {
 function Y(t) {
   return t < -180 ? Y(t + 360) : t > 180 ? Y(t - 360) : t;
 }
-function ct(t, e, n) {
-  return $e(t, e, Y(n), { units: "meters" }).geometry.coordinates;
+function lt(t, e, n) {
+  return Xe(t, e, Y(n), { units: "meters" }).geometry.coordinates;
 }
-function Gt(t) {
-  const e = Ke(t);
-  return Xe(e, { units: "meters" });
+function Dt(t) {
+  const e = Ye(t);
+  return Ue(e, { units: "meters" });
 }
-function Bt(t) {
-  return Ye(Ue(t));
+function jt(t) {
+  return He(Qe(t));
 }
-function Dt(t, e) {
-  return X(He(t, e));
+function Nt(t, e) {
+  return X(qe(t, e));
 }
-function lt(t, e) {
-  return Qe(t, e).geometry.coordinates;
+function st(t, e) {
+  return Je(t, e).geometry.coordinates;
 }
-function Le(t) {
-  return lt([t[0], t[1]], [t[2], t[3]]);
+function Pe(t) {
+  return st([t[0], t[1]], [t[2], t[3]]);
 }
-const Pe = 1852, A = "EPSG:3857", _ = "EPSG:4326", ge = A, st = _;
-function Nt(t) {
-  return t * 1e3 / Pe;
+const Ie = 1852, A = "EPSG:3857", _ = "EPSG:4326", ge = A, ut = _;
+function Vt(t) {
+  return t * 1e3 / Ie;
 }
-function jt(t) {
-  return t * Pe / 1e3;
+function Wt(t) {
+  return t * Ie / 1e3;
 }
-function ut(t) {
+function ft(t) {
   const { fillOptions: e, strokeOptions: n, ...a } = t;
-  return new qe({
+  return new et({
     ...a,
     fill: e ? new B(e) : void 0,
     stroke: n ? new T(n) : void 0
@@ -256,7 +260,7 @@ function ut(t) {
 }
 function R(t) {
   const { fillOptions: e, strokeOptions: n, backgroundFillOptions: a, backgroundStrokeOptions: r, ...i } = t;
-  return new Je({
+  return new tt({
     ...i,
     fill: e ? new B(e) : void 0,
     stroke: n ? new T(n) : void 0,
@@ -265,8 +269,8 @@ function R(t) {
   });
 }
 function P(t) {
-  const { fillOptions: e, strokeOptions: n, iconOptions: a, circleOptions: r, textOptions: i, ...c } = t, f = e ? new B(e) : void 0, s = n ? new T(n) : void 0, l = a ? new et(a) : void 0, w = r ? ut(r) : void 0, y = i ? R(i) : void 0;
-  return new tt({
+  const { fillOptions: e, strokeOptions: n, iconOptions: a, circleOptions: r, textOptions: i, ...c } = t, f = e ? new B(e) : void 0, s = n ? new T(n) : void 0, l = a ? new nt(a) : void 0, w = r ? ft(r) : void 0, y = i ? R(i) : void 0;
+  return new ot({
     ...c,
     fill: f,
     stroke: s,
@@ -274,100 +278,100 @@ function P(t) {
     text: y
   });
 }
-function ft(t) {
-  return new De(t);
-}
 function dt(t) {
-  return new $(t);
+  return new Ne(t);
 }
 function mt(t) {
-  return new K(t);
+  return new $(t);
 }
-function yt(t, e) {
-  return new Ne(t, e);
+function yt(t) {
+  return new K(t);
 }
-function vt(t) {
-  return new je(t);
+function vt(t, e) {
+  return new Ve(t, e);
 }
 function wt(t) {
-  return new Ve(t);
+  return new We(t);
 }
 function gt(t) {
-  return new We(t);
+  return new $e(t);
+}
+function pt(t) {
+  return new Ke(t);
 }
-function k(t) {
+function M(t) {
   const { styleOptions: e, ...n } = t ?? {}, a = e ? P(e) : n.style;
   return new Q({
     ...n,
     style: a
   });
 }
-function Vt(t, e) {
-  const n = ft(t);
-  return k({
+function $t(t, e) {
+  const n = dt(t);
+  return M({
     ...e,
     geometry: n
   });
 }
-function Wt(t, e) {
-  const n = dt(t);
-  return k({
+function Kt(t, e) {
+  const n = mt(t);
+  return M({
     ...e,
     geometry: n
   });
 }
-function $t(t, e) {
-  const n = mt(t);
-  return k({
+function Xt(t, e) {
+  const n = yt(t);
+  return M({
     ...e,
     geometry: n
   });
 }
-function Kt(t, e, n) {
-  const a = yt(t, e);
-  return k({
+function Yt(t, e, n) {
+  const a = vt(t, e);
+  return M({
     ...n,
     geometry: a
   });
 }
-function Xt(t, e) {
-  const n = vt(t);
-  return k({
+function Ut(t, e) {
+  const n = wt(t);
+  return M({
     ...e,
     geometry: n
   });
 }
-function Yt(t, e) {
-  const n = wt(t);
-  return k({
+function Ht(t, e) {
+  const n = gt(t);
+  return M({
     ...e,
     geometry: n
   });
 }
-function Ut(t, e) {
-  const n = gt(t);
-  return k({
+function Qt(t, e) {
+  const n = pt(t);
+  return M({
     ...e,
     geometry: n
   });
 }
-function pt(t) {
+function St(t) {
   const { type: e = "img", projection: n = ge, 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 === st ? "c" : n === ge ? "w" : "c"}/wmts?LAYER=${e}${i}`;
+  return `${r}/${e}_${n === ut ? "c" : n === ge ? "w" : "c"}/wmts?LAYER=${e}${i}`;
 }
-function Ht(t) {
+function qt(t) {
   const { zIndex: e, projection: n, className: a } = t;
   return new ee({
     className: a,
-    source: new ot({
-      url: pt(t),
+    source: new it({
+      url: St(t),
       projection: n,
       crossOrigin: "Anonymous"
     }),
     zIndex: e
   });
 }
-function Qt({
+function Jt({
   name: t,
   zIndex: e,
   key: n,
@@ -375,7 +379,7 @@ function Qt({
 }) {
   return new ee({
     className: a,
-    source: new rt({
+    source: new at({
       key: n,
       imagerySet: t,
       placeholderTiles: !1
@@ -383,16 +387,16 @@ function Qt({
     zIndex: e
   });
 }
-function qt(t) {
+function en(t) {
   return new ee({
     className: t == null ? void 0 : t.className,
-    source: new it({
+    source: new ct({
       crossOrigin: "Anonymous"
     }),
     zIndex: t == null ? void 0 : t.zIndex
   });
 }
-function Jt(t) {
+function tn(t) {
   const { styleOptions: e, ...n } = t || {}, a = e ? P(e) : void 0, r = new J(), i = new q({
     source: r,
     ...n,
@@ -406,30 +410,30 @@ function Jt(t) {
 function te(t) {
   return be(t, _, A);
 }
-const en = te;
-function St(t) {
+const nn = te;
+function ht(t) {
   return be(t, A, _);
 }
-const tn = St;
-function ht(t) {
+const on = ht;
+function Ot(t) {
   return xe(t, _, A);
 }
-const nn = ht;
+const rn = Ot;
 function ne(t) {
   return xe(t, A, _);
 }
-const on = ne;
-function rn(t, e, n = 60) {
+const an = ne;
+function cn(t, e, n = 60) {
   const a = [], r = 360 / n;
   for (let i = -180; i < 180; i = i + r)
-    a.push(ct(t, e, i));
+    a.push(lt(t, e, i));
   return [a];
 }
 function D(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 an(t, e) {
+function ln(t, e) {
   const n = g(!0), a = g([]), r = Se(() => a.value.map((u) => u.getGeometry().getCoordinates())), i = new J(), c = e.styleOptions ? P(e.styleOptions) : e == null ? void 0 : e.style, f = new q({
     source: i,
     style: c,
@@ -446,7 +450,7 @@ function an(t, e) {
     source: i,
     style: w || c
   }), m = /* @__PURE__ */ new Set();
-  t.addInteraction(l), N(() => {
+  t.addInteraction(l), j(() => {
     t.addInteraction(y);
   }), i.on("addfeature", () => {
     e.size && i.getFeatures().length >= e.size && l.setActive(!1);
@@ -460,30 +464,30 @@ function an(t, e) {
   };
   i.on("change", () => {
     v(), i.getFeatures().forEach((u) => {
-      const h = u.getGeometry(), o = Le(ne(h.getExtent()));
+      const h = u.getGeometry(), o = Pe(ne(h.getExtent()));
       let O = document.createElement("div");
       e.deleteFeatureLabel ? z(e.deleteFeatureLabel, O) : O = D("删除线"), O.addEventListener("click", () => {
         i.removeFeature(u);
       });
-      const F = new G({
+      const k = new G({
         position: te(o),
         positioning: "center-center",
         element: O
       });
-      m.add(F), t.addOverlay(F);
+      m.add(k), t.addOverlay(k);
       const C = h.getCoordinates();
-      C.length < 3 || C.forEach((j, V) => {
+      C.length < 3 || C.forEach((N, V) => {
         let L = document.createElement("div");
         e.deletePointLabel ? z(e.deletePointLabel, L) : L = D("删除点"), L.addEventListener("click", () => {
-          u.setGeometry(new $(C.filter((Ie, W) => W !== V)));
+          u.setGeometry(new $(C.filter((Ce, W) => W !== V)));
         });
-        const M = new G({
-          position: j,
+        const F = new G({
+          position: N,
           positioning: "top-center",
           offset: [0, -30],
           element: L
         });
-        m.add(M), t.addOverlay(M);
+        m.add(F), t.addOverlay(F);
       });
     });
   }), l.on("change:active", () => {
@@ -527,7 +531,7 @@ function an(t, e) {
     destroy: p
   };
 }
-function cn(t, e) {
+function sn(t, e) {
   const n = g(!0), a = g([]), r = Se(() => a.value.map((u) => u.getGeometry().getCoordinates())), i = e.styleOptions ? P(e.styleOptions) : e == null ? void 0 : e.style, c = new J(), f = new q({
     source: c,
     style: i,
@@ -544,7 +548,7 @@ function cn(t, e) {
     source: c,
     style: w || i
   }), m = /* @__PURE__ */ new Set();
-  t.addInteraction(l), N(() => {
+  t.addInteraction(l), j(() => {
     t.addInteraction(y);
   }), c.on("addfeature", () => {
     e.size && c.getFeatures().length >= e.size && l.setActive(!1);
@@ -558,30 +562,30 @@ function cn(t, e) {
   };
   c.on("change", () => {
     v(), c.getFeatures().forEach((u) => {
-      const h = u.getGeometry(), o = Le(ne(h.getExtent()));
+      const h = u.getGeometry(), o = Pe(ne(h.getExtent()));
       let O = document.createElement("div");
       e.deleteFeatureLabel ? z(e.deleteFeatureLabel, O) : O = D("删除区域"), O.addEventListener("click", () => {
         c.removeFeature(u);
       });
-      const F = new G({
+      const k = new G({
         position: te(o),
         positioning: "center-center",
         element: O
       });
-      m.add(F), t.addOverlay(F);
+      m.add(k), t.addOverlay(k);
       const C = h.getCoordinates()[0];
-      C.length < 3 || C.forEach((j, V) => {
+      C.length < 3 || C.forEach((N, V) => {
         let L = document.createElement("div");
         e.deletePointLabel ? z(e.deletePointLabel, L) : L = D("删除点"), L.addEventListener("click", () => {
-          u.setGeometry(new K([C.filter((Ie, W) => W !== V)]));
+          u.setGeometry(new K([C.filter((Ce, W) => W !== V)]));
         });
-        const M = new G({
-          position: j,
+        const F = new G({
+          position: N,
           positioning: "top-center",
           offset: [0, -30],
           element: L
         });
-        m.add(M), t.addOverlay(M);
+        m.add(F), t.addOverlay(F);
       });
     });
   }), l.on("change:active", () => {
@@ -628,8 +632,8 @@ function cn(t, e) {
     destroy: p
   };
 }
-function ln(t) {
-  const e = g(t.defaultShow || !1), { strokeStyleOption: n, strokeStyle: a, labelStyleOption: r, latLabelStyleOption: i, lonLabelStyleOption: c, latLabelStyle: f, lonLabelStyle: s, ...l } = t.graticuleOptions || {}, w = n ? new T(n) : a, y = r ? R(r) : void 0, m = (i ? R(i) : f) || y, v = (c ? R(c) : s) || y, p = new nt({
+function un(t) {
+  const e = g(t.defaultShow || !1), { strokeStyleOption: n, strokeStyle: a, labelStyleOption: r, latLabelStyleOption: i, lonLabelStyleOption: c, latLabelStyle: f, lonLabelStyle: s, ...l } = t.graticuleOptions || {}, w = n ? new T(n) : a, y = r ? R(r) : void 0, m = (i ? R(i) : f) || y, v = (c ? R(c) : s) || y, p = new rt({
     ...l,
     strokeStyle: w,
     latLabelStyle: m,
@@ -639,7 +643,7 @@ function ln(t) {
     e,
     (E) => {
       if (p.setMap(null), E) {
-        const S = _e(t.olMap);
+        const S = Ze(t.olMap);
         S && p.setMap(S);
       }
     },
@@ -651,7 +655,7 @@ function ln(t) {
     showGraticule: e
   };
 }
-function sn(t) {
+function fn(t) {
   const e = g(t.defaultLayerName || Object.keys(t.layers)[0]);
   return Object.values(t.layers).forEach((n) => {
     n.forEach((a) => {
@@ -674,58 +678,59 @@ function sn(t) {
 }
 export {
   A as EPSG_3857,
-  on as EPSG_3857ExtentToEPSG_4326,
-  tn as EPSG_3857ToEPSG_4326,
+  an as EPSG_3857ExtentToEPSG_4326,
+  on as EPSG_3857ToEPSG_4326,
   _ as EPSG_4326,
-  nn as EPSG_4326ExtentToEPSG_3857,
-  en as EPSG_4326ToEPSG_3857,
-  Rt as NOlContextmenu,
-  Zt as NOlPointermove,
-  Pe as ONE_NM,
-  zt as OlMap,
-  st as WGS84Projection,
+  rn as EPSG_4326ExtentToEPSG_3857,
+  nn as EPSG_4326ToEPSG_3857,
+  Zt as NOlContextmenu,
+  zt as NOlPointermove,
+  Ie as ONE_NM,
+  Bt as OlMap,
+  ut as WGS84Projection,
   ge as WebMercatorProjection,
-  yt as createCircle,
-  Kt as createCircleFeature,
-  ut as createCircleStyle,
-  k as createFeature,
-  dt as createLineString,
-  Wt as createLineStringFeature,
-  wt as createMultiLineString,
-  Yt as createMultiLineStringFeature,
-  vt as createMultiPoint,
-  Xt as createMultiPointFeature,
-  gt as createMultiPolygon,
-  Ut as createMultiPolygonFeature,
-  ft as createPoint,
-  Vt as createPointFeature,
-  mt as createPolygon,
-  $t as createPolygonFeature,
+  vt as createCircle,
+  Yt as createCircleFeature,
+  ft as createCircleStyle,
+  M as createFeature,
+  mt as createLineString,
+  Kt as createLineStringFeature,
+  gt as createMultiLineString,
+  Ht as createMultiLineStringFeature,
+  wt as createMultiPoint,
+  Ut as createMultiPointFeature,
+  pt as createMultiPolygon,
+  Qt as createMultiPolygonFeature,
+  dt as createPoint,
+  $t as createPointFeature,
+  yt as createPolygon,
+  Xt as createPolygonFeature,
   P as createStyle,
   R as createTextStyle,
-  Jt as createVectorLayer,
-  Dt as getAngle,
-  Bt as getArea,
-  Qt as getBingLayer,
-  lt as getCenter,
-  ct as getDestinationPoint,
-  Le as getExtentCenter,
-  Gt as getLineLength,
-  qt as getOSMLayer,
-  rn as getRealCircleCoordinates,
-  Ht as getTianDiTuLayer,
-  pt as getTianDiTuUrl,
-  Nt as kmToNauticalMiles,
+  tn as createVectorLayer,
+  Nt as getAngle,
+  jt as getArea,
+  Jt as getBingLayer,
+  st as getCenter,
+  lt as getDestinationPoint,
+  Pe as getExtentCenter,
+  Dt as getLineLength,
+  en as getOSMLayer,
+  cn as getRealCircleCoordinates,
+  qt as getTianDiTuLayer,
+  St as getTianDiTuUrl,
+  Vt as kmToNauticalMiles,
   ne as mercatorExtentToWgs84,
-  St as mercatorToWgs84,
-  jt as nauticalMilesToKm,
-  at as olMapInjectionKey,
+  ht as mercatorToWgs84,
+  Wt as nauticalMilesToKm,
+  Le as olMapInjectionKey,
   X as toOlAngle,
   Y as toTurfAngle,
-  an as useDrawLineString,
-  cn as useDrawPolygon,
-  ln as useGraticule,
-  sn as useSwitchBaseLayer,
-  ht as wgs84ExtentToMercator,
+  ln as useDrawLineString,
+  sn as useDrawPolygon,
+  un as useGraticule,
+  Gt as useOlMap,
+  fn as useSwitchBaseLayer,
+  Ot as wgs84ExtentToMercator,
   te as wgs84ToMercator
 };

package/es/components/ol-map/props.d.ts

@@ -26,3 +26,4 @@ export interface OlMapProps {
     altShiftDragRotate?: boolean;
 }
 export declare const olMapInjectionKey: InjectionKey<OLMap>;
+export declare function useOlMap(): OLMap | undefined;

package/es/components/ol-map/props.mjs

@@ -1,4 +1,9 @@
-const o = Symbol("olMapInjectionKey");
+import { inject as o } from "vue";
+const n = Symbol("olMapInjectionKey");
+function t() {
+  return o(n);
+}
 export {
-  o as olMapInjectionKey
+  n as olMapInjectionKey,
+  t as useOlMap
 };

package/es/index.mjs

@@ -1,75 +1,76 @@
 import { default as r } from "./components/n-ol-contextmenu/index.vue.mjs";
 import { default as a } from "./components/n-ol-pointermove/index.vue.mjs";
 import { default as i } from "./components/ol-map/index.vue.mjs";
-import { olMapInjectionKey as l } from "./components/ol-map/props.mjs";
-import { useDrawLineString as u } from "./composables/useDrawLineString/index.mjs";
-import { useDrawPolygon as m } from "./composables/useDrawPolygon/index.mjs";
-import { useGraticule as f } from "./composables/useGraticule/index.mjs";
-import { useSwitchBaseLayer as p } from "./composables/useSwitchBaseLayer/index.mjs";
-import { ONE_NM as E } from "./constants/distance.mjs";
-import { EPSG_3857 as M, EPSG_4326 as y, WGS84Projection as G, WebMercatorProjection as L } from "./constants/projection.mjs";
-import { getAngle as C, getArea as F, getCenter as O, getDestinationPoint as w, getExtentCenter as D, getLineLength as N } from "./utils/calculate/index.mjs";
-import { kmToNauticalMiles as A, nauticalMilesToKm as W } from "./utils/distance/index.mjs";
-import { createCircle as h, createCircleFeature as B, createFeature as K, createLineString as b, createLineStringFeature as k, createMultiLineString as v, createMultiLineStringFeature as I, createMultiPoint as R, createMultiPointFeature as U, createMultiPolygon as V, createMultiPolygonFeature as q, createPoint as z, createPointFeature as H, createPolygon as J, createPolygonFeature as Q } from "./utils/feature/index.mjs";
-import { toOlAngle as Y, toTurfAngle as Z } from "./utils/format/index.mjs";
-import { createVectorLayer as ee, getBingLayer as te, getOSMLayer as re, getTianDiTuLayer as oe, getTianDiTuUrl as ae } from "./utils/layer/index.mjs";
-import { EPSG_3857ExtentToEPSG_4326 as ie, EPSG_3857ToEPSG_4326 as ce, EPSG_4326ExtentToEPSG_3857 as le, EPSG_4326ToEPSG_3857 as ge, mercatorExtentToWgs84 as ue, mercatorToWgs84 as xe, wgs84ExtentToMercator as me, wgs84ToMercator as Pe } from "./utils/projection/index.mjs";
+import { olMapInjectionKey as c, useOlMap as g } from "./components/ol-map/props.mjs";
+import { useDrawLineString as x } from "./composables/useDrawLineString/index.mjs";
+import { useDrawPolygon as P } from "./composables/useDrawPolygon/index.mjs";
+import { useGraticule as p } from "./composables/useGraticule/index.mjs";
+import { useSwitchBaseLayer as s } from "./composables/useSwitchBaseLayer/index.mjs";
+import { ONE_NM as M } from "./constants/distance.mjs";
+import { EPSG_3857 as y, EPSG_4326 as G, WGS84Projection as L, WebMercatorProjection as _ } from "./constants/projection.mjs";
+import { getAngle as F, getArea as O, getCenter as w, getDestinationPoint as D, getExtentCenter as N, getLineLength as d } from "./utils/calculate/index.mjs";
+import { kmToNauticalMiles as W, nauticalMilesToKm as j } from "./utils/distance/index.mjs";
+import { createCircle as B, createCircleFeature as K, createFeature as b, createLineString as k, createLineStringFeature as v, createMultiLineString as I, createMultiLineStringFeature as R, createMultiPoint as U, createMultiPointFeature as V, createMultiPolygon as q, createMultiPolygonFeature as z, createPoint as H, createPointFeature as J, createPolygon as Q, createPolygonFeature as X } from "./utils/feature/index.mjs";
+import { toOlAngle as Z, toTurfAngle as $ } from "./utils/format/index.mjs";
+import { createVectorLayer as te, getBingLayer as re, getOSMLayer as oe, getTianDiTuLayer as ae, getTianDiTuUrl as ne } from "./utils/layer/index.mjs";
+import { EPSG_3857ExtentToEPSG_4326 as le, EPSG_3857ToEPSG_4326 as ce, EPSG_4326ExtentToEPSG_3857 as ge, EPSG_4326ToEPSG_3857 as ue, mercatorExtentToWgs84 as xe, mercatorToWgs84 as me, wgs84ExtentToMercator as Pe, wgs84ToMercator as fe } from "./utils/projection/index.mjs";
 import { getRealCircleCoordinates as Se } from "./utils/realCircle/index.mjs";
-import { createCircleStyle as se, createStyle as Ee, createTextStyle as Te } from "./utils/style/index.mjs";
+import { createCircleStyle as Ee, createStyle as Me, createTextStyle as Te } from "./utils/style/index.mjs";
 export {
-  M as EPSG_3857,
-  ie as EPSG_3857ExtentToEPSG_4326,
+  y as EPSG_3857,
+  le as EPSG_3857ExtentToEPSG_4326,
   ce as EPSG_3857ToEPSG_4326,
-  y as EPSG_4326,
-  le as EPSG_4326ExtentToEPSG_3857,
-  ge as EPSG_4326ToEPSG_3857,
+  G as EPSG_4326,
+  ge as EPSG_4326ExtentToEPSG_3857,
+  ue as EPSG_4326ToEPSG_3857,
   r as NOlContextmenu,
   a as NOlPointermove,
-  E as ONE_NM,
+  M as ONE_NM,
   i as OlMap,
-  G as WGS84Projection,
-  L as WebMercatorProjection,
-  h as createCircle,
-  B as createCircleFeature,
-  se as createCircleStyle,
-  K as createFeature,
-  b as createLineString,
-  k as createLineStringFeature,
-  v as createMultiLineString,
-  I as createMultiLineStringFeature,
-  R as createMultiPoint,
-  U as createMultiPointFeature,
-  V as createMultiPolygon,
-  q as createMultiPolygonFeature,
-  z as createPoint,
-  H as createPointFeature,
-  J as createPolygon,
-  Q as createPolygonFeature,
-  Ee as createStyle,
+  L as WGS84Projection,
+  _ as WebMercatorProjection,
+  B as createCircle,
+  K as createCircleFeature,
+  Ee as createCircleStyle,
+  b as createFeature,
+  k as createLineString,
+  v as createLineStringFeature,
+  I as createMultiLineString,
+  R as createMultiLineStringFeature,
+  U as createMultiPoint,
+  V as createMultiPointFeature,
+  q as createMultiPolygon,
+  z as createMultiPolygonFeature,
+  H as createPoint,
+  J as createPointFeature,
+  Q as createPolygon,
+  X as createPolygonFeature,
+  Me as createStyle,
   Te as createTextStyle,
-  ee as createVectorLayer,
-  C as getAngle,
-  F as getArea,
-  te as getBingLayer,
-  O as getCenter,
-  w as getDestinationPoint,
-  D as getExtentCenter,
-  N as getLineLength,
-  re as getOSMLayer,
+  te as createVectorLayer,
+  F as getAngle,
+  O as getArea,
+  re as getBingLayer,
+  w as getCenter,
+  D as getDestinationPoint,
+  N as getExtentCenter,
+  d as getLineLength,
+  oe as getOSMLayer,
   Se as getRealCircleCoordinates,
-  oe as getTianDiTuLayer,
-  ae as getTianDiTuUrl,
-  A as kmToNauticalMiles,
-  ue as mercatorExtentToWgs84,
-  xe as mercatorToWgs84,
-  W as nauticalMilesToKm,
-  l as olMapInjectionKey,
-  Y as toOlAngle,
-  Z as toTurfAngle,
-  u as useDrawLineString,
-  m as useDrawPolygon,
-  f as useGraticule,
-  p as useSwitchBaseLayer,
-  me as wgs84ExtentToMercator,
-  Pe as wgs84ToMercator
+  ae as getTianDiTuLayer,
+  ne as getTianDiTuUrl,
+  W as kmToNauticalMiles,
+  xe as mercatorExtentToWgs84,
+  me as mercatorToWgs84,
+  j as nauticalMilesToKm,
+  c as olMapInjectionKey,
+  Z as toOlAngle,
+  $ as toTurfAngle,
+  x as useDrawLineString,
+  P as useDrawPolygon,
+  p as useGraticule,
+  g as useOlMap,
+  s as useSwitchBaseLayer,
+  Pe as wgs84ExtentToMercator,
+  fe as wgs84ToMercator
 };

package/es/utils/layer/index.d.ts

@@ -1,3 +1,4 @@
+import { T_MAP_TYPE } from '@summeruse/common';
 import { Feature } from 'ol';
 import { Geometry } from 'ol/geom';
 import { ProjectionLike } from 'ol/proj';
@@ -6,17 +7,6 @@ import { Tile as TileLayer } from 'ol/layer';
 import { default as VectorLayer } from 'ol/layer/Vector';
 import { BingMaps, OSM, XYZ } from 'ol/source';
 import { default as VectorSource } from 'ol/source/Vector';
-/**
- * 天地图类型
- * vec: 矢量底图
- * cva: 矢量注记
- * img: 影像底图
- * cia: 影像注记
- * ter: 地形晕渲
- * cta: 地形注记
- * ibo: 全球境界
- */
-export type T_MAP_TYPE = 'vec' | 'cva' | 'img' | 'cia' | 'ter' | 'cta' | 'ibo';
 export declare function getTianDiTuUrl(data: {
     url?: string;
     type: T_MAP_TYPE;

package/lib/components/ol-map/props.d.ts

@@ -26,3 +26,4 @@ export interface OlMapProps {
     altShiftDragRotate?: boolean;
 }
 export declare const olMapInjectionKey: InjectionKey<OLMap>;
+export declare function useOlMap(): OLMap | undefined;

package/lib/components/ol-map/props.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Symbol("olMapInjectionKey");exports.olMapInjectionKey=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),e=Symbol("olMapInjectionKey");function o(){return n.inject(e)}exports.olMapInjectionKey=e;exports.useOlMap=o;

package/lib/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./components/n-ol-contextmenu/index.vue.js"),l=require("./components/n-ol-pointermove/index.vue.js"),g=require("./components/ol-map/index.vue.js"),s=require("./components/ol-map/props.js"),P=require("./composables/useDrawLineString/index.js"),S=require("./composables/useDrawPolygon/index.js"),_=require("./composables/useGraticule/index.js"),y=require("./composables/useSwitchBaseLayer/index.js"),T=require("./constants/distance.js"),i=require("./constants/projection.js"),r=require("./utils/calculate/index.js"),o=require("./utils/distance/index.js"),e=require("./utils/feature/index.js"),c=require("./utils/format/index.js"),n=require("./utils/layer/index.js"),t=require("./utils/projection/index.js"),E=require("./utils/realCircle/index.js"),a=require("./utils/style/index.js");exports.NOlContextmenu=u.default;exports.NOlPointermove=l.default;exports.OlMap=g.default;exports.olMapInjectionKey=s.olMapInjectionKey;exports.useDrawLineString=P.useDrawLineString;exports.useDrawPolygon=S.useDrawPolygon;exports.useGraticule=_.useGraticule;exports.useSwitchBaseLayer=y.useSwitchBaseLayer;exports.ONE_NM=T.ONE_NM;exports.EPSG_3857=i.EPSG_3857;exports.EPSG_4326=i.EPSG_4326;exports.WGS84Projection=i.WGS84Projection;exports.WebMercatorProjection=i.WebMercatorProjection;exports.getAngle=r.getAngle;exports.getArea=r.getArea;exports.getCenter=r.getCenter;exports.getDestinationPoint=r.getDestinationPoint;exports.getExtentCenter=r.getExtentCenter;exports.getLineLength=r.getLineLength;exports.kmToNauticalMiles=o.kmToNauticalMiles;exports.nauticalMilesToKm=o.nauticalMilesToKm;exports.createCircle=e.createCircle;exports.createCircleFeature=e.createCircleFeature;exports.createFeature=e.createFeature;exports.createLineString=e.createLineString;exports.createLineStringFeature=e.createLineStringFeature;exports.createMultiLineString=e.createMultiLineString;exports.createMultiLineStringFeature=e.createMultiLineStringFeature;exports.createMultiPoint=e.createMultiPoint;exports.createMultiPointFeature=e.createMultiPointFeature;exports.createMultiPolygon=e.createMultiPolygon;exports.createMultiPolygonFeature=e.createMultiPolygonFeature;exports.createPoint=e.createPoint;exports.createPointFeature=e.createPointFeature;exports.createPolygon=e.createPolygon;exports.createPolygonFeature=e.createPolygonFeature;exports.toOlAngle=c.toOlAngle;exports.toTurfAngle=c.toTurfAngle;exports.createVectorLayer=n.createVectorLayer;exports.getBingLayer=n.getBingLayer;exports.getOSMLayer=n.getOSMLayer;exports.getTianDiTuLayer=n.getTianDiTuLayer;exports.getTianDiTuUrl=n.getTianDiTuUrl;exports.EPSG_3857ExtentToEPSG_4326=t.EPSG_3857ExtentToEPSG_4326;exports.EPSG_3857ToEPSG_4326=t.EPSG_3857ToEPSG_4326;exports.EPSG_4326ExtentToEPSG_3857=t.EPSG_4326ExtentToEPSG_3857;exports.EPSG_4326ToEPSG_3857=t.EPSG_4326ToEPSG_3857;exports.mercatorExtentToWgs84=t.mercatorExtentToWgs84;exports.mercatorToWgs84=t.mercatorToWgs84;exports.wgs84ExtentToMercator=t.wgs84ExtentToMercator;exports.wgs84ToMercator=t.wgs84ToMercator;exports.getRealCircleCoordinates=E.getRealCircleCoordinates;exports.createCircleStyle=a.createCircleStyle;exports.createStyle=a.createStyle;exports.createTextStyle=a.createTextStyle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./components/n-ol-contextmenu/index.vue.js"),g=require("./components/n-ol-pointermove/index.vue.js"),s=require("./components/ol-map/index.vue.js"),o=require("./components/ol-map/props.js"),P=require("./composables/useDrawLineString/index.js"),S=require("./composables/useDrawPolygon/index.js"),_=require("./composables/useGraticule/index.js"),y=require("./composables/useSwitchBaseLayer/index.js"),T=require("./constants/distance.js"),i=require("./constants/projection.js"),r=require("./utils/calculate/index.js"),c=require("./utils/distance/index.js"),e=require("./utils/feature/index.js"),u=require("./utils/format/index.js"),n=require("./utils/layer/index.js"),t=require("./utils/projection/index.js"),E=require("./utils/realCircle/index.js"),a=require("./utils/style/index.js");exports.NOlContextmenu=l.default;exports.NOlPointermove=g.default;exports.OlMap=s.default;exports.olMapInjectionKey=o.olMapInjectionKey;exports.useOlMap=o.useOlMap;exports.useDrawLineString=P.useDrawLineString;exports.useDrawPolygon=S.useDrawPolygon;exports.useGraticule=_.useGraticule;exports.useSwitchBaseLayer=y.useSwitchBaseLayer;exports.ONE_NM=T.ONE_NM;exports.EPSG_3857=i.EPSG_3857;exports.EPSG_4326=i.EPSG_4326;exports.WGS84Projection=i.WGS84Projection;exports.WebMercatorProjection=i.WebMercatorProjection;exports.getAngle=r.getAngle;exports.getArea=r.getArea;exports.getCenter=r.getCenter;exports.getDestinationPoint=r.getDestinationPoint;exports.getExtentCenter=r.getExtentCenter;exports.getLineLength=r.getLineLength;exports.kmToNauticalMiles=c.kmToNauticalMiles;exports.nauticalMilesToKm=c.nauticalMilesToKm;exports.createCircle=e.createCircle;exports.createCircleFeature=e.createCircleFeature;exports.createFeature=e.createFeature;exports.createLineString=e.createLineString;exports.createLineStringFeature=e.createLineStringFeature;exports.createMultiLineString=e.createMultiLineString;exports.createMultiLineStringFeature=e.createMultiLineStringFeature;exports.createMultiPoint=e.createMultiPoint;exports.createMultiPointFeature=e.createMultiPointFeature;exports.createMultiPolygon=e.createMultiPolygon;exports.createMultiPolygonFeature=e.createMultiPolygonFeature;exports.createPoint=e.createPoint;exports.createPointFeature=e.createPointFeature;exports.createPolygon=e.createPolygon;exports.createPolygonFeature=e.createPolygonFeature;exports.toOlAngle=u.toOlAngle;exports.toTurfAngle=u.toTurfAngle;exports.createVectorLayer=n.createVectorLayer;exports.getBingLayer=n.getBingLayer;exports.getOSMLayer=n.getOSMLayer;exports.getTianDiTuLayer=n.getTianDiTuLayer;exports.getTianDiTuUrl=n.getTianDiTuUrl;exports.EPSG_3857ExtentToEPSG_4326=t.EPSG_3857ExtentToEPSG_4326;exports.EPSG_3857ToEPSG_4326=t.EPSG_3857ToEPSG_4326;exports.EPSG_4326ExtentToEPSG_3857=t.EPSG_4326ExtentToEPSG_3857;exports.EPSG_4326ToEPSG_3857=t.EPSG_4326ToEPSG_3857;exports.mercatorExtentToWgs84=t.mercatorExtentToWgs84;exports.mercatorToWgs84=t.mercatorToWgs84;exports.wgs84ExtentToMercator=t.wgs84ExtentToMercator;exports.wgs84ToMercator=t.wgs84ToMercator;exports.getRealCircleCoordinates=E.getRealCircleCoordinates;exports.createCircleStyle=a.createCircleStyle;exports.createStyle=a.createStyle;exports.createTextStyle=a.createTextStyle;

package/lib/utils/layer/index.d.ts

@@ -1,3 +1,4 @@
+import { T_MAP_TYPE } from '@summeruse/common';
 import { Feature } from 'ol';
 import { Geometry } from 'ol/geom';
 import { ProjectionLike } from 'ol/proj';
@@ -6,17 +7,6 @@ import { Tile as TileLayer } from 'ol/layer';
 import { default as VectorLayer } from 'ol/layer/Vector';
 import { BingMaps, OSM, XYZ } from 'ol/source';
 import { default as VectorSource } from 'ol/source/Vector';
-/**
- * 天地图类型
- * vec: 矢量底图
- * cva: 矢量注记
- * img: 影像底图
- * cia: 影像注记
- * ter: 地形晕渲
- * cta: 地形注记
- * ibo: 全球境界
- */
-export type T_MAP_TYPE = 'vec' | 'cva' | 'img' | 'cia' | 'ter' | 'cta' | 'ibo';
 export declare function getTianDiTuUrl(data: {
     url?: string;
     type: T_MAP_TYPE;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@summeruse/ol",
   "type": "module",
-  "version": "0.1.1-beta.1",
+  "version": "0.1.1",
   "description": "",
   "author": "finalsummer",
   "license": "ISC",
@@ -29,11 +29,11 @@
   "peerDependencies": {
     "@turf/turf": "7.2.0",
     "naive-ui": "^2.41.0",
-    "ol": "10.5.0"
+    "ol": "10.5.0",
+    "vue": "^3.5.13"
   },
   "dependencies": {
-    "vue": "^3.5.13",
-    "@summeruse/common": "0.0.0"
+    "@summeruse/common": "0.0.1"
   },
   "devDependencies": {
     "@turf/turf": "7.2.0",