@realsee/dnalogel 3.64.4 → 3.64.5-alpha.1

package/libs/CurrentPanoImagePlugin/Controller.js

@@ -83,6 +83,8 @@ import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
+import "../Sculpt/utils/unit.js";
+import "../Sculpt/utils/renderDom.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -91,7 +93,7 @@ import "../shared-utils/three/PointSelector/utils/contents.js";
 import "../Sculpt/utils/three/rayOnLine.js";
 import "@realsee/five";
 import "../shared-utils/isTruelyObject.js";
-class Ie extends M {
+class Ue extends M {
   constructor(e, i) {
     super(e);
     // ==================== public properties ====================
@@ -322,5 +324,5 @@ class Ie extends M {
   }
 }
 export {
-  Ie as CurrentPanoImagePluginController
+  Ue as CurrentPanoImagePluginController
 };

package/libs/CurrentPanoImagePlugin/index.js

@@ -52,6 +52,8 @@ import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
+import "../Sculpt/utils/unit.js";
+import "../Sculpt/utils/renderDom.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -64,8 +66,8 @@ import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "../shared-utils/three/loadTexture.js";
-const sr = (r, o) => new t(r, o);
+const cr = (r, o) => new t(r, o);
 export {
-  sr as CurrentPanoImagePlugin,
-  sr as default
+  cr as CurrentPanoImagePlugin,
+  cr as default
 };

package/libs/GuideLinePlugin/Controller.js

@@ -86,6 +86,8 @@ import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
+import "../Sculpt/utils/unit.js";
+import "../Sculpt/utils/renderDom.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -244,8 +246,8 @@ import "../CruisePlugin/utils/coordinatesToVector.js";
 import "../CruisePlugin/utils/safeCall.js";
 import "../CruisePlugin/utils/sleep.js";
 import "../shared-utils/five/fiveLoaded.js";
-const b = "GuideLinePlugin", g = `${b}`, Jo = (p) => `${g}--${p}`;
-class Ro extends P {
+const b = "GuideLinePlugin", g = `${b}`, qo = (p) => `${g}--${p}`;
+class zo extends P {
   constructor(t, i) {
     super(t, i);
     h(this, "name", b);
@@ -385,6 +387,6 @@ class Ro extends P {
   }
 }
 export {
-  Ro as default,
-  Jo as pluginFlag
+  zo as default,
+  qo as pluginFlag
 };

package/libs/GuideLinePlugin/GuideLineItem.js

@@ -5,7 +5,7 @@ import "../shared-utils/five/changeMode.js";
 import "../CruisePlugin/Move.js";
 import "../CruisePlugin/Work.js";
 import "../shared-utils/Subscribe.js";
-import { GuideLineItem as rr } from "./GuideLineItem/index.js";
+import { GuideLineItem as pr } from "./GuideLineItem/index.js";
 import "three";
 import "./utils/createLineGeometry.js";
 import "../vendor/polyline-normals/index.js";
@@ -66,6 +66,8 @@ import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
+import "../Sculpt/utils/unit.js";
+import "../Sculpt/utils/renderDom.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -216,5 +218,5 @@ import "../CruisePlugin/utils/safeCall.js";
 import "../CruisePlugin/utils/sleep.js";
 import "../shared-utils/five/fiveLoaded.js";
 export {
-  rr as GuideLineItem
+  pr as GuideLineItem
 };

package/libs/GuideLinePlugin/GuideLineModeItem.js

@@ -20,7 +20,7 @@ import "./Components/Tag.js";
 import "./utils/index.js";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "./utils/createPath.js";
-import { GuideLineModeItem as Nm } from "./GuideLineModeItem/index.js";
+import { GuideLineModeItem as Pm } from "./GuideLineModeItem/index.js";
 import "../vendor/polyline-normals/index.js";
 import "../vendor/polyline-miter-util/index.js";
 import "../vendor/gl-vec2/add.js";
@@ -69,6 +69,8 @@ import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
+import "../Sculpt/utils/unit.js";
+import "../Sculpt/utils/renderDom.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -198,5 +200,5 @@ import "../PanoTagPlugin/Components/TagContainer.js";
 import "../PanoTagPlugin/Components/TagItem.js";
 import "../PanoTagPlugin/Components/Common/TagPoint.js";
 export {
-  Nm as GuideLineModeItem
+  Pm as GuideLineModeItem
 };

package/libs/GuideLinePlugin/index.js

@@ -1,6 +1,6 @@
 import t from "./Controller.js";
-import { GuideLineItem$1 as nr } from "./GuideLineItem/index.js";
-import { GuideLineModeItem$1 as ur } from "./GuideLineModeItem/index.js";
+import { GuideLineItem$1 as ur } from "./GuideLineItem/index.js";
+import { GuideLineModeItem$1 as Lr } from "./GuideLineModeItem/index.js";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
@@ -55,6 +55,8 @@ import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
+import "../Sculpt/utils/unit.js";
+import "../Sculpt/utils/renderDom.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -215,10 +217,10 @@ import "../shared-utils/five/changeMode.js";
 import "../shared-utils/nearlyEqual.js";
 import "../CruisePlugin/Move.js";
 import "../CruisePlugin/utils/getFiveStateOnCurve.js";
-const r = (i, o) => new t(i, o), mr = r;
+const r = (i, o) => new t(i, o), er = r;
 export {
-  nr as GuideLineItem,
-  ur as GuideLineModeItem,
+  ur as GuideLineItem,
+  Lr as GuideLineModeItem,
   r as GuideLinePlugin,
-  mr as default
+  er as default
 };

package/libs/MeasurePlugin/Controller.d.ts

@@ -1,4 +1,5 @@
 import type { Five } from '@realsee/five';
+import { PointSelector } from '../shared-utils';
 import { type PolygonStyle } from '../Sculpt/Meshes/Polygon';
 import { Subscribe } from '../shared-utils/Subscribe';
 import type { LineMeshStyle } from '../Sculpt/typings';
@@ -12,12 +13,13 @@ export declare class MeasureController extends Subscribe<Event> {
     private five;
     private group;
     private currentMeasureMesh?;
-    private get pointSelector();
+    get pointSelector(): PointSelector;
     private _pointSelector;
     private get fiveDomEvents();
     private _fiveDomEvents;
     private get cursor();
     private _cursor;
+    private unbindHotKey;
     constructor(five: Five);
     /**
      * @description 开始测量
@@ -27,6 +29,10 @@ export declare class MeasureController extends Subscribe<Event> {
      * @description 结束测量
      */
     endMeasure: () => void;
+    /**
+     * @description 取消本次测量
+     */
+    cancel: () => void;
     /**
      * @description 撤销上一步
      */
@@ -36,7 +42,11 @@ export declare class MeasureController extends Subscribe<Event> {
      */
     clear: () => void;
     dispose: () => void;
+    private addEventListener;
+    private removeEventListener;
     private onClick;
+    private onHover;
+    private onUnHover;
     private updateSelectAdsorbedHelper;
 }
 export {};

package/libs/MeasurePlugin/Controller.js

@@ -1,38 +1,38 @@
-var y = Object.defineProperty, _ = Object.defineProperties;
+var _ = Object.defineProperty, D = Object.defineProperties;
 var F = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var D = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
-var P = (p, t, e) => t in p ? y(p, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[t] = e, f = (p, t) => {
-  for (var e in t || (t = {}))
-    D.call(t, e) && P(p, e, t[e]);
-  if (b)
-    for (var e of b(t))
-      V.call(t, e) && P(p, e, t[e]);
-  return p;
-}, v = (p, t) => _(p, F(t));
-var o = (p, t, e) => (P(p, typeof t != "symbol" ? t + "" : t, e), e);
+var w = Object.getOwnPropertySymbols;
+var L = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var M = (s, o, e) => o in s ? _(s, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[o] = e, v = (s, o) => {
+  for (var e in o || (o = {}))
+    L.call(o, e) && M(s, e, o[e]);
+  if (w)
+    for (var e of w(o))
+      H.call(o, e) && M(s, e, o[e]);
+  return s;
+}, f = (s, o) => D(s, F(o));
+var t = (s, o, e) => (M(s, typeof o != "symbol" ? o + "" : o, e), e);
 import * as r from "three";
 import "../shared-utils/tag.js";
 import "../vendor/hammerjs/hammer.js";
-import { Subscribe as L } from "../shared-utils/Subscribe.js";
-import { PointSelector as z } from "../shared-utils/three/PointSelector/index.js";
+import { Subscribe as I } from "../shared-utils/Subscribe.js";
+import { PointSelector as V } from "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { IObject3D as U } from "../shared-utils/three/IObject3D.js";
+import { IObject3D as x } from "../shared-utils/three/IObject3D.js";
 import "@realsee/five/line";
 import "../shared-utils/three/core/Five_LineMaterial2.js";
 import "../shared-utils/three/core/Sphere.js";
 import "../vendor/animejs/lib/anime.es.js";
-import { FiveDomEvents as x } from "../shared-utils/five/FiveDomEvents.js";
+import { FiveDomEvents as U } from "../shared-utils/five/FiveDomEvents.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/five/FivePuppet.js";
-import { MeasureMesh as A } from "./utils/MeasureMesh.js";
+import { MeasureMesh as z } from "./utils/MeasureMesh.js";
 import { PointMesh as k } from "../Sculpt/Meshes/Point.js";
-import { LineWithDotsMesh as g } from "../Sculpt/Meshes/LineWithDots.js";
-import { hotkeys as M } from "../vendor/hotkeys-js/dist/hotkeys.esm.js";
-import { PolygonMesh as C } from "../Sculpt/Meshes/Polygon.js";
-import { validatePolygon as H } from "./utils/validatePolygon.js";
-import { Cursor as O } from "../Sculpt/utils/Modules/Cursor.js";
+import { LineWithDotsMesh as P } from "../Sculpt/Meshes/LineWithDots.js";
+import { hotkeys as a } from "../vendor/hotkeys-js/dist/hotkeys.esm.js";
+import { PolygonMesh as A } from "../Sculpt/Meshes/Polygon.js";
+import { validatePolygon as N } from "./utils/validatePolygon.js";
+import { Cursor as C } from "../Sculpt/utils/Modules/Cursor.js";
 import "../shared-utils/positionToVector3.js";
 import "../shared-utils/five/vector3ToScreen.js";
 import "../shared-utils/five/getFiveModel.js";
@@ -70,6 +70,8 @@ import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
+import "../Sculpt/utils/unit.js";
+import "../Sculpt/utils/renderDom.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -79,7 +81,6 @@ import "../Sculpt/utils/three/rayOnLine.js";
 import "@realsee/five";
 import "../shared-utils/five/calculateThreeMouse.js";
 import "./Controller.js";
-import "../Sculpt/utils/removeAllTag.js";
 import "../shared-utils/three/generatePolygonGeometry.js";
 import "../shared-utils/three/earcut3D.js";
 import "../vendor/earcut/src/earcut.js";
@@ -92,106 +93,134 @@ const S = {
   lengthEnable: !0,
   occlusionVisibility: !0,
   lengthUnit: "m"
-}, T = {
+}, B = {
   lengthEnable: !0,
   occlusionVisibility: !0,
   opacity: 0.2,
   lengthUnit: "m"
 };
-class mt extends L {
+class mt extends I {
   constructor(e) {
     super();
-    o(this, "name", "MeasurePlugin");
-    o(this, "five");
-    o(this, "group");
-    o(this, "currentMeasureMesh");
-    o(this, "_pointSelector");
-    o(this, "_fiveDomEvents");
-    o(this, "_cursor");
+    t(this, "name", "MeasurePlugin");
+    t(this, "five");
+    t(this, "group");
+    t(this, "currentMeasureMesh");
+    t(this, "_pointSelector");
+    t(this, "_fiveDomEvents");
+    t(this, "_cursor");
+    t(this, "unbindHotKey");
     /**
      * @description 开始测量
      */
-    o(this, "measure", () => {
-      const e = new A();
-      this.currentMeasureMesh = e, this.updateSelectAdsorbedHelper();
-      const l = new k(), c = new g(v(f({}, S), { dashed: !0 })), m = new C(T), h = new g(v(f({}, S), { lineOpacity: 0.5, dashed: !0 })), n = new g(v(f({}, S), { lineOpacity: 0.5, dashed: !0 }));
+    t(this, "measure", () => {
+      this.removeEventListener();
+      const e = new z();
+      this.currentMeasureMesh = e, this.pointSelector.actionIfNoIntersection = "disable", this.updateSelectAdsorbedHelper();
+      const p = new k(), m = new P(f(v({}, S), { dashed: !0 })), c = new A(B), h = new P(f(v({}, S), { lineOpacity: 0.5, dashed: !0 })), l = new P(f(v({}, S), { lineOpacity: 0.5, dashed: !0 })), d = () => {
+        p.removeFromParent(), m.removeFromParent(), c.removeFromParent(), h.removeFromParent(), l.removeFromParent();
+      };
       this.group.add(e);
-      const u = (i) => {
+      const g = (i) => {
         if (!i) {
-          l.removeFromParent(), c.removeFromParent(), m.removeFromParent(), h.removeFromParent(), n.removeFromParent();
+          d();
           return;
         }
-        if (e.points.length === 0 && (l.parent === null && this.five.scene.add(l), l.position.copy(i.point)), e.points.length >= 1)
-          if (l.removeFromParent(), c.parent === null && this.five.scene.add(c), c.setPoints([e.points.at(-1), i.point]), i.isAdsorbed)
-            h.removeFromParent(), n.removeFromParent();
+        if (e.points.length === 0 && (this.pointSelector.actionIfNoIntersection = "disable", this.group.addIfNotExists(p), p.position.copy(i.point)), e.points.length >= 1)
+          if (this.pointSelector.actionIfNoIntersection = "virtualPoint", p.removeFromParent(), this.group.addIfNotExists(m), m.setPoints([e.points.at(-1), i.point]), i.isAdsorbed)
+            h.removeFromParent(), l.removeFromParent();
           else {
-            const s = e.points.at(-1);
-            if (Math.abs(i.point.y - s.y) > 0.2) {
-              const a = new r.Vector3(i.point.x, s.y, i.point.z);
-              h.setPoints([s, a]), n.setPoints([a, i.point]);
+            const n = e.points.at(-1);
+            if (Math.abs(i.point.y - n.y) > 0.2) {
+              const u = new r.Vector3(i.point.x, n.y, i.point.z);
+              h.setPoints([n, u]), l.setPoints([u, i.point]);
             } else {
-              let a = new r.Vector3();
-              Math.abs(i.point.x - s.x) < Math.abs(i.point.z - s.z) ? a = new r.Vector3(i.point.x, s.y, s.z) : a = new r.Vector3(s.x, s.y, i.point.z), h.setPoints([s, a]), n.setPoints([a, i.point]);
+              let u = new r.Vector3();
+              Math.abs(i.point.x - n.x) < Math.abs(i.point.z - n.z) ? u = new r.Vector3(i.point.x, n.y, n.z) : u = new r.Vector3(n.x, n.y, i.point.z), h.setPoints([n, u]), l.setPoints([u, i.point]);
             }
-            this.group.addIfNotExists(h, n);
+            this.group.addIfNotExists(h, l);
           }
         if (e.points.length >= 2) {
-          const s = [...e.points, i.point];
-          H(s) ? (m.setPoints(s), m.parent === null && this.five.scene.add(m)) : m.removeFromParent();
+          const n = [...e.points, i.point];
+          N(n) ? (c.setPoints(n), this.group.addIfNotExists(c)) : c.removeFromParent();
         }
-      }, d = (i) => {
-        e.setPoints([...e.points, i.point]), this.updateSelectAdsorbedHelper(), e.isPolygon && this.pointSelector.disable();
-      }, w = () => {
-        this.pointSelector.off("intersectionUpdate", u), this.pointSelector.off("select", d), this.pointSelector.off("disable", w), l.removeFromParent(), c.removeFromParent(), m.removeFromParent(), h.removeFromParent(), n.removeFromParent(), this.currentMeasureMesh = null, this.emit("measureEnd");
+      }, E = (i) => {
+        i && (d(), e.setPoints([...e.points, i.point]), this.updateSelectAdsorbedHelper(), e.isPolygon && this.pointSelector.disable());
+      }, b = () => {
+        this.pointSelector.off("intersectionUpdate", g), this.pointSelector.off("select", E), this.pointSelector.off("disable", b), d(), e.points.length < 2 && e.removeFromParent(), this.currentMeasureMesh = null, this.addEventListener(), this.emit("measureEnd");
       };
-      this.pointSelector.on("intersectionUpdate", u), this.pointSelector.on("select", d), this.pointSelector.on("disable", w), this.pointSelector.enable();
+      this.pointSelector.on("intersectionUpdate", g), this.pointSelector.on("select", E), this.pointSelector.on("disable", b), this.pointSelector.enable();
     });
     /**
      * @description 结束测量
      */
-    o(this, "endMeasure", () => {
-      this.pointSelector.disable(), this.emit("measureEnd");
+    t(this, "endMeasure", () => {
+      this.pointSelector.disable();
+    });
+    /**
+     * @description 取消本次测量
+     */
+    t(this, "cancel", () => {
+      var e;
+      (e = this.currentMeasureMesh) == null || e.removeFromParent(), this.pointSelector.disable();
     });
     /**
      * @description 撤销上一步
      */
-    o(this, "undo", () => {
+    t(this, "undo", () => {
       var e;
       (e = this.currentMeasureMesh) == null || e.setPoints(this.currentMeasureMesh.points.slice(0, -1)), this.pointSelector.emit("intersectionUpdate", this.pointSelector.position), this.updateSelectAdsorbedHelper(), this.five.needsRender = !0;
     });
     /**
      * @description 清空所有测量内容
      */
-    o(this, "clear", () => {
+    t(this, "clear", () => {
       this.currentMeasureMesh = null, this.pointSelector.disable(), this.group.children.forEach((e) => e.removeFromParent());
     });
-    o(this, "dispose", () => {
-      M.unbind("ctrl+z, command+z"), M.unbind("shift"), this.pointSelector.disable(), this.clear();
+    t(this, "dispose", () => {
+      this.unbindHotKey(), this.pointSelector.disable(), this.clear();
     });
-    o(this, "onClick", ({ origDomEvent: e, target: l, intersects: c }) => {
-      if (this.currentMeasureMesh)
-        return;
-      let m, h;
-      if (e instanceof TouchEvent ? (m = e.changedTouches[0].clientX, h = e.changedTouches[0].clientY) : e instanceof MouseEvent && (m = e.clientX, h = e.clientY), m === void 0 || h === void 0)
+    t(this, "addEventListener", () => {
+      this.group.children.forEach((e) => {
+        this.fiveDomEvents.addEventListener(e, "click", this.onClick), this.fiveDomEvents.addEventListener(e, "hover", this.onHover), this.fiveDomEvents.addEventListener(e, "unHover", this.onUnHover);
+      });
+    });
+    t(this, "removeEventListener", () => {
+      this.fiveDomEvents.clear();
+    });
+    t(this, "onClick", ({ origDomEvent: e, target: p }) => {
+      const m = p;
+      if (!m)
         return;
-      let n = c[0].object;
-      for (; n && !n.isMeasureMesh; )
-        n = n.parent;
-      if (!n)
+      let c, h;
+      if (e instanceof TouchEvent ? (c = e.touches[0].clientX, h = e.touches[0].clientY) : e instanceof MouseEvent && (c = e.clientX, h = e.clientY), c === void 0 || h === void 0)
         return;
-      const u = n;
-      this.group.children.forEach((d) => d.unhighlight()), u.highlight(), this.cursor.showDeleteButton({
-        clientX: m,
+      this.group.children.forEach((d) => d.unselect()), m.select();
+      const l = () => {
+        m.removeFromParent(), this.cursor.removeDeleteButton(), this.five.needsRender = !0, a.unbind("delete, backspace");
+      };
+      a("delete, backspace", l), this.cursor.showDeleteButton({
+        clientX: c,
         clientY: h,
         container: this.five.getElement().parentElement,
-        onClick: () => {
-          u.removeFromParent(), this.five.needsRender = !0;
-        }
+        onClick: l
       }), this.five.once("cameraUpdate", () => {
-        u.unhighlight(), this.cursor.removeDeleteButton();
+        m.unselect(), this.cursor.removeDeleteButton();
       });
     });
-    o(this, "updateSelectAdsorbedHelper", () => {
+    t(this, "onHover", ({ target: e }) => {
+      if (this.currentMeasureMesh)
+        return;
+      const p = e;
+      p && p.hover();
+    });
+    t(this, "onUnHover", ({ target: e }) => {
+      if (this.currentMeasureMesh)
+        return;
+      const p = e;
+      p && p.unhover();
+    });
+    t(this, "updateSelectAdsorbedHelper", () => {
       if (!this.currentMeasureMesh || this.currentMeasureMesh.points.length === 0) {
         this.pointSelector.setAdherePoints(null), this.pointSelector.adhereLine = [], this.pointSelector.adherePlane = [];
         return;
@@ -215,20 +244,22 @@ class mt extends L {
       } else
         this.pointSelector.adherePlane = [];
     });
-    this.five = e, this.group = new U(), this.five.scene.add(this.group), this.fiveDomEvents.addEventListener(this.group, "click", this.onClick), M("ctrl+z, command+z", this.undo), M("enter", this.endMeasure);
+    this.five = e, this.group = new x(), this.group.name = "MeasureGroup", this.five.scene.add(this.group), a("ctrl+z, command+z", this.undo), a("esc", this.cancel), a("enter", this.endMeasure), this.unbindHotKey = () => {
+      a.unbind("ctrl+z, command+z"), a.unbind("esc"), a.unbind("enter");
+    };
   }
   get pointSelector() {
-    return this._pointSelector ? this._pointSelector : (this._pointSelector = new z(this.five, { mode: "cursor", helper: { pointHelper: "highlight" } }), this._pointSelector);
+    return this._pointSelector ? this._pointSelector : (this._pointSelector = new V(this.five, { mode: "cursor", helper: { pointHelper: "highlight" } }), this._pointSelector);
   }
   get fiveDomEvents() {
-    return this._fiveDomEvents ? this._fiveDomEvents : (this._fiveDomEvents = new x(this.five), this._fiveDomEvents);
+    return this._fiveDomEvents ? this._fiveDomEvents : (this._fiveDomEvents = new U(this.five), this._fiveDomEvents);
   }
   get cursor() {
-    return this._cursor ? this._cursor : (this._cursor = new O(), this._cursor);
+    return this._cursor ? this._cursor : (this._cursor = new C(), this._cursor);
   }
 }
 export {
   mt as MeasureController,
   S as lineStyle,
-  T as polygonStyle
+  B as polygonStyle
 };

package/libs/MeasurePlugin/index.js

@@ -51,6 +51,8 @@ import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
+import "../Sculpt/utils/unit.js";
+import "../Sculpt/utils/renderDom.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -62,7 +64,6 @@ import "../shared-utils/five/calculateThreeMouse.js";
 import "./utils/MeasureMesh.js";
 import "../Sculpt/Meshes/LineWithDots.js";
 import "../Sculpt/Meshes/Point.js";
-import "../Sculpt/utils/removeAllTag.js";
 import "../Sculpt/Meshes/Polygon.js";
 import "../shared-utils/three/generatePolygonGeometry.js";
 import "../shared-utils/three/earcut3D.js";
@@ -75,7 +76,7 @@ import "./utils/validatePolygon.js";
 import "../shared-utils/three/vectorIsEqual.js";
 import "../vendor/hotkeys-js/dist/hotkeys.esm.js";
 import "../Sculpt/utils/Modules/Cursor.js";
-const qr = (r) => new o(r);
+const vr = (r) => new o(r);
 export {
-  qr as MeasurePlugin
+  vr as MeasurePlugin
 };

package/libs/MeasurePlugin/utils/MeasureMesh.d.ts

@@ -5,10 +5,15 @@ export declare class MeasureMesh extends IObject3D {
     readonly isMeasureMesh = true;
     points: THREE.Vector3[];
     isPolygon: boolean;
+    private selected;
     private line;
     private polygon;
     constructor();
     setPoints(points: THREE.Vector3[]): void;
-    highlight(): void;
-    unhighlight(): void;
+    select(): void;
+    unselect(): void;
+    hover(): void;
+    unhover(): void;
+    private highlight;
+    private unhighlight;
 }

package/libs/MeasurePlugin/utils/MeasureMesh.js

@@ -1,11 +1,11 @@
 var m = Object.defineProperty;
-var s = (r, i, o) => i in r ? m(r, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[i] = o;
-var t = (r, i, o) => (s(r, typeof i != "symbol" ? i + "" : i, o), o);
-import { IObject3D as e } from "../../shared-utils/three/IObject3D.js";
-import { LineWithDotsMesh as h } from "../../Sculpt/Meshes/LineWithDots.js";
-import { PolygonMesh as n } from "../../Sculpt/Meshes/Polygon.js";
-import { validatePolygon as l } from "./validatePolygon.js";
-import { lineStyle as g, polygonStyle as y } from "../Controller.js";
+var s = (r, t, i) => t in r ? m(r, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[t] = i;
+var o = (r, t, i) => (s(r, typeof t != "symbol" ? t + "" : t, i), i);
+import { IObject3D as h } from "../../shared-utils/three/IObject3D.js";
+import { LineWithDotsMesh as e } from "../../Sculpt/Meshes/LineWithDots.js";
+import { PolygonMesh as l } from "../../Sculpt/Meshes/Polygon.js";
+import { validatePolygon as n } from "./validatePolygon.js";
+import { lineStyle as g, polygonStyle as u } from "../Controller.js";
 import "three";
 import "../../shared-utils/positionToVector3.js";
 import "../../Sculpt/Meshes/Point.js";
@@ -58,13 +58,14 @@ import "../../shared-utils/three/core/LineGeometry.js";
 import "../../shared-utils/three/core/LineMaterial.js";
 import "../../shared-utils/three/core/Line2.js";
 import "../../shared-utils/three/core/LineMaterial2.js";
+import "../../Sculpt/utils/unit.js";
+import "../../Sculpt/utils/renderDom.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../../shared-utils/isTouchDevice.js";
 import "../../shared-utils/five/getPosition.js";
 import "../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../Sculpt/utils/three/rayOnLine.js";
-import "../../Sculpt/utils/removeAllTag.js";
 import "../../shared-utils/three/generatePolygonGeometry.js";
 import "../../shared-utils/three/earcut3D.js";
 import "../../vendor/earcut/src/earcut.js";
@@ -78,31 +79,42 @@ import "../../shared-utils/five/calculateThreeMouse.js";
 import "./MeasureMesh.js";
 import "../../vendor/hotkeys-js/dist/hotkeys.esm.js";
 import "../../Sculpt/utils/Modules/Cursor.js";
-class Ai extends e {
+class Ci extends h {
   constructor() {
     super();
-    t(this, "name", "MeasureMesh");
-    t(this, "isMeasureMesh", !0);
-    t(this, "points", []);
-    t(this, "isPolygon", !1);
-    t(this, "line", new h(g));
-    t(this, "polygon", new n(y));
-    this.add(this.line), this.addEventListener("removed", () => {
-      this.line.removeFromParent(), this.polygon.removeFromParent();
-    });
+    o(this, "name", "MeasureMesh");
+    o(this, "isMeasureMesh", !0);
+    o(this, "points", []);
+    o(this, "isPolygon", !1);
+    o(this, "selected", !1);
+    o(this, "line", new e(g));
+    o(this, "polygon", new l(u));
+    this.add(this.line);
   }
-  setPoints(o) {
-    this.points = o, this.line.setPoints(this.points);
-    const p = l(this.points);
+  setPoints(i) {
+    this.points = i, this.line.setPoints(this.points);
+    const p = n(this.points);
     this.isPolygon = p, p && (this.addIfNotExists(this.polygon), this.polygon.setPoints(this.points));
   }
-  highlight() {
-    this.line.highlight({ color: 3373055 }), this.polygon.highlight({ color: 3373055 });
+  select() {
+    this.highlight(3373055), this.selected = !0;
+  }
+  unselect() {
+    this.unhighlight(), this.selected = !1;
+  }
+  hover() {
+    this.selected || this.highlight();
+  }
+  unhover() {
+    this.selected || this.unhighlight();
+  }
+  highlight(i) {
+    this.line.highlight({ color: i }), this.polygon.highlight({ color: i });
   }
   unhighlight() {
     this.line.unhighlight(), this.polygon.unhighlight();
   }
 }
 export {
-  Ai as MeasureMesh
+  Ci as MeasureMesh
 };