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

package/es/composables/useDrawPolygon/index.mjs

@@ -1,116 +1,106 @@
-import { Overlay as z, Feature as W } from "ol";
-import { Polygon as x } from "ol/geom";
-import { Draw as _, Modify as j } from "ol/interaction";
-import q from "ol/layer/Vector";
-import B from "ol/source/Vector";
-import { ref as A, computed as H, onMounted as J, render as I, onUnmounted as K } from "vue";
-import { getExtentCenter as N } from "../../utils/calculate/index.mjs";
-import { createStyle as o } from "../../utils/style/index.mjs";
-import "ol/layer";
-import "ol/source";
-import { mercatorExtentToWgs84 as Q, wgs84ToMercator as R } from "../../utils/projection/index.mjs";
-import { createToolTipElement as P } from "../common/index.mjs";
-function me(n, e) {
-  const i = A(!0), m = A([]), b = H(() => m.value.map((r) => r.getGeometry().getCoordinates())), s = e.styleOptions ? o(e.styleOptions) : e == null ? void 0 : e.style, t = new B(), g = new q({
-    source: t,
-    style: s,
-    zIndex: e == null ? void 0 : e.zIndex
-  });
-  n.addLayer(g);
-  const C = e.drawStyleOptions ? o(e.drawStyleOptions) : e == null ? void 0 : e.drawStyle, a = new _({
-    source: t,
-    style: C || s,
-    type: "Polygon"
-  });
-  a.setActive(!1);
-  const T = e.modifyStyleOptions ? o(e.modifyStyleOptions) : e == null ? void 0 : e.modifyStyle, v = new j({
-    source: t,
-    style: T || s
-  }), d = /* @__PURE__ */ new Set();
-  n.addInteraction(a), J(() => {
-    n.addInteraction(v);
-  }), t.on("addfeature", () => {
-    e.size && t.getFeatures().length >= e.size && a.setActive(!1);
-  }), t.on("removefeature", () => {
-    e.size && t.getFeatures().length < e.size && a.setActive(!0);
-  });
-  const w = () => {
-    d.forEach((r) => {
-      n.removeOverlay(r);
-    }), d.clear();
-  };
-  t.on("change", () => {
-    w(), t.getFeatures().forEach((r) => {
-      const y = r.getGeometry(), c = N(Q(y.getExtent()));
-      let l = document.createElement("div");
-      e.deleteFeatureLabel ? I(e.deleteFeatureLabel, l) : l = P("删除区域"), l.addEventListener("click", () => {
-        t.removeFeature(r);
-      });
-      const F = new z({
-        position: R(c),
-        positioning: "center-center",
-        element: l
-      });
-      d.add(F), n.addOverlay(F);
-      const u = y.getCoordinates()[0];
-      u.length < 3 || u.forEach((k, V) => {
-        let f = document.createElement("div");
-        e.deletePointLabel ? I(e.deletePointLabel, f) : f = P("删除点"), f.addEventListener("click", () => {
-          r.setGeometry(new x([u.filter((X, U) => U !== V)]));
-        });
-        const L = new z({
-          position: k,
-          positioning: "top-center",
-          offset: [0, -30],
-          element: f
-        });
-        d.add(L), n.addOverlay(L);
-      });
-    });
-  }), a.on("change:active", () => {
-    i.value = a.getActive();
-  }), t.on("change", () => {
-    m.value = t.getFeatures();
-  });
-  const h = () => {
-    w(), n.removeLayer(g), n.removeInteraction(a), n.removeInteraction(v);
-  }, D = () => {
-    e.size && m.value.length >= e.size || a.setActive(!0);
-  }, E = () => {
-    a.setActive(!1);
-  }, S = (r) => {
-    t.clear(), r == null || r.forEach((y) => {
-      y.forEach((c) => {
-        if (c.length < 2)
-          return;
-        c[0] !== c[c.length - 1] && c.push(c[0]);
-        const l = new W({
-          geometry: new x([c])
-        });
-        t.addFeature(l);
-      });
-    });
-  }, O = () => {
-    S(e.defaultCoordinates);
-  };
-  O();
-  const G = () => {
-    t.clear(), E();
-  };
-  return K(() => {
-    h();
-  }), {
-    inDraw: i,
-    start: D,
-    stop: E,
-    clear: G,
-    setFeatures: S,
-    reset: O,
-    features: m,
-    coordinates: b,
-    destroy: h
-  };
+import { createStyle } from "../../utils/style/index.mjs";
+import "../../utils/index.mjs";
+import { createToolTipElement } from "../common/index.mjs";
+import { computed, onMounted, onUnmounted, ref, render } from "vue";
+import { Feature, Overlay } from "ol";
+import { Draw, Modify } from "ol/interaction";
+import { getCenter } from "ol/extent";
+import { Polygon } from "ol/geom";
+import VectorLayer from "ol/layer/Vector";
+import VectorSource from "ol/source/Vector";
+function useDrawPolygon(h, g) {
+	let _ = ref(!0), v = ref([]), y = computed(() => v.value.map((e) => e.getGeometry().getCoordinates())), b = g.styleOptions ? createStyle(g.styleOptions) : g?.style, x = new VectorSource(), S = new VectorLayer({
+		source: x,
+		style: b,
+		zIndex: g?.zIndex
+	});
+	h.addLayer(S);
+	let C = new Draw({
+		source: x,
+		style: (g.drawStyleOptions ? createStyle(g.drawStyleOptions) : g?.drawStyle) || b,
+		type: "Polygon"
+	});
+	C.setActive(!1);
+	let w = new Modify({
+		source: x,
+		style: (g.modifyStyleOptions ? createStyle(g.modifyStyleOptions) : g?.modifyStyle) || b
+	}), T = /* @__PURE__ */ new Set();
+	h.addInteraction(C), onMounted(() => {
+		h.addInteraction(w);
+	}), x.on("addfeature", () => {
+		g.size && x.getFeatures().length >= g.size && C.setActive(!1);
+	}), x.on("removefeature", () => {
+		g.size && x.getFeatures().length < g.size && C.setActive(!0);
+	});
+	let E = () => {
+		T.forEach((e) => {
+			h.removeOverlay(e);
+		}), T.clear();
+	};
+	x.on("change", () => {
+		E(), x.getFeatures().forEach((e) => {
+			let u = e.getGeometry(), d = getCenter(u.getExtent()), f = document.createElement("div");
+			g.deleteFeatureLabel ? render(g.deleteFeatureLabel, f) : f = createToolTipElement("删除区域"), f.addEventListener("click", () => {
+				x.removeFeature(e);
+			});
+			let p = new Overlay({
+				position: d,
+				positioning: "center-center",
+				element: f
+			});
+			T.add(p), h.addOverlay(p);
+			let m = u.getCoordinates()[0];
+			m.length < 3 || m.forEach((u, d) => {
+				let f = document.createElement("div");
+				g.deletePointLabel ? render(g.deletePointLabel, f) : f = createToolTipElement("删除点"), f.addEventListener("click", () => {
+					e.setGeometry(new Polygon([m.filter((e, l) => l !== d)]));
+				});
+				let p = new Overlay({
+					position: u,
+					positioning: "top-center",
+					offset: [0, -30],
+					element: f
+				});
+				T.add(p), h.addOverlay(p);
+			});
+		});
+	}), C.on("change:active", () => {
+		_.value = C.getActive();
+	}), x.on("change", () => {
+		v.value = x.getFeatures();
+	});
+	let D = () => {
+		E(), h.removeLayer(S), h.removeInteraction(C), h.removeInteraction(w);
+	}, O = () => {
+		g.size && v.value.length >= g.size || C.setActive(!0);
+	}, k = () => {
+		C.setActive(!1);
+	}, A = (e) => {
+		x.clear(), e?.forEach((e) => {
+			e.forEach((e) => {
+				if (e.length < 2) return;
+				e[0] !== e[e.length - 1] && e.push(e[0]);
+				let l = new Feature({ geometry: new Polygon([e]) });
+				x.addFeature(l);
+			});
+		});
+	}, j = () => {
+		A(g.defaultCoordinates);
+	};
+	return j(), onUnmounted(() => {
+		D();
+	}), {
+		inDraw: _,
+		start: O,
+		stop: k,
+		clear: () => {
+			x.clear(), k();
+		},
+		setFeatures: A,
+		reset: j,
+		features: v,
+		coordinates: y,
+		destroy: D
+	};
 }
-export {
-  me as useDrawPolygon
-};
+export { useDrawPolygon };

package/es/composables/useGraticule/index.mjs

@@ -1,37 +1,23 @@
-import { Graticule as O } from "ol/layer";
-import { Stroke as w } from "ol/style";
-import { ref as x, watch as d, toValue as k } from "vue";
-import "@turf/turf";
-import "ol";
-import "ol/geom";
-import { createTextStyle as e } from "../../utils/style/index.mjs";
-import "ol/layer/Vector";
-import "ol/source";
-import "ol/source/Vector";
-import "ol/proj";
-function B(t) {
-  const l = x(t.defaultShow || !1), { strokeStyleOption: o, strokeStyle: m, labelStyleOption: r, latLabelStyleOption: a, lonLabelStyleOption: i, latLabelStyle: s, lonLabelStyle: u, ...S } = t.graticuleOptions || {}, y = o ? new w(o) : m, n = r ? e(r) : void 0, b = (a ? e(a) : s) || n, f = (i ? e(i) : u) || n, p = new O({
-    ...S,
-    strokeStyle: y,
-    latLabelStyle: b,
-    lonLabelStyle: f
-  });
-  return d(
-    l,
-    (L) => {
-      if (p.setMap(null), L) {
-        const c = k(t.olMap);
-        c && p.setMap(c);
-      }
-    },
-    {
-      immediate: !0,
-      deep: !0
-    }
-  ), {
-    showGraticule: l
-  };
+import { createTextStyle } from "../../utils/style/index.mjs";
+import "../../utils/index.mjs";
+import { ref, toValue, watch } from "vue";
+import { Stroke } from "ol/style";
+import { Graticule } from "ol/layer";
+function useGraticule(o) {
+	let s = ref(o.defaultShow || !1), { strokeStyleOption: c, strokeStyle: l, labelStyleOption: u, latLabelStyleOption: d, lonLabelStyleOption: f, latLabelStyle: p, lonLabelStyle: m,...h } = o.graticuleOptions || {}, g = c ? new Stroke(c) : l, _ = u ? createTextStyle(u) : void 0, v = (d ? createTextStyle(d) : p) || _, y = (f ? createTextStyle(f) : m) || _, b = new Graticule({
+		...h,
+		strokeStyle: g,
+		latLabelStyle: v,
+		lonLabelStyle: y
+	});
+	return watch(s, (e) => {
+		if (b.setMap(null), e) {
+			let e = toValue(o.olMap);
+			e && b.setMap(e);
+		}
+	}, {
+		immediate: !0,
+		deep: !0
+	}), { showGraticule: s };
 }
-export {
-  B as useGraticule
-};
+export { useGraticule };

package/es/composables/usePointermove/index.mjs

@@ -1,100 +1,101 @@
-import { getCenter as D } from "ol/extent";
-import { ref as c, computed as s, watch as H, toValue as A, onBeforeUnmount as I } from "vue";
-function O(G, M) {
-  const d = c(!1), l = c({ x: 0, y: 0 }), y = c(), h = c(), x = c({ x: 0, y: 0 }), w = c(), P = c(), R = s(() => ({
-    x: l.value.x + x.value.x,
-    y: l.value.y + x.value.y
-  }));
-  let t, f = "";
-  function U(e) {
-    const v = A(M).filter((n) => {
-      const r = n.visible;
-      return typeof r == "function" ? r(e) : r ?? !0;
-    });
-    return v.length === 0 ? null : v.sort((n, r) => (r.priority ?? 0) - (n.priority ?? 0))[0];
-  }
-  function b(e) {
-    var X, Y;
-    if (!t)
-      return;
-    const o = t.getEventCoordinate(e);
-    w.value = o;
-    const v = t.getEventPixel(e);
-    let n, r;
-    if (t.forEachFeatureAtPixel(v, (u, p) => (n = u, r = p, !0)), !n) {
-      a();
-      return;
-    }
-    y.value = n;
-    const g = {
-      map: t,
-      position: { x: e.clientX, y: e.clientY },
-      coordinate: o,
-      feature: n,
-      layer: r
-    }, i = U(g);
-    if (i) {
-      const { content: u, cursor: p, visible: E, fixedFeatureCenter: B, offset: S, priority: J, ...z } = i;
-      P.value = { ...z };
-    }
-    if (!i) {
-      a();
-      return;
-    }
-    const j = ((X = i.offset) == null ? void 0 : X.x) ?? 0, k = ((Y = i.offset) == null ? void 0 : Y.y) ?? 0;
-    x.value = { x: j, y: k };
-    const q = i.fixedFeatureCenter ?? !0, V = n.getGeometry();
-    if (q && V) {
-      const u = V.getExtent(), p = D(u), E = t.getPixelFromCoordinate(p), { top: B, left: S } = t.getViewport().getBoundingClientRect();
-      l.value.x = E[0] + S, l.value.y = E[1] + B;
-    } else
-      l.value = { x: e.clientX, y: e.clientY };
-    const m = i.content;
-    h.value = typeof m == "function" ? () => m(g) : m;
-    const C = i.cursor, L = typeof C == "function" ? C(g) : C;
-    if (L && t) {
-      const u = t.getViewport();
-      f || (f = u.style.cursor), u.style.cursor = L;
-    }
-    d.value = !0;
-  }
-  function a() {
-    if (d.value = !1, y.value = void 0, t && f !== void 0) {
-      const e = t.getViewport();
-      e.style.cursor = f, f = "";
-    }
-  }
-  function _(e) {
-    if (!e)
-      return;
-    const o = e.getViewport();
-    o.addEventListener("pointermove", b), o.addEventListener("pointerout", a);
-  }
-  function F(e) {
-    if (!e)
-      return;
-    const o = e.getViewport();
-    o.removeEventListener("pointermove", b), o.removeEventListener("pointerout", a);
-  }
-  return H(
-    () => A(G),
-    (e, o) => {
-      o !== e && (F(o), _(e), t = e);
-    },
-    { immediate: !0 }
-  ), I(() => {
-    F(t);
-  }), {
-    visible: s(() => d.value),
-    position: s(() => R.value),
-    originalPosition: s(() => l.value),
-    feature: s(() => y.value),
-    content: s(() => h.value),
-    coordinate: s(() => w.value),
-    option: s(() => P.value),
-    hide: a
-  };
+import { computed, onBeforeUnmount, ref, toValue, watch } from "vue";
+import { getCenter } from "ol/extent";
+function usePointermove(o, s) {
+	let c = ref(!1), l = ref({
+		x: 0,
+		y: 0
+	}), u = ref(), d = ref(), f = ref({
+		x: 0,
+		y: 0
+	}), p = ref(), m = ref(), h = computed(() => ({
+		x: l.value.x + f.value.x,
+		y: l.value.y + f.value.y
+	})), g, _ = "";
+	function v(e) {
+		let t = toValue(s).filter((t) => {
+			let n = t.visible;
+			return typeof n == "function" ? n(e) : n ?? !0;
+		});
+		return t.length === 0 ? null : t.sort((e, t) => (t.priority ?? 0) - (e.priority ?? 0))[0];
+	}
+	function y(e) {
+		if (!g) return;
+		let t = g.getEventCoordinate(e);
+		p.value = t;
+		let n = g.getEventPixel(e), r, i;
+		if (g.forEachFeatureAtPixel(n, (e, t) => (r = e, i = t, !0)), !r) {
+			b();
+			return;
+		}
+		u.value = r;
+		let o = {
+			map: g,
+			position: {
+				x: e.clientX,
+				y: e.clientY
+			},
+			coordinate: t,
+			feature: r,
+			layer: i
+		}, s = v(o);
+		if (s) {
+			let { content: e, cursor: t, visible: n, fixedFeatureCenter: r, offset: i, priority: a,...o } = s;
+			m.value = { ...o };
+		}
+		if (!s) {
+			b();
+			return;
+		}
+		f.value = {
+			x: s.offset?.x ?? 0,
+			y: s.offset?.y ?? 0
+		};
+		let h = s.fixedFeatureCenter ?? !0, y = r.getGeometry();
+		if (h && y) {
+			let e = getCenter(y.getExtent()), t = g.getPixelFromCoordinate(e), { top: n, left: r } = g.getViewport().getBoundingClientRect();
+			l.value.x = t[0] + r, l.value.y = t[1] + n;
+		} else l.value = {
+			x: e.clientX,
+			y: e.clientY
+		};
+		let x = s.content;
+		d.value = typeof x == "function" ? () => x(o) : x;
+		let S = s.cursor, C = typeof S == "function" ? S(o) : S;
+		if (C && g) {
+			let e = g.getViewport();
+			_ ||= e.style.cursor, e.style.cursor = C;
+		}
+		c.value = !0;
+	}
+	function b() {
+		if (c.value = !1, u.value = void 0, g && _ !== void 0) {
+			let e = g.getViewport();
+			e.style.cursor = _, _ = "";
+		}
+	}
+	function x(e) {
+		if (!e) return;
+		let t = e.getViewport();
+		t.addEventListener("pointermove", y), t.addEventListener("pointerout", b);
+	}
+	function S(e) {
+		if (!e) return;
+		let t = e.getViewport();
+		t.removeEventListener("pointermove", y), t.removeEventListener("pointerout", b);
+	}
+	return watch(() => toValue(o), (e, t) => {
+		t !== e && (S(t), x(e), g = e);
+	}, { immediate: !0 }), onBeforeUnmount(() => {
+		S(g);
+	}), {
+		visible: computed(() => c.value),
+		position: computed(() => h.value),
+		originalPosition: computed(() => l.value),
+		feature: computed(() => u.value),
+		content: computed(() => d.value),
+		coordinate: computed(() => p.value),
+		option: computed(() => m.value),
+		hide: b
+	};
 }
-export {
-  O as usePointermove
-};
+export { usePointermove };

package/es/composables/useSwitchBaseLayer/index.mjs

@@ -1,25 +1,17 @@
-import { ref as t, watch as o } from "vue";
-function f(e) {
-  const r = t(e.defaultLayerName || Object.keys(e.layers)[0]);
-  return Object.values(e.layers).forEach((s) => {
-    s.forEach((a) => {
-      e.olMap.addLayer(a);
-    });
-  }), o(
-    r,
-    () => {
-      Object.entries(e.layers).forEach(([s, a]) => {
-        const c = s === r.value;
-        a.forEach((i) => {
-          i.setVisible(c);
-        });
-      });
-    },
-    {
-      immediate: !0
-    }
-  ), { visibleLayerName: r };
+import { ref, watch } from "vue";
+function useSwitchBaseLayer(n) {
+	let r = ref(n.defaultLayerName || Object.keys(n.layers)[0]);
+	return Object.values(n.layers).forEach((e) => {
+		e.forEach((e) => {
+			n.olMap.addLayer(e);
+		});
+	}), watch(r, () => {
+		Object.entries(n.layers).forEach(([e, t]) => {
+			let n = e === r.value;
+			t.forEach((e) => {
+				e.setVisible(n);
+			});
+		});
+	}, { immediate: !0 }), { visibleLayerName: r };
 }
-export {
-  f as useSwitchBaseLayer
-};
+export { useSwitchBaseLayer };

package/es/constants/distance.mjs

@@ -1,4 +1,2 @@
-const o = 1852;
-export {
-  o as ONE_NM
-};
+const ONE_NM = 1852;
+export { ONE_NM };

package/es/constants/projection.mjs

@@ -1,7 +1,2 @@
-const o = "EPSG:3857", t = "EPSG:4326", c = o, n = t;
-export {
-  o as EPSG_3857,
-  t as EPSG_4326,
-  n as WGS84Projection,
-  c as WebMercatorProjection
-};
+const EPSG_3857 = "EPSG:3857", EPSG_4326 = "EPSG:4326", WebMercatorProjection = EPSG_3857, WGS84Projection = EPSG_4326;
+export { EPSG_3857, EPSG_4326, WGS84Projection, WebMercatorProjection };