@realsee/dnalogel 3.66.0-alpha.9 → 3.66.1

package/libs/MeasurePlugin/Controller.js

@@ -1,37 +1,37 @@
-var C = Object.defineProperty, L = Object.defineProperties;
+var C = Object.defineProperty, k = 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) => {
+var D = Object.getOwnPropertySymbols;
+var H = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var b = (p, l, e) => l in p ? C(p, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[l] = e, h = (p, 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";
+    H.call(l, e) && b(p, e, l[e]);
+  if (D)
+    for (var e of D(l))
+      U.call(l, e) && b(p, e, l[e]);
+  return p;
+}, E = (p, l) => k(p, F(l));
+var i = (p, l, e) => (b(p, typeof l != "symbol" ? l + "" : l, 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 { PointSelector as T } from "../shared-utils/three/PointSelector/index.js";
+import { Subscribe as x } from "../shared-utils/Subscribe.js";
+import { PointSelector as I } 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 L } 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 T } from "../shared-utils/five/FiveDomEvents.js";
 import "../shared-utils/five/FivePuppet.js";
-import { MeasureMesh as U } from "./utils/MeasureMesh.js";
-import { PointMesh as _ } from "../Sculpt/Meshes/Point.js";
+import { MeasureMesh as _ } from "./utils/MeasureMesh.js";
+import { PointMesh as w } 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 { 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 { hotkeys as m } from "../vendor/hotkeys-js/dist/hotkeys.esm.js";
+import { PolygonMesh as R } from "../Sculpt/Meshes/Polygon.js";
+import { validatePolygon as z } 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,7 +94,7 @@ 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 x {
   constructor(e, t) {
     super();
     i(this, "name", "MeasurePlugin");
@@ -116,62 +116,68 @@ class Mt extends I {
       opacity: 0.2,
       lengthUnit: "m"
     });
+    /**
+     * @description Initialize event listeners for all existing meshes
+     */
+    i(this, "initEventListeners", () => {
+      this.group.children.forEach(this.addMeshEventListeners);
+    });
     /**
      * @description 开始测量
      */
     i(this, "measure", () => {
-      this.listener.addMeasureListener(), this.listener.removeClickListener(), this.group.children.forEach((n) => n.unselect()), this.cursor.removeDeleteButton();
-      const e = new U({
+      this.listener.addMeasureListener(), m.unbind("delete, backspace"), this.group.children.forEach((r) => r.unselect()), this.cursor.removeDeleteButton();
+      const e = new _({
         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 w({ occlusionMode: "depthTest", occlusionVisibility: !0 }), n = new V(E(h({}, this.lineStyle), { dashed: !0, cssStyle: "pointer-events: none;" })), o = new R(this.polygonStyle), c = new L(E(h({}, 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 L(E(h({}, 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;"
+      })), d = new w({ occlusionMode: "depthTest", occlusionVisibility: !0, color: 3407837, opacity: 0.5 }), v = () => {
+        t.removeFromParent(), n.removeFromParent(), o.removeFromParent(), c.removeFromParent(), u.removeFromParent(), d.removeFromParent();
       };
       this.group.add(e);
-      const v = (n) => {
-        if (!n) {
-          m();
+      const g = (r) => {
+        if (!r) {
+          v();
           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(n), n.setPoints([e.points.at(-1), r.point]), r.isAdsorbed)
+            c.removeFromParent(), u.removeFromParent(), d.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);
+            if (Math.abs(r.point.y - s.y) > 0.2) {
+              const f = new a.Vector3(r.point.x, s.y, r.point.z);
+              c.setPoints([s, f]), u.setPoints([f, r.point]), d.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 - s.x) < Math.abs(r.point.z - s.z) ? f = new a.Vector3(r.point.x, s.y, s.z) : f = new a.Vector3(s.x, s.y, r.point.z), c.setPoints([s, f]), u.setPoints([f, r.point]), d.position.copy(f);
             }
-            this.group.addIfNotExists(a, p, u);
+            this.group.addIfNotExists(c, u, d);
           }
         if (e.points.length >= 2) {
-          const s = [...e.points, n.point];
-          A(s) ? (o.setPoints(s), this.group.addIfNotExists(o)) : o.removeFromParent();
+          const s = [...e.points, r.point];
+          z(s) ? (o.setPoints(s), this.group.addIfNotExists(o)) : o.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 && (v(), e.setPoints([...e.points, r.point]), this.updateSelectAdsorbedHelper(), e.isPolygon && this.pointSelector.disable());
+      }, M = () => {
+        var r, s;
+        e == null || e.setPoints(e.points.slice(0, -1)), v(), (s = (r = this.pointSelector.pointSelectorHelper) == null ? void 0 : r.magnifier) == null || s.render(), this.updateSelectAdsorbedHelper(), this.five.needsRender = !0;
+      }, P = () => {
+        this.pointSelector.off("intersectionUpdate", g), this.pointSelector.off("select", y), this.pointSelector.off("disable", P), this.off("undo", M), e.line.setStyle({ cssStyle: "pointer-events: auto;" }), v(), e.points.length < 2 ? e.removeFromParent() : this.addMeshEventListeners(e), e.__five_pano_index = this.five.panoIndex, this.currentMeasureMesh = null, 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", P), this.pointSelector.enable();
     });
     /**
      * @description 结束测量
@@ -179,6 +185,44 @@ class Mt extends I {
     i(this, "endMeasure", () => {
       this.pointSelector.disable();
     });
+    /**
+     * Enable or disable the display of length measurements
+     * @param enable - Whether to display length measurements
+     */
+    i(this, "setLengthEnable", (e) => {
+      this.lineStyle.lengthEnable = e, this.polygonStyle.lengthEnable = e, this.group.children.forEach((t) => {
+        t.changeConfig({
+          lineStyle: h({}, this.lineStyle),
+          polygonStyle: h({}, this.polygonStyle)
+        }), this.addMeshEventListeners(t);
+      }), this.currentMeasureMesh && this.currentMeasureMesh.changeConfig({
+        lineStyle: h({}, this.lineStyle),
+        polygonStyle: h({}, this.polygonStyle)
+      }), 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)
+     */
+    i(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: h({}, this.lineStyle),
+            polygonStyle: h({}, this.polygonStyle)
+          }), this.addMeshEventListeners(t);
+        } catch (n) {
+        }
+      }), this.currentMeasureMesh)
+        try {
+          this.currentMeasureMesh.changeConfig({
+            lineStyle: h({}, this.lineStyle),
+            polygonStyle: h({}, this.polygonStyle)
+          });
+        } catch (t) {
+        }
+      this.five.needsRender = !0;
+    });
     /**
      * @description 取消本次测量
      */
@@ -203,7 +247,7 @@ class Mt extends I {
      * @description 清空所有测量内容
      */
     i(this, "clear", () => {
-      this.currentMeasureMesh = null, this.pointSelector.disable(), this.group.removeChildren(), this.cursor.removeDeleteButton();
+      this.currentMeasureMesh = null, this.pointSelector.disable(), this.group.children.forEach(this.removeMeshEventListeners), this.group.removeChildren(), this.cursor.removeDeleteButton();
     });
     i(this, "dispose", () => {
       this.listener.removeMeasureListener(), this.listener.removeClickListener(), this.pointSelector.disable(), this.clear();
@@ -212,46 +256,41 @@ class Mt extends I {
     i(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);
-        });
+        this.five.on("panoArrived", this.onMoveToPano), this.five.on("modeChange", this.onModeChange), m("delete, backspace", this.deleteSelectedMesh), this.initEventListeners();
       },
       removeClickListener: () => {
         this.group.children.forEach((e) => {
-          var t, r;
+          var t, n;
           (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");
+          }), (n = e.polygon.areaDom) != null && n.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), m.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);
+        m("ctrl+z, command+z", this.undo), m("esc", this.cancel), m("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);
+        m.unbind("ctrl+z, command+z"), m.unbind("esc"), m.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();
+      const t = this.group.children.filter((o) => o !== this.currentMeasureMesh), n = new N();
       t.forEach((o) => {
-        var p;
+        var u;
         if (o.unselect(), o.__five_pano_index === e) {
           o.visible = !0;
           return;
         }
-        ((p = o.line.points) == null ? void 0 : p.some((u) => {
+        ((u = o.line.points) == null ? void 0 : u.some((d) => {
           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)
+          const v = d.clone().sub(this.five.camera.position).normalize();
+          n.set(this.five.camera.position, v);
+          const g = (S = (s = this.five.model.intersectRaycaster(n, void 0, !0)) == null ? void 0 : s[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;
+          const y = 0.01, M = d.distanceTo(this.five.camera.position);
+          return g.distanceTo(this.five.camera.position) + y > M;
         })) ? o.visible = !0 : o.visible = !1, this.five.needsRender = !0;
       });
     });
@@ -261,28 +300,28 @@ class Mt extends I {
       });
     });
     i(this, "onClick", ({ origDomEvent: e, target: t }) => {
-      var m;
-      const r = t;
-      if (!r)
+      var v;
+      const n = t;
+      if (!n)
         return;
-      if (r.selected) {
-        r.unselect(), this.cursor.removeDeleteButton();
+      if (n.selected) {
+        n.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 o, c;
+      if (e && ("touches" in e && e.touches && e.touches[0] ? (o = e.touches[0].clientX, c = e.touches[0].clientY) : "clientX" in e && "clientY" in e && (o = e.clientX, c = e.clientY)), o === void 0 || c === 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()), n.select();
+      const u = () => {
+        this.removeMeshEventListeners(n), n.removeFromParent(), this.cursor.removeDeleteButton(), this.five.needsRender = !0;
+      }, d = ((v = this.five.getElement()) == null ? void 0 : v.parentElement) || document.body;
       this.cursor.showDeleteButton({
         clientX: o,
-        clientY: a,
-        container: u,
-        onClick: p
+        clientY: c,
+        container: d,
+        onClick: u
       }), this.five.once("cameraUpdate", () => {
-        r.unselect(), this.cursor.removeDeleteButton();
+        n.unselect(), this.cursor.removeDeleteButton();
       });
     });
     i(this, "onHover", ({ target: e }) => {
@@ -298,7 +337,16 @@ class Mt extends I {
       t && t.unhover();
     });
     i(this, "deleteSelectedMesh", () => {
-      this.group.children.filter((t) => t.selected).forEach((t) => t.removeFromParent()), this.cursor.removeDeleteButton(), this.five.needsRender = !0;
+      this.group.children.filter((t) => t.selected).forEach((t) => {
+        this.removeMeshEventListeners(t), t.removeFromParent();
+      }), this.cursor.removeDeleteButton(), this.five.needsRender = !0;
+    });
+    // Helper method to remove all event listeners from a mesh
+    i(this, "removeMeshEventListeners", (e) => {
+      var t, n;
+      (t = e.line.doms) == null || t.forEach((o) => {
+        o != null && o.container && (o.container.onclick = null, o.container.onmouseenter = null, o.container.onmouseleave = null);
+      }), (n = e.polygon.areaDom) != null && n.container && (e.polygon.areaDom.container.onclick = null, e.polygon.areaDom.container.onmouseenter = null, e.polygon.areaDom.container.onmouseleave = null), this.fiveDomEvents.removeEventListener(e, "click"), this.fiveDomEvents.removeEventListener(e, "hover"), this.fiveDomEvents.removeEventListener(e, "unHover");
     });
     i(this, "updateSelectAdsorbedHelper", () => {
       if (!this.currentMeasureMesh || this.currentMeasureMesh.points.length === 0) {
@@ -309,13 +357,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 +372,34 @@ 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);
+    i(this, "addMeshEventListeners", (e) => {
+      var t, n;
+      this.removeMeshEventListeners(e), (t = e.line.doms) == null || t.forEach((o) => {
+        o != null && o.container && (o.container.onclick = (c) => this.onClick({ origDomEvent: c, target: e }), o.container.onmouseenter = () => this.onHover({ target: e }), o.container.onmouseleave = () => this.onUnHover({ target: e }));
+      }), (n = e.polygon.areaDom) != null && n.container && (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);
+    });
+    /**
+     * @description Load measurement data from external source
+     * @param data Array of point data for measurements
+     */
+    i(this, "load", (e) => {
+      this.clear(), e.forEach((t) => {
+        const n = new _({
+          lineStyle: this.lineStyle,
+          polygonStyle: this.polygonStyle
+        });
+        n.setPoints(t.points), this.group.add(n), this.addMeshEventListeners(n), n.__five_pano_index = this.five.panoIndex;
+      }), this.five.needsRender = !0;
+    });
+    this.five = e;
+    const n = { unit: "m", lengthEnable: !0 };
+    this.config = t ? h(h({}, n), t) : n, this.group = new A(), this.group.name = "MeasureGroup", this.five.scene.add(this.group), this.five.on("panoArrived", this.onMoveToPano), this.five.on("modeChange", this.onModeChange), m("delete, backspace", this.deleteSelectedMesh), this.initEventListeners();
   }
   get pointSelector() {
-    return this._pointSelector ? this._pointSelector : (this._pointSelector = new T(this.five, { mode: "cursor", helper: { pointHelper: "highlight" } }), this._pointSelector);
+    return this._pointSelector ? this._pointSelector : (this._pointSelector = new I(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 T(this.five, { fiveModels: null }), this._fiveDomEvents);
   }
   get cursor() {
     return this._cursor ? this._cursor : (this._cursor = new B(), this._cursor);
@@ -339,10 +408,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, n;
+    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), (n = (t = this.group) == null ? void 0 : t.children) == null || n.forEach((o) => o.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 {};