@realsee/dnalogel 3.69.12 → 3.69.13-alpha-1

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

@@ -1,69 +1,223 @@
-var v = Object.defineProperty;
-var p = (c, a, t) => a in c ? v(c, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[a] = t;
-var h = (c, a, t) => (p(c, typeof a != "symbol" ? a + "" : a, t), t);
-import { BaseController as E } from "../Base/BaseController.js";
-import * as d from "three";
-import { getMouseRaycaster as b } from "../utils/getMouseRaycaster.js";
-import { rayOnLine as g } from "../../../Sculpt/utils/three/rayOnLine.js";
-class S extends E {
-  constructor(...t) {
-    super(...t);
-    h(this, "name", "ScaleController");
-    h(this, "startInfo");
-    h(this, "dragStart", (t) => {
+var x = Object.defineProperty;
+var E = (g, l, e) => l in g ? x(g, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[l] = e;
+var d = (g, l, e) => (E(g, typeof l != "symbol" ? l + "" : l, e), e);
+import { BaseController as w } from "../Base/BaseController.js";
+import * as n from "three";
+import { getMouseRaycaster as F } from "../utils/getMouseRaycaster.js";
+import { DashGuideLine as M } from "../utils/dashGuide.js";
+import { rayOnLine as b } from "../../../Sculpt/utils/three/rayOnLine.js";
+import { worldBoundingBox as y } from "../../three/boundingBox.js";
+var D, P;
+class C extends w {
+  constructor(...e) {
+    super(...e);
+    d(this, "name", "ScaleController");
+    /** 拖拽时用于显示方向参考的直线（使用 Line 实现无限长穿透整个平面的直线） */
+    d(this, "dragGuideLine");
+    /** 当前拖拽时显示的面片 */
+    d(this, "currentFacePatch");
+    d(this, "dashGuide", new M(
+      this.camera,
+      this.container,
+      (P = (D = this.config) == null ? void 0 : D.dashGuide) != null ? P : { lengthFactorPx: 1.5, dashPx: 3, gapPx: 2, segmentsCap: 2048 }
+    ));
+    d(this, "startInfo");
+    d(this, "dragStart", (e) => {
       if (this.isDragging)
         return;
       this.isDragging = !0;
-      const { intersect: e } = t, s = this.camera.position;
-      let o = e.object;
-      o.scalePosition || (o = e.object.parent);
-      const i = o.scalePosition.basePosition.clone(), n = o.scalePosition.handlePosition.clone().clone().sub(i).clone(), r = new d.Line3(i, i.clone().add(n.normalize().multiplyScalar(5)));
-      r.applyMatrix4(this.helperObject3D.matrixWorld);
-      const m = new d.Raycaster(s, e.point.clone().sub(s)), f = g({ raycaster: m, line: r });
-      this.startInfo = { line: r, scaleStartPoint: f, draggingObject: o }, this.helperObject3D.scaleMeshes.forEach((u) => {
+      const { intersect: t } = e, s = this.camera.position, r = new Set(this.helperObject3D.scaleMeshes.map((u) => u.uuid));
+      let i = t.object;
+      for (; i.parent && !r.has(i.uuid); )
+        i = i.parent;
+      const o = i, a = o.scalePosition.basePosition.clone(), c = o.scalePosition.handlePosition.clone(), h = c.clone().sub(a).clone(), p = new n.Line3(a, a.clone().add(h.normalize().multiplyScalar(5)));
+      p.applyMatrix4(this.helperObject3D.matrixWorld);
+      const m = new n.Raycaster(s, t.point.clone().sub(s)), O = b({ raycaster: m, line: p });
+      this.startInfo = { line: p, scaleStartPoint: O, draggingObject: o }, this.helperObject3D.scaleMeshes.forEach((u) => {
         u.uuid !== o.uuid && (u.visible = !1);
-      }), o.visible = !0, this.hooks.emit("scaleStart");
+      }), "hideLineConnections" in this.helperObject3D && typeof this.helperObject3D.hideLineConnections == "function" && this.helperObject3D.hideLineConnections();
+      try {
+        this.originObject3D.updateMatrixWorld(!0), this.helperObject3D.updateMatrixWorld(!0);
+        const u = y(this.originObject3D), f = u ? u.getCenter(new n.Vector3()) : this.originObject3D.getWorldPosition(new n.Vector3()), j = c.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(f).normalize(), L = f, v = this.dashGuide.createSolidLine(L, j, { color: 16777215, renderOrder: 1e3 });
+        this.scene.add(v), this.dragGuideLine = v, this.addFaceMesh();
+      } catch (u) {
+      }
+      o.visible = !0, this.hooks.emit("scaleStart");
     });
-    h(this, "dragging", (t) => {
+    d(this, "dragging", (e) => {
       if (!this.isDragging || !this.startInfo)
         return;
-      const e = "touches" in t ? t.touches[0].clientX : t.x, s = "touches" in t ? t.touches[0].clientY : t.y, o = b(this.camera, { x: e, y: s }, this.container);
-      return o ? (this.scale(o), !1) : this.dragEnd();
+      const t = "touches" in e ? e.touches[0].clientX : e.x, s = "touches" in e ? e.touches[0].clientY : e.y, r = F(this.camera, { x: t, y: s }, this.container);
+      return r ? (this.scale(r), this.updateDragGuideLineDirection(), this.removeFaceMesh(), this.addFaceMesh(), !1) : this.dragEnd();
     });
-    h(this, "scale", (t) => {
-      var n, r;
+    d(this, "scale", (e) => {
+      var a, c;
       if (!this.startInfo)
         return;
-      const { line: e, scaleStartPoint: s, draggingObject: o } = this.startInfo, { scalePosition: i } = o, l = g({ raycaster: t, line: e, clampToLine: !1 });
-      l.applyMatrix4(new d.Matrix4().getInverse(this.helperObject3D.matrixWorld.clone())), (r = (n = this.config) == null ? void 0 : n.scaleCallback) == null || r.call(n, {
-        intersectPoint: l,
+      const { line: t, scaleStartPoint: s, draggingObject: r } = this.startInfo, { scalePosition: i } = r, o = b({ raycaster: e, line: t, clampToLine: !1 });
+      o.applyMatrix4(new n.Matrix4().getInverse(this.helperObject3D.matrixWorld.clone())), (c = (a = this.config) == null ? void 0 : a.scaleCallback) == null || c.call(a, {
+        intersectPoint: o,
         scalePosition: i,
-        offset: l.clone().sub(s)
-      }), o.position.copy(l.clone()), this.hooks.emit("scale", new d.Vector3(1, 1, 1));
+        offset: o.clone().sub(s)
+      }), r.position.copy(o.clone()), this.hooks.emit("scale", new n.Vector3(1, 1, 1));
     });
-    h(this, "dragEnd", () => {
-      this.isDragging && (this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.scaleMeshes.forEach((t) => {
-        t.visible = !0;
-      }), this.internalHooks.emit("initialHelperPosition"), this.hooks.emit("scaleEnd"));
+    d(this, "dragEnd", () => {
+      if (this.isDragging) {
+        if (this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.scaleMeshes.forEach((e) => {
+          e.visible = !0;
+        }), "showLineConnections" in this.helperObject3D && typeof this.helperObject3D.showLineConnections == "function" && this.helperObject3D.showLineConnections(), this.dragGuideLine) {
+          this.scene.remove(this.dragGuideLine), this.dragGuideLine.geometry.dispose();
+          const e = this.dragGuideLine.material;
+          Array.isArray(e) ? e.forEach((t) => t.dispose()) : e.dispose(), this.dragGuideLine = void 0;
+        }
+        this.removeFaceMesh(), this.internalHooks.emit("initialHelperPosition"), this.hooks.emit("scaleEnd");
+      }
     });
-    const e = this.show.bind(this), s = this.hide.bind(this);
-    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", e), this.hooks.on("moveStart", s), this.hooks.on("moveEnd", e), this.hooks.on("moveByMouseEnable", s), this.hooks.on("moveByMouseDisable", e), 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", e), this.hooks.off("moveStart", s), this.hooks.off("moveEnd", e), this.hooks.off("moveByMouseEnable", s), this.hooks.off("moveByMouseDisable", e);
+    const t = this.show.bind(this), s = this.hide.bind(this), r = () => {
+      "update" in this.helperObject3D && typeof this.helperObject3D.update == "function" && this.helperObject3D.update(this.camera), this.isDragging && this.updateDragGuideLineScale(), this.render();
+    };
+    r(), 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", t), this.hooks.on("moveStart", s), this.hooks.on("moveEnd", t), this.hooks.on("moveByMouseEnable", s), 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", r), 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", s), this.hooks.off("rotateEnd", t), this.hooks.off("moveStart", s), this.hooks.off("moveEnd", t), this.hooks.off("moveByMouseEnable", s), this.hooks.off("moveByMouseDisable", t), this.hooks.off("updateOtherHelpers"), this.cameraHooks.off("cameraUpdate", r), this.currentFacePatch) {
+        this.scene.remove(this.currentFacePatch), this.currentFacePatch.geometry.dispose();
+        const i = this.currentFacePatch.material;
+        Array.isArray(i) ? i.forEach((o) => o.dispose()) : i.dispose(), this.currentFacePatch = void 0;
+      }
     });
   }
+  // 已抽象到 DashGuideLine，无需保留本地计算方法
   initialHelperPosition() {
     this.helperObject3D.initialPosition();
-    const t = this;
-    t.offHoverListener && t.offHoverListener(), t.offHoverListener = this.hoverListener(this.helperObject3D.scaleMeshes);
+    const e = this;
+    e.offHoverListener && e.offHoverListener(), e.offHoverListener = this.hoverListener(this.helperObject3D.scaleMeshes);
   }
-  setScale(t) {
-    var n, r, m;
-    let e = 1, s = 1, o = 1;
-    typeof t == "number" ? (e = t, s = t, o = t) : typeof t == "object" && (e = (n = t.x) != null ? n : 1, s = (r = t.y) != null ? r : 1, o = (m = t.z) != null ? m : 1);
-    const i = new d.Vector3(e, s, o);
+  addFaceMesh() {
+    var s, r;
+    const e = (s = this.startInfo) == null ? void 0 : s.draggingObject;
+    if (!e)
+      return;
+    const t = (r = this.originObject3D.parent) == null ? void 0 : r.getWorldFacesGeometry();
+    if (t && t.length > 0) {
+      const i = e.getWorldPosition(new n.Vector3());
+      let o = 1 / 0, a = t[0];
+      for (const c of t) {
+        const h = c.center;
+        let p;
+        if (h instanceof n.Vector3)
+          p = h;
+        else if (Array.isArray(h) && h.length === 3)
+          p = new n.Vector3(h[0], h[1], h[2]);
+        else
+          continue;
+        const m = p.distanceTo(i);
+        m < o && (o = m, a = c);
+      }
+      this.addFacePatch(a);
+    }
+  }
+  removeFaceMesh() {
+    if (this.currentFacePatch) {
+      this.scene.remove(this.currentFacePatch), this.currentFacePatch.geometry.dispose();
+      const e = this.currentFacePatch.material;
+      Array.isArray(e) ? e.forEach((t) => t.dispose()) : e.dispose(), this.currentFacePatch = void 0;
+    }
+  }
+  setScale(e) {
+    var a, c, h;
+    let t = 1, s = 1, r = 1;
+    typeof e == "number" ? (t = e, s = e, r = e) : typeof e == "object" && (t = (a = e.x) != null ? a : 1, s = (c = e.y) != null ? c : 1, r = (h = e.z) != null ? h : 1);
+    const i = new n.Vector3(t, s, r);
     this.hooks.emit("wantToScale", i) || (this.originObject3D.scale.copy(i), this.internalHooks.emit("setObjectScale", i), this.hooks.emit("scale", i), this.render());
   }
+  /**
+   * 更新直线方向，保持直线始终经过物体中心和当前拉伸球位置
+   */
+  updateDragGuideLineDirection() {
+    if (!this.dragGuideLine || !this.startInfo)
+      return;
+    const { draggingObject: e } = this.startInfo;
+    this.originObject3D.updateMatrixWorld(!0), this.helperObject3D.updateMatrixWorld(!0);
+    const t = y(this.originObject3D), s = t ? t.getCenter(new n.Vector3()) : this.originObject3D.getWorldPosition(new n.Vector3()), i = e.position.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(s).normalize(), o = s;
+    this.dashGuide.updateSolidLine(this.dragGuideLine, o, i);
+  }
+  /**
+   * 更新直线缩放，保持视觉上的恒定大小
+   */
+  updateDragGuideLineScale() {
+    if (!this.dragGuideLine || !this.startInfo)
+      return;
+    const { scalePosition: e } = this.startInfo.draggingObject, t = e.handlePosition.clone().applyMatrix4(this.helperObject3D.matrixWorld), s = e.basePosition.clone().applyMatrix4(this.helperObject3D.matrixWorld), r = t, i = t.clone().sub(s).normalize();
+    this.dashGuide.updateSolidLine(this.dragGuideLine, r, i);
+  }
+  /**
+   * 更新面片位置，使其跟随拖拽球的位置
+   */
+  updateFacePatchPosition() {
+    var r;
+    if (!this.currentFacePatch || !this.startInfo)
+      return;
+    const { draggingObject: e } = this.startInfo, t = e.position.clone().applyMatrix4(this.helperObject3D.matrixWorld), s = (r = this.currentFacePatch.parent) == null ? void 0 : r.matrixWorld;
+    if (s) {
+      const i = new n.Matrix4().copy(s).getInverse(new n.Matrix4()), o = t.clone().applyMatrix4(i);
+      this.currentFacePatch.position.copy(o);
+    } else
+      this.currentFacePatch.position.copy(t);
+  }
+  /**
+   * 向场景添加一个表示 face 的面片，红色，位置与 face.center 一致，使用两个三角形拼成矩形
+   */
+  addFacePatch(e) {
+    if (this.currentFacePatch) {
+      this.scene.remove(this.currentFacePatch), this.currentFacePatch.geometry.dispose();
+      const i = this.currentFacePatch.material;
+      Array.isArray(i) ? i.forEach((o) => o.dispose()) : i.dispose(), this.currentFacePatch = void 0;
+    }
+    if (!e.vertices || e.vertices.length < 3) {
+      console.warn("Face has no vertices, cannot create patch");
+      return;
+    }
+    const t = new n.BufferGeometry();
+    if (e.vertices.length === 4) {
+      const i = new Float32Array([
+        // 第一个三角形
+        e.vertices[0].x,
+        e.vertices[0].y,
+        e.vertices[0].z,
+        e.vertices[1].x,
+        e.vertices[1].y,
+        e.vertices[1].z,
+        e.vertices[2].x,
+        e.vertices[2].y,
+        e.vertices[2].z,
+        // 第二个三角形
+        e.vertices[0].x,
+        e.vertices[0].y,
+        e.vertices[0].z,
+        e.vertices[2].x,
+        e.vertices[2].y,
+        e.vertices[2].z,
+        e.vertices[3].x,
+        e.vertices[3].y,
+        e.vertices[3].z
+      ]);
+      t.setAttribute("position", new n.BufferAttribute(i, 3)), t.setIndex([0, 1, 2, 3, 4, 5]);
+    } else {
+      const i = new Float32Array(e.vertices.length * 3), o = new Uint16Array(e.vertices.length);
+      e.vertices.forEach((a, c) => {
+        i[c * 3] = a.x, i[c * 3 + 1] = a.y, i[c * 3 + 2] = a.z, o[c] = c;
+      }), t.setAttribute("position", new n.BufferAttribute(i, 3)), t.setIndex(new n.BufferAttribute(o, 1));
+    }
+    t.computeVertexNormals();
+    const s = new n.MeshBasicMaterial({
+      color: 16777215,
+      side: n.DoubleSide,
+      transparent: !0,
+      opacity: 0.8
+    }), r = new n.Mesh(t, s);
+    return r.renderOrder = 1001, this.scene.add(r), this.currentFacePatch = r, this.render(), r;
+  }
 }
 export {
-  S as ScaleController
+  C as ScaleController
 };

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

@@ -22,6 +22,7 @@ export declare class CSS3DScaleHelper<T extends CSS3DObjectPlus = CSS3DObjectPlu
     showDraggingHelper(): void;
     applyHelperScaleMatrix4(matrix: THREE.Matrix4, origin?: Vector3): void;
     updatePoints(): void;
+    update(camera: THREE.Camera): void;
     applyHelperQuaternion(quaternion: THREE.Quaternion, origin: Vector3): void;
     enable(): void;
     disable(): void;

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

@@ -1,8 +1,8 @@
-var b = Object.defineProperty;
-var D = (c, n, e) => n in c ? b(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e;
-var i = (c, n, e) => (D(c, typeof n != "symbol" ? n + "" : n, e), e);
+var D = Object.defineProperty;
+var b = (a, n, e) => n in a ? D(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e;
+var i = (a, n, e) => (b(a, typeof n != "symbol" ? n + "" : n, e), e);
 import { CSS3DRender as u } from "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import * as r from "three";
+import * as p from "three";
 import { RectangleScaleHelperAbstract as f } from "../Base/BaseHelper.js";
 import "../utils/getOrthographicCameraDirection.js";
 import { rectangleScaleDom as y } from "./HTML/rectangleScaleDom.js";
@@ -48,20 +48,24 @@ class v extends f {
       t.position.copy(e[s]);
     });
   }
+  update(e) {
+    var t;
+    (t = this.css3DInstance) != null && t.css3DObject && this.helperObject.position.copy(this.originObject3D.position), this.plane && this.plane.position.copy(this.originObject3D.position), this.updatePoints(), this.css3DInstance && this.css3DInstance.show(), this.plane && (this.plane.visible = !0);
+  }
   applyHelperQuaternion(e, t) {
     var o;
     const s = (o = this.css3DInstance) == null ? void 0 : o.css3DObject;
     if (s) {
-      const a = new r.Vector3().subVectors(s.position, t).applyQuaternion(e).add(t);
-      s.position.copy(a), s.applyQuaternion(e);
+      const c = new p.Vector3().subVectors(s.position, t).applyQuaternion(e).add(t);
+      s.position.copy(c), s.applyQuaternion(e);
     }
     if (this.plane) {
-      const a = new r.Vector3().subVectors(this.plane.position, t).applyQuaternion(e).add(t);
-      this.plane.position.copy(a), this.plane.applyQuaternion(e);
+      const c = new p.Vector3().subVectors(this.plane.position, t).applyQuaternion(e).add(t);
+      this.plane.position.copy(c), this.plane.applyQuaternion(e);
     }
-    this.cornerPositions.forEach((a) => {
-      const l = new r.Vector3().subVectors(a, t).applyQuaternion(e).add(t);
-      a.copy(l);
+    this.cornerPositions.forEach((c) => {
+      const l = new p.Vector3().subVectors(c, t).applyQuaternion(e).add(t);
+      c.copy(l);
     });
   }
   enable() {
@@ -84,7 +88,7 @@ class v extends f {
     this.disable(), this.css3DRenderer.dispose();
   }
   initRectangleScaleHelper() {
-    var l, p;
+    var l, r;
     const e = this.getCornerPositions();
     if (!e)
       return;
@@ -93,12 +97,12 @@ class v extends f {
     if (!t)
       return;
     this.css3DInstance = t, t.appendToElement(this.container);
-    const s = t.css3DObject.container, { container: o, squares: a } = y();
-    this.points = a.map((h, d) => ({
+    const s = t.css3DObject.container, { container: o, spheres: c } = y();
+    this.points = c.map((h, d) => ({
       direction: h.direction,
       point: h.element,
       position: this.calculatePointPosition(e)[d]
-    })), s.insertBefore(o, (l = s.children[0]) != null ? l : null), this.helperObject.position.copy(this.originObject3D.position), (p = this.plane) == null || p.position.copy(this.originObject3D.position);
+    })), s.insertBefore(o, (l = s.children[0]) != null ? l : null), this.helperObject.position.copy(this.originObject3D.position), (r = this.plane) == null || r.position.copy(this.originObject3D.position);
   }
   getCornerPositions() {
     const { originObject3D: e } = this;

package/libs/shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.d.ts

@@ -1,11 +1,11 @@
 import type { Direction4 } from '../../typings';
-interface Square {
+interface Sphere {
     element: HTMLElement;
     direction: Direction4;
 }
 export declare function rectangleScaleDom(): {
     container: HTMLElement;
-    squares: [Square, Square, Square, Square, Square, Square, Square, Square];
+    spheres: [Sphere, Sphere, Sphere, Sphere, Sphere, Sphere, Sphere, Sphere];
 };
 export declare function backgroundDom(): HTMLElement;
 export {};

package/libs/shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js

@@ -1,16 +1,16 @@
 var f = Object.defineProperty;
-var g = Object.getOwnPropertySymbols;
-var q = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-var w = (t, e, r) => e in t ? f(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, b = (t, e) => {
+var u = Object.getOwnPropertySymbols;
+var x = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
+var b = (t, e, r) => e in t ? f(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, w = (t, e) => {
   for (var r in e || (e = {}))
-    q.call(e, r) && w(t, r, e[r]);
-  if (g)
-    for (var r of g(e))
-      x.call(e, r) && w(t, r, e[r]);
+    x.call(e, r) && b(t, r, e[r]);
+  if (u)
+    for (var r of u(e))
+      z.call(e, r) && b(t, r, e[r]);
   return t;
 };
 import { createElement as s } from "./utils/createElement.js";
-function F() {
+function v() {
   const t = s({
     width: "100%",
     height: "100%",
@@ -38,23 +38,24 @@ function F() {
     border: "1px solid rgba(255,255,255,0.4)"
   });
   t.appendChild(e), e.appendChild(r);
-  const n = "-4px", i = { direction: "nesw", element: o({ cursor: "nesw-resize", left: n, bottom: n }) }, a = { direction: "ns", element: o({ cursor: "ns-resize", bottom: n }) }, c = { direction: "nwse", element: o({ cursor: "nwse-resize", right: n, bottom: n }) }, p = { direction: "ew", element: o({ cursor: "ew-resize", right: n }) }, u = { direction: "nesw", element: o({ cursor: "nesw-resize", right: n, top: n }) }, d = { direction: "ns", element: o({ cursor: "ns-resize", top: n }) }, l = { direction: "nwse", element: o({ cursor: "nwse-resize", left: n, top: n }) }, h = { direction: "ew", element: o({ cursor: "ew-resize", left: n }) };
-  return new Array(a, p, d, h, i, c, u, l).forEach((m) => e.appendChild(m.element)), { container: t, squares: [
+  const n = "-4px", i = { direction: "nesw", element: o({ cursor: "nesw-resize", left: n, bottom: n }) }, p = { direction: "ns", element: o({ cursor: "ns-resize", bottom: n }) }, c = { direction: "nwse", element: o({ cursor: "nwse-resize", right: n, bottom: n }) }, h = { direction: "ew", element: o({ cursor: "ew-resize", right: n }) }, d = { direction: "nesw", element: o({ cursor: "nesw-resize", right: n, top: n }) }, a = { direction: "ns", element: o({ cursor: "ns-resize", top: n }) }, l = { direction: "nwse", element: o({ cursor: "nwse-resize", left: n, top: n }) }, g = { direction: "ew", element: o({ cursor: "ew-resize", left: n }) };
+  return new Array(p, h, a, g, i, c, d, l).forEach((m) => e.appendChild(m.element)), { container: t, spheres: [
     i,
-    a,
-    c,
     p,
-    u,
+    c,
+    h,
     d,
+    a,
     l,
-    h
+    g
   ] };
 }
 function o(t) {
-  const e = s(b({
+  const e = s(w({
     background: "#FFFFFF",
     width: "9px",
     height: "9px",
+    borderRadius: "50%",
     position: "absolute",
     pointerEvents: "none"
   }, t)), r = s({
@@ -76,5 +77,5 @@ function o(t) {
   return n.draggable = !0, r.appendChild(n), e.appendChild(r), e;
 }
 export {
-  F as rectangleScaleDom
+  v as rectangleScaleDom
 };

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

@@ -8,6 +8,9 @@ export declare class MoveHelper extends MoveHelperAbstract {
     xArrow?: ArrowGroup;
     yArrow?: ArrowGroup;
     zArrow?: ArrowGroup;
+    centerHandle?: THREE.Object3D & {
+        direction: Direction;
+    };
     constructor(originObject3D: Object3D, config?: {
         xArrowEnable?: boolean;
         yArrowEnable?: boolean;

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

@@ -1,43 +1,62 @@
-var p = Object.defineProperty;
-var c = (t, i, r) => i in t ? p(t, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[i] = r;
-var a = (t, i, r) => (c(t, typeof i != "symbol" ? i + "" : i, r), r);
-import { MoveHelperAbstract as d } from "../Base/BaseHelper.js";
-import { ArrowGroup as h } from "./Objects/ArrowGroup.js";
-import { AXES_THREE_COLOR as w } from "../Constants/color.js";
-import { calculateScaleByCamera as m } from "../utils/calculateScaleByCamera.js";
-import { getPoseFromCamera as y } from "../utils/getPoseFromCamera.js";
-import { getOrthographicCameraDirection as u } from "../utils/getOrthographicCameraDirection.js";
-import * as l from "three";
+var x = Object.defineProperty;
+var z = (h, e, r) => e in h ? x(h, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : h[e] = r;
+var n = (h, e, r) => (z(h, typeof e != "symbol" ? e + "" : e, r), r);
+import { MoveHelperAbstract as u } from "../Base/BaseHelper.js";
+import { ArrowGroup as d } from "./Objects/ArrowGroup.js";
+import { AXES_THREE_COLOR as f } from "../Constants/color.js";
+import { calculateScaleByCamera as b } from "../utils/calculateScaleByCamera.js";
+import { getPoseFromCamera as g } from "../utils/getPoseFromCamera.js";
+import { getOrthographicCameraDirection as v } from "../utils/getOrthographicCameraDirection.js";
+import * as o from "three";
+import { DirectionMesh as M } from "../utils/direction.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../three/core/Sphere.js";
-class D extends d {
-  constructor(r, o) {
-    super(r, o);
-    a(this, "name", "MoveHelper");
-    a(this, "xArrow");
-    a(this, "yArrow");
-    a(this, "zArrow");
-    o.xArrowEnable !== !1 && (this.xArrow = new h({ direction: "x", color: w.X })), o.yArrowEnable !== !1 && (this.yArrow = new h({ direction: "y", color: w.Y })), o.zArrowEnable !== !1 && (this.zArrow = new h({ direction: "z", color: w.Z })), this.add(...[this.xArrow, this.yArrow, this.zArrow].filter(Boolean));
+class q extends u {
+  constructor(r, t) {
+    super(r, t);
+    n(this, "name", "MoveHelper");
+    n(this, "xArrow");
+    n(this, "yArrow");
+    n(this, "zArrow");
+    n(this, "centerHandle");
+    t.xArrowEnable !== !1 && (this.xArrow = new d({ direction: "x", color: f.X })), t.yArrowEnable !== !1 && (this.yArrow = new d({ direction: "y", color: f.Y })), t.zArrowEnable !== !1 && (this.zArrow = new d({ direction: "z", color: f.Z }));
+    const l = new o.Color(16419862), w = new o.BoxGeometry(0.09, 0.09, 0.09), c = new o.MeshBasicMaterial({
+      color: l,
+      depthTest: !0,
+      // 启用深度测试，使其能够遮挡其他对象
+      depthWrite: !0,
+      // 启用深度写入，确保正确的遮挡关系
+      transparent: !0,
+      side: o.DoubleSide
+      // 正交视角下避免因背面剔除导致的拾取失败
+    }), a = new M(w, c, "plane");
+    a.renderOrder = 70, a.name = "center-plane-handle", this.centerHandle = a, this.add(...[this.centerHandle, this.xArrow, this.yArrow, this.zArrow].filter(Boolean));
   }
   update(r) {
-    if (this.xArrow && (this.xArrow.visible = !0), this.yArrow && (this.yArrow.visible = !0), this.zArrow && (this.zArrow.visible = !0), r.type === "OrthographicCamera") {
-      const o = new l.Vector3(1, 0, 0).applyQuaternion(this.quaternion), n = new l.Vector3(0, 1, 0).applyQuaternion(this.quaternion), A = new l.Vector3(0, 0, 1).applyQuaternion(this.quaternion), f = y(r), e = u(f), s = 0.0872665;
-      Math.abs(o.angleTo(e) - 0) < s || Math.abs(o.angleTo(e) - Math.PI) < s ? this.xArrow && (this.xArrow.visible = !1) : Math.abs(n.angleTo(e) - 0) < s || Math.abs(n.angleTo(e) - Math.PI) < s ? this.yArrow && (this.yArrow.visible = !1) : (Math.abs(A.angleTo(e) - 0) < s || Math.abs(A.angleTo(e) - Math.PI) < s) && this.zArrow && (this.zArrow.visible = !1);
+    this.xArrow && (this.xArrow.visible = !0), this.yArrow && (this.yArrow.visible = !0), this.zArrow && (this.zArrow.visible = !0);
+    const t = new o.Vector3(0, 0, -1).applyQuaternion(r.quaternion), l = new o.Vector3(1, 0, 0).applyQuaternion(this.quaternion), w = new o.Vector3(0, 1, 0).applyQuaternion(this.quaternion), c = new o.Vector3(0, 0, 1).applyQuaternion(this.quaternion);
+    if (r.type === "OrthographicCamera") {
+      const a = g(r), s = v(a), i = 0.0872665;
+      Math.abs(l.angleTo(s) - 0) < i || Math.abs(l.angleTo(s) - Math.PI) < i ? this.xArrow && (this.xArrow.visible = !1) : Math.abs(w.angleTo(s) - 0) < i || Math.abs(w.angleTo(s) - Math.PI) < i ? this.yArrow && (this.yArrow.visible = !1) : (Math.abs(c.angleTo(s) - 0) < i || Math.abs(c.angleTo(s) - Math.PI) < i) && this.zArrow && (this.zArrow.visible = !1);
+    }
+    if (r.type !== "OrthographicCamera") {
+      const a = t.angleTo(l), s = t.angleTo(w), i = t.angleTo(c), A = Math.PI / 2, p = s < A, y = i < A, m = a < 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));
     }
   }
   show() {
-    super.show(), this.xArrow && this.add(this.xArrow), this.yArrow && this.add(this.yArrow), this.zArrow && this.add(this.zArrow);
+    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(m(r, this.position));
+    this.scale.setScalar(b(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.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));
   }
   dispose() {
-    this.remove(...[this.xArrow, this.yArrow, this.zArrow].filter(Boolean)), super.dispose();
+    this.remove(...[this.xArrow, this.yArrow, this.zArrow, this.centerHandle].filter(Boolean)), super.dispose();
   }
 }
 export {
-  D as MoveHelper
+  q as MoveHelper
 };

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

@@ -15,13 +15,15 @@ class G extends f {
     r(this, "name", "ArrowGroup");
     const w = new o.Color((c = e.color) != null ? c : 16214315), n = new o.MeshBasicMaterial({
       color: w,
-      depthTest: !1,
-      depthWrite: !1,
+      depthTest: !0,
+      // 启用深度测试，让轴线能够被其他对象遮挡
+      depthWrite: !0,
+      // 启用深度写入
       transparent: !0
     }), d = new o.ConeGeometry(0.04, 0.1, 32), s = new l(d, n.clone(), e.direction);
     s.name = `arrow-${e.direction}`, this.arrow = s;
-    const a = 4e-3, m = new o.CylinderGeometry(a, a, 0.4, 32), h = new l(m, n.clone(), e.direction);
-    h.name = `line-${e.direction}`, this.line = h, this.formatArrow(), this.formatLine(), this.add(this.arrow, this.line);
+    const h = 4e-3, m = new o.CylinderGeometry(h, h, 0.4, 32), a = new l(m, n.clone(), e.direction);
+    a.name = `line-${e.direction}`, this.line = a, this.formatArrow(), this.formatLine(), this.add(this.arrow, this.line);
   }
   formatArrow() {
     this.arrow.geometry.translate(0, this.lineHeight + this.arrowHeight / 2, 0), this.direction === "x" ? (this.arrow.geometry.rotateX(Math.PI / 2), this.arrow.geometry.rotateY(Math.PI / 2)) : this.direction === "z" && this.arrow.geometry.rotateX(Math.PI / 2);

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

@@ -21,6 +21,7 @@ export declare class RotateHelper extends RotateHelperAbstract {
     hide(): void;
     show(): void;
     setScaleByCamera(camera: THREE.PerspectiveCamera | THREE.OrthographicCamera): void;
+    update(camera: THREE.Camera): void;
     showDraggingHelper(directions: Direction[]): void;
     dispose(): void;
 }
@@ -59,11 +60,34 @@ declare class DashedRing extends THREE.Group {
 declare class AngleSector extends THREE.Mesh {
     direction: Direction;
     baseAxes: THREE.Vector3;
+    offsetAngle: (angle: number) => number;
     angleDirection: 1 | -1;
     material: THREE.MeshBasicMaterial;
     constructor(options: {
         direction: Direction;
         color?: Color;
     });
+    /**
+     * 设置扇形旋转方向为顺时针
+     */
+    setClockwiseDirection(): void;
+    /**
+     * 设置扇形旋转方向为逆时针
+     */
+    setCounterClockwiseDirection(): void;
+    /**
+     * 切换扇形旋转方向
+     */
+    toggleDirection(): void;
+    /**
+     * 设置扇形的基础轴向
+     * @param axes 新的基础轴向向量
+     */
+    setBaseAxes(axes: THREE.Vector3): void;
+    /**
+     * 获取当前旋转方向
+     * @returns 'clockwise' | 'counterclockwise'
+     */
+    getDirection(): 'clockwise' | 'counterclockwise';
 }
 export {};