@realsee/dnalogel 2.1.0-alpha.27 → 2.1.0-alpha.29

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

@@ -1,33 +1,33 @@
-var O = Object.defineProperty;
-var y = (h, e, t) => e in h ? O(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
-var r = (h, e, t) => (y(h, typeof e != "symbol" ? e + "" : e, t), t);
+var m = Object.defineProperty;
+var O = (p, e, t) => e in p ? m(p, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[e] = t;
+var s = (p, e, t) => (O(p, typeof e != "symbol" ? e + "" : e, t), t);
 import * as l from "three";
-import { Subscribe as j } from "../../Subscribe.js";
-import g from "../utils/threex/domevents/index.js";
-import { notNil as v } from "../../isNil.js";
-import { CSS3DObjectPlus as u } from "../../../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
+import { Subscribe as y } from "../../Subscribe.js";
+import j from "../utils/threex/domevents/index.js";
+import { notNil as g } from "../../isNil.js";
+import { CSS3DObjectPlus as D } from "../../../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../../CSS3DRenderPlugin/utils/evenNumber.js";
 import "../../../CSS3DRenderPlugin/utils/centerPoint.js";
-let p = null;
-class S {
-  constructor(e, t, s, n, a, o, c) {
-    r(this, "hooks", new j());
-    r(this, "helperObject3D");
-    r(this, "originObject3D");
-    r(this, "camera");
-    r(this, "model");
-    r(this, "scene");
-    r(this, "container");
-    r(this, "domEvents");
-    r(this, "isDragging", !1);
-    r(this, "onRender");
-    r(this, "enabled", !1);
-    r(this, "onWantsTapGesture", (e) => {
+let h = null;
+class k {
+  constructor(e, t, o, n, a, r, c) {
+    s(this, "hooks", new y());
+    s(this, "helperObject3D");
+    s(this, "originObject3D");
+    s(this, "camera");
+    s(this, "model");
+    s(this, "scene");
+    s(this, "container");
+    s(this, "domEvents");
+    s(this, "isDragging", !1);
+    s(this, "onRender");
+    s(this, "enabled", !1);
+    s(this, "onWantsTapGesture", (e) => {
       if (this.getIntersectObject(e))
         return !1;
     });
-    this.camera = e, this.model = t, this.originObject3D = s, this.helperObject3D = n, this.container = a, this.scene = o, this.domEvents = new g(e, a), this.onRender = c != null ? c : () => {
+    this.camera = e, this.model = t, this.originObject3D = o, this.helperObject3D = n, this.container = a, this.scene = r, this.domEvents = new j(e, a), this.onRender = c != null ? c : () => {
     }, this.initialHelperPosition(), this.initialHelperQuaternion(), this.enable();
   }
   initialHelperPosition() {
@@ -54,22 +54,32 @@ class S {
   setOpacity(e) {
     this.setOriginOpacityProperty();
     const t = this.originObject3D;
-    t instanceof l.Mesh && (t.material.opacity = e), t instanceof u && (t.container.style.opacity = e), this.render();
+    if (t instanceof l.Mesh && (t.material.opacity = e), t.isCSS3DObjectPlus) {
+      const o = t;
+      o.container.style.opacity = e.toString();
+    }
+    this.render();
   }
   restoreOpacity() {
-    if (p === null)
+    if (h === null)
       return;
     const e = this.originObject3D;
-    e instanceof l.Mesh && (e.material.opacity = p.opacity), e instanceof u && (e.container.style.opacity = p.opacity), this.render();
+    if (e instanceof l.Mesh && (e.material.opacity = h.opacity), e.isCSS3DObjectPlus) {
+      const t = e;
+      t.container.style.opacity = h.opacity.toString();
+    }
+    this.render();
   }
   setOriginOpacityProperty() {
-    var e;
-    if (p === null) {
-      const t = this.originObject3D;
-      t instanceof l.Mesh && (p = {
-        opacity: t.material.opacity
-      }), t instanceof u && (p = {
-        opacity: (e = t.container.style.opacity) != null ? e : 1
+    var e, t;
+    if (h === null) {
+      const o = this.originObject3D;
+      o instanceof l.Mesh && (h = {
+        opacity: o.material.opacity
+      }), o instanceof D && (h = {
+        opacity: (e = o.container.style.opacity) != null ? e : 1
+      }), o.isCSS3DObjectPlus && (h = {
+        opacity: Number((t = o.container.style.opacity) != null ? t : 1)
       });
     }
   }
@@ -88,51 +98,51 @@ class S {
   applyHelperScaleMatrix4(e, t) {
     this.helperObject3D.applyHelperScaleMatrix4(e, t);
   }
-  onWantsGesture(e, t, s) {
+  onWantsGesture(e, t, o) {
     if (this.isDragging)
       return !1;
   }
   render() {
     this.onRender();
   }
-  hoverListener(e, t = 16777215, s = 1) {
-    const n = (Array.isArray(e) ? e : [e]).filter(v), a = [];
-    for (const o of n)
-      if (o instanceof l.Mesh || o instanceof l.Group) {
-        const c = o instanceof l.Group ? o.children.filter((i) => i instanceof l.Mesh) : [o];
+  hoverListener(e, t = 16777215, o = 1) {
+    const n = (Array.isArray(e) ? e : [e]).filter(g), a = [];
+    for (const r of n)
+      if (r instanceof l.Mesh || r instanceof l.Group) {
+        const c = r instanceof l.Group ? r.children.filter((i) => i instanceof l.Mesh) : [r];
         c.forEach((i) => {
           i.__originalColor__ = i.material.color.clone(), i.__originalOpacity__ = i.material.opacity;
         });
         const d = () => {
           c.forEach((i) => {
-            i.material.color.set(t), i.material.opacity = s;
+            i.material.color.set(t), i.material.opacity = o;
           }), this.render();
         }, f = () => {
           c.forEach((i) => {
             i.material.color.copy(i.__originalColor__), i.material.opacity = i.__originalOpacity__;
           }), this.render();
-        }, b = () => {
+        }, u = () => {
           this.isDragging || d();
-        }, m = () => {
+        }, b = () => {
           this.isDragging || f();
         };
         for (const i of c)
-          this.domEvents.addEventListener(i, "mouseover", b), this.domEvents.addEventListener(i, "mouseout", m), this.hooks.on("moveStart", d), this.hooks.on("moveEnd", f), this.hooks.on("rotateEnd", f), a.push(() => {
-            this.domEvents.removeEventListener(i, "mouseover", b), this.domEvents.removeEventListener(i, "mouseout", m), this.hooks.off("moveStart", d), this.hooks.off("moveEnd", f), this.hooks.off("rotateEnd", f);
+          this.domEvents.addEventListener(i, "mouseover", u), this.domEvents.addEventListener(i, "mouseout", b), this.hooks.on("moveStart", d), this.hooks.on("moveEnd", f), this.hooks.on("rotateEnd", f), a.push(() => {
+            this.domEvents.removeEventListener(i, "mouseover", u), this.domEvents.removeEventListener(i, "mouseout", b), this.hooks.off("moveStart", d), this.hooks.off("moveEnd", f), this.hooks.off("rotateEnd", f);
           });
       }
-    return () => a.forEach((o) => o == null ? void 0 : o());
+    return () => a.forEach((r) => r == null ? void 0 : r());
   }
   getIntersectObject(e) {
-    const t = this.camera.position, s = this.helperObject3D;
-    if (!s)
+    const t = this.camera.position, o = this.helperObject3D;
+    if (!o)
       return;
     let n;
-    const a = e.intersectObject(s, !0)[0];
-    if (!!a && (n = a, n.object = s, !!n)) {
+    const a = e.intersectObject(o, !0)[0];
+    if (!!a && (n = a, n.object = o, !!n)) {
       if (this.model.intersectRaycaster) {
-        const o = this.model.intersectRaycaster(e)[0];
-        if (o && o.point.distanceTo(t) < n.point.distanceTo(t))
+        const r = this.model.intersectRaycaster(e)[0];
+        if (r && r.point.distanceTo(t) < n.point.distanceTo(t))
           return;
       }
       return n.object;
@@ -140,6 +150,6 @@ class S {
   }
 }
 export {
-  S as BaseController,
-  p as originOpacity
+  k as BaseController,
+  h as originOpacity
 };

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

@@ -2,7 +2,7 @@ var u = Object.defineProperty;
 var m = (s, e, t) => e in s ? u(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var p = (s, e, t) => (m(s, typeof e != "symbol" ? e + "" : e, t), t);
 import { BaseController as f } from "../Base/BaseController.js";
-import * as a from "three";
+import * as c from "three";
 import { getMouseRaycaster as b } from "../utils/getMouseRaycaster.js";
 import "../../Subscribe.js";
 import "../utils/threex/domevents/index.js";
@@ -18,8 +18,8 @@ class P extends f {
     p(this, "startInfo");
     const r = this.helperObject3D;
     this.hoverListener([r.xArrow, r.yArrow, r.zArrow]);
-    const o = this.dragStart.bind(this), n = this.dragging.bind(this), h = this.dragEnd.bind(this);
-    this.domEvents.addEventListener(this.helperObject3D, "mousedown", o), document.addEventListener("mousemove", n), document.addEventListener("mouseup", h);
+    const o = this.dragStart.bind(this), n = this.dragging.bind(this), a = this.dragEnd.bind(this);
+    this.domEvents.addEventListener(this.helperObject3D, "mousedown", o), document.addEventListener("mousemove", n), document.addEventListener("mouseup", a);
   }
   dragStart(t) {
     if (this.isDragging)
@@ -30,25 +30,24 @@ class P extends f {
     const o = (r == null ? void 0 : r.object).direction;
     if (!o)
       return this.dragEnd();
-    const n = new a.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), h = new a.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), c = new a.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), d = (() => {
+    const n = new c.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), a = new c.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), h = new c.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), d = (() => {
       switch (o) {
         case "x":
           return n;
         case "y":
-          return h;
+          return a;
         case "z":
-          return c;
+          return h;
       }
     })(), g = (() => {
       switch (o) {
         case "x":
-          return c;
         case "y":
-          return c;
+          return h;
         case "z":
           return n;
       }
-    })(), i = r.point.clone(), l = new a.Plane();
+    })(), i = r.point.clone(), l = new c.Plane();
     l.setFromNormalAndCoplanarPoint(g, i), this.startInfo = { startVectorProject: i.clone().projectOnVector(d), directionVector: d, plane: l }, this.helperObject3D.showDraggingHelper([o]), this.hooks.emit("moveStart"), this.isDragging = !0, console.log("%c MoveController dragStart", "color: #e5af2e");
   }
   dragging(t) {
@@ -60,11 +59,11 @@ class P extends f {
   move(t) {
     if (!this.startInfo)
       return this.dragEnd();
-    const { plane: r, directionVector: o, startVectorProject: n } = this.startInfo, h = this.originObject3D, c = t.ray.intersectPlane(r, new a.Vector3());
-    if (!c)
+    const { plane: r, directionVector: o, startVectorProject: n } = this.startInfo, a = this.originObject3D, h = t.ray.intersectPlane(r, new c.Vector3());
+    if (!h)
       return;
-    const d = c.clone().projectOnVector(o), g = d.clone().sub(n), i = new a.Matrix4();
-    i.setPosition(g), h.applyMatrix4(i), this.helperObject3D.applyMatrix4(i), n.copy(d), this.hooks.emit("positionUpdate", { matrix4: i });
+    const d = h.clone().projectOnVector(o), g = d.clone().sub(n), i = new c.Matrix4();
+    i.setPosition(g), a.applyMatrix4(i), this.helperObject3D.applyMatrix4(i), n.copy(d), this.hooks.emit("positionUpdate", { matrix4: i });
   }
   dragEnd() {
     !this.isDragging || (console.log("%c MoveController dragEnd", "color: #e94e4e"), this.startInfo = void 0, this.isDragging = !1, this.helperObject3D.show(), this.hooks.emit("moveEnd"));

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

@@ -1,8 +1,8 @@
 var X = Object.defineProperty;
-var Y = (h, a, e) => a in h ? X(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e;
-var k = (h, a, e) => (Y(h, typeof a != "symbol" ? a + "" : a, e), e);
+var Y = (h, a, s) => a in h ? X(h, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : h[a] = s;
+var N = (h, a, s) => (Y(h, typeof a != "symbol" ? a + "" : a, s), s);
 import { BaseController as A } from "../Base/BaseController.js";
-import * as I from "three";
+import * as D from "three";
 import { Vector3 as n } from "three";
 import { getMouseRaycaster as H } from "../utils/getMouseRaycaster.js";
 import { vectorIsEqual as T } from "../utils/vectorIsEqual.js";
@@ -15,9 +15,9 @@ import "../../../CSS3DRenderPlugin/utils/evenNumber.js";
 import "../../../CSS3DRenderPlugin/utils/centerPoint.js";
 import "../utils/calculateThreeMouse.js";
 class it extends A {
-  constructor(...e) {
-    super(...e);
-    k(this, "startInfo");
+  constructor(...s) {
+    super(...s);
+    N(this, "startInfo");
   }
   enable() {
     this.helperObject3D.enable(), super.enable();
@@ -32,83 +32,81 @@ class it extends A {
     this.helperObject3D.hide(), super.hide();
   }
   getDragPlane() {
-    const e = new I.Plane(), o = this.helperObject3D.cornerPositions;
-    if (o.length !== 0)
-      return o.length < 3 ? e.setFromNormalAndCoplanarPoint(this.originObject3D.getWorldDirection(new n()), o[0]) : e.setFromCoplanarPoints(o[0], o[1], o[2]), e;
+    const s = new D.Plane(), e = this.helperObject3D.cornerPositions;
+    if (e.length !== 0)
+      return e.length < 3 ? s.setFromNormalAndCoplanarPoint(this.originObject3D.getWorldDirection(new n()), e[0]) : s.setFromCoplanarPoints(e[0], e[1], e[2]), s;
   }
-  dragStart(e, o) {
-    var p, s;
-    (s = (p = this.helperObject3D).updatePoints) == null || s.call(p);
+  dragStart(s, e) {
+    var p, o;
+    (o = (p = this.helperObject3D).updatePoints) == null || o.call(p);
     const f = this.getDragPlane();
     if (!f)
       return this.dragEnd();
-    this.startInfo = { startPoint: { position: o.position.clone(), direction: o.direction }, plane: f }, this.hooks.emit("scaleStart"), this.render(), this.isDragging = !0, console.log("%c RectangleScaleController dragStart", "color: #e5af2e");
+    this.startInfo = { startPoint: { position: e.position.clone(), direction: e.direction }, plane: f }, this.hooks.emit("scaleStart"), this.render(), this.isDragging = !0, console.log("%c RectangleScaleController dragStart", "color: #e5af2e");
   }
-  dragging(e) {
+  dragging(s) {
     if (!this.isDragging)
       return;
-    const o = H(this.camera, e, this.container);
-    if (!o)
+    const e = H(this.camera, s, this.container);
+    if (!e)
       return this.dragEnd();
-    this.scale(o);
+    this.scale(e), console.log("%c RectangleScaleController dragging", "color: #49de1b");
   }
-  scale(e) {
-    var E, S;
+  scale(s) {
+    var S, x;
     if (!this.startInfo)
       return;
-    const o = this.originObject3D, { startPoint: f, plane: p } = this.startInfo, s = this.helperObject3D.cornerPositions;
-    if (s.length < 4)
+    const e = this.originObject3D, { startPoint: f, plane: p } = this.startInfo, o = this.helperObject3D.cornerPositions;
+    if (o.length < 4)
       return this.dragEnd();
-    const g = e.ray.intersectPlane(p, new n());
+    const g = s.ray.intersectPlane(p, new n());
     if (!g || T(g, this.camera.position))
       return;
-    const b = new n().addVectors(s[0], s[2]).divideScalar(2), { position: z, direction: R } = f, D = new n().subVectors(s[1], s[0]), j = new n().subVectors(s[3], s[0]), O = (r) => {
+    const u = new n().addVectors(o[0], o[2]).divideScalar(2), { position: k, direction: z } = f, j = new n().subVectors(o[1], o[0]), O = new n().subVectors(o[3], o[0]), V = (r) => {
       const i = new n(0, 0, 0);
       if (!this.startInfo)
         return i;
-      const t = (r === "ew" ? D : j).clone(), c = z.clone().projectOnVector(t), u = g.clone().projectOnVector(t), v = b.clone().projectOnVector(t);
-      if (u.equals(c))
+      const t = (r === "ew" ? j : O).clone(), c = k.clone().projectOnVector(t), b = g.clone().projectOnVector(t), E = u.clone().projectOnVector(t);
+      if (b.equals(c))
         return i;
       if (r === "ns" && typeof this.startInfo.dragPointInCenterBottom != "boolean") {
-        const l = new n().subVectors(u, v), m = l.x < 0 && t.x >= 0, w = l.y < 0 && t.y >= 0, P = l.z < 0 && t.z >= 0;
-        this.startInfo.dragPointInCenterBottom = m || w || P;
+        const l = new n().subVectors(b, E), w = l.x < 0 && t.x >= 0, P = l.y < 0 && t.y >= 0, I = l.z < 0 && t.z >= 0;
+        this.startInfo.dragPointInCenterBottom = w || P || I;
       }
       if (r === "ew" && typeof this.startInfo.dragPointInCenterLeft != "boolean") {
-        const l = new n().subVectors(u, v), m = l.x < 0 && t.x >= 0, w = l.y < 0 && t.y >= 0, P = l.z < 0 && t.z >= 0;
-        this.startInfo.dragPointInCenterLeft = m || w || P;
+        const l = new n().subVectors(b, E), w = l.x < 0 && t.x >= 0, P = l.y < 0 && t.y >= 0, I = l.z < 0 && t.z >= 0;
+        this.startInfo.dragPointInCenterLeft = w || P || I;
       }
-      const M = new n().subVectors(u, c), N = M.length();
-      return N > 0.2 ? (console.warn("offset.length() > 0.2, skipped", N), i) : M;
-    }, B = O("ew"), L = O("ns"), V = () => {
-      const r = B;
+      const v = new n().subVectors(b, c), M = v.length();
+      return M > 0.3 ? (console.warn("offset.length() > 0.3, skipped", M), i) : v;
+    }, R = V("ew"), B = V("ns"), y = () => {
+      const r = R;
       this.helperObject3D.cornerPositions.forEach((i, t) => {
         var c;
         (c = this.startInfo) != null && c.dragPointInCenterLeft ? (t === 0 || t === 3) && i.add(r) : (t === 1 || t === 2) && i.add(r);
       });
-    }, y = () => {
-      const r = L;
+    }, C = () => {
+      const r = B;
       this.helperObject3D.cornerPositions.forEach((i, t) => {
         var c;
         (c = this.startInfo) != null && c.dragPointInCenterBottom ? (t === 0 || t === 1) && i.add(r) : (t === 2 || t === 3) && i.add(r);
       });
     };
-    switch (R) {
+    switch (z) {
       case "ew":
-        V();
+        y();
         break;
       case "ns":
-        y();
+        C();
         break;
       case "nesw":
       case "nwse":
-        V(), y();
+        y(), C();
     }
-    const q = new n().subVectors(s[1], s[0]).length() / D.length(), F = new n().subVectors(s[3], s[0]).length() / j.length(), C = new n(q, F, 1);
-    console.log(C);
-    const x = new I.Matrix4().scale(C);
-    o.scale.applyMatrix4(x), f.position.copy(g);
-    const U = new n().addVectors(s[0], s[2]).divideScalar(2), W = new n().subVectors(U, b), d = new I.Matrix4().setPosition(W);
-    o.applyMatrix4(d), (E = this.helperObject3D.css3DInstance) == null || E.css3DObject.applyMatrix4(d), (S = this.helperObject3D.plane) == null || S.applyMatrix4(d), this.hooks.emit("scaleUpdate", { matrix4: x, helperOrigin: b }), this.hooks.emit("positionUpdate", { matrix4: d }), this.render();
+    const L = new n().subVectors(o[1], o[0]).length() / j.length(), q = new n().subVectors(o[3], o[0]).length() / O.length(), F = new n(L, q, 1), m = new D.Matrix4().scale(F);
+    e.isCSS3DObjectPlus ? e.applyScaleMatrix4(m) : e.scale.applyMatrix4(m), f.position.copy(g);
+    const U = new n().addVectors(o[0], o[2]).divideScalar(2), W = new n().subVectors(U, u), d = new D.Matrix4().setPosition(W);
+    e.applyMatrix4(d), (S = this.helperObject3D.css3DInstance) == null || S.css3DObject.applyMatrix4(d), (x = this.helperObject3D.plane) == null || x.applyMatrix4(d), this.hooks.emit("scaleUpdate", { matrix4: m, helperOrigin: u }), this.hooks.emit("positionUpdate", { matrix4: d }), this.render();
   }
   dragEnd() {
     !this.isDragging || (this.startInfo = void 0, this.isDragging = !1, this.hooks.emit("scaleEnd"), this.render(), console.log("%c RectangleScaleController dragEnd", "color: #e94e4e"));

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

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

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

@@ -3,7 +3,7 @@ import { RectangleScaleHelperAbstract } from '.';
 import type { Create3DElementReturnType } from '../../../CSS3DRenderPlugin';
 import type { Vector3 } from 'three';
 import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
-import { CSS3DObjectPlus } from '../../../CSS3DRenderPlugin/utils/CSS3DObjectPlus';
+import type { CSS3DObjectPlus } from '../../../CSS3DRenderPlugin/utils/CSS3DObjectPlus';
 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> {

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

@@ -1,31 +1,31 @@
 var b = Object.defineProperty;
-var m = (l, a, e) => a in l ? b(l, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[a] = e;
-var n = (l, a, e) => (m(l, typeof a != "symbol" ? a + "" : a, e), e);
+var m = (o, n, e) => n in o ? b(o, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[n] = e;
+var i = (o, n, e) => (m(o, typeof n != "symbol" ? n + "" : n, e), e);
 import { CSS3DRender as f } from "../../../CSS3DRenderPlugin/CSS3DRender.js";
-import * as o from "three";
+import * as c from "three";
 import { RectangleScaleHelperAbstract as y } from "../Base/BaseHelper.js";
 import "./OutlineHelper.js";
 import { CSS3DObject as S } from "three/examples/jsm/renderers/CSS3DRenderer";
 import { rectangleScaleDom as j } from "./HTML/rectangleScaleDom.js";
-import { CSS3DObjectPlus as O } from "../../../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
 import "../../Subscribe.js";
 import "../../../CSS3DRenderPlugin/utils/evenNumber.js";
 import "../../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
 import "../../../CSS3DRenderPlugin/utils/centerPoint.js";
 import "./HTML/utils/createElement.js";
-class C extends y {
-  constructor(e, t, s, i) {
+class x extends y {
+  constructor(e, t, s, l) {
     super(e);
-    n(this, "points", []);
-    n(this, "cornerPositions", []);
-    n(this, "css3DInstance");
-    n(this, "plane");
-    n(this, "css3DRenderer", new f());
-    n(this, "camera");
-    n(this, "scene");
-    n(this, "container");
-    n(this, "enabled", !1);
-    this.camera = s, this.scene = i, this.container = t, this.initRectangleScaleHelper();
+    i(this, "points", []);
+    i(this, "cornerPositions", []);
+    i(this, "css3DInstance");
+    i(this, "plane");
+    i(this, "css3DRenderer", new f());
+    i(this, "camera");
+    i(this, "scene");
+    i(this, "container");
+    i(this, "enabled", !1);
+    this.camera = s, this.scene = l, this.container = t, this.initRectangleScaleHelper();
   }
   get helperObject() {
     var e;
@@ -34,22 +34,22 @@ class C extends y {
     return this.css3DInstance.css3DObject;
   }
   updatePosition() {
-    var e, t;
-    (e = this.css3DInstance) == null || e.css3DObject.position.copy(this.originObject3D.position), (t = this.plane) == null || t.position.copy(this.originObject3D.position);
+    var e;
+    this.helperObject.position.copy(this.originObject3D.position), (e = this.plane) == null || e.position.copy(this.originObject3D.position);
   }
   updateQuaternion() {
     var e;
     (e = this.plane) == null || e.quaternion.copy(this.originObject3D.quaternion);
   }
   applyMatrix4(e) {
-    var t, s;
-    (t = this.css3DInstance) == null || t.css3DObject.applyMatrix4(e), (s = this.plane) == null || s.applyMatrix4(e), this.cornerPositions.forEach((i) => i.applyMatrix4(e));
+    var t;
+    super.applyMatrix4(e), this.helperObject.applyMatrix4(e), (t = this.plane) == null || t.applyMatrix4(e), this.cornerPositions.forEach((s) => s.applyMatrix4(e));
   }
   showDraggingHelper() {
   }
   applyHelperScaleMatrix4(e, t) {
-    var s, i;
-    (s = this.css3DInstance) == null || s.css3DObject.scale.applyMatrix4(e), (i = this.plane) == null || i.scale.applyMatrix4(e);
+    var s;
+    (s = this.plane) == null || s.scale.applyMatrix4(e), this.helperObject.applyScaleMatrix4(e);
   }
   updatePoints() {
     const e = this.calculatePointPosition(this.cornerPositions);
@@ -58,19 +58,19 @@ class C extends y {
     });
   }
   applyHelperQuaternion(e, t) {
-    var i;
-    const s = (i = this.css3DInstance) == null ? void 0 : i.css3DObject;
+    var l;
+    const s = (l = this.css3DInstance) == null ? void 0 : l.css3DObject;
     if (s) {
-      const c = new o.Vector3().subVectors(s.position, t).applyQuaternion(e).add(t);
-      s.position.copy(c), s.applyQuaternion(e);
+      const a = new c.Vector3().subVectors(s.position, t).applyQuaternion(e).add(t);
+      s.position.copy(a), s.applyQuaternion(e);
     }
     if (this.plane) {
-      const c = new o.Vector3().subVectors(this.plane.position, t).applyQuaternion(e).add(t);
-      this.plane.position.copy(c), this.plane.applyQuaternion(e);
+      const a = new c.Vector3().subVectors(this.plane.position, t).applyQuaternion(e).add(t);
+      this.plane.position.copy(a), this.plane.applyQuaternion(e);
     }
-    this.cornerPositions.forEach((c) => {
-      const r = new o.Vector3().subVectors(c, t).applyQuaternion(e).add(t);
-      c.copy(r);
+    this.cornerPositions.forEach((a) => {
+      const r = new c.Vector3().subVectors(a, t).applyQuaternion(e).add(t);
+      a.copy(r);
     });
   }
   enable() {
@@ -93,7 +93,7 @@ class C extends y {
     this.disable(), this.css3DRenderer.dispose();
   }
   initRectangleScaleHelper() {
-    var h;
+    var p;
     const e = this.getCornerPositions();
     if (!e)
       return;
@@ -102,24 +102,24 @@ class C extends y {
     if (!t)
       return;
     this.css3DInstance = t, t.appendToElement(this.container);
-    const s = t.css3DObject.container, { container: i, squares: c } = j();
-    this.points = c.map((d, D) => ({
-      direction: d.direction,
-      point: d.element,
+    const s = t.css3DObject.container, { container: l, squares: a } = j();
+    this.points = a.map((h, D) => ({
+      direction: h.direction,
+      point: h.element,
       position: this.calculatePointPosition(e)[D]
-    })), s.insertBefore(i, (h = s.children[0]) != null ? h : null);
-    const r = new o.PlaneGeometry(t.css3DObject.width, t.css3DObject.height), u = new o.MeshBasicMaterial({
+    })), s.insertBefore(l, (p = s.children[0]) != null ? p : null);
+    const r = new c.PlaneGeometry(t.css3DObject.width, t.css3DObject.height), d = new c.MeshBasicMaterial({
       color: 0,
       opacity: 0.15,
       transparent: !0,
-      side: o.DoubleSide
-    }), p = new o.Mesh(r, u);
-    this.scene.add(p), this.plane = p, this.updatePosition();
+      side: c.DoubleSide
+    }), u = new c.Mesh(r, d);
+    this.scene.add(u), this.updatePosition();
   }
   getCornerPositions() {
     const { originObject3D: e } = this;
     if (e instanceof S) {
-      if (e instanceof O)
+      if (e.isCSS3DObjectPlus)
         return e.cornerPoints;
       console.error("\u6682\u65F6\u53EA\u652F\u6301 CSS3DRenderPlugin \u751F\u6210\u7684\u7269\u4F53");
     } else
@@ -139,5 +139,5 @@ class C extends y {
   }
 }
 export {
-  C as RectangleScaleHelper
+  x as RectangleScaleHelper
 };

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

@@ -81,9 +81,9 @@ class h extends r.Mesh {
     this.material = new r.MeshBasicMaterial({
       opacity: 0.6,
       color: (i = e.color) != null ? i : 16777215,
-      depthTest: !1,
       transparent: !0,
-      side: r.DoubleSide
+      side: r.DoubleSide,
+      depthTest: !1
     }), this.direction = e.direction, this.geometry.name = `RotateHelperCircleGeometry-${this.direction}`, this.direction === "y" ? this.rotateX(Math.PI / 2) : this.direction === "x" && this.rotateY(-Math.PI / 2);
   }
 }