@realsee/dnalogel 3.72.0 → 3.72.1-alpha.1

package/libs/shared-utils/Object3DHelper/Controller/MoveController.js

@@ -1,30 +1,31 @@
 var w = Object.defineProperty;
-var j = (f, d, e) => d in f ? w(f, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[d] = e;
-var a = (f, d, e) => (j(f, typeof d != "symbol" ? d + "" : d, e), e);
+var j = (g, l, e) => l in g ? w(g, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[l] = e;
+var h = (g, l, e) => (j(g, typeof l != "symbol" ? l + "" : l, e), e);
 import { BaseController as B } from "../Base/BaseController.js";
 import { RENDER_ORDER as k } from "../Constants/RenderOrder.js";
-import * as n from "three";
+import * as a from "three";
 import { SolidGuideLine as O } from "../utils/solidGuide.js";
 import { getMouseRaycaster as I } from "../utils/getMouseRaycaster.js";
 import { rayOnLine as N } from "../../../Sculpt/utils/three/rayOnLine.js";
+import { CenterHandle as P } from "../Helper/Objects/CenterHandle.js";
 var M, L;
-class F extends B {
+class z extends B {
   constructor(...e) {
     super(...e);
-    a(this, "name", "MoveController");
-    a(this, "startInfo");
+    h(this, "name", "MoveController");
+    h(this, "startInfo");
     /** 拖拽时用于显示方向参考的直线（与 ScaleController 一致：Line + LineBasicMaterial） */
-    a(this, "dragGuideLine");
-    a(this, "solidGuide", new O(this.camera, this.container, (L = (M = this.config) == null ? void 0 : M.solidGuide) != null ? L : {}));
-    a(this, "_moveByMouse", {
+    h(this, "dragGuideLine");
+    h(this, "solidGuide", new O(this.camera, this.container, (L = (M = this.config) == null ? void 0 : M.solidGuide) != null ? L : {}));
+    h(this, "_moveByMouse", {
       enabled: !1
     });
-    a(this, "mouseInfo");
-    a(this, "mousedownEventListenerDisposer");
+    h(this, "mouseInfo");
+    h(this, "mousedownEventListenerDisposer");
     /**
      * @description: 拖动开始，找出拖的Direction
      */
-    a(this, "dragStart", (e) => {
+    h(this, "dragStart", (e) => {
       if (this.moveByMouseEnable || this.isDragging)
         return;
       const t = e == null ? void 0 : e.intersect;
@@ -33,48 +34,49 @@ class F extends B {
       const o = (t == null ? void 0 : t.object).direction;
       if (!o)
         return this.dragEnd();
-      const s = new n.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), c = new n.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), r = new n.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), u = (() => {
+      const s = new a.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), d = new a.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), n = new a.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), i = (() => {
         switch (o) {
           case "x":
             return s;
           case "y":
-            return c;
+            return d;
           case "z":
-            return r;
+            return n;
           case "plane":
             return;
         }
-      })(), h = t.point.clone();
+      })(), r = t.point.clone();
       if (o === "plane") {
-        const l = this.camera.position.clone(), i = h.clone(), p = i.clone().sub(l).normalize(), m = new n.Plane().setFromNormalAndCoplanarPoint(p, i), g = i.clone();
+        const c = this.camera.position.clone(), u = r.clone(), f = u.clone().sub(c).normalize(), v = new a.Plane().setFromNormalAndCoplanarPoint(f, u), p = u.clone();
         this.startInfo = {
           draggingDirection: o,
-          startVectorProject: g,
-          line: new n.Line3(g.clone(), g.clone()),
+          startVectorProject: p,
+          line: new a.Line3(p.clone(), p.clone()),
           // 保存固定的平面，拖拽过程中不变
-          plane: m
+          plane: v
         };
       } else {
-        const l = new n.Line3(
-          h.clone().sub(u.normalize()),
-          h.clone().add(u.normalize())
+        const c = new a.Line3(
+          r.clone().sub(i.normalize()),
+          r.clone().add(i.normalize())
         );
-        this.startInfo = { draggingDirection: o, startVectorProject: h, line: l };
+        this.startInfo = { draggingDirection: o, startVectorProject: r, line: c };
         try {
-          const i = u.clone().normalize(), p = this.helperObject3D.getWorldPosition(new n.Vector3()), m = this.solidGuide.createSolidLine(p, i, { color: 16777215, renderOrder: k.DRAG_GUIDE_LINE });
-          this.scene.add(m), this.dragGuideLine = m;
-        } catch (i) {
+          const u = i.clone().normalize(), f = this.helperObject3D.getWorldPosition(new a.Vector3()), v = this.solidGuide.createSolidLine(f, u, { color: 16777215, renderOrder: k.DRAG_GUIDE_LINE });
+          this.scene.add(v), this.dragGuideLine = v;
+        } catch (u) {
         }
       }
-      this.helperObject3D.showDraggingHelper([o]), this.hooks.emit("moveStart"), this.isDragging = !0;
+      const m = o === "plane" ? [] : [o];
+      this.helperObject3D.showDraggingHelper(m), this.hooks.emit("moveStart"), this.isDragging = !0;
     });
-    a(this, "dragging", (e) => {
+    h(this, "dragging", (e) => {
       if (!this.isDragging || !this.startInfo)
         return;
       const t = "touches" in e ? e.touches[0].clientX : e.x, o = "touches" in e ? e.touches[0].clientY : e.y, s = I(this.camera, { x: t, y: o }, this.container);
       return s ? (this.move(s), !1) : this.dragEnd();
     });
-    a(this, "dragEnd", () => {
+    h(this, "dragEnd", () => {
       if (this.isDragging) {
         if (this.startInfo = void 0, this.isDragging = !1, this.dragGuideLine) {
           this.scene.remove(this.dragGuideLine), this.dragGuideLine.geometry.dispose();
@@ -85,14 +87,23 @@ class F extends B {
       }
     });
     const t = this.helperObject3D;
-    this.hoverListener([t.centerHandle, t.xArrow, t.yArrow, t.zArrow]);
-    const o = this.show.bind(this), s = this.hide.bind(this), c = () => {
+    if (this.hoverListener([t.xArrow, t.yArrow, t.zArrow]), t.centerHandle && t.centerHandle instanceof P) {
+      const n = t.centerHandle, i = n.cube, r = 16777215, m = () => {
+        this.isDragging || (Array.isArray(i.material) && i.material.forEach((u) => {
+          u.color.set(r);
+        }), this.render());
+      }, c = () => {
+        this.isDragging || (n.update(this.camera), this.render());
+      };
+      this.domEvents.addEventListener(i, "mouseover", m), this.domEvents.addEventListener(i, "mouseout", c);
+    }
+    const o = this.show.bind(this), s = this.hide.bind(this), d = () => {
       this.helperObject3D.update(this.camera), this.isDragging && this.updateDragGuideLineScale(), this.render();
     };
-    c(), this.domEvents.addEventListener(this.helperObject3D, "mousedown", this.dragStart), document.addEventListener("mousemove", this.dragging), document.addEventListener("mouseup", this.dragEnd), this.domEvents.addEventListener(this.helperObject3D, "touchstart", this.dragStart), document.addEventListener("touchmove", this.dragging), document.addEventListener("touchend", this.dragEnd), this.hooks.on("rotateStart", s), this.hooks.on("rotateEnd", o), this.hooks.on("scaleStart", s), this.hooks.on("scaleEnd", o), this.hooks.on("moveByMouseEnable", s), this.hooks.on("moveByMouseDisable", o), this.hooks.on("updateOtherHelpers", (r) => {
-      this.helperObject3D.update(r.camera), this.render();
-    }), this.cameraHooks.on("cameraUpdate", c), this.disposers.push(() => {
-      this.domEvents.removeEventListener(this.helperObject3D, "mousedown", this.dragStart), document.removeEventListener("mousemove", this.dragging), document.removeEventListener("mouseup", this.dragEnd), this.domEvents.removeEventListener(this.helperObject3D, "touchstart", this.dragStart), document.removeEventListener("touchmove", this.dragging), document.removeEventListener("touchend", this.dragEnd), this.hooks.off("rotateStart", s), this.hooks.off("rotateEnd", o), this.hooks.off("scaleStart", s), this.hooks.off("scaleEnd", o), this.hooks.off("moveByMouseEnable", s), this.hooks.off("moveByMouseDisable", o), this.hooks.off("updateOtherHelpers"), this.cameraHooks.off("cameraUpdate", c);
+    d(), this.domEvents.addEventListener(this.helperObject3D, "mousedown", this.dragStart), document.addEventListener("mousemove", this.dragging), document.addEventListener("mouseup", this.dragEnd), this.domEvents.addEventListener(this.helperObject3D, "touchstart", this.dragStart), document.addEventListener("touchmove", this.dragging), document.addEventListener("touchend", this.dragEnd), this.hooks.on("rotateStart", s), this.hooks.on("rotateEnd", o), this.hooks.on("scaleStart", s), this.hooks.on("scaleEnd", o), this.hooks.on("moveByMouseEnable", s), this.hooks.on("moveByMouseDisable", o), this.hooks.on("updateOtherHelpers", (n) => {
+      this.helperObject3D.update(n.camera), this.render();
+    }), this.cameraHooks.on("cameraUpdate", d), this.disposers.push(() => {
+      this.domEvents.removeEventListener(this.helperObject3D, "mousedown", this.dragStart), document.removeEventListener("mousemove", this.dragging), document.removeEventListener("mouseup", this.dragEnd), this.domEvents.removeEventListener(this.helperObject3D, "touchstart", this.dragStart), document.removeEventListener("touchmove", this.dragging), document.removeEventListener("touchend", this.dragEnd), this.hooks.off("rotateStart", s), this.hooks.off("rotateEnd", o), this.hooks.off("scaleStart", s), this.hooks.off("scaleEnd", o), this.hooks.off("moveByMouseEnable", s), this.hooks.off("moveByMouseDisable", o), this.hooks.off("updateOtherHelpers"), this.cameraHooks.off("cameraUpdate", d);
     }), this.moveByMouseEnable && this.moveByMouse();
   }
   get moveByMouseEnable() {
@@ -126,14 +137,14 @@ class F extends B {
     this._moveByMouse = { enabled: !1 }, this.preventTapDefaultEvent = !1, this.hooks.emit("moveByMouseDisable"), (e = this.mousedownEventListenerDisposer) == null || e.call(this);
   }
   onIntersectionOnModelUpdate(e) {
-    var c, r, u;
+    var d, n, i;
     if (!this.moveByMouseEnable)
       return;
     const { point: t, face: o } = e;
     if (!this.hooks.emit("wantToMove", t)) {
       if (this.originObject3D.position.copy(t), (this._moveByMouse.useFaceNormal === !0 || typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.enable !== !1) && o != null && o.normal) {
-        const h = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.alignmentVector ? this._moveByMouse.useFaceNormal.alignmentVector : { x: 0, y: 1, z: 0 })(), l = new n.Vector3((c = h.x) != null ? c : 0, (r = h.y) != null ? r : 0, (u = h.z) != null ? u : 0), i = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.fixedFaceNormal ? this._moveByMouse.useFaceNormal.fixedFaceNormal(o.normal) : o.normal)();
-        this.originObject3D.quaternion.setFromUnitVectors(l, i), this.internalHooks.emit("setObjectRotate", this.originObject3D.quaternion.clone());
+        const r = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.alignmentVector ? this._moveByMouse.useFaceNormal.alignmentVector : { x: 0, y: 1, z: 0 })(), m = new a.Vector3((d = r.x) != null ? d : 0, (n = r.y) != null ? n : 0, (i = r.z) != null ? i : 0), c = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.fixedFaceNormal ? this._moveByMouse.useFaceNormal.fixedFaceNormal(o.normal) : o.normal)();
+        this.originObject3D.quaternion.setFromUnitVectors(m, c), this.internalHooks.emit("setObjectRotate", this.originObject3D.quaternion.clone());
       }
       this.internalHooks.emit("setObjectPosition", t), this.hooks.emit("move", t);
     }
@@ -157,37 +168,37 @@ class F extends B {
     const { line: e } = this.startInfo, t = e.end.clone().sub(e.start).normalize();
     if (t.lengthSq() < 1e-6)
       return;
-    const o = this.helperObject3D.getWorldPosition(new n.Vector3());
+    const o = this.helperObject3D.getWorldPosition(new a.Vector3());
     this.solidGuide.updateSolidLine(this.dragGuideLine, o, t);
   }
   move(e) {
-    var y;
+    var p;
     if (!this.startInfo)
       return this.dragEnd();
-    const { line: t, startVectorProject: o } = this.startInfo, s = this.originObject3D, c = this.startInfo.draggingDirection === "plane";
-    let r;
-    if (c) {
-      const v = this.startInfo.plane;
-      if (!v)
+    const { line: t, startVectorProject: o } = this.startInfo, s = this.originObject3D, d = this.startInfo.draggingDirection === "plane";
+    let n;
+    if (d) {
+      const E = this.startInfo.plane;
+      if (!E)
         return;
-      const E = new n.Vector3(), b = v.normal.dot(e.ray.direction);
+      const y = new a.Vector3(), b = E.normal.dot(e.ray.direction);
       if (Math.abs(b) < 1e-6)
         return;
-      const D = -(v.normal.dot(e.ray.origin) + v.constant) / b;
+      const D = -(E.normal.dot(e.ray.origin) + E.constant) / b;
       if (D < 0)
         return;
-      E.copy(e.ray.origin.clone().add(e.ray.direction.clone().multiplyScalar(D))), r = E;
+      y.copy(e.ray.origin.clone().add(e.ray.direction.clone().multiplyScalar(D))), n = y;
     } else
-      r = N({ raycaster: e, line: t, clampToLine: !1 });
-    const u = s.position.clone(), h = r.clone().sub(o), l = new n.Matrix4();
-    l.setPosition(h);
-    const i = s.position.clone().applyMatrix4(l);
-    if (this.hooks.emit("wantToMove", i))
+      n = N({ raycaster: e, line: t, clampToLine: !1 });
+    const i = s.position.clone(), r = n.clone().sub(o), m = new a.Matrix4();
+    m.setPosition(r);
+    const c = s.position.clone().applyMatrix4(m);
+    if (this.hooks.emit("wantToMove", c))
       return;
-    const m = (y = this.hooks.emitWithResult("moveBefore", i)) != null ? y : i, g = new n.Matrix4();
-    g.setPosition(m.clone().sub(u)), s.position.copy(m), o.copy(r), this.internalHooks.emit("applyObjectPosition", { matrix: g }), this.hooks.emit("move", m);
+    const f = (p = this.hooks.emitWithResult("moveBefore", c)) != null ? p : c, v = new a.Matrix4();
+    v.setPosition(f.clone().sub(i)), s.position.copy(f), o.copy(n), this.internalHooks.emit("applyObjectPosition", { matrix: v }), this.hooks.emit("move", f);
   }
 }
 export {
-  F as MoveController
+  z as MoveController
 };

package/libs/shared-utils/Object3DHelper/Controller/ScaleController.js

@@ -1,5 +1,5 @@
-var C = Object.defineProperty;
-var G = (f, m, e) => m in f ? C(f, m, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[m] = e;
+var S = Object.defineProperty;
+var G = (f, m, e) => m in f ? S(f, m, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[m] = e;
 var g = (f, m, e) => (G(f, typeof m != "symbol" ? m + "" : m, e), e);
 import { BaseController as A } from "../Base/BaseController.js";
 import { RENDER_ORDER as L } from "../Constants/RenderOrder.js";
@@ -36,7 +36,7 @@ class Y extends A {
       }), "hideLineConnections" in this.helperObject3D && typeof this.helperObject3D.hideLineConnections == "function" && this.helperObject3D.hideLineConnections();
       try {
         this.originObject3D.updateMatrixWorld(!0), this.helperObject3D.updateMatrixWorld(!0);
-        const u = this.getObjectWorldCenter(), y = h.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(u).normalize(), b = u, D = this.solidGuide.createSolidLine(b, y, { color: 16777215, renderOrder: L.DRAG_GUIDE_LINE });
+        const u = this.getObjectWorldCenter(), y = h.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(u).normalize(), v = u, D = this.solidGuide.createSolidLine(v, y, { color: 16777215, renderOrder: L.DRAG_GUIDE_LINE });
         this.isRectangleWithEdgeMesh() || this.scene.add(D), this.dragGuideLine = D, this.addFaceMesh();
       } catch (u) {
       }
@@ -61,22 +61,22 @@ class Y extends A {
         const d = this.originObject3D, u = d.geometry.attributes.position;
         if (!u)
           return [];
-        const v = [], y = u.count;
+        const b = [], y = u.count;
         for (let M = 0; M < y; M++) {
           const E = new c.Vector3().fromBufferAttribute(u, M);
-          d.updateMatrixWorld(!0), E.applyMatrix4(d.matrixWorld), v.push(E);
+          d.updateMatrixWorld(!0), E.applyMatrix4(d.matrixWorld), b.push(E);
         }
-        const b = v.slice(0, 4);
-        if (!b || b.length < 4)
+        const v = b.slice(0, 4);
+        if (!v || v.length < 4)
           return;
-        const D = z(b).normalize(), W = new c.Plane().setFromNormalAndCoplanarPoint(D, b[0]), O = new c.Vector3();
+        const D = z(v).normalize(), W = new c.Plane().setFromNormalAndCoplanarPoint(D, v[0]), O = new c.Vector3();
         if (e.ray.intersectPlane(W, O), !O)
           return;
-        const P = new c.Matrix4().getInverse(this.helperObject3D.matrixWorld), j = O.clone().applyMatrix4(P), S = r.clone().applyMatrix4(P);
+        const P = new c.Matrix4().getInverse(this.helperObject3D.matrixWorld), j = O.clone().applyMatrix4(P), C = r.clone().applyMatrix4(P);
         (h = (o = this.config) == null ? void 0 : o.scaleCallback) == null || h.call(o, {
           intersectPoint: j,
           scalePosition: i,
-          offset: j.clone().sub(S)
+          offset: j.clone().sub(C)
         }), s.position.copy(j), this.hooks.emit("scale", new c.Vector3(1, 1, 1));
         return;
       }
@@ -102,7 +102,9 @@ class Y extends A {
     const t = this.show.bind(this), r = this.hide.bind(this), s = () => {
       "update" in this.helperObject3D && typeof this.helperObject3D.update == "function" && this.helperObject3D.update(this.camera), this.isDragging && this.updateDragGuideLineScale(), this.render();
     };
-    s(), this.domEvents.addEventListener(this.helperObject3D, "mousedown", this.dragStart), document.addEventListener("mousemove", this.dragging), document.addEventListener("mouseup", this.dragEnd), this.domEvents.addEventListener(this.helperObject3D, "touchstart", this.dragStart), document.addEventListener("touchmove", this.dragging), document.addEventListener("touchend", this.dragEnd), this.hooks.on("rotateStart", r), this.hooks.on("rotateEnd", t), this.hooks.on("moveStart", r), this.hooks.on("moveEnd", t), this.hooks.on("moveByMouseEnable", r), this.hooks.on("moveByMouseDisable", t), this.hooks.on("updateOtherHelpers", (i) => {
+    s(), this.domEvents.addEventListener(this.helperObject3D, "mousedown", this.dragStart), document.addEventListener("mousemove", this.dragging), document.addEventListener("mouseup", this.dragEnd), this.domEvents.addEventListener(this.helperObject3D, "touchstart", this.dragStart), document.addEventListener("touchmove", this.dragging), document.addEventListener("touchend", this.dragEnd), this.hooks.on("rotateStart", r), this.hooks.on("rotateEnd", t), this.hooks.on("moveStart", () => {
+      r(), this.removeFaceMesh();
+    }), this.hooks.on("moveEnd", t), this.hooks.on("moveByMouseEnable", r), this.hooks.on("moveByMouseDisable", t), this.hooks.on("updateOtherHelpers", (i) => {
       "update" in this.helperObject3D && typeof this.helperObject3D.update == "function" && this.helperObject3D.update(i.camera), this.isDragging && this.updateDragGuideLineScale(), this.render();
     }), this.cameraHooks.on("cameraUpdate", s), this.disposers.push(() => {
       if (this.domEvents.removeEventListener(this.helperObject3D, "mousedown", this.dragStart), document.removeEventListener("mousemove", this.dragging), document.removeEventListener("mouseup", this.dragEnd), this.domEvents.removeEventListener(this.helperObject3D, "touchstart", this.dragStart), document.removeEventListener("touchmove", this.dragging), document.removeEventListener("touchend", this.dragEnd), this.hooks.off("rotateStart", r), this.hooks.off("rotateEnd", t), this.hooks.off("moveStart", r), this.hooks.off("moveEnd", t), this.hooks.off("moveByMouseEnable", r), this.hooks.off("moveByMouseDisable", t), this.hooks.off("updateOtherHelpers"), this.cameraHooks.off("cameraUpdate", s), this.currentFacePatch) {
@@ -136,7 +138,7 @@ class Y extends A {
   }
   addHoverFaceMesh(e) {
     var o, h;
-    if (this.removeFaceMesh(), !((o = this.originObject3D.parent) != null && o.getWorldFacesGeometry))
+    if (this.isMoveControllerDragging() || (this.removeFaceMesh(), !((o = this.originObject3D.parent) != null && o.getWorldFacesGeometry)))
       return;
     const t = (h = this.originObject3D.parent) == null ? void 0 : h.getWorldFacesGeometry(), r = this.helperObject3D.scaleMeshes, s = this.getMoveMeshes();
     if (e.intersectObjects(s, !1), e.intersectObjects(s, !1).length > 0)
@@ -157,8 +159,8 @@ class Y extends A {
         if (!d.vertices || d.vertices.length < 3)
           continue;
         const p = new c.Vector3();
-        for (const v of d.vertices)
-          p.add(v);
+        for (const b of d.vertices)
+          p.add(b);
         p.divideScalar(d.vertices.length);
         const u = n.distanceTo(p);
         u < a && (a = u, l = d);
@@ -168,6 +170,8 @@ class Y extends A {
   }
   addFaceMesh() {
     var r, s, i;
+    if (this.isMoveControllerDragging())
+      return;
     const e = (r = this.startInfo) == null ? void 0 : r.draggingObject;
     if (!e || !((s = this.originObject3D.parent) != null && s.getWorldFacesGeometry))
       return;

package/libs/shared-utils/Object3DHelper/Helper/MoveHelper.d.ts

@@ -2,19 +2,19 @@ import type { Object3D } from 'three';
 import type { Direction } from '../typings';
 import { MoveHelperAbstract, type BaseHelperConfig } from '.';
 import { ArrowGroup } from './Objects/ArrowGroup';
+import { CenterHandle } from './Objects/CenterHandle';
 import * as THREE from 'three';
 export declare class MoveHelper extends MoveHelperAbstract {
     name: string;
     xArrow?: ArrowGroup;
     yArrow?: ArrowGroup;
     zArrow?: ArrowGroup;
-    centerHandle?: THREE.Object3D & {
-        direction: Direction;
-    };
+    centerHandle?: CenterHandle;
     constructor(originObject3D: Object3D, config?: {
         xArrowEnable?: boolean;
         yArrowEnable?: boolean;
         zArrowEnable?: boolean;
+        centerHandleEnable?: boolean;
     } & BaseHelperConfig);
     update(camera: THREE.Camera): void;
     show(): void;

package/libs/shared-utils/Object3DHelper/Helper/MoveHelper.js

@@ -1,57 +1,43 @@
-var x = Object.defineProperty;
-var z = (h, t, r) => t in h ? x(h, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : h[t] = r;
-var l = (h, t, r) => (z(h, typeof t != "symbol" ? t + "" : t, r), r);
+var m = Object.defineProperty;
+var z = (o, i, r) => i in o ? m(o, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[i] = r;
+var a = (o, i, r) => (z(o, typeof i != "symbol" ? i + "" : i, r), r);
 import { MoveHelperAbstract as u } from "../Base/BaseHelper.js";
-import { ArrowGroup as d } from "./Objects/ArrowGroup.js";
+import { ArrowGroup as A } from "./Objects/ArrowGroup.js";
+import { CenterHandle as b } from "./Objects/CenterHandle.js";
 import { AXES_THREE_COLOR as f } from "../Constants/color.js";
-import { RENDER_ORDER as b } from "../Constants/RenderOrder.js";
-import { calculateScaleByCamera as g } from "../utils/calculateScaleByCamera.js";
-import { getPoseFromCamera as M } from "../utils/getPoseFromCamera.js";
+import { calculateScaleByCamera as H } from "../utils/calculateScaleByCamera.js";
+import { getPoseFromCamera as g } from "../utils/getPoseFromCamera.js";
 import { getOrthographicCameraDirection as v } from "../utils/getOrthographicCameraDirection.js";
-import * as a from "three";
-import { DirectionMesh as E } from "../utils/direction.js";
+import * as d from "three";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../three/core/Sphere.js";
-class I extends u {
-  constructor(r, s) {
-    super(r, s);
-    l(this, "name", "MoveHelper");
-    l(this, "xArrow");
-    l(this, "yArrow");
-    l(this, "zArrow");
-    l(this, "centerHandle");
-    s.xArrowEnable !== !1 && (this.xArrow = new d({ direction: "x", color: f.X })), s.yArrowEnable !== !1 && (this.yArrow = new d({ direction: "y", color: f.Y })), s.zArrowEnable !== !1 && (this.zArrow = new d({ direction: "z", color: f.Z }));
-    const n = new a.Color(16419862), o = 0.07, c = new a.BoxGeometry(o, o, o), w = new a.MeshBasicMaterial({
-      color: n,
-      transparent: !0,
-      // 设置为透明材质，确保在透明渲染队列中
-      opacity: 1,
-      // 完全不透明，但使用透明渲染队列
-      depthTest: !1,
-      // 禁用深度测试，避免被其他对象遮挡
-      depthWrite: !1,
-      side: a.DoubleSide
-      // 正交视角下避免因背面剔除导致的拾取失败
-    }), e = new E(c, w, "plane");
-    e.renderOrder = b.MOVE_HELPER_CENTER, e.name = "center-plane-handle", this.centerHandle = e, this.add(...[this.xArrow, this.yArrow, this.zArrow, this.centerHandle].filter(Boolean));
+class S extends u {
+  constructor(r, e) {
+    super(r, e);
+    a(this, "name", "MoveHelper");
+    a(this, "xArrow");
+    a(this, "yArrow");
+    a(this, "zArrow");
+    a(this, "centerHandle");
+    e.xArrowEnable !== !1 && (this.xArrow = new A({ direction: "x", color: f.X })), e.yArrowEnable !== !1 && (this.yArrow = new A({ direction: "y", color: f.Y })), e.zArrowEnable !== !1 && (this.zArrow = new A({ direction: "z", color: f.Z })), e.centerHandleEnable !== !1 && (this.centerHandle = new b()), this.add(...[this.xArrow, this.yArrow, this.zArrow, this.centerHandle].filter(Boolean));
   }
   update(r) {
-    this.xArrow && (this.xArrow.visible = !0), this.yArrow && (this.yArrow.visible = !0), this.zArrow && (this.zArrow.visible = !0);
-    const s = this.helperObject.position.clone().sub(r.position).normalize(), n = new a.Vector3(1, 0, 0).applyQuaternion(this.quaternion), o = new a.Vector3(0, 1, 0).applyQuaternion(this.quaternion), c = new a.Vector3(0, 0, 1).applyQuaternion(this.quaternion);
+    this.xArrow && (this.xArrow.visible = !0), this.yArrow && (this.yArrow.visible = !0), this.zArrow && (this.zArrow.visible = !0), this.centerHandle && this.centerHandle.update(r);
+    const e = this.helperObject.position.clone().sub(r.position).normalize(), h = new d.Vector3(1, 0, 0).applyQuaternion(this.quaternion), l = new d.Vector3(0, 1, 0).applyQuaternion(this.quaternion), n = new d.Vector3(0, 0, 1).applyQuaternion(this.quaternion);
     if (r.type === "OrthographicCamera") {
-      const w = M(r), e = v(w), i = 0.0872665;
-      Math.abs(n.angleTo(e) - 0) < i || Math.abs(n.angleTo(e) - Math.PI) < i ? this.xArrow && (this.xArrow.visible = !1) : Math.abs(o.angleTo(e) - 0) < i || Math.abs(o.angleTo(e) - Math.PI) < i ? this.yArrow && (this.yArrow.visible = !1) : (Math.abs(c.angleTo(e) - 0) < i || Math.abs(c.angleTo(e) - Math.PI) < i) && this.zArrow && (this.zArrow.visible = !1);
+      const w = g(r), s = v(w), t = 0.0872665;
+      Math.abs(h.angleTo(s) - 0) < t || Math.abs(h.angleTo(s) - Math.PI) < t ? this.xArrow && (this.xArrow.visible = !1) : Math.abs(l.angleTo(s) - 0) < t || Math.abs(l.angleTo(s) - Math.PI) < t ? this.yArrow && (this.yArrow.visible = !1) : (Math.abs(n.angleTo(s) - 0) < t || Math.abs(n.angleTo(s) - Math.PI) < t) && this.zArrow && (this.zArrow.visible = !1);
     }
     if (r.type !== "OrthographicCamera") {
-      const w = s.angleTo(n), e = s.angleTo(o), i = s.angleTo(c), A = Math.PI / 2, p = e < A, y = i < A, m = w < A;
-      this.xArrow && (m ? (this.xArrow.scale.x = -1, this.xArrow.scale.y = 1, this.xArrow.scale.z = 1) : (this.xArrow.scale.x = 1, this.xArrow.scale.y = 1, this.xArrow.scale.z = 1)), this.yArrow && (p ? (this.yArrow.scale.x = 1, this.yArrow.scale.y = -1, this.yArrow.scale.z = 1) : (this.yArrow.scale.x = 1, this.yArrow.scale.y = 1, this.yArrow.scale.z = 1)), this.zArrow && (y ? (this.zArrow.scale.x = 1, this.zArrow.scale.y = 1, this.zArrow.scale.z = -1) : (this.zArrow.scale.x = 1, this.zArrow.scale.y = 1, this.zArrow.scale.z = 1));
+      const w = e.angleTo(h), s = e.angleTo(l), t = e.angleTo(n), c = Math.PI / 2, p = s < c, y = t < c, x = w < c;
+      this.xArrow && (x ? (this.xArrow.scale.x = -1, this.xArrow.scale.y = 1, this.xArrow.scale.z = 1) : (this.xArrow.scale.x = 1, this.xArrow.scale.y = 1, this.xArrow.scale.z = 1)), this.yArrow && (p ? (this.yArrow.scale.x = 1, this.yArrow.scale.y = -1, this.yArrow.scale.z = 1) : (this.yArrow.scale.x = 1, this.yArrow.scale.y = 1, this.yArrow.scale.z = 1)), this.zArrow && (y ? (this.zArrow.scale.x = 1, this.zArrow.scale.y = 1, this.zArrow.scale.z = -1) : (this.zArrow.scale.x = 1, this.zArrow.scale.y = 1, this.zArrow.scale.z = 1));
     }
   }
   show() {
     super.show(), this.xArrow && this.add(this.xArrow), this.yArrow && this.add(this.yArrow), this.zArrow && this.add(this.zArrow), this.centerHandle && this.add(this.centerHandle);
   }
   setScaleByCamera(r) {
-    this.scale.setScalar(g(r, this.position));
+    this.scale.setScalar(H(r, this.position));
   }
   showDraggingHelper(r) {
     this.xArrow && (r.includes("x") ? this.add(this.xArrow) : this.remove(this.xArrow)), this.yArrow && (r.includes("y") ? this.add(this.yArrow) : this.remove(this.yArrow)), this.zArrow && (r.includes("z") ? this.add(this.zArrow) : this.remove(this.zArrow)), this.centerHandle && (r.includes("plane") ? this.add(this.centerHandle) : this.remove(this.centerHandle));
@@ -61,5 +47,5 @@ class I extends u {
   }
 }
 export {
-  I as MoveHelper
+  S as MoveHelper
 };

package/libs/shared-utils/Object3DHelper/Helper/Objects/CenterHandle.d.ts

@@ -0,0 +1,23 @@
+import * as THREE from 'three';
+import type { Direction } from '../../typings';
+import { DirectionGroup } from '../../utils';
+interface InstanceParameter {
+    color?: THREE.Color | string | number;
+    size?: number;
+}
+export declare class CenterHandle extends DirectionGroup {
+    cube: THREE.Mesh<THREE.BoxGeometry, THREE.MeshBasicMaterial[]> & {
+        direction: Direction;
+    };
+    name: string;
+    private faceMaterials;
+    private baseColor;
+    private faceNormals;
+    constructor(param?: InstanceParameter);
+    /**
+     * 更新各个面的颜色，根据与相机的角度动态调整
+     * @param camera 相机对象
+     */
+    update(camera: THREE.Camera): void;
+}
+export {};

package/libs/shared-utils/Object3DHelper/Helper/Objects/CenterHandle.js

@@ -0,0 +1,73 @@
+var u = Object.defineProperty;
+var f = (c, t, o) => t in c ? u(c, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : c[t] = o;
+var a = (c, t, o) => (f(c, typeof t != "symbol" ? t + "" : t, o), o);
+import * as e from "three";
+import { DirectionGroup as b } from "../../utils/direction.js";
+import { RENDER_ORDER as C } from "../../Constants/RenderOrder.js";
+class p extends b {
+  constructor(o) {
+    var r, n;
+    super("plane");
+    a(this, "cube");
+    a(this, "name", "CenterHandle");
+    a(this, "faceMaterials");
+    a(this, "baseColor");
+    // 立方体6个面的法线方向（局部坐标系）
+    a(this, "faceNormals", [
+      new e.Vector3(1, 0, 0),
+      // right (+X)
+      new e.Vector3(-1, 0, 0),
+      // left (-X)
+      new e.Vector3(0, 1, 0),
+      // top (+Y)
+      new e.Vector3(0, -1, 0),
+      // bottom (-Y)
+      new e.Vector3(0, 0, 1),
+      // front (+Z)
+      new e.Vector3(0, 0, -1)
+      // back (-Z)
+    ]);
+    this.baseColor = new e.Color((r = o == null ? void 0 : o.color) != null ? r : 16419862);
+    const i = (n = o == null ? void 0 : o.size) != null ? n : 0.05, d = new e.Color(16755008).convertSRGBToLinear();
+    this.faceMaterials = Array.from(
+      { length: 6 },
+      () => new e.MeshBasicMaterial({
+        color: d,
+        // 初始都使用最亮色
+        transparent: !0,
+        opacity: 1,
+        depthTest: !1,
+        depthWrite: !1,
+        side: e.FrontSide
+      })
+    );
+    const l = new e.BoxGeometry(i, i, i), s = new e.Mesh(l, this.faceMaterials);
+    s.direction = "plane", s.renderOrder = C.MOVE_HELPER_CENTER, s.name = "center-plane-handle", this.cube = s, this.add(this.cube);
+  }
+  /**
+   * 更新各个面的颜色，根据与相机的角度动态调整
+   * @param camera 相机对象
+   */
+  update(o) {
+    const i = new e.Vector3().subVectors(o.position, this.cube.getWorldPosition(new e.Vector3())).normalize(), d = this.cube.getWorldQuaternion(new e.Quaternion()), l = this.faceNormals.map((r, n) => {
+      const w = r.clone().applyQuaternion(d).dot(i);
+      return { index: n, angle: Math.acos(Math.abs(w)) };
+    });
+    l.sort((r, n) => r.angle - n.angle);
+    const s = [
+      new e.Color(16755008).convertSRGBToLinear(),
+      // 最亮 #FFA940（最正对相机）
+      new e.Color(16419862).convertSRGBToLinear(),
+      // 一般 #FA8C16
+      new e.Color(13921032).convertSRGBToLinear()
+      // 最暗 #D46B08
+    ];
+    l.forEach((r, n) => {
+      const h = Math.floor(n / 2);
+      this.faceMaterials[r.index].color.copy(s[h]);
+    });
+  }
+}
+export {
+  p as CenterHandle
+};

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.72.0",
+    "%c %c@realsee/dnalogel %cv3.72.1-alpha.1",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.72.0",
+  "version": "3.72.1-alpha.1",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",