@skzz/components-gis 0.1.4 → 0.1.5

package/dist/zz-layer-zzts3d-grid-CTHFZBpo.js

@@ -0,0 +1,314 @@
+import { computed as e, inject as t, onMounted as n, onUnmounted as r, ref as i, watch as a } from "vue";
+import { httpService as o } from "@skzz/libs-base";
+//#region src/zz-layer/zz-layer-zzts3d-grid/index.vue
+var s = "__zzts3dGridPickable", c = {
+	__name: "index",
+	props: { config: {
+		type: Object,
+		default: () => ({})
+	} },
+	emits: ["point-click"],
+	setup(c, { emit: l }) {
+		let u = t("cesiumViewer"), d = c, f = l, p = i(null), m = {
+			modelId: "",
+			highlightEnabled: !1,
+			highlightColor: "255,255,0",
+			highlightOpacity: 1,
+			highlightToggle: !1,
+			fill: {
+				color: "255,255,255",
+				opacity: 1,
+				show: !0
+			},
+			line: {
+				color: "0,0,225",
+				opacity: 1,
+				show: !0,
+				width: .5
+			}
+		}, h = e(() => {
+			let e = d.config || {};
+			return {
+				...m,
+				...e,
+				fill: {
+					...m.fill,
+					...e.fill || {}
+				},
+				line: {
+					...m.line,
+					...e.line || {}
+				},
+				highlightEnabled: e.highlightEnabled === void 0 ? m.highlightEnabled : e.highlightEnabled,
+				highlightColor: e.highlightColor ?? m.highlightColor,
+				highlightOpacity: e.highlightOpacity === void 0 ? m.highlightOpacity : e.highlightOpacity,
+				highlightToggle: e.highlightToggle === void 0 ? m.highlightToggle : e.highlightToggle
+			};
+		}), g = i(null), _ = 0, v = 0, y = "", b = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Set(), S = null, C = null, w = null;
+		function T(e) {
+			if (!e) return {
+				r: 255,
+				g: 255,
+				b: 255
+			};
+			if (typeof e == "string" && e.startsWith("#") && e.length === 7) return {
+				r: Number.parseInt(e.slice(1, 3), 16),
+				g: Number.parseInt(e.slice(3, 5), 16),
+				b: Number.parseInt(e.slice(5, 7), 16)
+			};
+			let t = String(e).split(",").map((e) => Number.parseFloat(e.trim()));
+			return {
+				r: Number.isFinite(t[0]) ? t[0] : 255,
+				g: Number.isFinite(t[1]) ? t[1] : 255,
+				b: Number.isFinite(t[2]) ? t[2] : 255
+			};
+		}
+		function E(e, t = 1) {
+			let { r: n, g: r, b: i } = T(e), a = Number.isFinite(t) ? Math.max(0, Math.min(1, t)) : 1;
+			return Cesium.Color.fromBytes(Math.max(0, Math.min(255, Math.round(n))), Math.max(0, Math.min(255, Math.round(r))), Math.max(0, Math.min(255, Math.round(i))), Math.round(a * 255));
+		}
+		function D(e) {
+			let t = new DataView(e), n = 0, r = t.getInt32(n, !1);
+			n += 4;
+			let i = [];
+			for (let a = 0; a < r; a++) {
+				let r = t.getInt32(n, !1);
+				n += 4;
+				let a = new Uint8Array(e, n, r), o = new TextDecoder("utf-8").decode(a);
+				n += r;
+				let s = t.getFloat64(n, !1), c = t.getFloat64(n + 8, !1), l = t.getFloat64(n + 16, !1), u = t.getFloat64(n + 24, !1), d = t.getFloat64(n + 32, !1), f = t.getFloat64(n + 40, !1);
+				n += 48, i.push([
+					s,
+					c,
+					l,
+					u,
+					d,
+					f,
+					o
+				]);
+			}
+			return i;
+		}
+		function O() {
+			if (!u.value) return null;
+			if (S) return S;
+			let e = new Cesium.PrimitiveCollection();
+			return u.value.scene.primitives.add(e), S = e, S;
+		}
+		function k() {
+			if (S) {
+				try {
+					C && S.remove(C), w && S.remove(w);
+				} catch {}
+				try {
+					C && delete C[s], w && delete w[s];
+				} catch {}
+				C = null, w = null;
+			}
+		}
+		function A() {
+			if (p.value) {
+				try {
+					p.value.destroy();
+				} catch {}
+				p.value = null;
+			}
+		}
+		function j(e) {
+			if (e == null) return "";
+			let t = String(e);
+			return t.startsWith("grid_outline_") ? t.slice(13) : t;
+		}
+		function M() {
+			C && (C[s] = !0), w && (w[s] = !0);
+		}
+		function N(e, t) {
+			return Cesium.ColorGeometryInstanceAttribute.toValue(E(e, t));
+		}
+		function P(e) {
+			if (!e) return;
+			let t = h.value, n = String(e), r = `grid_outline_${e}`;
+			try {
+				if (C?.ready) {
+					let e = C.getGeometryInstanceAttributes(n);
+					e?.color && t.fill?.show !== !1 && (e.color = N(t.fill?.color, t.fill?.opacity));
+				}
+				if (w?.ready) {
+					let e = w.getGeometryInstanceAttributes(r);
+					e?.color && t.line?.show !== !1 && (e.color = N(t.line?.color, t.line?.opacity));
+				}
+			} catch {}
+		}
+		function F(e) {
+			if (!e) return;
+			let t = h.value, n = N(t.highlightColor, t.highlightOpacity ?? 1), r = String(e), i = `grid_outline_${e}`;
+			try {
+				if (C?.ready) {
+					let e = C.getGeometryInstanceAttributes(r);
+					e?.color && t.fill?.show !== !1 && (e.color = n);
+				}
+				if (w?.ready) {
+					let e = w.getGeometryInstanceAttributes(i);
+					e?.color && t.line?.show !== !1 && (e.color = n);
+				}
+			} catch {}
+		}
+		function I() {
+			let e = g.value;
+			e && (P(e), g.value = null);
+		}
+		function L(e) {
+			if (!u.value?.scene?.drillPick) return null;
+			let t = u.value.scene.drillPick(e.position, 32);
+			if (!t?.length) return null;
+			for (let e = 0; e < t.length; e++) {
+				let n = t[e], r = n?.primitive;
+				if (r && (r[s] === !0 || r === C || r === w)) return n;
+			}
+			return null;
+		}
+		function R() {
+			if (A(), u.value) {
+				if (!h.value.highlightEnabled) {
+					I();
+					return;
+				}
+				!C && !w || (M(), p.value = new Cesium.ScreenSpaceEventHandler(u.value.scene.canvas), p.value.setInputAction((e) => {
+					(async () => {
+						try {
+							let t = h.value, n = L(e);
+							if (!n) {
+								I(), f("point-click", {});
+								return;
+							}
+							let r = j(n.id);
+							if (!r) {
+								I(), f("point-click", {});
+								return;
+							}
+							g.value === r && t.highlightToggle ? I() : (I(), g.value = r, F(r));
+							let i = null;
+							i = await o.request({
+								method: "post",
+								url: "/v1/zzts/twin/layer/3d/point/queryGridByCode",
+								data: { code: r },
+								headers: { repeatSubmit: !1 }
+							}), f("point-click", {
+								code: r,
+								gridData: i
+							});
+						} catch (e) {
+							console.error("[zzLayerZzts3dGrid] point-click", e);
+						}
+					})();
+				}, Cesium.ScreenSpaceEventType.LEFT_CLICK));
+			}
+		}
+		function z() {
+			A(), g.value = null;
+			try {
+				k(), u.value && S && u.value.scene.primitives.remove(S);
+			} catch {}
+			S = null;
+		}
+		function B(e) {
+			y && b.has(y) && V(b.get(y), e);
+		}
+		function V(e, t) {
+			let n = ++v, r = O();
+			if (!r) return;
+			k();
+			let i = E(t.fill?.color, t.fill?.opacity), a = E(t.line?.color, t.line?.opacity), o = t.fill?.show !== !1, s = t.line?.show !== !1, c = [], l = [];
+			for (let t = 0; t < e.length; t++) {
+				let n = e[t], r = n[0], u = n[1], d = n[2], f = n[3], p = n[4], m = n[5], h = n[6], g = Cesium.Rectangle.fromDegrees(r, u, d, f), _ = m + p;
+				o && c.push(new Cesium.GeometryInstance({
+					id: `${h}`,
+					geometry: new Cesium.RectangleGeometry({
+						rectangle: g,
+						height: m,
+						extrudedHeight: _,
+						vertexFormat: Cesium.PerInstanceColorAppearance.VERTEX_FORMAT
+					}),
+					attributes: { color: Cesium.ColorGeometryInstanceAttribute.fromColor(i) }
+				})), s && l.push(new Cesium.GeometryInstance({
+					id: `grid_outline_${h}`,
+					geometry: new Cesium.RectangleOutlineGeometry({
+						rectangle: g,
+						height: m,
+						extrudedHeight: _
+					}),
+					attributes: { color: Cesium.ColorGeometryInstanceAttribute.fromColor(a) }
+				}));
+			}
+			c.length && (C = r.add(new Cesium.Primitive({
+				geometryInstances: c,
+				appearance: new Cesium.PerInstanceColorAppearance({
+					translucent: !0,
+					closed: !0
+				}),
+				asynchronous: !0,
+				allowPicking: !0
+			}))), l.length && (w = r.add(new Cesium.Primitive({
+				geometryInstances: l,
+				appearance: new Cesium.PerInstanceColorAppearance({
+					translucent: !0,
+					flat: !0
+				}),
+				asynchronous: !0,
+				allowPicking: !0
+			})));
+			let d = () => {
+				if (n !== v || !u.value || u.value.isDestroyed()) return;
+				R();
+				let e = g.value;
+				e && F(e);
+			}, f = [];
+			C?.readyPromise && f.push(C.readyPromise), w?.readyPromise && f.push(w.readyPromise), f.length ? Promise.all(f).then(d, d) : d();
+		}
+		async function H() {
+			if (!u.value) return;
+			let e = h.value || {}, t = e.modelId;
+			if (!t) {
+				z();
+				return;
+			}
+			let n = ++_;
+			O(), k();
+			let r = b.get(t);
+			if (!r) {
+				let e = new AbortController();
+				x.add(e);
+				let i = await o.request({
+					method: "GET",
+					url: "/v1/zzts/layer/3d/getGridsNewByModelId",
+					headers: { Accept: "application/octet-stream" },
+					responseType: "arraybuffer",
+					params: { modelId: t },
+					signal: e.signal
+				}).catch((t) => {
+					if (e.signal.aborted) return null;
+					throw t;
+				});
+				if (x.delete(e), !i || n !== _) return;
+				let a = i?.data;
+				if (!a || !a.byteLength) return;
+				r = D(a), b.set(t, r);
+			}
+			n === _ && (y = t, V(r, e));
+		}
+		return a(() => h.value.modelId, () => {
+			H();
+		}, { immediate: !0 }), a(() => [h.value.fill, h.value.line], () => {
+			let e = h.value || {};
+			e?.modelId && B(e);
+		}, { deep: !0 }), a(() => h.value.highlightEnabled, () => {
+			R();
+		}), a(() => [h.value.highlightColor, h.value.highlightOpacity], () => {
+			g.value && F(g.value);
+		}), n(() => {}), r(() => {
+			_++, v++, x.forEach((e) => e.abort()), x.clear(), b.clear(), y = "", z();
+		}), (e, t) => null;
+	}
+};
+//#endregion
+export { c as default };