@realsee/dnalogel 3.49.10 → 3.49.12

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

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import { type Color, type OcclusionStyle, type LineStyle } from '../typings/style';
+import { type Color, type OcclusionStyle, type LineStyle, type lengthConfig, type DisplayInfoConfig } from '../typings/style';
 import { LineMaterial, THREE_Line2 } from '../../shared-utils/five/FiveLine';
 import { LineGeometry } from 'three/examples/jsm/lines/LineGeometry';
 import { type AnyPositions } from '../../shared-utils/positionToVector3';
@@ -9,9 +9,7 @@ import type { PointsData } from '../utils/data';
 import { LightTag } from '../../shared-utils/tag';
 export type LineMeshStyle = LineStyle & {
     dashed?: boolean;
-} & OcclusionStyle & {
-    lengthEnable?: boolean;
-};
+} & OcclusionStyle & Partial<lengthConfig> & Partial<DisplayInfoConfig>;
 export type LineData = PointsData;
 export declare class LineMaterial2 extends LineMaterial {
     get three_color(): Color;
@@ -32,7 +30,7 @@ export declare class THREE_Line3 extends THREE_Line2 {
 export declare class LineMesh extends IObject3D {
     name: string;
     points: THREE.Vector3[];
-    lengthDoms: LightTag[];
+    doms: LightTag[];
     get style(): LineMeshStyle;
     get opacity(): number;
     get lineWidth(): number;
@@ -46,7 +44,7 @@ export declare class LineMesh extends IObject3D {
     private backLine;
     private opacityBeforeHighlight;
     private paramsStyle;
-    private lastRenderLengthItem;
+    private lastRenderDomItem;
     constructor(params?: Partial<LineMeshStyle & LineData>);
     updateMatrixWorld(force?: boolean): void;
     setPoints(points: AnyPositions): void;
@@ -54,5 +52,5 @@ export declare class LineMesh extends IObject3D {
     setStyle(params: Partial<LineMeshStyle>): void;
     highlight(): void;
     unhighlight(): void;
-    private updateLengthItems;
+    private updateDomItems;
 }

package/libs/Sculpt/Meshes/Line.js

@@ -1,19 +1,19 @@
-var E = Object.defineProperty;
+var M = Object.defineProperty;
 var L = Object.getOwnPropertySymbols;
-var _ = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
-var f = (l, o, e) => o in l ? E(l, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[o] = e, y = (l, o) => {
-  for (var e in o || (o = {}))
-    _.call(o, e) && f(l, e, o[e]);
+var E = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var y = (h, s, e) => s in h ? M(h, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[s] = e, m = (h, s) => {
+  for (var e in s || (s = {}))
+    E.call(s, e) && y(h, e, s[e]);
   if (L)
-    for (var e of L(o))
-      T.call(o, e) && f(l, e, o[e]);
-  return l;
+    for (var e of L(s))
+      T.call(s, e) && y(h, e, s[e]);
+  return h;
 };
-var h = (l, o, e) => (f(l, typeof o != "symbol" ? o + "" : o, e), e);
-import * as u from "three";
-import { DEFAULT_LINE_COLOR as b, DEFAULT_LINE_WIDTH as k, DEFAULT_HIGHLIGHT_OPACITY as p } from "../typings/style.js";
+var r = (h, s, e) => (y(h, typeof s != "symbol" ? s + "" : s, e), e);
+import * as f from "three";
+import { DEFAULT_LINE_COLOR as p, DEFAULT_LINE_WIDTH as k, DEFAULT_HIGHLIGHT_OPACITY as b } from "../typings/style.js";
 import { LineMaterial as w, THREE_Line2 as I } from "../../shared-utils/five/FiveLine.js";
-import { LineGeometry as m } from "../../vendor/three/examples/jsm/lines/LineGeometry.js";
+import { LineGeometry as g } from "../../vendor/three/examples/jsm/lines/LineGeometry.js";
 import { anyPositionToVector3 as H } from "../../shared-utils/positionToVector3.js";
 import { IObject3D as C } from "../../shared-utils/three/IObject3D.js";
 import "hammerjs";
@@ -22,18 +22,18 @@ import { centerPoint as R } from "../../shared-utils/three/centerPoint.js";
 import { LightTag as x } from "../../shared-utils/tag.js";
 import { removeAllTag as W } from "../utils/removeAllTag.js";
 import { getLengthHTML as v } from "../utils/Meshes/getLengthHTML.js";
-import { applyObjectMatrixWorld as D } from "../../shared-utils/three/applyObjectMatrixWorld.js";
+import { applyObjectMatrixWorld as S } from "../../shared-utils/three/applyObjectMatrixWorld.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "animejs";
 import { notNil as d } from "../../shared-utils/isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-class S extends w {
+class _ extends w {
   constructor(e) {
     var i, t;
     super(e);
-    h(this, "_three_color");
-    d(e == null ? void 0 : e.color) && (this.three_color = (i = e == null ? void 0 : e.color) != null ? i : 16777215), Object.keys(e).forEach((n) => {
-      ["color", "dashed", "dashScale", "dashSize", "gapSize", "resolution"].includes(n) || n in this && (this[n] = e[n]);
+    r(this, "_three_color");
+    d(e == null ? void 0 : e.color) && (this.three_color = (i = e == null ? void 0 : e.color) != null ? i : 16777215), Object.keys(e).forEach((o) => {
+      ["color", "dashed", "dashScale", "dashSize", "gapSize", "resolution"].includes(o) || o in this && (this[o] = e[o]);
     }), this.setDashed((t = e == null ? void 0 : e.dashed) != null ? t : !1);
   }
   get three_color() {
@@ -46,35 +46,35 @@ class S extends w {
     this.dashed = e, e ? this.defines.USE_DASH = "" : delete this.defines.USE_DASH, this.needsUpdate = !0;
   }
 }
-class M extends I {
+class D extends I {
   constructor(e, i) {
     super(e, i);
-    h(this, "name", "Line3");
+    r(this, "name", "Line3");
   }
 }
 class X extends C {
   constructor(e) {
-    var s, r, c, g, a;
+    var l, c, a, u, n;
     super();
-    h(this, "name", "LineMesh");
-    h(this, "points");
-    h(this, "lengthDoms", []);
-    h(this, "highlighted", !1);
-    h(this, "line");
-    h(this, "backLine");
-    h(this, "opacityBeforeHighlight");
-    h(this, "paramsStyle", {});
-    h(this, "lastRenderLengthItem");
+    r(this, "name", "LineMesh");
+    r(this, "points");
+    r(this, "doms", []);
+    r(this, "highlighted", !1);
+    r(this, "line");
+    r(this, "backLine");
+    r(this, "opacityBeforeHighlight");
+    r(this, "paramsStyle", {});
+    r(this, "lastRenderDomItem");
     this.paramsStyle = e != null ? e : {};
-    const i = new m(), t = new S({
-      color: new u.Color((s = e == null ? void 0 : e.lineColor) != null ? s : b),
-      linewidth: (r = e == null ? void 0 : e.lineWidth) != null ? r : k,
+    const i = new g(), t = new _({
+      color: new f.Color((l = e == null ? void 0 : e.lineColor) != null ? l : p),
+      linewidth: (c = e == null ? void 0 : e.lineWidth) != null ? c : k,
       dashScale: 40,
-      opacity: (c = e == null ? void 0 : e.opacity) != null ? c : 1,
+      opacity: (a = e == null ? void 0 : e.opacity) != null ? a : 1,
       transparent: !0,
-      dashed: (g = e == null ? void 0 : e.dashed) != null ? g : !1
-    }), n = new S({
-      color: new u.Color((a = e == null ? void 0 : e.lineColor) != null ? a : b),
+      dashed: (u = e == null ? void 0 : e.dashed) != null ? u : !1
+    }), o = new _({
+      color: new f.Color((n = e == null ? void 0 : e.lineColor) != null ? n : p),
       linewidth: t.linewidth * 0.9,
       dashScale: t.dashScale,
       opacity: t.opacity * 0.7,
@@ -83,7 +83,7 @@ class X extends C {
       transparent: !0,
       resolution: t.resolution
     });
-    this.line = new M(i, t), this.backLine = new M(i, n), this.line.renderOrder = 1, this.backLine.renderOrder = 0, this.line.name = "lineFrontMaterial", this.backLine.name = "lineBackMaterial", e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
+    this.line = new D(i, t), this.backLine = new D(i, o), this.line.renderOrder = 1, this.backLine.renderOrder = 0, this.line.name = "lineFrontMaterial", this.backLine.name = "lineBackMaterial", e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
       W(this);
     });
   }
@@ -95,7 +95,8 @@ class X extends C {
       dashed: this.dashed,
       occlusionVisibility: this.occlusionVisibility,
       occlusionMode: this.occlusionMode,
-      lengthEnable: this.paramsStyle.lengthEnable
+      lengthEnable: this.paramsStyle.lengthEnable,
+      tip: this.paramsStyle.tip
     };
   }
   get opacity() {
@@ -108,7 +109,7 @@ class X extends C {
   }
   get color() {
     var e;
-    return new u.Color((e = this.line.material.three_color) != null ? e : this.paramsStyle.lineColor);
+    return new f.Color((e = this.line.material.three_color) != null ? e : this.paramsStyle.lineColor);
   }
   get dashed() {
     var e;
@@ -127,60 +128,67 @@ class X extends C {
   updateMatrixWorld(e) {
     var i;
     if (super.updateMatrixWorld(e), this.points) {
-      const t = (i = D(this, this.points)) == null ? void 0 : i.map((n) => n.toArray().join(",")).join(",");
-      t !== this.lastRenderLengthItem && (this.updateLengthItems(), this.lastRenderLengthItem = t);
+      const t = (i = S(this, this.points)) == null ? void 0 : i.map((o) => o.toArray().join(",")).join(",");
+      t !== this.lastRenderDomItem && (this.updateDomItems(), this.lastRenderDomItem = t);
     }
   }
   setPoints(e) {
     const i = e.map(H).filter(d);
     if (this.points = i, i.length < 2) {
-      this.line.geometry = new m(), this.backLine.geometry = this.line.geometry, this.updateLengthItems();
+      this.line.geometry = new g(), this.backLine.geometry = this.line.geometry, this.updateDomItems();
       return;
     }
     this.addIfNotExists(this.line, this.backLine);
-    const t = i.flatMap((n) => [n.x, n.y, n.z]);
-    t.length > 2 && (this.line.geometry.dispose(), this.line.geometry = new m(), this.backLine.geometry = this.line.geometry), this.line.geometry.setPositions(t), this.line.computeLineDistances(), this.updateLengthItems(), this.needsRender = !0;
+    const t = i.flatMap((o) => [o.x, o.y, o.z]);
+    t.length > 2 && (this.line.geometry.dispose(), this.line.geometry = new g(), this.backLine.geometry = this.line.geometry), this.line.geometry.setPositions(t), this.line.computeLineDistances(), this.updateDomItems(), this.needsRender = !0;
   }
   setResolution(e, i) {
     const t = this.line.material.resolution;
     (t.x !== e || t.y !== i) && (t.set(e, i), this.needsRender = !0);
-    const n = this.backLine.material.resolution;
-    (n.x !== e || n.y !== i) && (n.set(e, i), this.needsRender = !0);
+    const o = this.backLine.material.resolution;
+    (o.x !== e || o.y !== i) && (o.set(e, i), this.needsRender = !0);
   }
   setStyle(e) {
-    var n, s, r;
-    this.paramsStyle = y(y({}, this.paramsStyle), e), d(e.lineColor) && (this.line.material.three_color = new u.Color(e.lineColor), this.backLine.material.three_color = new u.Color(e.lineColor)), d(e.lineWidth) && (this.line.material.linewidth = e.lineWidth), d(e.dashed) && this.line.material.setDashed(e.dashed), d(e.opacity) && (this.line.material.opacity = e.opacity, this.backLine.material.opacity = this.line.material.opacity * 0.7), this.updateLengthItems();
-    const i = (n = e.occlusionVisibility) != null ? n : this.paramsStyle.occlusionVisibility, t = (r = (s = e.occlusionMode) != null ? s : this.paramsStyle.occlusionMode) != null ? r : "translucence";
+    var o, l, c;
+    this.paramsStyle = m(m({}, this.paramsStyle), e), d(e.lineColor) && (this.line.material.three_color = new f.Color(e.lineColor), this.backLine.material.three_color = new f.Color(e.lineColor)), d(e.lineWidth) && (this.line.material.linewidth = e.lineWidth), d(e.dashed) && this.line.material.setDashed(e.dashed), d(e.opacity) && (this.line.material.opacity = e.opacity, this.backLine.material.opacity = this.line.material.opacity * 0.7), this.updateDomItems();
+    const i = (o = e.occlusionVisibility) != null ? o : this.paramsStyle.occlusionVisibility, t = (c = (l = e.occlusionMode) != null ? l : this.paramsStyle.occlusionMode) != null ? c : "translucence";
     i ? t === "depthTest" ? (this.line.material.depthTest = !1, this.backLine.visible = !1) : t === "translucence" && (this.line.material.depthTest = !0, this.backLine.visible = !0, this.line.material.opacity === 1 ? this.backLine.material.setDashed(!0) : this.backLine.material.setDashed(this.line.material.dashed)) : (this.line.material.depthTest = !0, this.backLine.visible = !1), this.needsRender = !0;
   }
   highlight() {
-    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.line.material.opacity, this.line.material.opacity = this.opacityBeforeHighlight * p, this.backLine.material.opacity = this.backLine.material.opacity * p, this.needsRender = !0);
+    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.line.material.opacity, this.line.material.opacity = this.opacityBeforeHighlight * b, this.backLine.material.opacity = this.backLine.material.opacity * b, this.needsRender = !0);
   }
   unhighlight() {
     this.highlighted && (this.highlighted = !1, this.line.material.opacity = this.opacityBeforeHighlight, this.backLine.material.opacity = 0.2, this.needsRender = !0);
   }
-  updateLengthItems() {
+  updateDomItems() {
     const e = () => {
-      this.lengthDoms.forEach((t) => t.destroy()), this.lengthDoms = [];
+      this.doms.forEach((t) => t.destroy()), this.doms = [];
     };
-    if (!this.points || this.points.length < 2 || !this.paramsStyle.lengthEnable)
+    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, n) => {
-      if (n !== 0)
-        return [this.points[n - 1], t];
-    }).filter(d).map((t) => D(this, t));
-    i.forEach(([t, n], s) => {
-      var g;
-      const r = R(t, n);
-      this.lengthDoms[s] = (g = this.lengthDoms[s]) != null ? g : (() => {
-        const a = new x(this.five);
-        return a.intersectCheck = !1, a.simulate3D = !0, a;
-      })(), this.lengthDoms[s].setPosition(r, [t, n]);
-      const c = t.distanceTo(n).toFixed(2);
-      this.lengthDoms[s].lengthDom !== c && (this.lengthDoms[s].lengthDom = c, c === "0.00" ? this.lengthDoms[s].container.innerHTML = "" : this.lengthDoms[s].container.innerHTML = v(c + "m"));
-    }), this.lengthDoms.length > i.length && (this.lengthDoms.slice(i.length).forEach((t) => t.destroy()), this.lengthDoms.length = i.length);
+    const i = this.points.map((t, o) => {
+      if (o !== 0)
+        return [this.points[o - 1], t];
+    }).filter(d).map((t) => S(this, t));
+    i.forEach(([t, o], l) => {
+      var u;
+      const c = R(t, o);
+      this.doms[l] = (u = this.doms[l]) != null ? u : (() => {
+        const n = new x(this.five);
+        return n.intersectCheck = !1, n.simulate3D = !0, n;
+      })(), this.doms[l].setPosition(c, [t, o]);
+      const a = (n) => {
+        this.doms[l].__text !== n && (this.doms[l].__text = n, n ? this.doms[l].container.innerHTML = v(n) : this.doms[l].container.innerHTML = "");
+      };
+      if (this.paramsStyle.tip)
+        a(this.paramsStyle.tip);
+      else {
+        const n = t.distanceTo(o).toFixed(2);
+        a(n === "0.00" ? null : n + "m");
+      }
+    }), this.doms.length > i.length && (this.doms.slice(i.length).forEach((t) => t.destroy()), this.doms.length = i.length);
   }
 }
 export {

package/libs/Sculpt/Meshes/LineWithDots.js

@@ -1,15 +1,15 @@
-var m = Object.defineProperty, d = Object.defineProperties;
+var d = Object.defineProperty, m = Object.defineProperties;
 var f = Object.getOwnPropertyDescriptors;
 var a = Object.getOwnPropertySymbols;
 var g = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
-var n = (s, i, t) => i in s ? m(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t, o = (s, i) => {
+var n = (s, i, t) => i in s ? d(s, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[i] = t, o = (s, i) => {
   for (var t in i || (i = {}))
     g.call(i, t) && n(s, t, i[t]);
   if (a)
     for (var t of a(i))
       c.call(i, t) && n(s, t, i[t]);
   return s;
-}, r = (s, i) => d(s, f(i));
+}, r = (s, i) => m(s, f(i));
 var e = (s, i, t) => (n(s, typeof i != "symbol" ? i + "" : i, t), t);
 import { anyPositionToVector3 as b } from "../../shared-utils/positionToVector3.js";
 import { PointMesh as P } from "./Point.js";
@@ -29,7 +29,7 @@ class N 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 }))), this.updateEdgePointsVisibility(), this.needsRender = !0;
+      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;
     });
     e(this, "highlight", () => {
       super.highlight(), this.pointMeshes.forEach((t) => t.highlight());
@@ -60,7 +60,7 @@ class N extends S {
     const h = t.map(b).filter(y);
     this.pointGroup.removeChildren(), this.addIfNotExists(this.pointGroup), h.forEach((u) => {
       var l;
-      const p = new P(r(o({}, this.style), { color: (l = this._paramsStyle) == null ? void 0 : l.lineColor }));
+      const p = new P(r(o({}, this.style), { color: (l = this._paramsStyle) == null ? void 0 : l.lineColor, tip: void 0 }));
       p.position.copy(u), this.pointGroup.add(p);
     }), this.updateEdgePointsVisibility(), this.needsRender = !0;
   }

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

@@ -1,22 +1,29 @@
 import * as THREE from 'three';
-import { type ColorStyle, type OcclusionStyle } from '../typings/style';
+import { type ColorStyle, type DisplayInfoConfig, type OcclusionStyle } from '../typings/style';
 import { IObject3D } from '../../shared-utils/three/IObject3D';
 import type { PointData } from '../utils/data';
+import { LightTag } from '../../shared-utils/tag';
 export type { PointData } from '../utils/data';
 export declare const circleImageURL: string;
 export type PointStyle = ColorStyle & {
     size: number;
-} & OcclusionStyle;
+} & OcclusionStyle & Partial<DisplayInfoConfig>;
 export declare class PointMesh extends IObject3D {
     name: string;
     get color(): THREE.Color;
     get size(): number;
+    dom: LightTag;
     private opacityBeforeHighlight;
     private highlighted;
     private fontMesh;
     private backgroundMesh;
+    private lastRenderDomItem;
+    private paramsStyle;
+    private get five();
     constructor(params?: Partial<PointStyle & PointData>);
     setStyle(params: Partial<PointStyle>): void;
     highlight(): void;
     unhighlight(): void;
+    updateMatrixWorld(force?: boolean): void;
+    private updateDom;
 }

package/libs/Sculpt/Meshes/Point.js

@@ -1,60 +1,76 @@
-var C = Object.defineProperty, N = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
-var M = Object.getOwnPropertySymbols;
-var k = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var n = (i, e, t) => e in i ? C(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, c = (i, e) => {
-  for (var t in e || (e = {}))
-    k.call(e, t) && n(i, t, e[t]);
-  if (M)
-    for (var t of M(e))
-      m.call(e, t) && n(i, t, e[t]);
-  return i;
-}, g = (i, e) => N(i, P(e));
-var A = (i, e, t) => (n(i, typeof e != "symbol" ? e + "" : e, t), t);
-import * as o from "three";
-import { DEFAULT_HIGHLIGHT_OPACITY as B } from "../typings/style.js";
-import { IObject3D as b } from "../../shared-utils/three/IObject3D.js";
-import { anyPositionToVector3 as E } from "../../shared-utils/positionToVector3.js";
+var k = Object.defineProperty, D = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
+var l = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
+var u = (e, i, t) => i in e ? k(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, f = (e, i) => {
+  for (var t in i || (i = {}))
+    p.call(i, t) && u(e, t, i[t]);
+  if (l)
+    for (var t of l(i))
+      C.call(i, t) && u(e, t, i[t]);
+  return e;
+}, g = (e, i) => D(e, I(i));
+var N = (e, i) => {
+  var t = {};
+  for (var o in e)
+    p.call(e, o) && i.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && l)
+    for (var o of l(e))
+      i.indexOf(o) < 0 && C.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+var s = (e, i, t) => (u(e, typeof i != "symbol" ? i + "" : i, t), t);
+import * as A from "three";
+import { DEFAULT_HIGHLIGHT_OPACITY as v } from "../typings/style.js";
+import { IObject3D as B } from "../../shared-utils/three/IObject3D.js";
+import { anyPositionToVector3 as W } from "../../shared-utils/positionToVector3.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
 import "../../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../../shared-utils/tag.js";
+import { LightTag as x } from "../../shared-utils/tag.js";
+import { getLengthHTML as E } from "../utils/Meshes/getLengthHTML.js";
+import { applyObjectMatrixWorld as y } from "../../shared-utils/three/applyObjectMatrixWorld.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "animejs";
-import { notNil as u } from "../../shared-utils/isNil.js";
+import { notNil as a } from "../../shared-utils/isNil.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-const p = "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 w = null;
-class Q extends b {
+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 P = null;
+class K extends B {
   constructor(t) {
-    var f, a;
+    var w, V;
     super();
-    A(this, "name", "PointMesh");
-    A(this, "opacityBeforeHighlight");
-    A(this, "highlighted", !1);
-    A(this, "fontMesh");
-    A(this, "backgroundMesh");
-    const l = new o.BufferGeometry();
-    l.setAttribute("position", new o.Float32BufferAttribute([0, 0, 0], 3));
-    const d = {
+    s(this, "name", "PointMesh");
+    s(this, "dom");
+    s(this, "opacityBeforeHighlight");
+    s(this, "highlighted", !1);
+    s(this, "fontMesh");
+    s(this, "backgroundMesh");
+    s(this, "lastRenderDomItem");
+    s(this, "paramsStyle");
+    const M = t != null ? t : {}, { point: o } = M, h = N(M, ["point"]);
+    this.paramsStyle = h != null ? h : {};
+    const d = new A.BufferGeometry();
+    d.setAttribute("position", new A.Float32BufferAttribute([0, 0, 0], 3));
+    const m = {
       transparent: !0,
-      side: o.DoubleSide,
-      size: (f = t == null ? void 0 : t.size) != null ? f : 8,
-      map: w || (w = new o.TextureLoader().load(p)),
+      side: A.DoubleSide,
+      size: (w = t == null ? void 0 : t.size) != null ? w : 8,
+      map: P || (P = new A.TextureLoader().load(S)),
       sizeAttenuation: !1
-    }, r = new o.PointsMaterial(g(c({}, d), {
-      color: (a = t == null ? void 0 : t.color) != null ? a : 16777215,
+    }, c = new A.PointsMaterial(g(f({}, m), {
+      color: (V = t == null ? void 0 : t.color) != null ? V : 16777215,
       depthTest: !0,
       opacity: 1
-    })), V = new o.PointsMaterial(g(c({}, d), {
-      size: r.size,
-      color: r.color,
+    })), b = new A.PointsMaterial(g(f({}, m), {
+      size: c.size,
+      color: c.color,
       depthWrite: !1,
       depthTest: !1,
       opacity: 0.5
-    })), s = new o.Points(l, r), h = new o.Points(l, V);
-    this.fontMesh = s, this.backgroundMesh = h, s.name = "FontMesh", h.name = "BackgroundMesh", s.renderOrder = 10, h.renderOrder = 0, this.add(s, h), t != null && t.point && this.position.copy(E(t.point)), t && this.setStyle(t);
+    })), r = new A.Points(d, c), n = new A.Points(d, b);
+    this.fontMesh = r, this.backgroundMesh = n, r.name = "FontMesh", n.name = "BackgroundMesh", r.renderOrder = 10, n.renderOrder = 0, this.add(r, n), t != null && t.point && this.position.copy(W(t.point)), t && this.setStyle(t);
   }
   get color() {
     return this.fontMesh.material.color;
@@ -62,16 +78,33 @@ class Q extends b {
   get size() {
     return this.fontMesh.material.size;
   }
+  get five() {
+    var t, o;
+    return (o = (t = window.globalModules) == null ? void 0 : t.five) != null ? o : window.$five;
+  }
   setStyle(t) {
-    u(t.color) && (this.fontMesh.material.setValues({ color: t.color }), this.backgroundMesh.material.setValues({ color: t.color })), u(t.size) && (this.fontMesh.material.setValues({ side: t.size }), this.backgroundMesh.material.setValues({ side: t.size })), u(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));
+    a(t.color) && (this.fontMesh.material.setValues({ color: t.color }), this.backgroundMesh.material.setValues({ color: t.color })), a(t.size) && (this.fontMesh.material.setValues({ side: t.size }), this.backgroundMesh.material.setValues({ side: t.size })), a(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 * B }));
+    this.highlighted || (this.highlighted = !0, this.opacityBeforeHighlight = this.fontMesh.material.opacity, this.fontMesh.material.setValues({ opacity: this.opacityBeforeHighlight * v }));
   }
   unhighlight() {
     this.highlighted && (this.highlighted = !1, this.fontMesh.material.setValues({ opacity: this.opacityBeforeHighlight }));
   }
+  updateMatrixWorld(t) {
+    super.updateMatrixWorld(t);
+    const o = y(this, this.position).toArray().join(",");
+    o !== this.lastRenderDomItem && (this.updateDom(), this.lastRenderDomItem = o);
+  }
+  updateDom() {
+    const t = this.paramsStyle.tip;
+    t && !this.dom && (this.dom = new x(this.five), this.dom.intersectCheck = !1, this.dom.simulate3D = !0);
+    const o = (h) => {
+      this.dom && this.dom.__text !== h && (this.dom.__text = h, h ? this.dom.container.innerHTML = E(h) : this.dom.container.innerHTML = "");
+    };
+    t ? (o(t), this.dom.setPosition(this.position.clone())) : o(null);
+  }
 }
 export {
-  Q as PointMesh
+  K as PointMesh
 };

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

@@ -51,6 +51,7 @@ Config extends BaseObjectConfig = BaseObjectConfig> extends IObject3D {
      */
     config: Config;
     editor: BaseEditor;
+    get editing(): boolean;
     abstract type: string;
     /**
      * @description 物体导出数据

package/libs/Sculpt/Objects/Base/index.js

@@ -16,7 +16,7 @@ import { IObject3D as g } from "../../../shared-utils/three/IObject3D.js";
 import { applyObjectMatrixWorld as b } from "../../../shared-utils/three/applyObjectMatrixWorld.js";
 import { removeAllTag as y } from "../../utils/removeAllTag.js";
 const p = /* @__PURE__ */ new Map();
-class S extends g {
+class O extends g {
   constructor(e, s) {
     super();
     r(this, "name", "Sculpt");
@@ -50,6 +50,9 @@ class S extends g {
       this.selected = !1, this.unhighlight(), !this.pointSelector.enabled && ((i = this.editor) == null || i.disable());
     }));
   }
+  get editing() {
+    return this.pointSelector.enabled;
+  }
   get baseData() {
     return {
       id: this.uuid,
@@ -123,5 +126,5 @@ class S extends g {
   }
 }
 export {
-  S as BaseObject
+  O as BaseObject
 };