leiting-bim 2.1.160 → 2.1.161

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

@@ -1,7 +1,29 @@
-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-CbiNlyAM.js";
-class me {
+import { p as Te, c as De, w as Se } from "../create-DynflqE1.js";
+import { defineComponent as ke, ref as ce, inject as Fe, watch as _e, onMounted as He, onUnmounted as Oe, openBlock as ge, createElementBlock as ue, Fragment as ye, withDirectives as Re, createElementVNode as K, normalizeClass as ee, unref as G, renderList as Ne, createTextVNode as de, toDisplayString as ze, vShow as Be } from "vue";
+import { H as _, M as $e } from "../HtmlOverlayLabelPool-CbiNlyAM.js";
+class pe {
+  tooltipEl;
+  visible = !1;
+  offsetX = 10;
+  offsetY = -20;
+  onMouseMove = null;
+  constructor() {
+    this.tooltipEl = document.createElement("div"), this.tooltipEl.style.position = "fixed", this.tooltipEl.style.pointerEvents = "none", this.tooltipEl.style.zIndex = "10000", this.tooltipEl.style.padding = "4px 8px", this.tooltipEl.style.borderRadius = "4px", this.tooltipEl.style.background = "rgba(0, 0, 0, 0.7)", this.tooltipEl.style.color = "#fff", this.tooltipEl.style.fontSize = "13px", this.tooltipEl.style.transition = "opacity 0.1s ease", this.tooltipEl.style.opacity = "0", document.body.appendChild(this.tooltipEl), this.onMouseMove = (i) => {
+      this.visible && (this.tooltipEl.style.left = `${i.clientX + this.offsetX}px`, this.tooltipEl.style.top = `${i.clientY + this.offsetY}px`);
+    }, window.addEventListener("mousemove", this.onMouseMove);
+  }
+  show(i) {
+    this.tooltipEl.innerText = i, this.tooltipEl.style.opacity = "1", this.visible = !0;
+  }
+  hide() {
+    this.tooltipEl.style.opacity = "0", this.visible = !1;
+  }
+  destroy() {
+    this.onMouseMove && (window.removeEventListener("mousemove", this.onMouseMove), this.onMouseMove = null), this.tooltipEl.parentElement && this.tooltipEl.parentElement.removeChild(this.tooltipEl);
+  }
+}
+class re {
+  static TIP_TEXT = "单击左键添加点，右键撤销，双击左键或Esc结束";
   Cesium;
   viewer;
   handler = null;
@@ -20,6 +42,12 @@ class me {
   groundLineEntities = [];
   previewPos = null;
   previewGroundPos = null;
+  tooltip = null;
+  moveFrameId = null;
+  pendingMove = null;
+  lastMoveKey = null;
+  keydownHandler = null;
+  contextMenuHandler = null;
   constructor(i, e) {
     this.Cesium = i, this.viewer = e;
   }
@@ -27,8 +55,8 @@ class me {
     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", {
+      const a = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new _(e, t, a), 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";
         },
@@ -40,8 +68,8 @@ class me {
         options: { offset: { x: 0, y: -10 } }
       });
     }
-    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
-      const s = t.scene.pickPosition(h.position);
+    this.tooltip = new pe(), this.tooltip.show(re.TIP_TEXT), this._bindGlobalEvents(i, e, t), this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((a) => {
+      const s = t.scene.pickPosition(a.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);
@@ -56,21 +84,21 @@ class me {
         }
       });
       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({
+      const p = s, m = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED, g = t.entities.add({
         polyline: {
-          positions: [m, r],
+          positions: [p, r],
           width: i.width || 3,
           material: new e.PolylineDashMaterialProperty({
-            color: g,
+            color: m,
             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({
+      if (this.groundLineEntities.push(g), this.positions.length >= 2) {
+        const h = this.positions[this.positions.length - 2], l = this.positions[this.positions.length - 1], w = e.Cartographic.fromCartesian(h), u = e.Cartographic.fromCartesian(l), C = t.entities.add({
           polyline: {
-            positions: [a, w],
+            positions: [h, l],
             width: i.width || 3,
             material: i.lineColor || i.color || e.Color.YELLOW,
             depthFailMaterial: new e.PolylineDashMaterialProperty({
@@ -80,165 +108,212 @@ class me {
             })
           }
         });
-        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` },
+        this.segmentEntities.push(C);
+        const f = new e.EllipsoidGeodesic(w, u).surfaceDistance, v = new e.Cartesian3(
+          (h.x + l.x) / 2,
+          (h.y + l.y) / 2,
+          (h.z + l.z) / 2
+        ), y = e.Cartographic.fromCartesian(v), b = `measure_horizontal_seg_${this.segmentLabelIds.length}_${Date.now()}`;
+        this.segmentLabelIds.push(b), this.htmlLabelPool.add(
+          { text: `${f.toFixed(2)} m` },
           {
-            id: E,
-            lon: e.Math.toDegrees(v.longitude),
-            lat: e.Math.toDegrees(v.latitude),
-            height: v.height || this.firstHeight || 0,
+            id: b,
+            lon: e.Math.toDegrees(y.longitude),
+            lat: e.Math.toDegrees(y.latitude),
+            height: y.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
-          })
+      this._finishMeasurement(i, e);
+    }, e.ScreenSpaceEventType.LEFT_DOUBLE_CLICK), this.handler.setInputAction(() => {
+      this._undoLastPoint();
+    }, e.ScreenSpaceEventType.RIGHT_CLICK), this.handler.setInputAction((a) => {
+      this.pendingMove = {
+        endPosition: {
+          x: a.endPosition?.x,
+          y: a.endPosition?.y
         }
+      }, this.moveFrameId == null && (this.moveFrameId = window.requestAnimationFrame(() => {
+        this.moveFrameId = null;
+        const s = this.pendingMove;
+        if (this.pendingMove = null, !s?.endPosition) return;
+        const o = `${s.endPosition.x}_${s.endPosition.y}`;
+        o !== this.lastMoveKey && (this.lastMoveKey = o, this._handlePreviewMove(s, i, e, t));
       }));
     }, e.ScreenSpaceEventType.MOUSE_MOVE);
   }
+  _handlePreviewMove(i, e, t, a) {
+    if (this.positions.length === 0) return;
+    const s = a.scene.pickPosition(i.endPosition);
+    if (!s) return;
+    this.hoverPos = s;
+    const o = t.Cartographic.fromCartesian(s), d = t.Math.toDegrees(o.longitude), n = t.Math.toDegrees(o.latitude), r = t.Cartesian3.fromDegrees(d, n, this.firstHeight || 0);
+    this.previewPos = r, this.previewGroundPos = s;
+    const c = this.positions[this.positions.length - 1], p = t.Cartographic.fromCartesian(c), m = t.Cartographic.fromCartesian(r), h = new t.EllipsoidGeodesic(p, m).surfaceDistance, l = new t.Cartesian3(
+      (c.x + r.x) / 2,
+      (c.y + r.y) / 2,
+      (c.z + r.z) / 2
+    ), w = t.Cartographic.fromCartesian(l), u = this.previewLabelId || "measure_horizontal_preview";
+    this.previewLabelId = u, this.htmlLabelPool.add(
+      { text: `${h.toFixed(2)} m` },
+      {
+        id: u,
+        lon: t.Math.toDegrees(w.longitude),
+        lat: t.Math.toDegrees(w.latitude),
+        height: w.height || this.firstHeight || 0,
+        theme: "measure-horizontal-seg",
+        show: !0
+      }
+    );
+    const C = (e.dashLineColor || e.lineColor || e.color || t.Color.RED).withAlpha?.(0.9) || t.Color.RED;
+    this.previewGroundEntity || (this.previewGroundEntity = a.entities.add({
+      polyline: {
+        positions: new t.CallbackProperty(() => !this.previewPos || !this.previewGroundPos ? [] : [this.previewGroundPos, this.previewPos], !1),
+        width: e.width || 3,
+        material: new t.PolylineDashMaterialProperty({
+          color: C,
+          dashLength: 12,
+          dashPattern: 255
+        })
+      }
+    })), this.previewEntity || (this.previewEntity = a.entities.add({
+      polyline: {
+        positions: new t.CallbackProperty(() => !this.previewPos || !this.positions.length ? [] : [this.positions[this.positions.length - 1], this.previewPos], !1),
+        width: e.width || 3,
+        material: e.lineColor || e.color || t.Color.YELLOW,
+        depthFailMaterial: new t.PolylineDashMaterialProperty({
+          color: (e.dashLineColor || e.lineColor || e.color || t.Color.RED).withAlpha?.(0.9) || t.Color.RED,
+          dashLength: 12,
+          dashPattern: 255
+        })
+      }
+    }));
+  }
+  _clearPreviewState() {
+    this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewGroundEntity && (this.viewer.entities.remove(this.previewGroundEntity), this.previewGroundEntity = null), this.previewPos = null, this.previewGroundPos = null, this.hoverPos = null;
+  }
+  _undoLastPoint() {
+    if (!this.positions.length) return;
+    this.positions.pop();
+    const i = this.tempPoints.pop();
+    i && this.viewer.entities.remove(i);
+    const e = this.groundLineEntities.pop();
+    if (e && this.viewer.entities.remove(e), this.segmentEntities.length > this.positions.length - 1) {
+      const t = this.segmentEntities.pop();
+      t && this.viewer.entities.remove(t);
+    }
+    if (this.segmentLabelIds.length > this.positions.length - 1 && this.htmlLabelPool) {
+      const t = this.segmentLabelIds.pop();
+      t && this.htmlLabelPool.removeByIds([t]);
+    }
+    if (!this.positions.length) {
+      this.firstHeight = null, this._clearPreviewState();
+      return;
+    }
+    this.totalLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.totalLabelId]), this.totalLabelId = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null);
+  }
+  _finishMeasurement(i, e) {
+    if (this.positions.length < 2) {
+      this.clear();
+      return;
+    }
+    this.stop(), this._clearPreviewState();
+    let t = 0;
+    for (let n = 1; n < this.positions.length; n++) {
+      const r = this.positions[n - 1], c = this.positions[n], p = e.Cartographic.fromCartesian(r), m = e.Cartographic.fromCartesian(c), g = new e.EllipsoidGeodesic(p, m);
+      t += g.surfaceDistance;
+    }
+    const a = this.positions[this.positions.length - 1], s = e.Cartographic.fromCartesian(a), o = this.totalLabelId || `measure_horizontal_total_${Date.now()}`;
+    this.totalLabelId = o, this.htmlLabelPool.add(
+      { text: `${t.toFixed(2)} m` },
+      {
+        id: o,
+        lon: e.Math.toDegrees(s.longitude),
+        lat: e.Math.toDegrees(s.latitude),
+        height: s.height || this.firstHeight || 0,
+        theme: "measure-horizontal-total",
+        show: !0
+      }
+    ), this.labelEntity = this.totalLabelId;
+    const d = {
+      entity: this.segmentEntities,
+      label: this.labelEntity,
+      segmentLabels: this.segmentLabelIds,
+      positions: this.positions,
+      distance: t,
+      clear: () => this.clear()
+    };
+    i.onComplete?.(d);
+  }
+  _bindGlobalEvents(i, e, t) {
+    this.keydownHandler = (a) => {
+      a.key === "Escape" && (a.preventDefault(), this._finishMeasurement(i, e));
+    }, window.addEventListener("keydown", this.keydownHandler), this.contextMenuHandler = (a) => {
+      a.preventDefault();
+    }, t.canvas.addEventListener("contextmenu", this.contextMenuHandler);
+  }
   stop() {
-    this.handler && (this.handler.destroy(), this.handler = null);
+    this.moveFrameId != null && (cancelAnimationFrame(this.moveFrameId), this.moveFrameId = null), this.pendingMove = null, this.lastMoveKey = null, this.keydownHandler && (window.removeEventListener("keydown", this.keydownHandler), this.keydownHandler = null), this.contextMenuHandler && (this.viewer.canvas.removeEventListener("contextmenu", this.contextMenuHandler), this.contextMenuHandler = null), this.handler && (this.handler.destroy(), this.handler = null), this.tooltip && (this.tooltip.destroy(), this.tooltip = 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]));
+    const t = this.Cesium, a = 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((h) => new t.Cartesian3(h[0], h[1], h[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";
+      const h = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new _(t, a, h), this.htmlLabelPool.registerTheme("measure-horizontal-total", {
+        createElement: (l, w) => {
+          l.innerHTML = String(w?.data?.text || ""), l.style.background = "rgba(0,0,0,0.6)", l.style.color = "#fff", l.style.font = "14px sans-serif", l.style.padding = "4px 6px", l.style.borderRadius = "4px", l.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";
+        createElement: (l, w) => {
+          l.innerHTML = String(w?.data?.text || ""), l.style.background = "rgba(0,0,0,0.6)", l.style.color = "#fff", l.style.font = "14px sans-serif", l.style.padding = "4px 6px", l.style.borderRadius = "4px", l.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({
+    for (const h of r) {
+      const l = a.entities.add({ position: h, point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
+      this.tempPoints.push(l);
+      const w = t.Cartographic.fromCartesian(h), u = t.Math.toDegrees(w.longitude), C = t.Math.toDegrees(w.latitude), L = a.scene.globe.getHeight(new t.Cartographic(w.longitude, w.latitude, 0)) || 0, f = t.Cartesian3.fromDegrees(u, C, L), v = a.entities.add({
         polyline: {
-          positions: [f, l],
+          positions: [f, h],
           width: n,
           material: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 })
         }
       });
-      this.groundLineEntities.push(b);
+      this.groundLineEntities.push(v);
     }
-    for (let l = 1; l < r.length; l++) {
-      const a = r[l - 1], w = r[l], u = h.entities.add({
+    for (let h = 1; h < r.length; h++) {
+      const l = r[h - 1], w = r[h], u = a.entities.add({
         polyline: {
-          positions: [a, w],
+          positions: [l, 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` }, {
+      const C = t.Cartographic.fromCartesian(l), L = t.Cartographic.fromCartesian(w), v = new t.EllipsoidGeodesic(C, L).surfaceDistance, y = new t.Cartesian3((l.x + w.x) / 2, (l.y + w.y) / 2, (l.z + w.z) / 2), b = t.Cartographic.fromCartesian(y), E = i.id + `_seg_${h - 1}`;
+      this.segmentLabelIds.push(E), this.htmlLabelPool.add({ text: `${v.toFixed(2)} m` }, {
         id: E,
-        lon: t.Math.toDegrees(v.longitude),
-        lat: t.Math.toDegrees(v.latitude),
-        height: v.height || 0,
+        lon: t.Math.toDegrees(b.longitude),
+        lat: t.Math.toDegrees(b.latitude),
+        height: b.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);
+    for (let h = 1; h < r.length; h++) {
+      const l = t.Cartographic.fromCartesian(r[h - 1]), w = t.Cartographic.fromCartesian(r[h]), u = new t.EllipsoidGeodesic(l, w);
       c += u.surfaceDistance;
     }
     const p = r[r.length - 1], m = t.Cartographic.fromCartesian(p), g = i.id + "_total";
@@ -253,7 +328,7 @@ class me {
     });
   }
 }
-class ge {
+class we {
   Cesium;
   viewer;
   handler = null;
@@ -275,18 +350,18 @@ class ge {
     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", {
+      const a = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new _(e, t, a), 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);
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((a) => {
+      const s = t.camera.getPickRay(a.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 (o || (o = t.camera.pickEllipsoid(a.position, e.Ellipsoid.WGS84)), o || (o = t.scene.pickPosition(a.position)), !!o)
         if (this.positions.length === 0) {
           const d = e.Cartographic.fromCartesian(o);
           this.baseCarto = new e.Cartographic(d.longitude, d.latitude, 0);
@@ -316,31 +391,31 @@ class ge {
           });
         } else {
           if (!this.baseCarto || !this.baseUp) return;
-          const d = this.positions[0], n = t.camera.getPickRay(h.position);
+          const d = this.positions[0], n = t.camera.getPickRay(a.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;
+          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()), h = e.Cartesian3.dot(c, c), l = -e.Cartesian3.dot(c, m), w = e.Cartesian3.dot(m, m), u = -e.Cartesian3.dot(c, g), C = e.Cartesian3.dot(m, g), L = h * w - l * l;
           if (Math.abs(L) < 1e-6) return;
-          const f = (l * C - a * u) / L, b = e.Cartesian3.add(
+          const f = (h * C - l * u) / L, v = 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.positions[1] = v, 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, b = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED;
           this.entity = t.entities.add({
             polyline: {
-              positions: [d, b],
+              positions: [d, v],
               width: i.width || 3,
               material: y,
               depthFailMaterial: new e.PolylineDashMaterialProperty({
-                color: v,
+                color: b,
                 dashLength: 12,
                 dashPattern: 255
               })
             }
           });
           const E = t.entities.add({
-            position: b,
+            position: v,
             point: {
               pixelSize: 8,
               color: i.pointColor || i.color || e.Color.YELLOW,
@@ -348,7 +423,7 @@ class ge {
             }
           });
           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(
+          const x = this.baseCarto, T = e.Cartographic.fromCartesian(v), M = Math.abs((T.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
@@ -376,28 +451,28 @@ class ge {
           };
           i.onComplete?.(S);
         }
-    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((a) => {
       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 T = e.Cartographic.fromCartesian(this.positions[0]);
+        this.baseCarto = new e.Cartographic(T.longitude, T.latitude, T.height || 0), this.baseUp = e.Ellipsoid.WGS84.geodeticSurfaceNormalCartographic(this.baseCarto);
       }
-      const s = this.positions[0], o = t.camera.getPickRay(h.endPosition);
+      const s = this.positions[0], o = t.camera.getPickRay(a.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;
+      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), h = e.Cartesian3.dot(c, c), l = -e.Cartesian3.dot(n, p), w = e.Cartesian3.dot(c, p), u = m * h - g * g;
       if (Math.abs(u) < 1e-6) return;
-      const C = (m * w - g * a) / u, L = e.Cartesian3.add(
+      const C = (m * w - g * l) / 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;
+        const T = 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,
+            material: T,
             depthFailMaterial: new e.PolylineDashMaterialProperty({
               color: M,
               dashLength: 12,
@@ -414,11 +489,11 @@ class ge {
           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(
+      const f = this.baseCarto, v = e.Cartographic.fromCartesian(L), y = Math.abs((v.height || 0) - (f.height || 0)), b = 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";
+      ), E = e.Cartographic.fromCartesian(b), x = this.previewLabelId || "measure_vertical_preview";
       this.previewLabelId = x, this.htmlLabelPool.add(
         { text: `${y.toFixed(2)} m` },
         {
@@ -440,20 +515,20 @@ class ge {
     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]));
+    const t = this.Cesium, a = 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";
+      this.htmlLabelPool = e || new _(t, a, f), this.htmlLabelPool.registerTheme("measure-vertical", {
+        createElement: (v, y) => {
+          v.innerHTML = String(y?.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 } }
       });
     }
-    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";
+    const c = r[0], p = r[1], m = a.entities.add({ position: c, point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } }), g = a.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 = a.entities.add({ polyline: { positions: [c, p], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) } });
+    const h = t.Cartographic.fromCartesian(c), l = t.Cartographic.fromCartesian(p), w = Math.abs((l.height || 0) - (h.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),
@@ -465,7 +540,7 @@ class ge {
     });
   }
 }
-class ue {
+class fe {
   Cesium;
   viewer;
   handler = null;
@@ -494,8 +569,8 @@ class ue {
     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", {
+      const a = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new _(e, t, a), 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";
         },
@@ -512,8 +587,8 @@ class ue {
         options: { offset: { x: 0, y: -10 } }
       });
     }
-    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
-      const s = t.scene.pickPosition(h.position);
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((a) => {
+      const s = t.scene.pickPosition(a.position);
       if (!s) return;
       this.positions.push(s);
       const o = t.entities.add({
@@ -528,20 +603,20 @@ class ue {
         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(
+        const h = Math.max(r, c), l = e.Cartesian3.fromDegrees(
           e.Math.toDegrees(g.longitude),
           e.Math.toDegrees(g.latitude),
-          l
+          h
         ), 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],
+            positions: [p, l],
             width: i.width || 3,
             material: w,
             depthFailMaterial: new e.PolylineDashMaterialProperty({ color: u, dashLength: 12, dashPattern: 255 })
           }
         }), L = t.entities.add({
           polyline: {
-            positions: [a, m],
+            positions: [l, m],
             width: i.width || 3,
             material: w,
             depthFailMaterial: new e.PolylineDashMaterialProperty({ color: u, dashLength: 12, dashPattern: 255 })
@@ -555,68 +630,68 @@ class ue {
           }
         });
         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 v = e.Cartesian3.distance(p, l), y = e.Cartesian3.distance(l, m), b = e.Cartesian3.distance(p, m), E = new e.Cartesian3((p.x + l.x) / 2, (p.y + l.y) / 2, (p.z + l.z) / 2), x = new e.Cartesian3((l.x + m.x) / 2, (l.y + m.y) / 2, (l.z + m.z) / 2), T = 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(T), I = "measure_triangle_seg_v", S = "measure_triangle_seg_h", H = "measure_triangle_seg_hyp";
+        this.segmentLabelIds = [I, S, H], this.htmlLabelPool.add({ text: `${v.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: `${b.toFixed(2)} m` }, { id: H, 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 k = e.Cartesian3.subtract(m, p, new e.Cartesian3()), F = e.Cartesian3.subtract(l, p, new e.Cartesian3()), N = e.Cartesian3.subtract(l, m, new e.Cartesian3()), z = e.Cartesian3.subtract(p, m, new e.Cartesian3()), W = e.Cartesian3.dot(k, F), X = Math.sqrt(e.Cartesian3.dot(k, k)) * Math.sqrt(e.Cartesian3.dot(F, F)), Z = 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(W / (X || 1), -1), 1)), ie = Math.acos(Math.min(Math.max(Z / (oe || 1), -1), 1)), se = e.Cartographic.fromCartesian(p), O = e.Cartographic.fromCartesian(m), U = "measure_triangle_angle_a", B = "measure_triangle_angle_b";
+        this.angleLabelIds = [U, B], this.htmlLabelPool.add({ text: `${(te * 180 / Math.PI).toFixed(2)}°` }, { id: U, 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(O.longitude), lat: e.Math.toDegrees(O.latitude), height: O.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)), R = Math.min(v, y) * j;
+        if (v > 1e-3 && y > 1e-3) {
           const $ = e.Cartesian3.normalize(
-            e.Cartesian3.subtract(p, a, new e.Cartesian3()),
+            e.Cartesian3.subtract(p, l, new e.Cartesian3()),
             new e.Cartesian3()
           ), J = e.Cartesian3.normalize(
-            e.Cartesian3.subtract(m, a, new e.Cartesian3()),
+            e.Cartesian3.subtract(m, l, new e.Cartesian3()),
             new e.Cartesian3()
           ), Y = new e.Cartesian3(
-            a.x + $.x * _,
-            a.y + $.y * _,
-            a.z + $.z * _
+            l.x + $.x * R,
+            l.y + $.y * R,
+            l.z + $.z * R
           ), 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 * _
+            l.x + J.x * R,
+            l.y + J.y * R,
+            l.z + J.z * R
+          ), D = new e.Cartesian3(
+            l.x + $.x * R + J.x * R,
+            l.y + $.y * R + J.y * R,
+            l.z + $.z * R + J.z * R
           ), q = t.entities.add({
             polyline: {
-              positions: [Y, T],
+              positions: [Y, D],
               width: i.width || 3,
               material: w,
               depthFailMaterial: new e.PolylineDashMaterialProperty({ color: u, dashLength: 12, dashPattern: 255 })
             }
-          }), re = t.entities.add({
+          }), he = t.entities.add({
             polyline: {
-              positions: [V, T],
+              positions: [V, D],
               width: i.width || 3,
               material: w,
               depthFailMaterial: new e.PolylineDashMaterialProperty({ color: u, dashLength: 12, dashPattern: 255 })
             }
           });
-          this.angleMarkerEntities.push(q, re);
+          this.angleMarkerEntities.push(q, he);
         }
         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 },
+          positions: [p, m, l],
+          lengths: { vertical: v, horizontal: y, hypotenuse: b },
           angles: { acuteA: te, acuteB: ie },
           clear: () => this.clear()
         };
         i.onComplete?.(ne);
       }
-    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((a) => {
       if (this.positions.length !== 1) return;
-      const s = t.scene.pickPosition(h.endPosition);
+      const s = t.scene.pickPosition(a.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(
+      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), h = 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;
+      this.previewLow = c, this.previewHigh = p, this.previewThird = h;
+      const l = 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: {
@@ -625,66 +700,66 @@ class ue {
           disableDepthTestDistance: Number.POSITIVE_INFINITY
         }
       }), !this.previewSegmentEntities.length) {
-        const G = t.entities.add({
+        const U = t.entities.add({
           polyline: {
             positions: new e.CallbackProperty(() => !this.previewLow || !this.previewThird ? [] : [this.previewLow, this.previewThird], !1),
             width: i.width || 3,
-            material: a,
+            material: l,
             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,
+            material: l,
             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,
+            material: l,
             depthFailMaterial: new e.PolylineDashMaterialProperty({ color: w, dashLength: 12, dashPattern: 255 })
           }
         });
-        this.previewSegmentEntities.push(G, B, j);
+        this.previewSegmentEntities.push(U, 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;
+      const u = e.Cartesian3.distance(c, h), C = e.Cartesian3.distance(h, p), L = e.Cartesian3.distance(c, p), f = e.Cartesian3.subtract(p, c, new e.Cartesian3()), v = e.Cartesian3.subtract(h, c, new e.Cartesian3()), y = e.Cartesian3.subtract(h, p, new e.Cartesian3()), b = e.Cartesian3.subtract(c, p, new e.Cartesian3()), E = e.Cartesian3.dot(f, v), x = Math.sqrt(e.Cartesian3.dot(f, f)) * Math.sqrt(e.Cartesian3.dot(v, v)), T = e.Cartesian3.dot(y, b), M = Math.sqrt(e.Cartesian3.dot(y, y)) * Math.sqrt(e.Cartesian3.dot(b, b)), P = Math.acos(Math.min(Math.max(E / (x || 1), -1), 1)), A = Math.acos(Math.min(Math.max(T / (M || 1), -1), 1)), I = new e.Cartesian3((c.x + h.x) / 2, (c.y + h.y) / 2, (c.z + h.z) / 2), S = new e.Cartesian3((h.x + p.x) / 2, (h.y + p.y) / 2, (h.z + p.z) / 2), H = new e.Cartesian3((c.x + p.x) / 2, (c.y + p.y) / 2, (c.z + p.z) / 2), k = e.Cartographic.fromCartesian(I), F = e.Cartographic.fromCartesian(S), N = e.Cartographic.fromCartesian(H), z = e.Cartographic.fromCartesian(c), W = e.Cartographic.fromCartesian(p), X = "measure_triangle_seg_v", Z = "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 = [X, Z, oe]), this.angleLabelIds.length === 0 && (this.angleLabelIds = [te, ie]), this.htmlLabelPool.add({ text: `${u.toFixed(2)} m` }, { id: X, lon: e.Math.toDegrees(k.longitude), lat: e.Math.toDegrees(k.latitude), height: k.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } }), this.htmlLabelPool.add({ text: `${C.toFixed(2)} m` }, { id: Z, 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(W.longitude), lat: e.Math.toDegrees(W.latitude), height: W.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)), O = 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()),
+        const U = e.Cartesian3.normalize(
+          e.Cartesian3.subtract(c, h, new e.Cartesian3()),
           new e.Cartesian3()
         ), B = e.Cartesian3.normalize(
-          e.Cartesian3.subtract(p, l, new e.Cartesian3()),
+          e.Cartesian3.subtract(p, h, 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
+          h.x + U.x * O,
+          h.y + U.y * O,
+          h.z + U.z * O
+        ), R = new e.Cartesian3(
+          h.x + B.x * O,
+          h.y + B.y * O,
+          h.z + B.z * O
         ), 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
+          h.x + U.x * O + B.x * O,
+          h.y + U.y * O + B.y * O,
+          h.z + U.z * O + B.z * O
         );
-        if (this.previewMarkerP1 = j, this.previewMarkerP2 = _, this.previewMarkerCorner = ne, !this.previewAngleMarkerEntities.length) {
+        if (this.previewMarkerP1 = j, this.previewMarkerP2 = R, 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,
+              material: l,
               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,
+              material: l,
               depthFailMaterial: new e.PolylineDashMaterialProperty({ color: w, dashLength: 12, dashPattern: 255 })
             }
           });
@@ -700,53 +775,53 @@ class ue {
     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]));
+    const t = this.Cesium, a = 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";
+      this.htmlLabelPool = e || new _(t, a, V), this.htmlLabelPool.registerTheme("measure-triangle", {
+        createElement: (D, q) => {
+          D.innerHTML = String(q?.data?.text || ""), D.style.background = "rgba(0,0,0,0.6)", D.style.color = "#fff", D.style.font = "14px sans-serif", D.style.padding = "4px 6px", D.style.borderRadius = "4px", D.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";
+        createElement: (D, q) => {
+          D.innerHTML = String(q?.data?.text || ""), D.style.background = "rgba(0,0,0,0.6)", D.style.color = "#fff", D.style.font = "14px sans-serif", D.style.padding = "4px 6px", D.style.borderRadius = "4px", D.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";
+        createElement: (D, q) => {
+          D.innerHTML = String(q?.data?.text || ""), D.style.background = "rgba(0,0,0,0.6)", D.style.color = "#fff", D.style.font = "14px sans-serif", D.style.padding = "4px 6px", D.style.borderRadius = "4px", D.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 } });
+    const c = t.Cartographic.fromCartesian(r[0]), p = t.Cartographic.fromCartesian(r[1]), m = c.height || 0, g = p.height || 0, h = m <= g ? r[0] : r[1], l = m > g ? r[0] : r[1], w = a.entities.add({ position: h, point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } }), u = a.entities.add({ position: l, 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(
+    const C = t.Cartographic.fromCartesian(h), 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 }) }
+    ), v = a.entities.add({
+      polyline: { positions: [h, f], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) }
+    }), y = a.entities.add({
+      polyline: { positions: [f, l], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) }
+    }), b = a.entities.add({
+      polyline: { positions: [h, l], 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" } });
+    this.segmentEntities.push(v, y, b);
+    const E = t.Cartesian3.distance(h, f), x = t.Cartesian3.distance(f, l), T = t.Cartesian3.distance(h, l), M = new t.Cartesian3((h.x + f.x) / 2, (h.y + f.y) / 2, (h.z + f.z) / 2), P = new t.Cartesian3((f.x + l.x) / 2, (f.y + l.y) / 2, (f.z + l.z) / 2), A = new t.Cartesian3((h.x + l.x) / 2, (h.y + l.y) / 2, (h.z + l.z) / 2), I = t.Cartographic.fromCartesian(M), S = t.Cartographic.fromCartesian(P), H = t.Cartographic.fromCartesian(A), k = i.id + "_tri_v", F = i.id + "_tri_h", N = i.id + "_tri_hyp";
+    this.segmentLabelIds = [k, F, N], this.htmlLabelPool.add({ text: `${E.toFixed(2)} m` }, { id: k, 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: `${T.toFixed(2)} m` }, { id: N, lon: t.Math.toDegrees(H.longitude), lat: t.Math.toDegrees(H.latitude), height: H.height || 0, theme: "measure-triangle-seg", show: !0, style: { pointerEvents: "none", userSelect: "none", cursor: "default" } });
+    const z = t.Cartesian3.subtract(l, h, new t.Cartesian3()), W = t.Cartesian3.subtract(f, h, new t.Cartesian3()), X = t.Cartesian3.subtract(f, l, new t.Cartesian3()), Z = t.Cartesian3.subtract(h, l, new t.Cartesian3()), oe = t.Cartesian3.dot(z, W), te = Math.sqrt(t.Cartesian3.dot(z, z)) * Math.sqrt(t.Cartesian3.dot(W, W)), ie = t.Cartesian3.dot(X, Z), se = Math.sqrt(t.Cartesian3.dot(X, X)) * Math.sqrt(t.Cartesian3.dot(Z, Z)), O = Math.acos(Math.min(Math.max(oe / (te || 1), -1), 1)), U = Math.acos(Math.min(Math.max(ie / (se || 1), -1), 1)), B = t.Cartographic.fromCartesian(h), j = t.Cartographic.fromCartesian(l), R = s.labelText || { angle: "角度" }, ne = i.id + "_tri_angA", $ = i.id + "_tri_angB";
+    this.angleLabelIds = [ne, $], this.htmlLabelPool.add({ text: `${R.angle}:${(O * 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: `${R.angle}:${(U * 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);
+      const V = t.Cartesian3.normalize(t.Cartesian3.subtract(h, f, new t.Cartesian3()), new t.Cartesian3()), D = t.Cartesian3.normalize(t.Cartesian3.subtract(l, 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), he = new t.Cartesian3(f.x + D.x * Y, f.y + D.y * Y, f.z + D.z * Y), me = new t.Cartesian3(f.x + V.x * Y + D.x * Y, f.y + V.y * Y + D.y * Y, f.z + V.z * Y + D.z * Y), xe = a.entities.add({ polyline: { positions: [q, me], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) } }), Me = a.entities.add({ polyline: { positions: [he, me], width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) } });
+      this.angleMarkerEntities.push(xe, Me);
     }
   }
 }
-class ye {
+class Ce {
   Cesium;
   viewer;
   handler = null;
@@ -766,16 +841,16 @@ class ye {
     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", {
+      const a = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new _(e, t, a), 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);
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((a) => {
+      const s = t.scene.pickPosition(a.position);
       if (!s) return;
       this.positions.push(s);
       const o = t.entities.add({
@@ -801,11 +876,11 @@ class ye {
             })
           }
         });
-        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(
+        const p = e.Cartesian3.distance(d, n), m = n, g = e.Cartographic.fromCartesian(m), h = this.htmlLabelId || `measure_space_${Date.now()}`;
+        this.htmlLabelId = h, this.htmlLabelPool.add(
           { text: `${p.toFixed(2)} m` },
           {
-            id: l,
+            id: h,
             lon: e.Math.toDegrees(g.longitude),
             lat: e.Math.toDegrees(g.latitude),
             height: g.height || 0,
@@ -814,18 +889,18 @@ class ye {
             style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
           }
         );
-        const a = {
+        const l = {
           entity: this.entity,
           label: this.labelEntity,
           positions: this.positions,
           distance: p,
           clear: () => this.clear()
         };
-        i.onComplete?.(a);
+        i.onComplete?.(l);
       }
-    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((a) => {
       if (this.positions.length !== 1) return;
-      const s = t.scene.pickPosition(h.endPosition);
+      const s = t.scene.pickPosition(a.endPosition);
       if (!s) return;
       this.previewPos = s;
       const o = this.positions[0], d = e.Cartesian3.distance(o, s), n = new e.Cartesian3(
@@ -867,11 +942,11 @@ class ye {
     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]));
+    const t = this.Cesium, a = 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", {
+        this.htmlLabelPool = e || new _(t, a, 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";
           },
@@ -879,12 +954,12 @@ class ye {
         });
       }
       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 } });
+        const c = a.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({
+        const c = a.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 = a.entities.add({
           polyline: {
             positions: [r[0], r[1]],
             width: n,
@@ -906,7 +981,8 @@ class ye {
     }
   }
 }
-class we {
+class ae {
+  static TIP_TEXT = "单击左键添加点，右键撤销，双击左键或Esc结束";
   Cesium;
   viewer;
   handler = null;
@@ -926,6 +1002,9 @@ class we {
   previewLabelId = null;
   segmentLabelIds = [];
   angleLabelIds = [];
+  tooltip = null;
+  keydownHandler = null;
+  contextMenuHandler = null;
   constructor(i, e) {
     this.Cesium = i, this.viewer = e;
   }
@@ -933,8 +1012,8 @@ class we {
     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", {
+      const a = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new _(e, t, a), 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";
         },
@@ -951,8 +1030,8 @@ class we {
         options: { offset: { x: 0, y: -10 } }
       });
     }
-    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
-      const s = t.scene.pickPosition(h.position);
+    this.tooltip = new pe(), this.tooltip.show(ae.TIP_TEXT), this._bindGlobalEvents(i, e, t), this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((a) => {
+      const s = t.scene.pickPosition(a.position);
       if (!s) return;
       this.positions.push(s);
       const o = t.entities.add({
@@ -991,9 +1070,9 @@ class we {
             }
           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({
+        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, h = this.positions.concat([this.positions[0]]), l = t.entities.add({
           polyline: {
-            positions: l,
+            positions: h,
             width: i.width || 2,
             material: m,
             clampToGround: !1,
@@ -1005,22 +1084,22 @@ class we {
             })
           }
         });
-        this.edgeEntities.push(a);
+        this.edgeEntities.push(l);
       }
-    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((a) => {
       if (this.positions.length === 0) return;
-      const s = t.scene.pickPosition(h.endPosition);
+      const s = t.scene.pickPosition(a.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
+        o.reduce((h, l) => h + l.x, 0) / o.length,
+        o.reduce((h, l) => h + l.y, 0) / o.length,
+        o.reduce((h, l) => h + l.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;
+      for (let h = 0; h < r.length; h++) {
+        const l = (h + 1) % r.length;
+        c += r[h].x * r[l].y - r[l].x * r[h].y;
       }
       c = Math.abs(c) / 2;
       const p = e.Cartographic.fromCartesian(d), m = this.previewLabelId || "measure_area_preview";
@@ -1037,7 +1116,7 @@ class we {
           show: !0
         }
       ), !this.previewEntity) {
-        const l = i.color || e.Color.YELLOW.withAlpha(0.4);
+        const h = i.color || e.Color.YELLOW.withAlpha(0.4);
         this.previewEntity = t.entities.add({
           polygon: {
             hierarchy: new e.CallbackProperty(() => {
@@ -1045,17 +1124,17 @@ class we {
               const L = this.positions.concat([this.previewPos]);
               return new e.PolygonHierarchy(L);
             }, !1),
-            material: l,
+            material: h,
             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;
+        const l = 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,
+            material: l,
             clampToGround: !1,
             arcType: e.ArcType.NONE,
             depthFailMaterial: new e.PolylineDashMaterialProperty({
@@ -1076,92 +1155,13 @@ class we {
         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);
+      this._finishMeasurement(i, e, !0);
+    }, e.ScreenSpaceEventType.LEFT_DOUBLE_CLICK), this.handler.setInputAction(() => {
+      this._undoLastPoint(i, e, t);
+    }, e.ScreenSpaceEventType.RIGHT_CLICK);
   }
   stop() {
-    this.handler && (this.handler.destroy(), this.handler = null);
+    this.keydownHandler && (window.removeEventListener("keydown", this.keydownHandler), this.keydownHandler = null), this.contextMenuHandler && (this.viewer.canvas.removeEventListener("contextmenu", this.contextMenuHandler), this.contextMenuHandler = null), this.handler && (this.handler.destroy(), this.handler = null), this.tooltip && (this.tooltip.destroy(), this.tooltip = 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) {
@@ -1190,41 +1190,187 @@ class we {
     }
     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 = [];
   }
+  _clearPreviewState() {
+    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 i of this.previewPointEntities)
+        try {
+          this.viewer.entities.remove(i);
+        } catch {
+        }
+      this.previewPointEntities = [];
+    }
+    this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.previewPos = null;
+  }
+  _rebuildShape(i, e, t) {
+    if (this.primitive && (t.scene.primitives.remove(this.primitive), this.primitive = null), this.edgeEntities.length) {
+      for (const r of this.edgeEntities)
+        try {
+          t.entities.remove(r);
+        } catch {
+        }
+      this.edgeEntities = [];
+    }
+    if (!this.positions.length) return;
+    const a = new e.PolygonHierarchy(this.positions.slice()), s = new e.PolygonGeometry({
+      polygonHierarchy: a,
+      vertexFormat: e.MaterialAppearance.VERTEX_FORMAT,
+      perPositionHeight: !0,
+      arcType: e.ArcType.NONE
+    }), o = new e.GeometryInstance({ geometry: s }), d = i.color || e.Color.YELLOW.withAlpha(0.4), n = i.color && i.color.withAlpha ? i.color.withAlpha(0.25) : e.Color.RED.withAlpha(0.4);
+    if (this.primitive = new e.Primitive({
+      geometryInstances: o,
+      appearance: new e.MaterialAppearance({
+        material: e.Material.fromType("Color", { color: d }),
+        translucent: !0,
+        closed: !0
+      }),
+      depthFailAppearance: new e.MaterialAppearance({
+        material: e.Material.fromType("Color", { color: n }),
+        translucent: !0,
+        closed: !0
+      })
+    }), t.scene.primitives.add(this.primitive), this.positions.length >= 2) {
+      const r = i.lineColor || i.color || e.Color.YELLOW, c = (i.dashLineColor || i.lineColor || i.color || e.Color.RED).withAlpha?.(0.9) || e.Color.RED, p = this.positions.concat([this.positions[0]]), m = t.entities.add({
+        polyline: {
+          positions: p,
+          width: i.width || 2,
+          material: r,
+          clampToGround: !1,
+          arcType: e.ArcType.NONE,
+          depthFailMaterial: new e.PolylineDashMaterialProperty({
+            color: c,
+            dashLength: 12,
+            dashPattern: 255
+          })
+        }
+      });
+      this.edgeEntities.push(m);
+    }
+  }
+  _undoLastPoint(i, e, t) {
+    if (!this.positions.length) return;
+    this.positions.pop();
+    const a = this.tempPoints.pop();
+    a && t.entities.remove(a), this._clearPreviewState(), this._rebuildShape(i, e, t);
+  }
+  _finishMeasurement(i, e, t) {
+    if (t && this.positions.length >= 3) {
+      this.positions.pop();
+      const g = this.tempPoints.pop();
+      g && this.viewer.entities.remove(g);
+    }
+    if (this.positions.length < 3) {
+      this.clear();
+      return;
+    }
+    this._clearPreviewState(), this.stop();
+    const a = new e.Cartesian3(
+      this.positions.reduce((g, h) => g + h.x, 0) / this.positions.length,
+      this.positions.reduce((g, h) => g + h.y, 0) / this.positions.length,
+      this.positions.reduce((g, h) => g + h.z, 0) / this.positions.length
+    ), o = new e.EllipsoidTangentPlane(a, e.Ellipsoid.WGS84).projectPointsOntoPlane(this.positions);
+    let d = 0;
+    for (let g = 0; g < o.length; g++) {
+      const h = (g + 1) % o.length;
+      d += o[g].x * o[h].y - o[h].x * o[g].y;
+    }
+    d = Math.abs(d) / 2;
+    const n = e.Cartographic.fromCartesian(a), r = this.htmlLabelId || `measure_area_${Date.now()}`;
+    this.htmlLabelId = r;
+    const c = i.labelText || { area: "面积", side: "边长", angle: "角度" };
+    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 h = (g + 1) % this.positions.length, l = this.positions[g], w = this.positions[h], u = e.Cartographic.fromCartesian(l), C = e.Cartographic.fromCartesian(w), f = new e.EllipsoidGeodesic(u, C).surfaceDistance, v = new e.Cartesian3((l.x + w.x) / 2, (l.y + w.y) / 2, (l.z + w.z) / 2), y = e.Cartographic.fromCartesian(v), b = `measure_area_seg_${Date.now()}_${g}`;
+      this.segmentLabelIds.push(b), this.htmlLabelPool.add(
+        { text: `${c.side}:${f.toFixed(2)} m` },
+        {
+          id: b,
+          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 h = p[(g - 1 + p.length) % p.length], l = p[g], w = p[(g + 1) % p.length], u = h.x - l.x, C = h.y - l.y, L = w.x - l.x, f = w.y - l.y, v = Math.sqrt(u * u + C * C), y = Math.sqrt(L * L + f * f);
+      if (!v || !y) continue;
+      const b = u / v * (L / y) + C / v * (f / y), E = Math.acos(Math.min(1, Math.max(-1, b))) * (180 / Math.PI), x = e.Cartographic.fromCartesian(this.positions[g]), T = `measure_area_angle_${Date.now()}_${g}`;
+      this.angleLabelIds.push(T), this.htmlLabelPool.add(
+        { text: `${c.angle}:${E.toFixed(2)} °` },
+        {
+          id: T,
+          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);
+  }
+  _bindGlobalEvents(i, e, t) {
+    this.keydownHandler = (a) => {
+      a.key === "Escape" && (a.preventDefault(), this._finishMeasurement(i, e, !1));
+    }, window.addEventListener("keydown", this.keydownHandler), this.contextMenuHandler = (a) => {
+      a.preventDefault();
+    }, t.canvas.addEventListener("contextmenu", this.contextMenuHandler);
+  }
   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]));
+    const t = this.Cesium, a = this.viewer, s = i.options || {}, o = (i.positions || []).map((v) => new t.Cartesian3(v[0], v[1], v[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";
+      const v = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new _(t, a, v), this.htmlLabelPool.registerTheme("measure-area", {
+        createElement: (y, b) => {
+          y.innerHTML = String(b?.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";
+        createElement: (y, b) => {
+          y.innerHTML = String(b?.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";
+        createElement: (y, b) => {
+          y.innerHTML = String(b?.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 } });
+    for (const v of o) {
+      const y = a.entities.add({ position: v, 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
+      o.reduce((v, y) => v + y.x, 0) / o.length,
+      o.reduce((v, y) => v + y.y, 0) / o.length,
+      o.reduce((v, y) => v + 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;
+    for (let v = 0; v < r.length; v++) {
+      const y = (v + 1) % r.length;
+      c += r[v].x * r[y].y - r[y].x * r[v].y;
     }
     c = Math.abs(c) / 2;
     const p = t.Cartographic.fromCartesian(d), m = i.id + "_area";
@@ -1238,26 +1384,26 @@ class we {
       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({
+    const h = new t.PolygonHierarchy(o), l = new t.PolygonGeometry({ polygonHierarchy: h, vertexFormat: t.MaterialAppearance.VERTEX_FORMAT, perPositionHeight: !0 }), w = new t.GeometryInstance({ geometry: l }), 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}`;
+    a.scene.primitives.add(L), this.primitive = L;
+    for (let v = 0; v < o.length; v++) {
+      const y = (v + 1) % o.length, b = o[v], E = o[y], x = t.Cartographic.fromCartesian(b), T = t.Cartographic.fromCartesian(E), P = new t.EllipsoidGeodesic(x, T).surfaceDistance, A = new t.Cartesian3((b.x + E.x) / 2, (b.y + E.y) / 2, (b.z + E.z) / 2), I = t.Cartographic.fromCartesian(A), S = i.id + `_area_seg_${v}`;
       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);
+    for (let v = 0; v < f.length; v++) {
+      const y = f[(v - 1 + f.length) % f.length], b = f[v], E = f[(v + 1) % f.length], x = y.x - b.x, T = y.y - b.y, M = E.x - b.x, P = E.y - b.y, A = Math.sqrt(x * x + T * T), 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 });
+      const S = x / A * (M / I) + T / A * (P / I), H = Math.acos(Math.min(1, Math.max(-1, S))) * (180 / Math.PI), k = t.Cartographic.fromCartesian(o[v]), F = i.id + `_area_angle_${v}`;
+      this.angleLabelIds.push(F), this.htmlLabelPool.add({ text: `${g.angle}:${H.toFixed(2)} °` }, { id: F, lon: t.Math.toDegrees(k.longitude), lat: t.Math.toDegrees(k.latitude), height: k.height || 0, theme: "measure-area-angle", show: !0 });
     }
   }
 }
-class Ce {
+class ve {
   Cesium;
   viewer;
   handler = null;
@@ -1278,8 +1424,8 @@ class Ce {
     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", {
+      const a = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new _(e, t, a), 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";
@@ -1287,8 +1433,8 @@ class Ce {
         options: { offset: { x: 0, y: -10 } }
       });
     }
-    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
-      const s = t.scene.pickPosition(h.position);
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((a) => {
+      const s = t.scene.pickPosition(a.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;
@@ -1314,15 +1460,15 @@ ${p.circumference}:${c.toFixed(2)} m`,
             show: !1
           }
         }), this.previewEntity && (t.entities.remove(this.previewEntity), this.previewEntity = null);
-        const g = e.Cartographic.fromCartesian(o), l = new e.EllipseGeometry({
+        const g = e.Cartographic.fromCartesian(o), h = 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);
+        }), l = new e.GeometryInstance({ geometry: h }), 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,
+          geometryInstances: l,
           appearance: new e.MaterialAppearance({
             material: e.Material.fromType("Color", { color: w }),
             translucent: !0,
@@ -1334,12 +1480,12 @@ ${p.circumference}:${c.toFixed(2)} m`,
             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()}`;
+        const C = e.Cartographic.fromCartesian(o), L = e.Math.toDegrees(C.longitude), f = e.Math.toDegrees(C.latitude), v = C.height || 0, y = this.htmlLabelId || `measure_circle_${Date.now()}`;
         this.htmlLabelId = y;
-        const v = `${p.radius}:${n.toFixed(2)} m
+        const b = `${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 });
+        this.htmlLabelPool.add({ text: b }, { id: y, lon: L, lat: f, height: v, theme: "measure-circle", show: !0 });
         const E = {
           entity: this.entity,
           label: this.labelEntity,
@@ -1351,9 +1497,9 @@ ${p.circumference}:${c.toFixed(2)} m`;
         };
         i.onComplete?.(E);
       }
-    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((a) => {
       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);
+      const s = this.positions[0], o = t.camera.getPickRay(a.endPosition), d = t.scene.globe.pick(o, t.scene);
       if (!d) return;
       const n = e.Cartesian3.distance(s, d);
       this.currentRadius = n;
@@ -1380,12 +1526,12 @@ ${m.circumference}:${p.toFixed(2)} m`,
           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()}`;
+      const h = e.Cartographic.fromCartesian(s), l = e.Math.toDegrees(h.longitude), w = e.Math.toDegrees(h.latitude), u = h.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) {
+      if (this.htmlLabelPool.add({ text: L }, { id: C, lon: l, 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,
@@ -1406,33 +1552,34 @@ ${m.circumference}:${p.toFixed(2)} m`;
     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]));
+    const t = this.Cesium, a = 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) => {
+      this.htmlLabelPool = e || new _(t, a, y), this.htmlLabelPool.registerTheme("measure-circle", {
+        createElement: (b, 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";
+          b.innerHTML = String(x), 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 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 }),
+    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 }), h = new t.GeometryInstance({ geometry: g }), l = 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: h,
+      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: w }), translucent: !0, closed: !0 })
     });
-    h.scene.primitives.add(u), this.ellipsePrimitive = u, this.entity = u, this.isPrimitive = !0;
+    a.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
+    const f = s.labelText || { radius: "半径", area: "面积", circumference: "周长" }, v = `${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 });
+    this.htmlLabelPool.add({ text: v }, { 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 {
+class le {
+  static TIP_TEXT = "单击左键添加点，右键撤销，双击左键或Esc结束";
   Cesium;
   viewer;
   handler = null;
@@ -1449,6 +1596,9 @@ class fe {
   totalLabelId = null;
   segmentLabelIds = [];
   previewLabelId = null;
+  tooltip = null;
+  keydownHandler = null;
+  contextMenuHandler = null;
   constructor(i, e) {
     this.Cesium = i, this.viewer = e;
   }
@@ -1456,8 +1606,8 @@ class fe {
     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", {
+      const a = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new _(e, t, a), 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";
         },
@@ -1469,8 +1619,8 @@ class fe {
         options: { offset: { x: 0, y: -10 } }
       });
     }
-    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
-      const s = t.scene.pickPosition(h.position);
+    this.tooltip = new pe(), this.tooltip.show(le.TIP_TEXT), this._bindGlobalEvents(i, e, t), this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((a) => {
+      const s = t.scene.pickPosition(a.position);
       if (!s) return;
       this.positions.push(s);
       const o = t.entities.add({
@@ -1497,64 +1647,26 @@ class fe {
           (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(
+        ), h = e.Cartographic.fromCartesian(g), l = `measure_polyline_seg_${this.segmentLabelIds.length}_${Date.now()}`;
+        this.segmentLabelIds.push(l), 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,
+            id: l,
+            lon: e.Math.toDegrees(h.longitude),
+            lat: e.Math.toDegrees(h.latitude),
+            height: h.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) => {
+      this._finishMeasurement(i, e, !0);
+    }, e.ScreenSpaceEventType.LEFT_DOUBLE_CLICK), this.handler.setInputAction(() => {
+      this._undoLastPoint();
+    }, e.ScreenSpaceEventType.RIGHT_CLICK), this.handler.setInputAction((a) => {
       if (this.positions.length === 0) return;
-      const s = t.scene.pickPosition(h.endPosition);
+      const s = t.scene.pickPosition(a.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(
@@ -1587,43 +1699,109 @@ class fe {
     }, e.ScreenSpaceEventType.MOUSE_MOVE);
   }
   stop() {
-    this.handler && (this.handler.destroy(), this.handler = null);
+    this.keydownHandler && (window.removeEventListener("keydown", this.keydownHandler), this.keydownHandler = null), this.contextMenuHandler && (this.viewer.canvas.removeEventListener("contextmenu", this.contextMenuHandler), this.contextMenuHandler = null), this.handler && (this.handler.destroy(), this.handler = null), this.tooltip && (this.tooltip.destroy(), this.tooltip = 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 = [];
   }
+  _clearPreviewState() {
+    this.previewEntity && (this.viewer.entities.remove(this.previewEntity), this.previewEntity = null), this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null), this.previewPos = null, this.hoverPos = null;
+  }
+  _undoLastPoint() {
+    if (!this.positions.length) return;
+    this.positions.pop();
+    const i = this.tempPoints.pop();
+    if (i && this.viewer.entities.remove(i), this.segmentLabelIds.length > this.positions.length - 1 && this.htmlLabelPool) {
+      const e = this.segmentLabelIds.pop();
+      e && this.htmlLabelPool.removeByIds([e]);
+    }
+    this.entity?.polyline && (this.entity.polyline.positions = this.positions.slice()), this.positions.length ? this.previewLabelId && this.htmlLabelPool && (this.htmlLabelPool.removeByIds([this.previewLabelId]), this.previewLabelId = null) : (this.entity && (this.viewer.entities.remove(this.entity), this.entity = null), this._clearPreviewState());
+  }
+  _finishMeasurement(i, e, t) {
+    if (t) {
+      if (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();
+    }
+    if (this.positions.length < 2) {
+      this.clear();
+      return;
+    }
+    this.stop(), this._clearPreviewState();
+    let a = 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), h = new e.EllipsoidGeodesic(m, g);
+      a += h.surfaceDistance;
+    }
+    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: `${a.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: a,
+      clear: () => this.clear()
+    };
+    i.onComplete?.(n);
+  }
+  _bindGlobalEvents(i, e, t) {
+    this.keydownHandler = (a) => {
+      a.key === "Escape" && (a.preventDefault(), this._finishMeasurement(i, e, !1));
+    }, window.addEventListener("keydown", this.keydownHandler), this.contextMenuHandler = (a) => {
+      a.preventDefault();
+    }, t.canvas.addEventListener("contextmenu", this.contextMenuHandler);
+  }
   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]));
+    const t = this.Cesium, a = 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((h) => new t.Cartesian3(h[0], h[1], h[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";
+      const h = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new _(t, a, h), this.htmlLabelPool.registerTheme("measure-polyline-total", {
+        createElement: (l, w) => {
+          l.innerHTML = String(w?.data?.text || ""), l.style.background = "rgba(0,0,0,0.6)", l.style.color = "#fff", l.style.font = "14px sans-serif", l.style.padding = "4px 6px", l.style.borderRadius = "4px", l.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";
+        createElement: (l, w) => {
+          l.innerHTML = String(w?.data?.text || ""), l.style.background = "rgba(0,0,0,0.6)", l.style.color = "#fff", l.style.font = "14px sans-serif", l.style.padding = "4px 6px", l.style.borderRadius = "4px", l.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);
+    for (const h of r) {
+      const l = a.entities.add({ position: h, point: { pixelSize: 8, color: s.pointColor || s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
+      this.tempPoints.push(l);
     }
-    this.entity = h.entities.add({ polyline: { positions: r, width: n, material: o, depthFailMaterial: new t.PolylineDashMaterialProperty({ color: d, dashLength: 12, dashPattern: 255 }) } });
+    this.entity = a.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);
+    for (let h = 1; h < r.length; h++) {
+      const l = t.Cartographic.fromCartesian(r[h - 1]), w = t.Cartographic.fromCartesian(r[h]), u = new t.EllipsoidGeodesic(l, 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}`;
+      const C = r[h - 1], L = r[h], f = new t.Cartesian3((C.x + L.x) / 2, (C.y + L.y) / 2, (C.z + L.z) / 2), v = t.Cartographic.fromCartesian(f), y = i.id + `_seg_${h - 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,
+        lon: t.Math.toDegrees(v.longitude),
+        lat: t.Math.toDegrees(v.latitude),
+        height: v.height || 0,
         theme: "measure-polyline-seg",
         show: !0,
         style: { pointerEvents: "none", userSelect: "none", cursor: "default" }
@@ -1658,16 +1836,16 @@ class be {
     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", {
+      const a = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new _(e, t, a), 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);
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((a) => {
+      const s = t.scene.pickPosition(a.position);
       if (!s) return;
       const o = e.Cartographic.fromCartesian(s), d = t.scene.globe.getHeight(
         new e.Cartographic(o.longitude, o.latitude, 0)
@@ -1698,11 +1876,11 @@ class be {
           })
         }
       });
-      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(
+      const p = i.labelText || { height: "高差" }, m = (o.height || 0) - d, g = `${p.height}:${m.toFixed(2)} m`, h = this.htmlLabelId || `measure_terrain_${Date.now()}`;
+      this.htmlLabelId = h, this.htmlLabelPool.add(
         { text: g },
         {
-          id: l,
+          id: h,
           lon: n,
           lat: r,
           height: o.height || 0,
@@ -1710,7 +1888,7 @@ class be {
           show: !0
         }
       ), this.labelEntity = this.htmlLabelId;
-      const a = {
+      const l = {
         label: this.labelEntity,
         position: s,
         zeroPosition: c,
@@ -1719,7 +1897,7 @@ class be {
         difference: m,
         clear: () => this.clear()
       };
-      i.onComplete?.(a), this.stop();
+      i.onComplete?.(l), this.stop();
     }, e.ScreenSpaceEventType.LEFT_CLICK);
   }
   stop() {
@@ -1729,7 +1907,7 @@ class be {
     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]));
+    const t = this.Cesium, a = 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)));
@@ -1737,20 +1915,20 @@ class be {
     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", {
+      this.htmlLabelPool = e || new _(t, a, 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 });
+    const d = o[0], n = t.Cartographic.fromCartesian(d), r = a.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 = a.entities.add({ position: d, point: { pixelSize: 8, color: s.color || t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } }), this.zeroPoint = a.entities.add({ position: m, point: { pixelSize: 8, color: t.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } }), this.lineEntity = a.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: "高差" }, h = (n.height || 0) - r, l = i.id + "_terrain";
+    this.htmlLabelId = l, this.htmlLabelPool.add({ text: `${g.height}:${h.toFixed(2)} m` }, { id: l, lon: c, lat: p, height: n.height || 0, theme: "measure-terrainHeight", show: !0 });
   }
 }
-class ve {
+class Le {
   Cesium;
   viewer;
   handler = null;
@@ -1765,16 +1943,16 @@ class ve {
     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", {
+      const a = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new _(e, t, a), 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);
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((a) => {
+      const s = t.scene.pickPosition(a.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({
@@ -1817,26 +1995,26 @@ ${p.height}:${r.toFixed(2)} m` },
     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]));
+    const t = this.Cesium, a = this.viewer, s = i.options || {}, o = (i.positions || []).map((h) => new t.Cartesian3(h[0], h[1], h[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);
+      const h = i.data?.lnglat;
+      if (h && typeof h.lng == "number" && typeof h.lat == "number") {
+        const l = t.Cartesian3.fromDegrees(h.lng, h.lat, h.height || 0);
+        o.push(l);
       }
     }
     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";
+      const h = s.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = e || new _(t, a, h), this.htmlLabelPool.registerTheme("measure-coordinate", {
+        createElement: (l, w) => {
+          l.innerHTML = String(w?.data?.text || ""), l.style.background = "rgba(0,0,0,0.6)", l.style.color = "#fff", l.style.font = "14px sans-serif", l.style.padding = "4px 6px", l.style.borderRadius = "4px", l.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 } });
+    this.entity = a.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: "高" };
@@ -1845,7 +2023,7 @@ ${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 {
+class Ee {
   Cesium;
   viewer;
   handler = null;
@@ -1872,8 +2050,8 @@ class Le {
     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", {
+      const a = i.overlayContainerId || "html-label-container";
+      this.htmlLabelPool = new _(e, t, a), 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";
         },
@@ -1885,8 +2063,8 @@ class Le {
         options: { offset: { x: 0, y: -10 } }
       });
     }
-    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((h) => {
-      const s = t.scene.pickPosition(h.position);
+    this.handler = new e.ScreenSpaceEventHandler(t.canvas), this.handler.setInputAction((a) => {
+      const s = t.scene.pickPosition(a.position);
       if (!s) return;
       if (!this.startPoint) {
         this.startPoint = s;
@@ -1906,16 +2084,16 @@ class Le {
       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: "边长" };
+      const h = e.Cartographic.fromCartesian(r), l = 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²` },
+        { text: `${l.width}:${c.toFixed(2)} m
+${l.heightLabel}:${p.toFixed(2)} m
+${l.area}:${m.toFixed(2)} m²` },
         {
           id: g,
-          lon: e.Math.toDegrees(l.longitude),
-          lat: e.Math.toDegrees(l.latitude),
-          height: l.height || 0,
+          lon: e.Math.toDegrees(h.longitude),
+          lat: e.Math.toDegrees(h.latitude),
+          height: h.height || 0,
           theme: "measure-rectangle",
           show: !0
         }
@@ -1927,9 +2105,9 @@ ${a.area}:${m.toFixed(2)} m²` },
         [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}`;
+        const [I, S] = w[A], H = A === 0 || A === 2 ? c : p, k = new e.Cartesian3((I.x + S.x) / 2, (I.y + S.y) / 2, (I.z + S.z) / 2), F = e.Cartographic.fromCartesian(k), N = `measure_rectangle_seg_${Date.now()}_${A}`;
         this.segmentLabelIds.push(N), this.htmlLabelPool.add(
-          { text: `${a.side}:${Number(R).toFixed(2)} m` },
+          { text: `${l.side}:${Number(H).toFixed(2)} m` },
           {
             id: N,
             lon: e.Math.toDegrees(F.longitude),
@@ -1945,11 +2123,11 @@ ${a.area}:${m.toFixed(2)} m²` },
         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);
+      }), f = new e.GeometryInstance({ geometry: L }), v = 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 }),
+          material: e.Material.fromType("Color", { color: v }),
           translucent: !0,
           closed: !0
         }),
@@ -1959,11 +2137,11 @@ ${a.area}:${m.toFixed(2)} m²` },
           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({
+      const b = 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]], T = t.entities.add({
         polyline: {
           positions: x,
           width: i.width || 2,
-          material: v,
+          material: b,
           clampToGround: !1,
           arcType: e.ArcType.NONE,
           depthFailMaterial: new e.PolylineDashMaterialProperty({
@@ -1973,7 +2151,7 @@ ${a.area}:${m.toFixed(2)} m²` },
           })
         }
       });
-      this.edgeEntities.push(D);
+      this.edgeEntities.push(T);
       const M = i.pointColor || i.color || e.Color.YELLOW;
       for (const A of n) {
         const I = t.entities.add({
@@ -1996,8 +2174,8 @@ ${a.area}:${m.toFixed(2)} m²` },
         clear: () => this.clear()
       };
       i.onComplete?.(P);
-    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((h) => {
-      const s = t.scene.pickPosition(h.endPosition);
+    }, e.ScreenSpaceEventType.LEFT_CLICK), this.handler.setInputAction((a) => {
+      const s = t.scene.pickPosition(a.endPosition);
       if (!s) return;
       if (this.startPoint && !this.secondPoint) {
         if (this.endPoint = s, !this.previewEdgeEntity) {
@@ -2040,15 +2218,15 @@ ${a.area}:${m.toFixed(2)} m²` },
       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: "面积" };
+      const g = e.Cartographic.fromCartesian(n), h = this.previewLabelId || "measure_rectangle_preview";
+      this.previewLabelId = h;
+      const l = 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²` },
+        { text: `${l.width}:${r.toFixed(2)} m
+${l.heightLabel}:${c.toFixed(2)} m
+${l.area}:${p.toFixed(2)} m²` },
         {
-          id: l,
+          id: h,
           lon: e.Math.toDegrees(g.longitude),
           lat: e.Math.toDegrees(g.latitude),
           height: g.height || 0,
@@ -2105,11 +2283,11 @@ ${a.area}:${p.toFixed(2)} m²` },
     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]));
+    const t = this.Cesium, a = 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", {
+      this.htmlLabelPool = e || new _(t, a, 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";
         },
@@ -2123,10 +2301,10 @@ ${a.area}:${p.toFixed(2)} m²` },
     }
     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 n = d.corners, r = d.center, c = d.width, p = d.height, m = d.area, g = t.Cartographic.fromCartesian(r), h = i.id + "_rectangle", l = s.labelText || { width: "宽", heightLabel: "高", area: "面积", side: "边长" };
+    this.htmlLabelId = h, this.htmlLabelPool.add({ text: `${l.width}:${c.toFixed(2)} m
+${l.heightLabel}:${p.toFixed(2)} m
+${l.area}:${m.toFixed(2)} m²` }, { id: h, 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]],
@@ -2134,37 +2312,37 @@ ${a.area}:${m.toFixed(2)} m²` }, { id: l, lon: t.Math.toDegrees(g.longitude), l
       [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 [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), H = t.Cartographic.fromCartesian(S), k = i.id + `_rectangle_seg_${M}`;
+      this.segmentLabelIds.push(k), this.htmlLabelPool.add({ text: `${l.side}:${Number(I).toFixed(2)} m` }, { id: k, lon: t.Math.toDegrees(H.longitude), lat: t.Math.toDegrees(H.latitude), height: H.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({
+    }), L = new t.GeometryInstance({ geometry: C }), f = s.color || t.Color.YELLOW.withAlpha(0.4), v = 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 })
+      depthFailAppearance: new t.MaterialAppearance({ material: t.Material.fromType("Color", { color: v }), 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({
+    this.primitive = y, a.scene.primitives.add(this.primitive);
+    const b = s.lineColor || f, E = [...n, n[0]], x = a.entities.add({
       polyline: {
         positions: E,
         width: s.width || 2,
-        material: v,
+        material: b,
         clampToGround: !1,
         arcType: t.ArcType.NONE
       }
     });
     this.edgeEntities.push(x);
-    const D = s.pointColor || f;
+    const T = s.pointColor || f;
     for (const M of n) {
-      const P = h.entities.add({
+      const P = a.entities.add({
         position: M,
         point: {
           pixelSize: 8,
-          color: D,
+          color: T,
           disableDepthTestDistance: Number.POSITIVE_INFINITY
         }
       });
@@ -2172,29 +2350,29 @@ ${a.area}:${m.toFixed(2)} m²` }, { id: l, lon: t.Math.toDegrees(g.longitude), l
     }
   }
   computeRectangle(i, e, t) {
-    const h = this.Cesium, s = new h.EllipsoidTangentPlane(i, h.Ellipsoid.WGS84), o = s.projectPointsOntoPlane([i, e, t]);
+    const a = this.Cesium, s = new a.EllipsoidTangentPlane(i, a.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;
+    const g = c / m, l = -(p / m), w = g, u = r.x - n.x, C = r.y - n.y, L = u * l + 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]);
+    const f = new a.Cartesian2(n.x + l * L, n.y + w * L), v = new a.Cartesian2(d.x + l * L, d.y + w * L), y = s.projectPointsOntoEllipsoid([d, n, f, v]);
     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(
+    const b = y, E = b[0], x = b[2], T = Math.abs(m), M = Math.abs(L), P = new a.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);
+    ), I = new a.EllipsoidTangentPlane(P, a.Ellipsoid.WGS84).projectPointsOntoPlane(b);
     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;
+    for (let k = 0; k < I.length; k++) {
+      const F = (k + 1) % I.length;
+      S += I[k].x * I[F].y - I[F].x * I[k].y;
     }
-    const R = Math.abs(S) / 2;
-    return { corners: v, center: P, width: D, height: M, area: R };
+    const H = Math.abs(S) / 2;
+    return { corners: b, center: P, width: T, height: M, area: H };
   }
 }
-class Ee {
+class Pe {
   Cesium;
   viewer;
   handler = null;
@@ -2217,10 +2395,10 @@ class Ee {
   }
   start(i) {
     this.clear();
-    const e = this.Cesium, t = this.viewer, h = Math.max(i.sides || 6, 6);
+    const e = this.Cesium, t = this.viewer, a = 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", {
+      this.htmlLabelPool = new _(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";
         },
@@ -2236,28 +2414,28 @@ class Ee {
       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);
+        const d = this.positions[0], n = this.positions[1], r = e.Cartesian3.distance(d, n), c = this.buildRegularPolygonPoints(d, r, a);
         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);
+        }), g = new e.GeometryInstance({ geometry: m }), h = i.color || e.Color.YELLOW.withAlpha(0.4), l = 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 }),
+            material: e.Material.fromType("Color", { color: h }),
             translucent: !0,
             closed: !0
           }),
           depthFailAppearance: new e.MaterialAppearance({
-            material: e.Material.fromType("Color", { color: a }),
+            material: e.Material.fromType("Color", { color: l }),
             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({
+        const w = i.lineColor || h, 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,
@@ -2272,8 +2450,8 @@ class Ee {
           }
         });
         this.edgeEntities.push(L);
-        const f = i.pointColor || l, b = c.slice(0, c.length - 1);
-        for (const P of b) {
+        const f = i.pointColor || h, v = c.slice(0, c.length - 1);
+        for (const P of v) {
           const A = t.entities.add({
             position: P,
             point: {
@@ -2284,19 +2462,19 @@ class Ee {
           });
           this.pointEntities.push(A);
         }
-        const y = this.computeAreaByPlane(c), v = e.Cartographic.fromCartesian(d), E = this.htmlLabelId || `measure_regular_${Date.now()}`;
+        const y = this.computeAreaByPlane(c), b = 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;
+        let T = 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(
+          const A = c[P - 1], I = c[P], S = e.Cartographic.fromCartesian(A), H = e.Cartographic.fromCartesian(I), F = new e.EllipsoidGeodesic(S, H).surfaceDistance;
+          T += 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), W = `measure_regular_seg_${Date.now()}_${P - 1}`;
+          this.segmentLabelIds.push(W), this.htmlLabelPool.add(
             { text: `${x.side}:${F.toFixed(2)} m` },
             {
-              id: Q,
+              id: W,
               lon: e.Math.toDegrees(z.longitude),
               lat: e.Math.toDegrees(z.latitude),
               height: z.height || 0,
@@ -2306,15 +2484,15 @@ class Ee {
           );
         }
         this.htmlLabelPool.add(
-          { text: `${x.sides}:${h}
+          { text: `${x.sides}:${a}
 ${x.radius}:${r.toFixed(2)} m
-${x.circumference}:${D.toFixed(2)} m
+${x.circumference}:${T.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,
+            lon: e.Math.toDegrees(b.longitude),
+            lat: e.Math.toDegrees(b.latitude),
+            height: b.height || 0,
             theme: "measure-regular",
             show: !0
           }
@@ -2324,8 +2502,8 @@ ${x.area}:${y.toFixed(2)} m²` },
           label: this.labelEntity,
           positions: c,
           radius: r,
-          sides: h,
-          perimeter: D,
+          sides: a,
+          perimeter: T,
           area: y,
           clear: () => this.clear()
         };
@@ -2336,15 +2514,15 @@ ${x.area}:${y.toFixed(2)} m²` },
       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);
+      if (this.currentPoints = this.buildRegularPolygonPoints(o, r, a), !this.previewEntity) {
+        const l = 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,
+            material: l,
             perPositionHeight: !0,
             arcType: e.ArcType.NONE
           }
@@ -2382,18 +2560,18 @@ ${x.area}:${y.toFixed(2)} m²` },
         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);
+      for (let l = 1; l < this.currentPoints.length; l++) {
+        const w = this.currentPoints[l - 1], u = this.currentPoints[l], 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: "面积" };
+      const h = 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²` },
+        { text: `${h.sides}:${a}
+${h.radius}:${r.toFixed(2)} m
+${h.circumference}:${c.toFixed(2)} m
+${h.area}:${p.toFixed(2)} m²` },
         {
           id: g,
           lon: e.Math.toDegrees(m.longitude),
@@ -2436,18 +2614,18 @@ ${l.area}:${p.toFixed(2)} m²` },
     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]));
+    const t = this.Cesium, a = 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";
+      this.htmlLabelPool = e || new _(t, a, y), this.htmlLabelPool.registerTheme("measure-regular", {
+        createElement: (b, E) => {
+          b.innerHTML = String(E?.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 } }
       }), 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";
+        createElement: (b, E) => {
+          b.innerHTML = String(E?.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 } }
       });
@@ -2455,9 +2633,9 @@ ${l.area}:${p.toFixed(2)} m²` },
     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
+        n.reduce((b, E) => b + E.x, 0) / n.length,
+        n.reduce((b, E) => b + E.y, 0) / n.length,
+        n.reduce((b, E) => b + E.z, 0) / n.length
       );
       const y = n[0];
       n[Math.floor(n.length / 2)] || n[1], c = t.Cartesian3.distance(r, y);
@@ -2465,28 +2643,28 @@ ${l.area}:${p.toFixed(2)} m²` },
       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 p = new t.PolygonHierarchy(n), m = new t.PolygonGeometry({ polygonHierarchy: p, vertexFormat: t.MaterialAppearance.VERTEX_FORMAT, perPositionHeight: !0 }), g = new t.GeometryInstance({ geometry: m }), h = s.color || t.Color.YELLOW.withAlpha(0.4), l = 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: h }), translucent: !0, closed: !0 }), depthFailAppearance: new t.MaterialAppearance({ material: t.Material.fromType("Color", { color: l }), translucent: !0, closed: !0 }) });
+    a.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;
+    let v = 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}`;
+      const b = n[y - 1], E = n[y], x = t.Cartographic.fromCartesian(b), T = t.Cartographic.fromCartesian(E), P = new t.EllipsoidGeodesic(x, T).surfaceDistance;
+      v += P;
+      const A = new t.Cartesian3((b.x + E.x) / 2, (b.y + E.y) / 2, (b.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.circumference}:${v.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 = [];
+    const a = this.Cesium, s = new a.EllipsoidTangentPlane(i, a.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));
+      d.push(new a.Cartesian2(m, g));
     }
     const r = s.projectPointsOntoEllipsoid(d).slice();
     return r.push(r[0]), r;
@@ -2505,7 +2683,7 @@ ${f.area}:${u.toFixed(2)} m²` }, { id: L, lon: t.Math.toDegrees(C.longitude), l
     return Math.abs(o) / 2;
   }
 }
-class Pe {
+class Ae {
   Cesium;
   viewer;
   actives = [];
@@ -2522,44 +2700,44 @@ class Pe {
     let t = null;
     switch (i) {
       case "horizontal":
-        t = new me(this.Cesium, this.viewer);
+        t = new re(this.Cesium, this.viewer);
         break;
       case "vertical":
-        t = new ge(this.Cesium, this.viewer);
+        t = new we(this.Cesium, this.viewer);
         break;
       case "triangle":
-        t = new ue(this.Cesium, this.viewer);
+        t = new fe(this.Cesium, this.viewer);
         break;
       case "space":
-        t = new ye(this.Cesium, this.viewer);
+        t = new Ce(this.Cesium, this.viewer);
         break;
       case "area":
-        t = new we(this.Cesium, this.viewer);
+        t = new ae(this.Cesium, this.viewer);
         break;
       case "circle":
-        t = new Ce(this.Cesium, this.viewer);
+        t = new ve(this.Cesium, this.viewer);
         break;
       case "polyline":
-        t = new fe(this.Cesium, this.viewer);
+        t = new le(this.Cesium, this.viewer);
         break;
       case "terrainHeight":
         t = new be(this.Cesium, this.viewer);
         break;
       case "coordinate":
-        t = new ve(this.Cesium, this.viewer);
+        t = new Le(this.Cesium, this.viewer);
         break;
       case "rectangle":
-        t = new Le(this.Cesium, this.viewer);
+        t = new Ee(this.Cesium, this.viewer);
         break;
       case "regularPolygon":
-        t = new Ee(this.Cesium, this.viewer);
+        t = new Pe(this.Cesium, this.viewer);
         break;
       default:
         throw new Error(`Unsupported measurement type: ${i}`);
     }
     if (!t) return;
     this.actives.push(t);
-    const h = t, s = {
+    const a = t, s = {
       ...e,
       onComplete: (o) => {
         const d = {
@@ -2591,8 +2769,8 @@ class Pe {
           })(),
           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);
+        this.measurements.push(d), a && this.recordHandlers.set(d.id, a), this.specifiedClear && this._showDeleteLabels("html-label-container"), e.onComplete?.(o);
+        const n = this.actives.indexOf(a);
         n >= 0 && this.actives.splice(n, 1);
       }
     };
@@ -2641,37 +2819,37 @@ class Pe {
         let t = null;
         switch (e.type) {
           case "horizontal":
-            t = new me(this.Cesium, this.viewer);
+            t = new re(this.Cesium, this.viewer);
             break;
           case "vertical":
-            t = new ge(this.Cesium, this.viewer);
+            t = new we(this.Cesium, this.viewer);
             break;
           case "triangle":
-            t = new ue(this.Cesium, this.viewer);
+            t = new fe(this.Cesium, this.viewer);
             break;
           case "space":
-            t = new ye(this.Cesium, this.viewer);
+            t = new Ce(this.Cesium, this.viewer);
             break;
           case "area":
-            t = new we(this.Cesium, this.viewer);
+            t = new ae(this.Cesium, this.viewer);
             break;
           case "circle":
-            t = new Ce(this.Cesium, this.viewer);
+            t = new ve(this.Cesium, this.viewer);
             break;
           case "polyline":
-            t = new fe(this.Cesium, this.viewer);
+            t = new le(this.Cesium, this.viewer);
             break;
           case "terrainHeight":
             t = new be(this.Cesium, this.viewer);
             break;
           case "coordinate":
-            t = new ve(this.Cesium, this.viewer);
+            t = new Le(this.Cesium, this.viewer);
             break;
           case "rectangle":
-            t = new Le(this.Cesium, this.viewer);
+            t = new Ee(this.Cesium, this.viewer);
             break;
           case "regularPolygon":
-            t = new Ee(this.Cesium, this.viewer);
+            t = new Pe(this.Cesium, this.viewer);
             break;
           default:
             t = null;
@@ -2734,8 +2912,8 @@ class Pe {
       } catch {
       }
     }
-    const h = e.scene.primitives, s = [];
-    h._primitives && h._primitives.forEach((o) => s.push(o));
+    const a = e.scene.primitives, s = [];
+    a._primitives && a._primitives.forEach((o) => s.push(o));
     for (const o of s)
       try {
         e.scene.primitives.remove(o);
@@ -2749,19 +2927,19 @@ class Pe {
     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) => {
+        this.deleteLabelPool = new _(this.Cesium, this.viewer, e), this.deleteLabelPool.registerTheme("measure-delete-label", {
+          createElement: (t, a) => {
             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,
+          $e.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);
+              const a = t?.data?.recordId;
+              a && this.deleteMeasurement(a);
             }
           },
           !0
@@ -2777,7 +2955,7 @@ class Pe {
         e.clear();
       } catch {
       }
-    this.recordHandlers.delete(i), this.measurements = this.measurements.filter((h) => h.id !== i);
+    this.recordHandlers.delete(i), this.measurements = this.measurements.filter((a) => a.id !== i);
     const t = this.deleteLabelIds.get(i);
     t && this.deleteLabelPool && this.deleteLabelPool.removeByIds([t]), this.deleteLabelIds.delete(i);
   }
@@ -2785,7 +2963,7 @@ class Pe {
     if (!this.deleteLabelPool) return;
     const e = this.Cesium;
     for (const t of this.measurements) {
-      const h = "m_del_" + t.id;
+      const a = "m_del_" + t.id;
       if (this.deleteLabelIds.has(t.id)) continue;
       const s = this._computeRecordCenter(t);
       if (!s) continue;
@@ -2793,7 +2971,7 @@ class Pe {
       this.deleteLabelPool.add(
         { recordId: t.id },
         {
-          id: h,
+          id: a,
           lon: d,
           lat: n,
           height: r,
@@ -2801,7 +2979,7 @@ class Pe {
           show: !0,
           style: { zIndex: "1000" }
         }
-      ), this.deleteLabelIds.set(t.id, h);
+      ), this.deleteLabelIds.set(t.id, a);
     }
   }
   _removeAllDeleteLabels() {
@@ -2812,23 +2990,23 @@ class Pe {
     this.deleteLabelIds.clear();
   }
   _computeRecordCenter(i) {
-    const e = this.Cesium, t = (i.positions || []).map((h) => this._toCartesian(h));
+    const e = this.Cesium, t = (i.positions || []).map((a) => this._toCartesian(a));
     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);
+      const a = 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(a, 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);
+      const a = i.data.lnglat.lng, s = i.data.lnglat.lat, o = i.data.lnglat.height || 0;
+      return e.Cartesian3.fromDegrees(a, s, o);
     }
     if (i.type === "terrainHeight" && i.data?.position) {
-      const h = i.data.position;
-      return new e.Cartesian3(h.x, h.y, h.z);
+      const a = i.data.position;
+      return new e.Cartesian3(a.x, a.y, a.z);
     }
     return null;
   }
 }
-const $e = {
+const Ye = {
   Cesium: {
     type: Object,
     required: !1
@@ -2845,32 +3023,32 @@ const $e = {
     type: String,
     default: "cx-measurement-overlay"
   }
-}, 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`,
+}, Ie = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAQ9JREFUOE+dkjESAUEQRe0NOAEiIaEMERluQCYQcAKcACcgFLqBlQn3BsgFbsD7zKixdlbVTtWv7e3/+0937wY5z3lwXCrgJEkTkxIag6NC0MxqsDAG86wGoWk7vYP4vL69xPPq6rUDZ1574z+Pht2La6BioWXm9pmcIOpJBv9u/eE/I1iGUSLiPEQpyQ1eHRbhy5b//AeQTZIHMESw9RgMyG9AH81eGtdART1Qgrz75uGiC1yERtq3AUm1fAZriAnvM576icR9xaZmxrOM5mIN5iReSVABU8gOxe14zPvIvcwaqOVQbVG0JL4Sr1JijdtFUwgQDXjRYrQUfYUx2IFbSlyD0w6GMlBRVfNmONETek2ROovJNQ4AAAAASUVORK5CYII=", Ve = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAATBJREFUOE+lk4FNw0AMRbkJgAlYASYgTABMQNigTECZgDIBHaGdgHYCygZsAEwQ3ot8p2uUFqRasnKO7X/+PjsdDaTrunN+XaMN6lnZoCt0mVLyXCTVBskT7Of4t45ETYEu0W90CshLzisAJC/i5iXfliCDi+A/wZhHzAL/rc4eoLr5HodBO4XYFucr+kDsLAXnd37I72ZfcvZFtVK6EmDK4RE9HZa9CyzofOF/EmDVc0mpGXC2GoHlbrn2qEjJ42Cz5gT4AnXAJ8ZZ/Njgvxj4Z9h3VvAfgA8A8kz0OOQJ0P5Fwf5IYbKPgkEHNdHSbORbHo6a69g5nrHB1xw+SPmGapR9LidybJSdQJ+3DN3YMtmT46CVN0+alvyDuky+QC9bAPE8BnuLCcN1dom21vkXc/+iuK1zLp4AAAAASUVORK5CYII=", Ge = "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", Qe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAQFJREFUOE+VUzsSAUEQtZEj2FsQysjIyIRKtCmRkgnJyIRCmZURIZRxC07Be6pnq3e2Z5WuejX9mf5OT/QGVRRFIC37fOE+Fc5J86Eghfu+oiy7s+US+iXh0gvYAQPhjziHwA14AkmuZQoS5CGGPs49QHkMnIE1cBf+irPnqvgOTAIwc/OH8wR2JjADMEurJDOdSRugalXA/k6Bsp3zCnbOJ7ECsOe20bN2pn0eamEJQ8cbmO/cgH0B1EItzNS0LWe+Cp91agU4SHl8tpAzW7gA9SyAsUgjmTYHRgeWzczkqeNSZRQZq5zC2gW2QAxwN8hTRzkurLJW6OghvvQv/PudP2fPqPEaEaVuAAAAAElFTkSuQmCC", Ke = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAABHNCSVQICAgIfAhkiAAAAPZJREFUOE/tk0EOwUAUhs0NLCyRLsTa2ooT4ATqRuICWhfA1ik4AYmtBCeo769OUq1pxk7ES740fW/eP2/+aU3NEUmSnCk1c+W2MUa5Upi/iL8nWom5Kx59DO24vFPeaeyPieBHnSPtoAs9fDm5fCl5QvOYxSOYwAUacIMjRIjFRbFUhMaAxxRCuMMcNrCwt5OJqz6AJcQI7tPboaiCkooZhcjuRE3TtMhJLA1yViTIhML8JBITV9AkW5p1DNusY2raIWgjHe05iV1U2ElialqDhPR+yBol8BJVf7FuR82BJvvodoq7+LxXfvY+Am898W3Mr/ueSR4JpmsW0RAzTwAAAABJRU5ErkJggg==", Je = "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=", qe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAU5JREFUOE+dkjFLQzEURnsRRUW0uDkI3XQo0m6Odms3QRHHjk5SNzfd/Ac66iKKIm0nHf0HduncooibiLo5PM/3SCAvlmL74NDk3uTk3jSWG/FLkmSTLUeQhwMbcX8OQZ89H46FcQWvCGbBxhFssfEGvqCeEfzpz6wVt+jWNInXzOwhFmT7MysPEFwT24BlBD+x4JmE+puGSRYUQwGnzzF/g0tye8rFAtm34RtmYIWFqir9EOzycwUV4o8ZAckCgSdowz68wD0LtckLdCfrsEQ8iQUXBPRISjoV4SHjEygy77ry35mfMm94qQU3v0bw1p9IXPfQhw6xKvM643MoM++EAi3Sy1Lf8yQl8iXros6gBjq1QH7V59MW3NPsMdbbJm+lQDDBWP/MFCzCHfmdWKC+j52gwYLM4+EACdT7p9aEFaYVhLZB42EV/lcwtMJfrJ6SRKgz9VoAAAAASUVORK5CYII=", Xe = "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=", et = ["onClick"], tt = ["src", "alt"], it = ["src"], st = ["src"], ot = ["id"], nt = /* @__PURE__ */ ke({
+  name: `${Te}-measurement`,
   __name: "Measurement",
-  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 },
+  props: Ye,
+  setup(Q, { expose: i }) {
+    const e = Q, t = De("measurement"), a = e.overlayContainerId || "cx-measurement-overlay", s = [
+      { key: "horizontal", label: "水平测距", icon: je },
+      { key: "vertical", label: "垂直测距", icon: Je },
       { key: "space", label: "空间测距", icon: Ze },
-      { key: "triangle", label: "三角测量", icon: qe },
-      { key: "polyline", label: "折线测距", icon: je },
-      { key: "area", label: "面积测量", icon: Ge },
+      { key: "triangle", label: "三角测量", icon: Xe },
+      { key: "polyline", label: "折线测距", icon: qe },
+      { key: "area", label: "面积测量", icon: Qe },
       { 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);
+      { key: "regularPolygon", label: "正多边形", icon: Ge },
+      { key: "terrainHeight", label: "地形高度", icon: Ke },
+      { key: "coordinate", label: "坐标查询", icon: Ve }
+    ], o = ce(""), d = ce(!1), n = ce(null);
     let r = null;
-    const c = Oe("leitingMethods"), p = (u, C) => {
-      !u || !C || (r = u, n.value = new Pe({ Cesium: u, viewer: C }));
+    const c = Fe("leitingMethods"), p = (u, C) => {
+      !u || !C || (r = u, n.value = new Ae({ Cesium: u, viewer: C }));
     }, m = (u) => {
-      const C = U(c);
+      const C = G(c);
       if (!n.value && C) {
         const L = C.getCesium(), f = C.getViewer();
-        r = L, n.value = new Pe({ Cesium: L, viewer: f });
+        r = L, n.value = new Ae({ Cesium: L, viewer: f });
       }
       if (!(!n.value || !r)) {
         if (u === "clear") {
@@ -2878,7 +3056,7 @@ const $e = {
           return;
         }
         o.value = u, n.value.measure(u, {
-          overlayContainerId: h,
+          overlayContainerId: a,
           color: r.Color.YELLOW.withAlpha(0.5),
           lineColor: r.Color.fromCssColorString("#51ff00"),
           dashLineColor: r.Color.RED,
@@ -2887,34 +3065,34 @@ const $e = {
       }
     }, g = () => {
       n.value && (n.value.clearAll(), o.value = "");
-    }, l = () => {
-      n.value && n.value.toggleSpecifiedClear(h);
-    }, a = (u) => {
+    }, h = () => {
+      n.value && n.value.toggleSpecifiedClear(a);
+    }, l = (u) => {
       d.value = u;
     };
     function w() {
       if (n.value) return n.value;
-      const u = U(c), C = u?.getCesium?.(), L = u?.getViewer?.();
+      const u = G(c), C = u?.getCesium?.(), L = u?.getViewer?.();
       (C && L || e.Cesium && e.viewer) && p(C, L);
     }
-    return Fe(
+    return _e(
       () => c?.value,
       (u, C) => {
         w();
       },
       { deep: !1 }
-    ), ke(() => {
+    ), He(() => {
       w();
-    }), Re(() => {
+    }), Oe(() => {
       n.value && (n.value.clear(), n.value = null);
     }), i({
       init: p,
-      open: a,
+      open: l,
       tool: n,
       setMeasurementInfo(u) {
         n.value && (u.measurements?.forEach((C) => {
           C.options = {
-            overlayContainerId: h,
+            overlayContainerId: a,
             color: r.Color.YELLOW,
             lineColor: r.Color.fromCssColorString("#51ff00"),
             dashLineColor: r.Color.RED,
@@ -2933,66 +3111,66 @@ const $e = {
           measurements: []
         };
       }
-    }), (u, C) => (ce(), de(pe, null, [
-      He(K("div", {
-        class: ee([U(t).b("box"), U(t).is("small", e.size === "small")])
+    }), (u, C) => (ge(), ue(ye, null, [
+      Re(K("div", {
+        class: ee([G(t).b("box"), G(t).is("small", e.size === "small")])
       }, [
-        (ce(), de(pe, null, _e(s, (L) => K("div", {
+        (ge(), ue(ye, null, Ne(s, (L) => K("div", {
           key: L.key,
-          class: ee([U(t).be("box", "btn"), { active: o.value === L.key }]),
+          class: ee([G(t).be("box", "btn"), { active: o.value === L.key }]),
           onClick: (f) => m(L.key)
         }, [
           K("div", {
-            class: ee(U(t).be("box", "icon"))
+            class: ee(G(t).be("box", "icon"))
           }, [
             K("img", {
               src: L.icon,
               alt: L.label
-            }, null, 8, et)
+            }, null, 8, tt)
           ], 2),
-          le(" " + Ne(L.label), 1)
-        ], 10, Xe)), 64)),
+          de(" " + ze(L.label), 1)
+        ], 10, et)), 64)),
         K("div", {
-          class: ee(U(t).be("box", "btn")),
-          onClick: l
+          class: ee(G(t).be("box", "btn")),
+          onClick: h
         }, [
           K("div", {
-            class: ee(U(t).be("box", "icon"))
+            class: ee(G(t).be("box", "icon"))
           }, [
             K("img", {
-              src: U(Ae),
+              src: G(Ie),
               alt: "指定清除"
-            }, null, 8, tt)
+            }, null, 8, it)
           ], 2),
-          C[0] || (C[0] = le(" 指定清除 ", -1))
+          C[0] || (C[0] = de(" 指定清除 ", -1))
         ], 2),
         K("div", {
-          class: ee(U(t).be("box", "btn")),
+          class: ee(G(t).be("box", "btn")),
           onClick: g
         }, [
           K("div", {
-            class: ee(U(t).be("box", "icon"))
+            class: ee(G(t).be("box", "icon"))
           }, [
             K("img", {
-              src: U(Ae),
+              src: G(Ie),
               alt: "清除"
-            }, null, 8, it)
+            }, null, 8, st)
           ], 2),
-          C[1] || (C[1] = le(" 清除全部 ", -1))
+          C[1] || (C[1] = de(" 清除全部 ", -1))
         ], 2)
       ], 2), [
-        [ze, d.value]
+        [Be, d.value]
       ]),
       K("div", {
-        id: U(h),
-        class: ee(U(t).be("box", "container"))
-      }, null, 10, st)
+        id: G(a),
+        class: ee(G(t).be("box", "container"))
+      }, null, 10, ot)
     ], 64));
   }
-}), lt = Te(ot);
+}), ht = Se(nt);
 export {
-  lt as CxMeasurement,
-  lt as default,
-  $e as measurementProps
+  ht as CxMeasurement,
+  ht as default,
+  Ye as measurementProps
 };
 //# sourceMappingURL=measurement.js.map