@skzz/components-gis 0.1.4 → 0.1.5

package/dist/zz-layer-zzts3dtype-BRl3mCk9.js

@@ -0,0 +1,493 @@
+import { t as e } from "./pako.esm-D6zcBi67.js";
+import { n as t, t as n } from "./esm-BXiGX6xE.js";
+import { computed as r, inject as i, onMounted as a, onUnmounted as o, ref as s, watch as c } from "vue";
+import { IndexedDBManager as l, httpService as u } from "@skzz/libs-base";
+import d from "axios";
+import { latlng as f } from "@skzz/libs-gis";
+//#region src/zz-layer/zz-layer-zzts3dtype/entityGrid.js
+var p = class {
+	constructor(e, t = !1, n = null, r = "255,255,255", i = "", a = 1, o = "") {
+		this.id = e, this.dictCode = o == null ? "" : String(o), this.isStatic = t, this.loadedTiles = /* @__PURE__ */ new Map(), this.currentTileIds = /* @__PURE__ */ new Set(), this.currentNewLevel = s(n || 15), this.gridDb = null, this.entityNum = 0, this.handlers = null, this.requestController = null, this.pendingRequests = /* @__PURE__ */ new Map(), this.fadeAnimations = /* @__PURE__ */ new Map(), this.lastTime = 0, this.serviceType = i, this.opacity = a, this.fixedLevel = n, this.levels_add = window.levels_add_plus || 0, this.tileColor = r, this.tileSleepTime = window.tileSleepTime || 400;
+	}
+	async init() {
+		let e = this.isStatic ? "_static" : "";
+		console.log("1"), this.gridDb = await new l(`gridDbs_${this.id}${e}_${this.serviceType}_v2`, 2), await this.gridDb.openDatabase("gridEntity", "id"), console.log("2"), this.isStatic || this.initHandler(), this.getViewportInfo();
+	}
+	getCurrentLevel() {
+		return this.currentNewLevel.value;
+	}
+	remove() {
+		this.destroyHandler(), this.clearAllTiles();
+	}
+	removeTilesOnly() {
+		this.clearAllTiles();
+	}
+	clearAllTiles() {
+		this.fadeAnimations.forEach((e) => {
+			e.interval && clearInterval(e.interval);
+		}), this.fadeAnimations.clear(), this.pendingRequests.forEach((e) => {
+			e.cancel && e.cancel();
+		}), this.pendingRequests.clear(), this.currentTileIds = /* @__PURE__ */ new Set();
+		for (let [e, t] of this.loadedTiles) t.box && viewer.scene.primitives.contains(t.box) && viewer.scene.primitives.remove(t.box), t.line && viewer.scene.primitives.contains(t.line) && viewer.scene.primitives.remove(t.line);
+		this.loadedTiles.clear();
+	}
+	initHandler1() {
+		if (this.getViewportInfo(), this.handlers) try {
+			viewer.camera.moveEnd.removeEventListener(this.handlers);
+		} catch (e) {
+			console.warn("移除旧的事件监听器失败:", e);
+		}
+		this.handlers = () => {
+			this.getViewportInfo();
+		}, viewer.camera.moveEnd.addEventListener(this.handlers);
+	}
+	initHandler() {
+		if (this.getViewportInfo(), this.handlers) try {
+			viewer.camera.changed.removeEventListener(this.handlers);
+		} catch (e) {
+			console.warn("移除旧的事件监听器失败:", e);
+		}
+		let e = null, t = () => {
+			clearTimeout(e), e = setTimeout(() => {
+				this.getViewportInfo();
+			}, 250);
+		};
+		viewer.camera.changed.addEventListener(t), this.handlers = t;
+	}
+	getViewportInfo() {
+		this.requestController && this.requestController.abort(), this.requestController = new AbortController(), this.entityNum = 0;
+		let e = f.getFrustumGroundIntersectionPoints(viewer), r = f.getCenter(viewer), i = f.getCameraView(viewer);
+		if (i.pitch > -18) return;
+		let a;
+		if (this.isStatic && this.fixedLevel) a = this.fixedLevel + this.levels_add;
+		else {
+			let t = Cesium.Cartesian3.distance(Cesium.Cartesian3.fromDegrees(r.x, r.y, 0), Cesium.Cartesian3.fromDegrees(i.x, i.y, i.z));
+			console.log(f.entityGridLevels);
+			let n = f.entityGridLevels.filter((e) => e.max >= t && e.min <= t);
+			if (!n[0] || e.length < 4) return;
+			a = n[0].level + this.levels_add;
+		}
+		if (this.currentNewLevel.value = a, !(e.length < 4)) {
+			var o = n(t([
+				[e[0].x, e[0].y],
+				[e[1].x, e[1].y],
+				[e[2].x, e[2].y],
+				[e[3].x, e[3].y]
+			]));
+			this.getEntityData(o, a, e, this.requestController.signal);
+		}
+	}
+	showDebugPoints(e) {
+		viewer.entities.values.filter((e) => e.id && e.id.startsWith(`debug_${this.id}_`)).forEach((e) => viewer.entities.remove(e)), e.forEach((e, t) => {
+			this.showPoint(e.x, e.y, 1, t);
+		});
+	}
+	async getEntityData(e, t, n, r) {
+		let i = viewer.scene.canvas, a = i.clientWidth, o = i.clientHeight, s = Number(e[2]) - Number(e[0]), c = Number(e[3]) - Number(e[1]);
+		if (!(s > 20 || c > 20)) try {
+			let n = await u.request({
+				method: "GET",
+				url: `/v1/zzts/layer/3d/calTiles?region=${e[0]},${e[1]},0,${e[2]},${e[3]},10&width=${a}&height=${o}`,
+				timeout: 6e4,
+				signal: r
+			});
+			r.aborted || this.render3DFaces(n.tiles || [], n.lodLevel ?? t);
+		} catch (e) {
+			e.name === "AbortError" ? console.log(`图层 ${this.id} 请求被取消`) : console.error(`图层 ${this.id} 获取实体数据出错:`, e);
+		}
+	}
+	render3DFaces(e, t) {
+		this.lastTime = (/* @__PURE__ */ new Date()).getTime(), e.forEach((e) => {
+			e.geoSot = e.geoSot, e.level = t;
+		});
+		let n = e, r = new Set(n.map((e) => e.geoSot)), i = [], a = [];
+		this.currentTileIds.forEach((e) => {
+			r.has(e) || a.push(e);
+		}), r.forEach((e) => {
+			if (!this.currentTileIds.has(e)) {
+				let t = n.find((t) => e === t.geoSot);
+				t && i.push(t);
+			}
+		}), i.forEach((e) => {
+			this.addTile(e, e.level);
+		}), a.forEach((e) => {
+			let t = this.loadedTiles.get(e);
+			t && this.fadeOut(t, e);
+		}), this.currentTileIds = r;
+	}
+	fadeOut(e, t) {
+		if (this.fadeAnimations.has(t)) {
+			let e = this.fadeAnimations.get(t);
+			e.interval && clearInterval(e.interval);
+		}
+		let n = 0, r = this.tileSleepTime / 100, i = setInterval(() => {
+			n < r ? (e.box && e.box.appearance, n++) : (clearInterval(i), this.fadeAnimations.delete(t), e.box && viewer.scene.primitives.contains(e.box) && viewer.scene.primitives.remove(e.box), e.line && viewer.scene.primitives.contains(e.line) && viewer.scene.primitives.remove(e.line), this.loadedTiles.delete(t), this.currentTileIds.delete(t));
+		}, 100);
+		this.fadeAnimations.set(t, { interval: i });
+	}
+	async addTile(e, t) {
+		let n = e.geoSot;
+		if (this.pendingRequests.has(n)) {
+			let e = this.pendingRequests.get(n);
+			e.cancel && e.cancel();
+		}
+		let r = d.CancelToken.source();
+		this.pendingRequests.set(n, { cancel: () => r.cancel("请求被取消") });
+		let i = e.level || t, a = `${n}__L${i}`;
+		try {
+			let t = await this.gridDb.getDataById("gridEntity", a);
+			if (t) t.data.byteLength > 47 && this.addGridToMap(e, this.parseCompressedMeshData(t.data, i));
+			else {
+				let t = await u.request({
+					method: "GET",
+					url: `/v1/zzts/layer/3d/getTilesByType?layerId=${encodeURIComponent(this.dictCode || "")}&level=${i}&geosot=${e.geoSot}&hcode=${e.highCode || 0}&serviceType=7&type=${encodeURIComponent(this.serviceType || "")}`,
+					headers: { Accept: "application/octet-stream" },
+					responseType: "arraybuffer",
+					timeout: 6e4,
+					cancelToken: r.token
+				});
+				!r.token.reason && t.data.byteLength > 47 && (await this.gridDb.addData("gridEntity", {
+					id: a,
+					data: t.data
+				}), this.addGridToMap(e, this.parseCompressedMeshData(t.data, i))), !r.token.reason && t.data.byteLength < 47 && await this.gridDb.addData("gridEntity", {
+					id: a,
+					data: t.data
+				});
+			}
+		} catch (e) {
+			d.isCancel(e) ? console.log(`图层 ${this.id} 瓦片请求被取消:`, n) : console.error(`图层 ${this.id} 获取瓦片数据出错:`, e);
+		} finally {
+			this.pendingRequests.delete(n);
+		}
+	}
+	createUniqueVertices(e, t) {
+		let n = e instanceof Float64Array ? e : new Float64Array(e), r = t.length, i = new Float64Array(r * 3), a = new Uint32Array(r);
+		for (let e = 0; e < t.length; e++) {
+			let r = t[e] * 3;
+			i[e * 3] = n[r], i[e * 3 + 1] = n[r + 1], i[e * 3 + 2] = n[r + 2], a[e] = e;
+		}
+		return {
+			positions: i,
+			indices: a
+		};
+	}
+	calculateFlatNormalsForUniqueVertices(e, t) {
+		let n = new Float32Array(e.length);
+		for (let r = 0; r < t.length; r += 3) {
+			let i = t[r] * 3, a = t[r + 1] * 3, o = t[r + 2] * 3, s = [
+				e[i],
+				e[i + 1],
+				e[i + 2]
+			], c = [
+				e[a],
+				e[a + 1],
+				e[a + 2]
+			], l = [
+				e[o],
+				e[o + 1],
+				e[o + 2]
+			], u = [
+				c[0] - s[0],
+				c[1] - s[1],
+				c[2] - s[2]
+			], d = [
+				l[0] - s[0],
+				l[1] - s[1],
+				l[2] - s[2]
+			], f = [
+				u[1] * d[2] - u[2] * d[1],
+				u[2] * d[0] - u[0] * d[2],
+				u[0] * d[1] - u[1] * d[0]
+			], p = Math.sqrt(f[0] * f[0] + f[1] * f[1] + f[2] * f[2]), m;
+			m = p > 1e-10 && !isNaN(f[0]) && !isNaN(f[1]) && !isNaN(f[2]) && isFinite(f[0]) && isFinite(f[1]) && isFinite(f[2]) ? [
+				f[0] / p,
+				f[1] / p,
+				f[2] / p
+			] : [
+				0,
+				0,
+				1
+			], n[i] = m[0], n[i + 1] = m[1], n[i + 2] = m[2], n[a] = m[0], n[a + 1] = m[1], n[a + 2] = m[2], n[o] = m[0], n[o + 1] = m[1], n[o + 2] = m[2];
+		}
+		return n;
+	}
+	addGridToMap(e, t) {
+		if (!t || t.length === 0) return console.warn("没有几何数据可渲染"), null;
+		let n = t.map((e) => {
+			if (!e.positions || e.positions.length === 0) return console.warn("跳过无效的几何体：缺少顶点数据"), null;
+			if (!e.indices || e.indices.length === 0) return console.warn("跳过无效的几何体：缺少索引数据"), null;
+			let { positions: t, indices: n } = this.createUniqueVertices(e.positions, e.indices), r = this.calculateFlatNormalsForUniqueVertices(t, n), i = t.length / 3, a = new Float32Array(i * 2);
+			for (let e = 0; e < i; e++) a[e * 2] = 0, a[e * 2 + 1] = 0;
+			let o = new Cesium.Geometry({
+				attributes: {
+					position: new Cesium.GeometryAttribute({
+						componentDatatype: Cesium.ComponentDatatype.DOUBLE,
+						componentsPerAttribute: 3,
+						values: t,
+						normalize: !1
+					}),
+					st: new Cesium.GeometryAttribute({
+						componentDatatype: Cesium.ComponentDatatype.FLOAT,
+						componentsPerAttribute: 2,
+						values: a
+					}),
+					normal: new Cesium.GeometryAttribute({
+						componentDatatype: Cesium.ComponentDatatype.FLOAT,
+						componentsPerAttribute: 3,
+						values: r,
+						normalize: !1
+					})
+				},
+				indices: n,
+				primitiveType: Cesium.PrimitiveType.TRIANGLES,
+				boundingSphere: Cesium.BoundingSphere.fromVertices(t)
+			});
+			return o.modelId = e.modelId, o.color = e.color, o;
+		}).filter((e) => e !== null).map((e, t) => {
+			let n = e.color, r = null;
+			if (n == "#C2D6E2FF" || n == "#00000000") r = `rgba(${this.tileColor}, ${this.opacity})`;
+			else try {
+				r = this.hexToRgba(n);
+			} catch {
+				r = `rgba(${this.tileColor || "255,255,255"}, ${this.opacity})`;
+			}
+			return r ||= `rgba(${this.tileColor || "255,255,255"}, ${this.opacity})`, new Cesium.GeometryInstance({
+				geometry: e,
+				id: e.modelId,
+				attributes: {
+					color: Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.fromCssColorString(`${r}`)),
+					show: new Cesium.ShowGeometryInstanceAttribute(!0)
+				}
+			});
+		}), r = new Cesium.Primitive({
+			geometryInstances: n,
+			asynchronous: !1,
+			compressVertices: !1,
+			releaseGeometryInstances: !1,
+			appearance: new Cesium.PerInstanceColorAppearance({
+				vertexFormat: Cesium.VertexFormat.POSITION_AND_NORMAL,
+				flat: !1,
+				translucent: !1,
+				renderState: {
+					depthTest: { enabled: !0 },
+					blending: Cesium.BlendingState.ALPHA_BLEND
+				}
+			})
+		});
+		r.layerId = this.id, r.geoSot = e.geoSot, viewer.scene.primitives.add(r);
+		let i = 0, a = this.tileSleepTime / 100, o = setInterval(() => {
+			i <= a * this.opacity ? (r && r.appearance, i++) : (clearInterval(o), this.fadeAnimations.has(e.geoSot) && this.fadeAnimations.delete(e.geoSot), this.removeOldEntities(e.geoSot));
+		}, 100);
+		this.fadeAnimations.set(e.geoSot, { interval: o }), this.loadedTiles.set(e.geoSot, { box: r });
+	}
+	hexToRgba(e) {
+		e = e.replace("#", "");
+		let t = 1;
+		if (e.length === 8) t = parseInt(e.slice(6, 8), 16) / 255;
+		else if (e.length !== 6) return console.error("Invalid hex format"), null;
+		return `rgba(${parseInt(e.slice(0, 2), 16)}, ${parseInt(e.slice(2, 4), 16)}, ${parseInt(e.slice(4, 6), 16)}, ${t})`;
+	}
+	removeOldEntities(e) {
+		viewer.scene.primitives._primitives.forEach((t) => {
+			t.geoSot && t.layerId === this.id && t.geoSot.length !== e.length && viewer.scene.primitives.remove(t);
+		});
+	}
+	destroyHandler() {
+		this.handlers &&= (viewer.camera.changed.removeEventListener(this.handlers), null), this.clearAllTiles(), this.requestController &&= (this.requestController.abort(), null);
+	}
+	decompressMeshChunk(t) {
+		try {
+			return e.ungzip(t);
+		} catch {
+			try {
+				return e.inflate(t);
+			} catch {
+				return e.inflate(t, { windowBits: -15 });
+			}
+		}
+	}
+	parseCompressedMeshData(e, t) {
+		let n = [];
+		if (!(e instanceof ArrayBuffer) && !(e?.buffer instanceof ArrayBuffer)) return console.error("parseCompressedMeshData: 输入不是 ArrayBuffer"), n;
+		let r = e instanceof ArrayBuffer ? e : e.buffer, i = new DataView(r), a = 0;
+		if (r.byteLength < 4) return n;
+		let o = i.getInt32(a, !0);
+		if (a += 4, o <= 0 || o > 5e5) return console.error(`parseCompressedMeshData: tileCount 异常 ${o}`), n;
+		for (let e = 0; e < o; e++) {
+			if (a + 4 > r.byteLength) {
+				console.error("parseCompressedMeshData: 读取 compressedLength 越界");
+				break;
+			}
+			let o = i.getInt32(a, !0);
+			if (a += 4, o <= 0 || a + o > r.byteLength) {
+				console.error(`parseCompressedMeshData: compressedLength 异常 ${o}`);
+				break;
+			}
+			let s = new Uint8Array(r, a, o);
+			a += o;
+			let c;
+			try {
+				c = this.decompressMeshChunk(s);
+			} catch (t) {
+				console.error(`parseCompressedMeshData: 解压失败 t=${e}`, t);
+				continue;
+			}
+			let l = new DataView(c.buffer, c.byteOffset, c.byteLength), u = 0;
+			if (c.byteLength < 16) {
+				console.warn(`parseCompressedMeshData: 解压后过短 t=${e}`);
+				continue;
+			}
+			let d = l.getBigInt64(u, !0);
+			u += 8;
+			let f = l.getInt32(u, !0);
+			u += 4;
+			let p = l.getInt32(u, !0);
+			u += 4;
+			let m = f / 4, h = p / 4;
+			if (!Number.isInteger(m) || !Number.isInteger(h) || m < 0 || h < 0 || u + f + p > c.byteLength) {
+				console.error(`parseCompressedMeshData: 长度字段异常 t=${e} pos=${f} idx=${p}`);
+				continue;
+			}
+			let g = new Float64Array(m);
+			for (let e = 0; e < m; e++) g[e] = l.getInt32(u, !0) / 100, u += 4;
+			let _ = new Uint32Array(h);
+			for (let e = 0; e < h; e++) _[e] = l.getUint32(u, !0), u += 4;
+			n.push({
+				positions: g,
+				indices: _,
+				positionCount: m,
+				indexCount: h,
+				modelId: d.toString(),
+				lodLevel: t,
+				color: "#C2D6E2FF"
+			});
+		}
+		return n;
+	}
+	showPoint(e, t, n, r) {
+		viewer.entities.add({
+			position: Cesium.Cartesian3.fromDegrees(e, t, n),
+			point: {
+				pixelSize: 5,
+				color: Cesium.Color.RED,
+				outlineColor: Cesium.Color.WHITE,
+				outlineWidth: 2
+			},
+			id: `debug_${this.id}_${r}`,
+			label: {
+				text: r + "",
+				font: "14pt monospace",
+				outlineWidth: 2,
+				horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+				pixelOffset: new Cesium.Cartesian2(10, 0)
+			}
+		});
+	}
+}, m = new class {
+	constructor() {
+		this.layers = /* @__PURE__ */ new Map();
+	}
+	async createLayer(e) {
+		let t = typeof e == "string" ? e : e?.id || e?.layerKey || e?.serviceType || e?.layerId, n = typeof e == "object" && e?.color != null && String(e.color).trim() ? String(e.color).trim() : void 0, r = e?.level, i = e?.isStatic, a = e?.serviceType, o = e?.opacity, s = typeof e == "object" ? e?.dictCode ?? e?.layerId ?? "" : "";
+		if (!t) return console.error("创建图层失败：缺少id参数"), null;
+		if (this.layers.has(t)) {
+			console.warn(`图层 ${t} 已存在`);
+			let e = this.layers.get(t), i = !1;
+			if (n != null && n !== "" && e.tileColor !== n && (e.tileColor = n, i = !0), r != null && (e.fixedLevel = r, e.currentNewLevel.value = r), s !== void 0 && (e.dictCode = s == null ? "" : String(s)), a !== void 0 && (e.serviceType = a), o != null) {
+				let t = Number(o);
+				Number.isFinite(t) && e.opacity !== t && (e.opacity = t, i = !0);
+			}
+			return i && (typeof e.clearAllTiles == "function" && e.clearAllTiles(), typeof e.getViewportInfo == "function" && e.getViewportInfo()), this.layers.get(t);
+		}
+		let c = new p(t, i, r, n, a, o, s);
+		return await c.init(), this.layers.set(t, c), c;
+	}
+	removeLayer(e) {
+		let t = this.layers.get(e);
+		t && (t.remove(), this.layers.delete(e), console.log(`图层 ${e} 已移除`));
+	}
+	removeAllLayers() {
+		this.layers.forEach((e) => e.remove()), this.layers.clear();
+	}
+	getLayer(e) {
+		return this.layers.get(e);
+	}
+	getLayerIds() {
+		return Array.from(this.layers.keys());
+	}
+	removeTilesByLayerId(e) {
+		let t = this.layers.get(e);
+		t && t.removeTilesOnly();
+	}
+	refreshLayer(e) {
+		let t = this.layers.get(e);
+		t && t.getViewportInfo();
+	}
+}(), h = async (e) => m.createLayer(e, !1), g = (e) => {
+	m.removeLayer(e);
+};
+r(() => {
+	let e = m.getLayerIds();
+	if (e.length > 0) {
+		let t = m.getLayer(e[0]);
+		return t ? t.getCurrentLevel() : 15;
+	}
+	return 15;
+});
+//#endregion
+//#region src/zz-layer/zz-layer-zzts3dtype/index.vue
+var _ = {
+	__name: "index",
+	props: { config: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(e) {
+		i("cesiumViewer");
+		let t = e, n = {
+			id: "",
+			layerId: "",
+			color: "255,255,255",
+			isStatic: !1,
+			level: null,
+			serviceType: "",
+			opacity: 1
+		}, s = r(() => ({
+			...n,
+			...t.config
+		}));
+		function l() {
+			let { id: e, layerId: t, serviceType: n } = s.value;
+			return e || (n ? `${t || "_"}__${n}` : "") || n || t || "";
+		}
+		let u = async () => {
+			s.value.level && (s.value.isStatic = !0);
+			let e = l();
+			if (!e) {
+				console.error("创建图层失败：缺少id参数", s.value);
+				return;
+			}
+			h({
+				id: e,
+				layerId: s.value.layerId || "",
+				dictCode: s.value.layerId || "",
+				color: s.value.color,
+				isStatic: s.value.isStatic,
+				level: s.value.level,
+				serviceType: s.value.serviceType,
+				opacity: s.value.opacity
+			});
+		}, d = () => {
+			g(l());
+		};
+		return c(s, () => {
+			u();
+		}, { deep: !0 }), a(() => {
+			console.log("组件挂载，开始初始化..."), u();
+		}), o(() => {
+			console.log("组件卸载，开始清理资源..."), d();
+		}), (e, t) => null;
+	}
+};
+//#endregion
+export { _ as default };