leiting-bim 2.1.52 → 2.1.55

package/plugins/cesium-vue/dist/components/measurement.js

@@ -1,7 +1,2834 @@
-import { p as V, c as N, w as M } from "../create-DynflqE1.js";
-import { defineComponent as J, ref as m, inject as Y, watch as H, onMounted as y, onUnmounted as F, openBlock as f, createElementBlock as Q, Fragment as U, withDirectives as K, createElementVNode as l, normalizeClass as s, unref as a, renderList as z, createTextVNode as u, toDisplayString as D, vShow as x } from "vue";
-import { MeasurementTool as d } from "@report-components/cesium-core";
-const G = {
+import { p as Me, c as De, w as Te } from "../create-DynflqE1.js";
+import { defineComponent as Se, ref as ae, inject as Oe, watch as Fe, onMounted as ke, onUnmounted as Re, openBlock as ce, createElementBlock as de, Fragment as pe, withDirectives as He, createElementVNode as K, normalizeClass as ee, unref as U, renderList as _e, createTextVNode as le, toDisplayString as Ne, vShow as ze } from "vue";
+import { H as k, M as Be } from "../HtmlOverlayLabelPool-B1gUt-p1.js";
+class me {
+  Cesium;
+  viewer;
+  handler = null;
+  positions = [];
+  tempPoints = [];
+  segmentEntities = [];
+  segmentLabelIds = [];
+  previewEntity = null;
+  previewGroundEntity = null;
+  hoverPos = null;
+  htmlLabelPool = null;
+  totalLabelId = null;
+  previewLabelId = null;
+  labelEntity = null;
+  firstHeight = null;
+  groundLineEntities = [];
+  previewPos = null;
+  previewGroundPos = null;
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer;
+    if (!this.htmlLabelPool) {
+      const h = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, h), this.htmlLabelPool.registerTheme("measure-horizontal-total", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-horizontal-seg", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
+      const s = t.scene.pickPosition(h.position);
+      if (!s) return;
+      const o = e.Cartographic.fromCartesian(s), d = e.Math.toDegrees(o.longitude), n = e.Math.toDegrees(o.latitude);
+      this.positions.length === 0 && (this.firstHeight = o.height || 0);
+      const r = e.Cartesian3.fromDegrees(d, n, this.firstHeight || 0);
+      this.positions.push(r);
+      const c = t.entities.add({
+        position: r,
+        point: {
+          pixelSize: 8,
+          color: i.pointColor || i.color || e.Color.YELLOW,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      });
+      this.tempPoints.push(c);
+      const p = t.scene.globe.getHeight(new e.Cartographic(o.longitude, o.latitude, 0)) || 0, m = e.Cartesian3.fromDegrees(d, n, p), g = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED, l = t.entities.add({
+        polyline: {
+          positions: [m, r],
+          width: i.width || 3,
+          material: new e.PolylineDashMaterialProperty({
+            color: g,
+            dashLength: 12,
+            dashPattern: 255
+          })
+        }
+      });
+      if (this.groundLineEntities.push(l), this.positions.length >= 2) {
+        const a = this.positions[this.positions.length - 2], w = this.positions[this.positions.length - 1], u = e.Cartographic.fromCartesian(a), C = e.Cartographic.fromCartesian(w), L = t.entities.add({
+          polyline: {
+            positions: [a, w],
+            width: i.width || 3,
+            material: i.lineColor || i.color || e.Color.YELLOW,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({
+              color: (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED,
+              dashLength: 12,
+              dashPattern: 255
+            })
+          }
+        });
+        this.segmentEntities.push(L);
+        const b = new e.EllipsoidGeodesic(u, C).surfaceDistance, y = new e.Cartesian3(
+          (a.x + w.x) / 2,
+          (a.y + w.y) / 2,
+          (a.z + w.z) / 2
+        ), v = e.Cartographic.fromCartesian(y), E = `measure_horizontal_seg_${this.segmentLabelIds.length}_${Date.now()}`;
+        this.segmentLabelIds.push(E), this.htmlLabelPool.add(
+          { text: `${b.toFixed(2)} m` },
+          {
+            id: E,
+            lon: e.Math.toDegrees(v.longitude),
+            lat: e.Math.toDegrees(v.latitude),
+            height: v.height || this.firstHeight || 0,
+            theme: "measure-horizontal-seg",
+            show: !0
+          }
+        );
+      }
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction(() => {
+      if (this.positions.length < 2) {
+        this.stop();
+        return;
+      }
+      this.stop(), this.previewLabelId && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.hoverPos && (this.hoverPos = null), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewGroundEntity && (this.viewer.entities.remove(this.previewGroundEntity), this.previewGroundEntity = null);
+      let h = 0;
+      for (let r = 1; r < this.positions.length; r++) {
+        const c = this.positions[r - 1], p = this.positions[r], m = e.Cartographic.fromCartesian(c), g = e.Cartographic.fromCartesian(p), l = new e.EllipsoidGeodesic(m, g);
+        h += l.surfaceDistance;
+      }
+      const s = this.positions[this.positions.length - 1], o = e.Cartographic.fromCartesian(s), d = this.totalLabelId || `measure_horizontal_total_${Date.now()}`;
+      this.totalLabelId = d, this.htmlLabelPool.add(
+        { text: `${h.toFixed(2)} m` },
+        {
+          id: d,
+          lon: e.Math.toDegrees(o.longitude),
+          lat: e.Math.toDegrees(o.latitude),
+          height: o.height || this.firstHeight || 0,
+          theme: "measure-horizontal-total",
+          show: !0
+        }
+      ), this.labelEntity = this.totalLabelId;
+      const n = {
+        entity: this.segmentEntities,
+        label: this.labelEntity,
+        segmentLabels: this.segmentLabelIds,
+        positions: this.positions,
+        distance: h,
+        clear: () => this.clear()
+      };
+      i.onComplete?.(n);
+    }, e.ScreenSpaceEventType.LEFT_DOUBLE_CLICK), this.handler.setInputAction((h) => {
+      if (this.positions.length === 0) return;
+      const s = t.scene.pickPosition(h.endPosition);
+      if (!s) return;
+      this.hoverPos = s;
+      const o = e.Cartographic.fromCartesian(s), d = e.Math.toDegrees(o.longitude), n = e.Math.toDegrees(o.latitude), r = e.Cartesian3.fromDegrees(d, n, this.firstHeight || 0);
+      this.previewPos = r;
+      const c = t.scene.globe.getHeight(new e.Cartographic(o.longitude, o.latitude, 0)) || 0, p = e.Cartesian3.fromDegrees(d, n, c);
+      this.previewGroundPos = p;
+      const m = this.positions[this.positions.length - 1], g = e.Cartographic.fromCartesian(m), l = e.Cartographic.fromCartesian(r), w = new e.EllipsoidGeodesic(g, l).surfaceDistance, u = new e.Cartesian3(
+        (m.x + r.x) / 2,
+        (m.y + r.y) / 2,
+        (m.z + r.z) / 2
+      ), C = e.Cartographic.fromCartesian(u), L = this.previewLabelId || "measure_horizontal_preview";
+      this.previewLabelId = L, this.htmlLabelPool.add(
+        { text: `${w.toFixed(2)} m` },
+        {
+          id: L,
+          lon: e.Math.toDegrees(C.longitude),
+          lat: e.Math.toDegrees(C.latitude),
+          height: C.height || this.firstHeight || 0,
+          theme: "measure-horizontal-seg",
+          show: !0
+        }
+      );
+      const f = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
+      this.previewGroundEntity || (this.previewGroundEntity = t.entities.add({
+        polyline: {
+          positions: new e.CallbackProperty(() => !this.previewPos || !this.previewGroundPos ? [] : [this.previewGroundPos, this.previewPos], !1),
+          width: i.width || 3,
+          material: new e.PolylineDashMaterialProperty({
+            color: f,
+            dashLength: 12,
+            dashPattern: 255
+          })
+        }
+      })), this.previewEntity || (this.previewEntity = t.entities.add({
+        polyline: {
+          positions: new e.CallbackProperty(() => !this.previewPos || !this.positions.length ? [] : [this.positions[this.positions.length - 1], this.previewPos], !1),
+          width: i.width || 3,
+          material: i.lineColor || i.color || e.Color.YELLOW,
+          depthFailMaterial: new e.PolylineDashMaterialProperty({
+            color: (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED,
+            dashLength: 12,
+            dashPattern: 255
+          })
+        }
+      }));
+    }, e.ScreenSpaceEventType.MOUSE_MOVE);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    this.stop(), this.segmentEntities.forEach((i) => this.viewer.entities.remove(i)), this.segmentEntities = [], this.groundLineEntities.forEach((i) => this.viewer.entities.remove(i)), this.groundLineEntities = [], this.tempPoints.forEach((i) => this.viewer.entities.remove(i)), this.tempPoints = [], this.totalLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.totalLabelId]), this.totalLabelId = null), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewGroundEntity && (this.viewer.entities.remove(this.previewGroundEntity), this.previewGroundEntity = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.segmentLabelIds.length && this.htmlLabelPool && this.htmlLabelPool.removeByIds(this.segmentLabelIds.slice()), this.segmentLabelIds = [], this.positions = [], this.hoverPos = null, this.labelEntity = null, this.firstHeight = null, this.previewPos = null, this.previewGroundPos = null;
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = s.lineColor || s.color || t.Color.YELLOW, d = (s.dashLineColor || s.lineColor || s.color || t.Color.RED).withAlpha?.(0.9) || t.Color.RED, n = s.width || 3, r = (i.positions || []).map((l) => new t.Cartesian3(l[0], l[1], l[2]));
+    if (!r.length) return;
+    if (!this.htmlLabelPool) {
+      const l = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new k(t, h, l), this.htmlLabelPool.registerTheme("measure-horizontal-total", {
+        createElement: (a, w) => {
+          a.innerHTML = String(w?.data?.text || ""), a.style.background = "rgba(0,0,0,0.6)", a.style.color = "#fff", a.style.font = "14px sans-serif", a.style.padding = "4px 6px", a.style.borderRadius = "4px", a.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-horizontal-seg", {
+        createElement: (a, w) => {
+          a.innerHTML = String(w?.data?.text || ""), a.style.background = "rgba(0,0,0,0.6)", a.style.color = "#fff", a.style.font = "14px sans-serif", a.style.padding = "4px 6px", a.style.borderRadius = "4px", a.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    for (const l of r) {
+      const a = h.entities.add({ position: l, point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
+      this.tempPoints.push(a);
+      const w = t.Cartographic.fromCartesian(l), u = t.Math.toDegrees(w.longitude), C = t.Math.toDegrees(w.latitude), L = h.scene.globe.getHeight(new t.Cartographic(w.longitude, w.latitude, 0)) || 0, f = t.Cartesian3.fromDegrees(u, C, L), b = h.entities.add({
+        polyline: {
+          positions: [f, l],
+          width: n,
+          material: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 })
+        }
+      });
+      this.groundLineEntities.push(b);
+    }
+    for (let l = 1; l < r.length; l++) {
+      const a = r[l - 1], w = r[l], u = h.entities.add({
+        polyline: {
+          positions: [a, w],
+          width: n,
+          material: o,
+          depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 })
+        }
+      });
+      this.segmentEntities.push(u);
+      const C = t.Cartographic.fromCartesian(a), L = t.Cartographic.fromCartesian(w), b = new t.EllipsoidGeodesic(C, L).surfaceDistance, y = new t.Cartesian3((a.x + w.x) / 2, (a.y + w.y) / 2, (a.z + w.z) / 2), v = t.Cartographic.fromCartesian(y), E = i.id + `_seg_${l - 1}`;
+      this.segmentLabelIds.push(E), this.htmlLabelPool.add({ text: `${b.toFixed(2)} m` }, {
+        id: E,
+        lon: t.Math.toDegrees(v.longitude),
+        lat: t.Math.toDegrees(v.latitude),
+        height: v.height || 0,
+        theme: "measure-horizontal-seg",
+        show: !0,
+        style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
+      });
+    }
+    let c = 0;
+    for (let l = 1; l < r.length; l++) {
+      const a = t.Cartographic.fromCartesian(r[l - 1]), w = t.Cartographic.fromCartesian(r[l]), u = new t.EllipsoidGeodesic(a, w);
+      c += u.surfaceDistance;
+    }
+    const p = r[r.length - 1], m = t.Cartographic.fromCartesian(p), g = i.id + "_total";
+    this.totalLabelId = g, this.htmlLabelPool.add({ text: `${c.toFixed(2)} m` }, {
+      id: g,
+      lon: t.Math.toDegrees(m.longitude),
+      lat: t.Math.toDegrees(m.latitude),
+      height: m.height || 0,
+      theme: "measure-horizontal-total",
+      show: !0,
+      style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
+    });
+  }
+}
+class ge {
+  Cesium;
+  viewer;
+  handler = null;
+  entity = null;
+  labelEntity = null;
+  positions = [];
+  htmlLabelPool = null;
+  htmlLabelId = null;
+  previewLabelId = null;
+  baseCarto = null;
+  baseUp = null;
+  tempPoints = [];
+  previewPointEntity = null;
+  previewEntity = null;
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer;
+    if (!this.htmlLabelPool) {
+      const h = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, h), this.htmlLabelPool.registerTheme("measure-vertical", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
+      const s = t.camera.getPickRay(h.position);
+      let o = s ? t.scene.globe.pick(s, t.scene) : null;
+      if (o || (o = t.camera.pickEllipsoid(h.position, e.Ellipsoid.WGS84)), o || (o = t.scene.pickPosition(h.position)), !!o)
+        if (this.positions.length === 0) {
+          const d = e.Cartographic.fromCartesian(o);
+          this.baseCarto = new e.Cartographic(d.longitude, d.latitude, 0);
+          const n = e.Ellipsoid.WGS84.cartographicToCartesian(this.baseCarto);
+          this.baseUp = e.Ellipsoid.WGS84.geodeticSurfaceNormalCartographic(this.baseCarto), this.positions.push(n);
+          const r = t.entities.add({
+            position: n,
+            point: {
+              pixelSize: 8,
+              color: i.pointColor || i.color || e.Color.YELLOW,
+              disableDepthTestDistance: Number.POSITIVE_INFINITY
+            }
+          });
+          this.tempPoints.push(r);
+          const c = i.lineColor || i.color || e.Color.CYAN, p = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
+          this.previewEntity = t.entities.add({
+            polyline: {
+              positions: [n, n],
+              width: i.width || 3,
+              material: c,
+              depthFailMaterial: new e.PolylineDashMaterialProperty({
+                color: p,
+                dashLength: 12,
+                dashPattern: 255
+              })
+            }
+          });
+        } else {
+          if (!this.baseCarto || !this.baseUp) return;
+          const d = this.positions[0], n = t.camera.getPickRay(h.position);
+          if (!n) return;
+          const r = n.origin, c = e.Cartesian3.normalize(n.direction, new e.Cartesian3()), p = d, m = this.baseUp, g = e.Cartesian3.subtract(r, p, new e.Cartesian3()), l = e.Cartesian3.dot(c, c), a = -e.Cartesian3.dot(c, m), w = e.Cartesian3.dot(m, m), u = -e.Cartesian3.dot(c, g), C = e.Cartesian3.dot(m, g), L = l * w - a * a;
+          if (Math.abs(L) < 1e-6) return;
+          const f = (l * C - a * u) / L, b = e.Cartesian3.add(
+            p,
+            e.Cartesian3.multiplyByScalar(m, f, new e.Cartesian3()),
+            new e.Cartesian3()
+          );
+          this.positions[1] = b, this.stop(), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewPointEntity && (this.viewer.entities.remove(this.previewPointEntity), this.previewPointEntity = null);
+          const y = i.lineColor || i.color || e.Color.CYAN, v = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
+          this.entity = t.entities.add({
+            polyline: {
+              positions: [d, b],
+              width: i.width || 3,
+              material: y,
+              depthFailMaterial: new e.PolylineDashMaterialProperty({
+                color: v,
+                dashLength: 12,
+                dashPattern: 255
+              })
+            }
+          });
+          const E = t.entities.add({
+            position: b,
+            point: {
+              pixelSize: 8,
+              color: i.pointColor || i.color || e.Color.YELLOW,
+              disableDepthTestDistance: Number.POSITIVE_INFINITY
+            }
+          });
+          this.tempPoints.push(E);
+          const x = this.baseCarto, D = e.Cartographic.fromCartesian(b), M = Math.abs((D.height || 0) - (x.height || 0)), P = new e.Cartesian3(
+            (this.positions[0].x + this.positions[1].x) / 2,
+            (this.positions[0].y + this.positions[1].y) / 2,
+            (this.positions[0].z + this.positions[1].z) / 2
+          ), A = e.Cartographic.fromCartesian(P);
+          this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null);
+          const I = this.htmlLabelId || `measure_vertical_${Date.now()}`;
+          this.htmlLabelId = I, this.htmlLabelPool.add(
+            { text: `${M.toFixed(2)} m` },
+            {
+              id: I,
+              lon: e.Math.toDegrees(A.longitude),
+              lat: e.Math.toDegrees(A.latitude),
+              height: A.height || 0,
+              theme: "measure-vertical",
+              show: !0,
+              style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
+            }
+          );
+          const S = {
+            entity: this.entity,
+            label: this.labelEntity,
+            positions: this.positions,
+            vertical: M,
+            clear: () => this.clear()
+          };
+          i.onComplete?.(S);
+        }
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+      if (this.positions.length < 1) return;
+      if (!this.baseCarto || !this.baseUp) {
+        const D = e.Cartographic.fromCartesian(this.positions[0]);
+        this.baseCarto = new e.Cartographic(D.longitude, D.latitude, D.height || 0), this.baseUp = e.Ellipsoid.WGS84.geodeticSurfaceNormalCartographic(this.baseCarto);
+      }
+      const s = this.positions[0], o = t.camera.getPickRay(h.endPosition);
+      if (!o) return;
+      const d = o.origin, n = e.Cartesian3.normalize(o.direction, new e.Cartesian3()), r = s, c = this.baseUp, p = e.Cartesian3.subtract(d, r, new e.Cartesian3()), m = e.Cartesian3.dot(n, n), g = -e.Cartesian3.dot(n, c), l = e.Cartesian3.dot(c, c), a = -e.Cartesian3.dot(n, p), w = e.Cartesian3.dot(c, p), u = m * l - g * g;
+      if (Math.abs(u) < 1e-6) return;
+      const C = (m * w - g * a) / u, L = e.Cartesian3.add(
+        r,
+        e.Cartesian3.multiplyByScalar(c, C, new e.Cartesian3()),
+        new e.Cartesian3()
+      );
+      if (this.positions[1] = L, !this.previewEntity) {
+        const D = i.lineColor || i.color || e.Color.CYAN, M = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
+        this.previewEntity = t.entities.add({
+          polyline: {
+            positions: new e.CallbackProperty(() => this.positions.length < 2 ? [] : [this.positions[0], this.positions[1]], !1),
+            width: i.width || 3,
+            material: D,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({
+              color: M,
+              dashLength: 12,
+              dashPattern: 255
+            })
+          }
+        });
+      }
+      this.previewPointEntity ? this.previewPointEntity.position = L : this.previewPointEntity = t.entities.add({
+        position: L,
+        point: {
+          pixelSize: 8,
+          color: i.pointColor || i.color || e.Color.YELLOW,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      });
+      const f = this.baseCarto, b = e.Cartographic.fromCartesian(L), y = Math.abs((b.height || 0) - (f.height || 0)), v = new e.Cartesian3(
+        (this.positions[0].x + L.x) / 2,
+        (this.positions[0].y + L.y) / 2,
+        (this.positions[0].z + L.z) / 2
+      ), E = e.Cartographic.fromCartesian(v), x = this.previewLabelId || "measure_vertical_preview";
+      this.previewLabelId = x, this.htmlLabelPool.add(
+        { text: `${y.toFixed(2)} m` },
+        {
+          id: x,
+          lon: e.Math.toDegrees(E.longitude),
+          lat: e.Math.toDegrees(E.latitude),
+          height: E.height || 0,
+          theme: "measure-vertical",
+          show: !0,
+          style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
+        }
+      );
+    }, e.ScreenSpaceEventType.MOUSE_MOVE);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    this.stop(), this.entity && (this.viewer.entities.remove(this.entity), this.entity = null), this.labelEntity && (this.viewer.entities.remove(this.labelEntity), this.labelEntity = null), this.tempPoints.forEach((i) => this.viewer.entities.remove(i)), this.tempPoints = [], this.previewPointEntity && (this.viewer.entities.remove(this.previewPointEntity), this.previewPointEntity = null), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.htmlLabelPool && this.htmlLabelId && (this.htmlLabelPool.removeByIds([this.htmlLabelId]), this.htmlLabelId = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.positions = [];
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = s.lineColor || s.color || t.Color.CYAN, d = (s.dashLineColor || s.lineColor || s.color || t.Color.RED).withAlpha?.(0.9) || t.Color.RED, n = s.width || 3, r = (i.positions || []).map((f) => new t.Cartesian3(f[0], f[1], f[2]));
+    if (r.length < 2) return;
+    if (!this.htmlLabelPool) {
+      const f = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new k(t, h, f), this.htmlLabelPool.registerTheme("measure-vertical", {
+        createElement: (b, y) => {
+          b.innerHTML = String(y?.data?.text || ""), b.style.background = "rgba(0,0,0,0.6)", b.style.color = "#fff", b.style.font = "14px sans-serif", b.style.padding = "4px 6px", b.style.borderRadius = "4px", b.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    const c = r[0], p = r[1], m = h.entities.add({ position: c, point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } }), g = h.entities.add({ position: p, point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
+    this.tempPoints.push(m), this.tempPoints.push(g), this.entity = h.entities.add({ polyline: { positions: [c, p], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) } });
+    const l = t.Cartographic.fromCartesian(c), a = t.Cartographic.fromCartesian(p), w = Math.abs((a.height || 0) - (l.height || 0)), u = new t.Cartesian3((c.x + p.x) / 2, (c.y + p.y) / 2, (c.z + p.z) / 2), C = t.Cartographic.fromCartesian(u), L = i.id + "_label";
+    this.htmlLabelId = L, this.htmlLabelPool.add({ text: `${w.toFixed(2)} m` }, {
+      id: L,
+      lon: t.Math.toDegrees(C.longitude),
+      lat: t.Math.toDegrees(C.latitude),
+      height: C.height || 0,
+      theme: "measure-vertical",
+      show: !0,
+      style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
+    });
+  }
+}
+class ue {
+  Cesium;
+  viewer;
+  handler = null;
+  positions = [];
+  htmlLabelPool = null;
+  htmlLabelId = null;
+  segmentEntities = [];
+  angleMarkerEntities = [];
+  pointEntities = [];
+  segmentLabelIds = [];
+  angleLabelIds = [];
+  previewLabelId = null;
+  previewSegmentEntities = [];
+  previewAngleMarkerEntities = [];
+  previewPointEntity = null;
+  previewLow = null;
+  previewHigh = null;
+  previewThird = null;
+  previewMarkerP1 = null;
+  previewMarkerP2 = null;
+  previewMarkerCorner = null;
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer;
+    if (!this.htmlLabelPool) {
+      const h = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, h), this.htmlLabelPool.registerTheme("measure-triangle", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-triangle-seg", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-triangle-angle", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
+      const s = t.scene.pickPosition(h.position);
+      if (!s) return;
+      this.positions.push(s);
+      const o = t.entities.add({
+        position: s,
+        point: {
+          pixelSize: 8,
+          color: i.pointColor || i.color || e.Color.YELLOW,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      });
+      if (this.pointEntities.push(o), this.positions.length === 2) {
+        this.stop(), this.previewSegmentEntities.forEach(($) => t.entities.remove($)), this.previewSegmentEntities = [], this.previewAngleMarkerEntities.forEach(($) => t.entities.remove($)), this.previewAngleMarkerEntities = [], this.previewPointEntity && (t.entities.remove(this.previewPointEntity), this.previewPointEntity = null);
+        const d = e.Cartographic.fromCartesian(this.positions[0]), n = e.Cartographic.fromCartesian(this.positions[1]), r = d.height || 0, c = n.height || 0, p = r <= c ? this.positions[0] : this.positions[1], m = r > c ? this.positions[0] : this.positions[1], g = e.Cartographic.fromCartesian(p);
+        e.Cartographic.fromCartesian(m);
+        const l = Math.max(r, c), a = e.Cartesian3.fromDegrees(
+          e.Math.toDegrees(g.longitude),
+          e.Math.toDegrees(g.latitude),
+          l
+        ), w = i.lineColor || i.color || e.Color.YELLOW, u = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED, C = t.entities.add({
+          polyline: {
+            positions: [p, a],
+            width: i.width || 3,
+            material: w,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({ color: u, dashLength: 12, dashPattern: 255 })
+          }
+        }), L = t.entities.add({
+          polyline: {
+            positions: [a, m],
+            width: i.width || 3,
+            material: w,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({ color: u, dashLength: 12, dashPattern: 255 })
+          }
+        }), f = t.entities.add({
+          polyline: {
+            positions: [p, m],
+            width: i.width || 3,
+            material: w,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({ color: u, dashLength: 12, dashPattern: 255 })
+          }
+        });
+        this.segmentEntities.push(C, L, f);
+        const b = e.Cartesian3.distance(p, a), y = e.Cartesian3.distance(a, m), v = e.Cartesian3.distance(p, m), E = new e.Cartesian3((p.x + a.x) / 2, (p.y + a.y) / 2, (p.z + a.z) / 2), x = new e.Cartesian3((a.x + m.x) / 2, (a.y + m.y) / 2, (a.z + m.z) / 2), D = new e.Cartesian3((p.x + m.x) / 2, (p.y + m.y) / 2, (p.z + m.z) / 2), M = e.Cartographic.fromCartesian(E), P = e.Cartographic.fromCartesian(x), A = e.Cartographic.fromCartesian(D), I = "measure_triangle_seg_v", S = "measure_triangle_seg_h", R = "measure_triangle_seg_hyp";
+        this.segmentLabelIds = [I, S, R], this.htmlLabelPool.add({ text: `${b.toFixed(2)} m` }, { id: I, lon: e.Math.toDegrees(M.longitude), lat: e.Math.toDegrees(M.latitude), height: M.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${y.toFixed(2)} m` }, { id: S, lon: e.Math.toDegrees(P.longitude), lat: e.Math.toDegrees(P.latitude), height: P.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${v.toFixed(2)} m` }, { id: R, lon: e.Math.toDegrees(A.longitude), lat: e.Math.toDegrees(A.latitude), height: A.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } });
+        const O = e.Cartesian3.subtract(m, p, new e.Cartesian3()), F = e.Cartesian3.subtract(a, p, new e.Cartesian3()), N = e.Cartesian3.subtract(a, m, new e.Cartesian3()), z = e.Cartesian3.subtract(p, m, new e.Cartesian3()), Q = e.Cartesian3.dot(O, F), Z = Math.sqrt(e.Cartesian3.dot(O, O)) * Math.sqrt(e.Cartesian3.dot(F, F)), X = e.Cartesian3.dot(N, z), oe = Math.sqrt(e.Cartesian3.dot(N, N)) * Math.sqrt(e.Cartesian3.dot(z, z)), te = Math.acos(Math.min(Math.max(Q / (Z || 1), -1), 1)), ie = Math.acos(Math.min(Math.max(X / (oe || 1), -1), 1)), se = e.Cartographic.fromCartesian(p), H = e.Cartographic.fromCartesian(m), G = "measure_triangle_angle_a", B = "measure_triangle_angle_b";
+        this.angleLabelIds = [G, B], this.htmlLabelPool.add({ text: `${(te * 180 / Math.PI).toFixed(2)}°` }, { id: G, lon: e.Math.toDegrees(se.longitude), lat: e.Math.toDegrees(se.latitude), height: se.height || 0, theme: "measure-triangle-angle", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${(ie * 180 / Math.PI).toFixed(2)}°` }, { id: B, lon: e.Math.toDegrees(H.longitude), lat: e.Math.toDegrees(H.latitude), height: H.height || 0, theme: "measure-triangle-angle", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } });
+        const j = Math.max(0.01, Math.min(0.5, i.angleMarkerRatio ?? 0.2)), _ = Math.min(b, y) * j;
+        if (b > 1e-3 && y > 1e-3) {
+          const $ = e.Cartesian3.normalize(
+            e.Cartesian3.subtract(p, a, new e.Cartesian3()),
+            new e.Cartesian3()
+          ), J = e.Cartesian3.normalize(
+            e.Cartesian3.subtract(m, a, new e.Cartesian3()),
+            new e.Cartesian3()
+          ), Y = new e.Cartesian3(
+            a.x + $.x * _,
+            a.y + $.y * _,
+            a.z + $.z * _
+          ), V = new e.Cartesian3(
+            a.x + J.x * _,
+            a.y + J.y * _,
+            a.z + J.z * _
+          ), T = new e.Cartesian3(
+            a.x + $.x * _ + J.x * _,
+            a.y + $.y * _ + J.y * _,
+            a.z + $.z * _ + J.z * _
+          ), q = t.entities.add({
+            polyline: {
+              positions: [Y, T],
+              width: i.width || 3,
+              material: w,
+              depthFailMaterial: new e.PolylineDashMaterialProperty({ color: u, dashLength: 12, dashPattern: 255 })
+            }
+          }), re = t.entities.add({
+            polyline: {
+              positions: [V, T],
+              width: i.width || 3,
+              material: w,
+              depthFailMaterial: new e.PolylineDashMaterialProperty({ color: u, dashLength: 12, dashPattern: 255 })
+            }
+          });
+          this.angleMarkerEntities.push(q, re);
+        }
+        this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null);
+        const ne = {
+          entity: this.segmentEntities,
+          positions: [p, m, a],
+          lengths: { vertical: b, horizontal: y, hypotenuse: v },
+          angles: { acuteA: te, acuteB: ie },
+          clear: () => this.clear()
+        };
+        i.onComplete?.(ne);
+      }
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+      if (this.positions.length !== 1) return;
+      const s = t.scene.pickPosition(h.endPosition);
+      if (!s) return;
+      const o = e.Cartographic.fromCartesian(this.positions[0]), d = e.Cartographic.fromCartesian(s), n = o.height || 0, r = d.height || 0, c = n <= r ? this.positions[0] : s, p = n > r ? this.positions[0] : s, m = e.Cartographic.fromCartesian(c), g = Math.max(n, r), l = e.Cartesian3.fromDegrees(
+        this.Cesium.Math.toDegrees(m.longitude),
+        this.Cesium.Math.toDegrees(m.latitude),
+        g
+      );
+      this.previewLow = c, this.previewHigh = p, this.previewThird = l;
+      const a = i.lineColor || i.color || e.Color.YELLOW, w = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
+      if (this.previewPointEntity ? this.previewPointEntity.position = s : this.previewPointEntity = t.entities.add({
+        position: s,
+        point: {
+          pixelSize: 8,
+          color: i.pointColor || i.color || e.Color.YELLOW,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      }), !this.previewSegmentEntities.length) {
+        const G = t.entities.add({
+          polyline: {
+            positions: new e.CallbackProperty(() => !this.previewLow || !this.previewThird ? [] : [this.previewLow, this.previewThird], !1),
+            width: i.width || 3,
+            material: a,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({ color: w, dashLength: 12, dashPattern: 255 })
+          }
+        }), B = t.entities.add({
+          polyline: {
+            positions: new e.CallbackProperty(() => !this.previewThird || !this.previewHigh ? [] : [this.previewThird, this.previewHigh], !1),
+            width: i.width || 3,
+            material: a,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({ color: w, dashLength: 12, dashPattern: 255 })
+          }
+        }), j = t.entities.add({
+          polyline: {
+            positions: new e.CallbackProperty(() => !this.previewLow || !this.previewHigh ? [] : [this.previewLow, this.previewHigh], !1),
+            width: i.width || 3,
+            material: a,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({ color: w, dashLength: 12, dashPattern: 255 })
+          }
+        });
+        this.previewSegmentEntities.push(G, B, j);
+      }
+      const u = e.Cartesian3.distance(c, l), C = e.Cartesian3.distance(l, p), L = e.Cartesian3.distance(c, p), f = e.Cartesian3.subtract(p, c, new e.Cartesian3()), b = e.Cartesian3.subtract(l, c, new e.Cartesian3()), y = e.Cartesian3.subtract(l, p, new e.Cartesian3()), v = e.Cartesian3.subtract(c, p, new e.Cartesian3()), E = e.Cartesian3.dot(f, b), x = Math.sqrt(e.Cartesian3.dot(f, f)) * Math.sqrt(e.Cartesian3.dot(b, b)), D = e.Cartesian3.dot(y, v), M = Math.sqrt(e.Cartesian3.dot(y, y)) * Math.sqrt(e.Cartesian3.dot(v, v)), P = Math.acos(Math.min(Math.max(E / (x || 1), -1), 1)), A = Math.acos(Math.min(Math.max(D / (M || 1), -1), 1)), I = new e.Cartesian3((c.x + l.x) / 2, (c.y + l.y) / 2, (c.z + l.z) / 2), S = new e.Cartesian3((l.x + p.x) / 2, (l.y + p.y) / 2, (l.z + p.z) / 2), R = new e.Cartesian3((c.x + p.x) / 2, (c.y + p.y) / 2, (c.z + p.z) / 2), O = e.Cartographic.fromCartesian(I), F = e.Cartographic.fromCartesian(S), N = e.Cartographic.fromCartesian(R), z = e.Cartographic.fromCartesian(c), Q = e.Cartographic.fromCartesian(p), Z = "measure_triangle_seg_v", X = "measure_triangle_seg_h", oe = "measure_triangle_seg_hyp", te = "measure_triangle_angle_a", ie = "measure_triangle_angle_b";
+      this.segmentLabelIds.length === 0 && (this.segmentLabelIds = [Z, X, oe]), this.angleLabelIds.length === 0 && (this.angleLabelIds = [te, ie]), this.htmlLabelPool.add({ text: `${u.toFixed(2)} m` }, { id: Z, lon: e.Math.toDegrees(O.longitude), lat: e.Math.toDegrees(O.latitude), height: O.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${C.toFixed(2)} m` }, { id: X, lon: e.Math.toDegrees(F.longitude), lat: e.Math.toDegrees(F.latitude), height: F.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${L.toFixed(2)} m` }, { id: oe, lon: e.Math.toDegrees(N.longitude), lat: e.Math.toDegrees(N.latitude), height: N.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${(P * 180 / Math.PI).toFixed(2)}°` }, { id: te, lon: e.Math.toDegrees(z.longitude), lat: e.Math.toDegrees(z.latitude), height: z.height || 0, theme: "measure-triangle-angle", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${(A * 180 / Math.PI).toFixed(2)}°` }, { id: ie, lon: e.Math.toDegrees(Q.longitude), lat: e.Math.toDegrees(Q.latitude), height: Q.height || 0, theme: "measure-triangle-angle", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } });
+      const se = Math.max(0.01, Math.min(0.5, i.angleMarkerRatio ?? 0.2)), H = Math.min(u, C) * se;
+      if (u > 1e-3 && C > 1e-3) {
+        const G = e.Cartesian3.normalize(
+          e.Cartesian3.subtract(c, l, new e.Cartesian3()),
+          new e.Cartesian3()
+        ), B = e.Cartesian3.normalize(
+          e.Cartesian3.subtract(p, l, new e.Cartesian3()),
+          new e.Cartesian3()
+        ), j = new e.Cartesian3(
+          l.x + G.x * H,
+          l.y + G.y * H,
+          l.z + G.z * H
+        ), _ = new e.Cartesian3(
+          l.x + B.x * H,
+          l.y + B.y * H,
+          l.z + B.z * H
+        ), ne = new e.Cartesian3(
+          l.x + G.x * H + B.x * H,
+          l.y + G.y * H + B.y * H,
+          l.z + G.z * H + B.z * H
+        );
+        if (this.previewMarkerP1 = j, this.previewMarkerP2 = _, this.previewMarkerCorner = ne, !this.previewAngleMarkerEntities.length) {
+          const $ = t.entities.add({
+            polyline: {
+              positions: new e.CallbackProperty(() => !this.previewMarkerP1 || !this.previewMarkerCorner ? [] : [this.previewMarkerP1, this.previewMarkerCorner], !1),
+              width: i.width || 3,
+              material: a,
+              depthFailMaterial: new e.PolylineDashMaterialProperty({ color: w, dashLength: 12, dashPattern: 255 })
+            }
+          }), J = t.entities.add({
+            polyline: {
+              positions: new e.CallbackProperty(() => !this.previewMarkerP2 || !this.previewMarkerCorner ? [] : [this.previewMarkerP2, this.previewMarkerCorner], !1),
+              width: i.width || 3,
+              material: a,
+              depthFailMaterial: new e.PolylineDashMaterialProperty({ color: w, dashLength: 12, dashPattern: 255 })
+            }
+          });
+          this.previewAngleMarkerEntities.push($, J);
+        }
+      }
+    }, e.ScreenSpaceEventType.MOUSE_MOVE);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    this.stop(), this.segmentEntities.forEach((i) => this.viewer.entities.remove(i)), this.segmentEntities = [], this.angleMarkerEntities.forEach((i) => this.viewer.entities.remove(i)), this.angleMarkerEntities = [], this.pointEntities.forEach((i) => this.viewer.entities.remove(i)), this.pointEntities = [], this.previewSegmentEntities.forEach((i) => this.viewer.entities.remove(i)), this.previewSegmentEntities = [], this.previewAngleMarkerEntities.forEach((i) => this.viewer.entities.remove(i)), this.previewAngleMarkerEntities = [], this.previewPointEntity && (this.viewer.entities.remove(this.previewPointEntity), this.previewPointEntity = null), this.htmlLabelPool && this.htmlLabelId && (this.htmlLabelPool.removeByIds([this.htmlLabelId]), this.htmlLabelId = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.segmentLabelIds.length && this.htmlLabelPool && this.htmlLabelPool.removeByIds(this.segmentLabelIds.slice()), this.angleLabelIds.length && this.htmlLabelPool && this.htmlLabelPool.removeByIds(this.angleLabelIds.slice()), this.segmentLabelIds = [], this.angleLabelIds = [], this.positions = [];
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = s.lineColor || s.color || t.Color.YELLOW, d = (s.dashLineColor || s.lineColor || s.color || t.Color.RED).withAlpha?.(0.9) || t.Color.RED, n = s.width || 3, r = (i.positions || []).map((V) => new t.Cartesian3(V[0], V[1], V[2]));
+    if (r.length < 2) return;
+    if (!this.htmlLabelPool) {
+      const V = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new k(t, h, V), this.htmlLabelPool.registerTheme("measure-triangle", {
+        createElement: (T, q) => {
+          T.innerHTML = String(q?.data?.text || ""), T.style.background = "rgba(0,0,0,0.6)", T.style.color = "#fff", T.style.font = "14px sans-serif", T.style.padding = "4px 6px", T.style.borderRadius = "4px", T.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-triangle-seg", {
+        createElement: (T, q) => {
+          T.innerHTML = String(q?.data?.text || ""), T.style.background = "rgba(0,0,0,0.6)", T.style.color = "#fff", T.style.font = "14px sans-serif", T.style.padding = "4px 6px", T.style.borderRadius = "4px", T.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-triangle-angle", {
+        createElement: (T, q) => {
+          T.innerHTML = String(q?.data?.text || ""), T.style.background = "rgba(0,0,0,0.6)", T.style.color = "#fff", T.style.font = "14px sans-serif", T.style.padding = "4px 6px", T.style.borderRadius = "4px", T.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    const c = t.Cartographic.fromCartesian(r[0]), p = t.Cartographic.fromCartesian(r[1]), m = c.height || 0, g = p.height || 0, l = m <= g ? r[0] : r[1], a = m > g ? r[0] : r[1], w = h.entities.add({ position: l, point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } }), u = h.entities.add({ position: a, point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
+    this.pointEntities.push(w, u);
+    const C = t.Cartographic.fromCartesian(l), L = Math.max(m, g), f = t.Cartesian3.fromDegrees(
+      t.Math.toDegrees(C.longitude),
+      t.Math.toDegrees(C.latitude),
+      L
+    ), b = h.entities.add({
+      polyline: { positions: [l, f], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) }
+    }), y = h.entities.add({
+      polyline: { positions: [f, a], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) }
+    }), v = h.entities.add({
+      polyline: { positions: [l, a], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) }
+    });
+    this.segmentEntities.push(b, y, v);
+    const E = t.Cartesian3.distance(l, f), x = t.Cartesian3.distance(f, a), D = t.Cartesian3.distance(l, a), M = new t.Cartesian3((l.x + f.x) / 2, (l.y + f.y) / 2, (l.z + f.z) / 2), P = new t.Cartesian3((f.x + a.x) / 2, (f.y + a.y) / 2, (f.z + a.z) / 2), A = new t.Cartesian3((l.x + a.x) / 2, (l.y + a.y) / 2, (l.z + a.z) / 2), I = t.Cartographic.fromCartesian(M), S = t.Cartographic.fromCartesian(P), R = t.Cartographic.fromCartesian(A), O = i.id + "_tri_v", F = i.id + "_tri_h", N = i.id + "_tri_hyp";
+    this.segmentLabelIds = [O, F, N], this.htmlLabelPool.add({ text: `${E.toFixed(2)} m` }, { id: O, lon: t.Math.toDegrees(I.longitude), lat: t.Math.toDegrees(I.latitude), height: I.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${x.toFixed(2)} m` }, { id: F, lon: t.Math.toDegrees(S.longitude), lat: t.Math.toDegrees(S.latitude), height: S.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${D.toFixed(2)} m` }, { id: N, lon: t.Math.toDegrees(R.longitude), lat: t.Math.toDegrees(R.latitude), height: R.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } });
+    const z = t.Cartesian3.subtract(a, l, new t.Cartesian3()), Q = t.Cartesian3.subtract(f, l, new t.Cartesian3()), Z = t.Cartesian3.subtract(f, a, new t.Cartesian3()), X = t.Cartesian3.subtract(l, a, new t.Cartesian3()), oe = t.Cartesian3.dot(z, Q), te = Math.sqrt(t.Cartesian3.dot(z, z)) * Math.sqrt(t.Cartesian3.dot(Q, Q)), ie = t.Cartesian3.dot(Z, X), se = Math.sqrt(t.Cartesian3.dot(Z, Z)) * Math.sqrt(t.Cartesian3.dot(X, X)), H = Math.acos(Math.min(Math.max(oe / (te || 1), -1), 1)), G = Math.acos(Math.min(Math.max(ie / (se || 1), -1), 1)), B = t.Cartographic.fromCartesian(l), j = t.Cartographic.fromCartesian(a), _ = s.labelText || { angle: "角度" }, ne = i.id + "_tri_angA", $ = i.id + "_tri_angB";
+    this.angleLabelIds = [ne, $], this.htmlLabelPool.add({ text: `${_.angle}:${(H * 180 / Math.PI).toFixed(2)}°` }, { id: ne, lon: t.Math.toDegrees(B.longitude), lat: t.Math.toDegrees(B.latitude), height: B.height || 0, theme: "measure-triangle-angle", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${_.angle}:${(G * 180 / Math.PI).toFixed(2)}°` }, { id: $, lon: t.Math.toDegrees(j.longitude), lat: t.Math.toDegrees(j.latitude), height: j.height || 0, theme: "measure-triangle-angle", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } });
+    const J = Math.max(0.01, Math.min(0.5, s.angleMarkerRatio ?? 0.2)), Y = Math.min(E, x) * J;
+    if (E > 1e-3 && x > 1e-3) {
+      const V = t.Cartesian3.normalize(t.Cartesian3.subtract(l, f, new t.Cartesian3()), new t.Cartesian3()), T = t.Cartesian3.normalize(t.Cartesian3.subtract(a, f, new t.Cartesian3()), new t.Cartesian3()), q = new t.Cartesian3(f.x + V.x * Y, f.y + V.y * Y, f.z + V.z * Y), re = new t.Cartesian3(f.x + T.x * Y, f.y + T.y * Y, f.z + T.z * Y), he = new t.Cartesian3(f.x + V.x * Y + T.x * Y, f.y + V.y * Y + T.y * Y, f.z + V.z * Y + T.z * Y), Ie = h.entities.add({ polyline: { positions: [q, he], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) } }), xe = h.entities.add({ polyline: { positions: [re, he], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) } });
+      this.angleMarkerEntities.push(Ie, xe);
+    }
+  }
+}
+class ye {
+  Cesium;
+  viewer;
+  handler = null;
+  entity = null;
+  labelEntity = null;
+  positions = [];
+  tempPoints = [];
+  htmlLabelPool = null;
+  htmlLabelId = null;
+  previewEntity = null;
+  previewPos = null;
+  previewLabelId = null;
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer;
+    if (!this.htmlLabelPool) {
+      const h = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, h), this.htmlLabelPool.registerTheme("measure-space", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
+      const s = t.scene.pickPosition(h.position);
+      if (!s) return;
+      this.positions.push(s);
+      const o = t.entities.add({
+        position: s,
+        point: {
+          pixelSize: 8,
+          color: i.pointColor || i.color || e.Color.YELLOW,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      });
+      if (this.tempPoints.push(o), this.positions.length === 2) {
+        this.stop(), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null);
+        const d = this.positions[0], n = this.positions[1], r = i.lineColor || i.color || e.Color.YELLOW, c = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
+        this.entity = t.entities.add({
+          polyline: {
+            positions: [d, n],
+            width: i.width || 3,
+            material: r,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({
+              color: c,
+              dashLength: 12,
+              dashPattern: 255
+            })
+          }
+        });
+        const p = e.Cartesian3.distance(d, n), m = n, g = e.Cartographic.fromCartesian(m), l = this.htmlLabelId || `measure_space_${Date.now()}`;
+        this.htmlLabelId = l, this.htmlLabelPool.add(
+          { text: `${p.toFixed(2)} m` },
+          {
+            id: l,
+            lon: e.Math.toDegrees(g.longitude),
+            lat: e.Math.toDegrees(g.latitude),
+            height: g.height || 0,
+            theme: "measure-space",
+            show: !0,
+            style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
+          }
+        );
+        const a = {
+          entity: this.entity,
+          label: this.labelEntity,
+          positions: this.positions,
+          distance: p,
+          clear: () => this.clear()
+        };
+        i.onComplete?.(a);
+      }
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+      if (this.positions.length !== 1) return;
+      const s = t.scene.pickPosition(h.endPosition);
+      if (!s) return;
+      this.previewPos = s;
+      const o = this.positions[0], d = e.Cartesian3.distance(o, s), n = new e.Cartesian3(
+        (o.x + s.x) / 2,
+        (o.y + s.y) / 2,
+        (o.z + s.z) / 2
+      ), r = e.Cartographic.fromCartesian(n), c = this.previewLabelId || "measure_space_preview";
+      this.previewLabelId = c, this.htmlLabelPool.add(
+        { text: `${d.toFixed(2)} m` },
+        {
+          id: c,
+          lon: e.Math.toDegrees(r.longitude),
+          lat: e.Math.toDegrees(r.latitude),
+          height: r.height || 0,
+          theme: "measure-space",
+          show: !0,
+          style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
+        }
+      );
+      const p = i.lineColor || i.color || e.Color.YELLOW, m = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
+      this.previewEntity || (this.previewEntity = t.entities.add({
+        polyline: {
+          positions: new e.CallbackProperty(() => !this.previewPos || !this.positions.length ? [] : [this.positions[0], this.previewPos], !1),
+          width: i.width || 3,
+          material: p,
+          depthFailMaterial: new e.PolylineDashMaterialProperty({
+            color: m,
+            dashLength: 12,
+            dashPattern: 255
+          })
+        }
+      }));
+    }, e.ScreenSpaceEventType.MOUSE_MOVE);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    this.stop(), this.entity && (this.viewer.entities.remove(this.entity), this.entity = null), this.labelEntity && (this.viewer.entities.remove(this.labelEntity), this.labelEntity = null), this.htmlLabelPool && this.htmlLabelId && (this.htmlLabelPool.removeByIds([this.htmlLabelId]), this.htmlLabelId = null), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.tempPoints.forEach((i) => this.viewer.entities.remove(i)), this.tempPoints = [], this.positions = [];
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = s.lineColor || s.color || t.Color.YELLOW, d = (s.dashLineColor || s.lineColor || s.color || t.Color.RED).withAlpha?.(0.9) || t.Color.RED, n = s.width || 3, r = (i.positions || []).map((c) => new t.Cartesian3(c[0], c[1], c[2]));
+    if (r.length) {
+      if (!this.htmlLabelPool) {
+        const c = s.overlayContainerId || "html-label-container";
+        this.htmlLabelPool = e || new k(t, h, c), this.htmlLabelPool.registerTheme("measure-space", {
+          createElement: (p, m) => {
+            p.innerHTML = String(m?.data?.text || ""), p.style.background = "rgba(0,0,0,0.6)", p.style.color = "#fff", p.style.font = "14px sans-serif", p.style.padding = "4px 6px", p.style.borderRadius = "4px", p.style.whiteSpace = "pre";
+          },
+          options: { offset: { x: 0, y: -10 } }
+        });
+      }
+      if (r.length >= 1) {
+        const c = h.entities.add({ position: r[0], point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
+        this.tempPoints.push(c);
+      }
+      if (r.length >= 2) {
+        const c = h.entities.add({ position: r[1], point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
+        this.tempPoints.push(c), this.entity = h.entities.add({
+          polyline: {
+            positions: [r[0], r[1]],
+            width: n,
+            material: o,
+            depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 })
+          }
+        });
+        const p = t.Cartesian3.distance(r[0], r[1]), m = t.Cartographic.fromCartesian(r[1]), g = i.id + "_label";
+        this.htmlLabelId = g, this.htmlLabelPool.add({ text: `${p.toFixed(2)} m` }, {
+          id: g,
+          lon: t.Math.toDegrees(m.longitude),
+          lat: t.Math.toDegrees(m.latitude),
+          height: m.height || 0,
+          theme: "measure-space",
+          show: !0,
+          style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
+        });
+      }
+    }
+  }
+}
+class we {
+  Cesium;
+  viewer;
+  handler = null;
+  entity = null;
+  labelEntity = null;
+  positions = [];
+  tempPoints = [];
+  primitive = null;
+  previewEntity = null;
+  previewPos = null;
+  edgeEntities = [];
+  pointEntities = [];
+  previewEdgeEntity = null;
+  previewPointEntities = [];
+  htmlLabelPool = null;
+  htmlLabelId = null;
+  previewLabelId = null;
+  segmentLabelIds = [];
+  angleLabelIds = [];
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer;
+    if (!this.htmlLabelPool) {
+      const h = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, h), this.htmlLabelPool.registerTheme("measure-area", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-area-seg", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-area-angle", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
+      const s = t.scene.pickPosition(h.position);
+      if (!s) return;
+      this.positions.push(s);
+      const o = t.entities.add({
+        position: s,
+        point: {
+          pixelSize: 8,
+          color: i.color || e.Color.YELLOW,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      });
+      this.tempPoints.push(o), this.primitive && (t.scene.primitives.remove(this.primitive), this.primitive = null);
+      const d = new e.PolygonHierarchy(this.positions.slice()), n = new e.PolygonGeometry({
+        polygonHierarchy: d,
+        vertexFormat: e.MaterialAppearance.VERTEX_FORMAT,
+        perPositionHeight: !0,
+        arcType: e.ArcType.NONE
+      }), r = new e.GeometryInstance({ geometry: n }), c = i.color || e.Color.YELLOW.withAlpha(0.4), p = i.color && i.color.withAlpha ? i.color.withAlpha(0.25) : e.Color.RED.withAlpha(0.4);
+      if (this.primitive = new e.Primitive({
+        geometryInstances: r,
+        appearance: new e.MaterialAppearance({
+          material: e.Material.fromType("Color", { color: c }),
+          translucent: !0,
+          closed: !0
+        }),
+        depthFailAppearance: new e.MaterialAppearance({
+          material: e.Material.fromType("Color", { color: p }),
+          translucent: !0,
+          closed: !0
+        })
+      }), t.scene.primitives.add(this.primitive), this.positions.length >= 2) {
+        if (this.edgeEntities.length) {
+          for (const w of this.edgeEntities)
+            try {
+              t.entities.remove(w);
+            } catch {
+            }
+          this.edgeEntities = [];
+        }
+        const m = i.lineColor || i.color || e.Color.YELLOW, g = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED, l = this.positions.concat([this.positions[0]]), a = t.entities.add({
+          polyline: {
+            positions: l,
+            width: i.width || 2,
+            material: m,
+            clampToGround: !1,
+            arcType: e.ArcType.NONE,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({
+              color: g,
+              dashLength: 12,
+              dashPattern: 255
+            })
+          }
+        });
+        this.edgeEntities.push(a);
+      }
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+      if (this.positions.length === 0) return;
+      const s = t.scene.pickPosition(h.endPosition);
+      if (!s) return;
+      this.previewPos = s;
+      const o = this.positions.concat([s]), d = new e.Cartesian3(
+        o.reduce((l, a) => l + a.x, 0) / o.length,
+        o.reduce((l, a) => l + a.y, 0) / o.length,
+        o.reduce((l, a) => l + a.z, 0) / o.length
+      ), r = new e.EllipsoidTangentPlane(d, e.Ellipsoid.WGS84).projectPointsOntoPlane(o);
+      let c = 0;
+      for (let l = 0; l < r.length; l++) {
+        const a = (l + 1) % r.length;
+        c += r[l].x * r[a].y - r[a].x * r[l].y;
+      }
+      c = Math.abs(c) / 2;
+      const p = e.Cartographic.fromCartesian(d), m = this.previewLabelId || "measure_area_preview";
+      this.previewLabelId = m;
+      const g = i.labelText || { area: "面积" };
+      if (this.htmlLabelPool.add(
+        { text: `${g.area}:${c.toFixed(2)} m²` },
+        {
+          id: m,
+          lon: e.Math.toDegrees(p.longitude),
+          lat: e.Math.toDegrees(p.latitude),
+          height: p.height || 0,
+          theme: "measure-area",
+          show: !0
+        }
+      ), !this.previewEntity) {
+        const l = i.color || e.Color.YELLOW.withAlpha(0.4);
+        this.previewEntity = t.entities.add({
+          polygon: {
+            hierarchy: new e.CallbackProperty(() => {
+              if (!this.previewPos || !this.positions.length) return;
+              const L = this.positions.concat([this.previewPos]);
+              return new e.PolygonHierarchy(L);
+            }, !1),
+            material: l,
+            perPositionHeight: !0,
+            arcType: e.ArcType.NONE
+          }
+        });
+        const a = i.lineColor || i.color || e.Color.YELLOW, w = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
+        this.previewEdgeEntity = t.entities.add({
+          polyline: {
+            positions: new e.CallbackProperty(() => !this.previewPos || !this.positions.length ? [] : this.positions.concat([this.previewPos, this.positions[0]]), !1),
+            width: i.width || 2,
+            material: a,
+            clampToGround: !1,
+            arcType: e.ArcType.NONE,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({
+              color: w,
+              dashLength: 12,
+              dashPattern: 255
+            })
+          }
+        });
+        const u = i.pointColor || i.color || e.Color.YELLOW, C = t.entities.add({
+          position: new e.CallbackProperty(() => this.previewPos || this.positions[this.positions.length - 1], !1),
+          point: {
+            pixelSize: 8,
+            color: u,
+            disableDepthTestDistance: Number.POSITIVE_INFINITY
+          }
+        });
+        this.previewPointEntities.push(C);
+      }
+    }, e.ScreenSpaceEventType.MOUSE_MOVE), this.handler.setInputAction(() => {
+      if (this.positions.length < 3) {
+        this.stop();
+        return;
+      }
+      if (this.positions.length >= 3) {
+        this.positions.pop();
+        const g = this.tempPoints.pop();
+        g && this.viewer.entities.remove(g);
+      }
+      if (this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewEdgeEntity && (this.viewer.entities.remove(this.previewEdgeEntity), this.previewEdgeEntity = null), this.previewPointEntities.length) {
+        for (const g of this.previewPointEntities)
+          try {
+            this.viewer.entities.remove(g);
+          } catch {
+          }
+        this.previewPointEntities = [];
+      }
+      this.previewPos = null, this.stop();
+      const h = new e.Cartesian3(
+        this.positions.reduce((g, l) => g + l.x, 0) / this.positions.length,
+        this.positions.reduce((g, l) => g + l.y, 0) / this.positions.length,
+        this.positions.reduce((g, l) => g + l.z, 0) / this.positions.length
+      ), o = new e.EllipsoidTangentPlane(h, e.Ellipsoid.WGS84).projectPointsOntoPlane(this.positions);
+      let d = 0;
+      for (let g = 0; g < o.length; g++) {
+        const l = (g + 1) % o.length;
+        d += o[g].x * o[l].y - o[l].x * o[g].y;
+      }
+      d = Math.abs(d) / 2;
+      const n = e.Cartographic.fromCartesian(h), r = this.htmlLabelId || `measure_area_${Date.now()}`;
+      this.htmlLabelId = r;
+      const c = i.labelText || { area: "面积", side: "边长", angle: "角度" };
+      this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.htmlLabelPool.add(
+        { text: `${c.area}:${d.toFixed(2)} m²` },
+        {
+          id: r,
+          lon: e.Math.toDegrees(n.longitude),
+          lat: e.Math.toDegrees(n.latitude),
+          height: n.height || 0,
+          theme: "measure-area",
+          show: !0
+        }
+      ), this.labelEntity = this.htmlLabelId;
+      for (let g = 0; g < this.positions.length; g++) {
+        const l = (g + 1) % this.positions.length, a = this.positions[g], w = this.positions[l], u = e.Cartographic.fromCartesian(a), C = e.Cartographic.fromCartesian(w), f = new e.EllipsoidGeodesic(u, C).surfaceDistance, b = new e.Cartesian3((a.x + w.x) / 2, (a.y + w.y) / 2, (a.z + w.z) / 2), y = e.Cartographic.fromCartesian(b), v = `measure_area_seg_${Date.now()}_${g}`;
+        this.segmentLabelIds.push(v), this.htmlLabelPool.add(
+          { text: `${c.side}:${f.toFixed(2)} m` },
+          {
+            id: v,
+            lon: e.Math.toDegrees(y.longitude),
+            lat: e.Math.toDegrees(y.latitude),
+            height: y.height || 0,
+            theme: "measure-area-seg",
+            show: !0
+          }
+        );
+      }
+      const p = o;
+      for (let g = 0; g < p.length; g++) {
+        const l = p[(g - 1 + p.length) % p.length], a = p[g], w = p[(g + 1) % p.length], u = l.x - a.x, C = l.y - a.y, L = w.x - a.x, f = w.y - a.y, b = Math.sqrt(u * u + C * C), y = Math.sqrt(L * L + f * f);
+        if (!b || !y) continue;
+        const v = u / b * (L / y) + C / b * (f / y), E = Math.acos(Math.min(1, Math.max(-1, v))) * (180 / Math.PI), x = e.Cartographic.fromCartesian(this.positions[g]), D = `measure_area_angle_${Date.now()}_${g}`;
+        this.angleLabelIds.push(D), this.htmlLabelPool.add(
+          { text: `${c.angle}:${E.toFixed(2)} °` },
+          {
+            id: D,
+            lon: e.Math.toDegrees(x.longitude),
+            lat: e.Math.toDegrees(x.latitude),
+            height: x.height || 0,
+            theme: "measure-area-angle",
+            show: !0
+          }
+        );
+      }
+      const m = {
+        entity: this.primitive,
+        label: this.labelEntity,
+        positions: this.positions,
+        area: d,
+        clear: () => this.clear()
+      };
+      i.onComplete?.(m);
+    }, e.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    if (this.stop(), this.entity && (this.viewer.entities.remove(this.entity), this.entity = null), this.primitive && (this.viewer.scene.primitives.remove(this.primitive), this.primitive = null), this.edgeEntities.length) {
+      for (const i of this.edgeEntities)
+        try {
+          this.viewer.entities.remove(i);
+        } catch {
+        }
+      this.edgeEntities = [];
+    }
+    if (this.pointEntities.length) {
+      for (const i of this.pointEntities)
+        try {
+          this.viewer.entities.remove(i);
+        } catch {
+        }
+      this.pointEntities = [];
+    }
+    if (this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null, this.previewPos = null), this.previewEdgeEntity && (this.viewer.entities.remove(this.previewEdgeEntity), this.previewEdgeEntity = null), this.previewPointEntities.length) {
+      for (const i of this.previewPointEntities)
+        try {
+          this.viewer.entities.remove(i);
+        } catch {
+        }
+      this.previewPointEntities = [];
+    }
+    this.labelEntity && (this.viewer.entities.remove(this.labelEntity), this.labelEntity = null), this.htmlLabelPool && this.htmlLabelId && (this.htmlLabelPool.removeByIds([this.htmlLabelId]), this.htmlLabelId = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.segmentLabelIds.length && this.htmlLabelPool && this.htmlLabelPool.removeByIds(this.segmentLabelIds.slice()), this.angleLabelIds.length && this.htmlLabelPool && this.htmlLabelPool.removeByIds(this.angleLabelIds.slice()), this.segmentLabelIds = [], this.angleLabelIds = [], this.tempPoints.forEach((i) => this.viewer.entities.remove(i)), this.tempPoints = [], this.positions = [];
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = (i.positions || []).map((b) => new t.Cartesian3(b[0], b[1], b[2]));
+    if (o.length < 3) return;
+    if (!this.htmlLabelPool) {
+      const b = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new k(t, h, b), this.htmlLabelPool.registerTheme("measure-area", {
+        createElement: (y, v) => {
+          y.innerHTML = String(v?.data?.text || ""), y.style.background = "rgba(0,0,0,0.6)", y.style.color = "#fff", y.style.font = "14px sans-serif", y.style.padding = "4px 6px", y.style.borderRadius = "4px", y.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-area-seg", {
+        createElement: (y, v) => {
+          y.innerHTML = String(v?.data?.text || ""), y.style.background = "rgba(0,0,0,0.6)", y.style.color = "#fff", y.style.font = "14px sans-serif", y.style.padding = "4px 6px", y.style.borderRadius = "4px", y.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-area-angle", {
+        createElement: (y, v) => {
+          y.innerHTML = String(v?.data?.text || ""), y.style.background = "rgba(0,0,0,0.6)", y.style.color = "#fff", y.style.font = "14px sans-serif", y.style.padding = "4px 6px", y.style.borderRadius = "4px", y.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    for (const b of o) {
+      const y = h.entities.add({ position: b, point: { pixelSize: 8, color: s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
+      this.tempPoints.push(y);
+    }
+    const d = new t.Cartesian3(
+      o.reduce((b, y) => b + y.x, 0) / o.length,
+      o.reduce((b, y) => b + y.y, 0) / o.length,
+      o.reduce((b, y) => b + y.z, 0) / o.length
+    ), r = new t.EllipsoidTangentPlane(d, t.Ellipsoid.WGS84).projectPointsOntoPlane(o);
+    let c = 0;
+    for (let b = 0; b < r.length; b++) {
+      const y = (b + 1) % r.length;
+      c += r[b].x * r[y].y - r[y].x * r[b].y;
+    }
+    c = Math.abs(c) / 2;
+    const p = t.Cartographic.fromCartesian(d), m = i.id + "_area";
+    this.htmlLabelId = m;
+    const g = s.labelText || { area: "面积", side: "边长", angle: "角度" };
+    this.htmlLabelPool.add({ text: `${g.area}:${c.toFixed(2)} m²` }, {
+      id: m,
+      lon: t.Math.toDegrees(p.longitude),
+      lat: t.Math.toDegrees(p.latitude),
+      height: p.height || 0,
+      theme: "measure-area",
+      show: !0
+    });
+    const l = new t.PolygonHierarchy(o), a = new t.PolygonGeometry({ polygonHierarchy: l, vertexFormat: t.MaterialAppearance.VERTEX_FORMAT, perPositionHeight: !0 }), w = new t.GeometryInstance({ geometry: a }), u = s.color || t.Color.YELLOW.withAlpha(0.4), C = s.color && s.color.withAlpha ? s.color.withAlpha(0.25) : t.Color.RED.withAlpha(0.4), L = new t.Primitive({
+      geometryInstances: w,
+      appearance: new t.MaterialAppearance({ material: t.Material.fromType("Color", { color: u }), translucent: !0, closed: !0 }),
+      depthFailAppearance: new t.MaterialAppearance({ material: t.Material.fromType("Color", { color: C }), translucent: !0, closed: !0 })
+    });
+    h.scene.primitives.add(L), this.primitive = L;
+    for (let b = 0; b < o.length; b++) {
+      const y = (b + 1) % o.length, v = o[b], E = o[y], x = t.Cartographic.fromCartesian(v), D = t.Cartographic.fromCartesian(E), P = new t.EllipsoidGeodesic(x, D).surfaceDistance, A = new t.Cartesian3((v.x + E.x) / 2, (v.y + E.y) / 2, (v.z + E.z) / 2), I = t.Cartographic.fromCartesian(A), S = i.id + `_area_seg_${b}`;
+      this.segmentLabelIds.push(S), this.htmlLabelPool.add({ text: `${g.side}:${P.toFixed(2)} m` }, { id: S, lon: t.Math.toDegrees(I.longitude), lat: t.Math.toDegrees(I.latitude), height: I.height || 0, theme: "measure-area-seg", show: !0 });
+    }
+    const f = r;
+    for (let b = 0; b < f.length; b++) {
+      const y = f[(b - 1 + f.length) % f.length], v = f[b], E = f[(b + 1) % f.length], x = y.x - v.x, D = y.y - v.y, M = E.x - v.x, P = E.y - v.y, A = Math.sqrt(x * x + D * D), I = Math.sqrt(M * M + P * P);
+      if (!A || !I) continue;
+      const S = x / A * (M / I) + D / A * (P / I), R = Math.acos(Math.min(1, Math.max(-1, S))) * (180 / Math.PI), O = t.Cartographic.fromCartesian(o[b]), F = i.id + `_area_angle_${b}`;
+      this.angleLabelIds.push(F), this.htmlLabelPool.add({ text: `${g.angle}:${R.toFixed(2)} °` }, { id: F, lon: t.Math.toDegrees(O.longitude), lat: t.Math.toDegrees(O.latitude), height: O.height || 0, theme: "measure-area-angle", show: !0 });
+    }
+  }
+}
+class Ce {
+  Cesium;
+  viewer;
+  handler = null;
+  entity = null;
+  positions = [];
+  currentRadius = 0;
+  labelEntity = null;
+  previewLabel = null;
+  ellipsePrimitive = null;
+  previewEntity = null;
+  isPrimitive = !1;
+  htmlLabelPool = null;
+  htmlLabelId = null;
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer;
+    if (!this.htmlLabelPool) {
+      const h = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, h), this.htmlLabelPool.registerTheme("measure-circle", {
+        createElement: (s, o) => {
+          const d = o?.data?.text || "";
+          s.innerHTML = String(d), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
+      const s = t.scene.pickPosition(h.position);
+      if (s && (this.positions.push(s), this.positions.length === 2)) {
+        this.stop();
+        const o = this.positions[0], d = this.positions[1], n = e.Cartesian3.distance(o, d), r = Math.PI * n * n, c = 2 * Math.PI * n, p = i.labelText || { radius: "半径", area: "面积", circumference: "周长" }, m = o;
+        this.labelEntity ? (this.labelEntity.position = m, this.labelEntity.label.text = `${p.radius}:${n.toFixed(2)} m
+${p.area}:${r.toFixed(2)} m²
+${p.circumference}:${c.toFixed(2)} m`) : this.labelEntity = t.entities.add({
+          position: m,
+          label: {
+            text: `${p.radius}:${n.toFixed(2)} m
+${p.area}:${r.toFixed(2)} m²
+${p.circumference}:${c.toFixed(2)} m`,
+            font: "14px sans-serif",
+            fillColor: e.Color.WHITE,
+            outlineColor: e.Color.BLACK,
+            outlineWidth: 2,
+            style: e.LabelStyle.FILL_AND_OUTLINE,
+            verticalOrigin: e.VerticalOrigin.BOTTOM,
+            pixelOffset: new e.Cartesian2(0, -10),
+            disableDepthTestDistance: Number.POSITIVE_INFINITY,
+            eyeOffset: new e.Cartesian3(0, 0, -1e3),
+            showBackground: !0,
+            backgroundColor: e.Color.BLACK.withAlpha(0.6),
+            show: !1
+          }
+        }), this.previewEntity && (t.entities.remove(this.previewEntity), this.previewEntity = null);
+        const g = e.Cartographic.fromCartesian(o), l = new e.EllipseGeometry({
+          center: o,
+          semiMajorAxis: n,
+          semiMinorAxis: n,
+          height: g.height || 0,
+          vertexFormat: e.MaterialAppearance.VERTEX_FORMAT
+        }), a = new e.GeometryInstance({ geometry: l }), w = i.color || e.Color.YELLOW.withAlpha(0.5), u = i.color && i.color.withAlpha ? i.color.withAlpha(0.25) : e.Color.RED.withAlpha(0.4);
+        this.ellipsePrimitive && (t.scene.primitives.remove(this.ellipsePrimitive), this.ellipsePrimitive = null), this.ellipsePrimitive = new e.Primitive({
+          geometryInstances: a,
+          appearance: new e.MaterialAppearance({
+            material: e.Material.fromType("Color", { color: w }),
+            translucent: !0,
+            closed: !0
+          }),
+          depthFailAppearance: new e.MaterialAppearance({
+            material: e.Material.fromType("Color", { color: u }),
+            translucent: !0,
+            closed: !0
+          })
+        }), t.scene.primitives.add(this.ellipsePrimitive), this.entity = this.ellipsePrimitive, this.isPrimitive = !0;
+        const C = e.Cartographic.fromCartesian(o), L = e.Math.toDegrees(C.longitude), f = e.Math.toDegrees(C.latitude), b = C.height || 0, y = this.htmlLabelId || `measure_circle_${Date.now()}`;
+        this.htmlLabelId = y;
+        const v = `${p.radius}:${n.toFixed(2)} m
+${p.area}:${r.toFixed(2)} m²
+${p.circumference}:${c.toFixed(2)} m`;
+        this.htmlLabelPool.add({ text: v }, { id: y, lon: L, lat: f, height: b, theme: "measure-circle", show: !0 });
+        const E = {
+          entity: this.entity,
+          label: this.labelEntity,
+          positions: this.positions,
+          radius: n,
+          area: r,
+          perimeter: c,
+          clear: () => this.clear()
+        };
+        i.onComplete?.(E);
+      }
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+      if (this.positions.length !== 1) return;
+      const s = this.positions[0], o = t.camera.getPickRay(h.endPosition), d = t.scene.globe.pick(o, t.scene);
+      if (!d) return;
+      const n = e.Cartesian3.distance(s, d);
+      this.currentRadius = n;
+      const r = e.Cartographic.fromCartesian(s), c = Math.PI * n * n, p = 2 * Math.PI * n, m = i.labelText || { radius: "半径", area: "面积", circumference: "周长" }, g = s;
+      this.labelEntity ? (this.labelEntity.position = g, this.labelEntity.label.text = `${m.radius}:${n.toFixed(2)} m
+${m.area}:${c.toFixed(2)} m²
+${m.circumference}:${p.toFixed(2)} m`) : this.labelEntity = t.entities.add({
+        position: g,
+        label: {
+          text: `${m.radius}:${n.toFixed(2)} m
+${m.area}:${c.toFixed(2)} m²
+${m.circumference}:${p.toFixed(2)} m`,
+          font: "14px sans-serif",
+          fillColor: e.Color.WHITE,
+          outlineColor: e.Color.BLACK,
+          outlineWidth: 2,
+          style: e.LabelStyle.FILL_AND_OUTLINE,
+          verticalOrigin: e.VerticalOrigin.BOTTOM,
+          pixelOffset: new e.Cartesian2(0, -10),
+          disableDepthTestDistance: Number.POSITIVE_INFINITY,
+          eyeOffset: new e.Cartesian3(0, 0, -1e3),
+          showBackground: !0,
+          backgroundColor: e.Color.BLACK.withAlpha(0.6),
+          show: !1
+        }
+      });
+      const l = e.Cartographic.fromCartesian(s), a = e.Math.toDegrees(l.longitude), w = e.Math.toDegrees(l.latitude), u = l.height || 0, C = this.htmlLabelId || `measure_circle_${Date.now()}`;
+      this.htmlLabelId = C;
+      const L = `${m.radius}:${n.toFixed(2)} m
+${m.area}:${c.toFixed(2)} m²
+${m.circumference}:${p.toFixed(2)} m`;
+      if (this.htmlLabelPool.add({ text: L }, { id: C, lon: a, lat: w, height: u, theme: "measure-circle", show: !0 }), !this.previewEntity) {
+        const f = i.color || e.Color.YELLOW.withAlpha(0.5);
+        this.previewEntity = t.entities.add({
+          position: s,
+          ellipse: {
+            semiMajorAxis: new e.CallbackProperty(() => this.currentRadius, !1),
+            semiMinorAxis: new e.CallbackProperty(() => this.currentRadius, !1),
+            height: r.height || 0,
+            material: f
+          }
+        });
+      }
+    }, e.ScreenSpaceEventType.MOUSE_MOVE);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    this.stop(), this.entity && (this.isPrimitive ? this.viewer.scene.primitives.remove(this.entity) : this.viewer.entities.remove(this.entity), this.entity = null, this.isPrimitive = !1), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.labelEntity && (this.viewer.entities.remove(this.labelEntity), this.labelEntity = null), this.previewLabel && (this.viewer.entities.remove(this.previewLabel), this.previewLabel = null), this.ellipsePrimitive && (this.viewer.scene.primitives.remove(this.ellipsePrimitive), this.ellipsePrimitive = null), this.htmlLabelPool && this.htmlLabelId && (this.htmlLabelPool.removeByIds([this.htmlLabelId]), this.htmlLabelId = null), this.positions = [], this.currentRadius = 0;
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = (i.positions || []).map((y) => new t.Cartesian3(y[0], y[1], y[2]));
+    if (o.length < 2) return;
+    if (!this.htmlLabelPool) {
+      const y = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new k(t, h, y), this.htmlLabelPool.registerTheme("measure-circle", {
+        createElement: (v, E) => {
+          const x = E?.data?.text || "";
+          v.innerHTML = String(x), v.style.background = "rgba(0,0,0,0.6)", v.style.color = "#fff", v.style.font = "14px sans-serif", v.style.padding = "4px 6px", v.style.borderRadius = "4px", v.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    const d = o[0], n = o[1], r = t.Cartesian3.distance(d, n), c = Math.PI * r * r, p = 2 * Math.PI * r, m = t.Cartographic.fromCartesian(d), g = new t.EllipseGeometry({ center: d, semiMajorAxis: r, semiMinorAxis: r, height: m.height || 0, vertexFormat: t.MaterialAppearance.VERTEX_FORMAT }), l = new t.GeometryInstance({ geometry: g }), a = s.color || t.Color.YELLOW.withAlpha(0.5), w = s.color && s.color.withAlpha ? s.color.withAlpha(0.25) : t.Color.RED.withAlpha(0.4), u = new t.Primitive({
+      geometryInstances: l,
+      appearance: new t.MaterialAppearance({ material: t.Material.fromType("Color", { color: a }), translucent: !0, closed: !0 }),
+      depthFailAppearance: new t.MaterialAppearance({ material: t.Material.fromType("Color", { color: w }), translucent: !0, closed: !0 })
+    });
+    h.scene.primitives.add(u), this.ellipsePrimitive = u, this.entity = u, this.isPrimitive = !0;
+    const C = t.Cartographic.fromCartesian(d), L = i.id + "_circle";
+    this.htmlLabelId = L;
+    const f = s.labelText || { radius: "半径", area: "面积", circumference: "周长" }, b = `${f.radius}:${r.toFixed(2)} m
+${f.area}:${c.toFixed(2)} m²
+${f.circumference}:${p.toFixed(2)} m`;
+    this.htmlLabelPool.add({ text: b }, { id: L, lon: t.Math.toDegrees(C.longitude), lat: t.Math.toDegrees(C.latitude), height: C.height || 0, theme: "measure-circle", show: !0 });
+  }
+}
+class fe {
+  Cesium;
+  viewer;
+  handler = null;
+  entity = null;
+  labelEntity = null;
+  positions = [];
+  tempPoints = [];
+  segmentLabels = [];
+  hoverPos = null;
+  previewPos = null;
+  previewLabel = null;
+  previewEntity = null;
+  htmlLabelPool = null;
+  totalLabelId = null;
+  segmentLabelIds = [];
+  previewLabelId = null;
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer;
+    if (!this.htmlLabelPool) {
+      const h = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, h), this.htmlLabelPool.registerTheme("measure-polyline-total", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-polyline-seg", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
+      const s = t.scene.pickPosition(h.position);
+      if (!s) return;
+      this.positions.push(s);
+      const o = t.entities.add({
+        position: s,
+        point: {
+          pixelSize: 8,
+          color: i.pointColor || i.color || e.Color.YELLOW,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      });
+      if (this.tempPoints.push(o), this.entity ? this.entity.polyline.positions = this.positions.slice() : this.entity = t.entities.add({
+        polyline: {
+          positions: this.positions.slice(),
+          width: i.width || 3,
+          material: i.lineColor || i.color || e.Color.YELLOW,
+          depthFailMaterial: new e.PolylineDashMaterialProperty({
+            color: (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED,
+            dashLength: 12,
+            dashPattern: 255
+          })
+        }
+      }), this.positions.length >= 2) {
+        const d = this.positions[this.positions.length - 2], n = this.positions[this.positions.length - 1], r = e.Cartographic.fromCartesian(d), c = e.Cartographic.fromCartesian(n), m = new e.EllipsoidGeodesic(r, c).surfaceDistance, g = new e.Cartesian3(
+          (d.x + n.x) / 2,
+          (d.y + n.y) / 2,
+          (d.z + n.z) / 2
+        ), l = e.Cartographic.fromCartesian(g), a = `measure_polyline_seg_${this.segmentLabelIds.length}_${Date.now()}`;
+        this.segmentLabelIds.push(a), this.htmlLabelPool.add(
+          { text: `${m.toFixed(2)} m` },
+          {
+            id: a,
+            lon: e.Math.toDegrees(l.longitude),
+            lat: e.Math.toDegrees(l.latitude),
+            height: l.height || 0,
+            theme: "measure-polyline-seg",
+            show: !0
+          }
+        );
+      }
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction(() => {
+      if (this.positions.length < 2) {
+        this.stop();
+        return;
+      }
+      if (this.stop(), this.previewLabelId && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.hoverPos && (this.hoverPos = null), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.positions.length >= 2 && this.tempPoints.length >= 2) {
+        const r = this.tempPoints[this.tempPoints.length - 1];
+        this.viewer.entities.remove(r), this.tempPoints.pop();
+      }
+      if (this.segmentLabelIds.length >= 1) {
+        const r = this.segmentLabelIds[this.segmentLabelIds.length - 1];
+        r && (this.htmlLabelPool.removeByIds([r]), this.segmentLabelIds.pop());
+      }
+      this.positions.length >= 2 && this.positions.pop();
+      let h = 0;
+      for (let r = 1; r < this.positions.length; r++) {
+        const c = this.positions[r - 1], p = this.positions[r], m = e.Cartographic.fromCartesian(c), g = e.Cartographic.fromCartesian(p), a = new e.EllipsoidGeodesic(m, g).surfaceDistance;
+        h += a;
+      }
+      const s = this.positions[this.positions.length - 1];
+      this.entity && this.entity.polyline && (this.entity.polyline.positions = this.positions);
+      const o = e.Cartographic.fromCartesian(s), d = this.totalLabelId || `measure_polyline_total_${Date.now()}`;
+      this.totalLabelId = d, this.htmlLabelPool.add(
+        { text: `${h.toFixed(2)} m` },
+        {
+          id: d,
+          lon: e.Math.toDegrees(o.longitude),
+          lat: e.Math.toDegrees(o.latitude),
+          height: o.height || 0,
+          theme: "measure-polyline-total",
+          show: !0
+        }
+      ), this.labelEntity = this.totalLabelId;
+      const n = {
+        entity: this.entity,
+        label: this.labelEntity,
+        segmentLabels: this.segmentLabelIds,
+        positions: this.positions,
+        distance: h,
+        clear: () => this.clear()
+      };
+      i.onComplete?.(n);
+    }, e.ScreenSpaceEventType.LEFT_DOUBLE_CLICK), this.handler.setInputAction((h) => {
+      if (this.positions.length === 0) return;
+      const s = t.scene.pickPosition(h.endPosition);
+      if (!s) return;
+      this.hoverPos = s, this.previewPos = s;
+      const o = this.positions[this.positions.length - 1], d = e.Cartographic.fromCartesian(o), n = e.Cartographic.fromCartesian(s), c = new e.EllipsoidGeodesic(d, n).surfaceDistance, p = new e.Cartesian3(
+        (o.x + s.x) / 2,
+        (o.y + s.y) / 2,
+        (o.z + s.z) / 2
+      ), m = e.Cartographic.fromCartesian(p), g = this.previewLabelId || "measure_polyline_preview";
+      this.previewLabelId = g, this.htmlLabelPool.add(
+        { text: `${c.toFixed(2)} m` },
+        {
+          id: g,
+          lon: e.Math.toDegrees(m.longitude),
+          lat: e.Math.toDegrees(m.latitude),
+          height: m.height || 0,
+          theme: "measure-polyline-seg",
+          show: !0
+        }
+      ), this.previewEntity || (this.previewEntity = t.entities.add({
+        polyline: {
+          positions: new e.CallbackProperty(() => !this.previewPos || !this.positions.length ? [] : [this.positions[this.positions.length - 1], this.previewPos], !1),
+          width: i.width || 3,
+          material: i.lineColor || i.color || e.Color.YELLOW,
+          depthFailMaterial: new e.PolylineDashMaterialProperty({
+            color: (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED,
+            dashLength: 12,
+            dashPattern: 255
+          })
+        }
+      }));
+    }, e.ScreenSpaceEventType.MOUSE_MOVE);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    this.stop(), this.entity && (this.viewer.entities.remove(this.entity), this.entity = null), this.totalLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.totalLabelId]), this.totalLabelId = null), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.hoverPos = null, this.segmentLabelIds.length && this.htmlLabelPool && this.htmlLabelPool.removeByIds(this.segmentLabelIds.slice()), this.segmentLabelIds = [], this.tempPoints.forEach((i) => this.viewer.entities.remove(i)), this.tempPoints = [], this.positions = [];
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = s.lineColor || s.color || t.Color.YELLOW, d = (s.dashLineColor || s.lineColor || s.color || t.Color.RED).withAlpha?.(0.9) || t.Color.RED, n = s.width || 3, r = (i.positions || []).map((l) => new t.Cartesian3(l[0], l[1], l[2]));
+    if (r.length < 2) return;
+    if (!this.htmlLabelPool) {
+      const l = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new k(t, h, l), this.htmlLabelPool.registerTheme("measure-polyline-total", {
+        createElement: (a, w) => {
+          a.innerHTML = String(w?.data?.text || ""), a.style.background = "rgba(0,0,0,0.6)", a.style.color = "#fff", a.style.font = "14px sans-serif", a.style.padding = "4px 6px", a.style.borderRadius = "4px", a.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-polyline-seg", {
+        createElement: (a, w) => {
+          a.innerHTML = String(w?.data?.text || ""), a.style.background = "rgba(0,0,0,0.6)", a.style.color = "#fff", a.style.font = "14px sans-serif", a.style.padding = "4px 6px", a.style.borderRadius = "4px", a.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    for (const l of r) {
+      const a = h.entities.add({ position: l, point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
+      this.tempPoints.push(a);
+    }
+    this.entity = h.entities.add({ polyline: { positions: r, width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) } });
+    let c = 0;
+    for (let l = 1; l < r.length; l++) {
+      const a = t.Cartographic.fromCartesian(r[l - 1]), w = t.Cartographic.fromCartesian(r[l]), u = new t.EllipsoidGeodesic(a, w);
+      c += u.surfaceDistance;
+      const C = r[l - 1], L = r[l], f = new t.Cartesian3((C.x + L.x) / 2, (C.y + L.y) / 2, (C.z + L.z) / 2), b = t.Cartographic.fromCartesian(f), y = i.id + `_seg_${l - 1}`;
+      this.segmentLabelIds.push(y), this.htmlLabelPool.add({ text: `${u.surfaceDistance.toFixed(2)} m` }, {
+        id: y,
+        lon: t.Math.toDegrees(b.longitude),
+        lat: t.Math.toDegrees(b.latitude),
+        height: b.height || 0,
+        theme: "measure-polyline-seg",
+        show: !0,
+        style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
+      });
+    }
+    const p = r[r.length - 1], m = t.Cartographic.fromCartesian(p), g = i.id + "_total";
+    this.totalLabelId = g, this.htmlLabelPool.add({ text: `${c.toFixed(2)} m` }, {
+      id: g,
+      lon: t.Math.toDegrees(m.longitude),
+      lat: t.Math.toDegrees(m.latitude),
+      height: m.height || 0,
+      theme: "measure-polyline-total",
+      show: !0,
+      style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
+    });
+  }
+}
+class be {
+  Cesium;
+  viewer;
+  handler = null;
+  labelEntity = null;
+  htmlLabelPool = null;
+  htmlLabelId = null;
+  topPoint = null;
+  zeroPoint = null;
+  lineEntity = null;
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer;
+    if (!this.htmlLabelPool) {
+      const h = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, h), this.htmlLabelPool.registerTheme("measure-terrainHeight", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
+      const s = t.scene.pickPosition(h.position);
+      if (!s) return;
+      const o = e.Cartographic.fromCartesian(s), d = t.scene.globe.getHeight(
+        new e.Cartographic(o.longitude, o.latitude, 0)
+      ) || 0, n = e.Math.toDegrees(o.longitude), r = e.Math.toDegrees(o.latitude), c = e.Cartesian3.fromDegrees(n, r, d);
+      this.topPoint = t.entities.add({
+        position: s,
+        point: {
+          pixelSize: 8,
+          color: i.color || e.Color.YELLOW,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      }), this.zeroPoint = t.entities.add({
+        position: c,
+        point: {
+          pixelSize: 8,
+          color: e.Color.YELLOW,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      }), this.lineEntity = t.entities.add({
+        polyline: {
+          positions: [c, s],
+          width: i.width || 3,
+          material: i.color || e.Color.YELLOW,
+          depthFailMaterial: new e.PolylineDashMaterialProperty({
+            color: e.Color.RED,
+            dashLength: 12,
+            dashPattern: 255
+          })
+        }
+      });
+      const p = i.labelText || { height: "高差" }, m = (o.height || 0) - d, g = `${p.height}:${m.toFixed(2)} m`, l = this.htmlLabelId || `measure_terrain_${Date.now()}`;
+      this.htmlLabelId = l, this.htmlLabelPool.add(
+        { text: g },
+        {
+          id: l,
+          lon: n,
+          lat: r,
+          height: o.height || 0,
+          theme: "measure-terrainHeight",
+          show: !0
+        }
+      ), this.labelEntity = this.htmlLabelId;
+      const a = {
+        label: this.labelEntity,
+        position: s,
+        zeroPosition: c,
+        line: this.lineEntity,
+        terrainHeight: d,
+        difference: m,
+        clear: () => this.clear()
+      };
+      i.onComplete?.(a), this.stop();
+    }, e.ScreenSpaceEventType.LEFT_CLICK);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    this.stop(), this.lineEntity && (this.viewer.entities.remove(this.lineEntity), this.lineEntity = null), this.topPoint && (this.viewer.entities.remove(this.topPoint), this.topPoint = null), this.zeroPoint && (this.viewer.entities.remove(this.zeroPoint), this.zeroPoint = null), this.htmlLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.htmlLabelId]), this.htmlLabelId = null);
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = (i.positions || []).map((w) => new t.Cartesian3(w[0], w[1], w[2]));
+    if (o.length < 1) {
+      const u = (i.data || {}).position;
+      u && (Array.isArray(u) && u.length === 3 ? o.push(new t.Cartesian3(u[0], u[1], u[2])) : typeof u == "object" && u && "x" in u && "y" in u && "z" in u && o.push(new t.Cartesian3(u.x, u.y, u.z)));
+    }
+    if (o.length < 1) return;
+    if (!this.htmlLabelPool) {
+      const w = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new k(t, h, w), this.htmlLabelPool.registerTheme("measure-terrainHeight", {
+        createElement: (u, C) => {
+          u.innerHTML = String(C?.data?.text || ""), u.style.background = "rgba(0,0,0,0.6)", u.style.color = "#fff", u.style.font = "14px sans-serif", u.style.padding = "4px 6px", u.style.borderRadius = "4px", u.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    const d = o[0], n = t.Cartographic.fromCartesian(d), r = h.scene.globe.getHeight(new t.Cartographic(n.longitude, n.latitude, 0)) || 0, c = t.Math.toDegrees(n.longitude), p = t.Math.toDegrees(n.latitude), m = t.Cartesian3.fromDegrees(c, p, r);
+    this.topPoint = h.entities.add({ position: d, point: { pixelSize: 8, color: s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } }), this.zeroPoint = h.entities.add({ position: m, point: { pixelSize: 8, color: t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } }), this.lineEntity = h.entities.add({ polyline: { positions: [m, d], width: s.width || 3, material: s.color || t.Color.YELLOW, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: t.Color.RED, dashLength: 12, dashPattern: 255 }) } });
+    const g = s.labelText || { height: "高差" }, l = (n.height || 0) - r, a = i.id + "_terrain";
+    this.htmlLabelId = a, this.htmlLabelPool.add({ text: `${g.height}:${l.toFixed(2)} m` }, { id: a, lon: c, lat: p, height: n.height || 0, theme: "measure-terrainHeight", show: !0 });
+  }
+}
+class ve {
+  Cesium;
+  viewer;
+  handler = null;
+  entity = null;
+  labelEntity = null;
+  htmlLabelPool = null;
+  htmlLabelId = null;
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer;
+    if (!this.htmlLabelPool) {
+      const h = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, h), this.htmlLabelPool.registerTheme("measure-coordinate", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
+      const s = t.scene.pickPosition(h.position);
+      if (!s) return;
+      const o = e.Cartographic.fromCartesian(s), d = e.Math.toDegrees(o.longitude), n = e.Math.toDegrees(o.latitude), r = o.height || 0;
+      this.entity = t.entities.add({
+        position: s,
+        point: {
+          pixelSize: 10,
+          color: i.color || e.Color.YELLOW,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      });
+      const c = this.htmlLabelId || `measure_coordinate_${Date.now()}`;
+      this.htmlLabelId = c;
+      const p = i.labelText || { lng: "经", lat: "纬", height: "高" };
+      this.htmlLabelPool.add(
+        { text: `${p.lng}:${d.toFixed(6)}
+${p.lat}:${n.toFixed(6)}
+${p.height}:${r.toFixed(2)} m` },
+        {
+          id: c,
+          lon: d,
+          lat: n,
+          height: r,
+          theme: "measure-coordinate",
+          show: !0
+        }
+      ), this.labelEntity = this.htmlLabelId;
+      const m = {
+        entity: this.entity,
+        label: this.labelEntity,
+        lnglat: { lng: d, lat: n, height: r },
+        clear: () => this.clear()
+      };
+      i.onComplete?.(m), this.stop();
+    }, e.ScreenSpaceEventType.LEFT_CLICK);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    this.stop(), this.entity && (this.viewer.entities.remove(this.entity), this.entity = null), this.htmlLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.htmlLabelId]), this.htmlLabelId = null);
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = (i.positions || []).map((l) => new t.Cartesian3(l[0], l[1], l[2]));
+    if (!o.length) {
+      const l = i.data?.lnglat;
+      if (l && typeof l.lng == "number" && typeof l.lat == "number") {
+        const a = t.Cartesian3.fromDegrees(l.lng, l.lat, l.height || 0);
+        o.push(a);
+      }
+    }
+    if (!o.length) return;
+    if (!this.htmlLabelPool) {
+      const l = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new k(t, h, l), this.htmlLabelPool.registerTheme("measure-coordinate", {
+        createElement: (a, w) => {
+          a.innerHTML = String(w?.data?.text || ""), a.style.background = "rgba(0,0,0,0.6)", a.style.color = "#fff", a.style.font = "14px sans-serif", a.style.padding = "4px 6px", a.style.borderRadius = "4px", a.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    const d = o[0], n = t.Cartographic.fromCartesian(d), r = t.Math.toDegrees(n.longitude), c = t.Math.toDegrees(n.latitude), p = n.height || 0;
+    this.entity = h.entities.add({ position: d, point: { pixelSize: 10, color: s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
+    const m = i.id + "_coord";
+    this.htmlLabelId = m;
+    const g = s.labelText || { lng: "经", lat: "纬", height: "高" };
+    this.htmlLabelPool.add({ text: `${g.lng}:${r.toFixed(6)}
+${g.lat}:${c.toFixed(6)}
+${g.height}:${p.toFixed(2)} m` }, { id: m, lon: r, lat: c, height: p, theme: "measure-coordinate", show: !0 });
+  }
+}
+class Le {
+  Cesium;
+  viewer;
+  handler = null;
+  startPoint = null;
+  endPoint = null;
+  secondPoint = null;
+  currentCorners = [];
+  edgeEntities = [];
+  pointEntities = [];
+  previewEdgeEntity = null;
+  previewPointEntities = [];
+  entity = null;
+  labelEntity = null;
+  primitive = null;
+  previewEntity = null;
+  htmlLabelPool = null;
+  htmlLabelId = null;
+  segmentLabelIds = [];
+  previewLabelId = null;
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer;
+    if (!this.htmlLabelPool) {
+      const h = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, h), this.htmlLabelPool.registerTheme("measure-rectangle", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-rectangle-seg", {
+        createElement: (s, o) => {
+          s.innerHTML = String(o?.data?.text || ""), s.style.background = "rgba(0,0,0,0.6)", s.style.color = "#fff", s.style.font = "14px sans-serif", s.style.padding = "4px 6px", s.style.borderRadius = "4px", s.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
+      const s = t.scene.pickPosition(h.position);
+      if (!s) return;
+      if (!this.startPoint) {
+        this.startPoint = s;
+        return;
+      }
+      if (!this.secondPoint) {
+        this.secondPoint = s, this.endPoint = s;
+        return;
+      }
+      const o = s, d = this.computeRectangle(this.startPoint, this.secondPoint, o);
+      if (!d) {
+        this.stop();
+        return;
+      }
+      this.stop();
+      const { corners: n, center: r, width: c, height: p, area: m } = d;
+      this.previewEntity && (t.entities.remove(this.previewEntity), this.previewEntity = null), this.primitive && (t.scene.primitives.remove(this.primitive), this.primitive = null), this.entity && (t.entities.remove(this.entity), this.entity = null);
+      const g = this.htmlLabelId || `measure_rectangle_${Date.now()}`;
+      this.htmlLabelId = g;
+      const l = e.Cartographic.fromCartesian(r), a = i.labelText || { width: "宽", heightLabel: "高", area: "面积", side: "边长" };
+      this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.htmlLabelPool.add(
+        { text: `${a.width}:${c.toFixed(2)} m
+${a.heightLabel}:${p.toFixed(2)} m
+${a.area}:${m.toFixed(2)} m²` },
+        {
+          id: g,
+          lon: e.Math.toDegrees(l.longitude),
+          lat: e.Math.toDegrees(l.latitude),
+          height: l.height || 0,
+          theme: "measure-rectangle",
+          show: !0
+        }
+      );
+      const w = [
+        [n[0], n[1]],
+        [n[1], n[2]],
+        [n[2], n[3]],
+        [n[3], n[0]]
+      ];
+      for (let A = 0; A < w.length; A++) {
+        const [I, S] = w[A], R = A === 0 || A === 2 ? c : p, O = new e.Cartesian3((I.x + S.x) / 2, (I.y + S.y) / 2, (I.z + S.z) / 2), F = e.Cartographic.fromCartesian(O), N = `measure_rectangle_seg_${Date.now()}_${A}`;
+        this.segmentLabelIds.push(N), this.htmlLabelPool.add(
+          { text: `${a.side}:${Number(R).toFixed(2)} m` },
+          {
+            id: N,
+            lon: e.Math.toDegrees(F.longitude),
+            lat: e.Math.toDegrees(F.latitude),
+            height: F.height || 0,
+            theme: "measure-rectangle-seg",
+            show: !0
+          }
+        );
+      }
+      const u = this.buildSurfaceRectanglePositions(n), C = new e.PolygonHierarchy(u), L = new e.PolygonGeometry({
+        polygonHierarchy: C,
+        vertexFormat: e.MaterialAppearance.VERTEX_FORMAT,
+        perPositionHeight: !0,
+        arcType: e.ArcType.NONE
+      }), f = new e.GeometryInstance({ geometry: L }), b = i.color || e.Color.YELLOW.withAlpha(0.4), y = i.color && i.color.withAlpha ? i.color.withAlpha(0.25) : e.Color.RED.withAlpha(0.4);
+      this.primitive = new e.Primitive({
+        geometryInstances: f,
+        appearance: new e.MaterialAppearance({
+          material: e.Material.fromType("Color", { color: b }),
+          translucent: !0,
+          closed: !0
+        }),
+        depthFailAppearance: new e.MaterialAppearance({
+          material: e.Material.fromType("Color", { color: y }),
+          translucent: !0,
+          closed: !0
+        })
+      }), t.scene.primitives.add(this.primitive);
+      const v = i.lineColor || i.color || e.Color.YELLOW, E = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED, x = [...u, u[0]], D = t.entities.add({
+        polyline: {
+          positions: x,
+          width: i.width || 2,
+          material: v,
+          clampToGround: !1,
+          arcType: e.ArcType.NONE,
+          depthFailMaterial: new e.PolylineDashMaterialProperty({
+            color: E,
+            dashLength: 12,
+            dashPattern: 255
+          })
+        }
+      });
+      this.edgeEntities.push(D);
+      const M = i.pointColor || i.color || e.Color.YELLOW;
+      for (const A of n) {
+        const I = t.entities.add({
+          position: A,
+          point: {
+            pixelSize: 8,
+            color: M,
+            disableDepthTestDistance: Number.POSITIVE_INFINITY
+          }
+        });
+        this.pointEntities.push(I);
+      }
+      const P = {
+        entity: this.primitive,
+        label: this.labelEntity,
+        positions: [this.startPoint, this.secondPoint, o],
+        width: c,
+        height: p,
+        area: m,
+        clear: () => this.clear()
+      };
+      i.onComplete?.(P);
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+      const s = t.scene.pickPosition(h.endPosition);
+      if (!s) return;
+      if (this.startPoint && !this.secondPoint) {
+        if (this.endPoint = s, !this.previewEdgeEntity) {
+          const w = i.lineColor || i.color || e.Color.YELLOW, u = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
+          this.previewEdgeEntity = t.entities.add({
+            polyline: {
+              positions: new e.CallbackProperty(() => !this.startPoint || !this.endPoint ? [] : [this.startPoint, this.endPoint], !1),
+              width: i.width || 2,
+              material: w,
+              clampToGround: !1,
+              arcType: e.ArcType.NONE,
+              depthFailMaterial: new e.PolylineDashMaterialProperty({
+                color: u,
+                dashLength: 12,
+                dashPattern: 255
+              })
+            }
+          });
+          const C = i.pointColor || i.color || e.Color.YELLOW, L = t.entities.add({
+            position: this.startPoint,
+            point: {
+              pixelSize: 8,
+              color: C,
+              disableDepthTestDistance: Number.POSITIVE_INFINITY
+            }
+          }), f = t.entities.add({
+            position: new e.CallbackProperty(() => this.endPoint || this.startPoint, !1),
+            point: {
+              pixelSize: 8,
+              color: C,
+              disableDepthTestDistance: Number.POSITIVE_INFINITY
+            }
+          });
+          this.previewPointEntities.push(L, f);
+        }
+        return;
+      }
+      if (!this.startPoint || !this.secondPoint) return;
+      const o = this.computeRectangle(this.startPoint, this.secondPoint, s);
+      if (!o) return;
+      const { corners: d, center: n, width: r, height: c, area: p } = o, m = this.buildSurfaceRectanglePositions(d);
+      this.currentCorners = m;
+      const g = e.Cartographic.fromCartesian(n), l = this.previewLabelId || "measure_rectangle_preview";
+      this.previewLabelId = l;
+      const a = i.labelText || { width: "宽", heightLabel: "高", area: "面积" };
+      if (this.htmlLabelPool.add(
+        { text: `${a.width}:${r.toFixed(2)} m
+${a.heightLabel}:${c.toFixed(2)} m
+${a.area}:${p.toFixed(2)} m²` },
+        {
+          id: l,
+          lon: e.Math.toDegrees(g.longitude),
+          lat: e.Math.toDegrees(g.latitude),
+          height: g.height || 0,
+          theme: "measure-rectangle",
+          show: !0
+        }
+      ), !this.previewEntity) {
+        const w = i.color || e.Color.YELLOW.withAlpha(0.4);
+        this.previewEntity = t.entities.add({
+          polygon: {
+            hierarchy: new e.CallbackProperty(() => {
+              if (!(!this.startPoint || !this.secondPoint || !this.currentCorners.length))
+                return new e.PolygonHierarchy(this.currentCorners);
+            }, !1),
+            material: w,
+            perPositionHeight: !0,
+            arcType: e.ArcType.NONE
+          }
+        });
+      }
+    }, e.ScreenSpaceEventType.MOUSE_MOVE);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    if (this.stop(), this.entity && (this.viewer.entities.remove(this.entity), this.entity = null), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewEdgeEntity && (this.viewer.entities.remove(this.previewEdgeEntity), this.previewEdgeEntity = null), this.previewPointEntities.length) {
+      for (const i of this.previewPointEntities)
+        try {
+          this.viewer.entities.remove(i);
+        } catch {
+        }
+      this.previewPointEntities = [];
+    }
+    if (this.edgeEntities.length) {
+      for (const i of this.edgeEntities)
+        try {
+          this.viewer.entities.remove(i);
+        } catch {
+        }
+      this.edgeEntities = [];
+    }
+    if (this.pointEntities.length) {
+      for (const i of this.pointEntities)
+        try {
+          this.viewer.entities.remove(i);
+        } catch {
+        }
+      this.pointEntities = [];
+    }
+    this.primitive && (this.viewer.scene.primitives.remove(this.primitive), this.primitive = null), this.htmlLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.htmlLabelId]), this.htmlLabelId = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.segmentLabelIds.length && this.htmlLabelPool && this.htmlLabelPool.removeByIds(this.segmentLabelIds.slice()), this.segmentLabelIds = [], this.startPoint = null, this.endPoint = null, this.secondPoint = null, this.currentCorners = [];
+  }
+  buildSurfaceRectanglePositions(i) {
+    return !i || !i.length ? [] : i.slice();
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = (i.positions || []).map((M) => new t.Cartesian3(M[0], M[1], M[2]));
+    if (o.length < 3) return;
+    if (!this.htmlLabelPool) {
+      const M = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new k(t, h, M), this.htmlLabelPool.registerTheme("measure-rectangle", {
+        createElement: (P, A) => {
+          P.innerHTML = String(A?.data?.text || ""), P.style.background = "rgba(0,0,0,0.6)", P.style.color = "#fff", P.style.font = "14px sans-serif", P.style.padding = "4px 6px", P.style.borderRadius = "4px", P.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-rectangle-seg", {
+        createElement: (P, A) => {
+          P.innerHTML = String(A?.data?.text || ""), P.style.background = "rgba(0,0,0,0.6)", P.style.color = "#fff", P.style.font = "14px sans-serif", P.style.padding = "4px 6px", P.style.borderRadius = "4px", P.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    const d = this.computeRectangle(o[0], o[1], o[2]);
+    if (!d) return;
+    const n = d.corners, r = d.center, c = d.width, p = d.height, m = d.area, g = t.Cartographic.fromCartesian(r), l = i.id + "_rectangle", a = s.labelText || { width: "宽", heightLabel: "高", area: "面积", side: "边长" };
+    this.htmlLabelId = l, this.htmlLabelPool.add({ text: `${a.width}:${c.toFixed(2)} m
+${a.heightLabel}:${p.toFixed(2)} m
+${a.area}:${m.toFixed(2)} m²` }, { id: l, lon: t.Math.toDegrees(g.longitude), lat: t.Math.toDegrees(g.latitude), height: g.height || 0, theme: "measure-rectangle", show: !0 });
+    const w = [
+      [n[0], n[1]],
+      [n[1], n[2]],
+      [n[2], n[3]],
+      [n[3], n[0]]
+    ];
+    for (let M = 0; M < w.length; M++) {
+      const [P, A] = w[M], I = M === 0 || M === 2 ? c : p, S = new t.Cartesian3((P.x + A.x) / 2, (P.y + A.y) / 2, (P.z + A.z) / 2), R = t.Cartographic.fromCartesian(S), O = i.id + `_rectangle_seg_${M}`;
+      this.segmentLabelIds.push(O), this.htmlLabelPool.add({ text: `${a.side}:${Number(I).toFixed(2)} m` }, { id: O, lon: t.Math.toDegrees(R.longitude), lat: t.Math.toDegrees(R.latitude), height: R.height || 0, theme: "measure-rectangle-seg", show: !0 });
+    }
+    const u = new t.PolygonHierarchy(n), C = new t.PolygonGeometry({
+      polygonHierarchy: u,
+      vertexFormat: t.MaterialAppearance.VERTEX_FORMAT,
+      perPositionHeight: !0,
+      arcType: t.ArcType.NONE
+    }), L = new t.GeometryInstance({ geometry: C }), f = s.color || t.Color.YELLOW.withAlpha(0.4), b = s.color && s.color.withAlpha ? s.color.withAlpha(0.25) : t.Color.RED.withAlpha(0.4), y = new t.Primitive({
+      geometryInstances: L,
+      appearance: new t.MaterialAppearance({ material: t.Material.fromType("Color", { color: f }), translucent: !0, closed: !0 }),
+      depthFailAppearance: new t.MaterialAppearance({ material: t.Material.fromType("Color", { color: b }), translucent: !0, closed: !0 })
+    });
+    this.primitive = y, h.scene.primitives.add(this.primitive);
+    const v = s.lineColor || f, E = [...n, n[0]], x = h.entities.add({
+      polyline: {
+        positions: E,
+        width: s.width || 2,
+        material: v,
+        clampToGround: !1,
+        arcType: t.ArcType.NONE
+      }
+    });
+    this.edgeEntities.push(x);
+    const D = s.pointColor || f;
+    for (const M of n) {
+      const P = h.entities.add({
+        position: M,
+        point: {
+          pixelSize: 8,
+          color: D,
+          disableDepthTestDistance: Number.POSITIVE_INFINITY
+        }
+      });
+      this.pointEntities.push(P);
+    }
+  }
+  computeRectangle(i, e, t) {
+    const h = this.Cesium, s = new h.EllipsoidTangentPlane(i, h.Ellipsoid.WGS84), o = s.projectPointsOntoPlane([i, e, t]);
+    if (!o || o.length < 3) return null;
+    const d = o[0], n = o[1], r = o[2], c = n.x - d.x, p = n.y - d.y, m = Math.sqrt(c * c + p * p);
+    if (!m) return null;
+    const g = c / m, a = -(p / m), w = g, u = r.x - n.x, C = r.y - n.y, L = u * a + C * w;
+    if (!L) return null;
+    const f = new h.Cartesian2(n.x + a * L, n.y + w * L), b = new h.Cartesian2(d.x + a * L, d.y + w * L), y = s.projectPointsOntoEllipsoid([d, n, f, b]);
+    if (!y || y.length < 4) return null;
+    const v = y, E = v[0], x = v[2], D = Math.abs(m), M = Math.abs(L), P = new h.Cartesian3(
+      (E.x + x.x) / 2,
+      (E.y + x.y) / 2,
+      (E.z + x.z) / 2
+    ), I = new h.EllipsoidTangentPlane(P, h.Ellipsoid.WGS84).projectPointsOntoPlane(v);
+    let S = 0;
+    for (let O = 0; O < I.length; O++) {
+      const F = (O + 1) % I.length;
+      S += I[O].x * I[F].y - I[F].x * I[O].y;
+    }
+    const R = Math.abs(S) / 2;
+    return { corners: v, center: P, width: D, height: M, area: R };
+  }
+}
+class Ee {
+  Cesium;
+  viewer;
+  handler = null;
+  entity = null;
+  positions = [];
+  labelEntity = null;
+  currentPoints = [];
+  primitive = null;
+  previewEntity = null;
+  edgeEntities = [];
+  pointEntities = [];
+  previewEdgeEntity = null;
+  previewPointEntities = [];
+  htmlLabelPool = null;
+  htmlLabelId = null;
+  segmentLabelIds = [];
+  previewLabelId = null;
+  constructor(i, e) {
+    this.Cesium = i, this.viewer = e;
+  }
+  start(i) {
+    this.clear();
+    const e = this.Cesium, t = this.viewer, h = Math.max(i.sides || 6, 6);
+    if (!this.htmlLabelPool) {
+      const s = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new k(e, t, s), this.htmlLabelPool.registerTheme("measure-regular", {
+        createElement: (o, d) => {
+          o.innerHTML = String(d?.data?.text || ""), o.style.background = "rgba(0,0,0,0.6)", o.style.color = "#fff", o.style.font = "14px sans-serif", o.style.padding = "4px 6px", o.style.borderRadius = "4px", o.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-regular-seg", {
+        createElement: (o, d) => {
+          o.innerHTML = String(d?.data?.text || ""), o.style.background = "rgba(0,0,0,0.6)", o.style.color = "#fff", o.style.font = "14px sans-serif", o.style.padding = "4px 6px", o.style.borderRadius = "4px", o.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((s) => {
+      const o = t.scene.pickPosition(s.position);
+      if (o && (this.positions.push(o), this.positions.length === 2)) {
+        this.stop();
+        const d = this.positions[0], n = this.positions[1], r = e.Cartesian3.distance(d, n), c = this.buildRegularPolygonPoints(d, r, h);
+        this.previewEntity && (t.entities.remove(this.previewEntity), this.previewEntity = null), this.primitive && (t.scene.primitives.remove(this.primitive), this.primitive = null);
+        const p = new e.PolygonHierarchy(c), m = new e.PolygonGeometry({
+          polygonHierarchy: p,
+          vertexFormat: e.MaterialAppearance.VERTEX_FORMAT,
+          perPositionHeight: !0,
+          arcType: e.ArcType.NONE
+        }), g = new e.GeometryInstance({ geometry: m }), l = i.color || e.Color.YELLOW.withAlpha(0.4), a = i.color && i.color.withAlpha ? i.color.withAlpha(0.25) : e.Color.RED.withAlpha(0.4);
+        this.primitive = new e.Primitive({
+          geometryInstances: g,
+          appearance: new e.MaterialAppearance({
+            material: e.Material.fromType("Color", { color: l }),
+            translucent: !0,
+            closed: !0
+          }),
+          depthFailAppearance: new e.MaterialAppearance({
+            material: e.Material.fromType("Color", { color: a }),
+            translucent: !0,
+            closed: !0
+          })
+        }), t.scene.primitives.add(this.primitive);
+        const w = i.lineColor || l, u = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED, C = c.slice(), L = t.entities.add({
+          polyline: {
+            positions: C,
+            width: i.width || 2,
+            material: w,
+            clampToGround: !1,
+            arcType: e.ArcType.NONE,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({
+              color: u,
+              dashLength: 12,
+              dashPattern: 255
+            })
+          }
+        });
+        this.edgeEntities.push(L);
+        const f = i.pointColor || l, b = c.slice(0, c.length - 1);
+        for (const P of b) {
+          const A = t.entities.add({
+            position: P,
+            point: {
+              pixelSize: 8,
+              color: f,
+              disableDepthTestDistance: Number.POSITIVE_INFINITY
+            }
+          });
+          this.pointEntities.push(A);
+        }
+        const y = this.computeAreaByPlane(c), v = e.Cartographic.fromCartesian(d), E = this.htmlLabelId || `measure_regular_${Date.now()}`;
+        this.htmlLabelId = E;
+        const x = i.labelText || { sides: "边数", radius: "半径", circumference: "周长", area: "面积", side: "边长" };
+        this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null);
+        let D = 0;
+        for (let P = 1; P < c.length; P++) {
+          const A = c[P - 1], I = c[P], S = e.Cartographic.fromCartesian(A), R = e.Cartographic.fromCartesian(I), F = new e.EllipsoidGeodesic(S, R).surfaceDistance;
+          D += F;
+          const N = new e.Cartesian3((A.x + I.x) / 2, (A.y + I.y) / 2, (A.z + I.z) / 2), z = e.Cartographic.fromCartesian(N), Q = `measure_regular_seg_${Date.now()}_${P - 1}`;
+          this.segmentLabelIds.push(Q), this.htmlLabelPool.add(
+            { text: `${x.side}:${F.toFixed(2)} m` },
+            {
+              id: Q,
+              lon: e.Math.toDegrees(z.longitude),
+              lat: e.Math.toDegrees(z.latitude),
+              height: z.height || 0,
+              theme: "measure-regular-seg",
+              show: !0
+            }
+          );
+        }
+        this.htmlLabelPool.add(
+          { text: `${x.sides}:${h}
+${x.radius}:${r.toFixed(2)} m
+${x.circumference}:${D.toFixed(2)} m
+${x.area}:${y.toFixed(2)} m²` },
+          {
+            id: E,
+            lon: e.Math.toDegrees(v.longitude),
+            lat: e.Math.toDegrees(v.latitude),
+            height: v.height || 0,
+            theme: "measure-regular",
+            show: !0
+          }
+        );
+        const M = {
+          entity: this.primitive,
+          label: this.labelEntity,
+          positions: c,
+          radius: r,
+          sides: h,
+          perimeter: D,
+          area: y,
+          clear: () => this.clear()
+        };
+        i.onComplete?.(M);
+      }
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((s) => {
+      if (this.positions.length !== 1) return;
+      const o = this.positions[0], d = t.camera.getPickRay(s.endPosition), n = t.scene.globe.pick(d, t.scene);
+      if (!n) return;
+      const r = e.Cartesian3.distance(o, n);
+      if (this.currentPoints = this.buildRegularPolygonPoints(o, r, h), !this.previewEntity) {
+        const a = i.color || e.Color.YELLOW.withAlpha(0.4);
+        this.previewEntity = t.entities.add({
+          polygon: {
+            hierarchy: new e.CallbackProperty(() => {
+              if (!(!this.currentPoints || this.currentPoints.length === 0))
+                return new e.PolygonHierarchy(this.currentPoints);
+            }, !1),
+            material: a,
+            perPositionHeight: !0,
+            arcType: e.ArcType.NONE
+          }
+        });
+        const w = i.lineColor || i.color || e.Color.YELLOW, u = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
+        this.previewEdgeEntity = t.entities.add({
+          polyline: {
+            positions: new e.CallbackProperty(() => !this.currentPoints || this.currentPoints.length === 0 ? [] : this.currentPoints.slice(), !1),
+            width: i.width || 2,
+            material: w,
+            clampToGround: !1,
+            arcType: e.ArcType.NONE,
+            depthFailMaterial: new e.PolylineDashMaterialProperty({
+              color: u,
+              dashLength: 12,
+              dashPattern: 255
+            })
+          }
+        });
+        const C = i.pointColor || i.color || e.Color.YELLOW, L = t.entities.add({
+          position: o,
+          point: {
+            pixelSize: 8,
+            color: C,
+            disableDepthTestDistance: Number.POSITIVE_INFINITY
+          }
+        }), f = t.entities.add({
+          position: new e.CallbackProperty(() => n || o, !1),
+          point: {
+            pixelSize: 8,
+            color: C,
+            disableDepthTestDistance: Number.POSITIVE_INFINITY
+          }
+        });
+        this.previewPointEntities.push(L, f);
+      }
+      let c = 0;
+      for (let a = 1; a < this.currentPoints.length; a++) {
+        const w = this.currentPoints[a - 1], u = this.currentPoints[a], C = e.Cartographic.fromCartesian(w), L = e.Cartographic.fromCartesian(u), f = new e.EllipsoidGeodesic(C, L);
+        c += f.surfaceDistance;
+      }
+      const p = this.computeAreaByPlane(this.currentPoints), m = e.Cartographic.fromCartesian(o), g = this.previewLabelId || "measure_regular_preview";
+      this.previewLabelId = g;
+      const l = i.labelText || { sides: "边数", radius: "半径", circumference: "周长", area: "面积" };
+      this.htmlLabelPool.add(
+        { text: `${l.sides}:${h}
+${l.radius}:${r.toFixed(2)} m
+${l.circumference}:${c.toFixed(2)} m
+${l.area}:${p.toFixed(2)} m²` },
+        {
+          id: g,
+          lon: e.Math.toDegrees(m.longitude),
+          lat: e.Math.toDegrees(m.latitude),
+          height: m.height || 0,
+          theme: "measure-regular",
+          show: !0
+        }
+      );
+    }, e.ScreenSpaceEventType.MOUSE_MOVE);
+  }
+  stop() {
+    this.handler && (this.handler.destroy(), this.handler = null);
+  }
+  clear() {
+    if (this.stop(), this.entity && (this.viewer.entities.remove(this.entity), this.entity = null), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewEdgeEntity && (this.viewer.entities.remove(this.previewEdgeEntity), this.previewEdgeEntity = null), this.previewPointEntities.length) {
+      for (const i of this.previewPointEntities)
+        try {
+          this.viewer.entities.remove(i);
+        } catch {
+        }
+      this.previewPointEntities = [];
+    }
+    if (this.primitive && (this.viewer.scene.primitives.remove(this.primitive), this.primitive = null), this.edgeEntities.length) {
+      for (const i of this.edgeEntities)
+        try {
+          this.viewer.entities.remove(i);
+        } catch {
+        }
+      this.edgeEntities = [];
+    }
+    if (this.pointEntities.length) {
+      for (const i of this.pointEntities)
+        try {
+          this.viewer.entities.remove(i);
+        } catch {
+        }
+      this.pointEntities = [];
+    }
+    this.labelEntity && (this.viewer.entities.remove(this.labelEntity), this.labelEntity = null), this.htmlLabelPool && this.htmlLabelId && (this.htmlLabelPool.removeByIds([this.htmlLabelId]), this.htmlLabelId = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.segmentLabelIds.length && this.htmlLabelPool && this.htmlLabelPool.removeByIds(this.segmentLabelIds.slice()), this.segmentLabelIds = [], this.positions = [], this.currentPoints = [];
+  }
+  rehydrate(i, e) {
+    const t = this.Cesium, h = this.viewer, s = i.options || {}, o = i.data?.sides || s.sides || 3, d = (i.positions || []).map((y) => new t.Cartesian3(y[0], y[1], y[2]));
+    if (d.length < 2) return;
+    if (!this.htmlLabelPool) {
+      const y = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new k(t, h, y), this.htmlLabelPool.registerTheme("measure-regular", {
+        createElement: (v, E) => {
+          v.innerHTML = String(E?.data?.text || ""), v.style.background = "rgba(0,0,0,0.6)", v.style.color = "#fff", v.style.font = "14px sans-serif", v.style.padding = "4px 6px", v.style.borderRadius = "4px", v.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      }), this.htmlLabelPool.registerTheme("measure-regular-seg", {
+        createElement: (v, E) => {
+          v.innerHTML = String(E?.data?.text || ""), v.style.background = "rgba(0,0,0,0.6)", v.style.color = "#fff", v.style.font = "14px sans-serif", v.style.padding = "4px 6px", v.style.borderRadius = "4px", v.style.whiteSpace = "pre";
+        },
+        options: { offset: { x: 0, y: -10 } }
+      });
+    }
+    let n = [], r = d[0], c = 0;
+    if (d.length >= 3) {
+      n = d.slice(), r = new t.Cartesian3(
+        n.reduce((v, E) => v + E.x, 0) / n.length,
+        n.reduce((v, E) => v + E.y, 0) / n.length,
+        n.reduce((v, E) => v + E.z, 0) / n.length
+      );
+      const y = n[0];
+      n[Math.floor(n.length / 2)] || n[1], c = t.Cartesian3.distance(r, y);
+    } else {
+      const y = d[1];
+      c = t.Cartesian3.distance(r, y), n = this.buildRegularPolygonPoints(r, c, Math.max(o, 3));
+    }
+    const p = new t.PolygonHierarchy(n), m = new t.PolygonGeometry({ polygonHierarchy: p, vertexFormat: t.MaterialAppearance.VERTEX_FORMAT, perPositionHeight: !0 }), g = new t.GeometryInstance({ geometry: m }), l = s.color || t.Color.YELLOW.withAlpha(0.4), a = s.color && s.color.withAlpha ? s.color.withAlpha(0.25) : t.Color.RED.withAlpha(0.4), w = new t.Primitive({ geometryInstances: g, appearance: new t.MaterialAppearance({ material: t.Material.fromType("Color", { color: l }), translucent: !0, closed: !0 }), depthFailAppearance: new t.MaterialAppearance({ material: t.Material.fromType("Color", { color: a }), translucent: !0, closed: !0 }) });
+    h.scene.primitives.add(w), this.primitive = w;
+    const u = this.computeAreaByPlane(n), C = t.Cartographic.fromCartesian(r), L = i.id + "_regular";
+    this.htmlLabelId = L;
+    const f = s.labelText || { sides: "边数", radius: "半径", circumference: "周长", area: "面积", side: "边长" };
+    let b = 0;
+    for (let y = 1; y < n.length; y++) {
+      const v = n[y - 1], E = n[y], x = t.Cartographic.fromCartesian(v), D = t.Cartographic.fromCartesian(E), P = new t.EllipsoidGeodesic(x, D).surfaceDistance;
+      b += P;
+      const A = new t.Cartesian3((v.x + E.x) / 2, (v.y + E.y) / 2, (v.z + E.z) / 2), I = t.Cartographic.fromCartesian(A), S = i.id + `_regular_seg_${y - 1}`;
+      this.segmentLabelIds.push(S), this.htmlLabelPool.add({ text: `${f.side}:${P.toFixed(2)} m` }, { id: S, lon: t.Math.toDegrees(I.longitude), lat: t.Math.toDegrees(I.latitude), height: I.height || 0, theme: "measure-regular-seg", show: !0 });
+    }
+    this.htmlLabelPool.add({ text: `${f.sides}:${Math.max(o, 3)}
+${f.radius}:${c.toFixed(2)} m
+${f.circumference}:${b.toFixed(2)} m
+${f.area}:${u.toFixed(2)} m²` }, { id: L, lon: t.Math.toDegrees(C.longitude), lat: t.Math.toDegrees(C.latitude), height: C.height || 0, theme: "measure-regular", show: !0 });
+  }
+  buildRegularPolygonPoints(i, e, t) {
+    const h = this.Cesium, s = new h.EllipsoidTangentPlane(i, h.Ellipsoid.WGS84), o = 2 * Math.PI / t, d = [];
+    for (let c = 0; c < t; c++) {
+      const p = c * o, m = e * Math.cos(p), g = e * Math.sin(p);
+      d.push(new h.Cartesian2(m, g));
+    }
+    const r = s.projectPointsOntoEllipsoid(d).slice();
+    return r.push(r[0]), r;
+  }
+  computeAreaByPlane(i) {
+    const e = this.Cesium, t = new e.Cartesian3(
+      i.reduce((d, n) => d + n.x, 0) / i.length,
+      i.reduce((d, n) => d + n.y, 0) / i.length,
+      i.reduce((d, n) => d + n.z, 0) / i.length
+    ), s = new e.EllipsoidTangentPlane(t, e.Ellipsoid.WGS84).projectPointsOntoPlane(i);
+    let o = 0;
+    for (let d = 0; d < s.length; d++) {
+      const n = (d + 1) % s.length;
+      o += s[d].x * s[n].y - s[n].x * s[d].y;
+    }
+    return Math.abs(o) / 2;
+  }
+}
+class Pe {
+  Cesium;
+  viewer;
+  actives = [];
+  measurements = [];
+  htmlLabelPool = null;
+  recordHandlers = /* @__PURE__ */ new Map();
+  specifiedClear = !1;
+  deleteLabelPool = null;
+  deleteLabelIds = /* @__PURE__ */ new Map();
+  constructor({ Cesium: i, viewer: e }) {
+    this.Cesium = i, this.viewer = e, e.screenSpaceEventHandler.removeInputAction(i.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
+  }
+  measure(i, e) {
+    let t = null;
+    switch (i) {
+      case "horizontal":
+        t = new me(this.Cesium, this.viewer);
+        break;
+      case "vertical":
+        t = new ge(this.Cesium, this.viewer);
+        break;
+      case "triangle":
+        t = new ue(this.Cesium, this.viewer);
+        break;
+      case "space":
+        t = new ye(this.Cesium, this.viewer);
+        break;
+      case "area":
+        t = new we(this.Cesium, this.viewer);
+        break;
+      case "circle":
+        t = new Ce(this.Cesium, this.viewer);
+        break;
+      case "polyline":
+        t = new fe(this.Cesium, this.viewer);
+        break;
+      case "terrainHeight":
+        t = new be(this.Cesium, this.viewer);
+        break;
+      case "coordinate":
+        t = new ve(this.Cesium, this.viewer);
+        break;
+      case "rectangle":
+        t = new Le(this.Cesium, this.viewer);
+        break;
+      case "regularPolygon":
+        t = new Ee(this.Cesium, this.viewer);
+        break;
+      default:
+        throw new Error(`Unsupported measurement type: ${i}`);
+    }
+    if (!t) return;
+    this.actives.push(t);
+    const h = t, s = {
+      ...e,
+      onComplete: (o) => {
+        const d = {
+          id: `m_${Date.now()}_${this.measurements.length}`,
+          type: i,
+          options: (() => {
+            const r = { ...e };
+            return "onComplete" in r && delete r.onComplete, r;
+          })(),
+          positions: (() => {
+            if (Array.isArray(o?.positions))
+              return o.positions.map((r) => [r.x, r.y, r.z]);
+            switch (i) {
+              case "terrainHeight": {
+                const r = o?.position;
+                return r ? [[r.x, r.y, r.z]] : void 0;
+              }
+              case "coordinate": {
+                const r = o?.lnglat;
+                if (r && typeof r.lng == "number" && typeof r.lat == "number") {
+                  const c = this.Cesium.Cartesian3.fromDegrees(r.lng, r.lat, r.height || 0);
+                  return [[c.x, c.y, c.z]];
+                }
+                return;
+              }
+              default:
+                return;
+            }
+          })(),
+          data: this._serializeMetrics(i, o)
+        };
+        this.measurements.push(d), h && this.recordHandlers.set(d.id, h), this.specifiedClear && this._showDeleteLabels("html-label-container"), e.onComplete?.(o);
+        const n = this.actives.indexOf(h);
+        n >= 0 && this.actives.splice(n, 1);
+      }
+    };
+    t.start(s);
+  }
+  clear() {
+    const i = this.actives.pop();
+    i && i.clear(), this._removeAllDeleteLabels(), this.specifiedClear = !1;
+  }
+  cancel() {
+    const i = this.actives.pop();
+    i && i.stop();
+  }
+  disableDefaultSelection({ disableLeftClick: i = !1, disableDoubleClick: e = !0 } = {}) {
+    const t = this.viewer?.cesiumWidget?.screenSpaceEventHandler;
+    t && (e && t.removeInputAction(this.Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK), i && t.removeInputAction(this.Cesium.ScreenSpaceEventType.LEFT_CLICK));
+  }
+  clearAll() {
+    for (; this.actives.length; ) {
+      const i = this.actives.pop();
+      try {
+        i?.clear();
+      } catch {
+      }
+    }
+    for (const [, i] of this.recordHandlers)
+      try {
+        i.clear();
+      } catch {
+      }
+    this.recordHandlers.clear(), this.measurements = [], this._removeAllDeleteLabels(), this.specifiedClear = !1;
+  }
+  getMeasurementsConfig() {
+    return {
+      measurements: this.measurements.map((i) => ({
+        ...i,
+        options: i.options ? { ...i.options } : i.options,
+        positions: i.positions ? i.positions.map((e) => [e[0], e[1], e[2]]) : i.positions,
+        data: i.data ? { ...i.data } : i.data
+      }))
+    };
+  }
+  setMeasurementsConfig(i) {
+    if (i?.measurements?.length) {
+      for (const e of i.measurements) {
+        let t = null;
+        switch (e.type) {
+          case "horizontal":
+            t = new me(this.Cesium, this.viewer);
+            break;
+          case "vertical":
+            t = new ge(this.Cesium, this.viewer);
+            break;
+          case "triangle":
+            t = new ue(this.Cesium, this.viewer);
+            break;
+          case "space":
+            t = new ye(this.Cesium, this.viewer);
+            break;
+          case "area":
+            t = new we(this.Cesium, this.viewer);
+            break;
+          case "circle":
+            t = new Ce(this.Cesium, this.viewer);
+            break;
+          case "polyline":
+            t = new fe(this.Cesium, this.viewer);
+            break;
+          case "terrainHeight":
+            t = new be(this.Cesium, this.viewer);
+            break;
+          case "coordinate":
+            t = new ve(this.Cesium, this.viewer);
+            break;
+          case "rectangle":
+            t = new Le(this.Cesium, this.viewer);
+            break;
+          case "regularPolygon":
+            t = new Ee(this.Cesium, this.viewer);
+            break;
+          default:
+            t = null;
+        }
+        t?.rehydrate?.(e, void 0), t && e.id && this.recordHandlers.set(e.id, t), this.measurements.find((s) => s.id === e.id) || this.measurements.push(e);
+      }
+      this.specifiedClear && this._showDeleteLabels("html-label-container");
+    }
+  }
+  _serializeMetrics(i, e) {
+    switch (i) {
+      case "space":
+        return { distance: e?.distance };
+      case "horizontal":
+        return { distance: e?.distance };
+      case "vertical":
+        return { vertical: e?.vertical };
+      case "polyline":
+        return { distance: e?.distance };
+      case "area":
+        return { area: e?.area };
+      case "circle":
+        return { radius: e?.radius, area: e?.area, perimeter: e?.perimeter };
+      case "rectangle":
+        return { width: e?.width, height: e?.height, area: e?.area };
+      case "regularPolygon":
+        return {
+          sides: e?.sides,
+          radius: e?.radius,
+          perimeter: e?.perimeter,
+          area: e?.area
+        };
+      case "triangle":
+        return { lengths: e?.lengths, angles: e?.angles };
+      case "terrainHeight":
+        return {
+          terrainHeight: e?.terrainHeight,
+          difference: e?.difference,
+          position: e?.position,
+          zeroPosition: e?.zeroPosition
+        };
+      case "coordinate":
+        return { lnglat: e?.lnglat };
+      default:
+        return {};
+    }
+  }
+  _toCartesian(i) {
+    const e = this.Cesium;
+    return new e.Cartesian3(i[0], i[1], i[2]);
+  }
+  _removeRecordVisual(i) {
+    const e = this.viewer;
+    this.Cesium;
+    const t = e.entities.values;
+    for (let o = t.length - 1; o >= 0; o--) {
+      const d = t[o];
+      try {
+        e.entities.remove(d);
+      } catch {
+      }
+    }
+    const h = e.scene.primitives, s = [];
+    h._primitives && h._primitives.forEach((o) => s.push(o));
+    for (const o of s)
+      try {
+        e.scene.primitives.remove(o);
+      } catch {
+      }
+    this.htmlLabelPool && this.htmlLabelPool.removeAll();
+  }
+  toggleSpecifiedClear(i) {
+    if (this.specifiedClear)
+      this._removeAllDeleteLabels(), this.specifiedClear = !1;
+    else {
+      if (this.specifiedClear = !0, !this.deleteLabelPool) {
+        const e = i || "html-label-container";
+        this.deleteLabelPool = new k(this.Cesium, this.viewer, e), this.deleteLabelPool.registerTheme("measure-delete-label", {
+          createElement: (t, h) => {
+            t.innerHTML = "删除", t.style.background = "rgba(255,0,0,0.7)", t.style.color = "#fff", t.style.font = "12px sans-serif", t.style.padding = "2px 6px", t.style.borderRadius = "4px", t.style.whiteSpace = "nowrap";
+          },
+          options: { offset: { x: 0, y: -10 } }
+        }), this.deleteLabelPool.eventBus.addListener(
+          Be.Click,
+          {
+            name: "measurement_delete_label_click",
+            fn: (t) => {
+              if (!t || t.theme !== "measure-delete-label") return;
+              const h = t?.data?.recordId;
+              h && this.deleteMeasurement(h);
+            }
+          },
+          !0
+        );
+      }
+      this._showDeleteLabels(i || "html-label-container");
+    }
+  }
+  deleteMeasurement(i) {
+    const e = this.recordHandlers.get(i);
+    if (e)
+      try {
+        e.clear();
+      } catch {
+      }
+    this.recordHandlers.delete(i), this.measurements = this.measurements.filter((h) => h.id !== i);
+    const t = this.deleteLabelIds.get(i);
+    t && this.deleteLabelPool && this.deleteLabelPool.removeByIds([t]), this.deleteLabelIds.delete(i);
+  }
+  _showDeleteLabels(i) {
+    if (!this.deleteLabelPool) return;
+    const e = this.Cesium;
+    for (const t of this.measurements) {
+      const h = "m_del_" + t.id;
+      if (this.deleteLabelIds.has(t.id)) continue;
+      const s = this._computeRecordCenter(t);
+      if (!s) continue;
+      const o = e.Cartographic.fromCartesian(s), d = e.Math.toDegrees(o.longitude), n = e.Math.toDegrees(o.latitude), r = o.height || 0;
+      this.deleteLabelPool.add(
+        { recordId: t.id },
+        {
+          id: h,
+          lon: d,
+          lat: n,
+          height: r,
+          theme: "measure-delete-label",
+          show: !0,
+          style: { zIndex: "1000" }
+        }
+      ), this.deleteLabelIds.set(t.id, h);
+    }
+  }
+  _removeAllDeleteLabels() {
+    if (this.deleteLabelPool) {
+      const i = Array.from(this.deleteLabelIds.values());
+      i.length && this.deleteLabelPool.removeByIds(i);
+    }
+    this.deleteLabelIds.clear();
+  }
+  _computeRecordCenter(i) {
+    const e = this.Cesium, t = (i.positions || []).map((h) => this._toCartesian(h));
+    if (t.length > 0) {
+      const h = t.reduce((d, n) => d + n.x, 0) / t.length, s = t.reduce((d, n) => d + n.y, 0) / t.length, o = t.reduce((d, n) => d + n.z, 0) / t.length;
+      return new e.Cartesian3(h, s, o);
+    }
+    if (i.type === "coordinate" && i.data?.lnglat) {
+      const h = i.data.lnglat.lng, s = i.data.lnglat.lat, o = i.data.lnglat.height || 0;
+      return e.Cartesian3.fromDegrees(h, s, o);
+    }
+    if (i.type === "terrainHeight" && i.data?.position) {
+      const h = i.data.position;
+      return new e.Cartesian3(h.x, h.y, h.z);
+    }
+    return null;
+  }
+}
+const $e = {
   Cesium: {
     type: Object,
     required: !1
@@ -18,154 +2845,154 @@ const G = {
     type: String,
     default: "cx-measurement-overlay"
   }
-}, O = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAQ9JREFUOE+dkjESAUEQRe0NOAEiIaEMERluQCYQcAKcACcgFLqBlQn3BsgFbsD7zKixdlbVTtWv7e3/+0937wY5z3lwXCrgJEkTkxIag6NC0MxqsDAG86wGoWk7vYP4vL69xPPq6rUDZ1574z+Pht2La6BioWXm9pmcIOpJBv9u/eE/I1iGUSLiPEQpyQ1eHRbhy5b//AeQTZIHMESw9RgMyG9AH81eGtdART1Qgrz75uGiC1yERtq3AUm1fAZriAnvM576icR9xaZmxrOM5mIN5iReSVABU8gOxe14zPvIvcwaqOVQbVG0JL4Sr1JijdtFUwgQDXjRYrQUfYUx2IFbSlyD0w6GMlBRVfNmONETek2ROovJNQ4AAAAASUVORK5CYII=", Z = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAATBJREFUOE+lk4FNw0AMRbkJgAlYASYgTABMQNigTECZgDIBHaGdgHYCygZsAEwQ3ot8p2uUFqRasnKO7X/+PjsdDaTrunN+XaMN6lnZoCt0mVLyXCTVBskT7Of4t45ETYEu0W90CshLzisAJC/i5iXfliCDi+A/wZhHzAL/rc4eoLr5HodBO4XYFucr+kDsLAXnd37I72ZfcvZFtVK6EmDK4RE9HZa9CyzofOF/EmDVc0mpGXC2GoHlbrn2qEjJ42Cz5gT4AnXAJ8ZZ/Njgvxj4Z9h3VvAfgA8A8kz0OOQJ0P5Fwf5IYbKPgkEHNdHSbORbHo6a69g5nrHB1xw+SPmGapR9LidybJSdQJ+3DN3YMtmT46CVN0+alvyDuky+QC9bAPE8BnuLCcN1dom21vkXc/+iuK1zLp4AAAAASUVORK5CYII=", j = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAABHNCSVQICAgIfAhkiAAAAQBJREFUKFONk4EZwTAUhGUDG9AJsAETYAI1iZoEE6gJ2AAT6AjdoP6rpEKbtvm+95F7r5e7a2oG3iqKYs726mMN/xfGmJvDzR9BZvfHAEkMXkAQ1Qg4Xc0DtWYgbSJgZgV+prbMlIeUCmgM+XlRTxqyEVzMSv6EipjNHUECsKNmgI8Ogin9O7VnNjEwju3pJwDZ6Fw8I/mbUoXdyNsUgqzz6Y9lHSqlqQjkaWTl5z0Jvpl577701JPAZbZwIcrT0qpotWHlK8SLMnMEvYP8CZDMqptIw8kKvsomuz6BgpF8yQtlIXxGjXWJlNf/txCD6Tq3reoa1wgEWJlBAv9L1NAbCC98xCsG9JwAAAAASUVORK5CYII=", L = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAGZJREFUOE9j/A8EDEiAEQiQ+ehsDPUgAZgmZDYuQzDUowvgsx0mh2IhupOAihoJGFKP4mUQB2pII9DkBkIuAKoFqamHuQIcYKMGDPkwoHpeACYLQompASMpIwsQSokgebx5gdTsDADpy5nxGGvoWgAAAABJRU5ErkJggg==", P = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAMVJREFUKFOVkoENwiAQRWUCu4k6gbhBnaB0g47iBtYJdASdQLsJG+D7yUGw0agkP4Xj/7t/R92iWimlwLEDaws/+I7OuVOmOW0gNnzOwIMJXI2g88rOe4QxC0RQ1kDwMqvaqgq4c7dzZuNIQBleyFkIRyI56CVQ9gZy9l0XKHt46idKEK2x4S3TgvAObLt/BSFbWmJp86VCsRQg/t60slrjmnf/YaxKOHHn64fTSLdApTU5LQ80vRtoy8NV85Y9Yf5rjJnzBCCwZhr1an8TAAAAAElFTkSuQmCC", T = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAQFJREFUOE+VUzsSAUEQtZEj2FsQysjIyIRKtCmRkgnJyIRCmZURIZRxC07Be6pnq3e2Z5WuejX9mf5OT/QGVRRFIC37fOE+Fc5J86Eghfu+oiy7s+US+iXh0gvYAQPhjziHwA14AkmuZQoS5CGGPs49QHkMnIE1cBf+irPnqvgOTAIwc/OH8wR2JjADMEurJDOdSRugalXA/k6Bsp3zCnbOJ7ECsOe20bN2pn0eamEJQ8cbmO/cgH0B1EItzNS0LWe+Cp91agU4SHl8tpAzW7gA9SyAsUgjmTYHRgeWzczkqeNSZRQZq5zC2gW2QAxwN8hTRzkurLJW6OghvvQv/PudP2fPqPEaEaVuAAAAAElFTkSuQmCC", W = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAABHNCSVQICAgIfAhkiAAAAPZJREFUOE/tk0EOwUAUhs0NLCyRLsTa2ooT4ATqRuICWhfA1ik4AYmtBCeo769OUq1pxk7ES740fW/eP2/+aU3NEUmSnCk1c+W2MUa5Upi/iL8nWom5Kx59DO24vFPeaeyPieBHnSPtoAs9fDm5fCl5QvOYxSOYwAUacIMjRIjFRbFUhMaAxxRCuMMcNrCwt5OJqz6AJcQI7tPboaiCkooZhcjuRE3TtMhJLA1yViTIhML8JBITV9AkW5p1DNusY2raIWgjHe05iV1U2ElialqDhPR+yBol8BJVf7FuR82BJvvodoq7+LxXfvY+Am898W3Mr/ueSR4JpmsW0RAzTwAAAABJRU5ErkJggg==", q = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWCAYAAAAb+hYkAAAABHNCSVQICAgIfAhkiAAAAR1JREFUOE+tk6FywkAURVlZ1SIqcK2owCE6g+YLWhwSiQOJI6hKcJXF9R9QqcUEybSmOFyLw4VzmSSThF0SGHbmTjbknXff7lxM5YJl8kwYhg1++0B6+qhtjPlP19mgJQUPaIa6KABqOaHIJaBgTKHH+5R9n32muc3pl8JbJGCA1jAaNVmuM82puEffqFl4JrVjrA6PT1QHWKVdtD9yiiBdgG7wEUjjZtZVoR6t31ENp01ZJ93aBFXzl3DqTBdBQzq+nevkAYzQDePtyp7pAOXjE8O2RNzxcYGekKKkHBamfEbhK/pBzxEk52RlnIiPXP7iQt7V4AWnqhPSBwp9Hkq5umu8L6BuERT/YwVuUSOfP1f2NKbgZelEpEex7fdW8nMXLD81JwAAAABJRU5ErkJggg==", X = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAANCAYAAACtpZ5jAAAABHNCSVQICAgIfAhkiAAAAN9JREFUOE+1krENwjAUROMNGAEqWtLSkJIONgAmwB2MQAkTwAbABjBBwgYZIRuYd8gWIIHiFLZ0svX/3eX8Y5MlWiaRb5be2DnXJ/0E3I0xdexN0PXgzsADXRV0r8Q0C7YzEKkBK0iXNnMfpvQ60aU76RCMZaaUFuzBEOz+GIsbkm05j8ECLIFuPMC8CcaOwoGCJYWM121pP/oVuhydjI8g10iCseLrqzdQgCvN+S9zP9OR703ZN/4Gqun/SP9+FT6pmkqgkUQtdOIqRA2sxvBlHOXSgZT+HXcIE0VNlvgJ9ttGDjhkGwIAAAAASUVORK5CYII=", _ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAU5JREFUOE+dkjFLQzEURnsRRUW0uDkI3XQo0m6Odms3QRHHjk5SNzfd/Ac66iKKIm0nHf0HduncooibiLo5PM/3SCAvlmL74NDk3uTk3jSWG/FLkmSTLUeQhwMbcX8OQZ89H46FcQWvCGbBxhFssfEGvqCeEfzpz6wVt+jWNInXzOwhFmT7MysPEFwT24BlBD+x4JmE+puGSRYUQwGnzzF/g0tye8rFAtm34RtmYIWFqir9EOzycwUV4o8ZAckCgSdowz68wD0LtckLdCfrsEQ8iQUXBPRISjoV4SHjEygy77ry35mfMm94qQU3v0bw1p9IXPfQhw6xKvM643MoM++EAi3Sy1Lf8yQl8iXros6gBjq1QH7V59MW3NPsMdbbJm+lQDDBWP/MFCzCHfmdWKC+j52gwYLM4+EACdT7p9aEFaYVhLZB42EV/lcwtMJfrJ6SRKgz9VoAAAAASUVORK5CYII=", $ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAMZJREFUOE9jZACC////JwApeRCbSOAAVGcBxMsZgZpBnP1EakRX9h3ZAEdGRsYDUBf9B7IZsRkKtNAAKH4CiFmBuJskA6CaQa59CMQOQDs+EG0ANs0gF+IMA2Qv4NKMbgA8DJD9jk8zQQMIacZrADGacRpArGasBpCiGcMAoMAHaKoEJSIDYEw8IJRCkaOxEKi4HhS10ERygZBmmAsWABnxUMUfSdEMM+A/VDOINgI6myibYa4DeWEekBMHxHOAmjOIcTayGgDyvZQkMv2X2QAAAABJRU5ErkJggg==", AA = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAMFJREFUOE+Vk70NwjAQRnMVJekQHRvACBkBNqCkgw0IHV0yAiOxAaGkgg3MuyAjix/nztInpbj34thfpHCsEELFeEMWpCMrcfAFgjPzM3Iia3LxCgLQQURqZC3PW6/gATQiR7IjV7OAN9YAe3IjE4XJ0iRI4H776bkNCnKwirKCITgrsMB/BVb4p8AD94KPeuo9l7EslpaqIK3nBujOVU0tcNzBdz0xeAQdw2Oi3X7VU0T/NtOKZ6Dw/F1PEf0s03oC+SBfAKxisH4AAAAASUVORK5CYII=", eA = ["onClick"], oA = ["src", "alt"], aA = ["src"], iA = ["src"], nA = ["id"], lA = /* @__PURE__ */ J({
-  name: `${V}-measurement`,
+}, Ae = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAQ9JREFUOE+dkjESAUEQRe0NOAEiIaEMERluQCYQcAKcACcgFLqBlQn3BsgFbsD7zKixdlbVTtWv7e3/+0937wY5z3lwXCrgJEkTkxIag6NC0MxqsDAG86wGoWk7vYP4vL69xPPq6rUDZ1574z+Pht2La6BioWXm9pmcIOpJBv9u/eE/I1iGUSLiPEQpyQ1eHRbhy5b//AeQTZIHMESw9RgMyG9AH81eGtdART1Qgrz75uGiC1yERtq3AUm1fAZriAnvM576icR9xaZmxrOM5mIN5iReSVABU8gOxe14zPvIvcwaqOVQbVG0JL4Sr1JijdtFUwgQDXjRYrQUfYUx2IFbSlyD0w6GMlBRVfNmONETek2ROovJNQ4AAAAASUVORK5CYII=", Ye = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAATBJREFUOE+lk4FNw0AMRbkJgAlYASYgTABMQNigTECZgDIBHaGdgHYCygZsAEwQ3ot8p2uUFqRasnKO7X/+PjsdDaTrunN+XaMN6lnZoCt0mVLyXCTVBskT7Of4t45ETYEu0W90CshLzisAJC/i5iXfliCDi+A/wZhHzAL/rc4eoLr5HodBO4XYFucr+kDsLAXnd37I72ZfcvZFtVK6EmDK4RE9HZa9CyzofOF/EmDVc0mpGXC2GoHlbrn2qEjJ42Cz5gT4AnXAJ8ZZ/Njgvxj4Z9h3VvAfgA8A8kz0OOQJ0P5Fwf5IYbKPgkEHNdHSbORbHo6a69g5nrHB1xw+SPmGapR9LidybJSdQJ+3DN3YMtmT46CVN0+alvyDuky+QC9bAPE8BnuLCcN1dom21vkXc/+iuK1zLp4AAAAASUVORK5CYII=", Ve = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAABHNCSVQICAgIfAhkiAAAAQBJREFUKFONk4EZwTAUhGUDG9AJsAETYAI1iZoEE6gJ2AAT6AjdoP6rpEKbtvm+95F7r5e7a2oG3iqKYs726mMN/xfGmJvDzR9BZvfHAEkMXkAQ1Qg4Xc0DtWYgbSJgZgV+prbMlIeUCmgM+XlRTxqyEVzMSv6EipjNHUECsKNmgI8Ogin9O7VnNjEwju3pJwDZ6Fw8I/mbUoXdyNsUgqzz6Y9lHSqlqQjkaWTl5z0Jvpl577701JPAZbZwIcrT0qpotWHlK8SLMnMEvYP8CZDMqptIw8kKvsomuz6BgpF8yQtlIXxGjXWJlNf/txCD6Tq3reoa1wgEWJlBAv9L1NAbCC98xCsG9JwAAAAASUVORK5CYII=", Ue = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAGZJREFUOE9j/A8EDEiAEQiQ+ehsDPUgAZgmZDYuQzDUowvgsx0mh2IhupOAihoJGFKP4mUQB2pII9DkBkIuAKoFqamHuQIcYKMGDPkwoHpeACYLQompASMpIwsQSokgebx5gdTsDADpy5nxGGvoWgAAAABJRU5ErkJggg==", We = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAMVJREFUKFOVkoENwiAQRWUCu4k6gbhBnaB0g47iBtYJdASdQLsJG+D7yUGw0agkP4Xj/7t/R92iWimlwLEDaws/+I7OuVOmOW0gNnzOwIMJXI2g88rOe4QxC0RQ1kDwMqvaqgq4c7dzZuNIQBleyFkIRyI56CVQ9gZy9l0XKHt46idKEK2x4S3TgvAObLt/BSFbWmJp86VCsRQg/t60slrjmnf/YaxKOHHn64fTSLdApTU5LQ80vRtoy8NV85Y9Yf5rjJnzBCCwZhr1an8TAAAAAElFTkSuQmCC", Ge = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAQFJREFUOE+VUzsSAUEQtZEj2FsQysjIyIRKtCmRkgnJyIRCmZURIZRxC07Be6pnq3e2Z5WuejX9mf5OT/QGVRRFIC37fOE+Fc5J86Eghfu+oiy7s+US+iXh0gvYAQPhjziHwA14AkmuZQoS5CGGPs49QHkMnIE1cBf+irPnqvgOTAIwc/OH8wR2JjADMEurJDOdSRugalXA/k6Bsp3zCnbOJ7ECsOe20bN2pn0eamEJQ8cbmO/cgH0B1EItzNS0LWe+Cp91agU4SHl8tpAzW7gA9SyAsUgjmTYHRgeWzczkqeNSZRQZq5zC2gW2QAxwN8hTRzkurLJW6OghvvQv/PudP2fPqPEaEaVuAAAAAElFTkSuQmCC", Qe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAABHNCSVQICAgIfAhkiAAAAPZJREFUOE/tk0EOwUAUhs0NLCyRLsTa2ooT4ATqRuICWhfA1ik4AYmtBCeo769OUq1pxk7ES740fW/eP2/+aU3NEUmSnCk1c+W2MUa5Upi/iL8nWom5Kx59DO24vFPeaeyPieBHnSPtoAs9fDm5fCl5QvOYxSOYwAUacIMjRIjFRbFUhMaAxxRCuMMcNrCwt5OJqz6AJcQI7tPboaiCkooZhcjuRE3TtMhJLA1yViTIhML8JBITV9AkW5p1DNusY2raIWgjHe05iV1U2ElialqDhPR+yBol8BJVf7FuR82BJvvodoq7+LxXfvY+Am898W3Mr/ueSR4JpmsW0RAzTwAAAABJRU5ErkJggg==", Ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWCAYAAAAb+hYkAAAABHNCSVQICAgIfAhkiAAAAR1JREFUOE+tk6FywkAURVlZ1SIqcK2owCE6g+YLWhwSiQOJI6hKcJXF9R9QqcUEybSmOFyLw4VzmSSThF0SGHbmTjbknXff7lxM5YJl8kwYhg1++0B6+qhtjPlP19mgJQUPaIa6KABqOaHIJaBgTKHH+5R9n32muc3pl8JbJGCA1jAaNVmuM82puEffqFl4JrVjrA6PT1QHWKVdtD9yiiBdgG7wEUjjZtZVoR6t31ENp01ZJ93aBFXzl3DqTBdBQzq+nevkAYzQDePtyp7pAOXjE8O2RNzxcYGekKKkHBamfEbhK/pBzxEk52RlnIiPXP7iQt7V4AWnqhPSBwp9Hkq5umu8L6BuERT/YwVuUSOfP1f2NKbgZelEpEex7fdW8nMXLD81JwAAAABJRU5ErkJggg==", Je = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAANCAYAAACtpZ5jAAAABHNCSVQICAgIfAhkiAAAAN9JREFUOE+1krENwjAUROMNGAEqWtLSkJIONgAmwB2MQAkTwAbABjBBwgYZIRuYd8gWIIHiFLZ0svX/3eX8Y5MlWiaRb5be2DnXJ/0E3I0xdexN0PXgzsADXRV0r8Q0C7YzEKkBK0iXNnMfpvQ60aU76RCMZaaUFuzBEOz+GIsbkm05j8ECLIFuPMC8CcaOwoGCJYWM121pP/oVuhydjI8g10iCseLrqzdQgCvN+S9zP9OR703ZN/4Gqun/SP9+FT6pmkqgkUQtdOIqRA2sxvBlHOXSgZT+HXcIE0VNlvgJ9ttGDjhkGwIAAAAASUVORK5CYII=", je = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAU5JREFUOE+dkjFLQzEURnsRRUW0uDkI3XQo0m6Odms3QRHHjk5SNzfd/Ac66iKKIm0nHf0HduncooibiLo5PM/3SCAvlmL74NDk3uTk3jSWG/FLkmSTLUeQhwMbcX8OQZ89H46FcQWvCGbBxhFssfEGvqCeEfzpz6wVt+jWNInXzOwhFmT7MysPEFwT24BlBD+x4JmE+puGSRYUQwGnzzF/g0tye8rFAtm34RtmYIWFqir9EOzycwUV4o8ZAckCgSdowz68wD0LtckLdCfrsEQ8iQUXBPRISjoV4SHjEygy77ry35mfMm94qQU3v0bw1p9IXPfQhw6xKvM643MoM++EAi3Sy1Lf8yQl8iXros6gBjq1QH7V59MW3NPsMdbbJm+lQDDBWP/MFCzCHfmdWKC+j52gwYLM4+EACdT7p9aEFaYVhLZB42EV/lcwtMJfrJ6SRKgz9VoAAAAASUVORK5CYII=", qe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAMZJREFUOE9jZACC////JwApeRCbSOAAVGcBxMsZgZpBnP1EakRX9h3ZAEdGRsYDUBf9B7IZsRkKtNAAKH4CiFmBuJskA6CaQa59CMQOQDs+EG0ANs0gF+IMA2Qv4NKMbgA8DJD9jk8zQQMIacZrADGacRpArGasBpCiGcMAoMAHaKoEJSIDYEw8IJRCkaOxEKi4HhS10ERygZBmmAsWABnxUMUfSdEMM+A/VDOINgI6myibYa4DeWEekBMHxHOAmjOIcTayGgDyvZQkMv2X2QAAAABJRU5ErkJggg==", Ze = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAMFJREFUOE+Vk70NwjAQRnMVJekQHRvACBkBNqCkgw0IHV0yAiOxAaGkgg3MuyAjix/nztInpbj34thfpHCsEELFeEMWpCMrcfAFgjPzM3Iia3LxCgLQQURqZC3PW6/gATQiR7IjV7OAN9YAe3IjE4XJ0iRI4H776bkNCnKwirKCITgrsMB/BVb4p8AD94KPeuo9l7EslpaqIK3nBujOVU0tcNzBdz0xeAQdw2Oi3X7VU0T/NtOKZ6Dw/F1PEf0s03oC+SBfAKxisH4AAAAASUVORK5CYII=", Xe = ["onClick"], et = ["src", "alt"], tt = ["src"], it = ["src"], st = ["id"], ot = /* @__PURE__ */ Se({
+  name: `${Me}-measurement`,
   __name: "Measurement",
-  props: G,
-  setup(v, { expose: S }) {
-    const g = v, t = N("measurement"), r = g.overlayContainerId || "cx-measurement-overlay", b = [
-      { key: "horizontal", label: "水平测距", icon: X },
-      { key: "vertical", label: "垂直测距", icon: q },
-      { key: "space", label: "空间测距", icon: AA },
-      { key: "triangle", label: "三角测量", icon: $ },
-      { key: "polyline", label: "折线测距", icon: _ },
-      { key: "area", label: "面积测量", icon: T },
-      { key: "circle", label: "圆形测量", icon: P },
-      { key: "rectangle", label: "矩形测量", icon: L },
-      { key: "regularPolygon", label: "正多边形", icon: j },
-      { key: "terrainHeight", label: "地形高度", icon: W },
-      { key: "coordinate", label: "坐标查询", icon: Z }
-    ], C = m(""), I = m(!1), o = m(null);
-    let n = null;
-    const c = Y("leitingMethods"), E = (A, e) => {
-      !A || !e || (n = A, o.value = new d({ Cesium: A, viewer: e }));
-    }, w = (A) => {
-      const e = a(c);
-      if (!o.value && e) {
-        const i = e.getCesium(), B = e.getViewer();
-        n = i, o.value = new d({ Cesium: i, viewer: B });
-      }
-      if (!(!o.value || !n)) {
-        if (A === "clear") {
-          R();
+  props: $e,
+  setup(W, { expose: i }) {
+    const e = W, t = De("measurement"), h = e.overlayContainerId || "cx-measurement-overlay", s = [
+      { key: "horizontal", label: "水平测距", icon: Je },
+      { key: "vertical", label: "垂直测距", icon: Ke },
+      { key: "space", label: "空间测距", icon: Ze },
+      { key: "triangle", label: "三角测量", icon: qe },
+      { key: "polyline", label: "折线测距", icon: je },
+      { key: "area", label: "面积测量", icon: Ge },
+      { key: "circle", label: "圆形测量", icon: We },
+      { key: "rectangle", label: "矩形测量", icon: Ue },
+      { key: "regularPolygon", label: "正多边形", icon: Ve },
+      { key: "terrainHeight", label: "地形高度", icon: Qe },
+      { key: "coordinate", label: "坐标查询", icon: Ye }
+    ], o = ae(""), d = ae(!1), n = ae(null);
+    let r = null;
+    const c = Oe("leitingMethods"), p = (u, C) => {
+      !u || !C || (r = u, n.value = new Pe({ Cesium: u, viewer: C }));
+    }, m = (u) => {
+      const C = U(c);
+      if (!n.value && C) {
+        const L = C.getCesium(), f = C.getViewer();
+        r = L, n.value = new Pe({ Cesium: L, viewer: f });
+      }
+      if (!(!n.value || !r)) {
+        if (u === "clear") {
+          g();
           return;
         }
-        C.value = A, o.value.measure(A, {
-          overlayContainerId: r,
-          color: n.Color.YELLOW.withAlpha(0.5),
-          lineColor: n.Color.fromCssColorString("#51ff00"),
-          dashLineColor: n.Color.RED,
-          pointColor: n.Color.YELLOW
+        o.value = u, n.value.measure(u, {
+          overlayContainerId: h,
+          color: r.Color.YELLOW.withAlpha(0.5),
+          lineColor: r.Color.fromCssColorString("#51ff00"),
+          dashLineColor: r.Color.RED,
+          pointColor: r.Color.YELLOW
         });
       }
-    }, R = () => {
-      o.value && (o.value.clearAll(), C.value = "");
-    }, p = () => {
-      o.value && o.value.toggleSpecifiedClear(r);
-    }, h = (A) => {
-      I.value = A;
+    }, g = () => {
+      n.value && (n.value.clearAll(), o.value = "");
+    }, l = () => {
+      n.value && n.value.toggleSpecifiedClear(h);
+    }, a = (u) => {
+      d.value = u;
     };
-    function k() {
-      if (o.value) return o.value;
-      const A = a(c), e = A?.getCesium?.(), i = A?.getViewer?.();
-      (e && i || g.Cesium && g.viewer) && E(e, i);
+    function w() {
+      if (n.value) return n.value;
+      const u = U(c), C = u?.getCesium?.(), L = u?.getViewer?.();
+      (C && L || e.Cesium && e.viewer) && p(C, L);
     }
-    return H(
+    return Fe(
       () => c?.value,
-      (A, e) => {
-        k();
+      (u, C) => {
+        w();
       },
       { deep: !1 }
-    ), y(() => {
-      k();
-    }), F(() => {
-      o.value && (o.value.clear(), o.value = null);
-    }), S({
-      init: E,
-      open: h,
-      tool: o,
-      setMeasurementInfo(A) {
-        o.value && (A.measurements?.forEach((e) => {
-          e.options = {
-            overlayContainerId: r,
-            color: n.Color.YELLOW,
-            lineColor: n.Color.fromCssColorString("#51ff00"),
-            dashLineColor: n.Color.RED,
-            pointColor: n.Color.YELLOW
+    ), ke(() => {
+      w();
+    }), Re(() => {
+      n.value && (n.value.clear(), n.value = null);
+    }), i({
+      init: p,
+      open: a,
+      tool: n,
+      setMeasurementInfo(u) {
+        n.value && (u.measurements?.forEach((C) => {
+          C.options = {
+            overlayContainerId: h,
+            color: r.Color.YELLOW,
+            lineColor: r.Color.fromCssColorString("#51ff00"),
+            dashLineColor: r.Color.RED,
+            pointColor: r.Color.YELLOW
           };
-        }), o.value.setMeasurementsConfig(A));
+        }), n.value.setMeasurementsConfig(u));
       },
       getMeasurementInfo() {
-        if (o.value) {
-          let A = o.value.getMeasurementsConfig();
-          return A.measurements?.forEach((e) => {
-            delete e.options;
-          }), A;
+        if (n.value) {
+          let u = n.value.getMeasurementsConfig();
+          return u.measurements?.forEach((C) => {
+            delete C.options;
+          }), u;
         }
         return {
           measurements: []
         };
       }
-    }), (A, e) => (f(), Q(U, null, [
-      K(l("div", {
-        class: s([a(t).b("box"), a(t).is("small", g.size === "small")])
+    }), (u, C) => (ce(), de(pe, null, [
+      He(K("div", {
+        class: ee([U(t).b("box"), U(t).is("small", e.size === "small")])
       }, [
-        (f(), Q(U, null, z(b, (i) => l("div", {
-          key: i.key,
-          class: s([a(t).be("box", "btn"), { active: C.value === i.key }]),
-          onClick: (B) => w(i.key)
+        (ce(), de(pe, null, _e(s, (L) => K("div", {
+          key: L.key,
+          class: ee([U(t).be("box", "btn"), { active: o.value === L.key }]),
+          onClick: (f) => m(L.key)
         }, [
-          l("div", {
-            class: s(a(t).be("box", "icon"))
+          K("div", {
+            class: ee(U(t).be("box", "icon"))
           }, [
-            l("img", {
-              src: i.icon,
-              alt: i.label
-            }, null, 8, oA)
+            K("img", {
+              src: L.icon,
+              alt: L.label
+            }, null, 8, et)
           ], 2),
-          u(" " + D(i.label), 1)
-        ], 10, eA)), 64)),
-        l("div", {
-          class: s(a(t).be("box", "btn")),
-          onClick: p
+          le(" " + Ne(L.label), 1)
+        ], 10, Xe)), 64)),
+        K("div", {
+          class: ee(U(t).be("box", "btn")),
+          onClick: l
         }, [
-          l("div", {
-            class: s(a(t).be("box", "icon"))
+          K("div", {
+            class: ee(U(t).be("box", "icon"))
           }, [
-            l("img", {
-              src: a(O),
+            K("img", {
+              src: U(Ae),
               alt: "指定清除"
-            }, null, 8, aA)
+            }, null, 8, tt)
           ], 2),
-          e[0] || (e[0] = u(" 指定清除 ", -1))
+          C[0] || (C[0] = le(" 指定清除 ", -1))
         ], 2),
-        l("div", {
-          class: s(a(t).be("box", "btn")),
-          onClick: R
+        K("div", {
+          class: ee(U(t).be("box", "btn")),
+          onClick: g
         }, [
-          l("div", {
-            class: s(a(t).be("box", "icon"))
+          K("div", {
+            class: ee(U(t).be("box", "icon"))
           }, [
-            l("img", {
-              src: a(O),
+            K("img", {
+              src: U(Ae),
               alt: "清除"
-            }, null, 8, iA)
+            }, null, 8, it)
           ], 2),
-          e[1] || (e[1] = u(" 清除全部 ", -1))
+          C[1] || (C[1] = le(" 清除全部 ", -1))
         ], 2)
       ], 2), [
-        [x, I.value]
+        [ze, d.value]
       ]),
-      l("div", {
-        id: a(r),
-        class: s(a(t).be("box", "container"))
-      }, null, 10, nA)
+      K("div", {
+        id: U(h),
+        class: ee(U(t).be("box", "container"))
+      }, null, 10, st)
     ], 64));
   }
-}), rA = M(lA);
+}), lt = Te(ot);
 export {
-  rA as CxMeasurement,
-  rA as default,
-  G as measurementProps
+  lt as CxMeasurement,
+  lt as default,
+  $e as measurementProps
 };
 //# sourceMappingURL=measurement.js.map