qm-map-maplibre-gl 0.0.1

package/dist/qm-map.es.js

@@ -0,0 +1,1547 @@
+import { createContext as e, memo as t, useCallback as n, useContext as r, useEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { LngLatBounds as u, Map as d } from "maplibre-gl";
+import { createPortal as f } from "react-dom";
+import p from "@mapbox/mapbox-gl-draw";
+import m from "@turf/area";
+//#region src/gis/widget/BaseWidget/index.tsx
+var h = {
+	Swipe: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjcyMTk3MzE2MzYyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijk2NTIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTUzNy4xIDkxMC4yYzAgNy44IDcuOSAwIDAgMHogbS00OS4yIDBjLTcuOSAwIDAgNy44IDAgMHogbTQzOC40LTY1Mi40Yy0yLjctMi41LTYuNC00LTEwLjEtNC0yLjggMC01LjQgMC44LTcuOCAyLjRsLTM3MS4zIDI0M1YxMjMuMWMwLTcuOC0xNi43IDAtMjQuNiAwLTcuOSAwLTI0LjYtNy44LTI0LjYgMHYzNzYuMmwtMzcxLjMtMjQzYy0yLjUtMS42LTUuMS0yLjQtNy45LTIuNC02LjkgMC0xNC40IDUuNC0xNC40IDE0LjJ2NDk3LjRjMCA4LjcgNy41IDE0LjEgMTQuNSAxNC4xIDIuNyAwIDUuNC0wLjggNy44LTIuNGwzNzEuMy0yNDN2Mzc2LjJoNDkuMlY1MzRsMzcxLjMgMjQzYzIuNSAxLjYgNS4xIDIuNCA3LjkgMi40IDMuNyAwIDcuNC0xLjUgMTAuMS00IDItMS44IDQuMy01LjEgNC4zLTEwLjFWMjY4YzAtNS4xLTIuNC04LjMtNC40LTEwLjJ6IiBmaWxsPSIjMTQwQTBBIiBwLWlkPSI5NjUzIj48L3BhdGg+PC9zdmc+",
+	Legend: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjcyMTEwNzAzMTU0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ5NzIiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTExMiAxMTJtMzIgMGw3MzYgMHEzMiAwIDMyIDMybDAgNzM2cTAgMzItMzIgMzJsLTczNiAwcS0zMiAwLTMyLTMybDAtNzM2cTAtMzIgMzItMzJaIiBmaWxsPSIjRkZGRkZGIiBwLWlkPSI0OTczIj48L3BhdGg+PHBhdGggZD0iTTEyOCA5Nmg3NjhhMzIgMzIgMCAwIDEgMzIgMzJ2NzY4YTMyIDMyIDAgMCAxLTMyIDMySDEyOGEzMiAzMiAwIDAgMS0zMi0zMlYxMjhhMzIgMzIgMCAwIDEgMzItMzJ6IG0wIDMydjc2OGg3NjhWMTI4SDEyOHoiIGZpbGw9IiM1RDZEN0UiIHAtaWQ9IjQ5NzQiPjwvcGF0aD48cGF0aCBkPSJNMjI0IDM4NGg2NHY2NEgyMjRWMzg0eiBtMCAxMjhoNjR2NjRIMjI0di02NHogbTAgMTI4aDY0djY0SDIyNHYtNjR6IG0wIDEyOGg2NHY2NEgyMjR2LTY0ek01NDQgMzg0aDY0djY0aC02NFYzODR6IG0wIDEyOGg2NHY2NGgtNjR2LTY0eiBtMCAxMjhoNjR2NjRoLTY0di02NHogbTAgMTI4aDY0djY0aC02NHYtNjR6IiBmaWxsPSIjODA4RkExIiBwLWlkPSI0OTc1Ij48L3BhdGg+PHBhdGggZD0iTTMyMCAzODRoMTYwdjY0SDMyMFYzODR6IG0wIDEyOGgxNjB2NjRIMzIwdi02NHogbTAgMTI4aDE2MHY2NEgzMjB2LTY0eiBtMCAxMjhoMTYwdjY0SDMyMHYtNjR6TTY0MCAzODRoMTYwdjY0aC0xNjBWMzg0eiBtMCAxMjhoMTYwdjY0aC0xNjB2LTY0eiBtMCAxMjhoMTYwdjY0aC0xNjB2LTY0eiBtMCAxMjhoMTYwdjY0aC0xNjB2LTY0eiIgZmlsbD0iI0FDQjRDMCIgcC1pZD0iNDk3NiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjQgMjI0aDU3NnY5NkgyMjR6IiBmaWxsPSIjMzBBRDk4IiBwLWlkPSI0OTc3Ij48L3BhdGg+PC9zdmc+",
+	LayerList: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjcyMTMyNjkyNzI3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijg5OTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTg1Mi42IDQ2Mi45bDEyLjEgNy42YzI0LjggMTUuNiAzMi4zIDQ4LjMgMTYuNyA3My4yLTQuMiA2LjctOS45IDEyLjQtMTYuNyAxNi43TDU0MC40IDc2NC4xYy0xNy4zIDEwLjgtMzkuMiAxMC44LTU2LjQgMEwxNTkuMyA1NjBjLTI0LjgtMTUuNi0zMi4zLTQ4LjMtMTYuNy03My4yIDQuMi02LjcgOS45LTEyLjQgMTYuNy0xNi43bDEyLjEtNy42TDQ4My45IDY1OWMxNy4zIDEwLjggMzkuMiAxMC44IDU2LjQgMGwzMTIuMi0xOTYgMC4xLTAuMXogbTAgMTU2LjFsMTIuMSA3LjZjMjQuOCAxNS42IDMyLjMgNDguMyAxNi43IDczLjItNC4yIDYuNy05LjkgMTIuNC0xNi43IDE2LjdMNTQwLjQgOTIwLjJjLTE3LjMgMTAuOC0zOS4yIDEwLjggNTYuNCAwTDE1OS4zIDcxNi4xYy0yNC44LTE1LjYtMzIuMy00OC4zLTE2LjctNzMuMiA0LjItNi43IDkuOS0xMi40IDE2LjctMTYuN2wxMi4xLTcuNkw0ODMuOSA4MTVjMTcuMyAxMC44IDM5LjIgMTAuOCA1Ni40IDBsMzEyLjItMTk2aDAuMXpNNTQwIDEwNi40bDMyNC42IDIwNC4xYzI0LjggMTUuNiAzMi4zIDQ4LjMgMTYuNyA3My4yLTQuMiA2LjctOS45IDEyLjQtMTYuNyAxNi43TDU0MC40IDYwNGMtMTcuMyAxMC44LTM5LjIgMTAuOC01Ni40IDBMMTU5LjMgMzk5LjhjLTI0LjgtMTUuNi0zMi4zLTQ4LjMtMTYuNy03My4yIDQuMi02LjcgOS45LTEyLjQgMTYuNy0xNi43bDMyNC40LTIwMy43YzE3LjMtMTAuOCAzOS4yLTEwLjggNTYuNCAwbC0wLjEgMC4yeiIgcC1pZD0iODk5MSI+PC9wYXRoPjwvc3ZnPg==",
+	Print: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzc5NjgwOTI2ODcwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE2ODkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTI5MS42MTk2NCAxMDI0aDQzOC43NThhNzIuOTAxIDcyLjkwMSAwIDAgMCA3MS41NTItNzQuMjUxVjczMS4wNDRIMjE5LjM5MjY0Vjk0OS43NUE3Mi45MDEgNzIuOTAxIDAgMCAwIDI5MS42MjA2NCAxMDI0ek03MzAuMzc3NjQgMC4wMDVIMjkxLjYyMDY0YTcxLjU1MSA3MS41NTEgMCAwIDAtNzIuMjI3IDY3LjUwMXYyMjIuMDhoNTgzLjIxMlY3Mi4yM0E3Mi4yMjYgNzIuMjI2IDAgMCAwIDczNS4xMDI2NCAwLjAwNXogbTE0Ny4xNTMgMjg5LjU4djc0LjkyN0gxNDUuODE2NjR2LTc0LjkyN0g3Mi4yMzk2NEE3My41NzYgNzMuNTc2IDAgMCAwIDAuMDEzNjQgMzY0LjUxMnY1MTMuMDFBNzIuOTAxIDcyLjkwMSAwIDAgMCA3MS41NjQ2NCA5NTEuMWg3NC4yNTJWNjU3LjQ2OEg4NzcuNTMwNjR2MjkyLjk1Nmg3NC4yNTJhNzMuNTc2IDczLjU3NiAwIDAgMCA3Mi4yMjYtNzIuOTAydi01MTMuMDFhNzQuOTI2IDc0LjkyNiAwIDAgMC03NC4yNTEtNzQuOTI3eiBtMCAyMjIuNzU1SDY1Ny40NzY2NHYtNzQuMjUySDg3Ny41MzA2NHoiIHAtaWQ9IjE2OTAiPjwvcGF0aD48L3N2Zz4="
+}, g = t((e) => {
+	let { position: t, children: n, name: r, icon: i, width: a, height: s, openHandle: u } = e, [d, f] = o(!1), [p, m] = o(!1);
+	return /* @__PURE__ */ l("div", {
+		className: "maplibregl-control",
+		style: {
+			width: d ? a ?? 30 : 30,
+			height: d ? s ?? 30 : 30,
+			...t
+		},
+		children: [/* @__PURE__ */ l("div", {
+			className: "maplibregl-bar",
+			children: [/* @__PURE__ */ c("div", {
+				className: "maplibregl-bar-button",
+				onClick: () => {
+					u ? (u(!p), m(!p)) : f(!d);
+				},
+				title: r ?? "",
+				style: { backgroundImage: `url(${i})` }
+			}), r && /* @__PURE__ */ c("div", {
+				className: "maplibregl-bar-title",
+				children: r
+			})]
+		}), d && n]
+	});
+});
+//#endregion
+//#region src/gis/utils.ts
+function _(e, t = /* @__PURE__ */ new WeakMap()) {
+	if (typeof e != "object" || !e) return e;
+	if (t.has(e)) return t.get(e);
+	let n;
+	return e instanceof Date ? n = new Date(e.getTime()) : e instanceof RegExp ? (n = new RegExp(e.source, e.flags), n.lastIndex = e.lastIndex) : e instanceof Map ? (n = /* @__PURE__ */ new Map(), t.set(e, n), e.forEach((e, r) => {
+		n.set(_(r, t), _(e, t));
+	})) : e instanceof Set ? (n = /* @__PURE__ */ new Set(), t.set(e, n), e.forEach((e) => {
+		n.add(_(e, t));
+	})) : Array.isArray(e) ? (n = [], t.set(e, n), e.forEach((e, r) => {
+		n[r] = _(e, t);
+	})) : (n = Object.create(Object.getPrototypeOf(e)), t.set(e, n), Reflect.ownKeys(e).forEach((r) => {
+		let i = e[r];
+		n[r] = _(i, t);
+	})), n;
+}
+var v = (e, t) => {
+	let n = null;
+	return (r) => {
+		n && clearTimeout(n), n = setTimeout(() => {
+			e(r);
+		}, t);
+	};
+}, y = (e, t) => {
+	Array.isArray(t) && t.length > 0 && t.forEach((t) => {
+		e.push(t), t.layers instanceof Array && y(e, t.layers);
+	});
+}, b = (e, t) => {
+	t[0] instanceof Array ? t.forEach((t) => {
+		t[0] instanceof Array ? b(e, t) : e.extend(t);
+	}) : e.extend(t);
+}, x = (e) => {
+	let t = new u();
+	return b(t, e.geometry.coordinates), t;
+}, S = class {
+	_options;
+	get options() {
+		return this._options;
+	}
+	constructor(e) {
+		this._options = e;
+	}
+	onAdd(e, t) {
+		if (this._options.isAdd === !1) {
+			this._options.isAdd = !1;
+			return;
+		}
+		t = e.findValidBeforeId(this._options.id), this.add(e, t), this._options.isAdd = !0;
+	}
+	onRemove(e, t) {
+		if (this._options.isAdd) return;
+		e.getLayer(this._options.id) && e.removeLayer(this._options.id);
+		let n = this._options.id + "-ds";
+		t && e.removeSource(n), this._options.isAdd = !1;
+	}
+}, C = class extends S {
+	constructor(e) {
+		super(e), this._options = e;
+	}
+	add(e, t) {
+		let { id: n, source: r } = this._options, i = this._options.id + "-ds";
+		typeof r == "string" && (i = r), !e.getSource(i) && r && typeof r != "string" && e.addSource(i, r);
+		let a = e.getLayer(n), o = e.getSource(i);
+		if (!a && o) {
+			let n = {
+				...this._options,
+				source: i
+			};
+			e.addLayer(n, t);
+		}
+	}
+}, w = class e {
+	_options;
+	get options() {
+		return this._options;
+	}
+	_layers = [];
+	get layers() {
+		return this._layers;
+	}
+	constructor(t) {
+		this._options = t, t.layers.forEach((t) => {
+			let n;
+			n = "layers" in t ? new e(t) : new C(t), this._layers.push(n);
+		});
+	}
+	onAdd(e, t) {
+		this._layers.forEach((n) => {
+			e.addLayerWrapper(n, t);
+		}), this.updateOptions();
+	}
+	onRemove(e) {
+		this._layers.forEach((t) => {
+			e.removeLayerWrapper(t, !1);
+		}), this.updateOptions();
+	}
+	updateOptions() {
+		let e = this._layers.findIndex((e) => e.options.isAdd) > -1;
+		this._options.isAdd = e;
+	}
+}, T = {
+	MAPINITED: "MAPINITED",
+	MAPCLICKED: "MAPCLICKED",
+	MAPLAYERCHANGED: "MAPLAYERCHANGED",
+	MAPDESTRORY: "MAPDESTRORY"
+}, E = class extends d {
+	_id;
+	get id() {
+		return this._id;
+	}
+	_options;
+	get options() {
+		return this._options;
+	}
+	_mapLayerSetting;
+	get mapLayerSetting() {
+		return this._mapLayerSetting;
+	}
+	_images = [];
+	get images() {
+		return this._images;
+	}
+	_layers = [];
+	get layers() {
+		return this._layers;
+	}
+	constructor(e) {
+		super(e), this._options = e, this._id = e.id, this._mapLayerSetting = [], this.fire(T.MAPINITED, { map: this });
+	}
+	getLayerWrapper(e, t) {
+		for (let n of e) if (n.options.id === t) return n;
+		else if ("layers" in n) {
+			let e = this.getLayerWrapper(n.layers, t);
+			if (e) return e;
+		}
+	}
+	addLayerWrapper(e, t) {
+		e.onAdd(this, t), this.fire(T.MAPLAYERCHANGED, {
+			map: this,
+			layer: e
+		});
+	}
+	removeLayerWrapper(e, t) {
+		e.onRemove(this, t), this.fire(T.MAPLAYERCHANGED, {
+			map: this,
+			layer: e
+		});
+	}
+	load(e) {
+		this._mapLayerSetting = e, e.forEach((e) => {
+			let t;
+			t = "layers" in e ? new w(e) : new C(e), this.addLayerWrapper(t), this._layers.push(t);
+		});
+	}
+	selectFeature(e) {
+		this.clearSelect();
+		let t = "location-ds";
+		this.addSource(t, {
+			type: "geojson",
+			data: e
+		}), this.addLayer({
+			id: "location-lyr",
+			type: "line",
+			paint: {
+				"line-color": "#00ffff",
+				"line-width": 2
+			},
+			source: t
+		});
+	}
+	clearSelect() {
+		let e = "location-lyr";
+		this.getLayer(e) && (this.removeLayer(e), this.removeSource("location-ds"));
+	}
+	findValidBeforeId(e) {
+		let t = this.getLayerList(), n = t.findIndex((t) => t.options.id === e);
+		if (n > -1) for (let e = n; e < t.length; e++) {
+			let n = this.getLayer(t[e].options.id);
+			if (n) return n.id;
+		}
+	}
+	getLayerList() {
+		let e = [];
+		return y(e, this.layers), e;
+	}
+	destory() {
+		this.fire(T.MAPDESTRORY, { map: this }), this.remove();
+	}
+}, D = e({ map: null }), O = () => {
+	let e = r(D);
+	if (!e) throw Error("只能在函数组件中使用");
+	return e;
+};
+//#endregion
+//#region src/gis/widget/MapWidget/index.tsx
+function k(e) {
+	let { mapOptions: t, mapLayerSettting: n, children: r, onMapLoad: s, className: l } = e, u = a(null), [d, f] = o(!1), { current: p } = a({ map: null });
+	return i(() => {
+		let e = new E({
+			pitch: 0,
+			bearing: 0,
+			doubleClickZoom: !1,
+			attributionControl: !1,
+			renderWorldCopies: !1,
+			trackResize: !0,
+			...t,
+			container: u.current,
+			style: {
+				version: 8,
+				glyphs: "/font/{fontstack}/{range}.pbf",
+				sources: {},
+				layers: []
+			}
+		}), r = () => {
+			e.load(_(n)), f(!0), s?.(e), p && (p.map = e);
+		};
+		e.on("load", r), e.on("click", () => {
+			console.log("center:", e.getCenter(), "zoom:", e.getZoom());
+		});
+		let i = v(() => {
+			e.resize();
+		}, 10);
+		return new ResizeObserver(i).observe(u?.current), () => {
+			e.off("load", r);
+		};
+	}, []), /* @__PURE__ */ c("div", {
+		ref: u,
+		className: l ?? "map-wrapper",
+		id: "map-wrapper",
+		children: d && p && /* @__PURE__ */ c(D.Provider, {
+			value: p,
+			children: r
+		})
+	});
+}
+var A = t(k), j = (e, t) => {
+	for (let n of e) {
+		if (n.key === t) return n;
+		if (n.children) {
+			let e = j(n.children, t);
+			if (e) return e;
+		}
+	}
+	return null;
+}, M = (e) => {
+	let t = [];
+	return e.children && e.children.length > 0 && e.children.forEach((e) => {
+		t.push(e.key), t.push(...M(e));
+	}), t;
+}, N = (e) => !e.children || e.children.length === 0, ee = (e, t) => t.includes(e.key), te = (e, t) => {
+	if (N(e)) return !1;
+	let n = M(e);
+	if (n.length === 0) return !1;
+	let r = n.filter((e) => t.includes(e));
+	return r.length > 0 && r.length < n.length;
+}, P = t((e) => {
+	let { node: t, level: n, checkedKeys: r, checkable: i, onCheck: a } = e, [s, u] = o(!0), d = !N(t), f = ee(t, r), p = te(t, r);
+	return /* @__PURE__ */ l("div", {
+		className: "qm-tree-node",
+		children: [/* @__PURE__ */ l("div", {
+			className: "qm-tree-node-content",
+			style: { paddingLeft: n * 18 },
+			children: [
+				/* @__PURE__ */ c("span", {
+					className: `qm-tree-switcher ${d ? "" : "qm-tree-switcher-noop"} ${s ? "qm-tree-switcher-expanded" : ""}`,
+					onClick: () => {
+						d && u(!s);
+					},
+					children: d && /* @__PURE__ */ c("svg", {
+						viewBox: "0 0 1024 1024",
+						width: "12",
+						height: "12",
+						fill: "currentColor",
+						children: /* @__PURE__ */ c("path", { d: "M715.8 493.5L435.6 213.3c-12.4-12.4-32.8-12.4-45.2 0s-12.4 32.8 0 45.2l245.8 245.8-245.8 245.8c-12.4 12.4-12.4 32.8 0 45.2 6.2 6.2 14.3 9.3 22.6 9.3s16.4-3.1 22.6-9.3l280.2-280.2c12.4-12.4 12.4-32.8 0-45.2z" })
+					})
+				}),
+				i && /* @__PURE__ */ c("span", {
+					className: `qm-tree-checkbox ${f ? "qm-tree-checkbox-checked" : ""} ${p ? "qm-tree-checkbox-indeterminate" : ""}`,
+					onClick: () => {
+						a(t.key);
+					},
+					children: /* @__PURE__ */ l("span", {
+						className: "qm-tree-checkbox-inner",
+						children: [f && /* @__PURE__ */ c("svg", {
+							viewBox: "0 0 1024 1024",
+							width: "10",
+							height: "10",
+							fill: "white",
+							children: /* @__PURE__ */ c("path", { d: "M912 224l-448 448-192-192-64 64 256 256 512-512z" })
+						}), p && /* @__PURE__ */ c("span", { className: "qm-tree-checkbox-indeterminate-icon" })]
+					})
+				}),
+				/* @__PURE__ */ c("span", {
+					className: "qm-tree-node-title",
+					title: typeof t.title == "string" ? t.title : "",
+					children: t.title
+				})
+			]
+		}), d && s && /* @__PURE__ */ c("div", {
+			className: "qm-tree-children",
+			children: t.children.map((e) => /* @__PURE__ */ c(P, {
+				node: e,
+				level: n + 1,
+				checkedKeys: r,
+				checkable: i,
+				onCheck: a
+			}, e.key))
+		})]
+	});
+}), F = t((e) => {
+	let { treeData: t, checkable: r = !1, checkedKeys: i, onCheck: a, style: s } = e, [l, u] = o([]), d = i !== void 0, f = d ? i : l, p = (e, n) => {
+		let r = j(t, n);
+		if (!r) return e;
+		let i = e.includes(n), a;
+		if (i) {
+			let t = M(r), i = new Set([n, ...t]);
+			a = e.filter((e) => !i.has(e));
+		} else {
+			let t = M(r);
+			a = Array.from(new Set([
+				...e,
+				n,
+				...t
+			]));
+		}
+		return a;
+	}, m = n((e) => {
+		if (d) {
+			let t = p(f, e);
+			a?.(t);
+		} else u((t) => {
+			let n = p(t, e);
+			return a?.(n), n;
+		});
+	}, [
+		f,
+		t,
+		d,
+		a
+	]);
+	return /* @__PURE__ */ c("div", {
+		className: "qm-tree",
+		style: s,
+		children: t.map((e) => /* @__PURE__ */ c(P, {
+			node: e,
+			level: 0,
+			checkedKeys: f,
+			checkable: r,
+			onCheck: m
+		}, e.key))
+	});
+}), I = t((e) => {
+	let [t, r] = o([]), { map: a } = O(), [s, l] = o([]), u = n((e, t) => {
+		let n, r = [];
+		return e.forEach((e) => {
+			n = void 0, n = "layers" in e && e.options.type === "logicGroup" ? {
+				title: e.options.name,
+				key: e.options.id,
+				selectable: !1,
+				children: u(e.layers, t)
+			} : {
+				title: e.options.name,
+				key: e.options.id,
+				selectable: !1
+			}, n && r.push(n), e.options.isAdd && e.options.type !== "logicGroup" && t.push(e.options.id);
+		}), r;
+	}, []), d = (e) => {
+		r(e);
+		let n = new Set([...t, ...e]), i = new Set([...n].filter((e) => !t.includes(e))), o = new Set([...n].filter((t) => !e.includes(t)));
+		i.forEach((e) => {
+			let t = a?.getLayerWrapper(a.layers, e);
+			t && "layers" in t ? (t.layers.forEach((e) => {
+				e.options.isAdd = !0;
+			}), a?.addLayerWrapper(t)) : t && (t.options.isAdd = !0, a?.addLayerWrapper(t));
+		}), o.forEach((e) => {
+			let t = a?.getLayerWrapper(a.layers, e);
+			t && "layers" in t ? (t.layers.forEach((e) => {
+				e.options.isAdd = !1;
+			}), a?.removeLayerWrapper(t)) : t && (t.options.isAdd = !1, a?.removeLayerWrapper(t));
+		}), a.layers.forEach((e) => {
+			f(e);
+		});
+	}, f = (e) => {
+		"layers" in e && e.layers.findIndex((e) => e.options.type === "logicGroup") > -1 ? e.layers.forEach((e) => {
+			f(e);
+		}) : "layers" in e && e.options.type === "logicGroup" && (e.layers.findIndex((e) => e.options.isAdd) === -1 ? e.options.isAdd = !1 : e.options.isAdd = !0);
+	};
+	return i(() => {
+		let e = () => {
+			let e = [];
+			l(a ? u(a.layers, e) : []), r(e);
+		}, t = v(() => {
+			e();
+		}, 300);
+		return a?.on(T.MAPLAYERCHANGED, t), e(), () => {
+			a?.off(T.MAPLAYERCHANGED, t);
+		};
+	}, []), /* @__PURE__ */ c(g, {
+		name: "图层控制",
+		position: e.position,
+		icon: h.LayerList,
+		width: 200,
+		height: t.length * 28 < 280 ? 280 : t.length * 28,
+		children: /* @__PURE__ */ c(F, {
+			checkable: !0,
+			checkedKeys: t,
+			onCheck: (e) => d(e),
+			treeData: s,
+			style: {
+				fontSize: 12,
+				maxHeight: 400,
+				overflowX: "hidden",
+				overflowY: "auto"
+			}
+		})
+	});
+}), L = t((e) => {
+	let { map: t } = O(), [r, a] = o(), [s, u] = o(0), d = n((e, n, r) => {
+		let i;
+		e.forEach((e) => {
+			if (i = void 0, "layers" in e && !e.options.legend) d(e.layers, n, r);
+			else if (e.options.legend && (e.options.isAdd || "layers" in e && e.layers.filter((e) => e.options.isAdd).length)) {
+				let { title: r, items: a } = e.options.legend;
+				if (a) i = /* @__PURE__ */ l("div", {
+					className: "maplibregl-legend-group",
+					children: [/* @__PURE__ */ c("div", {
+						className: "maplibregl-legend-tilte",
+						children: r || e.options.name
+					}), a?.map((e) => {
+						n.push(26);
+						let r = t?.images.find((t) => t.id === e.imageId);
+						return /* @__PURE__ */ l("div", {
+							className: "maplibregl-legend-item",
+							children: [r ? /* @__PURE__ */ c("img", {
+								src: r.data,
+								alt: "",
+								className: "maplibregl-legend-item-img"
+							}) : /* @__PURE__ */ c("div", {
+								className: "maplibregl-legend-item-geo",
+								style: e.style
+							}), /* @__PURE__ */ c("div", {
+								className: "maplibregl-legend-item-text",
+								children: e.text
+							})]
+						}, e.text);
+					})]
+				}, e.options.id), n.push(50);
+				else {
+					let { style: a, imageId: o, text: s } = e.options.legend, u = t?.images.find((e) => e.id === o);
+					n.push(26), i = /* @__PURE__ */ l("div", {
+						className: "maplibregl-legend-item",
+						children: [u ? /* @__PURE__ */ c("img", {
+							src: u.data,
+							alt: "",
+							className: "maplibregl-legend-item-img"
+						}) : /* @__PURE__ */ c("div", {
+							className: "maplibregl-legend-item-geo",
+							style: a
+						}), /* @__PURE__ */ c("div", {
+							className: "maplibregl-legend-item-text",
+							children: s || e.options.name
+						})]
+					}, s || r || e.options.id);
+				}
+			} else i = void 0;
+			i && r.push(i);
+		});
+	}, []);
+	return i(() => {
+		let e = () => {
+			let e = [], n = [];
+			d(t.layers, e, n), a(n), u(e.reduce((e, t) => e + t, 0) + 40);
+		}, n = v(() => {
+			e();
+		}, 200);
+		return t?.on(T.MAPLAYERCHANGED, n), e(), () => {
+			t?.off(T.MAPLAYERCHANGED, n);
+		};
+	}, []), /* @__PURE__ */ c(g, {
+		name: "图例",
+		position: e.position,
+		icon: h.Legend,
+		width: 180,
+		height: s,
+		children: /* @__PURE__ */ c("div", {
+			className: "maplibregl-legend",
+			children: r
+		})
+	});
+}), R = {
+	JPEG: "jpg",
+	PNG: "png",
+	PDF: "pdf",
+	SVG: "svg"
+}, z = { mm: "mm" }, B = {
+	A2: [594, 420],
+	A3: [420, 297],
+	A4: [297, 210],
+	A5: [210, 148],
+	A6: [148, 105],
+	B2: [707, 500],
+	B3: [500, 353],
+	B4: [353, 250],
+	B5: [250, 176],
+	B6: [176, 125],
+	Letter: [279, 216]
+}, V = {
+	横向: "landscape",
+	纵向: "portrait"
+}, H = {
+	72: 72,
+	96: 96,
+	200: 200,
+	300: 300,
+	400: 400
+}, U = class {
+	map;
+	svgCanvas;
+	constructor(e) {
+		this.map = e, this.svgCanvas = null;
+	}
+	create() {
+		if (!this.map) return;
+		let e = this.map.getCanvasContainer(), t = this.map.getCanvas().clientWidth, n = this.map.getCanvas().clientHeight, r = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+		r.setAttribute("class", "qm-print-crosshair"), r.style.cssText = `position:absolute;top:0;left:0;width:${t}px;height:${n}px;pointer-events:none;`;
+		let i = t / 2, a = n / 2, o = document.createElementNS("http://www.w3.org/2000/svg", "line");
+		o.setAttribute("x1", `${i}`), o.setAttribute("y1", "0"), o.setAttribute("x2", `${i}`), o.setAttribute("y2", `${n}`), o.setAttribute("stroke", "#dddddd"), o.setAttribute("stroke-width", "2"), o.setAttribute("stroke-dasharray", "5,5");
+		let s = document.createElementNS("http://www.w3.org/2000/svg", "line");
+		s.setAttribute("x1", "0"), s.setAttribute("y1", `${a}`), s.setAttribute("x2", `${t}`), s.setAttribute("y2", `${a}`), s.setAttribute("stroke", "#dddddd"), s.setAttribute("stroke-width", "2"), s.setAttribute("stroke-dasharray", "5,5"), r.appendChild(o), r.appendChild(s), e.appendChild(r), this.svgCanvas = r;
+	}
+	destroy() {
+		this.svgCanvas?.remove(), this.svgCanvas = null, this.map = null;
+	}
+}, W = class {
+	map;
+	svgCanvas;
+	path;
+	constructor(e) {
+		this.map = e, this.svgCanvas = null, this.path = null;
+	}
+	updateArea(e, t, n = z.mm) {
+		if (!this.map || !this.svgCanvas) return;
+		let r = this.map.getCanvas().clientWidth, i = this.map.getCanvas().clientHeight, a = this.toPixels(e, n), o = this.toPixels(t, n), s = r / a, c = i / o, l = Math.min(s, c, 1), u = a * l, d = o * l, f = (r - u) / 2, p = (i - d) / 2, m = f + u, h = p + d, g = `M 0 0 L ${r} 0 L ${r} ${i} L 0 ${i} Z M ${f} ${p} L ${m} ${p} L ${m} ${h} L ${f} ${h} Z`;
+		this.path?.setAttribute("d", g);
+	}
+	create() {
+		if (!this.map) return;
+		let e = this.map.getCanvasContainer(), t = this.map.getCanvas().clientWidth, n = this.map.getCanvas().clientHeight, r = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+		r.style.cssText = `position:absolute;top:0;left:0;width:${t}px;height:${n}px;pointer-events:none;`;
+		let i = document.createElementNS("http://www.w3.org/2000/svg", "path");
+		i.setAttribute("fill", "#888888"), i.setAttribute("fill-opacity", "0.5"), i.setAttribute("stroke-width", "0"), i.setAttribute("fill-rule", "evenodd"), r.appendChild(i), e.appendChild(r), this.svgCanvas = r, this.path = i;
+	}
+	destroy() {
+		this.svgCanvas?.remove(), this.svgCanvas = null, this.path = null, this.map = null;
+	}
+	toPixels(e, t) {
+		return t === z.mm ? 96 / 25.4 * e : 96 * e;
+	}
+}, G = class {
+	toPNG(e, t) {
+		e.toBlob((e) => {
+			if (e) {
+				let n = URL.createObjectURL(e), r = document.createElement("a");
+				r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
+			}
+		});
+	}
+	toJPEG(e, t, n = .85) {
+		let r = document.createElement("canvas");
+		r.width = e.width, r.height = e.height;
+		let i = r.getContext("2d");
+		i && (i.fillStyle = "#FFFFFF", i.fillRect(0, 0, r.width, r.height), i.drawImage(e, 0, 0));
+		let a = r.toDataURL("image/jpeg", Math.max(0, Math.min(1, n))), o = document.createElement("a");
+		o.href = a, o.download = t, o.click();
+	}
+}, K = "<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--gis\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"M47.655 1.634l-35 95c-.828 2.24 1.659 4.255 3.68 2.98l33.667-21.228l33.666 21.228c2.02 1.271 4.503-.74 3.678-2.98l-35-95C51.907.514 51.163.006 50 .008c-1.163.001-1.99.65-2.345 1.626zm-.155 14.88v57.54L19.89 91.461z\" fill=\"none\" stroke=\"white\" stroke-width=\"1.5\"/><path d=\"M47.655 1.634l-35 95c-.828 2.24 1.659 4.255 3.68 2.98l33.667-21.228l33.666 21.228c2.02 1.271 4.503-.74 3.678-2.98l-35-95C51.907.514 51.163.006 50 .008c-1.163.001-1.99.65-2.345 1.626zm-.155 14.88v57.54L19.89 91.461z\" fill=\"#000000\" fill-rule=\"evenodd\"></path></svg>", q = {
+	image: K,
+	imageName: "gl-export-north-icon",
+	imageSizeFraction: .05,
+	visibility: "visible",
+	position: "top-right"
+}, J = class {
+	options;
+	constructor(e) {
+		this.options = {
+			...q,
+			...e,
+			image: e?.image ?? K
+		};
+	}
+	async addToMap(e, t, n) {
+		let r = this.options.visibility ?? "visible";
+		e.getZoom() < 2 && t > n && (r = "none"), await this.addNorthIconImage(e);
+		let i = this.getIconWidth(e, this.options.imageSizeFraction ?? .08) * .8, a = this.getElementPosition(e, this.options.position ?? "top-right", i), o = e.unproject(a), s = this.options.imageName ?? "gl-export-north-icon";
+		e.addSource(s, {
+			type: "geojson",
+			data: {
+				type: "Feature",
+				geometry: {
+					type: "Point",
+					coordinates: [o.lng, o.lat]
+				},
+				properties: {}
+			}
+		}), e.addLayer({
+			id: s,
+			source: s,
+			type: "symbol",
+			layout: {
+				"icon-image": s,
+				"icon-size": 1,
+				"icon-rotate": e.getBearing() * -1,
+				"icon-allow-overlap": !0,
+				"icon-ignore-placement": !0,
+				visibility: r
+			},
+			paint: {}
+		});
+	}
+	async addNorthIconImage(e) {
+		let t = this.getIconWidth(e, this.options.imageSizeFraction ?? .08);
+		return new Promise((n) => {
+			let r = new Image(t, t);
+			r.onload = () => {
+				this.options.imageName && e.addImage(this.options.imageName, r), n();
+			};
+			function i(e) {
+				return "data:image/svg+xml;charset=utf-8," + encodeURIComponent(e);
+			}
+			this.options.image && (r.src = i(this.options.image));
+		});
+	}
+	getIconWidth(e, t) {
+		let n = e.getContainer(), r = parseInt(n.style.width.replace("px", ""));
+		return parseInt(`${r * t}`);
+	}
+	getElementPosition(e, t, n = 0) {
+		let r = e.getContainer(), i = 0, a = 0;
+		switch (t) {
+			case "top-left":
+				i = 0 + n, a = 0 + n;
+				break;
+			case "top-right":
+				i = parseInt(r.style.width.replace("px", "")) - n, a = 0 + n;
+				break;
+			case "bottom-left":
+				i = 0 + n, a = parseInt(r.style.height.replace("px", "")) - n;
+				break;
+			case "bottom-right":
+				i = parseInt(r.style.width.replace("px", "")) - n, a = parseInt(r.style.height.replace("px", "")) - n;
+				break;
+			default: break;
+		}
+		return [i, a];
+	}
+	updateOptions(e) {
+		this.options = {
+			...this.options,
+			...e,
+			image: e.image ?? this.options.image
+		};
+	}
+}, Y = {
+	"circle-radius": 8,
+	"circle-color": "red",
+	"circle-stroke-width": 1,
+	"circle-stroke-color": "black"
+}, X = "maplibregl-marker", ne = class {
+	sourceMap;
+	renderMap;
+	markerClassName;
+	markerCirclePaint;
+	constructor(e, t, n) {
+		this.sourceMap = e, this.renderMap = t, this.markerClassName = n?.markerClassName ?? X, this.markerCirclePaint = {
+			...Y,
+			...n?.markerCirclePaint
+		};
+	}
+	getMarkers() {
+		return this.sourceMap.getCanvasContainer().getElementsByClassName(this.markerClassName);
+	}
+	renderMarkers() {
+		let e = this.getMarkers(), t = e.length;
+		if (t === 0) return !1;
+		for (let n = 0; n < t; n++) {
+			let t = e.item(n);
+			if (!t) continue;
+			let r = t.getAttribute("style");
+			if (!r) continue;
+			let i = r.match(/translate\(([^,]+)px,\s*([^,]+)px\)/);
+			if (!i) continue;
+			let a = parseInt(i[1]), o = parseInt(i[2]), s = this.sourceMap.unproject([a, o]), c = `print-marker-${n}`;
+			this.renderMap.addSource(c, {
+				type: "geojson",
+				data: {
+					type: "Point",
+					coordinates: [s.lng, s.lat]
+				}
+			}), this.renderMap.addLayer({
+				id: c,
+				source: c,
+				type: "circle",
+				paint: this.markerCirclePaint
+			});
+		}
+		return !0;
+	}
+}, re = class {
+	width;
+	height;
+	unit;
+	constructor(e, t, n) {
+		this.width = e, this.height = t, this.unit = n;
+	}
+	generate(e, t) {
+		let n = this.buildPDF(e), r = new Blob([n], { type: "application/pdf" }), i = URL.createObjectURL(r), a = document.createElement("a");
+		a.href = i, a.download = t, a.click(), URL.revokeObjectURL(i);
+	}
+	buildPDF(e) {
+		let t = this.unit === z.mm ? this.width * 2.83465 : this.width * 72, n = this.unit === z.mm ? this.height * 2.83465 : this.height * 72, r = document.createElement("canvas");
+		r.width = e.width, r.height = e.height;
+		let i = r.getContext("2d");
+		i && (i.fillStyle = "#FFFFFF", i.fillRect(0, 0, r.width, r.height), i.drawImage(e, 0, 0));
+		let a = r.toDataURL("image/jpeg", .92).split(",")[1], o = atob(a), s = new Uint8Array(o.length);
+		for (let e = 0; e < o.length; e++) s[e] = o.charCodeAt(e);
+		return this.createPDFStructure(t, n, e.width, e.height, s);
+	}
+	createPDFStructure(e, t, n, r, i) {
+		let a = Math.round(e), o = Math.round(t), s = i.length, c = 0, l = c;
+		c += 49;
+		let u = c;
+		c += 57;
+		let d = `3 0 obj\n<< /Type /Page /Parent 2 0 R /MediaBox [0 0 ${a} ${o}] /Contents 4 0 R /Resources << /XObject << /Im0 5 0 R >> >> >>\nendobj\n`, f = c;
+		c += d.length;
+		let p = `q\n${a} 0 0 ${o} 0 0 cm\n/Im0 Do\nQ\n`, m = `4 0 obj\n<< /Length ${p.length} >>\nstream\n${p}endstream\nendobj\n`, h = c;
+		c += m.length;
+		let g = `5 0 obj\n<< /Type /XObject /Subtype /Image /Width ${n} /Height ${r} /ColorSpace /DeviceRGB /BitsPerComponent 8 /Filter /DCTDecode /Length ${s} >>\nstream\n`, _ = c;
+		c += g.length + s + 18;
+		let v = c, y = `xref\n0 6\n0000000000 65535 f \n${String(l).padStart(10, "0")} 00000 n \n${String(u).padStart(10, "0")} 00000 n \n${String(f).padStart(10, "0")} 00000 n \n${String(h).padStart(10, "0")} 00000 n \n${String(_).padStart(10, "0")} 00000 n \n`, b = `trailer\n<< /Size 6 /Root 1 0 R >>\nstartxref\n${v}\n%%EOF`, x = new TextEncoder(), S = [
+			x.encode("%PDF-1.4\n"),
+			x.encode("1 0 obj\n<< /Type /Catalog /Pages 2 0 R >>\nendobj\n"),
+			x.encode("2 0 obj\n<< /Type /Pages /Kids [3 0 R] /Count 1 >>\nendobj\n"),
+			x.encode(d),
+			x.encode(m),
+			x.encode(g),
+			i,
+			x.encode("\nendstream\nendobj\n"),
+			x.encode(y),
+			x.encode(b)
+		], C = S.reduce((e, t) => e + t.length, 0), w = new Uint8Array(C), T = 0;
+		for (let e of S) w.set(e, T), T += e.length;
+		return w.buffer;
+	}
+}, ie = class {
+	toSVG(e, t, n, r, i, a) {
+		let o = e.toDataURL("image/png"), s = i === "mm" ? a / 25.4 : a, c = s * n, l = s * r, u = `
+<svg xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  version="1.1"
+  width="${c}"
+  height="${l}"
+  viewBox="0 0 ${c} ${l}"
+  xml:space="preserve">
+  <image xlink:href="${o}" width="${c}" height="${l}"></image>
+</svg>`, d = `data:application/xml,${encodeURIComponent(u)}`, f = document.createElement("a");
+		f.href = d, f.download = t, f.click();
+	}
+}, ae = class {
+	map;
+	width;
+	height;
+	dpi;
+	format;
+	unit;
+	jpegQuality;
+	northIcon;
+	northIconOptions;
+	markerOptions;
+	constructor(e, t, n, r, i = z.mm, a) {
+		this.map = e, this.width = t[0], this.height = t[1], this.dpi = n, this.format = r, this.unit = i, this.jpegQuality = a?.jpegQuality ?? .85, this.northIcon = a?.northIcon ?? !1, this.northIconOptions = a?.northIconOptions, this.markerOptions = a?.markerOptions ?? {};
+	}
+	generate(e) {
+		this.showLoading();
+		let t = window.devicePixelRatio;
+		Object.defineProperty(window, "devicePixelRatio", { get: () => this.dpi / 96 });
+		let n = document.createElement("div");
+		n.className = "qm-print-hidden-container", n.style.cssText = "\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      visibility: hidden;\n      pointer-events: none;\n    ";
+		let r = document.createElement("div"), i = this.toPixels(this.width), a = this.toPixels(this.height);
+		r.style.cssText = `position:absolute;top:0;left:0;width:${i}px;height:${a}px;`, n.appendChild(r), document.body.appendChild(n);
+		let o = new d({
+			container: r,
+			style: this.map.getStyle(),
+			center: this.map.getCenter(),
+			zoom: this.map.getZoom(),
+			bearing: this.map.getBearing(),
+			pitch: this.map.getPitch(),
+			interactive: !1,
+			fadeDuration: 0,
+			attributionControl: !1,
+			canvasContextAttributes: { preserveDrawingBuffer: !0 },
+			transformRequest: this.map._requestManager._transformRequestFn
+		});
+		this.map.getTerrain() && (o.setMaxPitch(85), o.setPitch(this.map.getPitch()));
+		let s = this.map.style?.imageManager?.images || [];
+		Object.keys(s).forEach((e) => {
+			o.hasImage(e) || o.addImage(e, s[e].data);
+		});
+		let c = () => new Promise((e) => {
+			if (!o.isStyleLoaded() || !o.areTilesLoaded()) {
+				setTimeout(c, 100);
+				return;
+			}
+			setTimeout(e, 200);
+		});
+		o.once("idle", async () => {
+			await c(), this.northIcon && (await new J(this.northIconOptions).addToMap(o, this.width, this.height), await new Promise((e) => {
+				o.once("idle", () => {
+					setTimeout(e, 200);
+				});
+			})), new ne(this.map, o, this.markerOptions).renderMarkers() && await new Promise((e) => {
+				o.once("idle", () => {
+					setTimeout(e, 200);
+				});
+			});
+			let r = o.getCanvas(), i = r.getContext("webgl") || r.getContext("webgl2");
+			i && i.readPixels(0, 0, 1, 1, i.RGBA, i.UNSIGNED_BYTE, new Uint8Array(4));
+			let a = `map.${this.format}`, s = new G();
+			switch (this.format) {
+				case R.PNG:
+					s.toPNG(r, a);
+					break;
+				case R.JPEG:
+					s.toJPEG(r, a, this.jpegQuality);
+					break;
+				case R.PDF:
+					new re(this.width, this.height, this.unit).generate(r, a);
+					break;
+				case R.SVG:
+					new ie().toSVG(r, a, this.width, this.height, this.unit, this.dpi);
+					break;
+			}
+			o.remove(), n.remove(), Object.defineProperty(window, "devicePixelRatio", { get: () => t }), this.hideLoading(), e?.();
+		});
+	}
+	toPixels(e) {
+		return this.unit === z.mm ? 96 / 25.4 * e : 96 * e;
+	}
+	showLoading() {
+		let e = document.createElement("div");
+		e.className = "qm-print-loading-overlay", e.innerHTML = "<div class=\"qm-print-loading-spinner\"></div><div class=\"qm-print-loading-text\">正在生成...</div>", document.body.appendChild(e);
+	}
+	hideLoading() {
+		document.querySelector(".qm-print-loading-overlay")?.remove();
+	}
+}, oe = t((e) => {
+	let { map: t } = O(), [r, u] = o(!1), [d, f] = o({
+		PageSize: B.A4,
+		PageOrientation: V.横向,
+		Format: R.PDF,
+		DPI: H[300],
+		Crosshair: !0,
+		PrintableArea: !0
+	}), p = a(null), m = a(null);
+	i(() => {
+		if (t) return r ? (d.Crosshair && (p.current = new U(t), p.current.create()), d.PrintableArea && (m.current = new W(t), m.current.create()), _()) : (p.current?.destroy(), p.current = null, m.current?.destroy(), m.current = null), () => {
+			p.current?.destroy(), m.current?.destroy();
+		};
+	}, [
+		t,
+		r,
+		d.Crosshair,
+		d.PrintableArea,
+		d.PageSize,
+		d.PageOrientation
+	]);
+	let _ = n(() => {
+		if (!m.current) return;
+		let e = d.PageSize;
+		d.PageOrientation === V.纵向 ? m.current.updateArea(e[1], e[0]) : m.current.updateArea(e[0], e[1]);
+	}, [d.PageSize, d.PageOrientation]), v = n(() => {
+		if (!t) return;
+		let e = [...d.PageSize];
+		d.PageOrientation === V.纵向 && (e = [e[1], e[0]]), new ae(t, e, d.DPI, d.Format, z.mm, {
+			jpegQuality: d.JPEGQuality,
+			northIcon: !0
+		}).generate(() => {
+			u(!1);
+		});
+	}, [t, d]), y = (e) => {
+		console.log("打印面板：", e), u(e);
+	}, b = Object.entries(B).map(([e, t]) => /* @__PURE__ */ c("option", {
+		value: JSON.stringify(t),
+		children: e
+	}, e)), x = Object.entries(V).map(([e, t]) => /* @__PURE__ */ c("option", {
+		value: t,
+		children: e
+	}, e)), S = Object.entries(R).map(([e, t]) => /* @__PURE__ */ c("option", {
+		value: t,
+		children: e
+	}, e)), C = Object.entries(H).map(([e, t]) => /* @__PURE__ */ c("option", {
+		value: t,
+		children: e
+	}, e));
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(g, {
+		name: "打印",
+		position: e.position,
+		icon: h.Print,
+		openHandle: y,
+		children: /* @__PURE__ */ c(s, {})
+	}), /* @__PURE__ */ l("div", {
+		className: `qm-print-panel ${r ? "open" : ""}`,
+		style: {
+			position: "absolute",
+			top: (e.position.top ?? 0) + 34,
+			right: e.position.right ?? 10
+		},
+		children: [/* @__PURE__ */ c("table", {
+			className: "qm-print-panel-table",
+			children: /* @__PURE__ */ l("tbody", { children: [
+				/* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c("label", { children: "页面尺寸" }) }), /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c("select", {
+					id: "print-page-size",
+					value: JSON.stringify(d.PageSize),
+					onChange: (e) => {
+						f((t) => ({
+							...t,
+							PageSize: JSON.parse(e.target.value)
+						})), _();
+					},
+					children: b
+				}) })] }),
+				/* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c("label", { children: "布局方向" }) }), /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c("select", {
+					id: "print-orientation",
+					value: d.PageOrientation,
+					onChange: (e) => {
+						f((t) => ({
+							...t,
+							PageOrientation: e.target.value
+						})), _();
+					},
+					children: x
+				}) })] }),
+				/* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c("label", { children: "导出格式" }) }), /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c("select", {
+					id: "print-format",
+					value: d.Format,
+					onChange: (e) => f((t) => ({
+						...t,
+						Format: e.target.value
+					})),
+					children: S
+				}) })] }),
+				/* @__PURE__ */ l("tr", { children: [/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c("label", { children: "DPI" }) }), /* @__PURE__ */ c("td", { children: /* @__PURE__ */ c("select", {
+					id: "print-dpi",
+					value: d.DPI,
+					onChange: (e) => f((t) => ({
+						...t,
+						DPI: Number(e.target.value)
+					})),
+					children: C
+				}) })] })
+			] })
+		}), /* @__PURE__ */ c("button", {
+			type: "button",
+			className: "qm-print-export-button",
+			onClick: v,
+			children: "导 出"
+		})]
+	})] });
+});
+//#endregion
+//#region src/gis/widget/Swipe/MapCompare/sync-maps.ts
+function se(e, t) {
+	let n = e.getCenter(), r = e.getZoom(), i = e.getBearing(), a = e.getPitch();
+	t.forEach((e) => {
+		e.jumpTo({
+			center: n,
+			zoom: r,
+			bearing: i,
+			pitch: a
+		});
+	});
+}
+function ce(...e) {
+	let t;
+	t = e.length === 1 && Array.isArray(e[0]) ? e[0] : e;
+	let n = [];
+	t.forEach((e, r) => {
+		let i = t.filter((e, t) => t !== r);
+		n[r] = () => a(e, i);
+	});
+	function r() {
+		t.forEach((e, t) => {
+			e.on("move", n[t]);
+		});
+	}
+	function i() {
+		t.forEach((e, t) => {
+			e.off("move", n[t]);
+		});
+	}
+	function a(e, t) {
+		i(), se(e, t), r();
+	}
+	return r(), () => {
+		i();
+	};
+}
+//#endregion
+//#region src/gis/widget/Swipe/MapCompare/index.ts
+var Z = class {
+	options;
+	_mapA;
+	_mapB;
+	_horizontal;
+	_bounds;
+	currentPosition = 0;
+	_swiper;
+	_controlContainer;
+	_clearSync;
+	_onResize;
+	_eventTarget;
+	constructor(e, t, n, r = {}) {
+		this.options = {
+			orientation: "vertical",
+			mousemove: !1,
+			...r
+		}, this._mapA = e, this._mapB = t, this._horizontal = this.options.orientation === "horizontal", this._eventTarget = new EventTarget(), this._swiper = document.createElement("div"), this._swiper.className = this._horizontal ? "compare-swiper-horizontal" : "compare-swiper-vertical", this._controlContainer = document.createElement("div"), this._controlContainer.className = this._horizontal ? "maplibregl-compare maplibregl-compare-horizontal" : "maplibregl-compare", this._controlContainer.appendChild(this._swiper), this._mountContainer(n), this._bounds = this._mapB.getContainer().getBoundingClientRect();
+		let i = this._horizontal ? this._bounds.height / 2 : this._bounds.width / 2;
+		this._setPosition(i), this._clearSync = ce(this._mapA, this._mapB), this._onResize = () => {
+			this._bounds = this._mapB.getContainer().getBoundingClientRect(), this.currentPosition && this._setPosition(this.currentPosition);
+		}, this._mapB.on("resize", this._onResize), this.options.mousemove && (this._mapA.getContainer().addEventListener("mousemove", this._onMove), this._mapB.getContainer().addEventListener("mousemove", this._onMove)), this._swiper.addEventListener("mousedown", this._onDown), this._swiper.addEventListener("touchstart", this._onDown);
+	}
+	_mountContainer(e) {
+		if (typeof e == "string") {
+			let t = document.querySelector(e);
+			if (!t) throw Error("找不到容器");
+			t.appendChild(this._controlContainer);
+		} else if (e instanceof HTMLElement) e.appendChild(this._controlContainer);
+		else throw Error("容器必须是字符串选择器或 HTML 元素");
+	}
+	_setPointerEvents(e) {
+		this._controlContainer.style.pointerEvents = e, this._swiper.style.pointerEvents = e;
+	}
+	_onDown = (e) => {
+		"touches" in e ? (document.addEventListener("touchmove", this._onMove), document.addEventListener("touchend", this._onTouchEnd)) : (document.addEventListener("mousemove", this._onMove), document.addEventListener("mouseup", this._onMouseUp));
+	};
+	_setPosition(e) {
+		let t = this._horizontal ? this._bounds.height : this._bounds.width, n = Math.max(0, Math.min(e, t)), r = this._horizontal ? `translate(0, ${n}px)` : `translate(${n}px, 0)`;
+		this._controlContainer.style.transform = r, this._controlContainer.style.webkitTransform = r;
+		let i = this._bounds.height, a, o;
+		this._horizontal ? (a = `rect(0, 999em, ${n}px, 0)`, o = `rect(${n}px, 999em, ${i}px, 0)`) : (a = `rect(0, ${n}px, ${i}px, 0)`, o = `rect(0, 999em, ${i}px, ${n}px)`), this._mapA.getContainer().style.clip = a, this._mapB.getContainer().style.clip = o, this.currentPosition = n;
+	}
+	_onMove = (e) => {
+		this.options.mousemove && this._setPointerEvents("none"), this._horizontal ? this._setPosition(this._getY(e)) : this._setPosition(this._getX(e));
+	};
+	_onMouseUp = () => {
+		document.removeEventListener("mousemove", this._onMove), document.removeEventListener("mouseup", this._onMouseUp), this._emitSlideEnd();
+	};
+	_onTouchEnd = () => {
+		document.removeEventListener("touchmove", this._onMove), document.removeEventListener("touchend", this._onTouchEnd), this._emitSlideEnd();
+	};
+	_emitSlideEnd() {
+		this._eventTarget.dispatchEvent(new CustomEvent("slideend", { detail: { currentPosition: this.currentPosition } }));
+	}
+	_getX(e) {
+		let t = ("touches" in e ? e.touches[0] : e).clientX - this._bounds.left;
+		return Math.max(0, Math.min(t, this._bounds.width));
+	}
+	_getY(e) {
+		let t = ("touches" in e ? e.touches[0] : e).clientY - this._bounds.top;
+		return Math.max(0, Math.min(t, this._bounds.height));
+	}
+	setSlider(e) {
+		this._setPosition(e);
+	}
+	on(e, t) {
+		this._eventTarget.addEventListener(e, (e) => {
+			let n = e.detail;
+			t(n);
+		});
+	}
+	off(e, t) {
+		this._eventTarget.removeEventListener(e, t);
+	}
+	remove() {
+		this._clearSync(), this._mapB.off("resize", this._onResize), [this._mapA, this._mapB].forEach((e) => {
+			let t = e.getContainer();
+			t.style.clip = "", t.removeEventListener("mousemove", this._onMove);
+		}), this._swiper.removeEventListener("mousedown", this._onDown), this._swiper.removeEventListener("touchstart", this._onDown), this._controlContainer.remove();
+	}
+};
+window.maplibregl && (window.maplibregl.Compare = Z);
+var le = t((e) => {
+	let { title: t, open: r = !1, maskClosable: a = !0, mask: s, width: u = 520, footer: d, onCancel: p, destroyOnHidden: m = !1, className: h, style: g, children: _, centered: v = !1 } = e, y = s?.closable === void 0 ? a : s.closable, [b, x] = o(r);
+	i(() => {
+		if (r) x(!0), document.body.style.overflow = "hidden";
+		else if (document.body.style.overflow = "", m) {
+			let e = setTimeout(() => {
+				x(!1);
+			}, 200);
+			return () => clearTimeout(e);
+		}
+	}, [r, m]), i(() => () => {
+		document.body.style.overflow = "";
+	}, []);
+	let S = n((e) => {
+		e.target === e.currentTarget && y && p?.();
+	}, [y, p]), C = n((e) => {
+		e.stopPropagation(), p?.();
+	}, [p]);
+	return b ? f(/* @__PURE__ */ l("div", {
+		className: `qm-modal-wrapper ${r ? "qm-modal-open" : ""} ${v ? "qm-modal-centered" : ""}`,
+		children: [/* @__PURE__ */ c("div", { className: `qm-modal-mask ${r ? "qm-modal-mask-enter" : "qm-modal-mask-leave"}` }), /* @__PURE__ */ c("div", {
+			className: "qm-modal-container",
+			onClick: S,
+			children: /* @__PURE__ */ l("div", {
+				className: `qm-modal ${h || ""} ${r ? "qm-modal-enter" : "qm-modal-leave"}`,
+				style: {
+					width: typeof u == "number" ? `${u}px` : u,
+					...g
+				},
+				onClick: (e) => e.stopPropagation(),
+				children: [
+					t && /* @__PURE__ */ l("div", {
+						className: "qm-modal-header",
+						children: [/* @__PURE__ */ c("div", {
+							className: "qm-modal-title",
+							children: t
+						}), /* @__PURE__ */ c("button", {
+							type: "button",
+							className: "qm-modal-close",
+							onClick: C,
+							"aria-label": "关闭",
+							children: /* @__PURE__ */ c("span", {
+								className: "qm-modal-close-x",
+								children: "×"
+							})
+						})]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "qm-modal-body",
+						children: _
+					}),
+					d !== null && /* @__PURE__ */ c("div", {
+						className: "qm-modal-footer",
+						children: d
+					})
+				]
+			})
+		})]
+	}), document.body) : null;
+}), ue = t((e) => {
+	let { map: t } = O(), [r, a] = o(!1), [u, d] = o(null), [f, p] = o(null), m = n((e) => {
+		a(e);
+	}, []);
+	return i(() => {
+		if (u && f) {
+			let e = document.getElementById("swipeContainer");
+			e && (new Z(u, f, e, {
+				mousemove: !1,
+				orientation: "vertical"
+			}), u.setCenter(t.getCenter()), u.setZoom(t.getZoom()), u.setBearing(t.getBearing()), f.setPitch(t.getPitch()));
+		}
+	}, [u, f]), /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(g, {
+		name: "卷帘对比",
+		position: { ...e.position },
+		icon: h.Swipe,
+		openHandle: m,
+		children: /* @__PURE__ */ c(s, {})
+	}), /* @__PURE__ */ c(le, {
+		title: "卷帘对比",
+		mask: { closable: !1 },
+		open: r,
+		width: 1e3,
+		footer: null,
+		onCancel: () => a(!1),
+		destroyOnHidden: !0,
+		children: /* @__PURE__ */ l("div", {
+			id: "swipeContainer",
+			className: "maplibregl-swipe",
+			children: [/* @__PURE__ */ c(A, {
+				mapOptions: {
+					...t.options,
+					id: "swipeBeforeMap"
+				},
+				mapLayerSettting: t.mapLayerSetting,
+				onMapLoad: (e) => d(e),
+				className: "swipe-map-container",
+				children: /* @__PURE__ */ c(I, { position: {
+					top: 10,
+					left: 10
+				} })
+			}), /* @__PURE__ */ c(A, {
+				mapOptions: {
+					...t.options,
+					id: "swipeAfterMap"
+				},
+				mapLayerSettting: t.mapLayerSetting,
+				onMapLoad: (e) => p(e),
+				className: "swipe-map-container",
+				children: /* @__PURE__ */ c(I, { position: {
+					top: 10,
+					right: 10
+				} })
+			})]
+		})
+	})] });
+}), Q = {
+	Point: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAARxJREFUWEft1LEuREEYxfHf9jRLIRIqnUSpoOEFREUh3kFBo6LYKEj0StEp8ARUEvUmOg2NSHT07pW73XK/mZBtZto5c87/npn7dYx4dUacrwCUBkoDpYHcBiYwjTG84g2fOUMtB+AYu0PC9nGUCpEK8IyZX0IOq72DFIgUgFusBMw3cBnQfUuiAOu4ippivLqmj4g+ClDfby9i2Gjm8BTRRwFusBYxbDTLuI/oowCn2IkYNpoF9CP6KMA2ziOGjWYS7xF9FKDbfFE9fNrWSTWU9tpEg/0oQK3fwkWL8Qtmo+Epv+HAc6kawWfVfz4/JOQOqynhOQD1mXr+b2IRU3jAI65Tw3MBcnJ+PJPyBv40OOcRFoDSQGngXxr4App1HCGF2UdQAAAAAElFTkSuQmCC",
+	Line: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAp1JREFUWEe9l0uIjlEYx3+zsZGFsqCUe0hEiXFJ7iklxUxZMcVIE7IZFm4TJWYzLolQLKYmTKLIJYaYRolyySULpMRmFkwoC85/Oq/ejvO93zlHvWf7vc95fu/z/J//8341lHuWArOBJ8AVpa4pMf9eYE8u311gQVkAdcB5z8vWlwXgvn3G0lIWwFjgracC48oCUG63CmeBhmoAs4CJwC/gKtD7H6JtBg4C14FNwPtqU6CRueEkHGqCvyRC3JHqge3AoeyOogo8BGY6yY6aKmxJABicq94M4FEIwFdgkJPsmglengCwErgEPAem5OOLKnAfmOska7FiimU4AWwEjgBbQwHmA12eTCkQEtwIQJW4HApQC/QALwE52aScm8VAzAEeWA0MMXb8OxRgH7ATOAOst0F5Sw2FyMavE1jtVrRIA9pY04ANwOlcYCzETWAJ0AicCgVQv9S3PjuKakP+hELIxLLYYcDnUACVXLS3ABmS74RAZPdIS/oO+OdUaoFmVoqVDnYXzFw1CPn9WmAXsD8UYKBV7ABgYYVRDGmHbFvqHwNMBZ6GAqyws/oGmBDoOL5KrAIumo33ARhZ6R5fCw5bvz9nhLguEECPuRDaI8uAY8DmGAB9OOgDYo2pQEcEgAuRhX4zK1im5k5S/+9uBaTUbrMyfxhyudb3SACN2idPjOslfx9xAaR4OdxtI6DFkcn1uDadT2xNwPEQEd4D5tmNpc2Vcj4a5xzuBKqy8oJCHxgPvLZPjDbz+y4lux27VmAR8Mr6iOzYe7IWSO3606BxeQFMTkweHSaAHcABJ7LerN8L0bclBAjgmeeNHwPTE+6LDhGAeu06lTbhqOjbEgIEcNLu6nx4G7At4b7okEyEEqBW50+g3dyifzGlnD8S4H8a/N0aLAAAAABJRU5ErkJggg==",
+	Rectangle: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAASxJREFUWEft16FKBWEQBeDvvodBRCw+gFWbgtVkEkWLil6wGbSLgiZBxKDFajB6owgGwSQ3GMTmMyhz3YVluRdW+BcM/4FlYXf2zPnPzMJMxy92cYx7POGgeJ76dooFfOEGZx1sIV5UsYKrxNmH5emGgEfMJE7WmC4EvGK69sUbPhuzNAscR1xV9EJA1D56oIo59JrxNo5axnUt+jAEBMr6vGO/aJDGzH8InMU5pjDos1JAcHwXp47Tt4kHhJBB7iwgO5AdyA5kB7ID2YHsQHbg3ziwXgyLMaYdYa+loXAztqGCe7vcjG6xVEvYxUliEYu4q3EOVrOYhuv4QD+xgDFM1jj7owQkzj2S7jkEDCvBKi4Tq4gyR64qNsq/YA2xOgUuWtyMQsQ8JrCDlx+OVWdvFenv8gAAAABJRU5ErkJggg==",
+	Polygon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAxVJREFUWEe1133InnMUB/DPKCQS87ZQtrJ5yT8LUShaJKHWzMSaWqkt07LyEjEvQykrL2WRFautoZBt3hoRhkRqjLyUKMuyGLHWan3X73q6unff7t+953Lq6um5nt855/s7z/ec870mqLfDcBeuwd94E7fUu/c/OWGEAIuxvOf8Ejw6Qox9jo4C4HtM6ZPsM/Q+/TAdWfx/xtbmwCgANuP0ytt+hE3IzzznYW3L9znMy++jAHgIt/cAeAw7cApOKwAPrAR5L5bWAjgKH+DUEjzVGETCizEV03AGzsTxfUC9jstqATyM2/Aqrqq8YXPsEPzTxyfkXVID4AK8iwNKmbeMCCDHV+DGlt83mImvagC8XG79CG7dj+SNy7VYiYNxOdbXkHA+nsFfCA92jQNAXH/EyTgRvwwDkJJ/WYi0AE+NM3ncPywteQ4+HQbgAdyJzzG9g+QJ8VL534fIIfTAOXASvsNBuLS0XBcYHsdNGKvoIBKuKUvnRVzdReYS4w48iPtwz6AK5MYZErFUIrO7K7uhdMLTTVv2q0DIcRaWlfXbVfLEuQRv4DVc0a7AE6U38y5t8jsmdpm5xMpYTmeNETsVWIgne5KFLDf/DwCOxm/4FZOaCvTb8+mALJ7dHYPIpoyayjQ8BttSgZDshJ5E28vk6zj/3nA/YHIZcHt3QXb6op5MUTghYteWcf4KzseFeD8ADkWmXhia/d1Y9sCzHSK4srRgQMS2YX67DQ8vxIj4zKT6s4D6uCMQ7yGrvW0bBk3C5vAnpVQ79xPE2ZhRej66cB8bBCD67h0chzEBWQkiJU5rR5pdNMRn/X8JknyAZCfE8gHS+03Qjn0EZpUnibPEGguhox834n6cW/7wBxYPU0R3I+o1lnlxLL4uUzM6Lze8vnAlur+xb/EW1mFD633Uc6RYtEbefzEMQHxX4bqeUiZ4BlWWVWOZbm+XNssWrbIaAOHA3AHRUoUsl5Q4eu/fqqytQzUAVmNOn8DhRRTOT6MmbZ+vAZDbpwptewGzx5O48a0BkLNLizTPAomYeL7M9HFj2AMTmY45mDBG5AAAAABJRU5ErkJggg==",
+	Trash: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA71JREFUWEfNl2nIVlUQx3+vgoRrai6lpaaiJbgU5QeXygVREVdUxF0RTa0oF3BBW6AFxRUXXHLrg5qgIgruS35QM1ooI3LFXdyKKAiq83+ZI+Pj83jPKynOpzlzZ87935n/mTm3iHTZB7ye6L4feCPFtyjFyXz+LYGvXJP2TnLKAfB+BpAZ9jxp7ySnPABmFgAh+wMBGAoMyfiyWH/V936S6rcaWKUMPA1cLGF9/w/3G0DVWILPAWXhUcoqYFhJOPBQwD2WACoAv9nn1gSuuE+vayxfAhzJSUkvoDKwIsdeA7hstmeAS/55vgxMAz40p4+A6S4gHrMzwPMBjG9OUR8mdrsY7aU9JW2BQ1kAxgV2LjCnecA7LmAqIFCSMsDfpj8B/Gn6FOBjFzMXeNvWLYBvswAMCl+3xpxWAiNcwGTgE1uXdS9V6nWsJO8Cc1yMSjLc1g2Ak1kAugFbzWkD0M8FvAfMsnVF4HfTfS8ZA4gjUdYDfW2Ry6m8A6MNcNACdgBd3GZKpVIqqRJSe9P0esAp03M5sD0QtrM9Kw/8kZWBpsB35vQVIEBRxgILbSF2XzX9ReBH0/sD+uooIl1r4J9A7tL+5dLznYLnQoc6a44C0twFjQqte6mta7kW/hJw3Ow9gC0uRqRrBtwO2XsyBUClwPxb5qi01ndBIlM853UCuc7Zs1aAsiXpBOx0MSKdjuz5EPtsCgD5KF3KzjWgugsaDGiKSQQs1r19SPNus7/mOCSTylQN+DmU5oVUACKX0vUXUM4AKXYA8IVt0iisfzG9K7DN9FeBY6aXMtKpT8imZ3dJoVlwOnQztV2JgKh+Eh2nSLAmYf2T2fsAG00XiX8w3ZdTd8p2qQAiceRfG7hgger3m0wXsb43fWAoyVrTGwK/mi6iqvYS9ZbuqQB061EtJaqb6ifxTepl4BuzjwSWmS6ixZc2Do3shNlVOgG9SwqVYLND62uqhqLGImkZmtRR08eHxjTf9KeA66a/4nx0fEenAhDTxXiJGL7X9I7uiKm5HDb7ROAz0323U833mH02MCEVgKbgW+bsG4t+NiIYXT4PmI9G9gemq9vpGEtUc2VTouv8PbfpQiXQZvEeoOm4ziH/OkxEHSs1nEhOnRhlQ8fS/xF5cipLcZDd2a4QAI1UpUzyJrA4N3WJa03GReabOyWLzYUA6A6w3AJ1B4j1TXzvHbdJwKe2ys3kfQH0Br60wKwfkSxQ8Uelp+NDZgk6ALuydi7hc52gOC8yAei2o5Ga+juehaX4JySf03+JLrAhSDUYWAAAAABJRU5ErkJggg==",
+	Reset: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAuRJREFUWEfVl1moTWEUx3+31M1U5JYxxQuJa7xvEg+UMpOkDFcevChEGUMi8/gkD24kSaIkRJEhM1cyJA83JMKD5AUPvv9tfVpOe5999j3XkVX7tPfZa/h/3/p/a61dxT+Wqn8cn/8SwAhgHDAW6Ap0A9oDH+y6C5wHrgNfsnY4zw6MBhYD07Kc2vu3wD5gP/A9zaYUAG3NycIUJ2+A98AA24lCtYfAVuBkkn0WgB7AYdvyaH8BOAe8ABqBT85xf2CgXesLAq4EthWCKAagD3AGqDWjp8B24EiJKRBPpD/Y6eu/S96+GIBjwGwXfCbwrMTgXm15SM0O98cw4FF8TgMgsok8ktfA+BYGj3GWArvt4SowphDAhsDwz8ABoNqC9TWlRcDBFqy80OQKoJMk2Rh+FLO5EOkmEmY60AY4YYriwNRWCC4XQwGdiCjiWJMAiBgX3QuRbK49a6s6hDQsAI6nHaUcAP1i64GGyAEdtfnmSKnoEgj4ErjtwLwDeuYIlqQ6yxaidw1AfQQwCLgGdHJWX4GO7vl33soAoRrxxOzvh3pS50/BWmBTgnOxVpXMp6kMDHwL9aEdoAra2wPQ6i8Dw837j1DDVwcO7CwnWoLtPUANTf2hurAOzLPcnALWAc9bObjcaeW97NjXJBWiOcDRvxBYLrsDIrNEXKjNakatjWNCSPFZX2MqDWCFNShhUHneW0kAKvF3XHdUZWysJIBloa7ssu0XyWfovlIAaoCPjlCjbGbMBKDuVQe8Clt3ugxGqurF+rIFWBN9Ze2A5sBDpqwxbDNwKweQPcASp38zFLuR3j4LgAZNjWJRfhoIHaUHRYBMsRY/xOk0AWrBf0gWAClr0NQ0o6nIixgtIBpKdamLTgrj1uQwN8ZhJuo3d74kwKUAiHarAOUvj2jV6qICkCh5AMhBv7D1E+0Sk9PkBqAvJI14ApEqeQF4R/okU447u+uxDTH+W6HojpUDIE8qUnV/AUEbfiHgdnTrAAAAAElFTkSuQmCC"
+}, $ = [
+	{
+		id: "point",
+		title: "绘制点",
+		mode: "draw_point",
+		icon: Q.Point
+	},
+	{
+		id: "line",
+		title: "绘制线",
+		mode: "draw_line_string",
+		icon: Q.Line
+	},
+	{
+		id: "polygon",
+		title: "绘制面",
+		mode: "draw_polygon",
+		icon: Q.Polygon
+	},
+	{
+		id: "reset",
+		title: "清除选中/所有",
+		mode: "simple_select",
+		icon: Q.Reset
+	}
+], de = [
+	{
+		id: "gl-draw-line",
+		type: "line",
+		filter: ["all", [
+			"==",
+			"$type",
+			"LineString"
+		]],
+		layout: {
+			"line-cap": "round",
+			"line-join": "round"
+		},
+		paint: {
+			"line-color": "#D20C0C",
+			"line-dasharray": [.2, 2],
+			"line-width": 2
+		}
+	},
+	{
+		id: "gl-draw-polygon-fill",
+		type: "fill",
+		filter: ["all", [
+			"==",
+			"$type",
+			"Polygon"
+		]],
+		paint: {
+			"fill-color": "#D20C0C",
+			"fill-outline-color": "#D20C0C",
+			"fill-opacity": .3
+		}
+	},
+	{
+		id: "gl-draw-polygon-midpoint",
+		type: "circle",
+		filter: [
+			"all",
+			[
+				"==",
+				"$type",
+				"Point"
+			],
+			[
+				"==",
+				"meta",
+				"midpoint"
+			]
+		],
+		paint: {
+			"circle-radius": 5,
+			"circle-color": "#fbb03b"
+		}
+	},
+	{
+		id: "gl-draw-polygon-stroke-active",
+		type: "line",
+		filter: ["all", [
+			"==",
+			"$type",
+			"Polygon"
+		]],
+		layout: {
+			"line-cap": "round",
+			"line-join": "round"
+		},
+		paint: {
+			"line-color": "#D20C0C",
+			"line-dasharray": [.3, 3],
+			"line-width": 3
+		}
+	},
+	{
+		id: "gl-draw-polygon-and-line-vertex-halo-active",
+		type: "circle",
+		filter: [
+			"all",
+			[
+				"==",
+				"meta",
+				"vertex"
+			],
+			[
+				"==",
+				"$type",
+				"Point"
+			]
+		],
+		paint: {
+			"circle-radius": 5,
+			"circle-color": "#FFF"
+		}
+	},
+	{
+		id: "gl-draw-polygon-and-line-vertex-active",
+		type: "circle",
+		filter: [
+			"all",
+			[
+				"==",
+				"meta",
+				"vertex"
+			],
+			[
+				"==",
+				"$type",
+				"Point"
+			]
+		],
+		paint: {
+			"circle-radius": 3,
+			"circle-color": "#D20C0C"
+		}
+	},
+	{
+		id: "gl-draw-point-point-stroke-active",
+		type: "circle",
+		filter: [
+			"all",
+			[
+				"==",
+				"$type",
+				"Point"
+			],
+			[
+				"==",
+				"meta",
+				"feature"
+			],
+			[
+				"==",
+				"active",
+				"true"
+			]
+		],
+		paint: {
+			"circle-radius": 8,
+			"circle-color": "#FFF"
+		}
+	},
+	{
+		id: "gl-draw-point-active",
+		type: "circle",
+		filter: [
+			"all",
+			[
+				"==",
+				"$type",
+				"Point"
+			],
+			[
+				"==",
+				"meta",
+				"feature"
+			],
+			[
+				"==",
+				"active",
+				"true"
+			]
+		],
+		paint: {
+			"circle-radius": 6,
+			"circle-color": "#D20C0C"
+		}
+	},
+	{
+		id: "gl-draw-point-point-stroke-inactive",
+		type: "circle",
+		filter: [
+			"all",
+			[
+				"==",
+				"$type",
+				"Point"
+			],
+			[
+				"==",
+				"meta",
+				"feature"
+			],
+			[
+				"==",
+				"active",
+				"false"
+			]
+		],
+		paint: {
+			"circle-radius": 8,
+			"circle-color": "#FFF"
+		}
+	},
+	{
+		id: "gl-draw-point-inactive",
+		type: "circle",
+		filter: [
+			"all",
+			[
+				"==",
+				"$type",
+				"Point"
+			],
+			[
+				"==",
+				"meta",
+				"feature"
+			],
+			[
+				"==",
+				"active",
+				"false"
+			]
+		],
+		paint: {
+			"circle-radius": 6,
+			"circle-color": "#D20C0C"
+		}
+	}
+], fe = t((e) => {
+	let { position: t, onDraw: n, initFeature: r, modes: o } = e, s = o ? $.filter((e) => o.includes(e.mode) || e.id === "reset") : $, { map: l } = O(), u = a(null);
+	i(() => {
+		r && d(r);
+	}, [r]);
+	let d = (e) => {
+		if (l && e.features && u.current) {
+			let t = x(e.features[0]);
+			t && l.fitBounds(t, { maxZoom: 16 });
+			let n = u.current.add(e);
+			u.current.changeMode("simple_select", { featureIds: n });
+		}
+	}, f = (e, t) => {
+		if (!u.current || !l) return;
+		t === "reset" && u.current.deleteAll(), u.current.changeMode(e);
+		let n = l.getCanvas();
+		e === "simple_select" ? n.style.cursor = "" : n.style.cursor = "crosshair";
+	}, h = () => {
+		if (!u.current) return;
+		let e = u.current.getAll();
+		if (e && e.features.length > 0) {
+			let t = 0;
+			e.features.forEach((e) => {
+				(e.geometry.type === "Polygon" || e.geometry.type === "MultiPolygon") && (t += m(e));
+			}), n({
+				data: e,
+				area: t
+			});
+		}
+	};
+	return i(() => (l && !u.current && (u.current = new p({
+		displayControlsDefault: !1,
+		styles: de,
+		defaultMode: "simple_select"
+	}), l.addControl(u.current, "bottom-left"), l.on("draw.create", h), l.on("draw.delete", h), l.on("draw.update", h), l.on("draw.modechange", (e) => {
+		let t = l.getCanvas();
+		e.mode === "simple_select" ? t.style.cursor = "" : t.style.cursor = "crosshair";
+	})), () => {}), []), /* @__PURE__ */ c("div", {
+		className: "mapboxgl-draw",
+		style: { ...t },
+		children: /* @__PURE__ */ c("div", {
+			className: "mapboxgl-draw-bar",
+			children: /* @__PURE__ */ c("div", { children: s.map((e) => /* @__PURE__ */ c("div", {
+				title: e.title,
+				className: "mapboxgl-draw-bar-button",
+				style: { backgroundImage: `url(${e.icon})` },
+				onClick: () => f(e.mode, e.id)
+			}, e.id)) })
+		})
+	});
+});
+//#endregion
+export { S as BaseLayer, g as BaseWidget, fe as Draw, w as LayerGroupWrapper, I as LayerList, C as LayerWrapper, L as Legend, D as MapContext, A as MapWidget, E as MapWrapper, oe as Print, ue as Swipe, O as useMap };