@realsee/dnalogel 3.59.0 → 3.59.2

package/libs/shared-utils/Object3DHelper/Base/BaseController.js

@@ -1,13 +1,14 @@
-var g = Object.defineProperty;
-var m = (h, t, e) => t in h ? g(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var o = (h, t, e) => (m(h, typeof t != "symbol" ? t + "" : t, e), e);
+var m = Object.defineProperty;
+var H = (h, e, t) => e in h ? m(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
+var o = (h, e, t) => (H(h, typeof e != "symbol" ? e + "" : e, t), t);
 import * as b from "three";
-import { Subscribe as u } from "../../Subscribe.js";
-import { notNil as y } from "../../isNil.js";
-import { boundingBox as H } from "../../three/boundingBox.js";
-import { toArray as D } from "../../util.js";
-class _ {
-  constructor(t, e) {
+import { Subscribe as j } from "../../Subscribe.js";
+import { notNil as g } from "../../isNil.js";
+import { boundingBox as y } from "../../three/boundingBox.js";
+import { toArray as k } from "../../util.js";
+import { cameraHooks as S } from "../utils/cameraHooks.js";
+class B {
+  constructor(e, t) {
     o(this, "originObject3D");
     o(this, "hooks");
     o(this, "preventTapDefaultEvent", !1);
@@ -25,20 +26,21 @@ class _ {
     o(this, "boundingBox");
     o(this, "config");
     o(this, "onRender");
-    o(this, "onWantsTapGesture", (t) => {
-      if (this.getIntersectObject(t))
+    o(this, "cameraHooks");
+    o(this, "onWantsTapGesture", (e) => {
+      if (this.getIntersectObject(e))
         return !1;
     });
-    o(this, "onWantsUpdateCameraDistance", () => {
+    o(this, "updateHelperScale", () => {
       this.helperObject3D.setScaleByCamera(this.camera);
     });
-    o(this, "getBox", () => this.boundingBox ? this.boundingBox : (this.boundingBox = H(this.originObject3D), this.boundingBox));
-    var d, O, i;
-    this.hooks = (d = t.sharedHooks) != null ? d : new u(), this.internalHooks = (O = t.sharedInternalHooks) != null ? O : new u(), this.camera = t.camera, this.model = t.model, this.originObject3D = t.originObject3D, this.helperObject3D = t.helperObject3D, this.container = t.container, this.scene = t.scene, this.domEvents = t.domEvents, this.onRender = (i = t.onRender) != null ? i : () => {
-    }, this.config = e != null ? e : {}, this.initialHelperPosition(), this.initialHelperQuaternion(), this.onWantsUpdateCameraDistance(), this.enable();
-    const s = this.onSetOriginObjectScale.bind(this), a = this.onSetOriginObjectRotate.bind(this), n = this.onSetOriginObjectPosition.bind(this), r = this.onApplyOriginObjectScale.bind(this), l = this.onApplyOriginObjectRotate.bind(this), p = this.onApplyOriginObjectPosition.bind(this), c = this.initialHelperPosition.bind(this);
-    this.internalHooks.on("initialHelperPosition", c), this.internalHooks.on("setObjectScale", s), this.internalHooks.on("setObjectRotate", a), this.internalHooks.on("setObjectPosition", n), this.internalHooks.on("applyObjectPosition", p), this.internalHooks.on("applyObjectRotate", l), this.internalHooks.on("applyObjectScale", r), this.hooks.on("moveEnd", this.onWantsUpdateCameraDistance), this.internalHooks.on("setObjectPosition", this.onWantsUpdateCameraDistance), this.internalHooks.on("initialHelperPosition", this.onWantsUpdateCameraDistance), this.disposers.push(() => {
-      this.internalHooks.off("setObjectPosition", this.onWantsUpdateCameraDistance), this.internalHooks.off("initialHelperPosition", c), this.internalHooks.off("initialHelperPosition", this.onWantsUpdateCameraDistance), this.internalHooks.off("setObjectScale", s), this.internalHooks.off("setObjectRotate", a), this.internalHooks.off("setObjectPosition", n), this.internalHooks.off("applyObjectPosition", p), this.internalHooks.off("applyObjectRotate", l), this.internalHooks.off("applyObjectScale", r);
+    o(this, "getBox", () => this.boundingBox ? this.boundingBox : (this.boundingBox = y(this.originObject3D), this.boundingBox));
+    var d, f, i;
+    this.hooks = (d = e.sharedHooks) != null ? d : new j(), this.internalHooks = (f = e.sharedInternalHooks) != null ? f : new j(), this.camera = e.camera, this.model = e.model, this.originObject3D = e.originObject3D, this.helperObject3D = e.helperObject3D, this.container = e.container, this.scene = e.scene, this.domEvents = e.domEvents, this.onRender = (i = e.onRender) != null ? i : () => {
+    }, this.config = t != null ? t : {}, this.initialHelperPosition(), this.initialHelperQuaternion(), this.updateHelperScale(), this.cameraHooks = S(this.camera), this.enable();
+    const s = this.onSetOriginObjectScale.bind(this), a = this.onSetOriginObjectRotate.bind(this), n = this.onSetOriginObjectPosition.bind(this), r = this.onApplyOriginObjectScale.bind(this), c = this.onApplyOriginObjectRotate.bind(this), p = this.onApplyOriginObjectPosition.bind(this), l = this.initialHelperPosition.bind(this);
+    this.cameraHooks.on("cameraUpdate", this.updateHelperScale), this.internalHooks.on("initialHelperPosition", l), this.internalHooks.on("setObjectScale", s), this.internalHooks.on("setObjectRotate", a), this.internalHooks.on("setObjectPosition", n), this.internalHooks.on("applyObjectPosition", p), this.internalHooks.on("applyObjectRotate", c), this.internalHooks.on("applyObjectScale", r), this.hooks.on("moveEnd", this.updateHelperScale), this.internalHooks.on("setObjectPosition", this.updateHelperScale), this.internalHooks.on("initialHelperPosition", this.updateHelperScale), this.disposers.push(() => {
+      this.cameraHooks.off("cameraUpdate", this.updateHelperScale), this.internalHooks.off("initialHelperPosition", l), this.internalHooks.off("setObjectScale", s), this.internalHooks.off("setObjectRotate", a), this.internalHooks.off("setObjectPosition", n), this.internalHooks.off("applyObjectPosition", p), this.internalHooks.off("applyObjectRotate", c), this.internalHooks.off("applyObjectScale", r), this.hooks.off("moveEnd", this.updateHelperScale), this.internalHooks.off("setObjectPosition", this.updateHelperScale), this.internalHooks.off("initialHelperPosition", this.updateHelperScale);
     });
   }
   initialHelperPosition() {
@@ -60,149 +62,149 @@ class _ {
     this.helperObject3D.hide(), this.render();
   }
   dispose() {
-    var t;
-    (t = this.disposers) == null || t.forEach((e) => e == null ? void 0 : e()), this.helperObject3D.dispose(), this.render();
+    var e;
+    (e = this.disposers) == null || e.forEach((t) => t == null ? void 0 : t()), this.helperObject3D.dispose(), this.render();
   }
   /**
    * @description: applyHelperMatrix4
    * @param {THREE.Matrix4} matrix position 偏移量
    */
-  applyHelperMatrix4(t) {
-    this.helperObject3D.applyMatrix4(t);
+  applyHelperMatrix4(e) {
+    this.helperObject3D.applyMatrix4(e);
   }
   /**
    * @description: applyHelperQuaternion
    * @param {THREE.Quaternion} quaternion 旋转四元数
    * @param {THREE.Vector3} origin 旋转中心
    */
-  applyHelperQuaternion(t, e) {
-    this.helperObject3D.applyHelperQuaternion(t, e);
+  applyHelperQuaternion(e, t) {
+    this.helperObject3D.applyHelperQuaternion(e, t);
   }
   /**
    * @description: applyHelperScaleMatrix4
    * @param {THREE.Matrix4} matrix 缩放矩阵
    * @param {THREE.Vector3} origin 缩放中心
    */
-  applyHelperScaleMatrix4(t, e) {
-    this.helperObject3D.applyHelperScaleMatrix4(t, e);
+  applyHelperScaleMatrix4(e, t) {
+    this.helperObject3D.applyHelperScaleMatrix4(e, t);
   }
-  onWantsGesture(t, e, s) {
+  onWantsGesture(e, t, s) {
     if (this.isDragging)
       return !1;
   }
-  onIntersectionOnModelUpdate(t) {
+  onIntersectionOnModelUpdate(e) {
   }
   /**
    * @description: onApplyOriginObjectScale
    * @param {THREE.Matrix4} params.matrix 缩放矩阵
    * @param {THREE.Vector3} params.origin 缩放中心
    */
-  onApplyOriginObjectScale(t) {
-    this.applyHelperScaleMatrix4(t.matrix, t.origin);
+  onApplyOriginObjectScale(e) {
+    this.applyHelperScaleMatrix4(e.matrix, e.origin);
   }
   /**
    * @description: onApplyOriginObjectRotate
    * @param {THREE.Quaternion} params.quaternion 旋转四元数
    * @param {THREE.Vector3} params.origin 旋转中心
    */
-  onApplyOriginObjectRotate(t) {
-    this.applyHelperQuaternion(t.quaternion, t.origin);
+  onApplyOriginObjectRotate(e) {
+    this.applyHelperQuaternion(e.quaternion, e.origin);
   }
   /**
    * @description: onApplyOriginObjectPosition
    * @param {THREE.Matrix4} params.matrix position 偏移量
    */
-  onApplyOriginObjectPosition(t) {
-    this.applyHelperMatrix4(t.matrix);
+  onApplyOriginObjectPosition(e) {
+    this.applyHelperMatrix4(e.matrix);
   }
-  onSetOriginObjectScale(t) {
-    this.helperObject3D.scale.copy(t), this.updateOffsetByScale(t);
+  onSetOriginObjectScale(e) {
+    this.helperObject3D.scale.copy(e), this.updateOffsetByScale(e);
   }
-  onSetOriginObjectRotate(t, e) {
-    this.helperObject3D.setHelperQuaternion(t, e);
+  onSetOriginObjectRotate(e, t) {
+    this.helperObject3D.setHelperQuaternion(e, t);
   }
-  onSetOriginObjectPosition(t) {
-    this.helperObject3D.position.copy(t.clone().add(this.calculateOffset(this.config.offset)));
+  onSetOriginObjectPosition(e) {
+    this.helperObject3D.position.copy(e.clone().add(this.calculateOffset(this.config.offset)));
   }
   render() {
     this.onRender();
   }
-  updateOffsetByScale(t) {
+  updateOffsetByScale(e) {
     if (this.boundingBox && this.config.offset) {
-      const e = this.originObject3D.position, s = new b.Vector3().subVectors(this.boundingBox.max, e).multiply(t).add(e), a = new b.Vector3().subVectors(this.boundingBox.min, e).multiply(t).add(e), n = this.calculateOffset(this.config.offset, { min: a, max: s });
+      const t = this.originObject3D.position, s = new b.Vector3().subVectors(this.boundingBox.max, t).multiply(e).add(t), a = new b.Vector3().subVectors(this.boundingBox.min, t).multiply(e).add(t), n = this.calculateOffset(this.config.offset, { min: a, max: s });
       this.helperObject3D.initialPosition(n);
     }
   }
-  hoverListener(t, e = 16777215, s = 1) {
-    const a = D(t).filter(y), n = [];
+  hoverListener(e, t = 16777215, s = 1) {
+    const a = k(e).filter(g), n = [];
     for (const r of a)
       if (r.material || r instanceof b.Group) {
-        const l = r instanceof b.Group ? r.children.filter((i) => i instanceof b.Mesh) : [r];
-        l.forEach((i) => {
-          var f, j;
-          i.__originalColor__ = (f = i.__originalColor__) != null ? f : i.material.color.clone(), i.__originalOpacity__ = (j = i.__originalOpacity__) != null ? j : i.material.opacity;
+        const c = r instanceof b.Group ? r.children.filter((i) => i instanceof b.Mesh) : [r];
+        c.forEach((i) => {
+          var O, u;
+          i.__originalColor__ = (O = i.__originalColor__) != null ? O : i.material.color.clone(), i.__originalOpacity__ = (u = i.__originalOpacity__) != null ? u : i.material.opacity;
         });
         const p = () => {
-          l.forEach((i) => {
-            i.material.color.set(e), i.material.opacity = s;
+          c.forEach((i) => {
+            i.material.color.set(t), i.material.opacity = s;
           }), this.render();
-        }, c = () => {
-          l.forEach((i) => {
+        }, l = () => {
+          c.forEach((i) => {
             i.material.color.copy(i.__originalColor__), i.material.opacity = i.__originalOpacity__;
           }), this.render();
         }, d = () => {
           this.isDragging || p();
-        }, O = () => {
-          this.isDragging || c();
+        }, f = () => {
+          this.isDragging || l();
         };
-        for (const i of l)
-          this.domEvents.addEventListener(i, "mouseover", d), this.domEvents.addEventListener(i, "mouseout", O), this.hooks.on("moveStart", p), this.hooks.on("moveEnd", c), this.hooks.on("rotateEnd", c), this.hooks.on("scaleEnd", c), n.push(() => {
-            this.domEvents.removeEventListener(i, "mouseover", d), this.domEvents.removeEventListener(i, "mouseout", O), this.hooks.off("moveStart", p), this.hooks.off("moveEnd", c), this.hooks.off("rotateEnd", c), this.hooks.off("scaleEnd", c);
+        for (const i of c)
+          this.domEvents.addEventListener(i, "mouseover", d), this.domEvents.addEventListener(i, "mouseout", f), this.hooks.on("moveStart", p), this.hooks.on("moveEnd", l), this.hooks.on("rotateEnd", l), this.hooks.on("scaleEnd", l), n.push(() => {
+            this.domEvents.removeEventListener(i, "mouseover", d), this.domEvents.removeEventListener(i, "mouseout", f), this.hooks.off("moveStart", p), this.hooks.off("moveEnd", l), this.hooks.off("rotateEnd", l), this.hooks.off("scaleEnd", l);
           });
       }
     return () => n.forEach((r) => r == null ? void 0 : r());
   }
-  getIntersectObject(t) {
-    const e = this.camera.position, s = this.helperObject3D;
+  getIntersectObject(e) {
+    const t = this.camera.position, s = this.helperObject3D;
     if (!s)
       return;
-    const a = this.helperObject3D.raycasterIntersectObject(t)[0];
+    const a = this.helperObject3D.raycasterIntersectObject(e)[0];
     if (!a)
       return;
     const n = a;
     if (n.object = s, this.model.intersectRaycaster) {
-      const r = this.model.intersectRaycaster(t)[0];
-      if (r && r.point.distanceTo(e) < n.point.distanceTo(e))
+      const r = this.model.intersectRaycaster(e)[0];
+      if (r && r.point.distanceTo(t) < n.point.distanceTo(t))
         return;
     }
     return n.object;
   }
-  calculateOffset(t, e) {
+  calculateOffset(e, t) {
     const s = new b.Vector3(0, 0, 0);
-    if (!t)
+    if (!e)
       return s;
-    const a = () => e || this.getBox();
-    if (typeof t.x == "number")
-      s.setX(t.x);
-    else if (typeof t.x == "object") {
+    const a = () => t || this.getBox();
+    if (typeof e.x == "number")
+      s.setX(e.x);
+    else if (typeof e.x == "object") {
       const n = a();
-      s.setX((n.max.x - n.min.x) * t.x.percents);
+      s.setX((n.max.x - n.min.x) * e.x.percents);
     }
-    if (typeof t.y == "number")
-      s.setY(t.y);
-    else if (typeof t.y == "object") {
+    if (typeof e.y == "number")
+      s.setY(e.y);
+    else if (typeof e.y == "object") {
       const n = a();
-      s.setY((n.max.y - n.min.y) * t.y.percents);
+      s.setY((n.max.y - n.min.y) * e.y.percents);
     }
-    if (typeof t.z == "number")
-      s.setZ(t.z);
-    else if (typeof t.z == "object") {
+    if (typeof e.z == "number")
+      s.setZ(e.z);
+    else if (typeof e.z == "object") {
       const n = a();
-      s.setZ((n.max.z - n.min.z) * t.z.percents);
+      s.setZ((n.max.z - n.min.z) * e.z.percents);
     }
     return s;
   }
 }
 export {
-  _ as BaseController
+  B as BaseController
 };

package/libs/shared-utils/Object3DHelper/Base/BaseHelper.d.ts

@@ -55,6 +55,7 @@ export declare abstract class MoveHelperAbstract<OriginObject3D extends Object3D
         direction: Direction;
     };
     abstract showDraggingHelper(directions?: Direction[]): void;
+    abstract update(camera: THREE.Camera): void;
 }
 export declare abstract class BoundingBoxHelperAbstract<OriginObject3D extends Object3D = Object3D> extends BaseHelper<OriginObject3D> {
 }

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

@@ -1,6 +1,6 @@
 var v = Object.defineProperty;
-var f = (c, a, e) => a in c ? v(c, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[a] = e;
-var r = (c, a, e) => (f(c, typeof a != "symbol" ? a + "" : a, e), e);
+var f = (c, h, e) => h in c ? v(c, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[h] = e;
+var a = (c, h, e) => (f(c, typeof h != "symbol" ? h + "" : h, e), e);
 import { BaseController as g } from "../Base/BaseController.js";
 import * as m from "three";
 import { getMouseRaycaster as p } from "../utils/getMouseRaycaster.js";
@@ -8,17 +8,17 @@ import { rayOnLine as y } from "../../../Sculpt/utils/three/rayOnLine.js";
 class w extends g {
   constructor(...e) {
     super(...e);
-    r(this, "name", "MoveController");
-    r(this, "startInfo");
-    r(this, "_moveByMouse", {
+    a(this, "name", "MoveController");
+    a(this, "startInfo");
+    a(this, "_moveByMouse", {
       enabled: !1
     });
-    r(this, "mouseInfo");
-    r(this, "mousedownEventListenerDisposer");
+    a(this, "mouseInfo");
+    a(this, "mousedownEventListenerDisposer");
     /**
      * @description: 拖动开始，找出拖的Direction
      */
-    r(this, "dragStart", (e) => {
+    a(this, "dragStart", (e) => {
       if (this.moveByMouseEnable || this.isDragging)
         return;
       const t = e == null ? void 0 : e.intersect;
@@ -27,35 +27,37 @@ class w extends g {
       const o = (t == null ? void 0 : t.object).direction;
       if (!o)
         return this.dragEnd();
-      const s = new m.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), h = new m.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), u = new m.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), n = (() => {
+      const s = new m.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), n = new m.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), u = new m.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), i = (() => {
         switch (o) {
           case "x":
             return s;
           case "y":
-            return h;
+            return n;
           case "z":
             return u;
         }
-      })(), i = t.point.clone(), d = new m.Line3(
-        i.clone().sub(n.normalize()),
-        i.clone().add(n.normalize())
+      })(), r = t.point.clone(), d = new m.Line3(
+        r.clone().sub(i.normalize()),
+        r.clone().add(i.normalize())
       );
-      this.startInfo = { startVectorProject: i, line: d }, this.helperObject3D.showDraggingHelper([o]), this.hooks.emit("moveStart"), this.isDragging = !0;
+      this.startInfo = { startVectorProject: r, line: d }, this.helperObject3D.showDraggingHelper([o]), this.hooks.emit("moveStart"), this.isDragging = !0;
     });
-    r(this, "dragging", (e) => {
+    a(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 = p(this.camera, { x: t, y: o }, this.container);
       return s ? (this.move(s), !1) : this.dragEnd();
     });
-    r(this, "dragEnd", () => {
+    a(this, "dragEnd", () => {
       this.isDragging && (this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("moveEnd"));
     });
     const t = this.helperObject3D;
     this.hoverListener([t.xArrow, t.yArrow, t.zArrow]);
-    const o = 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", o), this.hooks.on("scaleStart", s), this.hooks.on("scaleEnd", o), this.hooks.on("moveByMouseEnable", s), this.hooks.on("moveByMouseDisable", o), 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);
+    const o = this.show.bind(this), s = this.hide.bind(this), n = () => {
+      this.helperObject3D.update(this.camera), this.render();
+    };
+    n(), 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.cameraHooks.on("cameraUpdate", n), 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.cameraHooks.off("cameraUpdate", n);
     }), this.moveByMouseEnable && this.moveByMouse();
   }
   get moveByMouseEnable() {
@@ -89,13 +91,13 @@ class w extends g {
     this._moveByMouse = { enabled: !1 }, this.preventTapDefaultEvent = !1, this.hooks.emit("moveByMouseDisable"), (e = this.mousedownEventListenerDisposer) == null || e.call(this);
   }
   onIntersectionOnModelUpdate(e) {
-    var h, u, n;
+    var n, u, 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 i = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.alignmentVector ? this._moveByMouse.useFaceNormal.alignmentVector : { x: 0, y: 1, z: 0 })(), d = new m.Vector3((h = i.x) != null ? h : 0, (u = i.y) != null ? u : 0, (n = i.z) != null ? n : 0), l = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.fixedFaceNormal ? this._moveByMouse.useFaceNormal.fixedFaceNormal(o.normal) : o.normal)();
+        const r = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.alignmentVector ? this._moveByMouse.useFaceNormal.alignmentVector : { x: 0, y: 1, z: 0 })(), d = new m.Vector3((n = r.x) != null ? n : 0, (u = r.y) != null ? u : 0, (i = r.z) != null ? i : 0), l = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.fixedFaceNormal ? this._moveByMouse.useFaceNormal.fixedFaceNormal(o.normal) : o.normal)();
         this.originObject3D.quaternion.setFromUnitVectors(d, l), this.internalHooks.emit("setObjectRotate", this.originObject3D.quaternion.clone());
       }
       this.internalHooks.emit("setObjectPosition", t), this.hooks.emit("move", t);
@@ -114,10 +116,10 @@ class w extends g {
   move(e) {
     if (!this.startInfo)
       return this.dragEnd();
-    const { line: t, startVectorProject: o } = this.startInfo, s = this.originObject3D, h = y({ raycaster: e, line: t, clampToLine: !1 }), u = h.clone().sub(o), n = new m.Matrix4();
-    n.setPosition(u);
-    const i = s.position.clone().applyMatrix4(n);
-    this.hooks.emit("wantToMove", i) || (s.applyMatrix4(n), o.copy(h), this.internalHooks.emit("applyObjectPosition", { matrix: n }), this.hooks.emit("move", i));
+    const { line: t, startVectorProject: o } = this.startInfo, s = this.originObject3D, n = y({ raycaster: e, line: t, clampToLine: !1 }), u = n.clone().sub(o), i = new m.Matrix4();
+    i.setPosition(u);
+    const r = s.position.clone().applyMatrix4(i);
+    this.hooks.emit("wantToMove", r) || (s.applyMatrix4(i), o.copy(n), this.internalHooks.emit("applyObjectPosition", { matrix: i }), this.hooks.emit("move", r));
   }
 }
 export {

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

@@ -4,9 +4,10 @@ var i = (c, n, e) => (D(c, typeof n != "symbol" ? n + "" : n, e), e);
 import { CSS3DRender as u } from "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 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";
 import "../../three/core/Sphere.js";
-class g extends f {
+class v extends f {
   // eslint-disable-next-line max-params
   constructor(e, t, s, o) {
     super(e);
@@ -119,5 +120,5 @@ class g extends f {
   }
 }
 export {
-  g as CSS3DScaleHelper
+  v as CSS3DScaleHelper
 };

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

@@ -2,7 +2,7 @@ import type { Object3D } from 'three';
 import type { Direction } from '../typings';
 import { MoveHelperAbstract, type BaseHelperConfig } from '.';
 import { ArrowGroup } from './Objects/ArrowGroup';
-import type * as THREE from 'three';
+import * as THREE from 'three';
 export declare class MoveHelper extends MoveHelperAbstract {
     name: string;
     xArrow?: ArrowGroup;
@@ -13,6 +13,7 @@ export declare class MoveHelper extends MoveHelperAbstract {
         yArrowEnable?: boolean;
         zArrowEnable?: boolean;
     } & BaseHelperConfig);
+    update(camera: THREE.Camera): void;
     show(): void;
     setScaleByCamera(camera: THREE.PerspectiveCamera | THREE.OrthographicCamera): void;
     showDraggingHelper(directions: Direction[]): void;

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

@@ -1,35 +1,43 @@
-var l = Object.defineProperty;
-var A = (o, i, r) => i in o ? l(o, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[i] = r;
-var e = (o, i, r) => (A(o, typeof i != "symbol" ? i + "" : i, r), r);
-import { MoveHelperAbstract as h } from "../Base/BaseHelper.js";
-import { ArrowGroup as t } from "./Objects/ArrowGroup.js";
-import { AXES_THREE_COLOR as w } from "../Constants/color.js";
-import { calculateScaleByCamera as a } from "../utils/calculateScaleByCamera.js";
-import "three";
+var c = Object.defineProperty;
+var f = (e, o, r) => o in e ? c(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r;
+var a = (e, o, r) => (f(e, typeof o != "symbol" ? o + "" : o, r), r);
+import { MoveHelperAbstract as d } from "../Base/BaseHelper.js";
+import { ArrowGroup as h } from "./Objects/ArrowGroup.js";
+import { AXES_THREE_COLOR as l } 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 w from "three";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../three/core/Sphere.js";
-class z extends h {
-  constructor(r, s) {
-    super(r, s);
-    e(this, "name", "MoveHelper");
-    e(this, "xArrow");
-    e(this, "yArrow");
-    e(this, "zArrow");
-    s.xArrowEnable !== !1 && (this.xArrow = new t({ direction: "x", color: w.X })), s.yArrowEnable !== !1 && (this.yArrow = new t({ direction: "y", color: w.Y })), s.zArrowEnable !== !1 && (this.zArrow = new t({ direction: "z", color: w.Z })), this.add(...[this.xArrow, this.yArrow, this.zArrow].filter(Boolean));
+class D extends d {
+  constructor(r, i) {
+    super(r, i);
+    a(this, "name", "MoveHelper");
+    a(this, "xArrow");
+    a(this, "yArrow");
+    a(this, "zArrow");
+    i.xArrowEnable !== !1 && (this.xArrow = new h({ direction: "x", color: l.X })), i.yArrowEnable !== !1 && (this.yArrow = new h({ direction: "y", color: l.Y })), i.zArrowEnable !== !1 && (this.zArrow = new h({ direction: "z", color: l.Z })), this.add(...[this.xArrow, this.yArrow, this.zArrow].filter(Boolean));
+  }
+  update(r) {
+    if (this.xArrow.visible = !0, this.yArrow.visible = !0, this.zArrow.visible = !0, r.type === "OrthographicCamera") {
+      const i = new w.Vector3(1, 0, 0).applyQuaternion(this.quaternion), n = new w.Vector3(0, 1, 0).applyQuaternion(this.quaternion), A = new w.Vector3(0, 0, 1).applyQuaternion(this.quaternion), p = y(r), t = u(p), s = 0.0872665;
+      Math.abs(i.angleTo(t) - 0) < s || Math.abs(i.angleTo(t) - Math.PI) < s ? this.xArrow.visible = !1 : Math.abs(n.angleTo(t) - 0) < s || Math.abs(n.angleTo(t) - Math.PI) < s ? this.yArrow.visible = !1 : (Math.abs(A.angleTo(t) - 0) < s || Math.abs(A.angleTo(t) - Math.PI) < s) && (this.zArrow.visible = !1);
+    }
   }
   show() {
-    super.show(), this.xArrow && (this.xArrow.visible = !0), this.yArrow && (this.yArrow.visible = !0), this.zArrow && (this.zArrow.visible = !0);
+    super.show(), this.xArrow && this.add(this.xArrow), this.yArrow && this.add(this.yArrow), this.zArrow && this.add(this.zArrow);
   }
   setScaleByCamera(r) {
-    this.scale.setScalar(a(r, this.position));
+    this.scale.setScalar(m(r, this.position));
   }
   showDraggingHelper(r) {
-    this.xArrow && (this.xArrow.visible = r.includes("x")), this.yArrow && (this.yArrow.visible = r.includes("y")), this.zArrow && (this.zArrow.visible = r.includes("z"));
+    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));
   }
   dispose() {
     this.remove(...[this.xArrow, this.yArrow, this.zArrow].filter(Boolean)), super.dispose();
   }
 }
 export {
-  z as MoveHelper
+  D as MoveHelper
 };

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

@@ -10,6 +10,8 @@ export declare class ArrowGroup extends DirectionGroup {
     arrow: DirectionMesh<THREE.ConeGeometry, THREE.MeshBasicMaterial>;
     private lineHeight;
     private arrowHeight;
+    renderOrder: number;
+    name: string;
     constructor(param: InstanceParameter);
     private formatArrow;
     private formatLine;

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

@@ -1,30 +1,27 @@
 var y = Object.defineProperty;
-var g = (r, t, e) => t in r ? y(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var i = (r, t, e) => (g(r, typeof t != "symbol" ? t + "" : t, e), e);
+var g = (i, t, e) => t in i ? y(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var r = (i, t, e) => (g(i, typeof t != "symbol" ? t + "" : t, e), e);
 import * as o from "three";
 import { DirectionGroup as f, DirectionMesh as l } from "../../utils/direction.js";
 class G extends f {
   constructor(e) {
     var c;
     super(e.direction);
-    i(this, "line");
-    i(this, "arrow");
-    i(this, "lineHeight", 0.4);
-    i(this, "arrowHeight", 0.1);
-    this.name = "ArrowGroup";
-    const d = new o.Color((c = e.color) != null ? c : 16214315), n = new o.MeshBasicMaterial({
-      color: d,
+    r(this, "line");
+    r(this, "arrow");
+    r(this, "lineHeight", 0.4);
+    r(this, "arrowHeight", 0.1);
+    r(this, "renderOrder", 50);
+    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,
-      opacity: 1,
-      transparent: !0,
-      side: o.DoubleSide
-    });
-    this.renderOrder = 50;
-    const w = new o.ConeGeometry(0.04, 0.1, 32), s = new l(w, n.clone(), e.direction);
+      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 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);
+    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);
   }
   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/index.js

@@ -1,3 +1,4 @@
 import "three";
 import "../../three/core/Sphere.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../utils/getOrthographicCameraDirection.js";

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

@@ -0,0 +1,2 @@
+export declare function cameraHooks(camera: THREE.Camera): any;
+export declare function disposeCameraHooks(camera: THREE.Camera): void;

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

@@ -0,0 +1,24 @@
+import { Subscribe as m } from "../../Subscribe.js";
+const e = /* @__PURE__ */ new Map();
+function l(o) {
+  if (e.has(o))
+    return e.get(o).hooks;
+  const t = new m();
+  let n = null, r;
+  const i = () => {
+    n = requestAnimationFrame(i);
+    const a = o.projectionMatrix.toArray().join(",") + o.matrixWorld.toArray().join(",");
+    a !== r && (r = a, t.emit("cameraUpdate"));
+  };
+  i();
+  const s = () => {
+    e.delete(o), cancelAnimationFrame(n);
+  };
+  return e.set(o, {
+    hooks: t,
+    dispose: s
+  }), t;
+}
+export {
+  l as cameraHooks
+};

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

@@ -0,0 +1,8 @@
+import * as THREE from 'three';
+/**
+ * @description 获取正交相机的方向
+ */
+export declare function getOrthographicCameraDirection(pose: {
+    longitude: number;
+    latitude: number;
+}): THREE.Vector3;

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

@@ -0,0 +1,12 @@
+import * as n from "three";
+function a(t) {
+  const { latitude: r, longitude: o } = t, e = new n.Vector3();
+  return i - r < 0.03 ? e.set(0, 1, 0) : s(0, o) ? e.set(0, 0, 1) : s(Math.PI, o) ? e.set(0, 0, -1) : s(i, o) ? e.set(1, 0, 0) : e.set(-1, 0, 0), e;
+}
+const i = Number((Math.PI / 2).toFixed(5));
+function s(t, r) {
+  return typeof t != "number" || typeof r != "number" ? !1 : Math.abs(t - r) < 1e-3;
+}
+export {
+  a as getOrthographicCameraDirection
+};

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

@@ -0,0 +1,8 @@
+import * as THREE from 'three';
+/**
+ * @description 从相机反算pose
+ */
+export declare function getPoseFromCamera(camera: THREE.Camera): {
+    latitude: number;
+    longitude: number;
+};