uomtiles 0.1.0

package/.output/server/chunks/build/advanced-D1onodoF.mjs

@@ -0,0 +1,1430 @@
+import process from 'node:process';globalThis._importMeta_=globalThis._importMeta_||{url:"file:///_entry.js",env:process.env};import { u as useSeoMeta$1, a as useToast, _ as _sfc_main$5, b as _sfc_main, c as _sfc_main$7$1 } from '../virtual/entry.mjs';
+import { C as CompletedTaskSelect_default, _ as _sfc_main$1, a as _sfc_main$8 } from './Alert-0ngTJXxP.mjs';
+import { _ as _sfc_main$3, a as _sfc_main$4, b as _sfc_main$2$1, M as MapBaseLayerTabs_default } from './MapBaseLayerTabs-4445J6yh.mjs';
+import { _ as _sfc_main$6 } from './FormField-CEUZHcv7.mjs';
+import { F as FileDropZone_default, _ as _sfc_main$2 } from './ScrollArea-BQK3em8b.mjs';
+import { _ as _sfc_main$7 } from './Input-BeNavYXb.mjs';
+import { u as useFileWorkspace, d as displayMapFileName, _ as _sfc_main$9 } from './Empty-CkW3mADt.mjs';
+import { O as OnlineMap_default } from './OnlineMap-CKwiuqUY.mjs';
+import { defineComponent, ref, shallowRef, useTemplateRef, computed, watch, mergeProps, withCtx, unref, isRef, createVNode, toDisplayString, openBlock, createBlock, createCommentVNode, Fragment, renderList, createSlots, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderStyle } from 'vue/server-renderer';
+import 'unhead/plugins';
+import 'unhead/utils';
+import '../routes/renderer.mjs';
+import '../nitro/nitro.mjs';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'node:crypto';
+import 'node:url';
+import '@iconify/utils';
+import 'consola';
+import 'unhead/server';
+import 'unhead/legacy';
+import 'nostics';
+import 'vue-bundle-renderer/runtime';
+import 'devalue';
+import 'fnv1a-64';
+import 'object-identity';
+import 'tailwindcss/colors';
+import './DashboardSidebarToggle-pncTaIJq.mjs';
+import './FocusScope-Cf0lg0zt.mjs';
+import './PopperArrow-Bqfdf2Et.mjs';
+import './esm-Dp2lJXbp.mjs';
+
+const HUE_SLOTS = [0, 5, 2, 7, 4, 9, 1, 6, 3, 8];
+const HUE_OFFSET = 28;
+const HUE_STEP = 36;
+function linearRgb(lightness, chroma, hue) {
+  const radians = hue * Math.PI / 180;
+  const a = chroma * Math.cos(radians);
+  const b = chroma * Math.sin(radians);
+  const l = (lightness + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m = (lightness - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s = (lightness - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  return {
+    red: 4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,
+    green: -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,
+    blue: -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s
+  };
+}
+function inSrgbGamut(color) {
+  return color.red >= 0 && color.red <= 1 && color.green >= 0 && color.green <= 1 && color.blue >= 0 && color.blue <= 1;
+}
+function srgbChannel(value) {
+  const encoded = value <= 31308e-7 ? 12.92 * value : 1.055 * value ** (1 / 2.4) - 0.055;
+  return Math.round(Math.min(1, Math.max(0, encoded)) * 255);
+}
+function oklchToRgb(lightness, chroma, hue) {
+  let low = 0;
+  let high = Math.max(0, chroma);
+  let color = linearRgb(lightness, low, hue);
+  for (let iteration = 0; iteration < 20; iteration++) {
+    const candidateChroma = (low + high) / 2;
+    const candidate = linearRgb(lightness, candidateChroma, hue);
+    if (inSrgbGamut(candidate)) {
+      low = candidateChroma;
+      color = candidate;
+    } else high = candidateChroma;
+  }
+  return [srgbChannel(color.red), srgbChannel(color.green), srgbChannel(color.blue)];
+}
+function rgbHex([red, green, blue]) {
+  return `#${[red, green, blue].map((channel) => channel.toString(16).padStart(2, "0")).join("")}`;
+}
+function areaPaletteColor(index) {
+  const normalized = (index % HUE_SLOTS.length + HUE_SLOTS.length) % HUE_SLOTS.length;
+  const hue = HUE_OFFSET + HUE_SLOTS[normalized] * HUE_STEP;
+  const rgb = oklchToRgb(0.68, 0.18, hue);
+  return {
+    rgb,
+    fillHex: rgbHex(rgb),
+    accentHex: rgbHex(oklchToRgb(0.46, 0.13, hue))
+  };
+}
+
+//#region app/composables/nearest-area.ts
+function useNearestArea() {
+	const state = ref("idle");
+	const areas = shallowRef([]);
+	const processedTiles = ref(0);
+	const totalTiles = ref(0);
+	const foundAreas = ref(0);
+	const truncated = ref(false);
+	const error = ref(null);
+	const progress = computed(() => totalTiles.value === 0 ? 0 : processedTiles.value / totalTiles.value * 100);
+	let worker = null;
+	function cancel() {
+		worker?.terminate();
+		worker = null;
+		state.value = "idle";
+		areas.value = [];
+		processedTiles.value = 0;
+		totalTiles.value = 0;
+		foundAreas.value = 0;
+		truncated.value = false;
+		error.value = null;
+	}
+	async function run(request) {
+		cancel();
+		state.value = "running";
+		await new Promise((resolve, reject) => {
+			worker = new Worker(new URL("../workers/nearest-area.worker.ts", globalThis._importMeta_.url), { type: "module" });
+			worker.onerror = (event) => reject(new Error(event.message || "适飞区分析 Worker 异常退出"));
+			worker.onmessage = (event) => {
+				const message = event.data;
+				if (message.type === "error") {
+					reject(new Error(message.message));
+					return;
+				}
+				processedTiles.value = message.processedTiles;
+				totalTiles.value = message.totalTiles;
+				if (message.type === "progress") {
+					foundAreas.value = Math.min(message.foundAreas, request.resultCount);
+					return;
+				}
+				areas.value = message.areas;
+				foundAreas.value = Math.min(message.areas.length, request.resultCount);
+				truncated.value = message.truncated;
+				resolve();
+			};
+			worker.postMessage({
+				type: "search",
+				...request
+			});
+		}).then(() => {
+			state.value = "completed";
+		}).catch((cause) => {
+			error.value = cause instanceof Error ? cause.message : String(cause);
+			state.value = "error";
+			throw cause;
+		}).finally(() => {
+			worker?.terminate();
+			worker = null;
+		});
+	}
+	return {
+		state,
+		areas,
+		processedTiles,
+		totalTiles,
+		foundAreas,
+		truncated,
+		error,
+		progress,
+		run,
+		cancel
+	};
+}
+//#endregion
+//#region app/pages/advanced.vue?vue&type=script&setup=true&lang.ts
+var advanced_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "advanced",
+	__ssrInlineRender: true,
+	setup(__props) {
+		useSeoMeta$1({ title: "地图高级功能" });
+		const workspace = useFileWorkspace();
+		const toast = useToast();
+		const stage = ref("select");
+		const filename = ref();
+		const localFile = shallowRef(null);
+		const baseMap = ref("tianditu");
+		const feature = ref("nearest-area");
+		const map = useTemplateRef("map");
+		const locationMode = ref("manual");
+		const longitude = ref("");
+		const latitude = ref("");
+		const locating = ref(false);
+		const filterMode = ref("area");
+		const areaPreset = ref(1);
+		const customAreaSquareKilometers = ref();
+		const customWidthKilometers = ref();
+		const customHeightKilometers = ref();
+		const gapMeters = ref(0);
+		const resultCount = ref(5);
+		const selectedAreaId = ref(null);
+		const { state, areas, processedTiles, totalTiles, foundAreas, truncated, error, progress, run, cancel } = useNearestArea();
+		const selectedFile = computed(() => workspace.files.value.find((file) => file.filename === filename.value));
+		const selectedSource = computed(() => selectedFile.value || localFile.value);
+		const selectedSourceLabel = computed(() => selectedFile.value ? workspace.displayWorkspaceName(selectedFile.value.filename) : localFile.value ? displayMapFileName(localFile.value.filename) : void 0);
+		const sourceTileUrl = computed(() => selectedFile.value ? `/api/workspace/${encodeURIComponent(selectedFile.value.filename)}/tile?z={z}&x={x}&y={y}` : localFile.value ? `local:${localFile.value.id}/{z}/{x}/{y}` : void 0);
+		const sourceMinZoom = computed(() => selectedFile.value?.minZoom ?? 0);
+		const sourceMaxZoom = computed(() => selectedFile.value?.maxZoom ?? (localFile.value?.kind === "uomtiles" ? 18 : 24));
+		const featureItems = [{
+			label: "寻找离我最近的适飞区",
+			value: "nearest-area",
+			icon: "i-lucide-map-pin-check"
+		}];
+		const filterModeItems = [{
+			label: "最小面积",
+			value: "area"
+		}, {
+			label: "自定义尺寸",
+			value: "size"
+		}];
+		const areaPresetItems = [
+			{
+				label: "至少 1 平方千米",
+				value: 1
+			},
+			{
+				label: "至少 5 平方千米",
+				value: 5
+			},
+			{
+				label: "至少 10 平方千米",
+				value: 10
+			},
+			{
+				label: "至少 50 平方千米",
+				value: 50
+			},
+			{
+				label: "至少 100 平方千米",
+				value: 100
+			},
+			{
+				label: "自定义面积",
+				value: "custom"
+			}
+		];
+		const resultCountItems = [
+			3,
+			5,
+			10
+		].map((value) => ({
+			label: `${value} 个`,
+			value
+		}));
+		const locationModeItems = computed(() => [
+			{
+				label: locating.value ? "定位中" : "我的位置",
+				value: "geolocation",
+				icon: locating.value ? "i-lucide-loader-circle" : "i-lucide-locate-fixed",
+				ui: { leadingIcon: locating.value ? "animate-spin" : void 0 }
+			},
+			{
+				label: "地图选点",
+				value: "map",
+				icon: "i-lucide-map-pin"
+			},
+			{
+				label: "手动输入",
+				value: "manual",
+				icon: "i-lucide-keyboard"
+			}
+		]);
+		const running = computed(() => state.value === "running");
+		const parsedLongitude = computed(() => longitude.value.trim() === "" ? null : Number(longitude.value));
+		const parsedLatitude = computed(() => latitude.value.trim() === "" ? null : Number(latitude.value));
+		const longitudeValid = computed(() => parsedLongitude.value !== null && Number.isFinite(parsedLongitude.value) && parsedLongitude.value >= -180 && parsedLongitude.value <= 180);
+		const latitudeValid = computed(() => parsedLatitude.value !== null && Number.isFinite(parsedLatitude.value) && parsedLatitude.value >= -85.05112878 && parsedLatitude.value <= 85.05112878);
+		const location = computed(() => longitudeValid.value && latitudeValid.value ? [parsedLongitude.value, parsedLatitude.value] : void 0);
+		const longitudeError = computed(() => longitude.value && !longitudeValid.value ? "经度应在 -180 到 180 之间" : void 0);
+		const latitudeError = computed(() => latitude.value && !latitudeValid.value ? "纬度应在 -85.051129 到 85.051129 之间" : void 0);
+		const minimumAreaSquareMeters = computed(() => filterMode.value === "area" ? (areaPreset.value === "custom" ? customAreaSquareKilometers.value || 0 : areaPreset.value) * 1e6 : 0);
+		const minimumWidthMeters = computed(() => filterMode.value === "size" ? (customWidthKilometers.value || 0) * 1e3 : 0);
+		const minimumHeightMeters = computed(() => filterMode.value === "size" ? (customHeightKilometers.value || 0) * 1e3 : 0);
+		const criteriaValid = computed(() => filterMode.value === "area" ? areaPreset.value !== "custom" || Number(customAreaSquareKilometers.value) >= 1 : Number(customWidthKilometers.value) > 0 && Number(customHeightKilometers.value) > 0);
+		const gapValid = computed(() => Number.isFinite(Number(gapMeters.value)) && Number(gapMeters.value) >= 0);
+		watch(filename, (value) => {
+			if (value) localFile.value = null;
+		});
+		watch(filename, () => {
+			cancel();
+			selectedAreaId.value = null;
+		});
+		watch([
+			filterMode,
+			areaPreset,
+			customAreaSquareKilometers,
+			customWidthKilometers,
+			customHeightKilometers,
+			gapMeters,
+			resultCount
+		], () => {
+			cancel();
+			selectedAreaId.value = null;
+		});
+		function selectLocalFile(file) {
+			const kind = file.name.split(".").pop()?.toLowerCase();
+			if (kind !== "uomtiles" && kind !== "mbtiles" && kind !== "pmtiles") {
+				toast.add({
+					title: "不支持的地图文件",
+					description: "请选择 .uomtiles、.mbtiles 或 .pmtiles。",
+					color: "error",
+					icon: "i-lucide-file-x-2"
+				});
+				return;
+			}
+			filename.value = void 0;
+			localFile.value = {
+				id: `advanced-${crypto.randomUUID()}`,
+				file,
+				filename: file.name,
+				kind
+			};
+		}
+		function openMap() {
+			if (!selectedSource.value) return;
+			stage.value = "use";
+		}
+		function chooseAgain() {
+			cancel();
+			selectedAreaId.value = null;
+			stage.value = "select";
+		}
+		function resetLocationResults() {
+			cancel();
+			selectedAreaId.value = null;
+		}
+		function setLocation(value, mode) {
+			if (mode === "geolocation" && locationMode.value !== "geolocation") return;
+			locating.value = false;
+			applyLocation(value, mode);
+		}
+		function activateGeolocation() {
+			resetLocationResults();
+			locationMode.value = "geolocation";
+		}
+		function applyLocation(value, mode) {
+			resetLocationResults();
+			locationMode.value = mode;
+			longitude.value = value[0].toFixed(6);
+			latitude.value = value[1].toFixed(6);
+		}
+		function setManualLongitude(value) {
+			map.value?.stopActiveLocationTracking();
+			locating.value = false;
+			resetLocationResults();
+			locationMode.value = "manual";
+			longitude.value = String(value);
+		}
+		function setManualLatitude(value) {
+			map.value?.stopActiveLocationTracking();
+			locating.value = false;
+			resetLocationResults();
+			locationMode.value = "manual";
+			latitude.value = String(value);
+		}
+		function selectLocationMode(value) {
+			if (value !== "geolocation" && value !== "map" && value !== "manual") return;
+			if (value !== "geolocation") map.value?.stopActiveLocationTracking();
+			locating.value = false;
+			resetLocationResults();
+			locationMode.value = value;
+			if (value === "geolocation" && !map.value?.locate()) toast.add({
+				title: "定位功能尚未就绪",
+				color: "error",
+				icon: "i-lucide-map-pin-off"
+			});
+		}
+		function setLocationLoading(value) {
+			locating.value = value;
+		}
+		function showLocationError(code) {
+			locating.value = false;
+			toast.add({
+				title: code === 1 ? "定位权限未开启" : "无法获取当前位置",
+				color: "error",
+				icon: "i-lucide-map-pin-off"
+			});
+		}
+		async function search() {
+			if (!selectedSource.value || !location.value) return;
+			selectedAreaId.value = null;
+			try {
+				await run({
+					source: localFile.value ? {
+						kind: "local",
+						file: localFile.value.file
+					} : {
+						kind: "workspace",
+						filename: filename.value
+					},
+					longitude: location.value[0],
+					latitude: location.value[1],
+					minimumAreaSquareMeters: minimumAreaSquareMeters.value,
+					minimumWidthMeters: minimumWidthMeters.value,
+					minimumHeightMeters: minimumHeightMeters.value,
+					gapMeters: Number(gapMeters.value),
+					resultCount: resultCount.value
+				});
+			} catch {}
+		}
+		function formatDistance(meters) {
+			return meters < 1e3 ? `${Math.round(meters)} 米` : `${(meters / 1e3).toFixed(meters < 1e4 ? 1 : 0)} 公里`;
+		}
+		function formatArea(squareMeters) {
+			return `${formatSignificant(squareMeters / 1e6)} km²`;
+		}
+		function formatDimension(meters) {
+			return `${formatSignificant(meters / 1e3)} km`;
+		}
+		function formatSignificant(value) {
+			const absolute = Math.abs(value);
+			const digits = absolute >= 100 ? 0 : absolute >= 10 ? 1 : 2;
+			return value.toFixed(digits).replace(/(\.\d*?[1-9])0+$|\.0+$/, "$1").replace(/\.$/, "");
+		}
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UDashboardPanel = _sfc_main$3;
+			const _component_UDashboardNavbar = _sfc_main$2$1;
+			const _component_UButton = _sfc_main;
+			const _component_MapBaseLayerTabs = MapBaseLayerTabs_default;
+			const _component_UIcon = _sfc_main$5;
+			const _component_FileDropZone = FileDropZone_default;
+			const _component_CompletedTaskSelect = CompletedTaskSelect_default;
+			const _component_OnlineMap = OnlineMap_default;
+			const _component_USelectMenu = _sfc_main$1;
+			const _component_UScrollArea = _sfc_main$2;
+			const _component_UTabs = _sfc_main$4;
+			const _component_UFormField = _sfc_main$6;
+			const _component_UInput = _sfc_main$7;
+			const _component_UProgress = _sfc_main$7$1;
+			const _component_UAlert = _sfc_main$8;
+			const _component_UEmpty = _sfc_main$9;
+			_push(ssrRenderComponent(_component_UDashboardPanel, mergeProps({
+				id: "advanced-map",
+				class: "min-w-0",
+				ui: { body: "gap-0 overflow-hidden p-0 sm:gap-0 sm:p-0" }
+			}, _attrs), {
+				header: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_UDashboardNavbar, { title: "地图高级功能" }, createSlots({ _: 2 }, [unref(stage) === "use" ? {
+						name: "right",
+						fn: withCtx((_, _push, _parent, _scopeId) => {
+							if (_push) {
+								_push(ssrRenderComponent(_component_UButton, {
+									icon: "i-lucide-files",
+									label: "重新选择",
+									color: "neutral",
+									variant: "outline",
+									onClick: chooseAgain
+								}, null, _parent, _scopeId));
+								_push(ssrRenderComponent(_component_MapBaseLayerTabs, {
+									modelValue: unref(baseMap),
+									"onUpdate:modelValue": ($event) => isRef(baseMap) ? baseMap.value = $event : null
+								}, null, _parent, _scopeId));
+							} else return [createVNode(_component_UButton, {
+								icon: "i-lucide-files",
+								label: "重新选择",
+								color: "neutral",
+								variant: "outline",
+								onClick: chooseAgain
+							}), createVNode(_component_MapBaseLayerTabs, {
+								modelValue: unref(baseMap),
+								"onUpdate:modelValue": ($event) => isRef(baseMap) ? baseMap.value = $event : null
+							}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+						}),
+						key: "0"
+					} : void 0]), _parent, _scopeId));
+					else return [createVNode(_component_UDashboardNavbar, { title: "地图高级功能" }, createSlots({ _: 2 }, [unref(stage) === "use" ? {
+						name: "right",
+						fn: withCtx(() => [createVNode(_component_UButton, {
+							icon: "i-lucide-files",
+							label: "重新选择",
+							color: "neutral",
+							variant: "outline",
+							onClick: chooseAgain
+						}), createVNode(_component_MapBaseLayerTabs, {
+							modelValue: unref(baseMap),
+							"onUpdate:modelValue": ($event) => isRef(baseMap) ? baseMap.value = $event : null
+						}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+						key: "0"
+					} : void 0]), 1024)];
+				}),
+				body: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						if (!unref(workspace).ready.value) {
+							_push(`<div class="grid min-h-[32rem] flex-1 place-items-center"${_scopeId}><div class="flex flex-col items-center gap-3 text-sm text-muted"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_UIcon, {
+								name: "i-lucide-loader-circle",
+								class: "size-5 animate-spin text-primary"
+							}, null, _parent, _scopeId));
+							_push(`<span${_scopeId}>加载地图文件</span></div></div>`);
+						} else if (unref(stage) === "select") {
+							_push(`<div class="grid min-h-[32rem] flex-1 place-items-center overflow-y-auto p-6"${_scopeId}><div class="w-full max-w-2xl space-y-4"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_FileDropZone, {
+								accept: ".uomtiles,.mbtiles,.pmtiles",
+								title: "选择地图文件",
+								"file-name": unref(selectedSourceLabel),
+								onSelect: selectLocalFile
+							}, null, _parent, _scopeId));
+							_push(ssrRenderComponent(_component_CompletedTaskSelect, {
+								modelValue: unref(filename),
+								"onUpdate:modelValue": ($event) => isRef(filename) ? filename.value = $event : null,
+								class: "w-full"
+							}, null, _parent, _scopeId));
+							_push(`<div class="flex justify-end"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_UButton, {
+								icon: "i-lucide-map",
+								label: "打开地图",
+								size: "lg",
+								disabled: !unref(selectedSource),
+								onClick: openMap
+							}, null, _parent, _scopeId));
+							_push(`</div></div></div>`);
+						} else if (unref(selectedSource)) {
+							_push(`<div class="grid min-h-0 flex-1 xl:grid-cols-[minmax(0,1fr)_24rem]"${_scopeId}><div class="relative min-h-[520px] border-r border-default"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_OnlineMap, {
+								ref_key: "map",
+								ref: map,
+								key: unref(selectedFile)?.filename || unref(localFile)?.id,
+								"tile-url": unref(sourceTileUrl),
+								"local-sources": unref(localFile) ? [{
+									id: unref(localFile).id,
+									file: unref(localFile).file
+								}] : [],
+								"base-map": unref(baseMap),
+								"min-zoom": unref(sourceMinZoom),
+								"max-zoom": unref(sourceMaxZoom),
+								"map-min-zoom": 3,
+								"map-max-zoom": 24,
+								"initial-zoom": 9,
+								center: unref(location) || [116.4, 39.9],
+								location: unref(location),
+								areas: unref(areas),
+								"selected-area-id": unref(selectedAreaId),
+								"enable-location-picking": unref(locationMode) === "map",
+								"enable-area-analysis": "",
+								"raster-resampling": "nearest",
+								onLocationActivate: activateGeolocation,
+								onLocationChange: setLocation,
+								onLocationLoading: setLocationLoading,
+								onLocationError: showLocationError
+							}, null, _parent, _scopeId));
+							_push(`</div><aside class="flex min-h-0 flex-col overflow-hidden bg-default"${_scopeId}><div class="border-b border-default p-4"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_USelectMenu, {
+								modelValue: unref(feature),
+								"onUpdate:modelValue": ($event) => isRef(feature) ? feature.value = $event : null,
+								items: featureItems,
+								"value-key": "value",
+								"label-key": "label",
+								class: "w-full"
+							}, null, _parent, _scopeId));
+							_push(`</div>`);
+							_push(ssrRenderComponent(_component_UScrollArea, { class: "min-h-0 flex-1" }, {
+								default: withCtx((_, _push, _parent, _scopeId) => {
+									if (_push) {
+										_push(`<div class="space-y-6 p-5"${_scopeId}><section class="space-y-3"${_scopeId}>`);
+										_push(ssrRenderComponent(_component_UTabs, {
+											"model-value": unref(locationMode),
+											items: unref(locationModeItems),
+											content: false,
+											size: "sm",
+											class: "w-full",
+											ui: {
+												list: "grid grid-cols-3",
+												trigger: "px-2"
+											},
+											"onUpdate:modelValue": selectLocationMode
+										}, null, _parent, _scopeId));
+										_push(`<div class="grid grid-cols-2 gap-3"${_scopeId}>`);
+										_push(ssrRenderComponent(_component_UFormField, {
+											label: "经度",
+											error: unref(longitudeError)
+										}, {
+											default: withCtx((_, _push, _parent, _scopeId) => {
+												if (_push) _push(ssrRenderComponent(_component_UInput, {
+													"model-value": unref(longitude),
+													type: "number",
+													inputmode: "decimal",
+													min: "-180",
+													max: "180",
+													step: "0.000001",
+													placeholder: "116.400000",
+													class: "w-full",
+													"onUpdate:modelValue": setManualLongitude
+												}, null, _parent, _scopeId));
+												else return [createVNode(_component_UInput, {
+													"model-value": unref(longitude),
+													type: "number",
+													inputmode: "decimal",
+													min: "-180",
+													max: "180",
+													step: "0.000001",
+													placeholder: "116.400000",
+													class: "w-full",
+													"onUpdate:modelValue": setManualLongitude
+												}, null, 8, ["model-value"])];
+											}),
+											_: 1
+										}, _parent, _scopeId));
+										_push(ssrRenderComponent(_component_UFormField, {
+											label: "纬度",
+											error: unref(latitudeError)
+										}, {
+											default: withCtx((_, _push, _parent, _scopeId) => {
+												if (_push) _push(ssrRenderComponent(_component_UInput, {
+													"model-value": unref(latitude),
+													type: "number",
+													inputmode: "decimal",
+													min: "-85.05112878",
+													max: "85.05112878",
+													step: "0.000001",
+													placeholder: "39.900000",
+													class: "w-full",
+													"onUpdate:modelValue": setManualLatitude
+												}, null, _parent, _scopeId));
+												else return [createVNode(_component_UInput, {
+													"model-value": unref(latitude),
+													type: "number",
+													inputmode: "decimal",
+													min: "-85.05112878",
+													max: "85.05112878",
+													step: "0.000001",
+													placeholder: "39.900000",
+													class: "w-full",
+													"onUpdate:modelValue": setManualLatitude
+												}, null, 8, ["model-value"])];
+											}),
+											_: 1
+										}, _parent, _scopeId));
+										_push(`</div>`);
+										if (unref(locating)) _push(`<span class="sr-only" role="status"${_scopeId}>正在获取当前位置</span>`);
+										else _push(`<!---->`);
+										_push(`</section><section class="space-y-3"${_scopeId}><div class="grid grid-cols-2 gap-3"${_scopeId}>`);
+										_push(ssrRenderComponent(_component_UFormField, { label: "筛选方式" }, {
+											default: withCtx((_, _push, _parent, _scopeId) => {
+												if (_push) _push(ssrRenderComponent(_component_USelectMenu, {
+													modelValue: unref(filterMode),
+													"onUpdate:modelValue": ($event) => isRef(filterMode) ? filterMode.value = $event : null,
+													items: filterModeItems,
+													"value-key": "value",
+													"label-key": "label",
+													class: "w-full"
+												}, null, _parent, _scopeId));
+												else return [createVNode(_component_USelectMenu, {
+													modelValue: unref(filterMode),
+													"onUpdate:modelValue": ($event) => isRef(filterMode) ? filterMode.value = $event : null,
+													items: filterModeItems,
+													"value-key": "value",
+													"label-key": "label",
+													class: "w-full"
+												}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+											}),
+											_: 1
+										}, _parent, _scopeId));
+										_push(ssrRenderComponent(_component_UFormField, { label: "结果数量" }, {
+											default: withCtx((_, _push, _parent, _scopeId) => {
+												if (_push) _push(ssrRenderComponent(_component_USelectMenu, {
+													modelValue: unref(resultCount),
+													"onUpdate:modelValue": ($event) => isRef(resultCount) ? resultCount.value = $event : null,
+													items: unref(resultCountItems),
+													"value-key": "value",
+													"label-key": "label",
+													class: "w-full"
+												}, null, _parent, _scopeId));
+												else return [createVNode(_component_USelectMenu, {
+													modelValue: unref(resultCount),
+													"onUpdate:modelValue": ($event) => isRef(resultCount) ? resultCount.value = $event : null,
+													items: unref(resultCountItems),
+													"value-key": "value",
+													"label-key": "label",
+													class: "w-full"
+												}, null, 8, [
+													"modelValue",
+													"onUpdate:modelValue",
+													"items"
+												])];
+											}),
+											_: 1
+										}, _parent, _scopeId));
+										_push(`</div>`);
+										if (unref(filterMode) === "area") {
+											_push(`<!--[-->`);
+											_push(ssrRenderComponent(_component_UFormField, { label: "最小面积" }, {
+												default: withCtx((_, _push, _parent, _scopeId) => {
+													if (_push) _push(ssrRenderComponent(_component_USelectMenu, {
+														modelValue: unref(areaPreset),
+														"onUpdate:modelValue": ($event) => isRef(areaPreset) ? areaPreset.value = $event : null,
+														items: areaPresetItems,
+														"value-key": "value",
+														"label-key": "label",
+														class: "w-full"
+													}, null, _parent, _scopeId));
+													else return [createVNode(_component_USelectMenu, {
+														modelValue: unref(areaPreset),
+														"onUpdate:modelValue": ($event) => isRef(areaPreset) ? areaPreset.value = $event : null,
+														items: areaPresetItems,
+														"value-key": "value",
+														"label-key": "label",
+														class: "w-full"
+													}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+												}),
+												_: 1
+											}, _parent, _scopeId));
+											if (unref(areaPreset) === "custom") _push(ssrRenderComponent(_component_UFormField, { label: "自定义面积（平方千米）" }, {
+												default: withCtx((_, _push, _parent, _scopeId) => {
+													if (_push) _push(ssrRenderComponent(_component_UInput, {
+														modelValue: unref(customAreaSquareKilometers),
+														"onUpdate:modelValue": ($event) => isRef(customAreaSquareKilometers) ? customAreaSquareKilometers.value = $event : null,
+														modelModifiers: { number: true },
+														type: "number",
+														min: "1",
+														step: "0.1",
+														placeholder: "至少 1",
+														class: "w-full"
+													}, null, _parent, _scopeId));
+													else return [createVNode(_component_UInput, {
+														modelValue: unref(customAreaSquareKilometers),
+														"onUpdate:modelValue": ($event) => isRef(customAreaSquareKilometers) ? customAreaSquareKilometers.value = $event : null,
+														modelModifiers: { number: true },
+														type: "number",
+														min: "1",
+														step: "0.1",
+														placeholder: "至少 1",
+														class: "w-full"
+													}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+												}),
+												_: 1
+											}, _parent, _scopeId));
+											else _push(`<!---->`);
+											_push(`<!--]-->`);
+										} else {
+											_push(`<div class="grid grid-cols-2 gap-3"${_scopeId}>`);
+											_push(ssrRenderComponent(_component_UFormField, { label: "最小宽（公里）" }, {
+												default: withCtx((_, _push, _parent, _scopeId) => {
+													if (_push) _push(ssrRenderComponent(_component_UInput, {
+														modelValue: unref(customWidthKilometers),
+														"onUpdate:modelValue": ($event) => isRef(customWidthKilometers) ? customWidthKilometers.value = $event : null,
+														modelModifiers: { number: true },
+														type: "number",
+														min: "0.1",
+														step: "0.1",
+														placeholder: "例如 2",
+														class: "w-full"
+													}, null, _parent, _scopeId));
+													else return [createVNode(_component_UInput, {
+														modelValue: unref(customWidthKilometers),
+														"onUpdate:modelValue": ($event) => isRef(customWidthKilometers) ? customWidthKilometers.value = $event : null,
+														modelModifiers: { number: true },
+														type: "number",
+														min: "0.1",
+														step: "0.1",
+														placeholder: "例如 2",
+														class: "w-full"
+													}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+												}),
+												_: 1
+											}, _parent, _scopeId));
+											_push(ssrRenderComponent(_component_UFormField, { label: "最小高（公里）" }, {
+												default: withCtx((_, _push, _parent, _scopeId) => {
+													if (_push) _push(ssrRenderComponent(_component_UInput, {
+														modelValue: unref(customHeightKilometers),
+														"onUpdate:modelValue": ($event) => isRef(customHeightKilometers) ? customHeightKilometers.value = $event : null,
+														modelModifiers: { number: true },
+														type: "number",
+														min: "0.1",
+														step: "0.1",
+														placeholder: "例如 2",
+														class: "w-full"
+													}, null, _parent, _scopeId));
+													else return [createVNode(_component_UInput, {
+														modelValue: unref(customHeightKilometers),
+														"onUpdate:modelValue": ($event) => isRef(customHeightKilometers) ? customHeightKilometers.value = $event : null,
+														modelModifiers: { number: true },
+														type: "number",
+														min: "0.1",
+														step: "0.1",
+														placeholder: "例如 2",
+														class: "w-full"
+													}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+												}),
+												_: 1
+											}, _parent, _scopeId));
+											_push(`</div>`);
+										}
+										_push(ssrRenderComponent(_component_UFormField, {
+											label: "区域合并间隙（米）",
+											description: "边缘间隔不超过此值的区域合并"
+										}, {
+											default: withCtx((_, _push, _parent, _scopeId) => {
+												if (_push) _push(ssrRenderComponent(_component_UInput, {
+													modelValue: unref(gapMeters),
+													"onUpdate:modelValue": ($event) => isRef(gapMeters) ? gapMeters.value = $event : null,
+													modelModifiers: { number: true },
+													type: "number",
+													min: "0",
+													step: "1",
+													placeholder: "0",
+													class: "w-full"
+												}, null, _parent, _scopeId));
+												else return [createVNode(_component_UInput, {
+													modelValue: unref(gapMeters),
+													"onUpdate:modelValue": ($event) => isRef(gapMeters) ? gapMeters.value = $event : null,
+													modelModifiers: { number: true },
+													type: "number",
+													min: "0",
+													step: "1",
+													placeholder: "0",
+													class: "w-full"
+												}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+											}),
+											_: 1
+										}, _parent, _scopeId));
+										_push(`</section>`);
+										_push(ssrRenderComponent(_component_UButton, {
+											icon: "i-lucide-search",
+											label: "寻找适飞区",
+											block: "",
+											loading: unref(running),
+											disabled: !unref(location) || !unref(criteriaValid) || !unref(gapValid) || unref(running),
+											onClick: search
+										}, null, _parent, _scopeId));
+										if (unref(running)) {
+											_push(`<section class="space-y-2"${_scopeId}>`);
+											_push(ssrRenderComponent(_component_UProgress, {
+												"model-value": unref(progress),
+												max: 100,
+												size: "sm"
+											}, null, _parent, _scopeId));
+											_push(`<div class="flex items-center justify-between text-xs text-muted"${_scopeId}><span${_scopeId}>${ssrInterpolate(unref(processedTiles))} / ${ssrInterpolate(unref(totalTiles))} 瓦片</span><span${_scopeId}>已发现 ${ssrInterpolate(unref(foundAreas))} 个</span></div></section>`);
+										} else if (unref(state) === "error") _push(ssrRenderComponent(_component_UAlert, {
+											color: "error",
+											icon: "i-lucide-circle-x",
+											title: "分析失败",
+											description: unref(error) || void 0
+										}, null, _parent, _scopeId));
+										else if (unref(state) === "completed" && unref(truncated)) _push(ssrRenderComponent(_component_UAlert, {
+											color: "warning",
+											icon: "i-lucide-triangle-alert",
+											title: "结果可能不完整",
+											description: "已达到本次分析的瓦片上限。"
+										}, null, _parent, _scopeId));
+										else _push(`<!---->`);
+										if (unref(state) === "completed") {
+											_push(`<section class="space-y-2"${_scopeId}><!--[-->`);
+											ssrRenderList(unref(areas), (area, index) => {
+												_push(ssrRenderComponent(_component_UButton, {
+													key: area.id,
+													color: "neutral",
+													variant: unref(selectedAreaId) === area.id ? "soft" : "ghost",
+													block: "",
+													ui: {
+														base: "h-auto justify-start px-3 py-3 text-left",
+														label: "w-full"
+													},
+													onClick: ($event) => selectedAreaId.value = area.id
+												}, {
+													default: withCtx((_, _push, _parent, _scopeId) => {
+														if (_push) {
+															_push(`<span class="flex w-full items-center gap-3"${_scopeId}><span class="grid size-7 shrink-0 place-items-center text-xs font-semibold" style="${ssrRenderStyle({
+																backgroundColor: unref(areaPaletteColor)(index).fillHex,
+																color: unref(areaPaletteColor)(index).accentHex
+															})}"${_scopeId}>${ssrInterpolate(index + 1)}</span><span class="min-w-0 flex-1"${_scopeId}><span class="block text-sm font-medium text-highlighted"${_scopeId}>${ssrInterpolate(formatDistance(area.distanceMeters))}</span><span class="mt-0.5 block text-xs text-muted"${_scopeId}>${ssrInterpolate(formatArea(area.areaSquareMeters))}</span><span class="mt-0.5 block text-xs text-muted"${_scopeId}>宽 ${ssrInterpolate(formatDimension(area.widthMeters))} · 高 ${ssrInterpolate(formatDimension(area.heightMeters))}</span></span>`);
+															_push(ssrRenderComponent(_component_UIcon, {
+																name: "i-lucide-chevron-right",
+																class: "size-4 shrink-0 text-muted"
+															}, null, _parent, _scopeId));
+															_push(`</span>`);
+														} else return [createVNode("span", { class: "flex w-full items-center gap-3" }, [
+															createVNode("span", {
+																class: "grid size-7 shrink-0 place-items-center text-xs font-semibold",
+																style: {
+																	backgroundColor: unref(areaPaletteColor)(index).fillHex,
+																	color: unref(areaPaletteColor)(index).accentHex
+																}
+															}, toDisplayString(index + 1), 5),
+															createVNode("span", { class: "min-w-0 flex-1" }, [
+																createVNode("span", { class: "block text-sm font-medium text-highlighted" }, toDisplayString(formatDistance(area.distanceMeters)), 1),
+																createVNode("span", { class: "mt-0.5 block text-xs text-muted" }, toDisplayString(formatArea(area.areaSquareMeters)), 1),
+																createVNode("span", { class: "mt-0.5 block text-xs text-muted" }, "宽 " + toDisplayString(formatDimension(area.widthMeters)) + " · 高 " + toDisplayString(formatDimension(area.heightMeters)), 1)
+															]),
+															createVNode(_component_UIcon, {
+																name: "i-lucide-chevron-right",
+																class: "size-4 shrink-0 text-muted"
+															})
+														])];
+													}),
+													_: 2
+												}, _parent, _scopeId));
+											});
+											_push(`<!--]-->`);
+											if (unref(areas).length === 0) _push(ssrRenderComponent(_component_UEmpty, {
+												icon: "i-lucide-map-pin-x",
+												title: "未找到符合条件的适飞区"
+											}, null, _parent, _scopeId));
+											else _push(`<!---->`);
+											_push(`</section>`);
+										} else _push(`<!---->`);
+										_push(`</div>`);
+									} else return [createVNode("div", { class: "space-y-6 p-5" }, [
+										createVNode("section", { class: "space-y-3" }, [
+											createVNode(_component_UTabs, {
+												"model-value": unref(locationMode),
+												items: unref(locationModeItems),
+												content: false,
+												size: "sm",
+												class: "w-full",
+												ui: {
+													list: "grid grid-cols-3",
+													trigger: "px-2"
+												},
+												"onUpdate:modelValue": selectLocationMode
+											}, null, 8, ["model-value", "items"]),
+											createVNode("div", { class: "grid grid-cols-2 gap-3" }, [createVNode(_component_UFormField, {
+												label: "经度",
+												error: unref(longitudeError)
+											}, {
+												default: withCtx(() => [createVNode(_component_UInput, {
+													"model-value": unref(longitude),
+													type: "number",
+													inputmode: "decimal",
+													min: "-180",
+													max: "180",
+													step: "0.000001",
+													placeholder: "116.400000",
+													class: "w-full",
+													"onUpdate:modelValue": setManualLongitude
+												}, null, 8, ["model-value"])]),
+												_: 1
+											}, 8, ["error"]), createVNode(_component_UFormField, {
+												label: "纬度",
+												error: unref(latitudeError)
+											}, {
+												default: withCtx(() => [createVNode(_component_UInput, {
+													"model-value": unref(latitude),
+													type: "number",
+													inputmode: "decimal",
+													min: "-85.05112878",
+													max: "85.05112878",
+													step: "0.000001",
+													placeholder: "39.900000",
+													class: "w-full",
+													"onUpdate:modelValue": setManualLatitude
+												}, null, 8, ["model-value"])]),
+												_: 1
+											}, 8, ["error"])]),
+											unref(locating) ? (openBlock(), createBlock("span", {
+												key: 0,
+												class: "sr-only",
+												role: "status"
+											}, "正在获取当前位置")) : createCommentVNode("", true)
+										]),
+										createVNode("section", { class: "space-y-3" }, [
+											createVNode("div", { class: "grid grid-cols-2 gap-3" }, [createVNode(_component_UFormField, { label: "筛选方式" }, {
+												default: withCtx(() => [createVNode(_component_USelectMenu, {
+													modelValue: unref(filterMode),
+													"onUpdate:modelValue": ($event) => isRef(filterMode) ? filterMode.value = $event : null,
+													items: filterModeItems,
+													"value-key": "value",
+													"label-key": "label",
+													class: "w-full"
+												}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+												_: 1
+											}), createVNode(_component_UFormField, { label: "结果数量" }, {
+												default: withCtx(() => [createVNode(_component_USelectMenu, {
+													modelValue: unref(resultCount),
+													"onUpdate:modelValue": ($event) => isRef(resultCount) ? resultCount.value = $event : null,
+													items: unref(resultCountItems),
+													"value-key": "value",
+													"label-key": "label",
+													class: "w-full"
+												}, null, 8, [
+													"modelValue",
+													"onUpdate:modelValue",
+													"items"
+												])]),
+												_: 1
+											})]),
+											unref(filterMode) === "area" ? (openBlock(), createBlock(Fragment, { key: 0 }, [createVNode(_component_UFormField, { label: "最小面积" }, {
+												default: withCtx(() => [createVNode(_component_USelectMenu, {
+													modelValue: unref(areaPreset),
+													"onUpdate:modelValue": ($event) => isRef(areaPreset) ? areaPreset.value = $event : null,
+													items: areaPresetItems,
+													"value-key": "value",
+													"label-key": "label",
+													class: "w-full"
+												}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+												_: 1
+											}), unref(areaPreset) === "custom" ? (openBlock(), createBlock(_component_UFormField, {
+												key: 0,
+												label: "自定义面积（平方千米）"
+											}, {
+												default: withCtx(() => [createVNode(_component_UInput, {
+													modelValue: unref(customAreaSquareKilometers),
+													"onUpdate:modelValue": ($event) => isRef(customAreaSquareKilometers) ? customAreaSquareKilometers.value = $event : null,
+													modelModifiers: { number: true },
+													type: "number",
+													min: "1",
+													step: "0.1",
+													placeholder: "至少 1",
+													class: "w-full"
+												}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+												_: 1
+											})) : createCommentVNode("", true)], 64)) : (openBlock(), createBlock("div", {
+												key: 1,
+												class: "grid grid-cols-2 gap-3"
+											}, [createVNode(_component_UFormField, { label: "最小宽（公里）" }, {
+												default: withCtx(() => [createVNode(_component_UInput, {
+													modelValue: unref(customWidthKilometers),
+													"onUpdate:modelValue": ($event) => isRef(customWidthKilometers) ? customWidthKilometers.value = $event : null,
+													modelModifiers: { number: true },
+													type: "number",
+													min: "0.1",
+													step: "0.1",
+													placeholder: "例如 2",
+													class: "w-full"
+												}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+												_: 1
+											}), createVNode(_component_UFormField, { label: "最小高（公里）" }, {
+												default: withCtx(() => [createVNode(_component_UInput, {
+													modelValue: unref(customHeightKilometers),
+													"onUpdate:modelValue": ($event) => isRef(customHeightKilometers) ? customHeightKilometers.value = $event : null,
+													modelModifiers: { number: true },
+													type: "number",
+													min: "0.1",
+													step: "0.1",
+													placeholder: "例如 2",
+													class: "w-full"
+												}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+												_: 1
+											})])),
+											createVNode(_component_UFormField, {
+												label: "区域合并间隙（米）",
+												description: "边缘间隔不超过此值的区域合并"
+											}, {
+												default: withCtx(() => [createVNode(_component_UInput, {
+													modelValue: unref(gapMeters),
+													"onUpdate:modelValue": ($event) => isRef(gapMeters) ? gapMeters.value = $event : null,
+													modelModifiers: { number: true },
+													type: "number",
+													min: "0",
+													step: "1",
+													placeholder: "0",
+													class: "w-full"
+												}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+												_: 1
+											})
+										]),
+										createVNode(_component_UButton, {
+											icon: "i-lucide-search",
+											label: "寻找适飞区",
+											block: "",
+											loading: unref(running),
+											disabled: !unref(location) || !unref(criteriaValid) || !unref(gapValid) || unref(running),
+											onClick: search
+										}, null, 8, ["loading", "disabled"]),
+										unref(running) ? (openBlock(), createBlock("section", {
+											key: 0,
+											class: "space-y-2"
+										}, [createVNode(_component_UProgress, {
+											"model-value": unref(progress),
+											max: 100,
+											size: "sm"
+										}, null, 8, ["model-value"]), createVNode("div", { class: "flex items-center justify-between text-xs text-muted" }, [createVNode("span", null, toDisplayString(unref(processedTiles)) + " / " + toDisplayString(unref(totalTiles)) + " 瓦片", 1), createVNode("span", null, "已发现 " + toDisplayString(unref(foundAreas)) + " 个", 1)])])) : unref(state) === "error" ? (openBlock(), createBlock(_component_UAlert, {
+											key: 1,
+											color: "error",
+											icon: "i-lucide-circle-x",
+											title: "分析失败",
+											description: unref(error) || void 0
+										}, null, 8, ["description"])) : unref(state) === "completed" && unref(truncated) ? (openBlock(), createBlock(_component_UAlert, {
+											key: 2,
+											color: "warning",
+											icon: "i-lucide-triangle-alert",
+											title: "结果可能不完整",
+											description: "已达到本次分析的瓦片上限。"
+										})) : createCommentVNode("", true),
+										unref(state) === "completed" ? (openBlock(), createBlock("section", {
+											key: 3,
+											class: "space-y-2"
+										}, [(openBlock(true), createBlock(Fragment, null, renderList(unref(areas), (area, index) => {
+											return openBlock(), createBlock(_component_UButton, {
+												key: area.id,
+												color: "neutral",
+												variant: unref(selectedAreaId) === area.id ? "soft" : "ghost",
+												block: "",
+												ui: {
+													base: "h-auto justify-start px-3 py-3 text-left",
+													label: "w-full"
+												},
+												onClick: ($event) => selectedAreaId.value = area.id
+											}, {
+												default: withCtx(() => [createVNode("span", { class: "flex w-full items-center gap-3" }, [
+													createVNode("span", {
+														class: "grid size-7 shrink-0 place-items-center text-xs font-semibold",
+														style: {
+															backgroundColor: unref(areaPaletteColor)(index).fillHex,
+															color: unref(areaPaletteColor)(index).accentHex
+														}
+													}, toDisplayString(index + 1), 5),
+													createVNode("span", { class: "min-w-0 flex-1" }, [
+														createVNode("span", { class: "block text-sm font-medium text-highlighted" }, toDisplayString(formatDistance(area.distanceMeters)), 1),
+														createVNode("span", { class: "mt-0.5 block text-xs text-muted" }, toDisplayString(formatArea(area.areaSquareMeters)), 1),
+														createVNode("span", { class: "mt-0.5 block text-xs text-muted" }, "宽 " + toDisplayString(formatDimension(area.widthMeters)) + " · 高 " + toDisplayString(formatDimension(area.heightMeters)), 1)
+													]),
+													createVNode(_component_UIcon, {
+														name: "i-lucide-chevron-right",
+														class: "size-4 shrink-0 text-muted"
+													})
+												])]),
+												_: 2
+											}, 1032, ["variant", "onClick"]);
+										}), 128)), unref(areas).length === 0 ? (openBlock(), createBlock(_component_UEmpty, {
+											key: 0,
+											icon: "i-lucide-map-pin-x",
+											title: "未找到符合条件的适飞区"
+										})) : createCommentVNode("", true)])) : createCommentVNode("", true)
+									])];
+								}),
+								_: 1
+							}, _parent, _scopeId));
+							_push(`</aside></div>`);
+						} else _push(`<!---->`);
+					} else return [!unref(workspace).ready.value ? (openBlock(), createBlock("div", {
+						key: 0,
+						class: "grid min-h-[32rem] flex-1 place-items-center"
+					}, [createVNode("div", { class: "flex flex-col items-center gap-3 text-sm text-muted" }, [createVNode(_component_UIcon, {
+						name: "i-lucide-loader-circle",
+						class: "size-5 animate-spin text-primary"
+					}), createVNode("span", null, "加载地图文件")])])) : unref(stage) === "select" ? (openBlock(), createBlock("div", {
+						key: 1,
+						class: "grid min-h-[32rem] flex-1 place-items-center overflow-y-auto p-6"
+					}, [createVNode("div", { class: "w-full max-w-2xl space-y-4" }, [
+						createVNode(_component_FileDropZone, {
+							accept: ".uomtiles,.mbtiles,.pmtiles",
+							title: "选择地图文件",
+							"file-name": unref(selectedSourceLabel),
+							onSelect: selectLocalFile
+						}, null, 8, ["file-name"]),
+						createVNode(_component_CompletedTaskSelect, {
+							modelValue: unref(filename),
+							"onUpdate:modelValue": ($event) => isRef(filename) ? filename.value = $event : null,
+							class: "w-full"
+						}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+						createVNode("div", { class: "flex justify-end" }, [createVNode(_component_UButton, {
+							icon: "i-lucide-map",
+							label: "打开地图",
+							size: "lg",
+							disabled: !unref(selectedSource),
+							onClick: openMap
+						}, null, 8, ["disabled"])])
+					])])) : unref(selectedSource) ? (openBlock(), createBlock("div", {
+						key: 2,
+						class: "grid min-h-0 flex-1 xl:grid-cols-[minmax(0,1fr)_24rem]"
+					}, [createVNode("div", { class: "relative min-h-[520px] border-r border-default" }, [(openBlock(), createBlock(_component_OnlineMap, {
+						ref_key: "map",
+						ref: map,
+						key: unref(selectedFile)?.filename || unref(localFile)?.id,
+						"tile-url": unref(sourceTileUrl),
+						"local-sources": unref(localFile) ? [{
+							id: unref(localFile).id,
+							file: unref(localFile).file
+						}] : [],
+						"base-map": unref(baseMap),
+						"min-zoom": unref(sourceMinZoom),
+						"max-zoom": unref(sourceMaxZoom),
+						"map-min-zoom": 3,
+						"map-max-zoom": 24,
+						"initial-zoom": 9,
+						center: unref(location) || [116.4, 39.9],
+						location: unref(location),
+						areas: unref(areas),
+						"selected-area-id": unref(selectedAreaId),
+						"enable-location-picking": unref(locationMode) === "map",
+						"enable-area-analysis": "",
+						"raster-resampling": "nearest",
+						onLocationActivate: activateGeolocation,
+						onLocationChange: setLocation,
+						onLocationLoading: setLocationLoading,
+						onLocationError: showLocationError
+					}, null, 8, [
+						"tile-url",
+						"local-sources",
+						"base-map",
+						"min-zoom",
+						"max-zoom",
+						"center",
+						"location",
+						"areas",
+						"selected-area-id",
+						"enable-location-picking"
+					]))]), createVNode("aside", { class: "flex min-h-0 flex-col overflow-hidden bg-default" }, [createVNode("div", { class: "border-b border-default p-4" }, [createVNode(_component_USelectMenu, {
+						modelValue: unref(feature),
+						"onUpdate:modelValue": ($event) => isRef(feature) ? feature.value = $event : null,
+						items: featureItems,
+						"value-key": "value",
+						"label-key": "label",
+						class: "w-full"
+					}, null, 8, ["modelValue", "onUpdate:modelValue"])]), createVNode(_component_UScrollArea, { class: "min-h-0 flex-1" }, {
+						default: withCtx(() => [createVNode("div", { class: "space-y-6 p-5" }, [
+							createVNode("section", { class: "space-y-3" }, [
+								createVNode(_component_UTabs, {
+									"model-value": unref(locationMode),
+									items: unref(locationModeItems),
+									content: false,
+									size: "sm",
+									class: "w-full",
+									ui: {
+										list: "grid grid-cols-3",
+										trigger: "px-2"
+									},
+									"onUpdate:modelValue": selectLocationMode
+								}, null, 8, ["model-value", "items"]),
+								createVNode("div", { class: "grid grid-cols-2 gap-3" }, [createVNode(_component_UFormField, {
+									label: "经度",
+									error: unref(longitudeError)
+								}, {
+									default: withCtx(() => [createVNode(_component_UInput, {
+										"model-value": unref(longitude),
+										type: "number",
+										inputmode: "decimal",
+										min: "-180",
+										max: "180",
+										step: "0.000001",
+										placeholder: "116.400000",
+										class: "w-full",
+										"onUpdate:modelValue": setManualLongitude
+									}, null, 8, ["model-value"])]),
+									_: 1
+								}, 8, ["error"]), createVNode(_component_UFormField, {
+									label: "纬度",
+									error: unref(latitudeError)
+								}, {
+									default: withCtx(() => [createVNode(_component_UInput, {
+										"model-value": unref(latitude),
+										type: "number",
+										inputmode: "decimal",
+										min: "-85.05112878",
+										max: "85.05112878",
+										step: "0.000001",
+										placeholder: "39.900000",
+										class: "w-full",
+										"onUpdate:modelValue": setManualLatitude
+									}, null, 8, ["model-value"])]),
+									_: 1
+								}, 8, ["error"])]),
+								unref(locating) ? (openBlock(), createBlock("span", {
+									key: 0,
+									class: "sr-only",
+									role: "status"
+								}, "正在获取当前位置")) : createCommentVNode("", true)
+							]),
+							createVNode("section", { class: "space-y-3" }, [
+								createVNode("div", { class: "grid grid-cols-2 gap-3" }, [createVNode(_component_UFormField, { label: "筛选方式" }, {
+									default: withCtx(() => [createVNode(_component_USelectMenu, {
+										modelValue: unref(filterMode),
+										"onUpdate:modelValue": ($event) => isRef(filterMode) ? filterMode.value = $event : null,
+										items: filterModeItems,
+										"value-key": "value",
+										"label-key": "label",
+										class: "w-full"
+									}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+									_: 1
+								}), createVNode(_component_UFormField, { label: "结果数量" }, {
+									default: withCtx(() => [createVNode(_component_USelectMenu, {
+										modelValue: unref(resultCount),
+										"onUpdate:modelValue": ($event) => isRef(resultCount) ? resultCount.value = $event : null,
+										items: unref(resultCountItems),
+										"value-key": "value",
+										"label-key": "label",
+										class: "w-full"
+									}, null, 8, [
+										"modelValue",
+										"onUpdate:modelValue",
+										"items"
+									])]),
+									_: 1
+								})]),
+								unref(filterMode) === "area" ? (openBlock(), createBlock(Fragment, { key: 0 }, [createVNode(_component_UFormField, { label: "最小面积" }, {
+									default: withCtx(() => [createVNode(_component_USelectMenu, {
+										modelValue: unref(areaPreset),
+										"onUpdate:modelValue": ($event) => isRef(areaPreset) ? areaPreset.value = $event : null,
+										items: areaPresetItems,
+										"value-key": "value",
+										"label-key": "label",
+										class: "w-full"
+									}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+									_: 1
+								}), unref(areaPreset) === "custom" ? (openBlock(), createBlock(_component_UFormField, {
+									key: 0,
+									label: "自定义面积（平方千米）"
+								}, {
+									default: withCtx(() => [createVNode(_component_UInput, {
+										modelValue: unref(customAreaSquareKilometers),
+										"onUpdate:modelValue": ($event) => isRef(customAreaSquareKilometers) ? customAreaSquareKilometers.value = $event : null,
+										modelModifiers: { number: true },
+										type: "number",
+										min: "1",
+										step: "0.1",
+										placeholder: "至少 1",
+										class: "w-full"
+									}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+									_: 1
+								})) : createCommentVNode("", true)], 64)) : (openBlock(), createBlock("div", {
+									key: 1,
+									class: "grid grid-cols-2 gap-3"
+								}, [createVNode(_component_UFormField, { label: "最小宽（公里）" }, {
+									default: withCtx(() => [createVNode(_component_UInput, {
+										modelValue: unref(customWidthKilometers),
+										"onUpdate:modelValue": ($event) => isRef(customWidthKilometers) ? customWidthKilometers.value = $event : null,
+										modelModifiers: { number: true },
+										type: "number",
+										min: "0.1",
+										step: "0.1",
+										placeholder: "例如 2",
+										class: "w-full"
+									}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+									_: 1
+								}), createVNode(_component_UFormField, { label: "最小高（公里）" }, {
+									default: withCtx(() => [createVNode(_component_UInput, {
+										modelValue: unref(customHeightKilometers),
+										"onUpdate:modelValue": ($event) => isRef(customHeightKilometers) ? customHeightKilometers.value = $event : null,
+										modelModifiers: { number: true },
+										type: "number",
+										min: "0.1",
+										step: "0.1",
+										placeholder: "例如 2",
+										class: "w-full"
+									}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+									_: 1
+								})])),
+								createVNode(_component_UFormField, {
+									label: "区域合并间隙（米）",
+									description: "边缘间隔不超过此值的区域合并"
+								}, {
+									default: withCtx(() => [createVNode(_component_UInput, {
+										modelValue: unref(gapMeters),
+										"onUpdate:modelValue": ($event) => isRef(gapMeters) ? gapMeters.value = $event : null,
+										modelModifiers: { number: true },
+										type: "number",
+										min: "0",
+										step: "1",
+										placeholder: "0",
+										class: "w-full"
+									}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+									_: 1
+								})
+							]),
+							createVNode(_component_UButton, {
+								icon: "i-lucide-search",
+								label: "寻找适飞区",
+								block: "",
+								loading: unref(running),
+								disabled: !unref(location) || !unref(criteriaValid) || !unref(gapValid) || unref(running),
+								onClick: search
+							}, null, 8, ["loading", "disabled"]),
+							unref(running) ? (openBlock(), createBlock("section", {
+								key: 0,
+								class: "space-y-2"
+							}, [createVNode(_component_UProgress, {
+								"model-value": unref(progress),
+								max: 100,
+								size: "sm"
+							}, null, 8, ["model-value"]), createVNode("div", { class: "flex items-center justify-between text-xs text-muted" }, [createVNode("span", null, toDisplayString(unref(processedTiles)) + " / " + toDisplayString(unref(totalTiles)) + " 瓦片", 1), createVNode("span", null, "已发现 " + toDisplayString(unref(foundAreas)) + " 个", 1)])])) : unref(state) === "error" ? (openBlock(), createBlock(_component_UAlert, {
+								key: 1,
+								color: "error",
+								icon: "i-lucide-circle-x",
+								title: "分析失败",
+								description: unref(error) || void 0
+							}, null, 8, ["description"])) : unref(state) === "completed" && unref(truncated) ? (openBlock(), createBlock(_component_UAlert, {
+								key: 2,
+								color: "warning",
+								icon: "i-lucide-triangle-alert",
+								title: "结果可能不完整",
+								description: "已达到本次分析的瓦片上限。"
+							})) : createCommentVNode("", true),
+							unref(state) === "completed" ? (openBlock(), createBlock("section", {
+								key: 3,
+								class: "space-y-2"
+							}, [(openBlock(true), createBlock(Fragment, null, renderList(unref(areas), (area, index) => {
+								return openBlock(), createBlock(_component_UButton, {
+									key: area.id,
+									color: "neutral",
+									variant: unref(selectedAreaId) === area.id ? "soft" : "ghost",
+									block: "",
+									ui: {
+										base: "h-auto justify-start px-3 py-3 text-left",
+										label: "w-full"
+									},
+									onClick: ($event) => selectedAreaId.value = area.id
+								}, {
+									default: withCtx(() => [createVNode("span", { class: "flex w-full items-center gap-3" }, [
+										createVNode("span", {
+											class: "grid size-7 shrink-0 place-items-center text-xs font-semibold",
+											style: {
+												backgroundColor: unref(areaPaletteColor)(index).fillHex,
+												color: unref(areaPaletteColor)(index).accentHex
+											}
+										}, toDisplayString(index + 1), 5),
+										createVNode("span", { class: "min-w-0 flex-1" }, [
+											createVNode("span", { class: "block text-sm font-medium text-highlighted" }, toDisplayString(formatDistance(area.distanceMeters)), 1),
+											createVNode("span", { class: "mt-0.5 block text-xs text-muted" }, toDisplayString(formatArea(area.areaSquareMeters)), 1),
+											createVNode("span", { class: "mt-0.5 block text-xs text-muted" }, "宽 " + toDisplayString(formatDimension(area.widthMeters)) + " · 高 " + toDisplayString(formatDimension(area.heightMeters)), 1)
+										]),
+										createVNode(_component_UIcon, {
+											name: "i-lucide-chevron-right",
+											class: "size-4 shrink-0 text-muted"
+										})
+									])]),
+									_: 2
+								}, 1032, ["variant", "onClick"]);
+							}), 128)), unref(areas).length === 0 ? (openBlock(), createBlock(_component_UEmpty, {
+								key: 0,
+								icon: "i-lucide-map-pin-x",
+								title: "未找到符合条件的适飞区"
+							})) : createCommentVNode("", true)])) : createCommentVNode("", true)
+						])]),
+						_: 1
+					})])])) : createCommentVNode("", true)];
+				}),
+				_: 1
+			}, _parent));
+		};
+	}
+});
+//#endregion
+//#region app/pages/advanced.vue
+var _sfc_setup = advanced_vue_vue_type_script_setup_true_lang_default.setup;
+advanced_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/advanced.vue");
+	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+var advanced_default = advanced_vue_vue_type_script_setup_true_lang_default;
+
+export { advanced_default as default };
+//# sourceMappingURL=advanced-D1onodoF.mjs.map