@realsee/dnalogel 3.71.3 → 3.71.5-alpha.0

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

@@ -1,34 +1,30 @@
-var b = Object.defineProperty;
-var D = (g, d, e) => d in g ? b(g, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[d] = e;
-var r = (g, d, e) => (D(g, typeof d != "symbol" ? d + "" : d, e), e);
-import { BaseController as M } from "../Base/BaseController.js";
-import { RENDER_ORDER as L } from "../Constants/RenderOrder.js";
-import * as a from "three";
-import { SolidGuideLine as w } from "../utils/solidGuide.js";
-import { getMouseRaycaster as j } from "../utils/getMouseRaycaster.js";
-import { rayOnLine as B } from "../../../Sculpt/utils/three/rayOnLine.js";
-var y, E;
-class S extends M {
+var w = Object.defineProperty;
+var j = (f, d, e) => d in f ? w(f, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[d] = e;
+var a = (f, d, e) => (j(f, typeof d != "symbol" ? d + "" : d, e), e);
+import { BaseController as B } from "../Base/BaseController.js";
+import { RENDER_ORDER as k } from "../Constants/RenderOrder.js";
+import * as n from "three";
+import { SolidGuideLine as O } from "../utils/solidGuide.js";
+import { getMouseRaycaster as I } from "../utils/getMouseRaycaster.js";
+import { rayOnLine as N } from "../../../Sculpt/utils/three/rayOnLine.js";
+var M, L;
+class F extends B {
   constructor(...e) {
     super(...e);
-    r(this, "name", "MoveController");
-    r(this, "startInfo");
+    a(this, "name", "MoveController");
+    a(this, "startInfo");
     /** 拖拽时用于显示方向参考的直线（与 ScaleController 一致：Line + LineBasicMaterial） */
-    r(this, "dragGuideLine");
-    r(this, "solidGuide", new w(
-      this.camera,
-      this.container,
-      (E = (y = this.config) == null ? void 0 : y.solidGuide) != null ? E : {}
-    ));
-    r(this, "_moveByMouse", {
+    a(this, "dragGuideLine");
+    a(this, "solidGuide", new O(this.camera, this.container, (L = (M = this.config) == null ? void 0 : M.solidGuide) != null ? L : {}));
+    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;
@@ -37,48 +33,48 @@ class S extends M {
       const o = (t == null ? void 0 : t.object).direction;
       if (!o)
         return this.dragEnd();
-      const s = new a.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), c = new a.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), n = new a.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), u = (() => {
+      const s = new n.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion), c = new n.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion), r = new n.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion), u = (() => {
         switch (o) {
           case "x":
             return s;
           case "y":
             return c;
           case "z":
-            return n;
+            return r;
           case "plane":
             return;
         }
-      })(), i = t.point.clone();
+      })(), h = t.point.clone();
       if (o === "plane") {
-        const l = this.camera.position.clone(), h = i.clone(), m = h.clone().sub(l).normalize(), f = new a.Plane().setFromNormalAndCoplanarPoint(m, h), p = h.clone();
+        const l = this.camera.position.clone(), i = h.clone(), p = i.clone().sub(l).normalize(), m = new n.Plane().setFromNormalAndCoplanarPoint(p, i), g = i.clone();
         this.startInfo = {
           draggingDirection: o,
-          startVectorProject: p,
-          line: new a.Line3(p.clone(), p.clone()),
+          startVectorProject: g,
+          line: new n.Line3(g.clone(), g.clone()),
           // 保存固定的平面，拖拽过程中不变
-          plane: f
+          plane: m
         };
       } else {
-        const l = new a.Line3(
-          i.clone().sub(u.normalize()),
-          i.clone().add(u.normalize())
+        const l = new n.Line3(
+          h.clone().sub(u.normalize()),
+          h.clone().add(u.normalize())
         );
-        this.startInfo = { draggingDirection: o, startVectorProject: i, line: l };
+        this.startInfo = { draggingDirection: o, startVectorProject: h, line: l };
         try {
-          const h = u.clone().normalize(), m = this.helperObject3D.getWorldPosition(new a.Vector3()), f = this.solidGuide.createSolidLine(m, h, { color: 16777215, renderOrder: L.DRAG_GUIDE_LINE });
-          this.scene.add(f), this.dragGuideLine = f;
-        } catch (h) {
+          const i = u.clone().normalize(), p = this.helperObject3D.getWorldPosition(new n.Vector3()), m = this.solidGuide.createSolidLine(p, i, { color: 16777215, renderOrder: k.DRAG_GUIDE_LINE });
+          this.scene.add(m), this.dragGuideLine = m;
+        } catch (i) {
         }
       }
       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 = j(this.camera, { x: t, y: o }, this.container);
+      const t = "touches" in e ? e.touches[0].clientX : e.x, o = "touches" in e ? e.touches[0].clientY : e.y, s = I(this.camera, { x: t, y: o }, this.container);
       return s ? (this.move(s), !1) : this.dragEnd();
     });
-    r(this, "dragEnd", () => {
+    a(this, "dragEnd", () => {
       if (this.isDragging) {
         if (this.startInfo = void 0, this.isDragging = !1, this.dragGuideLine) {
           this.scene.remove(this.dragGuideLine), this.dragGuideLine.geometry.dispose();
@@ -93,8 +89,8 @@ class S extends M {
     const o = this.show.bind(this), s = this.hide.bind(this), c = () => {
       this.helperObject3D.update(this.camera), this.isDragging && this.updateDragGuideLineScale(), this.render();
     };
-    c(), 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.hooks.on("updateOtherHelpers", (n) => {
-      this.helperObject3D.update(n.camera), this.render();
+    c(), 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.hooks.on("updateOtherHelpers", (r) => {
+      this.helperObject3D.update(r.camera), this.render();
     }), this.cameraHooks.on("cameraUpdate", c), 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.hooks.off("updateOtherHelpers"), this.cameraHooks.off("cameraUpdate", c);
     }), this.moveByMouseEnable && this.moveByMouse();
@@ -130,14 +126,14 @@ class S extends M {
     this._moveByMouse = { enabled: !1 }, this.preventTapDefaultEvent = !1, this.hooks.emit("moveByMouseDisable"), (e = this.mousedownEventListenerDisposer) == null || e.call(this);
   }
   onIntersectionOnModelUpdate(e) {
-    var c, n, u;
+    var c, r, u;
     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 })(), l = new a.Vector3((c = i.x) != null ? c : 0, (n = i.y) != null ? n : 0, (u = i.z) != null ? u : 0), h = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.fixedFaceNormal ? this._moveByMouse.useFaceNormal.fixedFaceNormal(o.normal) : o.normal)();
-        this.originObject3D.quaternion.setFromUnitVectors(l, h), this.internalHooks.emit("setObjectRotate", this.originObject3D.quaternion.clone());
+        const h = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.alignmentVector ? this._moveByMouse.useFaceNormal.alignmentVector : { x: 0, y: 1, z: 0 })(), l = new n.Vector3((c = h.x) != null ? c : 0, (r = h.y) != null ? r : 0, (u = h.z) != null ? u : 0), i = (() => typeof this._moveByMouse.useFaceNormal == "object" && this._moveByMouse.useFaceNormal.fixedFaceNormal ? this._moveByMouse.useFaceNormal.fixedFaceNormal(o.normal) : o.normal)();
+        this.originObject3D.quaternion.setFromUnitVectors(l, i), this.internalHooks.emit("setObjectRotate", this.originObject3D.quaternion.clone());
       }
       this.internalHooks.emit("setObjectPosition", t), this.hooks.emit("move", t);
     }
@@ -161,33 +157,37 @@ class S extends M {
     const { line: e } = this.startInfo, t = e.end.clone().sub(e.start).normalize();
     if (t.lengthSq() < 1e-6)
       return;
-    const o = this.helperObject3D.getWorldPosition(new a.Vector3());
+    const o = this.helperObject3D.getWorldPosition(new n.Vector3());
     this.solidGuide.updateSolidLine(this.dragGuideLine, o, t);
   }
   move(e) {
+    var y;
     if (!this.startInfo)
       return this.dragEnd();
     const { line: t, startVectorProject: o } = this.startInfo, s = this.originObject3D, c = this.startInfo.draggingDirection === "plane";
-    let n;
+    let r;
     if (c) {
-      const m = this.startInfo.plane;
-      if (!m)
+      const v = this.startInfo.plane;
+      if (!v)
         return;
-      const f = new a.Vector3(), p = m.normal.dot(e.ray.direction);
-      if (Math.abs(p) < 1e-6)
+      const E = new n.Vector3(), b = v.normal.dot(e.ray.direction);
+      if (Math.abs(b) < 1e-6)
         return;
-      const v = -(m.normal.dot(e.ray.origin) + m.constant) / p;
-      if (v < 0)
+      const D = -(v.normal.dot(e.ray.origin) + v.constant) / b;
+      if (D < 0)
         return;
-      f.copy(e.ray.origin.clone().add(e.ray.direction.clone().multiplyScalar(v))), n = f;
+      E.copy(e.ray.origin.clone().add(e.ray.direction.clone().multiplyScalar(D))), r = E;
     } else
-      n = B({ raycaster: e, line: t, clampToLine: !1 });
-    const u = n.clone().sub(o), i = new a.Matrix4();
-    i.setPosition(u);
-    const l = s.position.clone().applyMatrix4(i);
-    this.hooks.emit("wantToMove", l) || (s.applyMatrix4(i), o.copy(n), this.internalHooks.emit("applyObjectPosition", { matrix: i }), this.hooks.emit("move", l));
+      r = N({ raycaster: e, line: t, clampToLine: !1 });
+    const u = s.position.clone(), h = r.clone().sub(o), l = new n.Matrix4();
+    l.setPosition(h);
+    const i = s.position.clone().applyMatrix4(l);
+    if (this.hooks.emit("wantToMove", i))
+      return;
+    const m = (y = this.hooks.emitWithResult("moveBefore", i)) != null ? y : i, g = new n.Matrix4();
+    g.setPosition(m.clone().sub(u)), s.position.copy(m), o.copy(r), this.internalHooks.emit("applyObjectPosition", { matrix: g }), this.hooks.emit("move", m);
   }
 }
 export {
-  S as MoveController
+  F as MoveController
 };

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

@@ -27,7 +27,8 @@ export declare class ScaleController<T extends ScaleHelperAbstract = ScaleHelper
         y?: number;
         z?: number;
     }): void;
-    scale: (raycaster: THREE.Raycaster) => void;
+    private isRectangleWithEdgeMesh;
+    scale: (raycaster: THREE.Raycaster) => any[];
     dragEnd: () => void;
     /**
      * 更新直线方向，保持直线始终经过物体中心和当前拉伸球位置

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

@@ -1,15 +1,16 @@
-var E = Object.defineProperty;
-var F = (f, p, e) => p in f ? E(f, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[p] = e;
-var g = (f, p, e) => (F(f, typeof p != "symbol" ? p + "" : p, e), e);
-import { BaseController as w } from "../Base/BaseController.js";
-import { RENDER_ORDER as D } from "../Constants/RenderOrder.js";
-import * as a from "three";
-import { getMouseRaycaster as G } from "../utils/getMouseRaycaster.js";
-import { SolidGuideLine as S } from "../utils/solidGuide.js";
-import { rayOnLine as y } from "../../../Sculpt/utils/three/rayOnLine.js";
-import { worldBoundingBox as O } from "../../three/boundingBox.js";
-var j, P;
-class B extends w {
+var A = Object.defineProperty;
+var k = (v, m, e) => m in v ? A(v, m, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[m] = e;
+var g = (v, m, e) => (k(v, typeof m != "symbol" ? m + "" : m, e), e);
+import { BaseController as C } from "../Base/BaseController.js";
+import { RENDER_ORDER as w } from "../Constants/RenderOrder.js";
+import * as c from "three";
+import { getMouseRaycaster as H } from "../utils/getMouseRaycaster.js";
+import { SolidGuideLine as I } from "../utils/solidGuide.js";
+import { rayOnLine as x } from "../../../Sculpt/utils/three/rayOnLine.js";
+import { worldBoundingBox as F } from "../../three/boundingBox.js";
+import { getNormal as z } from "../../three/getNormal.js";
+var S, W;
+class Y extends C {
   constructor(...e) {
     super(...e);
     g(this, "name", "ScaleController");
@@ -17,7 +18,7 @@ class B extends w {
     g(this, "dragGuideLine");
     /** 当前拖拽时显示的面片 */
     g(this, "currentFacePatch");
-    g(this, "solidGuide", new S(this.camera, this.container, (P = (j = this.config) == null ? void 0 : j.solidGuide) != null ? P : {}));
+    g(this, "solidGuide", new I(this.camera, this.container, (W = (S = this.config) == null ? void 0 : S.solidGuide) != null ? W : {}));
     g(this, "startInfo");
     g(this, "dragStart", (e) => {
       if (this.isDragging)
@@ -27,22 +28,22 @@ class B extends w {
       let i = t.object;
       for (; i.parent && !r.has(i.uuid); )
         i = i.parent;
-      const o = i, n = o.scalePosition.basePosition.clone(), c = o.scalePosition.handlePosition.clone(), l = c.clone().sub(n).clone(), h = new a.Line3(n, n.clone().add(l.normalize().multiplyScalar(5)));
-      h.applyMatrix4(this.helperObject3D.matrixWorld);
-      const d = new a.Raycaster(s, t.point.clone().sub(s)), m = y({ raycaster: d, line: h });
-      this.startInfo = { line: h, scaleStartPoint: m, draggingObject: o }, this.helperObject3D.scaleMeshes.forEach((u) => {
+      const o = i, n = o.scalePosition.basePosition.clone(), h = o.scalePosition.handlePosition.clone(), l = h.clone().sub(n).clone(), a = new c.Line3(n, n.clone().add(l.normalize().multiplyScalar(5)));
+      a.applyMatrix4(this.helperObject3D.matrixWorld);
+      const d = new c.Raycaster(s, t.point.clone().sub(s)), p = x({ raycaster: d, line: a });
+      this.startInfo = { line: a, scaleStartPoint: p, draggingObject: o }, this.helperObject3D.scaleMeshes.forEach((u) => {
         u.uuid !== o.uuid && (u.visible = !1);
       }), "hideLineConnections" in this.helperObject3D && typeof this.helperObject3D.hideLineConnections == "function" && this.helperObject3D.hideLineConnections();
       try {
         this.originObject3D.updateMatrixWorld(!0), this.helperObject3D.updateMatrixWorld(!0);
-        const u = O(this.originObject3D), v = u ? u.getCenter(new a.Vector3()) : this.originObject3D.getWorldPosition(new a.Vector3()), L = c.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(v).normalize(), M = v, b = this.solidGuide.createSolidLine(M, L, { color: 16777215, renderOrder: D.DRAG_GUIDE_LINE });
-        this.scene.add(b), this.dragGuideLine = b, this.addFaceMesh();
+        const u = F(this.originObject3D), f = u ? u.getCenter(new c.Vector3()) : this.originObject3D.getWorldPosition(new c.Vector3()), b = h.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(f).normalize(), y = f, D = this.solidGuide.createSolidLine(y, b, { color: 16777215, renderOrder: w.DRAG_GUIDE_LINE });
+        this.isRectangleWithEdgeMesh() || this.scene.add(D), this.dragGuideLine = D, this.addFaceMesh();
       } catch (u) {
       }
       o.visible = !0, this.hooks.emit("scaleStart");
     });
     g(this, "dragging", (e) => {
-      const t = "touches" in e ? e.touches[0].clientX : e.x, s = "touches" in e ? e.touches[0].clientY : e.y, r = G(this.camera, { x: t, y: s }, this.container), i = this.isMoveControllerDragging();
+      const t = "touches" in e ? e.touches[0].clientX : e.x, s = "touches" in e ? e.touches[0].clientY : e.y, r = H(this.camera, { x: t, y: s }, this.container), i = this.isMoveControllerDragging();
       if (!this.isDragging && !i && r) {
         this.addHoverFaceMesh(r);
         return;
@@ -50,16 +51,41 @@ class B extends w {
       if (this.startInfo)
         return r ? (this.scale(r), this.updateDragGuideLineDirection(), this.removeFaceMesh(), this.addFaceMesh(), !1) : this.dragEnd();
     });
+    g(this, "isRectangleWithEdgeMesh", () => this.originObject3D.name === "RectangleWithEdgeMesh" && ["topleft", "topright", "bottomleft", "bottomright"].includes(this.startInfo.draggingObject.scalePosition.id));
     g(this, "scale", (e) => {
-      var n, c;
+      var n, h, l, a;
       if (!this.startInfo)
         return;
-      const { line: t, scaleStartPoint: s, draggingObject: r } = this.startInfo, { scalePosition: i } = r, o = y({ raycaster: e, line: t, clampToLine: !1 });
-      o.applyMatrix4(new a.Matrix4().getInverse(this.helperObject3D.matrixWorld.clone())), (c = (n = this.config) == null ? void 0 : n.scaleCallback) == null || c.call(n, {
+      const { line: t, scaleStartPoint: s, draggingObject: r } = this.startInfo, { scalePosition: i } = r;
+      if (this.isRectangleWithEdgeMesh()) {
+        const d = this.originObject3D, u = d.geometry.attributes.position;
+        if (!u)
+          return [];
+        const f = [], P = u.count;
+        for (let M = 0; M < P; M++) {
+          const L = new c.Vector3().fromBufferAttribute(u, M);
+          d.updateMatrixWorld(!0), L.applyMatrix4(d.matrixWorld), f.push(L);
+        }
+        const b = f.slice(0, 4);
+        if (!b || b.length < 4)
+          return;
+        const y = z(b).normalize(), D = new c.Plane().setFromNormalAndCoplanarPoint(y, b[0]), O = new c.Vector3();
+        if (e.ray.intersectPlane(D, O), !O)
+          return;
+        const E = new c.Matrix4().getInverse(this.helperObject3D.matrixWorld), j = O.clone().applyMatrix4(E), G = s.clone().applyMatrix4(E);
+        (h = (n = this.config) == null ? void 0 : n.scaleCallback) == null || h.call(n, {
+          intersectPoint: j,
+          scalePosition: i,
+          offset: j.clone().sub(G)
+        }), r.position.copy(j), this.hooks.emit("scale", new c.Vector3(1, 1, 1));
+        return;
+      }
+      const o = x({ raycaster: e, line: t, clampToLine: !1 });
+      o.applyMatrix4(new c.Matrix4().getInverse(this.helperObject3D.matrixWorld.clone())), (a = (l = this.config) == null ? void 0 : l.scaleCallback) == null || a.call(l, {
         intersectPoint: o,
         scalePosition: i,
         offset: o.clone().sub(s)
-      }), r.position.copy(o.clone()), this.hooks.emit("scale", new a.Vector3(1, 1, 1));
+      }), r.position.copy(o.clone()), this.hooks.emit("scale", new c.Vector3(1, 1, 1));
     });
     g(this, "dragEnd", () => {
       if (this.isDragging) {
@@ -99,33 +125,33 @@ class B extends w {
     return e;
   }
   addHoverFaceMesh(e) {
-    var n, c;
+    var n, h;
     if (this.removeFaceMesh(), !((n = this.originObject3D.parent) != null && n.getWorldFacesGeometry))
       return;
-    const t = (c = this.originObject3D.parent) == null ? void 0 : c.getWorldFacesGeometry(), s = this.helperObject3D.scaleMeshes, r = this.getMoveMeshes();
+    const t = (h = this.originObject3D.parent) == null ? void 0 : h.getWorldFacesGeometry(), s = this.helperObject3D.scaleMeshes, r = this.getMoveMeshes();
     if (e.intersectObjects(r, !1), e.intersectObjects(r, !1).length > 0)
       return;
     let i = null, o = null;
     for (const l of s) {
       if (!l.visible)
         continue;
-      const h = e.intersectObject(l, !1);
-      if (h && h.length > 0) {
-        i = l, o = h[0].point.clone();
+      const a = e.intersectObject(l, !1);
+      if (a && a.length > 0) {
+        i = l, o = a[0].point.clone();
         break;
       }
     }
     if (i && o && Array.isArray(t) && t.length > 0) {
-      let l = null, h = 1 / 0;
+      let l = null, a = 1 / 0;
       for (const d of t) {
         if (!d.vertices || d.vertices.length < 3)
           continue;
-        const m = new a.Vector3();
-        for (const v of d.vertices)
-          m.add(v);
-        m.divideScalar(d.vertices.length);
-        const u = o.distanceTo(m);
-        u < h && (h = u, l = d);
+        const p = new c.Vector3();
+        for (const f of d.vertices)
+          p.add(f);
+        p.divideScalar(d.vertices.length);
+        const u = o.distanceTo(p);
+        u < a && (a = u, l = d);
       }
       l && this.addFacePatch(l);
     }
@@ -137,21 +163,21 @@ class B extends w {
       return;
     const t = (i = this.originObject3D.parent) == null ? void 0 : i.getWorldFacesGeometry();
     if (t && t.length > 0) {
-      const o = e.getWorldPosition(new a.Vector3());
-      let n = 1 / 0, c = t[0];
+      const o = e.getWorldPosition(new c.Vector3());
+      let n = 1 / 0, h = t[0];
       for (const l of t) {
-        const h = l.center;
+        const a = l.center;
         let d;
-        if (h instanceof a.Vector3)
-          d = h;
-        else if (Array.isArray(h) && h.length === 3)
-          d = new a.Vector3(h[0], h[1], h[2]);
+        if (a instanceof c.Vector3)
+          d = a;
+        else if (Array.isArray(a) && a.length === 3)
+          d = new c.Vector3(a[0], a[1], a[2]);
         else
           continue;
-        const m = d.distanceTo(o);
-        m < n && (n = m, c = l);
+        const p = d.distanceTo(o);
+        p < n && (n = p, h = l);
       }
-      this.addFacePatch(c);
+      this.addFacePatch(h);
     }
   }
   removeFaceMesh() {
@@ -162,10 +188,10 @@ class B extends w {
     }
   }
   setScale(e) {
-    var n, c, l;
+    var n, h, l;
     let t = 1, s = 1, r = 1;
-    typeof e == "number" ? (t = e, s = e, r = e) : typeof e == "object" && (t = (n = e.x) != null ? n : 1, s = (c = e.y) != null ? c : 1, r = (l = e.z) != null ? l : 1);
-    const i = new a.Vector3(t, s, r);
+    typeof e == "number" ? (t = e, s = e, r = e) : typeof e == "object" && (t = (n = e.x) != null ? n : 1, s = (h = e.y) != null ? h : 1, r = (l = e.z) != null ? l : 1);
+    const i = new c.Vector3(t, s, r);
     this.hooks.emit("wantToScale", i) || (this.originObject3D.scale.copy(i), this.internalHooks.emit("setObjectScale", i), this.hooks.emit("scale", i), this.render());
   }
   /**
@@ -176,7 +202,7 @@ class B extends w {
       return;
     const { draggingObject: e } = this.startInfo;
     this.originObject3D.updateMatrixWorld(!0), this.helperObject3D.updateMatrixWorld(!0);
-    const t = O(this.originObject3D), s = t ? t.getCenter(new a.Vector3()) : this.originObject3D.getWorldPosition(new a.Vector3()), i = e.position.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(s).normalize(), o = s;
+    const t = F(this.originObject3D), s = t ? t.getCenter(new c.Vector3()) : this.originObject3D.getWorldPosition(new c.Vector3()), i = e.position.clone().applyMatrix4(this.helperObject3D.matrixWorld).clone().sub(s).normalize(), o = s;
     this.solidGuide.updateSolidLine(this.dragGuideLine, o, i);
   }
   /**
@@ -208,7 +234,7 @@ class B extends w {
       console.warn("Face has no vertices, cannot create patch");
       return;
     }
-    const t = new a.BufferGeometry();
+    const t = new c.BufferGeometry();
     if (e.vertices.length === 4) {
       const i = new Float32Array([
         // 第一个三角形
@@ -232,27 +258,27 @@ class B extends w {
         e.vertices[3].y,
         e.vertices[3].z
       ]);
-      t.setAttribute("position", new a.BufferAttribute(i, 3)), t.setIndex([0, 1, 2, 3, 4, 5]);
+      t.setAttribute("position", new c.BufferAttribute(i, 3)), t.setIndex([0, 1, 2, 3, 4, 5]);
     } else {
       const i = new Float32Array(e.vertices.length * 3), o = new Uint16Array(e.vertices.length);
-      e.vertices.forEach((n, c) => {
-        i[c * 3] = n.x, i[c * 3 + 1] = n.y, i[c * 3 + 2] = n.z, o[c] = c;
-      }), t.setAttribute("position", new a.BufferAttribute(i, 3)), t.setIndex(new a.BufferAttribute(o, 1));
+      e.vertices.forEach((n, h) => {
+        i[h * 3] = n.x, i[h * 3 + 1] = n.y, i[h * 3 + 2] = n.z, o[h] = h;
+      }), t.setAttribute("position", new c.BufferAttribute(i, 3)), t.setIndex(new c.BufferAttribute(o, 1));
     }
     t.computeVertexNormals();
-    const s = new a.MeshBasicMaterial({
+    const s = new c.MeshBasicMaterial({
       color: 16777215,
-      side: a.DoubleSide,
+      side: c.DoubleSide,
       depthTest: !1,
       // 禁用深度测试，避免被其他对象遮挡
       depthWrite: !1,
       // 禁用深度写入
       transparent: !0,
       opacity: 0.45
-    }), r = new a.Mesh(t, s);
-    return r.renderOrder = D.DRAG_FACE_PATCH, this.scene.add(r), this.currentFacePatch = r, this.render(), r;
+    }), r = new c.Mesh(t, s);
+    return r.renderOrder = w.DRAG_FACE_PATCH, this.scene.add(r), this.currentFacePatch = r, this.render(), r;
   }
 }
 export {
-  B as ScaleController
+  Y as ScaleController
 };

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

@@ -16,6 +16,7 @@ export declare class CSS3DScaleHelper<T extends CSS3DObjectPlus = CSS3DObjectPlu
     private scene;
     private container;
     private enabled;
+    private initialScale?;
     constructor(originObject3D: T, container: HTMLElement, camera: THREE.Camera, scene: THREE.Scene);
     initQuaternion(): void;
     applyMatrix4(matrix: THREE.Matrix4): void;
@@ -34,6 +35,7 @@ export declare class CSS3DScaleHelper<T extends CSS3DObjectPlus = CSS3DObjectPlu
      * 触发相机更新事件
      */
     onScaleEnd(): void;
+    private updateSphereCorrection;
     private initRectangleScaleHelper;
     private getCornerPositions;
     private calculatePointPosition;

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

@@ -1,28 +1,30 @@
 var D = Object.defineProperty;
-var b = (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) => (b(c, typeof n != "symbol" ? n + "" : n, e), e);
-import { CSS3DRender as f } from "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import * as l from "three";
+var b = (o, a, e) => a in o ? D(o, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[a] = e;
+var i = (o, a, e) => (b(o, typeof a != "symbol" ? a + "" : a, e), e);
+import { CSS3DRender as S } from "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import * as r from "three";
 import { RectangleScaleHelperAbstract as u } from "../Base/BaseHelper.js";
 import "../utils/getOrthographicCameraDirection.js";
-import { rectangleScaleDom as m } from "./HTML/rectangleScaleDom.js";
-import { cameraHooks as y } from "../utils/cameraHooks.js";
+import { rectangleScaleDom as y } from "./HTML/rectangleScaleDom.js";
+import { cameraHooks as f } from "../utils/cameraHooks.js";
 import "../../three/core/Sphere.js";
-class w extends u {
+class H extends u {
+  // 记录初始缩放值
   // eslint-disable-next-line max-params
-  constructor(e, t, s, o) {
+  constructor(e, t, s, n) {
     super(e);
     i(this, "name", "CSS3DScaleHelper");
     i(this, "points", []);
     i(this, "cornerPositions", []);
     i(this, "css3DInstance");
     i(this, "plane");
-    i(this, "css3DRenderer", new f());
+    i(this, "css3DRenderer", new S());
     i(this, "camera");
     i(this, "scene");
     i(this, "container");
     i(this, "enabled", !1);
-    this.camera = s, this.scene = o, this.container = t, this.initRectangleScaleHelper();
+    i(this, "initialScale");
+    this.camera = s, this.scene = n, this.container = t, this.initRectangleScaleHelper();
   }
   get helperObject() {
     var e;
@@ -41,7 +43,9 @@ class w extends u {
   }
   applyHelperScaleMatrix4(e, t) {
     var s;
-    (s = this.plane) == null || s.scale.applyMatrix4(e), this.helperObject.applyScaleMatrix4(e);
+    (s = this.plane) == null || s.scale.applyMatrix4(e), this.helperObject.applyScaleMatrix4(e), setTimeout(() => {
+      this.updateSphereCorrection();
+    }, 0);
   }
   updatePoints() {
     const e = this.calculatePointPosition(this.cornerPositions);
@@ -54,19 +58,19 @@ class w extends u {
     (t = this.css3DInstance) != null && t.css3DObject && this.helperObject.position.copy(this.originObject3D.position), this.plane && this.plane.position.copy(this.originObject3D.position), this.updatePoints(), this.css3DInstance && this.css3DInstance.show(), this.plane && (this.plane.visible = !0);
   }
   applyHelperQuaternion(e, t) {
-    var o;
-    const s = (o = this.css3DInstance) == null ? void 0 : o.css3DObject;
+    var n;
+    const s = (n = this.css3DInstance) == null ? void 0 : n.css3DObject;
     if (s) {
-      const a = new l.Vector3().subVectors(s.position, t).applyQuaternion(e).add(t);
-      s.position.copy(a), s.applyQuaternion(e);
+      const c = new r.Vector3().subVectors(s.position, t).applyQuaternion(e).add(t);
+      s.position.copy(c), s.applyQuaternion(e);
     }
     if (this.plane) {
-      const a = new l.Vector3().subVectors(this.plane.position, t).applyQuaternion(e).add(t);
-      this.plane.position.copy(a), this.plane.applyQuaternion(e);
+      const c = new r.Vector3().subVectors(this.plane.position, t).applyQuaternion(e).add(t);
+      this.plane.position.copy(c), this.plane.applyQuaternion(e);
     }
-    this.cornerPositions.forEach((a) => {
-      const p = new l.Vector3().subVectors(a, t).applyQuaternion(e).add(t);
-      a.copy(p);
+    this.cornerPositions.forEach((c) => {
+      const l = new r.Vector3().subVectors(c, t).applyQuaternion(e).add(t);
+      c.copy(l);
     });
   }
   enable() {
@@ -93,10 +97,20 @@ class w extends u {
    * 触发相机更新事件
    */
   onScaleEnd() {
-    y(this.camera).emit("cameraUpdate");
+    f(this.camera).emit("cameraUpdate");
+  }
+  updateSphereCorrection() {
+    if (!this.css3DInstance)
+      return;
+    this.initialScale || (this.initialScale = {
+      x: this.originObject3D.scale.x,
+      y: this.originObject3D.scale.y
+    });
+    const e = this.originObject3D.scale, t = e.x / this.initialScale.x, s = e.y / this.initialScale.y, n = this.css3DInstance.css3DObject.container;
+    n.style.setProperty("--parent-scaleX", t.toString()), n.style.setProperty("--parent-scaleY", s.toString());
   }
   initRectangleScaleHelper() {
-    var p, r;
+    var l, p;
     const e = this.getCornerPositions();
     if (!e)
       return;
@@ -105,12 +119,12 @@ class w extends u {
     if (!t)
       return;
     this.css3DInstance = t, t.appendToElement(this.container);
-    const s = t.css3DObject.container, { container: o, spheres: a } = m();
-    this.points = a.map((h, d) => ({
+    const s = t.css3DObject.container, { container: n, spheres: c } = y();
+    this.points = c.map((h, d) => ({
       direction: h.direction,
       point: h.element,
       position: this.calculatePointPosition(e)[d]
-    })), s.insertBefore(o, (p = s.children[0]) != null ? p : null), this.helperObject.position.copy(this.originObject3D.position), (r = this.plane) == null || r.position.copy(this.originObject3D.position);
+    })), s.insertBefore(n, (l = s.children[0]) != null ? l : null), this.helperObject.position.copy(this.originObject3D.position), (p = this.plane) == null || p.position.copy(this.originObject3D.position);
   }
   getCornerPositions() {
     const { originObject3D: e } = this;
@@ -132,5 +146,5 @@ class w extends u {
   }
 }
 export {
-  w as CSS3DScaleHelper
+  H as CSS3DScaleHelper
 };