@summeruse/ol 0.2.0-alpha.2 → 0.2.0-alpha.3

package/dist/index.js

@@ -68,632 +68,662 @@ var ol_map_default = /* @__PURE__ */ defineComponent({
 		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
+	emits: [
+		"update:zoom",
+		"update:center",
+		"changeResolution",
+		"changeCenter",
+		"moveend",
+		"movestart"
+	],
+	setup(a, { expose: d, emit: f }) {
+		let p = a, y = f, x = ref(), w = p.olMap, T = new View({
+			projection: p.projection,
+			extent: p.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);
+		w.setView(T), T.setZoom(p.zoom), T.setCenter(p.center), watch(() => p.constrainResolution, (a) => {
+			T.setConstrainResolution(a);
+		}, { immediate: !0 }), watch(() => p.minZoom, (a) => {
+			a && T.setMinZoom(a);
+		}, { immediate: !0 }), watch(() => p.maxZoom, (a) => {
+			a && T.setMaxZoom(a);
+		}, { immediate: !0 }), watch(x, (a) => {
+			a && w.setTarget(a);
+		}), d({ olMap: w }), provide(olMapInjectionKey, w);
+		let E = w.getControls().getArray(), F = E.find((a) => a instanceof Zoom) || new Zoom(), I = E.find((a) => a instanceof Attribution) || new Attribution(), L = E.find((a) => a instanceof Rotate) || new Rotate(), R = E.find((a) => a instanceof FullScreen) || new FullScreen(), z = E.find((a) => a instanceof OverviewMap) || new OverviewMap(), B = E.find((a) => a instanceof ScaleLine) || new ScaleLine();
+		watch(() => p.showZoom, (a) => {
+			F.setMap(a ? w : null);
+		}, { immediate: !0 }), watch(() => p.showAttribution, (a) => {
+			I.setMap(a ? w : null);
+		}, { immediate: !0 }), watch(() => p.showRotate, (a) => {
+			L.setMap(a ? w : null);
+		}, { immediate: !0 }), watch(() => p.showFullScreen, (a) => {
+			R.setMap(a ? w : null);
+		}, { immediate: !0 }), watch(() => p.showOverview, (a) => {
+			z.setMap(a ? w : null);
+		}, { immediate: !0 }), watch(() => p.showScale, (a) => {
+			B.setMap(a ? 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", {
+		let V = w.getInteractions().getArray(), H = V.find((a) => a instanceof DragPan) || new DragPan(), U = V.find((a) => a instanceof MouseWheelZoom) || new MouseWheelZoom(), W = V.find((a) => a instanceof DoubleClickZoom) || new DoubleClickZoom(), G = V.find((a) => a instanceof PinchRotate) || new PinchRotate(), K = V.find((a) => a instanceof PinchZoom) || new PinchZoom(), q = V.find((a) => a instanceof DragRotate) || new DragRotate(), J = V.find((a) => a instanceof KeyboardPan) || new KeyboardPan(), Y = V.find((a) => a instanceof KeyboardZoom) || new KeyboardZoom();
+		w.removeInteraction(H), w.addInteraction(H), w.removeInteraction(U), w.addInteraction(U), w.removeInteraction(W), w.addInteraction(W), w.removeInteraction(G), w.addInteraction(G), w.removeInteraction(K), w.addInteraction(K), w.removeInteraction(q), w.addInteraction(q), w.removeInteraction(J), w.removeInteraction(Y), watch(() => p.dragPan, (a) => {
+			H.setActive(a);
+		}, { immediate: !0 }), watch(() => p.mouseWheelZoom, (a) => {
+			U.setActive(a);
+		}, { immediate: !0 }), watch(() => p.doubleClickZoom, (a) => {
+			W.setActive(a);
+		}, { immediate: !0 }), watch(() => p.pinchRotate, (a) => {
+			G.setActive(a);
+		}, { immediate: !0 }), watch(() => p.pinchZoom, (a) => {
+			K.setActive(a);
+		}, { immediate: !0 }), watch(() => p.altShiftDragRotate, (a) => {
+			q.setActive(a);
+		}, { immediate: !0 });
+		function X(a) {
+			y("update:zoom", Math.floor(T.getZoom() || 0)), y("changeResolution", a);
+		}
+		onMounted(() => {
+			T.on("change:resolution", X);
+		}), onUnmounted(() => {
+			T.un("change:resolution", X);
+		});
+		function Z(a) {
+			y("update:center", T.getCenter() || [0, 0]), y("changeCenter", a);
+		}
+		onMounted(() => {
+			T.on("change:center", Z);
+		}), onUnmounted(() => {
+			T.un("change:center", Z);
+		});
+		function Q(a) {
+			y("movestart", a);
+		}
+		onMounted(() => {
+			w.on("movestart", Q);
+		}), onUnmounted(() => {
+			w.un("movestart", Q);
+		});
+		function $(a) {
+			y("moveend", a);
+		}
+		return onMounted(() => {
+			w.on("moveend", $);
+		}), onUnmounted(() => {
+			w.un("moveend", $);
+		}), (a, d) => (openBlock(), createElementBlock("div", {
 			ref_key: "mapRef",
-			ref: C
-		}, [renderSlot(e.$slots, "default", {
+			ref: x
+		}, [renderSlot(a.$slots, "default", {
 			olMap: unref(w),
-			mapRef: C.value
+			mapRef: x.value
 		})], 512));
 	}
 });
-function useContextmenu(b, x) {
-	let S = ref(!1), w = ref({
+function useContextmenu(u, d) {
+	let f = ref(!1), m = 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,
+	}), h = ref(), g = ref([]), _ = ref(), y;
+	function b(a, u) {
+		let d = [];
+		return a.filter((a) => {
+			let d = a.visible;
+			return typeof d == "function" ? d(u) : d ?? !0;
+		}).filter((a) => !a.children || a.children.length > 0).sort((a, u) => (a.order ?? 0) - (u.order ?? 0)).forEach((a) => {
+			let f = a.icon, p = a.label;
+			d.push({
+				...a,
+				children: a.children ? b(a.children, u) : void 0,
 				visible: !0,
 				action: () => {
-					e.action?.(b), P();
+					a.action?.(u), w();
 				},
-				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
+				icon: typeof f == "function" ? () => f(u) : f,
+				label: typeof p == "function" ? () => p(u) : p,
+				disabled: typeof a.disabled == "function" ? a.disabled(u) : a.disabled ?? !1
 			});
-		}), x;
+		}), d;
 	}
-	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 S(a) {
+		if (a.preventDefault(), !y) return;
+		let u = y.getEventCoordinate(a);
+		_.value = u;
+		let p = y.getEventPixel(a), v, S;
+		y.forEachFeatureAtPixel(p, (a, u) => (v = a, S = u, !0)), h.value = v;
+		let [C, w] = [a.clientX, a.clientY];
+		m.value = {
+			x: C,
+			y: w
+		}, g.value = b(toValue(d), {
+			map: y,
+			position: { ...m.value },
+			coordinate: u,
+			feature: v,
+			layer: S
+		}), f.value = !0;
 	}
-	function P() {
-		S.value = !1;
+	function w() {
+		f.value = !1;
 	}
-	function F(e) {
-		if (!e) return;
-		let b = e.getViewport();
-		b.addEventListener("contextmenu", M), b.addEventListener("click", P);
+	function T(a) {
+		if (!a) return;
+		let u = a.getViewport();
+		u.addEventListener("contextmenu", S), u.addEventListener("click", w);
 	}
-	function I(e) {
-		if (!e) return;
-		let b = e.getViewport();
-		b.removeEventListener("contextmenu", M), b.removeEventListener("click", P);
+	function E(a) {
+		if (!a) return;
+		let u = a.getViewport();
+		u.removeEventListener("contextmenu", S), u.removeEventListener("click", w);
 	}
-	return watch(() => toValue(b), (e, b) => {
-		b !== e && (I(b), F(e), k = e);
+	return watch(() => toValue(u), (a, u) => {
+		u !== a && (E(u), T(a), y = a);
 	}, { immediate: !0 }), onBeforeUnmount(() => {
-		I(k);
+		E(y);
 	}), {
-		visible: computed(() => S.value),
-		position: computed(() => w.value),
-		feature: computed(() => T.value),
-		options: computed(() => E.value),
-		coordinate: computed(() => D.value),
-		hide: P
+		visible: computed(() => f.value),
+		position: computed(() => m.value),
+		feature: computed(() => h.value),
+		options: computed(() => g.value),
+		coordinate: computed(() => _.value),
+		hide: w
 	};
 }
 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 kmToNauticalMiles(a) {
+	return a * 1e3 / ONE_NM;
 }
-function nauticalMilesToKm(e) {
-	return e * ONE_NM / 1e3;
+function nauticalMilesToKm(a) {
+	return a * ONE_NM / 1e3;
 }
-function formatRotation(e) {
-	return e < 0 ? formatRotation(e + 2 * Math.PI) : e > 2 * Math.PI ? formatRotation(e - 2 * Math.PI) : e;
+function formatRotation(a) {
+	return a < 0 ? formatRotation(a + 2 * Math.PI) : a > 2 * Math.PI ? formatRotation(a - 2 * Math.PI) : a;
 }
-function formatAngle(e) {
-	return e < 0 ? formatAngle(e + 360) : e >= 360 ? formatAngle(e - 360) : e;
+function formatAngle(a) {
+	return a < 0 ? formatAngle(a + 360) : a >= 360 ? formatAngle(a - 360) : a;
 }
-function createCircleStyle(e) {
-	let { fillOptions: b, strokeOptions: x,...S } = e;
+function createCircleStyle(a) {
+	let { fillOptions: u, strokeOptions: d,...f } = a;
 	return new Circle$1({
-		...S,
-		fill: b ? new Fill(b) : void 0,
-		stroke: x ? new Stroke(x) : void 0
+		...f,
+		fill: u ? new Fill(u) : void 0,
+		stroke: d ? new Stroke(d) : void 0
 	});
 }
-function createTextStyle(e) {
-	let { fillOptions: b, strokeOptions: x, backgroundFillOptions: S, backgroundStrokeOptions: C,...w } = e;
+function createTextStyle(a) {
+	let { fillOptions: u, strokeOptions: d, backgroundFillOptions: f, backgroundStrokeOptions: p,...m } = a;
 	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
+		...m,
+		fill: u ? new Fill(u) : void 0,
+		stroke: d ? new Stroke(d) : void 0,
+		backgroundFill: f ? new Fill(f) : void 0,
+		backgroundStroke: p ? new Stroke(p) : 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;
+function createStyle(a) {
+	let { fillOptions: u, strokeOptions: d, iconOptions: f, circleOptions: p, textOptions: m,...h } = a, g = u ? new Fill(u) : void 0, _ = d ? new Stroke(d) : void 0, v = f ? new Icon(f) : void 0, y = p ? createCircleStyle(p) : void 0, b = m ? createTextStyle(m) : void 0;
 	return new Style({
-		...T,
-		fill: E,
-		stroke: D,
-		image: O || k,
-		text: A
+		...h,
+		fill: g,
+		stroke: _,
+		image: v || y,
+		text: b
 	});
 }
-function createPoint(e) {
-	return new Point(e);
+function createPoint(a) {
+	return new Point(a);
 }
-function createLineString(e) {
-	return new LineString(e);
+function createLineString(a) {
+	return new LineString(a);
 }
-function createPolygon(e) {
-	return new Polygon(e);
+function createPolygon(a) {
+	return new Polygon(a);
 }
-function createCircle(e, b) {
-	return new Circle(e, b);
+function createCircle(a, u) {
+	return new Circle(a, u);
 }
-function createMultiPoint(e) {
-	return new MultiPoint(e);
+function createMultiPoint(a) {
+	return new MultiPoint(a);
 }
-function createMultiLineString(e) {
-	return new MultiLineString(e);
+function createMultiLineString(a) {
+	return new MultiLineString(a);
 }
-function createMultiPolygon(e) {
-	return new MultiPolygon(e);
+function createMultiPolygon(a) {
+	return new MultiPolygon(a);
 }
-function createFeature(e) {
-	let { styleOptions: b, style: x, geometry: S,...C } = e ?? {}, w = b ? createStyle(b) : x, T = new Feature({
-		geometry: S,
-		...C
+function createFeature(a) {
+	let { styleOptions: u, style: d, geometry: f,...p } = a ?? {}, m = u ? createStyle(u) : d, h = new Feature({
+		geometry: f,
+		...p
 	});
-	return T.setStyle(w), T;
+	return h.setStyle(m), h;
 }
-function createPointFeature(e, b) {
-	let x = createPoint(e);
+function createPointFeature(a, u) {
+	let d = createPoint(a);
 	return createFeature({
-		...b,
-		geometry: x
+		...u,
+		geometry: d
 	});
 }
-function createLineStringFeature(e, b) {
-	let x = createLineString(e);
+function createLineStringFeature(a, u) {
+	let d = createLineString(a);
 	return createFeature({
-		...b,
-		geometry: x
+		...u,
+		geometry: d
 	});
 }
-function createPolygonFeature(e, b) {
-	let x = createPolygon(e);
+function createPolygonFeature(a, u) {
+	let d = createPolygon(a);
 	return createFeature({
-		...b,
-		geometry: x
+		...u,
+		geometry: d
 	});
 }
-function createCircleFeature(e, b, x) {
-	let S = createCircle(e, b);
+function createCircleFeature(a, u, d) {
+	let f = createCircle(a, u);
 	return createFeature({
-		...x,
-		geometry: S
+		...d,
+		geometry: f
 	});
 }
-function createMultiPointFeature(e, b) {
-	let x = createMultiPoint(e);
+function createMultiPointFeature(a, u) {
+	let d = createMultiPoint(a);
 	return createFeature({
-		...b,
-		geometry: x
+		...u,
+		geometry: d
 	});
 }
-function createMultiLineStringFeature(e, b) {
-	let x = createMultiLineString(e);
+function createMultiLineStringFeature(a, u) {
+	let d = createMultiLineString(a);
 	return createFeature({
-		...b,
-		geometry: x
+		...u,
+		geometry: d
 	});
 }
-function createMultiPolygonFeature(e, b) {
-	let x = createMultiPolygon(e);
+function createMultiPolygonFeature(a, u) {
+	let d = createMultiPolygon(a);
 	return createFeature({
-		...b,
-		geometry: x
+		...u,
+		geometry: d
 	});
 }
-function createTianDiTuUrl(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 createTianDiTuUrl(a) {
+	let { type: u = "img", projection: d = WebMercatorProjection, key: f } = a, p = a.url || "https://t{0-4}.tianditu.gov.cn", m = `&tk=${f}&SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}`;
+	return `${p}/${u}_${d === "EPSG:4326" ? "c" : d === "EPSG:3857" ? "w" : "c"}/wmts?LAYER=${u}${m}`;
 }
-function createTianDiTuLayer(e) {
-	let { layerOptions: b, sourceOptions: x,...S } = e;
+function createTianDiTuLayer(a) {
+	let { layerOptions: u, sourceOptions: d,...f } = a;
 	return new Tile({
 		source: new XYZ({
-			url: createTianDiTuUrl(S),
-			projection: S.projection,
+			url: createTianDiTuUrl(f),
+			projection: f.projection,
 			crossOrigin: "Anonymous",
-			...x
+			...d
 		}),
-		...b
+		...u
 	});
 }
-function createBingLayer({ name: e, key: b, layerOptions: x, sourceOptions: S }) {
+function createBingLayer({ name: a, key: u, layerOptions: d, sourceOptions: f }) {
 	return new Tile({
 		source: new BingMaps({
-			key: b,
-			imagerySet: e,
+			key: u,
+			imagerySet: a,
 			placeholderTiles: !1,
-			...S
+			...f
 		}),
-		...x
+		...d
 	});
 }
-function createOpenStreetMapLayer(e) {
-	let { layerOptions: b, sourceOptions: x } = e || {};
+function createOpenStreetMapLayer(a) {
+	let { layerOptions: u, sourceOptions: d } = a || {};
 	return new Tile({
 		source: new OSM({
 			crossOrigin: "Anonymous",
-			...x
+			...d
 		}),
-		...b
+		...u
 	});
 }
-function createVectorLayer(e) {
-	let { styleOptions: b,...x } = e || {}, S = b ? createStyle(b) : void 0, C = new VectorSource();
+function createVectorLayer(a) {
+	let { styleOptions: u,...d } = a || {}, f = u ? createStyle(u) : void 0, p = new VectorSource();
 	return {
-		source: C,
+		source: p,
 		layer: new VectorLayer({
-			source: C,
-			...x,
-			style: S || x.style
+			source: p,
+			...d,
+			style: f || d.style
 		})
 	};
 }
-function wgs84ToMercator(e) {
-	return transform(e, EPSG_4326, EPSG_3857);
+function wgs84ToMercator(a) {
+	return transform(a, EPSG_4326, EPSG_3857);
 }
 const EPSG_4326ToEPSG_3857 = wgs84ToMercator;
-function mercatorToWgs84(e) {
-	return transform(e, EPSG_3857, EPSG_4326);
+function mercatorToWgs84(a) {
+	return transform(a, EPSG_3857, EPSG_4326);
 }
 const EPSG_3857ToEPSG_4326 = mercatorToWgs84;
-function wgs84ExtentToMercator(e) {
-	return transformExtent(e, EPSG_4326, EPSG_3857);
+function wgs84ExtentToMercator(a) {
+	return transformExtent(a, EPSG_4326, EPSG_3857);
 }
 const EPSG_4326ExtentToEPSG_3857 = wgs84ExtentToMercator;
-function mercatorExtentToWgs84(e) {
-	return transformExtent(e, EPSG_3857, EPSG_4326);
+function mercatorExtentToWgs84(a) {
+	return transformExtent(a, 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
+function createToolTipElement(a) {
+	let u = document.createElement("div");
+	return u.innerHTML = a, u.style.cursor = "pointer", u.style.userSelect = "none", u.style.backgroundColor = "red", u.style.color = "white", u.style.borderRadius = "5px", u.style.padding = "0 5px", u.style.fontSize = "12px", u.style.border = "2px solid white", u;
+}
+function useDrawLineString(u, d) {
+	let f = ref(!0), p = ref([]), g = computed(() => p.value.map((a) => a.getGeometry().getCoordinates())), _ = new VectorSource(), b = d.styleOptions ? createStyle(d.styleOptions) : d?.style, x = new VectorLayer({
+		source: _,
+		style: b,
+		zIndex: d?.zIndex
 	});
-	b.addLayer(j);
-	let M = new Draw({
-		source: D,
-		style: (x.drawStyleOptions ? createStyle(x.drawStyleOptions) : x?.drawStyle) || A,
+	u.addLayer(x);
+	let S = new Draw({
+		source: _,
+		style: (d.drawStyleOptions ? createStyle(d.drawStyleOptions) : d?.drawStyle) || b,
 		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);
+	S.setActive(!1);
+	let C = new Modify({
+		source: _,
+		style: (d.modifyStyleOptions ? createStyle(d.modifyStyleOptions) : d?.modifyStyle) || b
+	}), T = /* @__PURE__ */ new Set();
+	u.addInteraction(S), onMounted(() => {
+		u.addInteraction(C);
+	}), _.on("addfeature", () => {
+		d.size && _.getFeatures().length >= d.size && S.setActive(!1);
+	}), _.on("removefeature", () => {
+		d.size && _.getFeatures().length < d.size && S.setActive(!0);
 	});
-	let L = () => {
-		F.forEach((e) => {
-			b.removeOverlay(e);
-		}), F.clear();
+	let D = () => {
+		T.forEach((a) => {
+			u.removeOverlay(a);
+		}), T.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);
+	_.on("change", () => {
+		D(), _.getFeatures().forEach((a) => {
+			let f = a.getGeometry();
+			f.getCoordinates();
+			let p = getCenter(f.getExtent()), m = document.createElement("div");
+			d.deleteFeatureLabel ? render(d.deleteFeatureLabel, m) : m = createToolTipElement("删除线"), m.addEventListener("click", () => {
+				_.removeFeature(a);
 			});
-			let T = new Overlay({
-				position: C,
+			let h = new Overlay({
+				position: p,
 				positioning: "center-center",
-				element: w
+				element: m
 			});
-			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)));
+			T.add(h), u.addOverlay(h);
+			let g = f.getCoordinates();
+			g.length < 3 || g.forEach((f, p) => {
+				let m = document.createElement("div");
+				d.deletePointLabel ? render(d.deletePointLabel, m) : m = createToolTipElement("删除点"), m.addEventListener("click", () => {
+					a.setGeometry(new LineString(g.filter((a, u) => u !== p)));
 				});
-				let T = new Overlay({
-					position: S,
+				let h = new Overlay({
+					position: f,
 					positioning: "top-center",
 					offset: [0, -30],
-					element: w
+					element: m
 				});
-				F.add(T), b.addOverlay(T);
+				T.add(h), u.addOverlay(h);
 			});
 		});
-	}), M.on("change:active", () => {
-		S.value = M.getActive();
-	}), D.on("change", () => {
-		C.value = D.getFeatures();
+	}), S.on("change:active", () => {
+		f.value = S.getActive();
+	}), _.on("change", () => {
+		p.value = _.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);
+	let O = () => {
+		D(), u.removeLayer(x), u.removeInteraction(S), u.removeInteraction(C);
+	}, k = () => {
+		d.size && p.value.length >= d.size || S.setActive(!0);
+	}, A = () => {
+		S.setActive(!1);
+	}, j = (a) => {
+		_.clear(), a.forEach((a) => {
+			if (a.length < 2) return;
+			let u = new Feature({ geometry: new LineString(a) });
+			_.addFeature(u);
 		});
-	}, H = () => {
-		V(x.defaultCoordinates || []);
+	}, M = () => {
+		j(d.defaultCoordinates || []);
 	};
-	return H(), onUnmounted(() => {
-		R();
+	return M(), onUnmounted(() => {
+		O();
 	}), {
-		inDraw: S,
-		start: z,
-		stop: B,
+		inDraw: f,
+		start: k,
+		stop: A,
 		clear: () => {
-			D.clear(), B();
+			_.clear(), A();
 		},
-		setFeatures: V,
-		reset: H,
-		features: C,
-		coordinates: E,
-		destroy: R
+		setFeatures: j,
+		reset: M,
+		features: p,
+		coordinates: g,
+		destroy: O
 	};
 }
-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
+function useDrawPolygon(u, d) {
+	let f = ref(!0), p = ref([]), g = computed(() => p.value.map((a) => a.getGeometry().getCoordinates())), _ = d.styleOptions ? createStyle(d.styleOptions) : d?.style, b = new VectorSource(), x = new VectorLayer({
+		source: b,
+		style: _,
+		zIndex: d?.zIndex
 	});
-	b.addLayer(j);
-	let M = new Draw({
-		source: A,
-		style: (x.drawStyleOptions ? createStyle(x.drawStyleOptions) : x?.drawStyle) || D,
+	u.addLayer(x);
+	let S = new Draw({
+		source: b,
+		style: (d.drawStyleOptions ? createStyle(d.drawStyleOptions) : d?.drawStyle) || _,
 		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);
+	S.setActive(!1);
+	let C = new Modify({
+		source: b,
+		style: (d.modifyStyleOptions ? createStyle(d.modifyStyleOptions) : d?.modifyStyle) || _
+	}), T = /* @__PURE__ */ new Set();
+	u.addInteraction(S), onMounted(() => {
+		u.addInteraction(C);
+	}), b.on("addfeature", () => {
+		d.size && b.getFeatures().length >= d.size && S.setActive(!1);
+	}), b.on("removefeature", () => {
+		d.size && b.getFeatures().length < d.size && S.setActive(!0);
 	});
-	let L = () => {
-		F.forEach((e) => {
-			b.removeOverlay(e);
-		}), F.clear();
+	let D = () => {
+		T.forEach((a) => {
+			u.removeOverlay(a);
+		}), T.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);
+	b.on("change", () => {
+		D(), b.getFeatures().forEach((a) => {
+			let f = a.getGeometry(), p = getCenter(f.getExtent()), m = document.createElement("div");
+			d.deleteFeatureLabel ? render(d.deleteFeatureLabel, m) : m = createToolTipElement("删除区域"), m.addEventListener("click", () => {
+				b.removeFeature(a);
 			});
-			let T = new Overlay({
-				position: C,
+			let h = new Overlay({
+				position: p,
 				positioning: "center-center",
-				element: w
+				element: m
 			});
-			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)]));
+			T.add(h), u.addOverlay(h);
+			let g = f.getCoordinates()[0];
+			g.length < 3 || g.forEach((f, p) => {
+				let m = document.createElement("div");
+				d.deletePointLabel ? render(d.deletePointLabel, m) : m = createToolTipElement("删除点"), m.addEventListener("click", () => {
+					a.setGeometry(new Polygon([g.filter((a, u) => u !== p)]));
 				});
-				let T = new Overlay({
-					position: S,
+				let h = new Overlay({
+					position: f,
 					positioning: "top-center",
 					offset: [0, -30],
-					element: w
+					element: m
 				});
-				F.add(T), b.addOverlay(T);
+				T.add(h), u.addOverlay(h);
 			});
 		});
-	}), M.on("change:active", () => {
-		S.value = M.getActive();
-	}), A.on("change", () => {
-		C.value = A.getFeatures();
+	}), S.on("change:active", () => {
+		f.value = S.getActive();
+	}), b.on("change", () => {
+		p.value = b.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);
+	let O = () => {
+		D(), u.removeLayer(x), u.removeInteraction(S), u.removeInteraction(C);
+	}, k = () => {
+		d.size && p.value.length >= d.size || S.setActive(!0);
+	}, A = () => {
+		S.setActive(!1);
+	}, j = (a) => {
+		b.clear(), a?.forEach((a) => {
+			a.forEach((a) => {
+				if (a.length < 2) return;
+				a[0] !== a[a.length - 1] && a.push(a[0]);
+				let u = new Feature({ geometry: new Polygon([a]) });
+				b.addFeature(u);
 			});
 		});
-	}, H = () => {
-		V(x.defaultCoordinates);
+	}, M = () => {
+		j(d.defaultCoordinates);
 	};
-	return H(), onUnmounted(() => {
-		R();
+	return M(), onUnmounted(() => {
+		O();
 	}), {
-		inDraw: S,
-		start: z,
-		stop: B,
+		inDraw: f,
+		start: k,
+		stop: A,
 		clear: () => {
-			A.clear(), B();
+			b.clear(), A();
 		},
-		setFeatures: V,
-		reset: H,
-		features: C,
-		coordinates: E,
-		destroy: R
+		setFeatures: j,
+		reset: M,
+		features: p,
+		coordinates: g,
+		destroy: O
 	};
 }
-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
+function useGraticule(a) {
+	let u = ref(a.defaultShow || !1), { strokeStyleOption: d, strokeStyle: f, labelStyleOption: p, latLabelStyleOption: m, lonLabelStyleOption: h, latLabelStyle: g, lonLabelStyle: _,...y } = a.graticuleOptions || {}, b = d ? new Stroke(d) : f, S = p ? createTextStyle(p) : void 0, w = (m ? createTextStyle(m) : g) || S, T = (h ? createTextStyle(h) : _) || S, E = new Graticule({
+		...y,
+		strokeStyle: b,
+		latLabelStyle: w,
+		lonLabelStyle: T
 	});
-	return watch(b, (b) => {
-		if (I.setMap(null), b) {
-			let b = toValue(e.olMap);
-			b && I.setMap(b);
+	return watch(u, (u) => {
+		if (E.setMap(null), u) {
+			let u = toValue(a.olMap);
+			u && E.setMap(u);
 		}
 	}, {
 		immediate: !0,
 		deep: !0
-	}), { showGraticule: b };
+	}), { showGraticule: u };
 }
-function usePointermove(b, x) {
-	let S = ref(!1), w = ref({
+function usePointermove({ mapRef: u, items: d, enabled: f = !0, forceUpdate: m = !1 }) {
+	let h = ref(!1), g = ref({
 		x: 0,
 		y: 0
-	}), T = ref(), E = ref(), D = ref({
+	}), _ = ref(), y = ref(), b = 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;
+	}), S = ref(), w = ref(), T = computed(() => ({
+		x: g.value.x + b.value.x,
+		y: g.value.y + b.value.y
+	})), E = () => typeof f == "function" ? f() : f, D, O, k = "";
+	function A(a) {
+		let u = toValue(d);
+		return u.sort((a, u) => (u.priority ?? 0) - (a.priority ?? 0)), u.find((u) => {
+			let d = u.visible;
+			return typeof d == "function" ? d(a) : d ?? !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();
+	function j(a) {
+		if (!E()) {
+			M();
+			return;
+		}
+		if (!D || !O) return;
+		let u = D.getEventCoordinate(a);
+		S.value = u;
+		let d = D.getEventPixel(a), f, p;
+		if (D.forEachFeatureAtPixel(d, (a, u) => (f = a, p = u, !0)), !f) {
+			M();
 			return;
 		}
-		T.value = C;
-		let j = {
-			map: P,
+		if (!m && _.value && _.value.getId() === f.getId()) return;
+		_.value = f;
+		let v = {
+			map: D,
 			position: {
-				x: e.clientX,
-				y: e.clientY
+				x: a.clientX,
+				y: a.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 };
+			coordinate: u,
+			feature: f,
+			layer: p
+		}, x = A(v);
+		if (x) {
+			let { content: a, cursor: u, visible: d, fixedFeatureCenter: f, offset: p, priority: m,...h } = x;
+			w.value = { ...h };
 		}
-		if (!M) {
-			R();
+		if (!x) {
+			M();
 			return;
 		}
-		D.value = {
-			x: M.offset?.x ?? 0,
-			y: M.offset?.y ?? 0
+		b.value = {
+			x: x.offset?.x ?? 0,
+			y: x.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 C = m === !1 ? !0 : x.fixedFeatureCenter ?? !0, T = f.getGeometry();
+		if (C && T) {
+			let a = getCenter(T.getExtent()), u = D.getPixelFromCoordinate(a), { top: d, left: f } = O.getBoundingClientRect();
+			g.value.x = u[0] + f, g.value.y = u[1] + d;
+		} else g.value = {
+			x: a.clientX,
+			y: a.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;
+		let k = x.content;
+		y.value = typeof k == "function" ? () => k(v) : k;
+		let j = x.cursor, N = typeof j == "function" ? j(v) : j;
+		N !== void 0 && N !== O.style.cursor && (O.style.cursor = N), h.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 M() {
+		h.value = !1, _.value = void 0, O && O.style.cursor !== k && (O.style.cursor = k);
 	}
-	function z(e) {
-		if (!e) return;
-		let b = e.getViewport();
-		b.addEventListener("pointermove", L), b.addEventListener("pointerout", R);
+	function N(a) {
+		a.addEventListener("pointermove", j);
 	}
-	function B(e) {
-		if (!e) return;
-		let b = e.getViewport();
-		b.removeEventListener("pointermove", L), b.removeEventListener("pointerout", R);
+	function P(a) {
+		a.removeEventListener("pointermove", j);
 	}
-	return watch(() => toValue(b), (e, b) => {
-		b !== e && (B(b), z(e), P = e);
+	return watch(() => toValue(u), (a, u) => {
+		u !== a && (D = a, a && (O = a.getViewport(), P(O), N(O), k = O.style.cursor));
 	}, { immediate: !0 }), onBeforeUnmount(() => {
-		B(P);
+		O && P(O);
 	}), {
-		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
+		visible: computed(() => h.value),
+		position: computed(() => T.value),
+		originalPosition: computed(() => g.value),
+		feature: computed(() => _.value),
+		content: computed(() => y.value),
+		coordinate: computed(() => S.value),
+		option: computed(() => w.value),
+		hide: M
 	};
 }
-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);
+function useSwitchBaseLayer(a) {
+	let u = ref(a.defaultLayerName || Object.keys(a.layers)[0]);
+	return Object.values(a.layers).forEach((u) => {
+		u.forEach((u) => {
+			a.olMap.addLayer(u);
 		});
-	}), watch(b, () => {
-		Object.entries(e.layers).forEach(([e, x]) => {
-			let S = e === b.value;
-			x.forEach((e) => {
-				e.setVisible(S);
+	}), watch(u, () => {
+		Object.entries(a.layers).forEach(([a, d]) => {
+			let f = a === u.value;
+			d.forEach((a) => {
+				a.setVisible(f);
 			});
 		});
-	}, { immediate: !0 }), { visibleLayerName: b };
+	}, { immediate: !0 }), { visibleLayerName: u };
 }
 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, createBingLayer, createCircle, createCircleFeature, createCircleStyle, createFeature, createLineString, createLineStringFeature, createMultiLineString, createMultiLineStringFeature, createMultiPoint, createMultiPointFeature, createMultiPolygon, createMultiPolygonFeature, createOpenStreetMapLayer, createPoint, createPointFeature, createPolygon, createPolygonFeature, createStyle, createTextStyle, createTianDiTuLayer, createTianDiTuUrl, createVectorLayer, formatAngle, formatRotation, kmToNauticalMiles, mercatorExtentToWgs84, mercatorToWgs84, nauticalMilesToKm, olMapInjectionKey, useContextmenu, useDrawLineString, useDrawPolygon, useGraticule, useOlMap, usePointermove, useSwitchBaseLayer, wgs84ExtentToMercator, wgs84ToMercator };