@realsee/dnalogel 2.6.6 → 2.6.7-dev.0

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

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

package/libs/shared-utils/Object3DHelper/Controller/ScaleController.d.ts

@@ -0,0 +1,12 @@
+import { BaseController } from '../Base/BaseController';
+import type { ScaleHelperAbstract } from '../Helper';
+import * as THREE from 'three';
+export declare class ScaleController<OriginObject3D extends THREE.Object3D = THREE.Object3D> extends BaseController<ScaleHelperAbstract<OriginObject3D>> {
+    protected name: string;
+    constructor(...params: ConstructorParameters<typeof BaseController<ScaleHelperAbstract<OriginObject3D>>>);
+    setScale(scale: number | {
+        x?: number;
+        y?: number;
+        z?: number;
+    }): void;
+}

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

@@ -0,0 +1,21 @@
+var h = Object.defineProperty;
+var f = (o, t, e) => t in o ? h(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var a = (o, t, e) => (f(o, typeof t != "symbol" ? t + "" : t, e), e);
+import { BaseController as p } from "../Base/BaseController.js";
+import * as y from "three";
+class u extends p {
+  constructor(...e) {
+    super(...e);
+    a(this, "name", "ScaleController");
+  }
+  setScale(e) {
+    var i, l, m;
+    let c = 1, n = 1, s = 1;
+    typeof e == "number" ? (c = e, n = e, s = e) : typeof e == "object" && (c = (i = e.x) != null ? i : 1, n = (l = e.y) != null ? l : 1, s = (m = e.z) != null ? m : 1);
+    const r = new y.Vector3(c, n, s);
+    this.hooks.emit("wantToScale", r) || (this.originObject3D.scale.copy(r), this.hooks.emit("setObjectScale", r), this.hooks.emit("scale", r), this.render());
+  }
+}
+export {
+  u as ScaleController
+};

package/libs/shared-utils/Object3DHelper/Helper/{OutlineHelper.d.ts → BoundingBoxHelper.d.ts}

@@ -1,10 +1,11 @@
 import * as THREE from 'three';
-export declare class OutlineHelper extends THREE.Group {
+import { BoundingBoxHelperAbstract } from '../Base/BaseHelper';
+export declare class BoundingBoxHelper<T extends THREE.Object3D = THREE.Object3D> extends BoundingBoxHelperAbstract<T> {
     box: THREE.Mesh<THREE.BufferGeometry, THREE.MeshBasicMaterial>;
     outline: THREE.LineSegments<THREE.BufferGeometry, THREE.LineBasicMaterial>;
     private originObject;
     private positionAttribute;
-    constructor(obj: THREE.Object3D);
+    constructor(originObject: T);
     private update;
     private createOutline;
     private createBox;

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

@@ -0,0 +1,87 @@
+var a = Object.defineProperty;
+var p = (n, s, i) => s in n ? a(n, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[s] = i;
+var r = (n, s, i) => (p(n, typeof s != "symbol" ? s + "" : s, i), i);
+import * as o from "three";
+import { BoundingBoxHelperAbstract as b } from "../Base/BaseHelper.js";
+import { boundingBox as c } from "../utils/boundingBox.js";
+class A extends b {
+  constructor(i) {
+    super(i);
+    r(this, "box");
+    r(this, "outline");
+    r(this, "originObject");
+    r(this, "positionAttribute");
+    this.originObject = i, this.positionAttribute = new o.BufferAttribute(new Float32Array(8 * 3), 3), this.box = this.createBox(), this.outline = this.createOutline(), this.add(this.box, this.outline), this.update();
+  }
+  update() {
+    const i = c(this.originObject);
+    if (!i)
+      return;
+    const { min: t, max: e } = i;
+    this.positionAttribute.setXYZ(0, e.x, e.y, e.z), this.positionAttribute.setXYZ(1, t.x, e.y, e.z), this.positionAttribute.setXYZ(2, t.x, t.y, e.z), this.positionAttribute.setXYZ(3, e.x, t.y, e.z), this.positionAttribute.setXYZ(4, e.x, e.y, t.z), this.positionAttribute.setXYZ(5, t.x, e.y, t.z), this.positionAttribute.setXYZ(6, t.x, t.y, t.z), this.positionAttribute.setXYZ(7, e.x, t.y, t.z), this.positionAttribute.needsUpdate = !0;
+  }
+  createOutline() {
+    const i = new Uint16Array([0, 1, 1, 2, 2, 3, 3, 0, 4, 5, 5, 6, 6, 7, 7, 4, 0, 4, 1, 5, 2, 6, 3, 7]), t = new o.BufferGeometry();
+    t.setIndex(new o.BufferAttribute(i, 1)), t.setAttribute("position", this.positionAttribute);
+    const e = new o.LineBasicMaterial({
+      color: 64767,
+      linewidth: 1,
+      opacity: 1,
+      depthTest: !1,
+      transparent: !0,
+      toneMapped: !1
+    }), u = new o.LineSegments(t, e);
+    return u.matrixAutoUpdate = !1, u;
+  }
+  createBox() {
+    const i = new Uint16Array([
+      0,
+      1,
+      2,
+      0,
+      2,
+      3,
+      0,
+      3,
+      7,
+      0,
+      7,
+      4,
+      0,
+      4,
+      5,
+      0,
+      5,
+      1,
+      6,
+      1,
+      5,
+      6,
+      2,
+      1,
+      6,
+      5,
+      4,
+      6,
+      4,
+      7,
+      6,
+      3,
+      2,
+      6,
+      7,
+      3
+    ]), t = new o.BufferGeometry();
+    t.setIndex(new o.BufferAttribute(i, 1)), t.setAttribute("position", this.positionAttribute);
+    const e = new o.MeshBasicMaterial({
+      color: 64767,
+      opacity: 0.1,
+      depthTest: !1,
+      transparent: !0
+    });
+    return new o.Mesh(t, e);
+  }
+}
+export {
+  A as BoundingBoxHelper
+};

package/{dist/shared-utils/Object3DHelper/Helper/RectangleScaleHelper.d.ts → libs/shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.d.ts}

@@ -2,11 +2,9 @@ import * as THREE from 'three';
 import { RectangleScaleHelperAbstract } from '.';
 import type { Create3DElementReturnType } from '../../../CSS3DRenderPlugin';
 import type { Vector3 } from 'three';
-import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
 import type { CSS3DObjectPlus } from '../../../CSS3DRenderPlugin/utils/three/CSS3DObject';
 declare type NonVoid<T> = T extends void ? never : T;
-declare type OriginObjectType = CSS3DObject | THREE.Object3D;
-export declare class RectangleScaleHelper<T extends OriginObjectType = OriginObjectType> extends RectangleScaleHelperAbstract<T, HTMLElement> {
+export declare class CSS3DScaleHelper<T extends CSS3DObjectPlus = CSS3DObjectPlus> extends RectangleScaleHelperAbstract<T, HTMLElement> {
     points: RectangleScaleHelperAbstract<THREE.Object3D, HTMLElement>['points'];
     cornerPositions: Vector3[];
     css3DInstance?: NonVoid<Create3DElementReturnType>;
@@ -22,12 +20,9 @@ export declare class RectangleScaleHelper<T extends OriginObjectType = OriginObj
     updateQuaternion(): void;
     applyMatrix4(matrix: THREE.Matrix4): void;
     showDraggingHelper(): void;
-    applyHelperScaleMatrix4(matrix: THREE.Matrix4, params?: {
-        origin?: Vector3;
-        helperOrigin?: Vector3;
-    }): void;
+    applyHelperScaleMatrix4(matrix: THREE.Matrix4, origin?: Vector3): void;
     updatePoints(): void;
-    applyHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
+    applyHelperQuaternion(quaternion: THREE.Quaternion, origin: Vector3): void;
     enable(): void;
     disable(): void;
     show(): void;

package/libs/shared-utils/Object3DHelper/Helper/{RectangleScaleHelper.js → CSS3DScaleHelper.js}

@@ -1,20 +1,18 @@
 var d = Object.defineProperty;
 var u = (c, n, e) => n in c ? d(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e;
 var i = (c, n, e) => (u(c, typeof n != "symbol" ? n + "" : n, e), e);
-import { CSS3DRender as b } from "../../../CSS3DRenderPlugin/CSS3DRender.js";
+import { CSS3DRender as D } from "../../../CSS3DRenderPlugin/CSS3DRender.js";
 import * as p from "three";
-import { RectangleScaleHelperAbstract as D } from "../Base/BaseHelper.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
+import { RectangleScaleHelperAbstract as b } from "../Base/BaseHelper.js";
 import { rectangleScaleDom as f } from "./HTML/rectangleScaleDom.js";
-import "./OutlineHelper.js";
-class g extends D {
+class O extends b {
   constructor(e, t, s, o) {
     super(e);
     i(this, "points", []);
     i(this, "cornerPositions", []);
     i(this, "css3DInstance");
     i(this, "plane");
-    i(this, "css3DRenderer", new b());
+    i(this, "css3DRenderer", new D());
     i(this, "camera");
     i(this, "scene");
     i(this, "container");
@@ -123,5 +121,5 @@ class g extends D {
   }
 }
 export {
-  g as RectangleScaleHelper
+  O as CSS3DScaleHelper
 };

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

@@ -2,18 +2,16 @@ var w = Object.defineProperty;
 var h = (i, o, r) => o in i ? w(i, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[o] = r;
 var s = (i, o, r) => (h(i, typeof o != "symbol" ? o + "" : o, r), r);
 import { MoveHelperAbstract as A } from "../Base/BaseHelper.js";
-import { ArrowGroup as t } from "./Objects/ArrowGroup.js";
-import { AXES_THREE_COLOR as e } from "../Constants/color.js";
+import { ArrowGroup as e } from "./Objects/ArrowGroup.js";
+import { AXES_THREE_COLOR as t } from "../Constants/color.js";
 import "three";
 import "../../../CSS3DRenderPlugin/CSS3DRender.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "./OutlineHelper.js";
-class x extends A {
+class m extends A {
   constructor(r) {
     super(r);
-    s(this, "xArrow", new t({ direction: "x", color: e.X }));
-    s(this, "yArrow", new t({ direction: "y", color: e.Y }));
-    s(this, "zArrow", new t({ direction: "z", color: e.Z }));
+    s(this, "xArrow", new e({ direction: "x", color: t.X }));
+    s(this, "yArrow", new e({ direction: "y", color: t.Y }));
+    s(this, "zArrow", new e({ direction: "z", color: t.Z }));
     this.add(this.xArrow), this.add(this.yArrow), this.add(this.zArrow);
   }
   show() {
@@ -27,5 +25,5 @@ class x extends A {
   }
 }
 export {
-  x as MoveHelper
+  m as MoveHelper
 };

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

@@ -4,19 +4,22 @@ 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;
+    yzCircle?: Circle;
+    xzCircle?: Circle;
+    xyCircle?: Circle;
+    xRingHelper?: AxesDashedRing;
+    yRingHelper?: AxesDashedRing;
+    zRingHelper?: AxesDashedRing;
+    xAngleHelper?: Sector;
+    yAngleHelper?: Sector;
+    zAngleHelper?: Sector;
     angleTips?: ReturnType<typeof tipsDom>;
     private container?;
-    constructor(originObject3D: Object3D, angleTipsParams?: {
-        container: HTMLElement;
+    constructor(originObject3D: Object3D, config?: {
+        container?: HTMLElement;
+        yzCircleEnable?: boolean;
+        xzCircleEnable?: boolean;
+        xyCircleEnable?: boolean;
     });
     updateAngleHelperQuaternion(): void;
     applyHelperQuaternion(quaternion: THREE.Quaternion, origin?: THREE.Vector3): void;