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

package/es/components/index.mjs

@@ -0,0 +1,3 @@
+import { olMapInjectionKey, useOlMap } from "./ol-map/props.mjs";
+import ol_map_default from "./ol-map/index.mjs";
+import "./ol-map/index2.mjs";

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

@@ -0,0 +1,3 @@
+import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.mjs";
+var ol_map_default = index_vue_vue_type_script_setup_true_lang_default;
+export { ol_map_default as default };

package/es/components/ol-map/index.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,114 @@
+import { olMapInjectionKey } from "./props.mjs";
+import { createElementBlock, defineComponent, openBlock, provide, ref, renderSlot, unref, watch } from "vue";
+import { Map, View } from "ol";
+import { Attribution, FullScreen, OverviewMap, Rotate, ScaleLine, Zoom } from "ol/control";
+import { DoubleClickZoom, DragPan, DragRotate, KeyboardPan, KeyboardZoom, MouseWheelZoom, PinchRotate, PinchZoom } from "ol/interaction";
+var index_vue_vue_type_script_setup_true_lang_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(C, { expose: w }) {
+		let T = C, E = ref(), D = T.olMap, O = new View({
+			projection: T.projection,
+			extent: T.extent
+		});
+		D.setView(O), watch(() => T.zoom, (e) => {
+			O.setZoom(e);
+		}, { immediate: !0 }), watch(() => T.center, (e) => {
+			O.setCenter(e);
+		}, { immediate: !0 }), watch(() => T.constrainResolution, (e) => {
+			O.setConstrainResolution(e);
+		}, { immediate: !0 }), watch(() => T.minZoom, (e) => {
+			e && O.setMinZoom(e);
+		}, { immediate: !0 }), watch(() => T.maxZoom, (e) => {
+			e && O.setMaxZoom(e);
+		}, { immediate: !0 }), watch(E, (e) => {
+			e && D.setTarget(e);
+		}), w({ olMap: D }), provide(olMapInjectionKey, D);
+		let k = D.getControls().getArray(), A = k.find((e) => e instanceof Zoom) || new Zoom(), j = k.find((e) => e instanceof Attribution) || new Attribution(), M = k.find((e) => e instanceof Rotate) || new Rotate(), N = k.find((e) => e instanceof FullScreen) || new FullScreen(), P = k.find((e) => e instanceof OverviewMap) || new OverviewMap(), F = k.find((e) => e instanceof ScaleLine) || new ScaleLine();
+		watch(() => T.showZoom, (e) => {
+			A.setMap(e ? D : null);
+		}, { immediate: !0 }), watch(() => T.showAttribution, (e) => {
+			j.setMap(e ? D : null);
+		}, { immediate: !0 }), watch(() => T.showRotate, (e) => {
+			M.setMap(e ? D : null);
+		}, { immediate: !0 }), watch(() => T.showFullScreen, (e) => {
+			N.setMap(e ? D : null);
+		}, { immediate: !0 }), watch(() => T.showOverview, (e) => {
+			P.setMap(e ? D : null);
+		}, { immediate: !0 }), watch(() => T.showScale, (e) => {
+			F.setMap(e ? D : null);
+		}, { immediate: !0 });
+		let I = D.getInteractions().getArray(), L = I.find((e) => e instanceof DragPan) || new DragPan(), R = I.find((e) => e instanceof MouseWheelZoom) || new MouseWheelZoom(), z = I.find((e) => e instanceof DoubleClickZoom) || new DoubleClickZoom(), B = I.find((e) => e instanceof PinchRotate) || new PinchRotate(), V = I.find((e) => e instanceof PinchZoom) || new PinchZoom(), H = I.find((e) => e instanceof DragRotate) || new DragRotate(), U = I.find((e) => e instanceof KeyboardPan) || new KeyboardPan(), W = I.find((e) => e instanceof KeyboardZoom) || new KeyboardZoom();
+		return D.removeInteraction(L), D.addInteraction(L), D.removeInteraction(R), D.addInteraction(R), D.removeInteraction(z), D.addInteraction(z), D.removeInteraction(B), D.addInteraction(B), D.removeInteraction(V), D.addInteraction(V), D.removeInteraction(H), D.addInteraction(H), D.removeInteraction(U), D.removeInteraction(W), watch(() => T.dragPan, (e) => {
+			L.setActive(e);
+		}, { immediate: !0 }), watch(() => T.mouseWheelZoom, (e) => {
+			R.setActive(e);
+		}, { immediate: !0 }), watch(() => T.doubleClickZoom, (e) => {
+			z.setActive(e);
+		}, { immediate: !0 }), watch(() => T.pinchRotate, (e) => {
+			B.setActive(e);
+		}, { immediate: !0 }), watch(() => T.pinchZoom, (e) => {
+			V.setActive(e);
+		}, { immediate: !0 }), watch(() => T.altShiftDragRotate, (e) => {
+			H.setActive(e);
+		}, { immediate: !0 }), (e, C) => (openBlock(), createElementBlock("div", {
+			ref_key: "mapRef",
+			ref: E
+		}, [renderSlot(e.$slots, "default", {
+			olMap: unref(D),
+			mapRef: E.value
+		})], 512));
+	}
+});
+export { index_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,2 @@
+import { olMapInjectionKey, useOlMap } from "./props.mjs";
+import ol_map_default from "./index.mjs";

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

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

package/es/composables/common/index.mjs

@@ -1,7 +1,5 @@
-function o(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 createToolTipElement(e) {
+	let t = document.createElement("div");
+	return t.innerHTML = e, t.style.cursor = "pointer", t.style.userSelect = "none", t.style.backgroundColor = "red", t.style.color = "white", t.style.borderRadius = "5px", t.style.padding = "0 5px", t.style.fontSize = "12px", t.style.border = "2px solid white", t;
 }
-export {
-  o as createToolTipElement
-};
+export { createToolTipElement };

package/es/composables/index.mjs

@@ -0,0 +1,6 @@
+import { useContextmenu } from "./useContextmenu/index.mjs";
+import { useDrawLineString } from "./useDrawLineString/index.mjs";
+import { useDrawPolygon } from "./useDrawPolygon/index.mjs";
+import { useGraticule } from "./useGraticule/index.mjs";
+import { usePointermove } from "./usePointermove/index.mjs";
+import { useSwitchBaseLayer } from "./useSwitchBaseLayer/index.mjs";

package/es/composables/useContextmenu/index.mjs

@@ -1,77 +1,71 @@
-import { ref as u, watch as A, toValue as y, onBeforeUnmount as C, computed as l } from "vue";
-function P(g, L) {
-  const a = u(!1), d = u({ x: 0, y: 0 }), v = u(), b = u([]), h = u();
-  let i;
-  function p(t, n) {
-    const s = [];
-    return t.filter((e) => {
-      const o = e.visible;
-      return typeof o == "function" ? o(n) : o ?? !0;
-    }).filter((e) => !e.children || e.children.length > 0).sort((e, o) => (e.order ?? 0) - (o.order ?? 0)).forEach((e) => {
-      const o = e.icon, r = e.label;
-      s.push({
-        ...e,
-        children: e.children ? p(e.children, n) : void 0,
-        visible: !0,
-        action: () => {
-          var f;
-          (f = e.action) == null || f.call(e, n), c();
-        },
-        icon: typeof o == "function" ? () => o(n) : o,
-        label: typeof r == "function" ? () => r(n) : r,
-        disabled: typeof e.disabled == "function" ? e.disabled(n) : e.disabled ?? !1
-      });
-    }), s;
-  }
-  function E(t) {
-    if (t.preventDefault(), !i)
-      return;
-    const n = i.getEventCoordinate(t);
-    h.value = n;
-    const s = i.getEventPixel(t);
-    let e, o;
-    i.forEachFeatureAtPixel(s, (k, w) => (e = k, o = w, !0)), v.value = e;
-    const [r, f] = [t.clientX, t.clientY];
-    d.value = { x: r, y: f }, b.value = p(y(L), {
-      map: i,
-      position: { ...d.value },
-      coordinate: n,
-      feature: e,
-      layer: o
-    }), a.value = !0;
-  }
-  function c() {
-    a.value = !1;
-  }
-  function V(t) {
-    if (!t)
-      return;
-    const n = t.getViewport();
-    n.addEventListener("contextmenu", E), n.addEventListener("click", c);
-  }
-  function x(t) {
-    if (!t)
-      return;
-    const n = t.getViewport();
-    n.removeEventListener("contextmenu", E), n.removeEventListener("click", c);
-  }
-  return A(
-    () => y(g),
-    (t, n) => {
-      n !== t && (x(n), V(t), i = t);
-    },
-    { immediate: !0 }
-  ), C(() => {
-    x(i);
-  }), {
-    visible: l(() => a.value),
-    position: l(() => d.value),
-    feature: l(() => v.value),
-    options: l(() => b.value),
-    coordinate: l(() => h.value),
-    hide: c
-  };
+import { computed, onBeforeUnmount, ref, toValue, watch } from "vue";
+function useContextmenu(a, o) {
+	let s = ref(!1), c = ref({
+		x: 0,
+		y: 0
+	}), l = ref(), u = ref([]), d = ref(), f;
+	function p(e, t) {
+		let n = [];
+		return e.filter((e) => {
+			let n = e.visible;
+			return typeof n == "function" ? n(t) : n ?? !0;
+		}).filter((e) => !e.children || e.children.length > 0).sort((e, t) => (e.order ?? 0) - (t.order ?? 0)).forEach((e) => {
+			let r = e.icon, i = e.label;
+			n.push({
+				...e,
+				children: e.children ? p(e.children, t) : void 0,
+				visible: !0,
+				action: () => {
+					e.action?.(t), h();
+				},
+				icon: typeof r == "function" ? () => r(t) : r,
+				label: typeof i == "function" ? () => i(t) : i,
+				disabled: typeof e.disabled == "function" ? e.disabled(t) : e.disabled ?? !1
+			});
+		}), n;
+	}
+	function m(e) {
+		if (e.preventDefault(), !f) return;
+		let t = f.getEventCoordinate(e);
+		d.value = t;
+		let n = f.getEventPixel(e), i, a;
+		f.forEachFeatureAtPixel(n, (e, t) => (i = e, a = t, !0)), l.value = i;
+		let [m, h] = [e.clientX, e.clientY];
+		c.value = {
+			x: m,
+			y: h
+		}, u.value = p(toValue(o), {
+			map: f,
+			position: { ...c.value },
+			coordinate: t,
+			feature: i,
+			layer: a
+		}), s.value = !0;
+	}
+	function h() {
+		s.value = !1;
+	}
+	function g(e) {
+		if (!e) return;
+		let t = e.getViewport();
+		t.addEventListener("contextmenu", m), t.addEventListener("click", h);
+	}
+	function _(e) {
+		if (!e) return;
+		let t = e.getViewport();
+		t.removeEventListener("contextmenu", m), t.removeEventListener("click", h);
+	}
+	return watch(() => toValue(a), (e, t) => {
+		t !== e && (_(t), g(e), f = e);
+	}, { immediate: !0 }), onBeforeUnmount(() => {
+		_(f);
+	}), {
+		visible: computed(() => s.value),
+		position: computed(() => c.value),
+		feature: computed(() => l.value),
+		options: computed(() => u.value),
+		coordinate: computed(() => d.value),
+		hide: h
+	};
 }
-export {
-  P as useContextmenu
-};
+export { useContextmenu };

package/es/composables/useDrawLineString/index.mjs

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