@realsee/dnalogel 3.64.8-alpha.1 → 3.64.8-alpha.3

package/libs/MeasurePlugin/Controller.js

@@ -1,34 +1,34 @@
-var _ = Object.defineProperty, L = Object.defineProperties;
-var D = Object.getOwnPropertyDescriptors;
-var E = Object.getOwnPropertySymbols;
+var D = Object.defineProperty, _ = Object.defineProperties;
+var L = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
 var F = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
-var M = (l, r, e) => r in l ? _(l, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[r] = e, f = (l, r) => {
+var M = (p, r, e) => r in p ? D(p, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[r] = e, f = (p, r) => {
   for (var e in r || (r = {}))
-    F.call(r, e) && M(l, e, r[e]);
-  if (E)
-    for (var e of E(r))
-      k.call(r, e) && M(l, e, r[e]);
-  return l;
-}, v = (l, r) => L(l, D(r));
-var t = (l, r, e) => (M(l, typeof r != "symbol" ? r + "" : r, e), e);
-import * as n from "three";
+    F.call(r, e) && M(p, e, r[e]);
+  if (b)
+    for (var e of b(r))
+      k.call(r, e) && M(p, e, r[e]);
+  return p;
+}, v = (p, r) => _(p, L(r));
+var o = (p, r, e) => (M(p, typeof r != "symbol" ? r + "" : r, e), e);
+import * as l from "three";
 import "../shared-utils/tag.js";
 import "../vendor/hammerjs/hammer.js";
-import { Subscribe as C } from "../shared-utils/Subscribe.js";
-import { PointSelector as H } from "../shared-utils/three/PointSelector/index.js";
+import { Subscribe as H } from "../shared-utils/Subscribe.js";
+import { PointSelector as C } from "../shared-utils/three/PointSelector/index.js";
 import "../shared-utils/three/CSS3DRenderer/index.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { IObject3D as I } from "../shared-utils/three/IObject3D.js";
+import { IObject3D as U } 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 U } from "../shared-utils/five/FiveDomEvents.js";
+import { FiveDomEvents as I } from "../shared-utils/five/FiveDomEvents.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/five/FivePuppet.js";
 import { MeasureMesh as V } from "./utils/MeasureMesh.js";
 import { PointMesh as x } from "../Sculpt/Meshes/Point.js";
-import { LineWithDotsMesh as S } from "../Sculpt/Meshes/LineWithDots.js";
+import { LineWithDotsMesh as g } from "../Sculpt/Meshes/LineWithDots.js";
 import { hotkeys as a } 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";
@@ -88,23 +88,23 @@ import "../PanoMeasurePlugin/utils/isIntersecting.js";
 import "../Sculpt/utils/three/ColoredMesh.js";
 import "../shared-utils/three/geometryUtil.js";
 import "../shared-utils/three/vectorIsEqual.js";
-class ht extends C {
-  constructor(e, i) {
+class ht extends H {
+  constructor(e, t) {
     super();
-    t(this, "name", "MeasurePlugin");
-    t(this, "currentMeasureMesh");
-    t(this, "five");
-    t(this, "group");
-    t(this, "_pointSelector");
-    t(this, "_fiveDomEvents");
-    t(this, "_cursor");
-    t(this, "_config");
-    t(this, "lineStyle", {
+    o(this, "name", "MeasurePlugin");
+    o(this, "currentMeasureMesh");
+    o(this, "five");
+    o(this, "group");
+    o(this, "_pointSelector");
+    o(this, "_fiveDomEvents");
+    o(this, "_cursor");
+    o(this, "_config");
+    o(this, "lineStyle", {
       lengthEnable: !0,
       occlusionVisibility: !0,
       lengthUnit: "m"
     });
-    t(this, "polygonStyle", {
+    o(this, "polygonStyle", {
       lengthEnable: !0,
       occlusionVisibility: !0,
       opacity: 0.2,
@@ -113,91 +113,94 @@ class ht extends C {
     /**
      * @description 开始测量
      */
-    t(this, "measure", () => {
-      this.listener.addMeasureListener(), this.listener.removeClickListener(), this.group.children.forEach((o) => o.unselect()), this.cursor.removeDeleteButton();
+    o(this, "measure", () => {
+      this.listener.addMeasureListener(), this.listener.removeClickListener(), this.group.children.forEach((i) => i.unselect()), this.cursor.removeDeleteButton();
       const e = new V({
         lineStyle: this.lineStyle,
         polygonStyle: this.polygonStyle
       });
       this.currentMeasureMesh = e, this.pointSelector.actionIfNoIntersection = "disable", this.updateSelectAdsorbedHelper();
-      const i = new x(), h = new S(v(f({}, this.lineStyle), { dashed: !0 })), p = new z(this.polygonStyle), c = new S(v(f({}, this.lineStyle), { lineOpacity: 0.5, dashed: !0 })), m = new S(v(f({}, this.lineStyle), { lineOpacity: 0.5, dashed: !0 })), d = () => {
-        i.removeFromParent(), h.removeFromParent(), p.removeFromParent(), c.removeFromParent(), m.removeFromParent();
+      const t = new x(), n = new g(v(f({}, this.lineStyle), { dashed: !0 })), h = new z(this.polygonStyle), c = new g(v(f({}, this.lineStyle), { lineOpacity: 0.5, dashed: !0 })), m = new g(v(f({}, this.lineStyle), { lineOpacity: 0.5, dashed: !0 })), d = () => {
+        t.removeFromParent(), n.removeFromParent(), h.removeFromParent(), c.removeFromParent(), m.removeFromParent();
       };
       this.group.add(e);
-      const g = (o) => {
-        if (!o) {
+      const S = (i) => {
+        if (!i) {
           d();
           return;
         }
-        if (e.points.length === 0 && (this.pointSelector.actionIfNoIntersection = "disable", this.group.addIfNotExists(i), i.position.copy(o.point)), e.points.length >= 1)
-          if (this.pointSelector.actionIfNoIntersection = "virtualPoint", i.removeFromParent(), this.group.addIfNotExists(h), h.setPoints([e.points.at(-1), o.point]), o.isAdsorbed)
+        if (e.points.length === 0 && (this.pointSelector.actionIfNoIntersection = "disable", this.group.addIfNotExists(t), t.position.copy(i.point)), e.points.length >= 1)
+          if (this.pointSelector.actionIfNoIntersection = "virtualPoint", t.removeFromParent(), this.group.addIfNotExists(n), n.setPoints([e.points.at(-1), i.point]), i.isAdsorbed)
             c.removeFromParent(), m.removeFromParent();
           else {
             const s = e.points.at(-1);
-            if (Math.abs(o.point.y - s.y) > 0.2) {
-              const u = new n.Vector3(o.point.x, s.y, o.point.z);
-              c.setPoints([s, u]), m.setPoints([u, o.point]);
+            if (Math.abs(i.point.y - s.y) > 0.2) {
+              const u = new l.Vector3(i.point.x, s.y, i.point.z);
+              c.setPoints([s, u]), m.setPoints([u, i.point]);
             } else {
-              let u = new n.Vector3();
-              Math.abs(o.point.x - s.x) < Math.abs(o.point.z - s.z) ? u = new n.Vector3(o.point.x, s.y, s.z) : u = new n.Vector3(s.x, s.y, o.point.z), c.setPoints([s, u]), m.setPoints([u, o.point]);
+              let u = new l.Vector3();
+              Math.abs(i.point.x - s.x) < Math.abs(i.point.z - s.z) ? u = new l.Vector3(i.point.x, s.y, s.z) : u = new l.Vector3(s.x, s.y, i.point.z), c.setPoints([s, u]), m.setPoints([u, i.point]);
             }
             this.group.addIfNotExists(c, m);
           }
         if (e.points.length >= 2) {
-          const s = [...e.points, o.point];
-          A(s) ? (p.setPoints(s), this.group.addIfNotExists(p)) : p.removeFromParent();
+          const s = [...e.points, i.point];
+          A(s) ? (h.setPoints(s), this.group.addIfNotExists(h)) : h.removeFromParent();
         }
-      }, P = (o) => {
-        o && (d(), e.setPoints([...e.points, o.point]), this.updateSelectAdsorbedHelper(), e.isPolygon && this.pointSelector.disable());
-      }, y = () => {
-        var o, s;
-        e == null || e.setPoints(e.points.slice(0, -1)), d(), (s = (o = this.pointSelector.pointSelectorHelper) == null ? void 0 : o.magnifier) == null || s.render(), this.updateSelectAdsorbedHelper(), this.five.needsRender = !0;
-      }, b = () => {
-        this.pointSelector.off("intersectionUpdate", g), this.pointSelector.off("select", P), this.pointSelector.off("disable", b), this.off("undo", y), d(), e.points.length < 2 && e.removeFromParent(), this.currentMeasureMesh = null, this.listener.addClickListener(), this.listener.removeMeasureListener(), this.emit("measureEnd");
+      }, y = (i) => {
+        i && (d(), e.setPoints([...e.points, i.point]), this.updateSelectAdsorbedHelper(), e.isPolygon && this.pointSelector.disable());
+      }, P = () => {
+        var i, s;
+        e == null || e.setPoints(e.points.slice(0, -1)), d(), (s = (i = this.pointSelector.pointSelectorHelper) == null ? void 0 : i.magnifier) == null || s.render(), this.updateSelectAdsorbedHelper(), this.five.needsRender = !0;
+      }, E = () => {
+        this.pointSelector.off("intersectionUpdate", S), this.pointSelector.off("select", y), this.pointSelector.off("disable", E), this.off("undo", P), d(), e.points.length < 2 && e.removeFromParent(), this.currentMeasureMesh = null, this.listener.addClickListener(), this.listener.removeMeasureListener(), this.emit("measureEnd");
       };
-      this.on("undo", y), this.pointSelector.on("intersectionUpdate", g), this.pointSelector.on("select", P), this.pointSelector.on("disable", b), this.pointSelector.enable();
+      this.on("undo", P), this.pointSelector.on("intersectionUpdate", S), this.pointSelector.on("select", y), this.pointSelector.on("disable", E), this.pointSelector.enable();
     });
     /**
      * @description 结束测量
      */
-    t(this, "endMeasure", () => {
+    o(this, "endMeasure", () => {
       this.pointSelector.disable();
     });
     /**
      * @description 取消本次测量
      */
-    t(this, "cancel", () => {
+    o(this, "cancel", () => {
       var e;
       (e = this.currentMeasureMesh) == null || e.removeFromParent(), this.pointSelector.disable();
     });
     /**
      * @description 撤销上一步
      */
-    t(this, "undo", () => {
+    o(this, "undo", () => {
       this.emit("undo");
     });
     /**
      * @description 清空正在测量的内容
      */
-    t(this, "clearCurrentMeasure", () => {
+    o(this, "clearCurrentMeasure", () => {
       var e;
       (e = this.currentMeasureMesh) == null || e.removeFromParent(), this.currentMeasureMesh = null, this.pointSelector.disable();
     });
     /**
      * @description 清空所有测量内容
      */
-    t(this, "clear", () => {
+    o(this, "clear", () => {
       this.currentMeasureMesh = null, this.pointSelector.disable(), this.group.removeChildren(), this.cursor.removeDeleteButton();
     });
-    t(this, "dispose", () => {
+    o(this, "dispose", () => {
       this.listener.removeMeasureListener(), this.listener.removeClickListener(), this.pointSelector.disable(), this.clear();
     });
     // eslint-disable-next-line @typescript-eslint/member-ordering
-    t(this, "listener", {
+    o(this, "listener", {
       // 点击事件
       addClickListener: () => {
         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), a("delete, backspace", this.deleteSelectedMesh);
+          var t;
+          (t = e.line.doms) == null || t.forEach((n) => {
+            n.container.onclick = (h) => this.onClick({ origDomEvent: h, target: e }), n.container.onmouseenter = () => this.onHover({ target: e }), n.container.onmouseleave = () => this.onUnHover({ target: e });
+          }), e.polygon.areaDom && (e.polygon.areaDom.container.onclick = (n) => this.onClick({ origDomEvent: n, 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), a("delete, backspace", this.deleteSelectedMesh);
         });
       },
       removeClickListener: () => {
@@ -211,42 +214,42 @@ class ht extends C {
         a.unbind("ctrl+z, command+z"), a.unbind("esc"), a.unbind("enter"), this.five.off("mode.change", this.endMeasure), this.five.off("model.changeShownFloor", this.endMeasure);
       }
     });
-    t(this, "onClick", ({ origDomEvent: e, target: i }) => {
-      const h = i;
-      if (!h)
+    o(this, "onClick", ({ origDomEvent: e, target: t }) => {
+      const n = t;
+      if (!n)
         return;
-      let p, c;
-      if (e instanceof TouchEvent ? (p = e.touches[0].clientX, c = e.touches[0].clientY) : e instanceof MouseEvent && (p = e.clientX, c = e.clientY), p === void 0 || c === void 0)
+      let h, c;
+      if (e instanceof TouchEvent ? (h = e.touches[0].clientX, c = e.touches[0].clientY) : e instanceof MouseEvent && (h = e.clientX, c = e.clientY), h === void 0 || c === void 0)
         return;
-      this.group.children.forEach((d) => d.unselect()), h.select();
+      this.group.children.forEach((d) => d.unselect()), n.select();
       const m = () => {
-        h.removeFromParent(), this.cursor.removeDeleteButton(), this.five.needsRender = !0, a.unbind("delete, backspace");
+        n.removeFromParent(), this.cursor.removeDeleteButton(), this.five.needsRender = !0, a.unbind("delete, backspace");
       };
       this.cursor.showDeleteButton({
-        clientX: p,
+        clientX: h,
         clientY: c,
         container: this.five.getElement().parentElement,
         onClick: m
       }), this.five.once("cameraUpdate", () => {
-        h.unselect(), this.cursor.removeDeleteButton();
+        n.unselect(), this.cursor.removeDeleteButton();
       });
     });
-    t(this, "onHover", ({ target: e }) => {
-      if (this.currentMeasureMesh)
+    o(this, "onHover", ({ target: e }) => {
+      if (console.log("onHover", e), this.currentMeasureMesh)
         return;
-      const i = e;
-      i && i.hover();
+      const t = e;
+      t && t.hover();
     });
-    t(this, "onUnHover", ({ target: e }) => {
+    o(this, "onUnHover", ({ target: e }) => {
       if (this.currentMeasureMesh)
         return;
-      const i = e;
-      i && i.unhover();
+      const t = e;
+      t && t.unhover();
     });
-    t(this, "deleteSelectedMesh", () => {
-      this.group.children.filter((i) => i.selected).forEach((i) => i.removeFromParent()), this.five.needsRender = !0;
+    o(this, "deleteSelectedMesh", () => {
+      this.group.children.filter((t) => t.selected).forEach((t) => t.removeFromParent()), this.five.needsRender = !0;
     });
-    t(this, "updateSelectAdsorbedHelper", () => {
+    o(this, "updateSelectAdsorbedHelper", () => {
       if (!this.currentMeasureMesh || this.currentMeasureMesh.points.length === 0) {
         this.pointSelector.setAdherePoints(null), this.pointSelector.adhereLine = [], this.pointSelector.adherePlane = [];
         return;
@@ -255,13 +258,13 @@ class ht extends C {
         this.pointSelector.setAdherePoints([this.currentMeasureMesh.points[0]]);
         const e = this.currentMeasureMesh.points.at(-1);
         this.pointSelector.adhereLine = [
-          new n.Line3(new n.Vector3(1, 0, 0).add(e), new n.Vector3(-1, 0, 0).add(e)),
-          new n.Line3(new n.Vector3(0, 1, 0).add(e), new n.Vector3(0, -1, 0).add(e)),
-          new n.Line3(new n.Vector3(0, 0, 1).add(e), new n.Vector3(0, 0, -1).add(e))
+          new l.Line3(new l.Vector3(1, 0, 0).add(e), new l.Vector3(-1, 0, 0).add(e)),
+          new l.Line3(new l.Vector3(0, 1, 0).add(e), new l.Vector3(0, -1, 0).add(e)),
+          new l.Line3(new l.Vector3(0, 0, 1).add(e), new l.Vector3(0, 0, -1).add(e))
         ], this.pointSelector.adherePlane = [];
       }
       if (this.currentMeasureMesh.points.length >= 3) {
-        const e = new n.Plane().setFromCoplanarPoints(
+        const e = new l.Plane().setFromCoplanarPoints(
           this.currentMeasureMesh.points[0],
           this.currentMeasureMesh.points[1],
           this.currentMeasureMesh.points[2]
@@ -270,13 +273,13 @@ class ht extends C {
       } else
         this.pointSelector.adherePlane = [];
     });
-    this.five = e, this.config = i != null ? i : { unit: "ft" }, this.group = new I(), this.group.name = "MeasureGroup", this.five.scene.add(this.group);
+    this.five = e, this.config = t != null ? t : { unit: "ft" }, this.group = new U(), this.group.name = "MeasureGroup", this.five.scene.add(this.group);
   }
   get pointSelector() {
-    return this._pointSelector ? this._pointSelector : (this._pointSelector = new H(this.five, { mode: "cursor", helper: { pointHelper: "highlight" } }), this._pointSelector);
+    return this._pointSelector ? this._pointSelector : (this._pointSelector = new C(this.five, { mode: "cursor", helper: { pointHelper: "highlight" } }), this._pointSelector);
   }
   get fiveDomEvents() {
-    return this._fiveDomEvents ? this._fiveDomEvents : (this._fiveDomEvents = new U(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 N(), this._cursor);
@@ -285,8 +288,8 @@ class ht extends C {
     return this._config;
   }
   set config(e) {
-    var i, h;
-    this._config = e, this.lineStyle.lengthUnit = e.unit, this.polygonStyle.lengthUnit = e.unit, (h = (i = this.group) == null ? void 0 : i.children) == null || h.forEach((p) => p.changeConfig({ lineStyle: this.lineStyle, polygonStyle: this.polygonStyle }));
+    var t, n;
+    this._config = e, this.lineStyle.lengthUnit = e.unit, this.polygonStyle.lengthUnit = e.unit, (n = (t = this.group) == null ? void 0 : t.children) == null || n.forEach((h) => h.changeConfig({ lineStyle: this.lineStyle, polygonStyle: this.polygonStyle }));
   }
 }
 export {

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

@@ -1,6 +1,7 @@
 import type * as THREE from 'three';
 import { IObject3D } from '../../shared-utils/three/IObject3D';
-import { type PolygonStyle } from '../../Sculpt/Meshes/Polygon';
+import { LineWithDotsMesh } from '../../Sculpt/Meshes/LineWithDots';
+import { PolygonMesh, type PolygonStyle } from '../../Sculpt/Meshes/Polygon';
 import type { LineMeshStyle } from '../../Sculpt/typings';
 export declare class MeasureMesh extends IObject3D {
     readonly name = "MeasureMesh";
@@ -8,8 +9,8 @@ export declare class MeasureMesh extends IObject3D {
     points: THREE.Vector3[];
     isPolygon: boolean;
     selected: boolean;
-    private line;
-    private polygon;
+    line: LineWithDotsMesh;
+    polygon: PolygonMesh;
     constructor(config?: {
         lineStyle?: Partial<LineMeshStyle>;
         polygonStyle?: Partial<PolygonStyle>;

package/libs/ModelMakerPlugin/Controller.js

@@ -1,35 +1,35 @@
 var k = Object.defineProperty;
-var V = Object.getOwnPropertySymbols;
+var T = Object.getOwnPropertySymbols;
 var P = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
-var g = (l, p, e) => p in l ? k(l, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[p] = e, b = (l, p) => {
+var b = (l, p, e) => p in l ? k(l, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[p] = e, E = (l, p) => {
   for (var e in p || (p = {}))
-    P.call(p, e) && g(l, e, p[e]);
-  if (V)
-    for (var e of V(p))
-      D.call(p, e) && g(l, e, p[e]);
+    P.call(p, e) && b(l, e, p[e]);
+  if (T)
+    for (var e of T(p))
+      D.call(p, e) && b(l, e, p[e]);
   return l;
 };
-var h = (l, p, e) => (g(l, typeof p != "symbol" ? p + "" : p, e), e);
-var E = (l, p, e) => new Promise((i, a) => {
-  var o = (t) => {
+var h = (l, p, e) => (b(l, typeof p != "symbol" ? p + "" : p, e), e);
+var w = (l, p, e) => new Promise((s, a) => {
+  var i = (t) => {
     try {
-      s(e.next(t));
+      o(e.next(t));
     } catch (r) {
       a(r);
     }
   }, n = (t) => {
     try {
-      s(e.throw(t));
+      o(e.throw(t));
     } catch (r) {
       a(r);
     }
-  }, s = (t) => t.done ? i(t.value) : Promise.resolve(t.value).then(o, n);
-  s((e = e.apply(l, p)).next());
+  }, o = (t) => t.done ? s(t.value) : Promise.resolve(t.value).then(i, n);
+  o((e = e.apply(l, p)).next());
 });
 import { Controller as j } from "../base/BasePluginWithData.js";
 import * as d from "three";
 import { ModelMakerBoxItem as S } from "./item/boxItem.js";
-import { PrismMesh as T } from "../Sculpt/Meshes/Prism.js";
+import { PrismMesh as F } from "../Sculpt/Meshes/Prism.js";
 import { anyPositionToVector3 as L } from "../shared-utils/positionToVector3.js";
 import { PolygonWithEdgeMesh as A } from "../Sculpt/Meshes/PolygonWithEdge.js";
 import "../shared-utils/tag.js";
@@ -39,9 +39,9 @@ import "../shared-utils/three/CSS3DRenderer/index.js";
 import { waitFiveModelLoaded as H } from "../shared-utils/five/fiveModelLoad.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { notNil as F } from "../shared-utils/isNil.js";
+import { notNil as y } from "../shared-utils/isNil.js";
 import "../shared-utils/three/core/Five_LineMaterial2.js";
-import { boxVertex as y } from "../shared-utils/three/boundingBox.js";
+import { boxVertex as v } from "../shared-utils/three/boundingBox.js";
 import "../vendor/animejs/lib/anime.es.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/five/FivePuppet.js";
@@ -123,8 +123,8 @@ import "../shared-utils/math/rad2Deg.js";
 import "../shared-utils/five/FiveDomEvents.js";
 import "../shared-utils/five/calculateThreeMouse.js";
 class Dt extends j {
-  constructor(e, i) {
-    var a, o;
+  constructor(e, s) {
+    var a, i;
     super(e);
     h(this, "state");
     h(this, "items", []);
@@ -138,115 +138,117 @@ class Dt extends j {
     h(this, "occlusionMode");
     h(this, "fiveEveryReadyListenerDisposer");
     h(this, "onFiveModeChange", (e) => {
-      const i = this.occlusionVisibility;
-      Array.isArray(i) && this.items.forEach((a) => {
-        a.type !== "triangles" && a.model.setStyle instanceof Function && a.model.setStyle({ occlusionVisibility: i.includes(e) });
+      const s = this.occlusionVisibility;
+      Array.isArray(s) && this.items.forEach((a) => {
+        a.type !== "triangles" && a.model.setStyle instanceof Function && a.model.setStyle({ occlusionVisibility: s.includes(e) });
       });
     });
     h(this, "handleEnable", () => {
-      var e, i;
-      this.five.scene.add(this.group), (i = (e = this.five.getElement()) == null ? void 0 : e.parentElement) == null || i.appendChild(this.tagWrapper), this.five.needsRender = !0, this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveEveryReady(), this.five.on("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer = G(this.five, this.onFiveEveryReady);
+      var e, s;
+      this.five.scene.add(this.group), (s = (e = this.five.getElement()) == null ? void 0 : e.parentElement) == null || s.appendChild(this.tagWrapper), this.five.needsRender = !0, this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveEveryReady(), this.five.on("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer = G(this.five, this.onFiveEveryReady);
     });
     h(this, "handleDisable", () => {
       this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0, this.five.off("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer();
     });
-    h(this, "onFiveEveryReady", () => E(this, null, function* () {
+    h(this, "onFiveEveryReady", () => w(this, null, function* () {
       if (this.five.state.mode === "Panorama")
         return;
-      const e = this.items.filter((t) => t instanceof I).map((t) => t.tag), i = e.filter((t) => t.position && t.visible && t.enabled);
+      const e = this.items.filter((t) => t instanceof I).map((t) => t.tag), s = e.filter((t) => t.position && t.visible && t.enabled);
       yield N(0);
-      const a = this.five.camera.position.clone(), o = i.sort((t, r) => a.distanceTo(t.position) - a.distanceTo(r.position)), n = [], s = (t, r) => !(t.right < r.left || t.left > r.right || t.bottom < r.top || t.top > r.bottom);
+      const a = this.five.camera.position.clone(), i = s.sort((t, r) => a.distanceTo(t.position) - a.distanceTo(r.position)), n = [], o = (t, r) => !(t.right < r.left || t.left > r.right || t.bottom < r.top || t.top > r.bottom);
       e.forEach((t) => {
         t.visibles[2] = void 0;
-      }), o.forEach((t) => {
+      }), i.forEach((t) => {
         if (t.visibles[1] === !1)
           return;
         const r = t.container.getElementsByClassName("room-label-item__text")[0];
         if (!r)
           return;
         const c = r.getBoundingClientRect();
-        n.every((m) => !s(m.boundingClientRect, c)) ? (n.push({ tag: t, boundingClientRect: c }), t.visibles[2] = !0) : t.visibles[2] = !1, t.needsRender = !0;
+        n.every((m) => !o(m.boundingClientRect, c)) ? (n.push({ tag: t, boundingClientRect: c }), t.visibles[2] = !0) : t.visibles[2] = !1, t.needsRender = !0;
       });
     }));
     h(this, "updateTagRenderer", () => {
       this.items.forEach((e) => {
         var a;
-        const i = (a = this.tagRendererMap[e.type]) != null ? a : O[e.type];
-        i && e.__renderer !== i && (e.__renderer = i, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = i(e.tag.container, e, this.five));
+        const s = (a = this.tagRendererMap[e.type]) != null ? a : O[e.type];
+        s && e.__renderer !== s && (e.__renderer = s, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = s(e.tag.container, e, this.five));
       });
     });
-    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (a = i == null ? void 0 : i.occlusionVisibility) != null ? a : !1, this.occlusionMode = (o = i == null ? void 0 : i.occlusionMode) != null ? o : "translucence", this.fiveDomEvents = z(e), this.tagWrapper = (() => {
-      var s;
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (a = s == null ? void 0 : s.occlusionVisibility) != null ? a : !1, this.occlusionMode = (i = s == null ? void 0 : s.occlusionMode) != null ? i : "translucence", this.fiveDomEvents = z(e), this.tagWrapper = (() => {
+      var o;
       const n = document.createElement("div");
-      return n.style.position = "absolute", n.style.top = "0", n.style.left = "0", n.style.width = "100%", n.style.height = "100%", n.style.pointerEvents = "none", n.style.zIndex = `${(s = i == null ? void 0 : i.tagContainerZIndex) != null ? s : ""}`, n;
+      return n.style.position = "absolute", n.style.top = "0", n.style.left = "0", n.style.width = "100%", n.style.height = "100%", n.style.pointerEvents = "none", n.style.zIndex = `${(o = s == null ? void 0 : s.tagContainerZIndex) != null ? o : ""}`, n;
     })(), e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
   load(e) {
-    return E(this, null, function* () {
+    return w(this, null, function* () {
       var a;
       if (this.clear(), this.data = e, yield H(this.five), this.data !== e)
         return;
       this.clear();
-      const i = (o) => {
+      const s = (i) => {
         var r;
-        const n = o.object_data.color ? new d.Color().setHex(parseInt(o.object_data.color.slice(1), 16)) : new d.Color(1, 1, 1);
-        let s = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1, t = this.occlusionMode;
-        return o.type === "triangles" && (s = !0, t = "depthTest"), {
+        const n = i.object_data.color ? new d.Color().setHex(parseInt(i.object_data.color.slice(1), 16)) : new d.Color(1, 1, 1);
+        let o = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1, t = this.occlusionMode;
+        return i.type === "triangles" && (o = !0, t = "depthTest"), {
           color: n,
           lineColor: n,
-          opacity: ((r = o.object_data.opacity) != null ? r : 0.4) / 2,
+          opacity: ((r = i.object_data.opacity) != null ? r : 0.4) / 2,
           lineOpacity: 1,
           lineWidth: 1,
-          occlusionVisibility: s,
+          occlusionVisibility: o,
           occlusionMode: t
         };
       };
-      (a = e == null ? void 0 : e.list) == null || a.forEach((o) => {
+      (a = e == null ? void 0 : e.list) == null || a.forEach((i) => {
         var n;
-        if (o.type === "triangles") {
-          const s = new A();
-          s.setPoints(o.object_data.points), s.setStyle(i(o)), this.fiveDomEvents.addEventListener(s, "hover", () => s.highlight()), this.fiveDomEvents.addEventListener(s, "unHover", () => s.unhighlight());
+        if (i.type === "triangles") {
+          const o = new A();
+          y(i.id) && (o.id = i.id), o.setPoints(i.object_data.points), o.setStyle(s(i)), this.fiveDomEvents.addEventListener(o, "hover", () => o.highlight()), this.fiveDomEvents.addEventListener(o, "unHover", () => o.unhighlight());
           const t = new B({
             five: this.five,
             tagWrapper: this.tagWrapper,
-            model: s,
+            model: o,
             group: this.group,
-            type: o.type,
-            rawData: o
+            type: i.type,
+            rawData: i
           });
           this.items.push(t);
-        } else if (o.type === "prism") {
-          const s = new T();
-          this.zFightingOffset += Q.Z_FIGHTING_OFFSET;
-          const t = o.object_data.points.map((m) => {
-            var v;
-            return [m[0], m[1] + ((v = o.object_data.fixedY) != null ? v : 0), m[2]];
+        } else if (i.type === "prism") {
+          const o = new F();
+          y(i.id) && (o.id = i.id), this.zFightingOffset += Q.Z_FIGHTING_OFFSET;
+          const t = i.object_data.points.map((m) => {
+            var g;
+            return [m[0], m[1] + ((g = i.object_data.fixedY) != null ? g : 0), m[2]];
           });
           t.push(t[0]);
-          const r = o.object_data.height + ((n = o.object_data.fixedHeight) != null ? n : 0) + this.zFightingOffset, c = L(t[0]).add(new d.Vector3().setY(r));
-          s.setPoints({ points: t, heightPoint: c }), s.setStyle(i(o));
+          const r = i.object_data.height + ((n = i.object_data.fixedHeight) != null ? n : 0) + this.zFightingOffset, c = L(t[0]).add(new d.Vector3().setY(r));
+          o.setPoints({ points: t, heightPoint: c }), o.setStyle(s(i));
           const u = new I({
             five: this.five,
             tagWrapper: this.tagWrapper,
-            model: s,
+            model: o,
             group: this.group,
-            type: o.type,
-            rawData: o
+            type: i.type,
+            rawData: i
           });
           this.items.push(u);
-        } else if (o.type === "box") {
-          const s = new T(), { start: t, end: r, rotation: c = [0, 0, 0, 0] } = o.object_data, u = new d.Vector3().fromArray(t), m = new d.Vector3().fromArray(r), v = new d.Euler().fromArray(c), w = new d.Quaternion().setFromEuler(v), R = w.clone().inverse(), M = new d.Vector3().lerpVectors(u, m, 0.5), _ = M.clone().negate(), C = u.clone().add(_).applyQuaternion(R), x = m.clone().add(_).applyQuaternion(R), f = new d.Box3(C.clone().max(x), C.clone().min(x));
-          s.setPoints({
-            points: [y(f, 2), y(f, 3), y(f, 7), y(f, 6)],
-            heightPoint: y(f, 1)
-          }), s.position.copy(M), s.quaternion.copy(w), s.setStyle(i(o));
+        } else if (i.type === "box") {
+          const o = new F();
+          y(i.id) && (o.id = i.id);
+          const { start: t, end: r, rotation: c = [0, 0, 0, 0] } = i.object_data, u = new d.Vector3().fromArray(t), m = new d.Vector3().fromArray(r), g = new d.Euler().fromArray(c), R = new d.Quaternion().setFromEuler(g), M = R.clone().inverse(), _ = new d.Vector3().lerpVectors(u, m, 0.5), C = _.clone().negate(), x = u.clone().add(C).applyQuaternion(M), V = m.clone().add(C).applyQuaternion(M), f = new d.Box3(x.clone().max(V), x.clone().min(V));
+          o.setPoints({
+            points: [v(f, 2), v(f, 3), v(f, 7), v(f, 6)],
+            heightPoint: v(f, 1)
+          }), o.position.copy(_), o.quaternion.copy(R), o.setStyle(s(i));
           const W = new S({
             five: this.five,
             tagWrapper: this.tagWrapper,
-            model: s,
+            model: o,
             group: this.group,
-            type: o.type,
-            rawData: o
+            type: i.type,
+            rawData: i
           });
           this.items.push(W);
         }
@@ -254,13 +256,13 @@ class Dt extends j {
     });
   }
   setState(e) {
-    F(e.enabled) && this.state.enabled !== e.enabled && (this.state.enabled = e.enabled, e.enabled ? this.handleEnable() : this.handleDisable(), this.hooks.emit(e.enabled ? "enable" : "disable", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" })), F(e.visible) && this.state.visible !== e.visible && (this.state.visible = e.visible, e.visible ? this.handleShow() : this.handleHide(), this.hooks.emit(e.visible ? "show" : "hide", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" }));
+    y(e.enabled) && this.state.enabled !== e.enabled && (this.state.enabled = e.enabled, e.enabled ? this.handleEnable() : this.handleDisable(), this.hooks.emit(e.enabled ? "enable" : "disable", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" })), y(e.visible) && this.state.visible !== e.visible && (this.state.visible = e.visible, e.visible ? this.handleShow() : this.handleHide(), this.hooks.emit(e.visible ? "show" : "hide", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" }));
   }
   getItemById(e) {
-    return this.items.find((i) => i.rawData.id === e);
+    return this.items.find((s) => s.rawData.id === e);
   }
   registerTagRenderer(e) {
-    this.tagRendererMap = b(b({}, this.tagRendererMap), e), this.updateTagRenderer();
+    this.tagRendererMap = E(E({}, this.tagRendererMap), e), this.updateTagRenderer();
   }
   hasCustomTagRenderer(e) {
     return !!this.tagRendererMap[e];

package/libs/Sculpt/Meshes/Polygon.d.ts

@@ -2,6 +2,7 @@ import * as THREE from 'three';
 import { type AnyPositions } from '../../shared-utils/positionToVector3';
 import ColoredMesh, { type ColoredMeshStyle } from '../utils/three/ColoredMesh';
 import type { PointsData } from '../utils/data';
+import { LightTag } from '../../shared-utils/tag';
 import type { LengthConfig } from '../typings/style';
 export declare const blankGeometry: THREE.BufferGeometry & {
     isBlank: true;
@@ -28,11 +29,11 @@ export declare class PolygonMesh extends ColoredMesh<THREE.BufferGeometry> {
     planeHelperNeedUpdate: boolean;
     geometryInfoNeedUpdate: boolean;
     _paramsStyle: Partial<PolygonStyle>;
+    areaDom?: LightTag;
     private get five();
     private planeHelper;
     private _geometryInfo;
     private lastRenderAreaItem;
-    private areaDom?;
     constructor(params?: Partial<PolygonStyle & PolygonData>);
     updateMatrixWorld(force?: boolean): void;
     setStyle(params: Partial<ColoredMeshStyle>): void;