@realsee/dnalogel 3.66.0-alpha.8 → 3.66.0

package/libs/MeasurePlugin/Controller.js

@@ -1,37 +1,37 @@
 var C = Object.defineProperty, L = Object.defineProperties;
-var F = Object.getOwnPropertyDescriptors;
-var w = Object.getOwnPropertySymbols;
-var k = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
-var b = (h, l, e) => l in h ? C(h, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[l] = e, y = (h, l) => {
-  for (var e in l || (l = {}))
-    k.call(l, e) && b(h, e, l[e]);
-  if (w)
-    for (var e of w(l))
-      H.call(l, e) && b(h, e, l[e]);
-  return h;
-}, P = (h, l) => L(h, F(l));
-var i = (h, l, e) => (b(h, typeof l != "symbol" ? l + "" : l, e), e);
-import * as c from "three";
+var k = Object.getOwnPropertyDescriptors;
+var D = Object.getOwnPropertySymbols;
+var H = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var P = (p, h, e) => h in p ? C(p, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[h] = e, c = (p, h) => {
+  for (var e in h || (h = {}))
+    H.call(h, e) && P(p, e, h[e]);
+  if (D)
+    for (var e of D(h))
+      F.call(h, e) && P(p, e, h[e]);
+  return p;
+}, E = (p, h) => L(p, k(h));
+var n = (p, h, e) => (P(p, typeof h != "symbol" ? h + "" : h, e), e);
+import * as a from "three";
 import "../shared-utils/tag.js";
 import "../vendor/hammerjs/hammer.js";
-import { Subscribe as I } from "../shared-utils/Subscribe.js";
+import { Subscribe as U } from "../shared-utils/Subscribe.js";
 import { PointSelector as T } from "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { LineMesh as D } from "../Sculpt/Meshes/Line.js";
+import { LineMesh as w } from "../Sculpt/Meshes/Line.js";
 import "../shared-utils/three/core/Sphere.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { FiveDomEvents as x } from "../shared-utils/five/FiveDomEvents.js";
+import { FiveDomEvents as I } from "../shared-utils/five/FiveDomEvents.js";
 import "../shared-utils/five/FivePuppet.js";
-import { MeasureMesh as U } from "./utils/MeasureMesh.js";
+import { MeasureMesh as x } from "./utils/MeasureMesh.js";
 import { PointMesh as _ } from "../Sculpt/Meshes/Point.js";
 import { LineWithDotsMesh as V } from "../Sculpt/Meshes/LineWithDots.js";
-import { hotkeys as f } from "../vendor/hotkeys-js/dist/hotkeys.esm.js";
+import { hotkeys as v } from "../vendor/hotkeys-js/dist/hotkeys.esm.js";
 import { PolygonMesh as z } from "../Sculpt/Meshes/Polygon.js";
-import { validatePolygon as A } from "./utils/validatePolygon.js";
-import { IObject3D as R } from "../shared-utils/three/IObject3D.js";
+import { validatePolygon as R } from "./utils/validatePolygon.js";
+import { IObject3D as A } from "../shared-utils/three/IObject3D.js";
 import { Cursor as B } from "../Sculpt/utils/Modules/Cursor.js";
 import { THREERaycaster as N } from "../shared-utils/three/core/Raycaster.js";
 import "../shared-utils/positionToVector3.js";
@@ -94,23 +94,23 @@ import "../shared-utils/three/geometryUtil.js";
 import "../shared-utils/three/vectorIsEqual.js";
 import "../Sculpt/utils/Modules/DeleteButtonBgBorder.js";
 import "../Sculpt/utils/Modules/DeleteIconSVG.js";
-class Mt extends I {
+class gt extends U {
   constructor(e, t) {
     super();
-    i(this, "name", "MeasurePlugin");
-    i(this, "currentMeasureMesh");
-    i(this, "five");
-    i(this, "group");
-    i(this, "_pointSelector");
-    i(this, "_fiveDomEvents");
-    i(this, "_cursor");
-    i(this, "_config");
-    i(this, "lineStyle", {
+    n(this, "name", "MeasurePlugin");
+    n(this, "currentMeasureMesh");
+    n(this, "five");
+    n(this, "group");
+    n(this, "_pointSelector");
+    n(this, "_fiveDomEvents");
+    n(this, "_cursor");
+    n(this, "_config");
+    n(this, "lineStyle", {
       lengthEnable: !0,
       occlusionVisibility: !0,
       lengthUnit: "m"
     });
-    i(this, "polygonStyle", {
+    n(this, "polygonStyle", {
       lengthEnable: !0,
       occlusionVisibility: !0,
       opacity: 0.2,
@@ -119,188 +119,235 @@ class Mt extends I {
     /**
      * @description 开始测量
      */
-    i(this, "measure", () => {
-      this.listener.addMeasureListener(), this.listener.removeClickListener(), this.group.children.forEach((n) => n.unselect()), this.cursor.removeDeleteButton();
-      const e = new U({
+    n(this, "measure", () => {
+      this.listener.addMeasureListener(), this.listener.removeClickListener(), this.group.children.forEach((r) => r.unselect()), this.cursor.removeDeleteButton();
+      const e = new x({
         lineStyle: this.lineStyle,
         polygonStyle: this.polygonStyle
       });
       this.currentMeasureMesh = e, e.line.setStyle({ cssStyle: "pointer-events: none;" }), this.pointSelector.actionIfNoIntersection = "disable", this.updateSelectAdsorbedHelper();
-      const t = new _({ occlusionMode: "depthTest", occlusionVisibility: !0 }), r = new V(P(y({}, this.lineStyle), { dashed: !0, cssStyle: "pointer-events: none;" })), o = new z(this.polygonStyle), a = new D(P(y({}, this.lineStyle), {
+      const t = new _({ occlusionMode: "depthTest", occlusionVisibility: !0 }), o = new V(E(c({}, this.lineStyle), { dashed: !0, cssStyle: "pointer-events: none;" })), i = new z(this.polygonStyle), s = new w(E(c({}, this.lineStyle), {
         lineOpacity: 0.5,
         lineColor: 3407837,
         dashed: !0,
-        cssStyle: "pointer-events: none; color: #fff; opacity: 0.5;"
-      })), p = new D(P(y({}, this.lineStyle), {
+        cssStyle: "pointer-events: none; opacity: 0.5;"
+      })), u = new w(E(c({}, this.lineStyle), {
         lineOpacity: 0.5,
         lineColor: 3407837,
         dashed: !0,
-        cssStyle: "pointer-events: none; color: #fff; opacity: 0.5;"
-      })), u = new _({ occlusionMode: "depthTest", occlusionVisibility: !0, color: 3407837, opacity: 0.5 }), m = () => {
-        t.removeFromParent(), r.removeFromParent(), o.removeFromParent(), a.removeFromParent(), p.removeFromParent(), u.removeFromParent();
+        cssStyle: "pointer-events: none; opacity: 0.5;"
+      })), m = new _({ occlusionMode: "depthTest", occlusionVisibility: !0, color: 3407837, opacity: 0.5 }), d = () => {
+        t.removeFromParent(), o.removeFromParent(), i.removeFromParent(), s.removeFromParent(), u.removeFromParent(), m.removeFromParent();
       };
       this.group.add(e);
-      const v = (n) => {
-        if (!n) {
-          m();
+      const g = (r) => {
+        if (!r) {
+          d();
           return;
         }
-        if (e.points.length === 0 && (this.pointSelector.actionIfNoIntersection = "disable", this.group.addIfNotExists(t), t.position.copy(n.point)), e.points.length >= 1)
-          if (this.pointSelector.actionIfNoIntersection = "virtualPoint", t.removeFromParent(), this.group.addIfNotExists(r), r.setPoints([e.points.at(-1), n.point]), n.isAdsorbed)
-            a.removeFromParent(), p.removeFromParent(), u.removeFromParent();
+        if (e.points.length === 0 && (this.pointSelector.actionIfNoIntersection = "disable", this.group.addIfNotExists(t), t.position.copy(r.point)), e.points.length >= 1)
+          if (this.pointSelector.actionIfNoIntersection = "virtualPoint", t.removeFromParent(), this.group.addIfNotExists(o), o.setPoints([e.points.at(-1), r.point]), r.isAdsorbed)
+            s.removeFromParent(), u.removeFromParent(), m.removeFromParent();
           else {
-            const s = e.points.at(-1);
-            if (Math.abs(n.point.y - s.y) > 0.2) {
-              const d = new c.Vector3(n.point.x, s.y, n.point.z);
-              a.setPoints([s, d]), p.setPoints([d, n.point]), u.position.copy(d);
+            const l = e.points.at(-1);
+            if (Math.abs(r.point.y - l.y) > 0.2) {
+              const f = new a.Vector3(r.point.x, l.y, r.point.z);
+              s.setPoints([l, f]), u.setPoints([f, r.point]), m.position.copy(f);
             } else {
-              let d = new c.Vector3();
-              Math.abs(n.point.x - s.x) < Math.abs(n.point.z - s.z) ? d = new c.Vector3(n.point.x, s.y, s.z) : d = new c.Vector3(s.x, s.y, n.point.z), a.setPoints([s, d]), p.setPoints([d, n.point]), u.position.copy(d);
+              let f = new a.Vector3();
+              Math.abs(r.point.x - l.x) < Math.abs(r.point.z - l.z) ? f = new a.Vector3(r.point.x, l.y, l.z) : f = new a.Vector3(l.x, l.y, r.point.z), s.setPoints([l, f]), u.setPoints([f, r.point]), m.position.copy(f);
             }
-            this.group.addIfNotExists(a, p, u);
+            this.group.addIfNotExists(s, u, m);
           }
         if (e.points.length >= 2) {
-          const s = [...e.points, n.point];
-          A(s) ? (o.setPoints(s), this.group.addIfNotExists(o)) : o.removeFromParent();
+          const l = [...e.points, r.point];
+          R(l) ? (i.setPoints(l), this.group.addIfNotExists(i)) : i.removeFromParent();
         }
-      }, M = (n) => {
-        n && (m(), e.setPoints([...e.points, n.point]), this.updateSelectAdsorbedHelper(), e.isPolygon && this.pointSelector.disable());
-      }, g = () => {
-        var n, s;
-        e == null || e.setPoints(e.points.slice(0, -1)), m(), (s = (n = this.pointSelector.pointSelectorHelper) == null ? void 0 : n.magnifier) == null || s.render(), this.updateSelectAdsorbedHelper(), this.five.needsRender = !0;
-      }, E = () => {
-        this.pointSelector.off("intersectionUpdate", v), this.pointSelector.off("select", M), this.pointSelector.off("disable", E), this.off("undo", g), e.line.setStyle({ cssStyle: "pointer-events: auto;" }), m(), e.points.length < 2 && e.removeFromParent(), e.__five_pano_index = this.five.panoIndex, this.currentMeasureMesh = null, this.listener.addClickListener(), this.listener.removeMeasureListener(), this.emit("measureEnd");
+      }, y = (r) => {
+        r && (d(), e.setPoints([...e.points, r.point]), this.updateSelectAdsorbedHelper(), e.isPolygon && this.pointSelector.disable());
+      }, M = () => {
+        var r, l;
+        e == null || e.setPoints(e.points.slice(0, -1)), d(), (l = (r = this.pointSelector.pointSelectorHelper) == null ? void 0 : r.magnifier) == null || l.render(), this.updateSelectAdsorbedHelper(), this.five.needsRender = !0;
+      }, b = () => {
+        this.pointSelector.off("intersectionUpdate", g), this.pointSelector.off("select", y), this.pointSelector.off("disable", b), this.off("undo", M), e.line.setStyle({ cssStyle: "pointer-events: auto;" }), d(), e.points.length < 2 && e.removeFromParent(), e.__five_pano_index = this.five.panoIndex, this.currentMeasureMesh = null, this.listener.addClickListener(), this.listener.removeMeasureListener(), this.emit("measureEnd");
       };
-      this.on("undo", g), this.pointSelector.on("intersectionUpdate", v), this.pointSelector.on("select", M), this.pointSelector.on("disable", E), this.pointSelector.enable();
+      this.on("undo", M), this.pointSelector.on("intersectionUpdate", g), this.pointSelector.on("select", y), this.pointSelector.on("disable", b), this.pointSelector.enable();
     });
     /**
      * @description 结束测量
      */
-    i(this, "endMeasure", () => {
+    n(this, "endMeasure", () => {
       this.pointSelector.disable();
     });
+    /**
+     * Enable or disable the display of length measurements
+     * @param enable - Whether to display length measurements
+     */
+    n(this, "setLengthEnable", (e) => {
+      this.lineStyle.lengthEnable = e, this.polygonStyle.lengthEnable = e, this.group.children.forEach((t) => {
+        t.changeConfig({
+          lineStyle: c({}, this.lineStyle),
+          polygonStyle: c({}, this.polygonStyle)
+        });
+      }), this.currentMeasureMesh && this.currentMeasureMesh.changeConfig({
+        lineStyle: c({}, this.lineStyle),
+        polygonStyle: c({}, this.polygonStyle)
+      }), e && setTimeout(() => {
+        this.group.children.forEach((t) => {
+          var o, i;
+          (o = t.line.doms) == null || o.forEach((s) => {
+            s != null && s.container && (s.container.onclick = (u) => this.onClick({ origDomEvent: u, target: t }), s.container.onmouseenter = () => this.onHover({ target: t }), s.container.onmouseleave = () => this.onUnHover({ target: t }));
+          }), (i = t.polygon.areaDom) != null && i.container && (t.polygon.areaDom.container.onclick = (s) => this.onClick({ origDomEvent: s, target: t }), t.polygon.areaDom.container.onmouseenter = () => this.onHover({ target: t }), t.polygon.areaDom.container.onmouseleave = () => this.onUnHover({ target: t }));
+        });
+      }, 50), this.five.needsRender = !0;
+    });
+    /**
+     * Switch the measurement unit without resetting the plugin
+     * @param unit - The new unit to use ('m' for metric or 'ft' for imperial)
+     */
+    n(this, "setUnit", (e) => {
+      if (this._config && (this._config.unit = e), this.lineStyle.lengthUnit = e, this.polygonStyle.lengthUnit = e, this.group.children.forEach((t) => {
+        try {
+          t.changeConfig({
+            lineStyle: c({}, this.lineStyle),
+            polygonStyle: c({}, this.polygonStyle)
+          });
+        } catch (o) {
+        }
+      }), this.currentMeasureMesh)
+        try {
+          this.currentMeasureMesh.changeConfig({
+            lineStyle: c({}, this.lineStyle),
+            polygonStyle: c({}, this.polygonStyle)
+          });
+        } catch (t) {
+        }
+      this.group.children.forEach((t) => {
+        t.visible || (t.visible = !0), t.line && !t.line.visible && (t.line.visible = !0), t.isPolygon && t.polygon && !t.polygon.visible && (t.polygon.visible = !0);
+      }), this.five.needsRender = !0;
+    });
     /**
      * @description 取消本次测量
      */
-    i(this, "cancel", () => {
+    n(this, "cancel", () => {
       var e;
       (e = this.currentMeasureMesh) == null || e.removeFromParent(), this.pointSelector.disable();
     });
     /**
      * @description 撤销上一步
      */
-    i(this, "undo", () => {
+    n(this, "undo", () => {
       this.emit("undo");
     });
     /**
      * @description 清空正在测量的内容
      */
-    i(this, "clearCurrentMeasure", () => {
+    n(this, "clearCurrentMeasure", () => {
       var e;
       (e = this.currentMeasureMesh) == null || e.removeFromParent(), this.currentMeasureMesh = null, this.pointSelector.disable();
     });
     /**
      * @description 清空所有测量内容
      */
-    i(this, "clear", () => {
+    n(this, "clear", () => {
       this.currentMeasureMesh = null, this.pointSelector.disable(), this.group.removeChildren(), this.cursor.removeDeleteButton();
     });
-    i(this, "dispose", () => {
+    n(this, "dispose", () => {
       this.listener.removeMeasureListener(), this.listener.removeClickListener(), this.pointSelector.disable(), this.clear();
     });
     // eslint-disable-next-line @typescript-eslint/member-ordering
-    i(this, "listener", {
+    n(this, "listener", {
       // 点击事件
       addClickListener: () => {
         this.group.children.forEach((e) => {
           var t;
-          (t = e.line.doms) == null || t.forEach((r) => {
-            r.container.onclick = (o) => this.onClick({ origDomEvent: o, target: e }), r.container.onmouseenter = () => this.onHover({ target: e }), r.container.onmouseleave = () => this.onUnHover({ target: e });
-          }), e.polygon.areaDom && (e.polygon.areaDom.container.onclick = (r) => this.onClick({ origDomEvent: r, target: e }), e.polygon.areaDom.container.onmouseenter = () => this.onHover({ target: e }), e.polygon.areaDom.container.onmouseleave = () => this.onUnHover({ target: e })), this.fiveDomEvents.addEventListener(e, "click", this.onClick), this.fiveDomEvents.addEventListener(e, "hover", this.onHover), this.fiveDomEvents.addEventListener(e, "unHover", this.onUnHover), this.five.on("panoArrived", this.onMoveToPano), this.five.on("modeChange", this.onModeChange), f("delete, backspace", this.deleteSelectedMesh);
+          (t = e.line.doms) == null || t.forEach((o) => {
+            o.container.onclick = (i) => this.onClick({ origDomEvent: i, target: e }), o.container.onmouseenter = () => this.onHover({ target: e }), o.container.onmouseleave = () => this.onUnHover({ target: e });
+          }), e.polygon.areaDom && (e.polygon.areaDom.container.onclick = (o) => this.onClick({ origDomEvent: o, target: e }), e.polygon.areaDom.container.onmouseenter = () => this.onHover({ target: e }), e.polygon.areaDom.container.onmouseleave = () => this.onUnHover({ target: e })), this.fiveDomEvents.addEventListener(e, "click", this.onClick), this.fiveDomEvents.addEventListener(e, "hover", this.onHover), this.fiveDomEvents.addEventListener(e, "unHover", this.onUnHover), this.five.on("panoArrived", this.onMoveToPano), this.five.on("modeChange", this.onModeChange), v("delete, backspace", this.deleteSelectedMesh);
         });
       },
       removeClickListener: () => {
         this.group.children.forEach((e) => {
-          var t, r;
-          (t = e.line.doms) == null || t.forEach((o) => {
-            o != null && o.container && (o.container.onclick = null, o.container.onmouseenter = null, o.container.onmouseleave = null);
-          }), (r = e.polygon.areaDom) != null && r.container && (e.polygon.areaDom.container.onclick = null, e.polygon.areaDom.container.onmouseenter = null, e.polygon.areaDom.container.onmouseleave = null);
-        }), this.fiveDomEvents.clear(), this.five.off("panoArrived", this.onMoveToPano), this.five.off("modeChange", this.onModeChange), f.unbind("delete, backspace");
+          var t, o;
+          (t = e.line.doms) == null || t.forEach((i) => {
+            i != null && i.container && (i.container.onclick = null, i.container.onmouseenter = null, i.container.onmouseleave = null);
+          }), (o = e.polygon.areaDom) != null && o.container && (e.polygon.areaDom.container.onclick = null, e.polygon.areaDom.container.onmouseenter = null, e.polygon.areaDom.container.onmouseleave = null);
+        }), this.fiveDomEvents.clear(), this.five.off("panoArrived", this.onMoveToPano), this.five.off("modeChange", this.onModeChange), v.unbind("delete, backspace");
       },
       // 绘制快捷键
       addMeasureListener: () => {
-        f("ctrl+z, command+z", this.undo), f("esc", this.cancel), f("enter", this.endMeasure), this.five.on("mode.change", this.endMeasure), this.five.on("pano.moveTo", this.endMeasure), this.five.on("model.changeShownFloor", this.endMeasure);
+        v("ctrl+z, command+z", this.undo), v("esc", this.cancel), v("enter", this.endMeasure), this.five.on("mode.change", this.endMeasure), this.five.on("pano.moveTo", this.endMeasure), this.five.on("model.changeShownFloor", this.endMeasure);
       },
       removeMeasureListener: () => {
-        f.unbind("ctrl+z, command+z"), f.unbind("esc"), f.unbind("enter"), this.five.off("mode.change", this.endMeasure), this.five.off("pano.moveTo", this.endMeasure), this.five.off("model.changeShownFloor", this.endMeasure);
+        v.unbind("ctrl+z, command+z"), v.unbind("esc"), v.unbind("enter"), this.five.off("mode.change", this.endMeasure), this.five.off("pano.moveTo", this.endMeasure), this.five.off("model.changeShownFloor", this.endMeasure);
       }
     });
-    i(this, "onMoveToPano", (e) => {
-      const t = this.group.children.filter((o) => o !== this.currentMeasureMesh), r = new N();
-      t.forEach((o) => {
-        var p;
-        if (o.unselect(), o.__five_pano_index === e) {
-          o.visible = !0;
+    n(this, "onMoveToPano", (e) => {
+      const t = this.group.children.filter((i) => i !== this.currentMeasureMesh), o = new N();
+      t.forEach((i) => {
+        var u;
+        if (i.unselect(), i.__five_pano_index === e) {
+          i.visible = !0;
           return;
         }
-        ((p = o.line.points) == null ? void 0 : p.some((u) => {
-          var s, S;
-          const m = u.clone().sub(this.five.camera.position).normalize();
-          r.set(this.five.camera.position, m);
-          const v = (S = (s = this.five.model.intersectRaycaster(r, void 0, !0)) == null ? void 0 : s[0]) == null ? void 0 : S.point;
-          if (!v)
+        ((u = i.line.points) == null ? void 0 : u.some((m) => {
+          var l, S;
+          const d = m.clone().sub(this.five.camera.position).normalize();
+          o.set(this.five.camera.position, d);
+          const g = (S = (l = this.five.model.intersectRaycaster(o, void 0, !0)) == null ? void 0 : l[0]) == null ? void 0 : S.point;
+          if (!g)
             return !0;
-          const M = 0.01, g = u.distanceTo(this.five.camera.position);
-          return v.distanceTo(this.five.camera.position) + M > g;
-        })) ? o.visible = !0 : o.visible = !1, this.five.needsRender = !0;
+          const y = 0.01, M = m.distanceTo(this.five.camera.position);
+          return g.distanceTo(this.five.camera.position) + y > M;
+        })) ? i.visible = !0 : i.visible = !1, this.five.needsRender = !0;
       });
     });
-    i(this, "onModeChange", (e) => {
+    n(this, "onModeChange", (e) => {
       e === "Mapview" && this.group.children.forEach((t) => {
         t.visible = !0;
       });
     });
-    i(this, "onClick", ({ origDomEvent: e, target: t }) => {
-      var m;
-      const r = t;
-      if (!r)
+    n(this, "onClick", ({ origDomEvent: e, target: t }) => {
+      var d;
+      const o = t;
+      if (!o)
         return;
-      if (r.selected) {
-        r.unselect(), this.cursor.removeDeleteButton();
+      if (o.selected) {
+        o.unselect(), this.cursor.removeDeleteButton();
         return;
       }
-      let o, a;
-      if (e && ("touches" in e && e.touches && e.touches[0] ? (o = e.touches[0].clientX, a = e.touches[0].clientY) : "clientX" in e && "clientY" in e && (o = e.clientX, a = e.clientY)), o === void 0 || a === void 0)
+      let i, s;
+      if (e && ("touches" in e && e.touches && e.touches[0] ? (i = e.touches[0].clientX, s = e.touches[0].clientY) : "clientX" in e && "clientY" in e && (i = e.clientX, s = e.clientY)), i === void 0 || s === void 0)
         return;
-      this.group.children.forEach((v) => v.unselect()), r.select();
-      const p = () => {
-        r.removeFromParent(), this.cursor.removeDeleteButton(), this.five.needsRender = !0;
-      }, u = ((m = this.five.getElement()) == null ? void 0 : m.parentElement) || document.body;
+      this.group.children.forEach((g) => g.unselect()), o.select();
+      const u = () => {
+        o.removeFromParent(), this.cursor.removeDeleteButton(), this.five.needsRender = !0;
+      }, m = ((d = this.five.getElement()) == null ? void 0 : d.parentElement) || document.body;
       this.cursor.showDeleteButton({
-        clientX: o,
-        clientY: a,
-        container: u,
-        onClick: p
+        clientX: i,
+        clientY: s,
+        container: m,
+        onClick: u
       }), this.five.once("cameraUpdate", () => {
-        r.unselect(), this.cursor.removeDeleteButton();
+        o.unselect(), this.cursor.removeDeleteButton();
       });
     });
-    i(this, "onHover", ({ target: e }) => {
+    n(this, "onHover", ({ target: e }) => {
       if (this.currentMeasureMesh)
         return;
       const t = e;
       t && t.hover();
     });
-    i(this, "onUnHover", ({ target: e }) => {
+    n(this, "onUnHover", ({ target: e }) => {
       if (this.currentMeasureMesh)
         return;
       const t = e;
       t && t.unhover();
     });
-    i(this, "deleteSelectedMesh", () => {
+    n(this, "deleteSelectedMesh", () => {
       this.group.children.filter((t) => t.selected).forEach((t) => t.removeFromParent()), this.cursor.removeDeleteButton(), this.five.needsRender = !0;
     });
-    i(this, "updateSelectAdsorbedHelper", () => {
+    n(this, "updateSelectAdsorbedHelper", () => {
       if (!this.currentMeasureMesh || this.currentMeasureMesh.points.length === 0) {
         this.pointSelector.setAdherePoints(null), this.pointSelector.adhereLine = [], this.pointSelector.adherePlane = [];
         return;
@@ -309,13 +356,13 @@ class Mt extends I {
         this.pointSelector.setAdherePoints([this.currentMeasureMesh.points[0]]);
         const e = this.currentMeasureMesh.points.at(-1);
         this.pointSelector.adhereLine = [
-          new c.Line3(new c.Vector3(1, 0, 0).add(e), new c.Vector3(-1, 0, 0).add(e)),
-          new c.Line3(new c.Vector3(0, 1, 0).add(e), new c.Vector3(0, -1, 0).add(e)),
-          new c.Line3(new c.Vector3(0, 0, 1).add(e), new c.Vector3(0, 0, -1).add(e))
+          new a.Line3(new a.Vector3(1, 0, 0).add(e), new a.Vector3(-1, 0, 0).add(e)),
+          new a.Line3(new a.Vector3(0, 1, 0).add(e), new a.Vector3(0, -1, 0).add(e)),
+          new a.Line3(new a.Vector3(0, 0, 1).add(e), new a.Vector3(0, 0, -1).add(e))
         ], this.pointSelector.adherePlane = [];
       }
       if (this.currentMeasureMesh.points.length >= 3) {
-        const e = new c.Plane().setFromCoplanarPoints(
+        const e = new a.Plane().setFromCoplanarPoints(
           this.currentMeasureMesh.points[0],
           this.currentMeasureMesh.points[1],
           this.currentMeasureMesh.points[2]
@@ -324,13 +371,15 @@ class Mt extends I {
       } else
         this.pointSelector.adherePlane = [];
     });
-    this.five = e, this.config = t != null ? t : { unit: "m" }, this.group = new R(), this.group.name = "MeasureGroup", this.five.scene.add(this.group);
+    this.five = e;
+    const o = { unit: "m", lengthEnable: !0 };
+    this.config = t ? c(c({}, o), t) : o, this.group = new A(), this.group.name = "MeasureGroup", this.five.scene.add(this.group);
   }
   get pointSelector() {
     return this._pointSelector ? this._pointSelector : (this._pointSelector = new T(this.five, { mode: "cursor", helper: { pointHelper: "highlight" } }), this._pointSelector);
   }
   get fiveDomEvents() {
-    return this._fiveDomEvents ? this._fiveDomEvents : (this._fiveDomEvents = new x(this.five, { fiveModels: null }), this._fiveDomEvents);
+    return this._fiveDomEvents ? this._fiveDomEvents : (this._fiveDomEvents = new I(this.five, { fiveModels: null }), this._fiveDomEvents);
   }
   get cursor() {
     return this._cursor ? this._cursor : (this._cursor = new B(), this._cursor);
@@ -339,10 +388,10 @@ class Mt extends I {
     return this._config;
   }
   set config(e) {
-    var t, r;
-    this._config = e, this.lineStyle.lengthUnit = e.unit, this.polygonStyle.lengthUnit = e.unit, (r = (t = this.group) == null ? void 0 : t.children) == null || r.forEach((o) => o.changeConfig({ lineStyle: this.lineStyle, polygonStyle: this.polygonStyle }));
+    var t, o;
+    this._config = e, this.lineStyle.lengthUnit = e.unit, this.polygonStyle.lengthUnit = e.unit, e.lengthEnable !== void 0 && (this.lineStyle.lengthEnable = e.lengthEnable, this.polygonStyle.lengthEnable = e.lengthEnable), (o = (t = this.group) == null ? void 0 : t.children) == null || o.forEach((i) => i.changeConfig({ lineStyle: this.lineStyle, polygonStyle: this.polygonStyle }));
   }
 }
 export {
-  Mt as MeasureController
+  gt as MeasureController
 };

package/libs/MeasurePlugin/index.d.ts

@@ -2,5 +2,6 @@ import type { Five } from '@realsee/five';
 import { MeasureController } from './Controller';
 export type MeasurePluginConfig = {
     unit: 'm' | 'ft';
+    lengthEnable?: boolean;
 };
 export declare const MeasurePlugin: (five: Five, config?: MeasurePluginConfig) => MeasureController;

package/libs/PanoMeasurePlugin/utils/dom/base.d.ts

@@ -16,7 +16,7 @@ export declare abstract class ItemDom {
     setCanSelect(canSelect: boolean): void;
     highlight(): void;
     unHighlight(): void;
-    appendTo(container: Element): void;
+    appendTo(container: Element): this;
     remove(): void;
     show(): void;
     hide(): void;

package/libs/PanoMeasurePlugin/utils/dom/base.js

@@ -13,7 +13,7 @@ function D(e) {
   const t = document.createElement("div");
   return e != null && e.id && (t.id = e == null ? void 0 : e.id), t.classList.add("five-plugin-measure__distance"), t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = "0", t.style.height = "0", t.style.transform = "translate(-10px, -10px)", t.style.transformOrigin = "left top", e != null && e.style && Object.assign(t.style, e.style), t;
 }
-class u {
+class f {
   constructor(t) {
     n(this, "ndcPosition");
     n(this, "contentDom");
@@ -36,7 +36,7 @@ class u {
     this.contentDom.style.border = "0.5px solid rgba(255,255,255,0.6)", this.contentDom.style.background = "rgba(195,195,195,0.70)";
   }
   appendTo(t) {
-    t.appendChild(this.containerDom), this.containerDom.addEventListener("click", this.handleClick);
+    return t.appendChild(this.containerDom), this.containerDom.addEventListener("click", this.handleClick), this;
   }
   remove() {
     this.contentDom.removeEventListener("click", this.handleClick), this.containerDom.remove();
@@ -74,5 +74,5 @@ class u {
   }
 }
 export {
-  u as ItemDom
+  f as ItemDom
 };

package/libs/PanoMeasurePlugin/utils/dom/distanceItem.d.ts

@@ -19,9 +19,16 @@ interface DistanceItemParams extends ItemDomParams {
 export declare class DistanceItem extends ItemDom {
     protected params: DistanceItemParams;
     private line;
+    private lastFOV;
+    private cameraUpdateHandler;
     constructor(params: DistanceItemParams);
-    update(five: Five): void;
+    appendTo(container: Element): this;
+    remove(): void;
     /** 获取内容文本 */
     getCurrentContent(): string;
+    update(five: Five): void;
+    private getFiveInstance;
+    private onCameraUpdate;
+    private onPanoChange;
 }
 export {};