@realsee/dnalogel 2.8.1 → 2.8.3

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

@@ -1,161 +1,150 @@
-var O = Object.defineProperty;
-var T = (f, g, e) => g in f ? O(f, g, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[g] = e;
-var m = (f, g, e) => (T(f, typeof g != "symbol" ? g + "" : g, e), e);
-import { BaseController as A } from "../Base/BaseController.js";
+var D = Object.defineProperty;
+var O = (g, h, n) => h in g ? D(g, h, { enumerable: !0, configurable: !0, writable: !0, value: n }) : g[h] = n;
+var m = (g, h, n) => (O(g, typeof h != "symbol" ? h + "" : h, n), n);
+import { BaseController as v } from "../Base/BaseController.js";
 import * as s from "three";
-import { getMouseRaycaster as H } from "../utils/getMouseRaycaster.js";
-class C extends A {
-  constructor(...e) {
-    super(...e);
+import { getMouseRaycaster as E } from "../utils/getMouseRaycaster.js";
+import { setObjectQuaternion as w } from "../utils/setObjectQuaternion.js";
+import { rad2Deg as C } from "../../math/rad2Deg.js";
+import { deg2Rad as f } from "../../math/deg2Rad.js";
+class P extends v {
+  constructor(...n) {
+    super(...n);
     m(this, "name", "RotateController");
     m(this, "startInfo");
-    m(this, "lastRotation");
-    m(this, "rotations", []);
-    m(this, "helperObject3DQuaternion", this.originObject3D.quaternion.clone());
     m(this, "removeListener");
-    const t = this.helperObject3D;
-    this.hoverListener([t.xyCircle, t.xzCircle, t.yzCircle]);
-    const n = this.dragStart.bind(this), r = this.dragging.bind(this), i = this.dragEnd.bind(this), o = this.show.bind(this), c = this.hide.bind(this);
-    this.domEvents.addEventListener(this.helperObject3D, "mousedown", n), document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), this.hooks.on("moveStart", c), this.hooks.on("moveEnd", o), this.hooks.on("moveByMouseEnable", c), this.hooks.on("moveByMouseDisable", o), this.removeListener = () => {
-      this.domEvents.removeEventListener(this.helperObject3D, "mousedown", n), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), this.hooks.off("moveStart", c), this.hooks.off("moveEnd", o), this.hooks.off("moveByMouseEnable", c), this.hooks.off("moveByMouseDisable", o);
+    const e = this.helperObject3D;
+    this.hoverListener([e.xCircle.circle, e.yCircle.circle, e.zCircle.circle]);
+    const t = this.dragStart.bind(this), i = this.dragging.bind(this), o = this.dragEnd.bind(this), r = this.show.bind(this), a = this.hide.bind(this);
+    this.domEvents.addEventListener(this.helperObject3D, "mousedown", t), document.addEventListener("mousemove", i), document.addEventListener("mouseup", o), this.hooks.on("moveStart", a), this.hooks.on("moveEnd", r), this.hooks.on("moveByMouseEnable", a), this.hooks.on("moveByMouseDisable", r), this.removeListener = () => {
+      this.domEvents.removeEventListener(this.helperObject3D, "mousedown", t), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", o), this.hooks.off("moveStart", a), this.hooks.off("moveEnd", r), this.hooks.off("moveByMouseEnable", a), this.hooks.off("moveByMouseDisable", r);
     };
   }
   get rotateCenter() {
     return this.helperObject3D.position.clone();
   }
   initialHelperQuaternion() {
-    this.helperObject3D.updateAngleHelperQuaternion(), this.helperObject3D.applyHelperQuaternion(this.originObject3D.quaternion);
+    this.helperObject3D.applyHelperQuaternion(this.originObject3D.quaternion);
   }
-  setRotateAngle(e) {
-    const { x: t = 0, y: n = 0, z: r = 0 } = e, i = new s.Euler(Math.PI * t / 180, Math.PI * n / 180, Math.PI * r / 180), o = new s.Quaternion().setFromEuler(i);
-    if (this.hooks.emit("wantToRotate", o))
+  setRotateAngle(n) {
+    const { x: e = 0, y: t = 0, z: i = 0 } = n, o = new s.Euler(f(e), f(t), f(i)), r = new s.Quaternion().setFromEuler(o);
+    if (this.hooks.emit("wantToRotate", r))
       return;
-    const { originObject3D: a, rotateCenter: p } = this;
-    if (p) {
-      const h = new s.Vector3().subVectors(a.position, p).applyQuaternion(o).add(p);
-      a.position.copy(h);
-    }
-    a.quaternion.copy(o), this.helperObject3DQuaternion.copy(o), this.hooks.emit("setObjectRotate", o, p), this.hooks.emit("rotate", o), this.render();
+    const { originObject3D: c, rotateCenter: l } = this;
+    w(c, r, l), this.hooks.emit("setObjectRotate", r, l), this.hooks.emit("rotate", r), this.render();
   }
   dispose() {
     this.removeListener(), super.dispose();
   }
-  onApplyOriginObjectScale(e) {
+  onApplyOriginObjectRotate(n) {
+    this.isDragging || super.onApplyOriginObjectRotate(n);
+  }
+  onApplyOriginObjectScale(n) {
   }
-  dragStart(e) {
+  dragStart(n) {
     if (this.isDragging)
       return;
-    const t = e == null ? void 0 : e.intersect;
-    if (!t)
+    const e = n == null ? void 0 : n.intersect;
+    if (!e)
       return this.dragEnd();
-    const n = (t == null ? void 0 : t.object).direction;
-    if (!n)
+    const t = (e == null ? void 0 : e.object).direction;
+    if (!t)
       return this.dragEnd();
-    this.helperObject3D.updateAngleHelperQuaternion();
-    const r = t.point, i = this.getAngleHelper(n);
+    const i = e.point, o = this.getAngleHelper(t);
     this.setTipsAngle(0);
-    const o = r.clone();
-    o.y += 0.2, this.setTipsPosition(o);
-    const c = new s.Vector3(1, 0, 0).applyQuaternion(this.helperObject3DQuaternion), a = new s.Vector3(0, 1, 0).applyQuaternion(this.helperObject3DQuaternion), p = new s.Vector3(0, 0, 1).applyQuaternion(this.helperObject3DQuaternion), h = (() => {
-      switch (n) {
-        case "x":
-          return c;
-        case "y":
-          return a;
-        case "z":
-          return p;
-      }
-    })(), b = new s.Plane().setFromNormalAndCoplanarPoint(h, r), u = new s.Vector3();
-    b.projectPoint(r.clone(), u);
-    const l = u.clone().sub(this.rotateCenter), D = l.clone(), w = l.angleTo(i.baseAxes);
-    this.setAngleHelperStart(n, w), this.setAngleHelperLength(n, 0), this.rotations.push({ vector: l.clone(), direction: !0 }), this.startInfo = { direction: n, startVector: l, staticStartVector: D, plane: b, angleHelper: i }, this.helperObject3D.showDraggingHelper([n]), this.hooks.emit("rotateStart"), this.isDragging = !0;
-  }
-  dragging(e) {
+    const r = i.clone();
+    r.y += 0.2, this.setTipsPosition(r);
+    const a = (() => {
+      if (t === "x")
+        return new s.Vector3(1, 0, 0).applyQuaternion(this.originObject3D.quaternion);
+      if (t === "y")
+        return new s.Vector3(0, 1, 0).applyQuaternion(this.originObject3D.quaternion);
+      if (t === "z")
+        return new s.Vector3(0, 0, 1).applyQuaternion(this.originObject3D.quaternion);
+    })(), c = new s.Plane().setFromNormalAndCoplanarPoint(a, i), d = c.projectPoint(i.clone(), new s.Vector3()).clone().sub(this.rotateCenter), p = d.angleTo(o.baseAxes.clone().applyQuaternion(this.originObject3D.quaternion));
+    this.setAngleHelperStart(t, p), this.setAngleHelperLength(t, 0), this.startInfo = { direction: t, startVector: d, plane: c, angleHelper: o, angle: 0, objectQuaternion: this.originObject3D.quaternion.clone() }, this.helperObject3D.showDraggingHelper([t]), this.hooks.emit("rotateStart"), this.isDragging = !0;
+  }
+  dragging(n) {
     if (!this.isDragging)
       return;
-    const t = H(this.camera, e, this.container);
-    return t ? (this.rotate(t), !1) : this.dragEnd();
+    const e = E(this.camera, n, this.container);
+    return e ? (this.rotate(e), !1) : this.dragEnd();
   }
-  rotate(e) {
+  rotate(n) {
     if (!this.startInfo)
       return this.dragEnd();
-    const { startVector: t, plane: n, angleHelper: r, staticStartVector: i, direction: o } = this.startInfo, c = e.ray.intersectPlane(n, new s.Vector3());
+    const { startVector: e, plane: t, angleHelper: i, direction: o, objectQuaternion: r } = this.startInfo, { originObject3D: a } = this, c = n.ray.intersectPlane(t, new s.Vector3());
     if (!c)
       return;
-    const a = this.rotateCenter, p = new s.Vector3();
-    n.projectPoint(c.clone(), p);
-    const h = p.clone().sub(a);
-    if (t.angleTo(h) === 0 || (this.lastRotation === void 0 && (this.lastRotation = { angle: 0 }), this.rotations.length === 0))
+    const l = this.rotateCenter.clone(), p = t.projectPoint(c.clone(), new s.Vector3()).clone().sub(l);
+    if (e.angleTo(p) === 0)
       return;
-    const b = (() => {
-      if (this.rotations.length === 1)
-        return h.angleTo(r.baseAxes) > i.angleTo(r.baseAxes);
-      {
-        const d = this.rotations[this.rotations.length - 1], E = this.rotations[this.rotations.length - 2], y = h.angleTo(E.vector), v = h.angleTo(d.vector), j = d.vector.angleTo(E.vector);
-        if (j === 0 || v === 0 || y === 0)
-          return;
-        if (y > v && y > j)
-          return d.direction;
-        if (y < j && v < j || y < v && v > j)
-          return !d.direction;
-      }
-    })();
-    if (b === void 0)
-      return console.warn("rotationDirection is undefined");
-    const u = new s.Quaternion().setFromUnitVectors(t.clone().normalize(), h.clone().normalize()), { originObject3D: l } = this, D = l.quaternion.clone().premultiply(u);
-    if (!this.hooks.emit("wantToRotate", D)) {
-      if (this.rotations.push({ vector: h, direction: b }), this.rotations = this.rotations.slice(-2), this.lastRotation.angle = this.lastRotation.angle + h.angleTo(t) * (b ? 1 : -1), this.setAngleHelperLength(o, this.lastRotation.angle), this.setTipsAngle(this.lastRotation.angle / Math.PI * 180), a) {
-        const d = new s.Vector3().subVectors(l.position, a).applyQuaternion(u).add(a);
-        l.position.copy(d);
-      }
-      l.applyQuaternion(u), this.helperObject3DQuaternion.premultiply(u), this.hooks.emit("applyObjectRotate", { quaternion: u, origin: a }), this.hooks.emit("rotate", l.quaternion), this.startInfo.startVector = h;
+    const u = new s.Quaternion().setFromUnitVectors(e.clone().normalize(), p.clone().normalize()), b = a.quaternion.clone().premultiply(u);
+    if (this.hooks.emit("wantToRotate", b))
+      return;
+    const y = new s.Euler().setFromQuaternion(
+      new s.Quaternion().setFromUnitVectors(
+        e.clone().normalize().applyQuaternion(r.clone().inverse()),
+        p.clone().normalize().applyQuaternion(r.clone().inverse())
+      ),
+      `${o.toUpperCase()}${"XZY".replace(o.toUpperCase(), "")}`
+    )[o] * i.angleDirection;
+    if (this.startInfo.angle += y, this.setAngleHelperLength(o, this.startInfo.angle), this.setTipsAngle(C(this.startInfo.angle)), l) {
+      const j = new s.Vector3().subVectors(a.position, l).applyQuaternion(u).add(l);
+      a.position.copy(j);
     }
+    a.applyQuaternion(u), this.hooks.emit("applyObjectRotate", { quaternion: u, origin: l }), this.hooks.emit("rotate", a.quaternion), this.startInfo.startVector = p;
   }
   dragEnd() {
-    !this.isDragging || (this.startInfo = void 0, this.isDragging = !1, this.lastRotation = void 0, this.rotations = [], this.helperObject3D.show(), this.hooks.emit("rotateEnd"));
+    !this.isDragging || (this.hooks.emit("setObjectRotate", this.originObject3D.quaternion, this.rotateCenter), this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("rotateEnd"));
   }
-  getAngleHelper(e) {
-    switch (e) {
+  getAngleHelper(n) {
+    var e, t, i;
+    switch (n) {
       case "x":
-        return this.helperObject3D.xAngleHelper;
+        return (e = this.helperObject3D.xCircle) == null ? void 0 : e.angleSector;
       case "y":
-        return this.helperObject3D.yAngleHelper;
+        return (t = this.helperObject3D.yCircle) == null ? void 0 : t.angleSector;
       case "z":
-        return this.helperObject3D.zAngleHelper;
+        return (i = this.helperObject3D.zCircle) == null ? void 0 : i.angleSector;
     }
   }
-  setAngleHelperStart(e, t) {
-    const n = this.getAngleHelper(e);
-    if (n instanceof s.Mesh && n.geometry instanceof s.CircleGeometry) {
-      const { radius: r, segments: i, thetaLength: o } = n.geometry.parameters;
-      n.geometry = new s.CircleGeometry(r, i, t, o);
+  setAngleHelperStart(n, e) {
+    const t = this.getAngleHelper(n);
+    if (!t) {
+      console.warn("angleHelper is undefined");
+      return;
+    }
+    if (t instanceof s.Mesh && t.geometry instanceof s.CircleGeometry) {
+      const { radius: i, segments: o, thetaLength: r } = t.geometry.parameters;
+      t.geometry = new s.CircleGeometry(i, o, e, r);
     } else
       console.warn("only support THREE.CircleGeometry");
   }
-  setAngleHelperLength(e, t) {
-    const r = t >= 0 ? Math.max(t, 1e-3) : Math.min(t, -1e-3), i = this.getAngleHelper(e);
-    if (i instanceof s.Mesh && i.geometry instanceof s.CircleGeometry) {
-      const { radius: o, thetaStart: c } = i.geometry.parameters, a = Math.ceil(Math.abs(r) * (40 / (2 * Math.PI)));
-      i.geometry = new s.CircleGeometry(o, a, c, r);
+  setAngleHelperLength(n, e) {
+    const i = e >= 0 ? Math.max(e, 1e-3) : Math.min(e, -1e-3), o = this.getAngleHelper(n);
+    if (o instanceof s.Mesh && o.geometry instanceof s.CircleGeometry) {
+      const { radius: r, thetaStart: a } = o.geometry.parameters, c = Math.ceil(Math.abs(i) * (40 / (2 * Math.PI)));
+      o.geometry = new s.CircleGeometry(r, c, a, i);
     } else
       console.warn("only support THREE.CircleGeometry");
   }
-  setTipsAngle(e) {
-    var n;
-    const t = (n = this.helperObject3D.angleTips) == null ? void 0 : n.element;
-    !t || (t.innerText = `${e.toFixed(0)}\xB0`);
+  setTipsAngle(n) {
+    var t;
+    const e = (t = this.helperObject3D.angleTips) == null ? void 0 : t.element;
+    !e || (e.innerText = `${n.toFixed(0)}\xB0`);
   }
-  setTipsPosition(e) {
-    const t = this.helperObject3D.angleTips;
-    if (!t)
+  setTipsPosition(n) {
+    const e = this.helperObject3D.angleTips;
+    if (!e)
       return;
-    const n = e.project(this.camera), { x: r, y: i, z: o } = n;
-    if (o > 1)
+    const t = n.project(this.camera), { x: i, y: o, z: r } = t;
+    if (r > 1)
       return;
-    const c = (r + 1) / 2 * 100 + "%", a = (-i + 1) / 2 * 100 + "%";
-    t.setLeftTop(c, a);
+    const a = (i + 1) / 2 * 100 + "%", c = (-o + 1) / 2 * 100 + "%";
+    e.setLeftTop(a, c);
   }
 }
 export {
-  C as RotateController
+  P as RotateController
 };

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

@@ -4,15 +4,10 @@ import { RotateHelperAbstract } from '../Base/BaseHelper';
 import type { Color, Direction } from '../typings';
 import { tipsDom } from './HTML/tipsDom';
 export declare class RotateHelper extends RotateHelperAbstract {
-    yzCircle?: Circle;
-    xzCircle?: Circle;
-    xyCircle?: Circle;
-    xRingHelper?: AxesDashedRing;
-    yRingHelper?: AxesDashedRing;
-    zRingHelper?: AxesDashedRing;
-    xAngleHelper?: Sector;
-    yAngleHelper?: Sector;
-    zAngleHelper?: Sector;
+    xCircle?: RotateCircleGroup;
+    yCircle?: RotateCircleGroup;
+    zCircle?: RotateCircleGroup;
+    children: RotateCircleGroup[];
     angleTips?: ReturnType<typeof tipsDom>;
     private container?;
     constructor(originObject3D: Object3D, config?: {
@@ -20,15 +15,28 @@ export declare class RotateHelper extends RotateHelperAbstract {
         yzCircleEnable?: boolean;
         xzCircleEnable?: boolean;
         xyCircleEnable?: boolean;
+        angleTipsEnable?: boolean;
     });
-    updateAngleHelperQuaternion(): void;
-    applyHelperQuaternion(quaternion: THREE.Quaternion, origin?: THREE.Vector3): void;
     hide(): void;
     show(): void;
     showDraggingHelper(directions: Direction[]): void;
     dispose(): void;
-    private filterRingHelper;
-    private filterAngleHelper;
+}
+declare class RotateCircleGroup extends THREE.Group {
+    direction: Direction;
+    /** 1/4 圆 */
+    circle: Circle;
+    /** 旋转过程中展示的背景圆环 */
+    ring: DashedRing;
+    /** 旋转过程中表示角度的扇形 */
+    angleSector: AngleSector;
+    constructor(options: {
+        direction: Direction;
+        color?: Color;
+    });
+    showCircle(): void;
+    showRing(): void;
+    hide(): void;
 }
 declare class Circle extends THREE.Mesh {
     direction: Direction;
@@ -40,16 +48,17 @@ declare class Circle extends THREE.Mesh {
         color?: Color;
     });
 }
-declare class AxesDashedRing extends THREE.Group {
+declare class DashedRing extends THREE.Group {
     direction: Readonly<Direction>;
     constructor(options: {
         direction: Direction;
     });
 }
-declare class Sector extends THREE.Mesh {
+declare class AngleSector extends THREE.Mesh {
     direction: Direction;
-    material: THREE.MeshBasicMaterial;
     baseAxes: THREE.Vector3;
+    angleDirection: 1 | -1;
+    material: THREE.MeshBasicMaterial;
     constructor(options: {
         direction: Direction;
         color?: Color;

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

@@ -1,120 +1,98 @@
-var R = Object.defineProperty;
-var C = (n, l, i) => l in n ? R(n, l, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[l] = i;
-var t = (n, l, i) => (C(n, typeof l != "symbol" ? l + "" : l, i), i);
+var m = Object.defineProperty;
+var w = (a, s, t) => s in a ? m(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
+var i = (a, s, t) => (w(a, typeof s != "symbol" ? s + "" : s, t), t);
 import * as r from "three";
-import { RotateHelperAbstract as m } from "../Base/BaseHelper.js";
-import { AXES_THREE_COLOR as y } from "../Constants/color.js";
-import { tipsDom as w } from "./HTML/tipsDom.js";
-class P extends m {
-  constructor(i, e) {
-    var s;
-    super(i);
-    t(this, "yzCircle");
-    t(this, "xzCircle");
-    t(this, "xyCircle");
-    t(this, "xRingHelper");
-    t(this, "yRingHelper");
-    t(this, "zRingHelper");
-    t(this, "xAngleHelper");
-    t(this, "yAngleHelper");
-    t(this, "zAngleHelper");
-    t(this, "angleTips");
-    t(this, "container");
-    (e == null ? void 0 : e.yzCircleEnable) !== !1 && (this.yzCircle = new d({ direction: "x", color: y.X }), this.xRingHelper = new H({ direction: "x" }), this.xAngleHelper = new x({ direction: "x", color: y.X })), (e == null ? void 0 : e.xzCircleEnable) !== !1 && (this.xzCircle = new d({ direction: "y", color: y.Y }), this.yRingHelper = new H({ direction: "y" }), this.yAngleHelper = new x({ direction: "y", color: y.Y })), (e == null ? void 0 : e.xyCircleEnable) !== !1 && (this.xyCircle = new d({ direction: "z", color: y.Z }), this.zRingHelper = new H({ direction: "z" }), this.zAngleHelper = new x({ direction: "z", color: y.Z })), e != null && e.container && (this.container = e == null ? void 0 : e.container, this.angleTips = w({ display: "none" }), (s = this.container) == null || s.appendChild(this.angleTips.element)), this.show();
-  }
-  updateAngleHelperQuaternion() {
-    var i, e, s, c, h, o, p, a, g, A, u, z;
-    (e = this.xAngleHelper) == null || e.quaternion.copy((i = this.yzCircle) == null ? void 0 : i.quaternion), (c = this.yAngleHelper) == null || c.quaternion.copy((s = this.xzCircle) == null ? void 0 : s.quaternion), (o = this.zAngleHelper) == null || o.quaternion.copy((h = this.xyCircle) == null ? void 0 : h.quaternion), (a = this.xRingHelper) == null || a.quaternion.copy((p = this.yzCircle) == null ? void 0 : p.quaternion), (A = this.yRingHelper) == null || A.quaternion.copy((g = this.xzCircle) == null ? void 0 : g.quaternion), (z = this.zRingHelper) == null || z.quaternion.copy((u = this.xyCircle) == null ? void 0 : u.quaternion);
-  }
-  applyHelperQuaternion(i, e) {
-    var s, c, h, o, p, a;
-    (s = this.yzCircle) == null || s.applyQuaternion(i), (c = this.xzCircle) == null || c.applyQuaternion(i), (h = this.xyCircle) == null || h.applyQuaternion(i), (o = this.xAngleHelper) == null || o.baseAxes.applyQuaternion(i), (p = this.yAngleHelper) == null || p.baseAxes.applyQuaternion(i), (a = this.zAngleHelper) == null || a.baseAxes.applyQuaternion(i);
+import { RotateHelperAbstract as u } from "../Base/BaseHelper.js";
+import { AXES_THREE_COLOR as l } from "../Constants/color.js";
+import { tipsDom as y } from "./HTML/tipsDom.js";
+class T extends u {
+  constructor(t, e) {
+    super(t);
+    i(this, "xCircle");
+    i(this, "yCircle");
+    i(this, "zCircle");
+    i(this, "children", []);
+    i(this, "angleTips");
+    i(this, "container");
+    (e == null ? void 0 : e.yzCircleEnable) !== !1 && (this.xCircle = new n({ direction: "x", color: l.X })), (e == null ? void 0 : e.xzCircleEnable) !== !1 && (this.yCircle = new n({ direction: "y", color: l.Y })), (e == null ? void 0 : e.xyCircleEnable) !== !1 && (this.zCircle = new n({ direction: "z", color: l.Z })), (e == null ? void 0 : e.container) && (e == null ? void 0 : e.angleTipsEnable) !== !1 && (this.container = e == null ? void 0 : e.container, this.angleTips = y({ display: "none" }), this.container.appendChild(this.angleTips.element)), this.add(...[this.xCircle, this.yCircle, this.zCircle].filter(Boolean)), this.show();
   }
   hide() {
-    this.remove(
-      this.yzCircle,
-      this.xzCircle,
-      this.xyCircle,
-      this.xRingHelper,
-      this.yRingHelper,
-      this.zRingHelper,
-      this.xAngleHelper,
-      this.yAngleHelper,
-      this.zAngleHelper
-    );
+    this.children.forEach((t) => t.hide());
   }
   show() {
-    var i;
-    this.add(this.xyCircle, this.xzCircle, this.yzCircle), this.remove(this.xRingHelper, this.yRingHelper, this.zRingHelper, this.xAngleHelper, this.yAngleHelper, this.zAngleHelper), (i = this.angleTips) == null || i.hide();
+    var t;
+    this.children.forEach((e) => e.showCircle()), (t = this.angleTips) == null || t.hide();
   }
-  showDraggingHelper(i) {
+  showDraggingHelper(t) {
     var e;
-    this.hide(), this.add(...this.filterRingHelper(i)), this.add(...this.filterAngleHelper(i)), (e = this.angleTips) == null || e.show();
+    this.hide(), this.children.filter((h) => t.includes(h.direction)).forEach((h) => h.showRing()), (e = this.angleTips) == null || e.show();
   }
   dispose() {
-    var i, e;
-    this.remove(
-      ...[
-        this.yzCircle,
-        this.xzCircle,
-        this.xyCircle,
-        this.xRingHelper,
-        this.yRingHelper,
-        this.zRingHelper,
-        this.xAngleHelper,
-        this.yAngleHelper,
-        this.zAngleHelper
-      ].filter(Boolean)
-    ), (e = (i = this.angleTips) == null ? void 0 : i.element) == null || e.remove();
+    var t, e;
+    this.removeFromParent(), (e = (t = this.angleTips) == null ? void 0 : t.element) == null || e.remove();
   }
-  filterRingHelper(i) {
-    return [this.xRingHelper, this.yRingHelper, this.zRingHelper].filter((e) => i.includes(e == null ? void 0 : e.direction)).filter(Boolean);
+}
+class n extends r.Group {
+  constructor(t) {
+    super();
+    i(this, "direction");
+    i(this, "circle");
+    i(this, "ring");
+    i(this, "angleSector");
+    this.direction = t.direction, this.circle = new C(t), this.ring = new x(t), this.angleSector = new b(t), this.add(this.circle, this.ring, this.angleSector), this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
   }
-  filterAngleHelper(i) {
-    return [this.xAngleHelper, this.yAngleHelper, this.zAngleHelper].filter((e) => i.includes(e == null ? void 0 : e.direction)).filter(Boolean);
+  showCircle() {
+    this.add(this.circle), this.remove(this.ring, this.angleSector);
+  }
+  showRing() {
+    this.add(this.ring, this.angleSector), this.remove(this.circle);
+  }
+  hide() {
+    this.remove(this.ring, this.angleSector, this.circle);
   }
 }
-class d extends r.Mesh {
-  constructor(i) {
+class C extends r.Mesh {
+  constructor(t) {
     var e;
     super();
-    t(this, "direction");
-    t(this, "gapAngle", 0.02);
-    t(this, "geometry", new r.RingGeometry(0.25, 0.3, 20, 8, this.gapAngle, Math.PI / 2 - this.gapAngle * 2));
+    i(this, "direction");
+    i(this, "gapAngle", 0.02);
+    i(this, "geometry", new r.RingGeometry(0.25, 0.3, 20, 8, this.gapAngle, Math.PI / 2 - this.gapAngle * 2));
     this.material = new r.MeshBasicMaterial({
       opacity: 0.6,
-      color: (e = i.color) != null ? e : 16777215,
+      color: (e = t.color) != null ? e : 16777215,
       transparent: !0,
       side: r.DoubleSide,
       depthTest: !1
-    }), this.direction = i.direction, this.geometry.name = `RotateHelperCircleGeometry-${this.direction}`, this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
+    }), this.direction = t.direction, this.geometry.name = `RotateHelperCircleGeometry-${this.direction}`;
   }
 }
-class H extends r.Group {
-  constructor(i) {
+class x extends r.Group {
+  constructor(t) {
     super();
-    t(this, "direction");
-    this.direction = i.direction;
-    const e = 0.015, s = new Array(8).fill(null).map((c, h) => {
-      const o = new r.RingGeometry(0.25, 0.3, 20, 8, Math.PI / 4 * h + e, Math.PI / 4 - e * 2), p = new r.MeshBasicMaterial({
+    i(this, "direction");
+    this.direction = t.direction;
+    const e = 0.015, h = new Array(8).fill(null).map((g, c) => {
+      const d = new r.RingGeometry(0.25, 0.3, 20, 8, Math.PI / 4 * c + e, Math.PI / 4 - e * 2), p = new r.MeshBasicMaterial({
         opacity: 1,
         color: 16777215,
         depthTest: !1,
         transparent: !0,
         side: r.DoubleSide
-      }), a = new r.Mesh(o, p);
-      return a.name = `AxesDashedRing-${this.direction}-${h}`, a;
+      }), o = new r.Mesh(d, p);
+      return o.name = `AxesDashedRing-${this.direction}-${c}`, o;
     });
-    this.add(...s), this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
+    this.add(...h);
   }
 }
-class x extends r.Mesh {
-  constructor(i) {
-    var s;
+class b extends r.Mesh {
+  constructor(t) {
+    var h;
     super();
-    t(this, "direction");
-    t(this, "baseAxes");
-    switch (i.direction) {
+    i(this, "direction");
+    i(this, "baseAxes");
+    i(this, "angleDirection");
+    switch (t.direction) {
       case "x":
         this.baseAxes = new r.Vector3(0, 0, 1);
         break;
@@ -128,13 +106,13 @@ class x extends r.Mesh {
     const e = 0.3 + 5e-4;
     this.geometry = new r.CircleGeometry(e, 48, 0, 1e-4), this.material = new r.MeshBasicMaterial({
       opacity: 0.4,
-      color: (s = i.color) != null ? s : 16777215,
+      color: (h = t.color) != null ? h : 16777215,
       depthTest: !1,
       transparent: !0,
       side: r.DoubleSide
-    }), this.direction = i.direction, this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
+    }), this.direction = t.direction, this.angleDirection = this.direction === "z" ? 1 : -1;
   }
 }
 export {
-  P as RotateHelper
+  T as RotateHelper
 };

package/libs/shared-utils/Object3DHelper/typings/Hooks.d.ts

@@ -13,7 +13,7 @@ export declare type HelperEventMap = {
     rotateEnd: () => void;
     scaleEnd: () => void;
     setObjectPosition: (position: THREE.Vector3) => void;
-    setObjectRotate: (quaternion: THREE.Quaternion, origin: THREE.Vector3) => void;
+    setObjectRotate: (quaternion: THREE.Quaternion, origin?: THREE.Vector3) => void;
     setObjectScale: (scale: THREE.Vector3) => void;
     applyObjectPosition: (position: {
         matrix: THREE.Matrix4;

package/libs/shared-utils/Object3DHelper/utils/setObjectQuaternion.d.ts

@@ -0,0 +1,8 @@
+import * as THREE from 'three';
+/**
+ * @description: 在指定中心点上，使用 quaternion 旋转物体。
+ * @param {THREE.Object3D} object 旋转对象
+ * @param {THREE.Quaternion} quaternion 旋转四元数
+ * @param {THREE.Vector3} rotateCenter 旋转中心
+ */
+export default function setObjectQuaternion(object: THREE.Object3D, quaternion: THREE.Quaternion, rotateCenter: THREE.Vector3): void;

package/libs/shared-utils/Object3DHelper/utils/setObjectQuaternion.js

@@ -0,0 +1,11 @@
+import * as i from "three";
+function r(n, t, o) {
+  if (o) {
+    const e = new i.Vector3().subVectors(n.position, o).applyQuaternion(n.quaternion.clone().inverse()).applyQuaternion(t).add(o);
+    n.position.copy(e);
+  }
+  n.quaternion.copy(t);
+}
+export {
+  r as setObjectQuaternion
+};

package/libs/shared-utils/math/deg2Rad.d.ts

@@ -0,0 +1 @@
+export default function deg2Rad(deg: number): number;

package/libs/shared-utils/math/deg2Rad.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t * Math.PI / 180;
+}
+export {
+  e as deg2Rad
+};

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.8.1",
+  "version": "2.8.3",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",