@realsee/dnalogel 3.61.15 → 3.62.0

package/libs/Sculpt/Meshes/Line.js

@@ -1,44 +1,44 @@
-var _ = Object.defineProperty, w = Object.defineProperties;
+var M = Object.defineProperty, H = Object.defineProperties;
 var E = Object.getOwnPropertyDescriptors;
-var S = Object.getOwnPropertySymbols;
-var b = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
-var p = (r, o, e) => o in r ? _(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, f = (r, o) => {
-  for (var e in o || (o = {}))
-    b.call(o, e) && p(r, e, o[e]);
-  if (S)
-    for (var e of S(o))
-      v.call(o, e) && p(r, e, o[e]);
+var L = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var u = (r, l, e) => l in r ? M(r, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[l] = e, f = (r, l) => {
+  for (var e in l || (l = {}))
+    w.call(l, e) && u(r, e, l[e]);
+  if (L)
+    for (var e of L(l))
+      b.call(l, e) && u(r, e, l[e]);
   return r;
-}, g = (r, o) => w(r, E(o));
-var h = (r, o, e) => (p(r, typeof o != "symbol" ? o + "" : o, e), e);
+}, p = (r, l) => H(r, E(l));
+var h = (r, l, e) => (u(r, typeof l != "symbol" ? l + "" : l, e), e);
 import * as y from "three";
-import { DEFAULT_LINE_COLOR as D, DEFAULT_LINE_WIDTH as I, DEFAULT_HIGHLIGHT_OPACITY as H } from "../typings/style.js";
+import { DEFAULT_LINE_COLOR as v, DEFAULT_LINE_WIDTH as D, DEFAULT_HIGHLIGHT_OPACITY as I } from "../typings/style.js";
 import { anyPositionToVector3 as C } from "../../shared-utils/positionToVector3.js";
 import { IObject3D as O } from "../../shared-utils/three/IObject3D.js";
 import { LightTag as R } from "../../shared-utils/tag.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import { centerPoint as W } from "../../shared-utils/three/centerPoint.js";
+import { centerPoint as x } from "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { removeAllTag as x } from "../utils/removeAllTag.js";
-import { getLengthHTML as P } from "../utils/Meshes/getLengthHTML.js";
-import { localToWorld as L } from "../../shared-utils/three/applyObjectMatrixWorld.js";
-import { LineGeometry as T } from "../../shared-utils/three/core/LineGeometry.js";
-import { LineMaterial as V } from "../../shared-utils/three/core/LineMaterial.js";
-import { THREE_Line2 as M } from "../../shared-utils/three/core/Line2.js";
-import { LineMaterial2 as A } from "../../shared-utils/three/core/LineMaterial2.js";
+import { getLengthHTML as W } from "../utils/Meshes/getLengthHTML.js";
+import { localToWorld as T } from "../../shared-utils/three/applyObjectMatrixWorld.js";
+import { LineGeometry as S } from "../../shared-utils/three/core/LineGeometry.js";
+import { LineMaterial as B } from "../../shared-utils/three/core/LineMaterial.js";
+import { THREE_Line2 as _ } from "../../shared-utils/three/core/Line2.js";
+import { LineMaterial2 as P } from "../../shared-utils/three/core/LineMaterial2.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.js";
-import { notNil as c } from "../../shared-utils/isNil.js";
+import { notNil as d } from "../../shared-utils/isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../shared-utils/five/FivePuppet.js";
-class le extends O {
+class oe extends O {
   constructor(e) {
-    var l, m, a, d;
+    var n, m, a, c;
     super();
     h(this, "name", "LineMesh");
     h(this, "type", "Line2");
+    h(this, "object");
     h(this, "points", []);
     h(this, "doms", []);
     h(this, "highlighted", !1);
@@ -46,27 +46,30 @@ class le extends O {
     h(this, "line1");
     h(this, "line2");
     h(this, "opacityBeforeHighlight");
+    h(this, "colorBeforeHighlight");
     h(this, "paramsStyle", {});
     h(this, "lastRenderDomItem");
     h(this, "_visible", !0);
-    this.paramsStyle = f({ dashed: !1 }, e), this.geometry = new T();
-    const i = {
-      color: new y.Color((l = e == null ? void 0 : e.lineColor) != null ? l : D),
-      linewidth: (m = e == null ? void 0 : e.lineWidth) != null ? m : I,
+    this.paramsStyle = f({ dashed: !1 }, e), this.geometry = new S();
+    const t = {
+      color: new y.Color((n = e == null ? void 0 : e.lineColor) != null ? n : v),
+      linewidth: (m = e == null ? void 0 : e.lineWidth) != null ? m : D,
       dashScale: 40,
       opacity: (a = e == null ? void 0 : e.lineOpacity) != null ? a : 1,
       depthWrite: !1,
       transparent: !0
-    }, t = new V(g(f({}, i), { dashed: !1, depthTest: !0 })), s = new A(g(f({}, i), { dashed: !0, depthTest: !1 }));
-    if (this.line1 = new M(this.geometry, t), this.line2 = new M(this.geometry, s), this.line1.renderOrder = 2, this.line2.renderOrder = 2, this.line1.name = "line1", this.line2.name = "line2", this.add(this.line1), this.five) {
-      const n = (d = this.five.renderer) == null ? void 0 : d.getSize(new y.Vector2());
-      n && this.setResolution(n.width, n.height);
+    }, i = new B(p(f({}, t), { dashed: !1, depthTest: !0 })), s = new P(p(f({}, t), { dashed: !0, depthTest: !1 }));
+    if (this.line1 = new _(this.geometry, i), this.line2 = new _(this.geometry, s), this.line1.renderOrder = 2, this.line2.renderOrder = 2, this.line1.name = "line1", this.line2.name = "line2", this.add(this.line1), this.five) {
+      const o = (c = this.five.renderer) == null ? void 0 : c.getSize(new y.Vector2());
+      o && this.setResolution(o.width, o.height);
     }
     e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
-      x(this);
+      this.doms.forEach((o) => o.destroy()), this.doms = [];
+    }), this.addEventListener("added", () => {
+      this.updateDomItems();
     }), Object.defineProperty(this, "visible", {
-      set: (n) => {
-        this.doms && this.doms.forEach((u) => u.container.style.display = n ? "block" : "none"), this._visible = n;
+      set: (o) => {
+        this.doms && this.doms.forEach((g) => g.container.style.display = o ? "block" : "none"), this._visible = o;
       },
       get: () => this._visible
     });
@@ -105,97 +108,107 @@ class le extends O {
     return this.paramsStyle.occlusionMode;
   }
   get five() {
-    var i, t;
-    const e = (t = (i = window.globalModules) == null ? void 0 : i.five) != null ? t : window.$five;
+    var t, i;
+    const e = (i = (t = window.globalModules) == null ? void 0 : t.five) != null ? i : window.$five;
     return e || console.error("请先调用 Sculpt.modules.init(five) "), e;
   }
   set geometry(e) {
-    var i;
-    this._geometry = e, this.line1 && (this.line1.geometry = e), this.line2 && (this.line2.geometry = e), (i = this.line1) == null || i.computeLineDistances();
+    var t;
+    this._geometry = e, this.line1 && (this.line1.geometry = e), this.line2 && (this.line2.geometry = e), (t = this.line1) == null || t.computeLineDistances();
   }
   get geometry() {
     return this._geometry;
   }
   updateMatrixWorld(e) {
-    var i;
+    var t;
     if (super.updateMatrixWorld(e), this.points) {
-      const t = (i = L(this, this.points)) == null ? void 0 : i.map((s) => s.toArray().join(",")).join(",");
-      t !== this.lastRenderDomItem && (this.updateDomItems(), this.lastRenderDomItem = t);
+      const i = (t = T(this, this.points)) == null ? void 0 : t.map((s) => s.toArray().join(",")).join(",");
+      i !== this.lastRenderDomItem && (this.updateDomItems(), this.lastRenderDomItem = i);
     }
   }
   setPoints(e) {
     if (this.points.length === 0 && e.length === 0)
       return;
-    const i = e.map(C).filter(c);
-    if (this.points = i, i.length < 2) {
-      const s = new T();
+    const t = e.map(C).filter(d);
+    if (this.points = t, t.length < 2) {
+      const s = new S();
       this.line1.geometry = s, this.line2.geometry = s, this.updateDomItems();
       return;
     }
-    const t = i.flatMap((s) => [s.x, s.y, s.z]);
-    if (t.length > 2) {
+    const i = t.flatMap((s) => [s.x, s.y, s.z]);
+    if (i.length > 2) {
       this.line1.geometry.dispose();
-      const s = new T();
+      const s = new S();
       this.line1.geometry = s, this.line2.geometry = s;
     }
-    this.line1.geometry.setPositions(t), this.line1.computeLineDistances(), this.updateDomItems(), this.needsRender = !0;
+    this.line1.geometry.setPositions(i), this.line1.computeLineDistances(), this.updateDomItems(), this.needsRender = !0;
   }
-  setResolution(e, i) {
-    const t = this.line1.material.resolution;
-    (t.x !== e || t.y !== i) && (t.set(e, i), this.needsRender = !0);
+  setResolution(e, t) {
+    const i = this.line1.material.resolution;
+    (i.x !== e || i.y !== t) && (i.set(e, t), this.needsRender = !0);
     const s = this.line2.material.resolution;
-    (s.x !== e || s.y !== i) && (s.set(e, i), this.needsRender = !0);
+    (s.x !== e || s.y !== t) && (s.set(e, t), this.needsRender = !0);
   }
   setStyle(e) {
-    var s, l, m, a;
-    if (this.paramsStyle = f(f({}, this.paramsStyle), e), c(e.lineColor)) {
-      const d = new y.Color(e.lineColor);
-      this.line1.material.three_color = d, this.line2.material.three_color = d;
+    var s, n, m, a;
+    if (this.paramsStyle = f(f({}, this.paramsStyle), e), d(e.lineColor)) {
+      const c = new y.Color(e.lineColor);
+      this.line1.material.three_color = c, this.line2.material.three_color = c;
+    }
+    d(e.lineWidth) && (this.line1.material.linewidth = e.lineWidth, this.line2.material.linewidth = e.lineWidth), d(e.dashed) && (this.line1.material.dashed = e.dashed), d(e.lineOpacity) && (this.line1.material.opacity = e.lineOpacity, this.line2.material.opacity = e.lineOpacity), this.updateDomItems();
+    const t = (n = (s = e.occlusionVisibility) != null ? s : this.paramsStyle.occlusionVisibility) != null ? n : !0, i = (a = (m = e.occlusionMode) != null ? m : this.paramsStyle.occlusionMode) != null ? a : "translucence";
+    t ? this.dashed ? (this.remove(this.line2), this.line1.material.dashed = !0, this.line1.material.depthTest = !1) : i === "depthTest" ? (this.remove(this.line2), this.line1.material.dashed = !1, this.line1.material.depthTest = !1) : i === "translucence" && (this.line1.material.depthTest = !0, this.line2.material.depthTest = !1, this.line1.material.dashed = !0, this.line2.material.dashed = !0, this.addIfNotExists(this.line2)) : (this.remove(this.line2), this.line1.material.depthTest = !0, this.line1.material.dashed = this.paramsStyle.dashed), this.needsRender = !0;
+  }
+  highlight(e) {
+    if (!this.highlighted) {
+      if (this.highlighted = !0, e != null && e.color) {
+        const t = new y.Color(e.color);
+        this.colorBeforeHighlight = this.line1.material.three_color, this.line1.material.three_color = t, this.line2.material.three_color = t;
+      } else {
+        this.opacityBeforeHighlight = this.line1.material.opacity;
+        const t = this.opacityBeforeHighlight * I;
+        this.line1.material.opacity = t, this.line2.material.opacity = t;
+      }
+      this.needsRender = !0;
     }
-    c(e.lineWidth) && (this.line1.material.linewidth = e.lineWidth, this.line2.material.linewidth = e.lineWidth), c(e.dashed) && (this.line1.material.dashed = e.dashed), c(e.lineOpacity) && (this.line1.material.opacity = e.lineOpacity, this.line2.material.opacity = e.lineOpacity), this.updateDomItems();
-    const i = (l = (s = e.occlusionVisibility) != null ? s : this.paramsStyle.occlusionVisibility) != null ? l : !0, t = (a = (m = e.occlusionMode) != null ? m : this.paramsStyle.occlusionMode) != null ? a : "translucence";
-    i ? this.dashed ? (this.remove(this.line2), this.line1.material.dashed = !0, this.line1.material.depthTest = !1) : t === "depthTest" ? (this.remove(this.line2), this.line1.material.dashed = !1, this.line1.material.depthTest = !1) : t === "translucence" && (this.line1.material.depthTest = !0, this.line2.material.depthTest = !1, this.line1.material.dashed = !0, this.line2.material.dashed = !0, this.addIfNotExists(this.line2)) : (this.remove(this.line2), this.line1.material.depthTest = !0, this.line1.material.dashed = this.paramsStyle.dashed), this.needsRender = !0;
-  }
-  highlight() {
-    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.line1.material.opacity, this.line1.material.opacity = this.opacityBeforeHighlight * H, this.line2.material.opacity = this.line1.material.opacity, this.needsRender = !0);
   }
   unhighlight() {
-    this.highlighted && (this.highlighted = !1, this.line1.material.opacity = this.opacityBeforeHighlight, this.line2.material.opacity = this.line1.material.opacity, this.needsRender = !0);
+    this.highlighted && (this.highlighted = !1, d(this.opacityBeforeHighlight) && (this.line1.material.opacity = this.opacityBeforeHighlight, this.line2.material.opacity = this.line1.material.opacity), d(this.colorBeforeHighlight) && (this.line1.material.three_color = this.colorBeforeHighlight, this.line2.material.three_color = this.colorBeforeHighlight), this.needsRender = !0);
   }
   updateDomItems() {
     const e = () => {
-      this.doms.forEach((t) => t.destroy()), this.doms = [];
+      this.doms.forEach((i) => i.destroy()), this.doms = [];
     };
     if (!this.points || this.points.length < 2 || !this.paramsStyle.lengthEnable && !this.paramsStyle.tip)
       return e();
     if (!this.five)
       return console.error("Five not found");
-    const i = this.points.map((t, s) => {
+    const t = this.points.map((i, s) => {
       if (s !== 0)
-        return [this.points[s - 1], t];
-    }).filter(c).map((t) => L(this, t));
-    i.forEach(([t, s], l) => {
-      var d;
-      const m = W(t, s);
-      this.doms[l] = (d = this.doms[l]) != null ? d : (() => {
-        const n = new R(this.five);
-        return n.intersectCheck = !1, n.simulate3D = !0, n;
-      })(), this.doms[l].setPosition(m, [t, s]);
-      const a = (n) => {
-        var u;
-        this.doms[l].__text !== n && (this.doms[l].__text = n, n instanceof HTMLElement ? (this.doms[l].container.innerHTML = "", this.doms[l].container.appendChild(n)) : n ? this.doms[l].container.innerHTML = P(n, {
-          style: `color: #${c((u = this.style) == null ? void 0 : u.lineColor) ? new y.Color(this.style.lineColor).getHexString() : "ffffff"}`
-        }) : this.doms[l].container.innerHTML = "");
+        return [this.points[s - 1], i];
+    }).filter(d).map((i) => T(this, i));
+    t.forEach(([i, s], n) => {
+      var c;
+      const m = x(i, s);
+      this.doms[n] = (c = this.doms[n]) != null ? c : (() => {
+        const o = new R(this.five);
+        return o.intersectCheck = !1, o.simulate3D = !0, o;
+      })(), this.doms[n].setPosition(m, [i, s]);
+      const a = (o) => {
+        var g;
+        this.doms[n].__text !== o && (this.doms[n].__text = o, o instanceof HTMLElement ? (this.doms[n].container.innerHTML = "", this.doms[n].container.appendChild(o)) : o ? this.doms[n].container.innerHTML = W(o, {
+          style: `color: #${d((g = this.style) == null ? void 0 : g.lineColor) ? new y.Color(this.style.lineColor).getHexString() : "ffffff"}`
+        }) : this.doms[n].container.innerHTML = "");
       };
       if (this.paramsStyle.tip)
         a(this.paramsStyle.tip);
       else {
-        const n = t.distanceTo(s).toFixed(2);
-        a(n === "0.00" ? null : n + "m");
+        const o = i.distanceTo(s);
+        o.toFixed(2) === "0.00" ? a(null) : this.paramsStyle.lengthUnit === "m" ? a(o.toFixed(2) + "m") : this.paramsStyle.lengthUnit === "mm" && a((o * 1e3).toFixed(0) + "mm");
       }
-    }), this.doms.length > i.length && (this.doms.slice(i.length).forEach((t) => t.destroy()), this.doms.length = i.length);
+    }), this.doms.length > t.length && (this.doms.slice(t.length).forEach((i) => i.destroy()), this.doms.length = t.length);
   }
 }
 export {
-  le as LineMesh
+  oe as LineMesh
 };

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

@@ -3,6 +3,7 @@ import { PointMesh } from './Point';
 import { LineMesh, type LineMeshStyle } from './Line';
 import { IObject3D } from '../../shared-utils/three/IObject3D';
 import type { PointsData } from '../utils/data';
+import type { Color } from '../typings/style';
 type Style = LineMeshStyle & {
     pointVisibility?: boolean | {
         startPoint?: boolean;
@@ -23,7 +24,9 @@ export declare class LineWithDotsMesh extends LineMesh {
     constructor(params?: Partial<Style & PointsData>);
     setPoints(points: AnyPositions): void;
     setStyle: (style: Partial<Style>) => void;
-    highlight: () => void;
+    highlight: (params?: {
+        color?: Color;
+    }) => void;
     unhighlight: () => void;
     private updateEdgePointsVisibility;
 }

package/libs/Sculpt/Meshes/LineWithDots.js

@@ -2,7 +2,7 @@ var u = Object.defineProperty, d = Object.defineProperties;
 var g = Object.getOwnPropertyDescriptors;
 var y = Object.getOwnPropertySymbols;
 var f = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
-var n = (s, i, t) => i in s ? u(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t, o = (s, i) => {
+var n = (s, i, t) => i in s ? u(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t, h = (s, i) => {
   for (var t in i || (i = {}))
     f.call(i, t) && n(s, t, i[t]);
   if (y)
@@ -33,10 +33,10 @@ class T extends S {
     e(this, "pointGroup", new M());
     e(this, "_paramsStyle");
     e(this, "setStyle", (t) => {
-      super.setStyle(t), this._paramsStyle = o(o({}, this._paramsStyle), t), this.pointMeshes.forEach((h) => h.setStyle(r(o({}, this._paramsStyle), { color: t.lineColor, tip: void 0 }))), this.updateEdgePointsVisibility(), this.needsRender = !0;
+      super.setStyle(t), this._paramsStyle = h(h({}, this._paramsStyle), t), this.pointMeshes.forEach((o) => o.setStyle(r(h({}, this._paramsStyle), { color: t.lineColor, tip: void 0 }))), this.updateEdgePointsVisibility(), this.needsRender = !0;
     });
-    e(this, "highlight", () => {
-      super.highlight(), this.pointMeshes.forEach((t) => t.highlight());
+    e(this, "highlight", (t) => {
+      super.highlight(t), this.pointMeshes.forEach((o) => o.highlight());
     });
     e(this, "unhighlight", () => {
       super.unhighlight(), this.pointMeshes.forEach((t) => t.unhighlight());
@@ -61,10 +61,10 @@ class T extends S {
   }
   setPoints(t) {
     super.setPoints(t);
-    const h = t.map(b).filter(a);
-    this.pointGroup.removeChildren(), this.addIfNotExists(this.pointGroup), h.forEach((m) => {
+    const o = t.map(b).filter(a);
+    this.pointGroup.removeChildren(), this.addIfNotExists(this.pointGroup), o.forEach((m) => {
       var l;
-      const p = new P(r(o({}, this.style), { color: (l = this._paramsStyle) == null ? void 0 : l.lineColor, tip: void 0 }));
+      const p = new P(r(h({}, this.style), { color: (l = this._paramsStyle) == null ? void 0 : l.lineColor, tip: void 0 }));
       p.position.copy(m), this.pointGroup.add(p);
     }), this.updateEdgePointsVisibility(), this.needsRender = !0;
   }

package/libs/Sculpt/Meshes/Point.js

@@ -29,9 +29,8 @@ import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { removeAllTag as B } from "../utils/removeAllTag.js";
-import { getLengthHTML as H } from "../utils/Meshes/getLengthHTML.js";
-import { localToWorld as x } from "../../shared-utils/three/applyObjectMatrixWorld.js";
+import { getLengthHTML as B } from "../utils/Meshes/getLengthHTML.js";
+import { localToWorld as H } from "../../shared-utils/three/applyObjectMatrixWorld.js";
 import "@realsee/five/line";
 import { notNil as c } from "../../shared-utils/isNil.js";
 import "../../shared-utils/three/core/Five_LineMaterial2.js";
@@ -39,6 +38,7 @@ import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../shared-utils/five/FivePuppet.js";
+import { removeAllTag as x } from "../utils/removeAllTag.js";
 const S = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sHDgwCEMBJZu0AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAABM5JREFUWMO1V0tPG2cUPZ4Hxh6DazIOrjFNqJs0FIMqWFgWQkatsmvVbtggKlSVRVf5AWz4AWz4AUSKEChll19QJYSXkECuhFxsHjEhxCYm+DWGMZ5HF72DJq4bAzFXurI0M/I5997v3u9cC65vTJVn2lX/xHINQOYSBLTLEuIuCWw4Z3IGAEvf6ASmVHjNzHCXBG4A0AjACsAOwEbO0nsFQBnAGYASAIl+ZRMR7SolMEdsByD09fV5R0ZGgg8ePPjW5/N1iqLYpuu6RZblciKR2I9Go69evnwZnZ+fjwI4IS8AKBIRzeQfJWCANwKwh0KhtrGxsYehUOin1tbW+zzP23ietzY2NnIAoGmaLsuyUiqVyvl8XtrY2NiamZn589mzZxsAUgCOAeQAnFI2tI+VxIjaAeDzoaGh7xYWFuZOTk6OZVk+12uYqqq6JEnn0Wg0OT4+/geAXwGEAdwDIFJQXC1wO4DWR48e/RCPxxclSSroVzRFUbSDg4P848ePFwH8DuAhkWih83TRQWxFOXgAwvDwcOfo6OhvXV1d39tsNtuVBwTDWBwOh1UUxVsMw1hXVlbSdCgNV43uYSvrHg6H24aHh38eHBz85TrgF9FYLHA4HLzH43FvbW2d7u/vG+dANp8FpqIlbd3d3V8Fg8EfBUFw4BONZVmL3+9vHhkZCQL4AoAHgJPK8G+yzC0XDofdoVAo5PP5vkadTBAEtr+/39ff3x8gAp/RPOEqx2qjx+NpvXv3bk9DQ0NDvQgwDIOWlhZrMBj8kgi0UJdxRgYMArzL5XJ7vd57qLPZ7Xamp6fnNgBXtQxcjFuHw+Hyer3t9SYgCAITCAScAJoBNNEY/08GOFVVrfVMv7kMNDntFD1vjIAPrlRN0xjckOm6biFQ3jwNPwDMZrOnqVTqfb3Bi8Wivru7W/VCYkwPlKOjo0IikXh7EwQikYgE4Nw0CfXKDCipVCoTj8df3QABbW1tLUc6oUgkFPMkVACUNjc337148eKvw8PDbJ2jP1taWkoCyNDVXDSECmNSK4qiKNLq6urW8+fPI/UicHx8rD59+jSVy+WOAKSJhKENwFItLtoxk8mwsixzHR0dHe3t7c5PAU+n09rs7OzJkydPYqVSaQfANoDXALIk31S2smU1TWMPDg7K5XKZ7+3t9TudTut1U7+wsFCcmJiIpdPpbQBxADsAknQWymYCOukBHYCuKApisdhpMpnURFEU79y503TVyKenpzOTk5M7e3t7MQKPV0Zv1gNm+awB0MvlshqLxfLb29uyJElWURSbXC4XXyvqxcXFs6mpqeTc3Nzu3t7e3wQcA7BPZ8Cov1pNlJplmQtAG8MwHV6v95tAINA5MDBwPxAIuLu6upr8fr/VAN3c3JQjkcjZ+vp6fnl5+d2bN29SuVzuNYAEpf01CdRChUL+X1VskHACuA3Ay3Fcu9vt7nA6nZ7m5uYWQRCaNE3jVVW15PP580KhIGUymWw2m00DOAJwSP4WwPtq4LX2Ao6USxNlQyS/RcQcdLGwlNIz6vEMAaZpNzCk2Pll94LK/cDYimxERiBwG10sxjgvEZBE0UpE6vxj+0Ct5bTaXthgEhRmja8QWNkkPGsuIpfdjpkK+cZUWTC0KredVmtD/gdlSl6EG4AMvQAAAABJRU5ErkJggg==";
 let C = null;
 class it extends E {
@@ -76,7 +76,7 @@ class it extends E {
       opacity: 0.5
     })), r = new n.Points(l, f), A = new n.Points(l, k);
     this.fontMesh = r, this.backgroundMesh = A, r.name = "FontMesh", A.name = "BackgroundMesh", r.renderOrder = 10, A.renderOrder = 0, this.add(r, A), t != null && t.point && this.position.copy(I(t.point)), t && this.setStyle(t), this.addEventListener("removed", () => {
-      B(this);
+      x(this);
     }), Object.defineProperty(this, "visible", {
       set: (b) => {
         this.dom && (this.dom.container.style.display = b ? "block" : "none"), this._visible = b;
@@ -113,7 +113,7 @@ class it extends E {
   }
   updateMatrixWorld(t) {
     super.updateMatrixWorld(t);
-    const o = x(this, this.position).toArray().join(",");
+    const o = H(this, this.position).toArray().join(",");
     o !== this.lastRenderDomItem && (this.updateDom(), this.lastRenderDomItem = o);
   }
   updateDom() {
@@ -121,7 +121,7 @@ class it extends E {
     t && !this.dom && (this.dom = new W(this.five), this.dom.intersectCheck = !1, this.dom.simulate3D = !0, this.dom.container.style.display = this.visible ? "block" : "none");
     const o = (s) => {
       var l;
-      this.dom && this.dom.__text !== s && (this.dom.__text = s, s instanceof HTMLElement ? (this.dom.container.innerHTML = "", this.dom.container.appendChild(s)) : s ? this.dom.container.innerHTML = H(s, {
+      this.dom && this.dom.__text !== s && (this.dom.__text = s, s instanceof HTMLElement ? (this.dom.container.innerHTML = "", this.dom.container.appendChild(s)) : s ? this.dom.container.innerHTML = B(s, {
         style: `color: #${c((l = this.style) == null ? void 0 : l.color) ? new n.Color(this.style.color).getHexString() : "ffffff"}`
       }) : this.dom.container.innerHTML = "");
     };

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

@@ -2,15 +2,15 @@ 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 type { LengthConfig } from '../typings/style';
 export declare const blankGeometry: THREE.BufferGeometry & {
     isBlank: true;
 };
-export type PolygonStyle = ColoredMeshStyle & {
-    lengthEnable: boolean;
-};
+export type PolygonStyle = ColoredMeshStyle & LengthConfig;
 export type PolygonData = PointsData;
 export declare class PolygonMesh extends ColoredMesh<THREE.BufferGeometry> {
     name: string;
+    get normal(): THREE.Vector3;
     get style(): {
         lengthEnable: boolean;
         color: THREE.Color;

package/libs/Sculpt/Meshes/Polygon.js

@@ -1,39 +1,39 @@
 var u = Object.defineProperty, y = Object.defineProperties;
 var g = Object.getOwnPropertyDescriptors;
-var f = Object.getOwnPropertySymbols;
+var d = Object.getOwnPropertySymbols;
 var c = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
-var m = (r, t, e) => t in r ? u(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, l = (r, t) => {
+var h = (o, t, e) => t in o ? u(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, l = (o, t) => {
   for (var e in t || (t = {}))
-    c.call(t, e) && m(r, e, t[e]);
-  if (f)
-    for (var e of f(t))
-      I.call(t, e) && m(r, e, t[e]);
-  return r;
-}, d = (r, t) => y(r, g(t));
-var i = (r, t, e) => (m(r, typeof t != "symbol" ? t + "" : t, e), e);
-import * as a from "three";
+    c.call(t, e) && h(o, e, t[e]);
+  if (d)
+    for (var e of d(t))
+      I.call(t, e) && h(o, e, t[e]);
+  return o;
+}, f = (o, t) => y(o, g(t));
+var i = (o, t, e) => (h(o, typeof t != "symbol" ? t + "" : t, e), e);
+import * as n from "three";
 import { generatePolygonGeometry as H } from "../../shared-utils/three/generatePolygonGeometry.js";
 import { anyPositionToVector3 as P } from "../../shared-utils/positionToVector3.js";
-import { ColoredMesh as _ } from "../utils/three/ColoredMesh.js";
-import { getGeometryInfo as A } from "../../shared-utils/three/geometryUtil.js";
-import { LightTag as S } from "../../shared-utils/tag.js";
+import { ColoredMesh as v } from "../utils/three/ColoredMesh.js";
+import { getGeometryInfo as S } from "../../shared-utils/three/geometryUtil.js";
+import { LightTag as _ } from "../../shared-utils/tag.js";
 import { getLengthHTML as w } from "../utils/Meshes/getLengthHTML.js";
-import { localToWorld as D } from "../../shared-utils/three/applyObjectMatrixWorld.js";
+import { localToWorld as A } from "../../shared-utils/three/applyObjectMatrixWorld.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { notNil as M } from "../../shared-utils/isNil.js";
+import { notNil as D } from "../../shared-utils/isNil.js";
 import "../../shared-utils/three/core/Five_LineMaterial2.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 "../../shared-utils/five/FivePuppet.js";
-const p = new a.BufferGeometry();
-p.name = "blankGeometry";
-p.isBlank = !0;
-class z extends _ {
+const m = new n.BufferGeometry();
+m.name = "blankGeometry";
+m.isBlank = !0;
+class q extends v {
   constructor(e) {
     super(e);
     i(this, "name", "PolygonMesh");
@@ -45,10 +45,18 @@ class z extends _ {
     i(this, "_geometryInfo", null);
     i(this, "lastRenderAreaItem");
     i(this, "areaDom");
-    e != null && e.points && this.setPoints(e.points), this._paramsStyle = e != null ? e : {}, this.updateAreaItems();
+    e != null && e.points && this.setPoints(e.points), this._paramsStyle = e != null ? e : {}, this.updateAreaItems(), this.addEventListener("removed", () => {
+      var r;
+      (r = this.areaDom) == null || r.destroy(), this.areaDom = void 0;
+    }), this.addEventListener("added", () => {
+      this.updateAreaItems();
+    });
+  }
+  get normal() {
+    return this.points.length >= 3 ? new n.Vector3().crossVectors(this.points[1].clone().sub(this.points[0]), this.points[2].clone().sub(this.points[0])).normalize() : new n.Vector3(0, 0, 1);
   }
   get style() {
-    return d(l({}, super.style), { lengthEnable: this._paramsStyle.lengthEnable });
+    return f(l({}, super.style), { lengthEnable: this._paramsStyle.lengthEnable });
   }
   get isBlank() {
     return !!this.geometry.isBlank;
@@ -58,37 +66,37 @@ class z extends _ {
     return (e = this.geometryInfo) == null ? void 0 : e.center.clone();
   }
   get geometryInfo() {
-    return this.geometryInfoNeedUpdate && (this.isBlank ? this._geometryInfo = null : this._geometryInfo = A(this.geometry), this.geometryInfoNeedUpdate = !1), this._geometryInfo;
+    return this.geometryInfoNeedUpdate && (this.isBlank ? this._geometryInfo = null : this._geometryInfo = S(this.geometry), this.geometryInfoNeedUpdate = !1), this._geometryInfo;
   }
   get five() {
-    var e, o;
-    return (o = (e = window.globalModules) == null ? void 0 : e.five) != null ? o : window.$five;
+    var e, r;
+    return (r = (e = window.globalModules) == null ? void 0 : e.five) != null ? r : window.$five;
   }
   updateMatrixWorld(e) {
     if (super.updateMatrixWorld(e), this.center) {
-      const o = D(this, this.center).toArray().join(",");
-      o !== this.lastRenderAreaItem && (this.updateAreaItems(), this.lastRenderAreaItem = o);
+      const r = A(this, this.center).toArray().join(",");
+      r !== this.lastRenderAreaItem && (this.updateAreaItems(), this.lastRenderAreaItem = r);
     }
   }
   setStyle(e) {
     this._paramsStyle = l(l({}, this._paramsStyle), e), super.setStyle(this._paramsStyle), this.updateAreaItems();
   }
   setPoints(e) {
-    var n;
-    const o = e.map(P);
-    this.points = o, this.geometry = (n = H(this.points, { checkLinesIntersect: !0 })) != null ? n : p, this.planeHelperNeedUpdate = !0, this.geometryInfoNeedUpdate = !0, this.updateAreaItems();
+    var a;
+    const r = e.map(P);
+    this.points = r, this.geometry = (a = H(this.points, { checkLinesIntersect: !0 })) != null ? a : m, this.planeHelperNeedUpdate = !0, this.geometryInfoNeedUpdate = !0, this.updateAreaItems();
   }
   /**
    * @description: 获取一个点投影在当前平面上的点
    */
   projectPoint(e) {
-    return e && (this.planeHelperNeedUpdate && this.updatePlaneHelper(), this.planeHelper ? this.planeHelper.projectPoint(e, new a.Vector3()) : e);
+    return e && (this.planeHelperNeedUpdate && this.updatePlaneHelper(), this.planeHelper ? this.planeHelper.projectPoint(e, new n.Vector3()) : e);
   }
   updatePlaneHelper() {
-    this.points.length >= 3 ? this.planeHelper = new a.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.planeHelper = null, this.planeHelperNeedUpdate = !1;
+    this.points.length >= 3 ? this.planeHelper = new n.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.planeHelper = null, this.planeHelperNeedUpdate = !1;
   }
   updateAreaItems() {
-    var n, h;
+    var a, p;
     const e = () => {
       var s;
       (s = this.areaDom) == null || s.destroy(), this.areaDom = void 0;
@@ -97,16 +105,21 @@ class z extends _ {
       return e();
     if (!this.five)
       return console.error("Five not found");
-    this.areaDom = (n = this.areaDom) != null ? n : (() => {
-      const s = new S(this.five);
+    this.areaDom = (a = this.areaDom) != null ? a : (() => {
+      const s = new _(this.five);
       return s.intersectCheck = !1, s.simulate3D = !0, s;
     })(), this.areaDom.setPosition(this.center);
-    const o = this.geometryInfo.area.toFixed(2);
-    o === "0.00" ? this.areaDom.container.innerHTML = "" : this.areaDom.container.innerHTML = w(o + "m²", {
-      style: `color: #${M((h = this.style) == null ? void 0 : h.color) ? new a.Color(this.style.color).getHexString() : "000000"}`
-    });
+    const r = this.geometryInfo.area;
+    if (r.toFixed(2) === "0.00")
+      this.areaDom.container.innerHTML = "";
+    else {
+      let s = r.toFixed(2) + "m²";
+      this._paramsStyle.lengthUnit === "mm" && (s = (r * 1e6).toFixed(0) + "mm²"), this.areaDom.container.innerHTML = w(s, {
+        style: `color: #${D((p = this.style) == null ? void 0 : p.color) ? new n.Color(this.style.color).getHexString() : "000000"}`
+      });
+    }
   }
 }
 export {
-  z as PolygonMesh
+  q as PolygonMesh
 };

package/libs/Sculpt/Objects/Rectangle/index.d.ts

@@ -1,7 +1,7 @@
 import { BaseObject, type BaseImportData, type BaseObjectConfig } from '../Base';
 import type { PointSelector } from '../../../shared-utils/three/PointSelector';
 import { RectangleMeshEditor } from '../../Editors/RectangleMeshEditor';
-import type { RectangleData, RectangleMesh } from '../../Meshes/Rectangle';
+import { RectangleMesh, type RectangleData } from '../../Meshes/Rectangle';
 import { RectangleWithEdgeMesh, type RectangleWithEdgeMeshStyle } from '../../Meshes/RectangleWithEdge';
 import type { LiteralString } from '../../../typings/utils.type';
 import type { DrawMethodConfig, CreateLimitConfig } from '../../typings/style';