@realsee/dnalogel 3.66.0-alpha.9 → 3.66.1

package/libs/Sculpt/Meshes/Line.js

@@ -1,89 +1,99 @@
-var b = Object.defineProperty, v = Object.defineProperties;
-var I = Object.getOwnPropertyDescriptors;
-var M = Object.getOwnPropertySymbols;
-var O = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var H = (r, l, e) => l in r ? b(r, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[l] = e, y = (r, l) => {
-  for (var e in l || (l = {}))
-    O.call(l, e) && H(r, e, l[e]);
-  if (M)
-    for (var e of M(l))
-      C.call(l, e) && H(r, e, l[e]);
-  return r;
-}, _ = (r, l) => v(r, I(l));
-var s = (r, l, e) => (H(r, typeof l != "symbol" ? l + "" : l, e), e);
-import * as g from "three";
-import { DEFAULT_LINE_COLOR as R, DEFAULT_LINE_WIDTH as B, DEFAULT_HIGHLIGHT_OPACITY as W } from "../typings/style.js";
-import { anyPositionToVector3 as x } from "../../shared-utils/positionToVector3.js";
-import { IObject3D as V } from "../../shared-utils/three/IObject3D.js";
-import { LightTag as P } from "../../shared-utils/tag.js";
+var $ = Object.defineProperty, Y = Object.defineProperties;
+var q = Object.getOwnPropertyDescriptors;
+var B = Object.getOwnPropertySymbols;
+var J = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
+var L = (a, n, e) => n in a ? $(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e, p = (a, n) => {
+  for (var e in n || (n = {}))
+    J.call(n, e) && L(a, e, n[e]);
+  if (B)
+    for (var e of B(n))
+      K.call(n, e) && L(a, e, n[e]);
+  return a;
+}, E = (a, n) => Y(a, q(n));
+var o = (a, n, e) => (L(a, typeof n != "symbol" ? n + "" : n, e), e);
+import * as v from "three";
+import { DEFAULT_LINE_COLOR as Q, DEFAULT_LINE_WIDTH as X, DEFAULT_HIGHLIGHT_OPACITY as Z } from "../typings/style.js";
+import { anyPositionToVector3 as ee } from "../../shared-utils/positionToVector3.js";
+import { IObject3D as te } from "../../shared-utils/three/IObject3D.js";
+import { LightTag as ie } from "../../shared-utils/tag.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import { centerPoint as j } from "../../shared-utils/three/centerPoint.js";
+import { centerPoint as U } from "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { getLengthHTML as A } from "../utils/Meshes/getLengthHTML.js";
-import { localToWorld as w } from "../../shared-utils/three/applyObjectMatrixWorld.js";
-import { LineGeometry as E } from "../../shared-utils/three/core/LineGeometry.js";
-import { LineMaterial as k } from "../../shared-utils/three/core/LineMaterial.js";
-import { THREE_Line2 as D } from "../../shared-utils/three/core/Line2.js";
-import { LineMaterial2 as z } from "../../shared-utils/three/core/LineMaterial2.js";
-import { transformUnit as F } from "../utils/unit.js";
-import { RenderDom as S } from "../utils/renderDom.js";
+import { getLengthHTML as se } from "../utils/Meshes/getLengthHTML.js";
+import { localToWorld as V } from "../../shared-utils/three/applyObjectMatrixWorld.js";
+import { LineGeometry as H } from "../../shared-utils/three/core/LineGeometry.js";
+import { LineMaterial as oe } from "../../shared-utils/three/core/LineMaterial.js";
+import { THREE_Line2 as F } from "../../shared-utils/three/core/Line2.js";
+import { LineMaterial2 as ne } from "../../shared-utils/three/core/LineMaterial2.js";
+import { transformUnit as le } from "../utils/unit.js";
+import { RenderDom as T } from "../utils/renderDom.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { notNil as d } from "../../shared-utils/isNil.js";
+import { notNil as m } from "../../shared-utils/isNil.js";
 import "../../shared-utils/five/FivePuppet.js";
-class fe extends V {
+class Oe extends te {
   constructor(e) {
-    var c, n, m, a;
+    var h, l, f, d;
     super();
-    s(this, "name", "LineMesh");
-    s(this, "type", "Line2");
-    s(this, "object");
-    s(this, "points", []);
-    s(this, "doms", []);
-    s(this, "highlighted", !1);
-    s(this, "_geometry");
-    s(this, "line1");
-    s(this, "line2");
-    s(this, "opacityBeforeHighlight");
-    s(this, "colorBeforeHighlight");
-    s(this, "paramsStyle", {});
-    s(this, "lastRenderDomItem");
-    s(this, "_onAdded", () => {
+    o(this, "name", "LineMesh");
+    o(this, "type", "Line2");
+    o(this, "object");
+    o(this, "points", []);
+    o(this, "doms", []);
+    o(this, "highlighted", !1);
+    o(this, "_geometry");
+    o(this, "line1");
+    o(this, "line2");
+    o(this, "opacityBeforeHighlight");
+    o(this, "colorBeforeHighlight");
+    o(this, "paramsStyle", {});
+    o(this, "lastRenderDomItem");
+    o(this, "lastFOV");
+    o(this, "_onAdded", () => {
       this.doms.length === 0 && this.paramsStyle.lengthEnable && this.updateDomItems();
     });
-    s(this, "_onRemoved", () => {
+    o(this, "_onRemoved", () => {
       this.doms.forEach((e) => e.destroy()), this.doms = [];
     });
-    s(this, "_onShowed", () => {
+    o(this, "_onShowed", () => {
       this.doms.forEach((e) => e.container.style.display = "block");
     });
-    s(this, "_onHidden", () => {
+    o(this, "_onHidden", () => {
       this.doms.forEach((e) => e.container.style.display = "none");
     });
-    this.paramsStyle = y({ dashed: !1, lineOpacity: 1 }, e), this.geometry = new E();
+    // Handle camera updates (zoom changes)
+    o(this, "onCameraUpdate", () => {
+      var e;
+      (e = this.five) != null && e.camera && this.lastFOV !== this.five.camera.fov && (this.lastFOV = this.five.camera.fov, this.updateDomItems({ force: !0 }));
+    });
+    // Handle panorama point changes
+    o(this, "onPanoArrived", () => {
+      setTimeout(() => this.updateDomItems({ force: !0 }), 100);
+    });
+    this.paramsStyle = p({ dashed: !1, lineOpacity: 1 }, e), this.geometry = new H();
     const i = {
-      color: new g.Color((c = e == null ? void 0 : e.lineColor) != null ? c : R),
-      linewidth: (n = e == null ? void 0 : e.lineWidth) != null ? n : B,
+      color: new v.Color((h = e == null ? void 0 : e.lineColor) != null ? h : Q),
+      linewidth: (l = e == null ? void 0 : e.lineWidth) != null ? l : X,
       dashScale: 1,
       dashSize: 0.02,
       gapSize: 0.02,
-      opacity: (m = e == null ? void 0 : e.lineOpacity) != null ? m : 1,
+      opacity: (f = e == null ? void 0 : e.lineOpacity) != null ? f : 1,
       depthWrite: !1,
       transparent: !0
-    }, o = new k(_(y({}, i), { dashed: !1, depthTest: !0 })), t = new z(_(y({}, i), { dashed: !0, depthTest: !1 }));
-    if (this.line1 = new D(this.geometry, o), this.line2 = new D(this.geometry, t), this.line1.renderOrder = 2, this.line2.renderOrder = 2, this.line1.name = "line1", this.line2.name = "line2", this.add(this.line1), this.five) {
-      const f = (a = this.five.renderer) == null ? void 0 : a.getSize(new g.Vector2());
-      f && this.setResolution(f.width, f.height);
+    }, s = new oe(E(p({}, i), { dashed: !1, depthTest: !0 })), t = new ne(E(p({}, i), { dashed: !0, depthTest: !1 }));
+    if (this.line1 = new F(this.geometry, s), this.line2 = new F(this.geometry, t), this.line1.renderOrder = 2, this.line2.renderOrder = 2, this.line1.name = "line1", this.line2.name = "line2", this.add(this.line1), this.five) {
+      const y = (d = this.five.renderer) == null ? void 0 : d.getSize(new v.Vector2());
+      y && this.setResolution(y.width, y.height), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("cameraFovUpdate", this.onCameraUpdate), this.five.on("panoArrived", this.onPanoArrived);
     }
     e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
-      S.cacheObject.delete(this), S.checkDom(this);
+      this.five && (this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("cameraFovUpdate", this.onCameraUpdate), this.five.off("panoArrived", this.onPanoArrived)), T.cacheObject.delete(this), T.checkDom(this);
     }), this.addEventListener("added", () => {
-      S.cacheObject.add(this);
-    }), S.checkDomEveryFrame();
+      T.cacheObject.add(this);
+    }), T.checkDomEveryFrame();
   }
   get style() {
     return {
@@ -107,7 +117,7 @@ class fe extends V {
   }
   get color() {
     var e;
-    return new g.Color((e = this.line1.material.three_color) != null ? e : this.paramsStyle.lineColor);
+    return new v.Color((e = this.line1.material.three_color) != null ? e : this.paramsStyle.lineColor);
   }
   get dashed() {
     return this.paramsStyle.dashed;
@@ -119,8 +129,8 @@ class fe extends V {
     return this.paramsStyle.occlusionMode;
   }
   get five() {
-    var i, o;
-    const e = (o = (i = window.globalModules) == null ? void 0 : i.five) != null ? o : window.$five;
+    var i, s;
+    const e = (s = (i = window.globalModules) == null ? void 0 : i.five) != null ? s : window.$five;
     return e || console.error("请先调用 Sculpt.modules.init(five) "), e;
   }
   set geometry(e) {
@@ -133,57 +143,57 @@ class fe extends V {
   updateMatrixWorld(e) {
     var i;
     if (super.updateMatrixWorld(e), this.points) {
-      const o = (i = w(this, this.points)) == null ? void 0 : i.map((t) => t.toArray().join(",")).join(",");
-      o !== this.lastRenderDomItem && (this.updateDomItems(), this.lastRenderDomItem = o);
+      const s = (i = V(this, this.points)) == null ? void 0 : i.map((t) => t.toArray().join(",")).join(",");
+      s !== this.lastRenderDomItem && (this.updateDomItems(), this.lastRenderDomItem = s);
     }
   }
   setPoints(e) {
     if (this.points.length === 0 && e.length === 0)
       return;
-    const i = e.map(x).filter(d);
+    const i = e.map(ee).filter(m);
     if (this.points = i, i.length < 2) {
-      const t = new E();
+      const t = new H();
       this.line1.geometry = t, this.line2.geometry = t, this.updateDomItems();
       return;
     }
-    const o = i.flatMap((t) => [t.x, t.y, t.z]);
-    if (o.length > 2) {
+    const s = i.flatMap((t) => [t.x, t.y, t.z]);
+    if (s.length > 2) {
       this.line1.geometry.dispose();
-      const t = new E();
+      const t = new H();
       this.line1.geometry = t, this.line2.geometry = t;
     }
-    this.line1.geometry.setPositions(o), this.line1.computeLineDistances(), this.updateDomItems(), this.needsRender = !0;
+    this.line1.geometry.setPositions(s), this.line1.computeLineDistances(), this.updateDomItems(), this.needsRender = !0;
   }
   setResolution(e, i) {
-    const o = this.line1.material.resolution;
-    (o.x !== e || o.y !== i) && (o.set(e, i), this.needsRender = !0);
+    const s = this.line1.material.resolution;
+    (s.x !== e || s.y !== i) && (s.set(e, i), this.needsRender = !0);
     const t = this.line2.material.resolution;
     (t.x !== e || t.y !== i) && (t.set(e, i), this.needsRender = !0);
   }
   setStyle(e) {
-    var t, c, n, m;
-    if (this.paramsStyle = y(y({}, this.paramsStyle), e), d(e.lineColor)) {
-      const a = new g.Color(e.lineColor);
-      this.line1.material.three_color = a, this.line2.material.three_color = a;
+    var t, h, l, f;
+    if (this.paramsStyle = p(p({}, this.paramsStyle), e), m(e.lineColor)) {
+      const d = new v.Color(e.lineColor);
+      this.line1.material.three_color = d, this.line2.material.three_color = d;
     }
-    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({ force: !0 });
-    const i = (c = (t = e.occlusionVisibility) != null ? t : this.paramsStyle.occlusionVisibility) != null ? c : !0, o = (m = (n = e.occlusionMode) != null ? n : this.paramsStyle.occlusionMode) != null ? m : "translucence";
-    i ? this.dashed ? (this.remove(this.line2), this.line1.material.dashed = !0, this.line1.material.depthTest = !1) : o === "depthTest" ? (this.remove(this.line2), this.line1.material.dashed = !1, this.line1.material.depthTest = !1) : o === "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.doms.forEach((a) => a.intersectCheck = !i), this.needsRender = !0;
+    m(e.lineWidth) && (this.line1.material.linewidth = e.lineWidth, this.line2.material.linewidth = e.lineWidth), m(e.dashed) && (this.line1.material.dashed = e.dashed), m(e.lineOpacity) && (this.line1.material.opacity = e.lineOpacity, this.line2.material.opacity = e.lineOpacity), this.updateDomItems({ force: !0 });
+    const i = (h = (t = e.occlusionVisibility) != null ? t : this.paramsStyle.occlusionVisibility) != null ? h : !0, s = (f = (l = e.occlusionMode) != null ? l : this.paramsStyle.occlusionMode) != null ? f : "translucence";
+    i ? this.dashed ? (this.remove(this.line2), this.line1.material.dashed = !0, this.line1.material.depthTest = !1) : s === "depthTest" ? (this.remove(this.line2), this.line1.material.dashed = !1, this.line1.material.depthTest = !1) : s === "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.doms.forEach((d) => d.intersectCheck = !i), this.needsRender = !0;
   }
   highlight(e) {
-    var i, o;
+    var i, s;
     if (this.highlighted = !0, e != null && e.color) {
-      const t = new g.Color(e.color);
+      const t = new v.Color(e.color);
       this.colorBeforeHighlight = (i = this.colorBeforeHighlight) != null ? i : this.line1.material.three_color, this.line1.material.three_color = t, this.line2.material.three_color = t;
     } else {
-      this.opacityBeforeHighlight = (o = this.opacityBeforeHighlight) != null ? o : this.line1.material.opacity;
-      const t = this.opacityBeforeHighlight * W;
+      this.opacityBeforeHighlight = (s = this.opacityBeforeHighlight) != null ? s : this.line1.material.opacity;
+      const t = this.opacityBeforeHighlight * Z;
       this.line1.material.opacity = t, this.line2.material.opacity = t;
     }
     this.needsRender = !0;
   }
   unhighlight() {
-    this.highlighted && (this.highlighted = !1, d(this.opacityBeforeHighlight) && (this.line1.material.opacity = this.opacityBeforeHighlight, this.line2.material.opacity = this.line1.material.opacity, this.opacityBeforeHighlight = void 0), d(this.colorBeforeHighlight) && (this.line1.material.three_color = this.colorBeforeHighlight, this.line2.material.three_color = this.colorBeforeHighlight, this.colorBeforeHighlight = void 0), this.needsRender = !0);
+    this.highlighted && (this.highlighted = !1, m(this.opacityBeforeHighlight) && (this.line1.material.opacity = this.opacityBeforeHighlight, this.line2.material.opacity = this.line1.material.opacity, this.opacityBeforeHighlight = void 0), m(this.colorBeforeHighlight) && (this.line1.material.three_color = this.colorBeforeHighlight, this.line2.material.three_color = this.colorBeforeHighlight, this.colorBeforeHighlight = void 0), this.needsRender = !0);
   }
   updateDomItems(e) {
     const i = () => {
@@ -193,31 +203,60 @@ class fe extends V {
       return i();
     if (!this.five)
       return console.error("Five not found");
-    const o = this.points.map((t, c) => c !== 0 ? [this.points[c - 1], t] : null).filter(d).map((t) => w(this, t));
-    o.forEach(([t, c], n) => {
-      var f;
-      const m = j(t, c);
-      this.doms[n] = (f = this.doms[n]) != null ? f : (() => {
-        var p;
-        const h = new P(this.five), u = (p = this.paramsStyle.occlusionVisibility) != null ? p : !0;
-        return h.intersectCheck = !u, h.simulate3D = !0, h;
-      })(), this.doms[n].setPosition(m, [t, c]);
-      const a = (h, u) => {
-        var L, T;
-        const p = (L = u == null ? void 0 : u.force) != null ? L : !1;
-        this.doms[n].__text === h && !p || (this.doms[n].__text = h, h instanceof HTMLElement ? (this.doms[n].container.innerHTML = "", this.doms[n].container.appendChild(h)) : h ? this.doms[n].container.innerHTML = A(h, {
-          style: `color: #${d((T = this.style) == null ? void 0 : T.lineColor) ? new g.Color(this.style.lineColor).getHexString() : "ffffff"}; ${this.paramsStyle.cssStyle}`
-        }) : this.doms[n].container.innerHTML = "");
+    const s = this.points.map((t, h) => h !== 0 ? [this.points[h - 1], t] : null).filter(m).map((t) => V(this, t));
+    s.forEach(([t, h], l) => {
+      var y;
+      const f = U(t, h);
+      this.doms[l] = (y = this.doms[l]) != null ? y : (() => {
+        var S;
+        const r = new ie(this.five), u = (S = this.paramsStyle.occlusionVisibility) != null ? S : !0;
+        return r.intersectCheck = !u, r.simulate3D = !0, r;
+      })(), this.doms[l].setPosition(f, [t, h]);
+      const d = (r, u) => {
+        var _, D, b;
+        const S = (_ = u == null ? void 0 : u.force) != null ? _ : !1;
+        if (!(this.doms[l].__text === r && !S))
+          if (this.doms[l].__text = r, r instanceof HTMLElement)
+            this.doms[l].container.innerHTML = "", this.doms[l].container.appendChild(r);
+          else if (r) {
+            const w = (() => {
+              if (!this.five || !this.five.camera)
+                return 0;
+              const g = this.five.getElement();
+              if (!g)
+                return 0;
+              const c = g.clientWidth, M = g.clientHeight, C = c / 2, I = M / 2, O = t.clone().project(this.five.camera), W = h.clone().project(this.five.camera), P = {
+                x: O.x * C,
+                y: O.y * I
+              }, R = {
+                x: W.x * C,
+                y: W.y * I
+              };
+              return Math.sqrt(Math.pow(R.x - P.x, 2) + Math.pow(R.y - P.y, 2));
+            })(), A = (() => !this.five || !this.five.camera ? 20 : U(t, h).distanceTo(this.five.camera.position))(), j = ((b = (D = this.five) == null ? void 0 : D.camera) == null ? void 0 : b.fov) || 60, z = 2 * Math.tan(0.5 * j / 180 * Math.PI), k = `--distance-scale: ${Math.max(Math.min(1 - z * A / 40, 1), 0)};`, G = (g) => {
+              const c = document.createElement("div");
+              c.classList.add("LineLengthTag"), c.style.visibility = "hidden", c.style.position = "absolute", c.style.padding = "2px 8px", c.style.fontFamily = "Arial-BoldMT", c.style.fontSize = "14px", c.innerText = g, document.body.appendChild(c);
+              const M = c.offsetWidth;
+              return document.body.removeChild(c), M;
+            };
+            let x = 0;
+            const N = G(r);
+            w > 0 && N > w && (x = -20), this.doms[l].container.innerHTML = se(r, {
+              style: `${k} ${this.paramsStyle.cssStyle || ""}`,
+              offsetY: x
+            });
+          } else
+            this.doms[l].container.innerHTML = "";
       };
       if (this.paramsStyle.tip)
-        a(this.paramsStyle.tip, e);
+        d(this.paramsStyle.tip, e);
       else {
-        const h = F(t.distanceTo(c), this.paramsStyle.lengthUnit);
-        a(h || null, e);
+        const r = le(t.distanceTo(h), this.paramsStyle.lengthUnit);
+        d(r || null, e);
       }
-    }), this.doms.length > o.length && (this.doms.slice(o.length).forEach((t) => t.destroy()), this.doms.length = o.length);
+    }), this.doms.length > s.length && (this.doms.slice(s.length).forEach((t) => t.destroy()), this.doms.length = s.length);
   }
 }
 export {
-  fe as LineMesh
+  Oe as LineMesh
 };

package/libs/Sculpt/Meshes/Point.js

@@ -1,40 +1,40 @@
 var E = Object.defineProperty, N = Object.defineProperties;
 var P = Object.getOwnPropertyDescriptors;
-var c = Object.getOwnPropertySymbols;
+var A = Object.getOwnPropertySymbols;
 var b = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
-var a = (e, i, t) => i in e ? E(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, m = (e, i) => {
+var f = (e, i, t) => i in e ? E(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, a = (e, i) => {
   for (var t in i || (i = {}))
-    b.call(i, t) && a(e, t, i[t]);
-  if (c)
-    for (var t of c(i))
-      v.call(i, t) && a(e, t, i[t]);
+    b.call(i, t) && f(e, t, i[t]);
+  if (A)
+    for (var t of A(i))
+      v.call(i, t) && f(e, t, i[t]);
   return e;
-}, g = (e, i) => N(e, P(i));
+}, m = (e, i) => N(e, P(i));
 var k = (e, i) => {
   var t = {};
   for (var o in e)
     b.call(e, o) && i.indexOf(o) < 0 && (t[o] = e[o]);
-  if (e != null && c)
-    for (var o of c(e))
+  if (e != null && A)
+    for (var o of A(e))
       i.indexOf(o) < 0 && v.call(e, o) && (t[o] = e[o]);
   return t;
 };
-var s = (e, i, t) => (a(e, typeof i != "symbol" ? i + "" : i, t), t);
+var s = (e, i, t) => (f(e, typeof i != "symbol" ? i + "" : i, t), t);
 import * as n from "three";
-import { DEFAULT_HIGHLIGHT_OPACITY as H } from "../typings/style.js";
-import { IObject3D as I } from "../../shared-utils/three/IObject3D.js";
-import { anyPositionToVector3 as T } from "../../shared-utils/positionToVector3.js";
-import { LightTag as W } from "../../shared-utils/tag.js";
+import { DEFAULT_HIGHLIGHT_OPACITY as I } from "../typings/style.js";
+import { IObject3D as T } from "../../shared-utils/three/IObject3D.js";
+import { anyPositionToVector3 as W } from "../../shared-utils/positionToVector3.js";
+import { LightTag as B } from "../../shared-utils/tag.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 { getLengthHTML as B } from "../utils/Meshes/getLengthHTML.js";
+import { getLengthHTML as H } from "../utils/Meshes/getLengthHTML.js";
 import { localToWorld as S } from "../../shared-utils/three/applyObjectMatrixWorld.js";
 import "@realsee/five/line";
-import { notNil as f } from "../../shared-utils/isNil.js";
+import { notNil as g } from "../../shared-utils/isNil.js";
 import "../../shared-utils/three/core/Five_LineMaterial2.js";
-import { RenderDom as u } from "../utils/renderDom.js";
+import { RenderDom as c } from "../utils/renderDom.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -42,7 +42,7 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../shared-utils/five/FivePuppet.js";
 const x = "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 ot extends I {
+class ot extends T {
   constructor(t) {
     var w, y, V;
     super();
@@ -70,30 +70,30 @@ class ot extends I {
     });
     const p = t != null ? t : {}, { point: o } = p, h = k(p, ["point"]);
     this.paramsStyle = h != null ? h : {};
-    const l = new n.BufferGeometry();
-    l.setAttribute("position", new n.Float32BufferAttribute([0, 0, 0], 3));
+    const u = new n.BufferGeometry();
+    u.setAttribute("position", new n.Float32BufferAttribute([0, 0, 0], 3));
     const M = {
       transparent: !0,
       side: n.DoubleSide,
       size: (w = t == null ? void 0 : t.size) != null ? w : 8,
       map: C || (C = new n.TextureLoader().load(x)),
       sizeAttenuation: !1
-    }, r = new n.PointsMaterial(g(m({}, M), {
+    }, l = new n.PointsMaterial(m(a({}, M), {
       color: (y = t == null ? void 0 : t.color) != null ? y : 16777215,
       depthTest: !0,
       opacity: (V = t == null ? void 0 : t.opacity) != null ? V : 1
-    })), D = new n.PointsMaterial(g(m({}, M), {
-      size: r.size,
-      color: r.color,
+    })), D = new n.PointsMaterial(m(a({}, M), {
+      size: l.size,
+      color: l.color,
       depthWrite: !1,
       depthTest: !1,
-      opacity: r.opacity * 0.5
-    })), d = new n.Points(l, r), A = new n.Points(l, D);
-    this.fontMesh = d, this.backgroundMesh = A, d.name = "FontMesh", A.name = "BackgroundMesh", d.renderOrder = 10, A.renderOrder = 0, this.add(d, A), t != null && t.point && this.position.copy(T(t.point)), t && this.setStyle(t), this.addEventListener("removed", () => {
-      u.cacheObject.delete(this), u.checkDom(this);
+      opacity: l.opacity * 0.5
+    })), r = new n.Points(u, l), d = new n.Points(u, D);
+    this.fontMesh = r, this.backgroundMesh = d, r.name = "FontMesh", d.name = "BackgroundMesh", r.renderOrder = 10, d.renderOrder = 0, this.add(r, d), t != null && t.point && this.position.copy(W(t.point)), t && this.setStyle(t), this.addEventListener("removed", () => {
+      c.cacheObject.delete(this), c.checkDom(this);
     }), this.addEventListener("added", () => {
-      u.cacheObject.add(this);
-    }), u.checkDomEveryFrame();
+      c.cacheObject.add(this);
+    }), c.checkDomEveryFrame();
   }
   get color() {
     return this.fontMesh.material.color;
@@ -115,10 +115,10 @@ class ot extends I {
     return (o = (t = window.globalModules) == null ? void 0 : t.five) != null ? o : window.$five;
   }
   setStyle(t) {
-    f(t.color) && (this.fontMesh.material.setValues({ color: t.color }), this.backgroundMesh.material.setValues({ color: t.color })), f(t.size) && (this.fontMesh.material.setValues({ side: t.size }), this.backgroundMesh.material.setValues({ side: t.size })), f(t.occlusionVisibility) && (t.occlusionVisibility ? t.occlusionMode === "depthTest" ? (this.fontMesh.material.depthTest = !1, this.backgroundMesh.visible = !1) : (this.fontMesh.material.depthTest = !0, this.backgroundMesh.visible = !0) : (this.fontMesh.material.depthTest = !0, this.backgroundMesh.visible = !1));
+    g(t.color) && (this.fontMesh.material.setValues({ color: t.color }), this.backgroundMesh.material.setValues({ color: t.color })), g(t.size) && (this.fontMesh.material.setValues({ side: t.size }), this.backgroundMesh.material.setValues({ side: t.size })), g(t.occlusionVisibility) && (t.occlusionVisibility ? t.occlusionMode === "depthTest" ? (this.fontMesh.material.depthTest = !1, this.backgroundMesh.visible = !1) : (this.fontMesh.material.depthTest = !0, this.backgroundMesh.visible = !0) : (this.fontMesh.material.depthTest = !0, this.backgroundMesh.visible = !1));
   }
   highlight() {
-    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.fontMesh.material.opacity, this.fontMesh.material.setValues({ opacity: this.opacityBeforeHighlight * H }));
+    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.fontMesh.material.opacity, this.fontMesh.material.setValues({ opacity: this.opacityBeforeHighlight * I }));
   }
   unhighlight() {
     this.highlighted && (this.highlighted = !1, this.fontMesh.material.setValues({ opacity: this.opacityBeforeHighlight }));
@@ -130,11 +130,10 @@ class ot extends I {
   }
   updateDom() {
     const t = this.paramsStyle.tip;
-    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");
+    t && !this.dom && (this.dom = new B(this.five), this.dom.intersectCheck = !1, this.dom.simulate3D = !0, this.dom.container.style.display = this.visible ? "block" : "none");
     const o = (h) => {
-      var l;
-      this.dom && this.dom.__text !== h && (this.dom.__text = h, h instanceof HTMLElement ? (this.dom.container.innerHTML = "", this.dom.container.appendChild(h)) : h ? this.dom.container.innerHTML = B(h, {
-        style: `color: #${f((l = this.style) == null ? void 0 : l.color) ? new n.Color(this.style.color).getHexString() : "ffffff"}`
+      this.dom && this.dom.__text !== h && (this.dom.__text = h, h instanceof HTMLElement ? (this.dom.container.innerHTML = "", this.dom.container.appendChild(h)) : h ? this.dom.container.innerHTML = H(h, {
+        style: ""
       }) : this.dom.container.innerHTML = "");
     };
     t ? (o(t), this.dom.setPosition(this.position.clone())) : o(null);

package/libs/Sculpt/Meshes/Polygon.js

@@ -1,42 +1,30 @@
-var g = Object.defineProperty, I = Object.defineProperties;
-var D = Object.getOwnPropertyDescriptors;
-var y = Object.getOwnPropertySymbols;
-var _ = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
-var p = (o, t, e) => t in o ? g(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, h = (o, t) => {
+var f = Object.defineProperty, g = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var u = Object.getOwnPropertySymbols;
+var D = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+var p = (s, t, e) => t in s ? f(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, h = (s, t) => {
   for (var e in t || (t = {}))
-    _.call(t, e) && p(o, e, t[e]);
-  if (y)
-    for (var e of y(t))
-      H.call(t, e) && p(o, e, t[e]);
-  return o;
-}, u = (o, t) => I(o, D(t));
-var i = (o, t, e) => (p(o, typeof t != "symbol" ? t + "" : t, e), e);
+    D.call(t, e) && p(s, e, t[e]);
+  if (u)
+    for (var e of u(t))
+      _.call(t, e) && p(s, e, t[e]);
+  return s;
+}, y = (s, t) => g(s, I(t));
+var i = (s, t, e) => (p(s, typeof t != "symbol" ? t + "" : t, e), e);
 import * as a from "three";
-import { generatePolygonGeometry as S } from "../../shared-utils/three/generatePolygonGeometry.js";
-import { anyPositionToVector3 as b } from "../../shared-utils/positionToVector3.js";
-import { ColoredMesh as v } from "../utils/three/ColoredMesh.js";
+import { generatePolygonGeometry as b } from "../../shared-utils/three/generatePolygonGeometry.js";
+import { anyPositionToVector3 as H } from "../../shared-utils/positionToVector3.js";
+import { ColoredMesh as S } from "../utils/three/ColoredMesh.js";
 import { getGeometryInfo as k } from "../../shared-utils/three/geometryUtil.js";
-import { LightTag as P } from "../../shared-utils/tag.js";
-import { getLengthHTML as w } from "../utils/Meshes/getLengthHTML.js";
+import { LightTag as v } from "../../shared-utils/tag.js";
+import { getLengthHTML as P } from "../utils/Meshes/getLengthHTML.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 U } from "../../shared-utils/isNil.js";
-import "../../shared-utils/three/core/Five_LineMaterial2.js";
-import { transformUnitSquare as L } from "../utils/unit.js";
+import { transformUnitSquare as w } from "../utils/unit.js";
 import { RenderDom as m } from "../utils/renderDom.js";
-import "../../shared-utils/three/core/Sphere.js";
-import "../../vendor/animejs/lib/anime.es.js";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../shared-utils/five/FivePuppet.js";
 const d = new a.BufferGeometry();
 d.name = "blankGeometry";
 d.isBlank = !0;
-class Z extends v {
+class j extends S {
   constructor(e) {
     super(e);
     i(this, "name", "PolygonMesh");
@@ -71,7 +59,7 @@ class Z extends v {
     return this.points.length >= 3 ? new a.Vector3().crossVectors(this.points[1].clone().sub(this.points[0]), this.points[2].clone().sub(this.points[0])).normalize() : new a.Vector3(0, 0, 1);
   }
   get style() {
-    return u(h({}, super.style), { lengthEnable: this._paramsStyle.lengthEnable });
+    return y(h({}, super.style), { lengthEnable: this._paramsStyle.lengthEnable });
   }
   get isBlank() {
     return !!this.geometry.isBlank;
@@ -100,9 +88,9 @@ class Z extends v {
     this.areaDom && (this.areaDom.intersectCheck = !r), this.updateAreaItems();
   }
   setPoints(e, r) {
-    var l, s;
-    const n = e.map(b);
-    this.points = n, this.geometry = (s = S(this.points, { checkLinesIntersect: (l = r == null ? void 0 : r.checkLinesIntersect) != null ? l : !0 })) != null ? s : d, this.planeHelperNeedUpdate = !0, this.geometryInfoNeedUpdate = !0, this.updateAreaItems();
+    var o, l;
+    const n = e.map(H);
+    this.points = n, this.geometry = (l = b(this.points, { checkLinesIntersect: (o = r == null ? void 0 : r.checkLinesIntersect) != null ? o : !0 })) != null ? l : d, this.planeHelperNeedUpdate = !0, this.geometryInfoNeedUpdate = !0, this.updateAreaItems();
   }
   /**
    * @description: 获取一个点投影在当前平面上的点
@@ -114,10 +102,10 @@ class Z extends v {
     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;
   }
   updateAreaItems() {
-    var n, l;
+    var n;
     const e = () => {
-      var s;
-      (s = this.areaDom) == null || s.destroy(), this.areaDom = void 0;
+      var o;
+      (o = this.areaDom) == null || o.destroy(), this.areaDom = void 0;
     };
     if (!this._paramsStyle.lengthEnable || !this.geometryInfo)
       return e();
@@ -125,15 +113,15 @@ class Z extends v {
       return console.error("Five not found");
     this.areaDom = (n = this.areaDom) != null ? n : (() => {
       var c;
-      const s = new P(this.five), f = (c = this._paramsStyle.occlusionVisibility) != null ? c : !0;
-      return s.intersectCheck = !f, s.simulate3D = !0, s;
+      const o = new v(this.five), l = (c = this._paramsStyle.occlusionVisibility) != null ? c : !0;
+      return o.intersectCheck = !l, o.simulate3D = !0, o;
     })(), this.areaDom.setPosition(this.center);
-    const r = L(this.geometryInfo.area, this._paramsStyle.lengthUnit);
-    r ? this.areaDom.container.innerHTML = w(r, {
-      style: `color: #${U((l = this.style) == null ? void 0 : l.color) ? new a.Color(this.style.color).getHexString() : "000000"}`
+    const r = w(this.geometryInfo.area, this._paramsStyle.lengthUnit);
+    r ? this.areaDom.container.innerHTML = P(r, {
+      style: "color: #FFFFFF; background: #3366FF"
     }) : this.areaDom.container.innerHTML = "";
   }
 }
 export {
-  Z as PolygonMesh
+  j as PolygonMesh
 };

package/libs/Sculpt/utils/Meshes/getLengthHTML.d.ts

@@ -1,3 +1,4 @@
 export declare function getLengthHTML(text: string, params?: {
     style?: string;
+    offsetY?: number;
 }): string;