@realsee/dnalogel 3.64.23-alpha.4 → 3.64.23-ke-webgpu.1

package/libs/Sculpt/Meshes/CircleWithEdge.js

@@ -1,30 +1,34 @@
-var c = Object.defineProperty;
+var u = Object.defineProperty;
 var r = Object.getOwnPropertySymbols;
-var u = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
-var P = (i, s, e) => s in i ? c(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e;
+var d = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var p = (i, s, e) => s in i ? u(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e;
 var l = (i, s) => {
   var e = {};
   for (var t in i)
-    u.call(i, t) && s.indexOf(t) < 0 && (e[t] = i[t]);
+    d.call(i, t) && s.indexOf(t) < 0 && (e[t] = i[t]);
   if (i != null && r)
     for (var t of r(i))
-      s.indexOf(t) < 0 && L.call(i, t) && (e[t] = i[t]);
+      s.indexOf(t) < 0 && f.call(i, t) && (e[t] = i[t]);
   return e;
 };
-var d = (i, s, e) => (P(i, typeof s != "symbol" ? s + "" : s, e), e);
-import { CircleMesh as p } from "./Circle.js";
-import { LineMesh as y } from "./Line.js";
-class S extends p {
+var c = (i, s, e) => (p(i, typeof s != "symbol" ? s + "" : s, e), e);
+import { Vector3 as L } from "three";
+import { CircleMesh as m } from "./Circle.js";
+import { LineMesh as P } from "./Line.js";
+class w extends m {
   constructor(e) {
-    const o = e != null ? e : {}, { normal: t, radius: h, center: n } = o, g = l(o, ["normal", "radius", "center"]);
+    const n = e != null ? e : {}, { normal: t, radius: h, center: o } = n, g = l(n, ["normal", "radius", "center"]);
     super(g);
-    d(this, "edgeLine");
-    this.edgeLine = new y(g), this.add(this.edgeLine), t && h && n && this.setPoints({ normal: t, radius: h, center: n });
+    c(this, "edgeLine");
+    this.edgeLine = new P(g), this.add(this.edgeLine), t && h && o && this.setPoints({ normal: t, radius: h, center: o });
   }
   setPoints(...e) {
     super.setPoints(...e);
-    const t = this.meshFont.geometry.vertices.slice(1);
-    this.edgeLine.setPoints(t.concat(t[0]));
+    const t = this.meshFont.geometry.getAttribute("position"), h = [];
+    for (let n = 1; n < t.count; n++)
+      h.push(new L().fromBufferAttribute(t, n));
+    const o = h[0], g = h[h.length - 1];
+    h.length > 1 && o && g && o.distanceToSquared(g) < 1e-12 && h.pop(), this.edgeLine.setPoints(h.concat(h[0]));
   }
   setStyle(e) {
     super.setStyle(e), this.edgeLine.setStyle(e);
@@ -37,5 +41,5 @@ class S extends p {
   }
 }
 export {
-  S as CircleWithEdgeMesh
+  w as CircleWithEdgeMesh
 };

package/libs/Sculpt/Meshes/Cylinder.js

@@ -15,16 +15,16 @@ import * as h from "three";
 import "../../shared-utils/tag.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import "../../shared-utils/three/CSS3DRenderer/index.js";
+import "three/webgpu";
+import "three/tsl";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import { anyPositionToVector3 as m } from "../../shared-utils/positionToVector3.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import { notNil as f } from "../../shared-utils/isNil.js";
-import "../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/webgpu/Line2.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";
 import { CircleWithEdgeMesh as C } from "./CircleWithEdge.js";
 import { radiusToSegments as M } from "../utils/radiusToSegments.js";

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

@@ -38,7 +38,6 @@ export declare class LineMesh extends IObject3D implements RenderDomObjectType {
     constructor(params?: Partial<LineMeshStyle & LineData>);
     updateMatrixWorld(force?: boolean): void;
     setPoints(points: AnyPositions): void;
-    setResolution(width: number, height: number): void;
     setStyle(params: Partial<LineMeshStyle>): void;
     highlight(params?: {
         color?: Color;

package/libs/Sculpt/Meshes/Line.js

@@ -1,43 +1,43 @@
-var b = Object.defineProperty, v = Object.defineProperties;
-var I = Object.getOwnPropertyDescriptors;
+var b = Object.defineProperty, I = Object.defineProperties;
+var O = 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) => {
+var v = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
+var S = (r, l, e) => l in r ? b(r, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[l] = e, f = (r, l) => {
   for (var e in l || (l = {}))
-    O.call(l, e) && H(r, e, l[e]);
+    v.call(l, e) && S(r, e, l[e]);
   if (M)
     for (var e of M(l))
-      C.call(l, e) && H(r, e, l[e]);
+      C.call(l, e) && S(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);
+}, H = (r, l) => I(r, O(l));
+var s = (r, l, e) => (S(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 { DEFAULT_LINE_COLOR as B, DEFAULT_LINE_WIDTH as R, DEFAULT_HIGHLIGHT_OPACITY as W } from "../typings/style.js";
+import { anyPositionToVector3 as V } from "../../shared-utils/positionToVector3.js";
+import { IObject3D as x } from "../../shared-utils/three/IObject3D.js";
 import { LightTag as P } from "../../shared-utils/tag.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
+import "three/webgpu";
+import "three/tsl";
 import { centerPoint as j } 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 { LineGeometry as _ } 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 { LineMaterial2 as F } from "../../shared-utils/three/core/LineMaterial2.js";
+import { transformUnit as U } from "../utils/unit.js";
+import { RenderDom as u } from "../utils/renderDom.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.js";
+import { notNil as a } from "../../shared-utils/isNil.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 "../../shared-utils/five/FivePuppet.js";
-class fe extends V {
+class fe extends x {
   constructor(e) {
-    var c, n, m, a;
+    var c, h, m;
     super();
     s(this, "name", "LineMesh");
     s(this, "type", "Line2");
@@ -64,26 +64,23 @@ class fe extends V {
     s(this, "_onHidden", () => {
       this.doms.forEach((e) => e.container.style.display = "none");
     });
-    this.paramsStyle = y({ dashed: !1, lineOpacity: 1 }, e), this.geometry = new E();
+    this.paramsStyle = f({ dashed: !1, lineOpacity: 1 }, e), this.geometry = new _();
     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,
-      dashScale: 1,
+      color: new g.Color((c = e == null ? void 0 : e.lineColor) != null ? c : B),
+      linewidth: (h = e == null ? void 0 : e.lineWidth) != null ? h : R,
+      // 旧 five 的 LineMaterial 用 dashScale；Line2NodeMaterial 沿用 LineDashedMaterial 的 scale
+      scale: 1,
       dashSize: 0.02,
       gapSize: 0.02,
       opacity: (m = e == null ? void 0 : e.lineOpacity) != null ? m : 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);
-    }
-    e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
-      S.cacheObject.delete(this), S.checkDom(this);
+    }, o = new k(H(f({}, i), { dashed: !1, depthTest: !0 })), t = new F(H(f({}, i), { dashed: !0, depthTest: !1 }));
+    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), e && this.setStyle(e), e != null && e.points && this.setPoints(e.points), this.addEventListener("removed", () => {
+      u.cacheObject.delete(this), u.checkDom(this);
     }), this.addEventListener("added", () => {
-      S.cacheObject.add(this);
-    }), S.checkDomEveryFrame();
+      u.cacheObject.add(this);
+    }), u.checkDomEveryFrame();
   }
   get style() {
     return {
@@ -140,35 +137,26 @@ class fe extends V {
   setPoints(e) {
     if (this.points.length === 0 && e.length === 0)
       return;
-    const i = e.map(x).filter(d);
+    const i = e.map(V).filter(a);
     if (this.points = i, i.length < 2) {
-      const t = new E();
-      this.line1.geometry = t, this.line2.geometry = t, this.updateDomItems();
+      this.geometry = new _(), this.updateDomItems();
       return;
     }
     const o = i.flatMap((t) => [t.x, t.y, t.z]);
-    if (o.length > 2) {
-      this.line1.geometry.dispose();
-      const t = new E();
-      this.line1.geometry = t, this.line2.geometry = t;
-    }
-    this.line1.geometry.setPositions(o), 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 t = this.line2.material.resolution;
-    (t.x !== e || t.y !== i) && (t.set(e, i), this.needsRender = !0);
+    o.length > 2 && (this.geometry.dispose(), this.geometry = new _()), this.geometry.setPositions(o), this.line1.computeLineDistances(), this.updateDomItems(), this.needsRender = !0;
   }
+  // 原有的 setResolution 已删除。
+  // WebGPU 下 resolution 从材质移到了对象上，且 three 的 lines/webgpu/LineSegments2.onBeforeRender
+  // 会用当前 viewport 自行维护 _resolution，不需要外部同步，因此这套机制整体成为死代码。
   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, c, h, m;
+    if (this.paramsStyle = f(f({}, this.paramsStyle), e), a(e.lineColor)) {
+      const d = new g.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;
+    a(e.lineWidth) && (this.line1.material.linewidth = e.lineWidth, this.line2.material.linewidth = e.lineWidth), a(e.dashed) && (this.line1.material.dashed = e.dashed), a(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 = (h = e.occlusionMode) != null ? h : 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((d) => d.intersectCheck = !i), this.needsRender = !0;
   }
   highlight(e) {
     var i, o;
@@ -183,7 +171,7 @@ class fe extends V {
     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, a(this.opacityBeforeHighlight) && (this.line1.material.opacity = this.opacityBeforeHighlight, this.line2.material.opacity = this.line1.material.opacity, this.opacityBeforeHighlight = void 0), a(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 = () => {
@@ -196,27 +184,27 @@ class fe extends V {
     const o = this.points.map((t, c) => {
       if (c !== 0)
         return [this.points[c - 1], t];
-    }).filter(d).map((t) => w(this, t));
-    o.forEach(([t, c], n) => {
-      var f;
+    }).filter(a).map((t) => w(this, t));
+    o.forEach(([t, c], h) => {
+      var E;
       const m = j(t, c);
-      this.doms[n] = (f = this.doms[n]) != null ? f : (() => {
+      this.doms[h] = (E = this.doms[h]) != null ? E : (() => {
         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) => {
+        const n = new P(this.five), y = (p = this.paramsStyle.occlusionVisibility) != null ? p : !0;
+        return n.intersectCheck = !y, n.simulate3D = !0, n;
+      })(), this.doms[h].setPosition(m, [t, c]);
+      const d = (n, y) => {
         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 p = (L = y == null ? void 0 : y.force) != null ? L : !1;
+        this.doms[h].__text === n && !p || (this.doms[h].__text = n, n instanceof HTMLElement ? (this.doms[h].container.innerHTML = "", this.doms[h].container.appendChild(n)) : n ? this.doms[h].container.innerHTML = A(n, {
+          style: `color: #${a((T = this.style) == null ? void 0 : T.lineColor) ? new g.Color(this.style.lineColor).getHexString() : "ffffff"}; ${this.paramsStyle.cssStyle}`
+        }) : this.doms[h].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 n = U(t.distanceTo(c), this.paramsStyle.lengthUnit);
+        d(n || null, e);
       }
     }), this.doms.length > o.length && (this.doms.slice(o.length).forEach((t) => t.destroy()), this.doms.length = o.length);
   }

package/libs/Sculpt/Meshes/LineWithDots.js

@@ -17,14 +17,14 @@ import "../../shared-utils/tag.js";
 import "three";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import "../../shared-utils/three/CSS3DRenderer/index.js";
+import "three/webgpu";
+import "three/tsl";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import { LineMesh as _ } from "./Line.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 "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../shared-utils/five/FivePuppet.js";
 import { IObject3D as V } from "../../shared-utils/three/IObject3D.js";
 class z extends _ {

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

@@ -4,7 +4,8 @@ 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;
+import { circleImageURL } from '../../shared-utils/three/circleImageURL';
+export { circleImageURL };
 export type PointStyle = ColorStyle & {
     size: number;
 } & OcclusionStyle & Partial<DisplayInfoConfig> & OpacityStyle;

package/libs/Sculpt/Meshes/Point.js

@@ -1,50 +1,49 @@
-var E = Object.defineProperty, N = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
-var c = 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 D = Object.defineProperty, L = Object.defineProperties;
+var _ = Object.getOwnPropertyDescriptors;
+var f = Object.getOwnPropertySymbols;
+var k = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var u = (e, i, t) => i in e ? D(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, g = (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]);
+    k.call(i, t) && u(e, t, i[t]);
+  if (f)
+    for (var t of f(i))
+      H.call(i, t) && u(e, t, i[t]);
   return e;
-}, g = (e, i) => N(e, P(i));
-var k = (e, i) => {
+}, M = (e, i) => L(e, _(i));
+var w = (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))
-      i.indexOf(o) < 0 && v.call(e, o) && (t[o] = e[o]);
+    k.call(e, o) && i.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && f)
+    for (var o of f(e))
+      i.indexOf(o) < 0 && H.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) => (u(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 P } from "../typings/style.js";
+import { IObject3D as A } from "../../shared-utils/three/IObject3D.js";
+import { anyPositionToVector3 as B } from "../../shared-utils/positionToVector3.js";
+import { LightTag as x } 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 "three/webgpu";
+import "three/tsl";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { getLengthHTML as B } from "../utils/Meshes/getLengthHTML.js";
+import { getLengthHTML as I } 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 "../../shared-utils/three/core/Five_LineMaterial2.js";
-import { RenderDom as u } from "../utils/renderDom.js";
+import "three/examples/jsm/lines/LineGeometry.js";
+import { notNil as m } from "../../shared-utils/isNil.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
+import { RenderDom as a } 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 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 {
+import { getSharedCircleTexture as V } from "../../shared-utils/three/circleImageURL.js";
+class ot extends A {
   constructor(t) {
-    var w, y, V;
+    var b, T, v;
     super();
     s(this, "name", "PointMesh");
     s(this, "dom");
@@ -68,32 +67,32 @@ class ot extends I {
     s(this, "_onHidden", () => {
       this.dom && (this.dom.container.style.display = "none");
     });
-    const p = t != null ? t : {}, { point: o } = p, h = k(p, ["point"]);
+    const p = t != null ? t : {}, { point: o } = p, h = w(p, ["point"]);
     this.paramsStyle = h != null ? h : {};
-    const l = new n.BufferGeometry();
-    l.setAttribute("position", new n.Float32BufferAttribute([0, 0, 0], 3));
-    const M = {
+    const r = new n.BufferGeometry();
+    r.setAttribute("position", new n.Float32BufferAttribute([0, 0, 0], 3)), r.setAttribute("uv", new n.Float32BufferAttribute([0, 0], 2));
+    const y = {
       transparent: !0,
       side: n.DoubleSide,
-      size: (w = t == null ? void 0 : t.size) != null ? w : 8,
-      map: C || (C = new n.TextureLoader().load(x)),
+      size: (b = t == null ? void 0 : t.size) != null ? b : 8,
+      map: V(),
       sizeAttenuation: !1
-    }, r = new n.PointsMaterial(g(m({}, M), {
-      color: (y = t == null ? void 0 : t.color) != null ? y : 16777215,
+    }, l = new n.PointsMaterial(M(g({}, y), {
+      color: (T = t == null ? void 0 : t.color) != null ? T : 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,
+      opacity: (v = t == null ? void 0 : t.opacity) != null ? v : 1
+    })), z = new n.PointsMaterial(M(g({}, y), {
+      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
+    })), d = new n.Points(r, l), c = new n.Points(r, z);
+    this.fontMesh = d, this.backgroundMesh = c, d.name = "FontMesh", c.name = "BackgroundMesh", d.renderOrder = 10, c.renderOrder = 0, this.add(d, c), t != null && t.point && this.position.copy(B(t.point)), t && this.setStyle(t), this.addEventListener("removed", () => {
+      a.cacheObject.delete(this), a.checkDom(this);
     }), this.addEventListener("added", () => {
-      u.cacheObject.add(this);
-    }), u.checkDomEveryFrame();
+      a.cacheObject.add(this);
+    }), a.checkDomEveryFrame();
   }
   get color() {
     return this.fontMesh.material.color;
@@ -115,10 +114,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));
+    m(t.color) && (this.fontMesh.material.setValues({ color: t.color }), this.backgroundMesh.material.setValues({ color: t.color })), m(t.size) && (this.fontMesh.material.size = t.size, this.backgroundMesh.material.size = t.size), m(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 * P }));
   }
   unhighlight() {
     this.highlighted && (this.highlighted = !1, this.fontMesh.material.setValues({ opacity: this.opacityBeforeHighlight }));
@@ -130,11 +129,11 @@ 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 x(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"}`
+      var r;
+      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 = I(h, {
+        style: `color: #${m((r = this.style) == null ? void 0 : r.color) ? new n.Color(this.style.color).getHexString() : "ffffff"}`
       }) : this.dom.container.innerHTML = "");
     };
     t ? (o(t), this.dom.setPosition(this.position.clone())) : o(null);

package/libs/Sculpt/Meshes/Polygon.js

@@ -1,41 +1,42 @@
 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 u = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var d = (o, t, e) => t in o ? g(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, h = (o, 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]);
+    _.call(t, e) && d(o, e, t[e]);
+  if (u)
+    for (var e of u(t))
+      b.call(t, e) && d(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);
+}, y = (o, t) => I(o, D(t));
+var i = (o, t, e) => (d(o, 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 { generatePolygonGeometry as H } from "../../shared-utils/three/generatePolygonGeometry.js";
+import { anyPositionToVector3 as S } from "../../shared-utils/positionToVector3.js";
 import { ColoredMesh as v } 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 { getGeometryInfo as A } from "../../shared-utils/three/geometryUtil.js";
+import { LightTag as k } from "../../shared-utils/tag.js";
 import { getLengthHTML as w } from "../utils/Meshes/getLengthHTML.js";
-import { localToWorld as A } from "../../shared-utils/three/applyObjectMatrixWorld.js";
+import { localToWorld as P } 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 "three/webgpu";
+import "three/tsl";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import { notNil as U } from "../../shared-utils/isNil.js";
-import "../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import { transformUnitSquare as L } 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;
+const p = new a.BufferGeometry();
+p.name = "blankGeometry";
+p.isBlank = !0;
+p.setAttribute("position", new a.Float32BufferAttribute([], 3));
 class Z extends v {
   constructor(e) {
     super(e);
@@ -71,7 +72,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;
@@ -81,7 +82,7 @@ class Z extends v {
     return (e = this.geometryInfo) == null ? void 0 : e.center.clone();
   }
   get geometryInfo() {
-    return this.geometryInfoNeedUpdate && (this.isBlank ? this._geometryInfo = null : this._geometryInfo = k(this.geometry), this.geometryInfoNeedUpdate = !1), this._geometryInfo;
+    return this.geometryInfoNeedUpdate && (this.isBlank ? this._geometryInfo = null : this._geometryInfo = A(this.geometry), this.geometryInfoNeedUpdate = !1), this._geometryInfo;
   }
   get five() {
     var e, r;
@@ -89,7 +90,7 @@ class Z extends v {
   }
   updateMatrixWorld(e) {
     if (super.updateMatrixWorld(e), this.center) {
-      const r = A(this, this.center).toArray().join(",");
+      const r = P(this, this.center).toArray().join(",");
       r !== this.lastRenderAreaItem && (this.updateAreaItems(), this.lastRenderAreaItem = r);
     }
   }
@@ -101,8 +102,8 @@ class Z extends v {
   }
   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();
+    const n = e.map(S);
+    this.points = n, this.geometry = (s = H(this.points, { checkLinesIntersect: (l = r == null ? void 0 : r.checkLinesIntersect) != null ? l : !0 })) != null ? s : p, this.planeHelperNeedUpdate = !0, this.geometryInfoNeedUpdate = !0, this.updateAreaItems();
   }
   /**
    * @description: 获取一个点投影在当前平面上的点
@@ -125,7 +126,7 @@ 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;
+      const s = new k(this.five), f = (c = this._paramsStyle.occlusionVisibility) != null ? c : !0;
       return s.intersectCheck = !f, s.simulate3D = !0, s;
     })(), this.areaDom.setPosition(this.center);
     const r = L(this.geometryInfo.area, this._paramsStyle.lengthUnit);