@realsee/dnalogel 2.1.0-alpha.5 → 2.1.0-alpha.7

package/dist/ModelViewPlugin/shared-utils/Object3DHelper/Base/BaseController.d.ts

@@ -16,6 +16,8 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     protected needsRender: () => void;
     protected enabled: boolean;
     constructor(camera: THREE.Camera, model: THREE.Object3D, originObject3D: K, helperObject3D: T, container: HTMLElement, scene: THREE.Scene, needsRender?: () => void);
+    initialHelperPosition(): void;
+    initialHelperQuaternion(): void;
     enable(): void;
     disable(): void;
     show(): void;
@@ -24,7 +26,7 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     updateHelperPosition(): void;
     updateHelperQuaternion(): void;
     setHelperMatrix4(matrix4: THREE.Matrix4, origin?: THREE.Vector3): void;
-    setHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
+    applyHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
     applyHelperScaleMatrix4(matrix4: THREE.Matrix4, params?: {
         origin?: THREE.Vector3;
         helperOrigin?: THREE.Vector3;

package/dist/ModelViewPlugin/shared-utils/Object3DHelper/Controller/RectangleScaleController.d.ts

@@ -8,8 +8,8 @@ interface StartInfo {
         position: Vector3;
         direction: Direction4;
     };
-    nsMoveIsNegative?: boolean | null;
-    ewMoveIsNegative?: boolean | null;
+    dragPointInCenterBottom?: boolean | null;
+    dragPointInCenterLeft?: boolean | null;
     plane: THREE.Plane;
 }
 export declare abstract class RectangleScaleController<OriginObject3D extends THREE.Object3D, PointType extends THREE.Object3D | HTMLElement> extends BaseController<RectangleScaleHelperAbstract<OriginObject3D, PointType>> {

package/dist/ModelViewPlugin/shared-utils/Object3DHelper/Controller/RotateController.d.ts

@@ -3,10 +3,11 @@ import type { RotateHelperAbstract } from '../Helper';
 export declare class RotateController<T extends RotateHelperAbstract = RotateHelperAbstract> extends BaseController<T> {
     private startInfo?;
     private lastRotation?;
+    private a?;
     private rotations;
-    private a;
     private helperObject3DQuaternion;
     constructor(...params: ConstructorParameters<typeof BaseController<T>>);
+    initialHelperQuaternion(): void;
     /**
      * @description: 拖动开始，找出拖的Direction
      */

package/dist/ModelViewPlugin/shared-utils/Object3DHelper/Helper/RectangleScaleHelper.d.ts

@@ -19,6 +19,7 @@ export declare class RectangleScaleHelper<T extends OriginObjectType = OriginObj
     private enabled;
     constructor(originObject3D: T, container: Element, camera: THREE.Camera, scene: THREE.Scene);
     updatePosition(): void;
+    updateQuaternion(): void;
     updateMatrix4(matrix: THREE.Matrix4): void;
     showDraggingHelper(): void;
     applyHelperScaleMatrix4(matrix: THREE.Matrix4, params?: {

package/dist/ModelViewPlugin/shared-utils/Object3DHelper/utils/finiteNumber.d.ts

@@ -0,0 +1 @@
+export default function finiteNumber(value: number | undefined | null | void, defaultValue?: number): number;

package/dist/Object3DHelperPlugin/index.js

@@ -728,6 +728,7 @@ const NAME$1 = `CSS3DObjectPlus@${VERSION$3}`;
 const MinRatio = 0.00216;
 const DefaultRatio = 0.003;
 class CSS3DObjectPlus extends CSS3DRenderer.CSS3DObject {
+    // eslint-disable-next-line max-params
     constructor(container, cornerPoints, ratio = DefaultRatio, dpr = 1) {
         const realRatio = Math.max(MinRatio, ratio);
         const planeWidth = cornerPoints[0].distanceTo(cornerPoints[1]);
@@ -1138,8 +1139,10 @@ class CSS3DRender {
             configurable: true,
             writable: true,
             value: (element, resizeHandler, fireImmediately = true) => {
-                if (!element || !ResizeObserver)
+                if (!element) {
+                    console.error('createResizeObserver: element is undefined');
                     return { observe: () => { }, unobserve: () => { } };
+                }
                 const resizeObserverHandler = () => {
                     /**
                      * 这里evenNumber策略是遇到奇数会加1，在某些浏览器中会触发滚动条显示，导致fiveElement变小，fiveElement变小又触发了这里的resize，宽高变小，滚动条消失，然后又触发resize。。。无限循环
@@ -1149,6 +1152,10 @@ class CSS3DRender {
                     const height = evenNumber(element.clientHeight, { smaller: true });
                     resizeHandler(width, height);
                 };
+                if (typeof ResizeObserver === 'undefined' || !ResizeObserver) {
+                    console.warn('createResizeObserver: ResizeObserver is undefined');
+                    return { observe: () => resizeObserverHandler(), unobserve: () => { } };
+                }
                 const observer = new ResizeObserver(resizeObserverHandler);
                 if (fireImmediately)
                     resizeObserverHandler();
@@ -1449,6 +1456,10 @@ class RectangleScaleHelper extends RectangleScaleHelperAbstract {
         (_a = this.css3DInstance) === null || _a === void 0 ? void 0 : _a.css3DObject.position.copy(this.originObject3D.position);
         (_b = this.plane) === null || _b === void 0 ? void 0 : _b.position.copy(this.originObject3D.position);
     }
+    updateQuaternion() {
+        var _a;
+        (_a = this.plane) === null || _a === void 0 ? void 0 : _a.quaternion.copy(this.originObject3D.quaternion);
+    }
     // public setPosition(position: Vector3) {
     //   this.css3DInstance?.css3DObject.position.copy(position)
     //   this.plane?.position.copy(position)
@@ -1466,13 +1477,6 @@ class RectangleScaleHelper extends RectangleScaleHelperAbstract {
         var _a, _b;
         (_a = this.css3DInstance) === null || _a === void 0 ? void 0 : _a.css3DObject.scale.applyMatrix4(matrix);
         (_b = this.plane) === null || _b === void 0 ? void 0 : _b.scale.applyMatrix4(matrix);
-        const { origin, helperOrigin } = params !== null && params !== void 0 ? params : {};
-        if (!helperOrigin)
-            return;
-        this.cornerPositions.forEach((position) => {
-            position.subVectors(position, helperOrigin).applyMatrix4(matrix).add(helperOrigin);
-        });
-        this.updatePoints();
     }
     updatePoints() {
         const position8 = this.calculatePointPosition(this.cornerPositions);
@@ -2088,10 +2092,16 @@ class BaseController {
         this.scene = scene;
         this.domEvents = new DomEvents(camera, container);
         this.needsRender = needsRender !== null && needsRender !== void 0 ? needsRender : (() => { });
-        this.updateHelperQuaternion();
-        this.updateHelperPosition();
+        this.initialHelperPosition();
+        this.initialHelperQuaternion();
         this.enable();
     }
+    initialHelperPosition() {
+        this.helperObject3D.updatePosition();
+    }
+    initialHelperQuaternion() {
+        this.helperObject3D.updateQuaternion();
+    }
     enable() {
         if (this.enabled)
             return;
@@ -2131,7 +2141,7 @@ class BaseController {
     setHelperMatrix4(matrix4, origin) {
         this.helperObject3D.updateMatrix4(matrix4, origin);
     }
-    setHelperQuaternion(quaternion, origin) {
+    applyHelperQuaternion(quaternion, origin) {
         this.helperObject3D.applyHelperQuaternion(quaternion, origin);
     }
     applyHelperScaleMatrix4(matrix4, params) {
@@ -2476,11 +2486,11 @@ class Object3DHelper {
                     const { quaternion, origin } = rotate;
                     if (quaternion) {
                         if (controller !== this.controllers.moveController)
-                            (_a = this.controllers.moveController) === null || _a === void 0 ? void 0 : _a.setHelperQuaternion(quaternion, origin);
+                            (_a = this.controllers.moveController) === null || _a === void 0 ? void 0 : _a.applyHelperQuaternion(quaternion, origin);
                         if (controller !== this.controllers.rotateController)
-                            (_b = this.controllers.rotateController) === null || _b === void 0 ? void 0 : _b.setHelperQuaternion(quaternion, origin);
+                            (_b = this.controllers.rotateController) === null || _b === void 0 ? void 0 : _b.applyHelperQuaternion(quaternion, origin);
                         if (controller !== this.controllers.scaleController)
-                            (_c = this.controllers.scaleController) === null || _c === void 0 ? void 0 : _c.setHelperQuaternion(quaternion, origin);
+                            (_c = this.controllers.scaleController) === null || _c === void 0 ? void 0 : _c.applyHelperQuaternion(quaternion, origin);
                         (_d = this.helpers.outlineHelper) === null || _d === void 0 ? void 0 : _d.applyQuaternion(quaternion);
                     }
                 }
@@ -2670,23 +2680,23 @@ class RotateController extends BaseController {
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "rotations", {
+        Object.defineProperty(this, "a", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: []
+            value: void 0
         });
-        Object.defineProperty(this, "a", {
+        Object.defineProperty(this, "rotations", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: []
         });
         Object.defineProperty(this, "helperObject3DQuaternion", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: this.helperObject3D.quaternion.clone()
+            value: this.originObject3D.quaternion.clone()
         });
         // add hover listener
         const helper = this.helperObject3D;
@@ -2698,6 +2708,10 @@ class RotateController extends BaseController {
         document.addEventListener('mousemove', dragging);
         document.addEventListener('mouseup', dragEnd);
     }
+    initialHelperQuaternion() {
+        this.helperObject3D.updateAngleHelperQuaternion();
+        this.helperObject3D.applyHelperQuaternion(this.originObject3D.quaternion);
+    }
     /**
      * @description: 拖动开始，找出拖的Direction
      */
@@ -2722,9 +2736,9 @@ class RotateController extends BaseController {
         this.setTipsPosition(tipsPosition);
         // end
         // init plane
-        const directionX = new THREE__namespace.Vector3(1, 0, 0).applyQuaternion(this.helperObject3DQuaternion.clone());
-        const directionY = new THREE__namespace.Vector3(0, 1, 0).applyQuaternion(this.helperObject3DQuaternion.clone());
-        const directionZ = new THREE__namespace.Vector3(0, 0, 1).applyQuaternion(this.helperObject3DQuaternion.clone());
+        const directionX = new THREE__namespace.Vector3(1, 0, 0).applyQuaternion(this.helperObject3DQuaternion);
+        const directionY = new THREE__namespace.Vector3(0, 1, 0).applyQuaternion(this.helperObject3DQuaternion);
+        const directionZ = new THREE__namespace.Vector3(0, 0, 1).applyQuaternion(this.helperObject3DQuaternion);
         const directionVector = (() => {
             switch (direction) {
                 case 'x':
@@ -2736,6 +2750,11 @@ class RotateController extends BaseController {
             }
         })();
         const plane = new THREE__namespace.Plane().setFromNormalAndCoplanarPoint(directionVector, startIntersect);
+        // this.a && this.scene.remove(this.a)
+        // const h = new THREE.PlaneHelper(plane, 1)
+        // console.log(h.position)
+        // this.scene.add(h)
+        // this.a = h
         // end
         // init startVectorProject
         const projectPoint = new THREE__namespace.Vector3();
@@ -2916,10 +2935,6 @@ class RotateController extends BaseController {
     }
 }
 
-function negateScale(scale) {
-    return scale.clone().sub(new THREE__namespace.Vector3(1, 1, 1)).negate().add(new THREE__namespace.Vector3(1, 1, 1));
-}
-
 class RectangleScaleController extends BaseController {
     constructor(...params) {
         super(...params);
@@ -2956,10 +2971,6 @@ class RectangleScaleController extends BaseController {
             plane.setFromNormalAndCoplanarPoint(this.originObject3D.getWorldDirection(new THREE.Vector3()), positions[0]);
         else
             plane.setFromCoplanarPoints(positions[0], positions[1], positions[2]);
-        // const p0 = getPoint(positions[0]!, 0)
-        // const p1 = getPoint(positions[1]!, 1)
-        // const p2 = getPoint(positions[2]!, 2)
-        // this.scene.add(p0, p1, p2)
         return plane;
     }
     dragStart(mousePoint, point) {
@@ -2969,6 +2980,7 @@ class RectangleScaleController extends BaseController {
         if (!plane)
             return this.dragEnd();
         this.startInfo = { startPoint: { position: point.position.clone(), direction: point.direction }, plane };
+        // this.scene.add(getPoint(point.position.clone(), 3))
         this.hooks.emit('scaleStart');
         this.needsRender();
         this.isDragging = true;
@@ -2981,7 +2993,7 @@ class RectangleScaleController extends BaseController {
         if (!raycaster)
             return this.dragEnd();
         this.scale(raycaster);
-        console.log('%c RectangleScaleController dragging', 'color: #49de1b');
+        // console.log('%c RectangleScaleController dragging', 'color: #49de1b')
     }
     scale(raycaster) {
         var _a, _b;
@@ -2997,100 +3009,108 @@ class RectangleScaleController extends BaseController {
             return;
         if (vectorIsEqual(planeIntersection, this.camera.position))
             return;
-        const referencePosition = cornerPositions[0].clone();
         const planeCenter = new THREE.Vector3().addVectors(cornerPositions[0], cornerPositions[2]).divideScalar(2);
         const { position: startPosition, direction } = startPoint;
-        const ewVector = new THREE.Vector3().subVectors(cornerPositions[1], referencePosition); // west -> east vector
-        const nsVector = new THREE.Vector3().subVectors(cornerPositions[3], referencePosition); // south -> north vector
+        const ewVector = new THREE.Vector3().subVectors(cornerPositions[1], cornerPositions[0]); // west -> east vector
+        const nsVector = new THREE.Vector3().subVectors(cornerPositions[3], cornerPositions[0]); // south -> north vector
         // eslint-disable-next-line complexity
-        const getScale = (direction) => {
+        const getOffset = (direction) => {
+            const defaultVector = new THREE.Vector3(0, 0, 0);
+            if (!this.startInfo)
+                return defaultVector;
             const baseVector = (direction === 'ew' ? ewVector : nsVector).clone();
             const startPositionProject = startPosition.clone().projectOnVector(baseVector);
             const nowPositionProject = planeIntersection.clone().projectOnVector(baseVector);
             const planeCenterProject = planeCenter.clone().projectOnVector(baseVector);
-            if (this.startInfo) {
-                if (direction === 'ns' && typeof this.startInfo.nsMoveIsNegative !== 'boolean') {
-                    const offset = new THREE.Vector3().subVectors(nowPositionProject, planeCenterProject);
-                    const xIsNegative = offset.x < 0 && baseVector.x >= 0;
-                    const yIsNegative = offset.y < 0 && baseVector.y >= 0;
-                    const zIsNegative = offset.z < 0 && baseVector.z >= 0;
-                    this.startInfo.nsMoveIsNegative = xIsNegative || yIsNegative || zIsNegative;
+            // this.scene.add(getPoint(startPosition, 0))
+            // this.scene.add(getPoint(planeIntersection, 0))
+            if (nowPositionProject.equals(startPositionProject))
+                return defaultVector;
+            if (direction === 'ns' && typeof this.startInfo.dragPointInCenterBottom !== 'boolean') {
+                const offset = new THREE.Vector3().subVectors(nowPositionProject, planeCenterProject);
+                const xIsNegative = offset.x < 0 && baseVector.x >= 0;
+                const yIsNegative = offset.y < 0 && baseVector.y >= 0;
+                const zIsNegative = offset.z < 0 && baseVector.z >= 0;
+                this.startInfo.dragPointInCenterBottom = xIsNegative || yIsNegative || zIsNegative;
+            }
+            if (direction === 'ew' && typeof this.startInfo.dragPointInCenterLeft !== 'boolean') {
+                const offset = new THREE.Vector3().subVectors(nowPositionProject, planeCenterProject);
+                const xIsNegative = offset.x < 0 && baseVector.x >= 0;
+                const yIsNegative = offset.y < 0 && baseVector.y >= 0;
+                const zIsNegative = offset.z < 0 && baseVector.z >= 0;
+                this.startInfo.dragPointInCenterLeft = xIsNegative || yIsNegative || zIsNegative;
+            }
+            const offset = new THREE.Vector3().subVectors(nowPositionProject, startPositionProject);
+            // TODO
+            if (offset.length() > 0.1)
+                return defaultVector;
+            return offset;
+        };
+        const ewOffset = getOffset('ew');
+        const nsOffset = getOffset('ns');
+        const setEWScale = () => {
+            const offset = ewOffset;
+            this.helperObject3D.cornerPositions.forEach((position, index) => {
+                var _a;
+                if ((_a = this.startInfo) === null || _a === void 0 ? void 0 : _a.dragPointInCenterLeft) {
+                    if (index === 0 || index === 3)
+                        position.add(offset); // 拖左边，只改左边点
                 }
-                if (direction === 'ew' && typeof this.startInfo.ewMoveIsNegative !== 'boolean') {
-                    const offset = new THREE.Vector3().subVectors(nowPositionProject, planeCenterProject);
-                    const xIsNegative = offset.x < 0 && baseVector.x >= 0;
-                    const yIsNegative = offset.y < 0 && baseVector.y >= 0;
-                    const zIsNegative = offset.z < 0 && baseVector.z >= 0;
-                    this.startInfo.ewMoveIsNegative = xIsNegative || yIsNegative || zIsNegative;
+                else {
+                    if (index === 1 || index === 2)
+                        position.add(offset); // 拖右边，只改右边点
                 }
-            }
-            if (nowPositionProject.equals(startPositionProject))
-                return;
-            const startPositionProjectOffset = new THREE.Vector3().subVectors(startPositionProject, planeCenterProject);
-            const nowPositionProjectOffset = new THREE.Vector3().subVectors(nowPositionProject, planeCenterProject);
-            const scale = nowPositionProjectOffset.clone().divide(startPositionProjectOffset);
-            scale.x = isNaN(scale.x) ? 1 : scale.x;
-            scale.y = isNaN(scale.y) ? 1 : scale.y;
-            scale.z = isNaN(scale.z) ? 1 : scale.z;
-            return scale;
+            });
         };
-        const nsScale = (_a = getScale('ns')) !== null && _a !== void 0 ? _a : new THREE.Vector3(1, 1, 1);
-        const ewScale = (_b = getScale('ew')) !== null && _b !== void 0 ? _b : new THREE.Vector3(1, 1, 1);
-        const scale = (() => {
-            switch (direction) {
-                case 'ew':
-                    return ewScale;
-                case 'ns':
-                    return nsScale;
-                case 'nesw':
-                case 'nwse':
-                    return new THREE.Vector3().multiplyVectors(nsScale, ewScale);
-            }
-        })();
-        const halfScale = scale.clone().sub(new THREE.Vector3(1, 1, 1)).multiplyScalar(0.5).add(new THREE.Vector3(1, 1, 1));
-        const scaleMatrix = new THREE__namespace.Matrix4().scale(halfScale);
+        const setNSScale = () => {
+            const offset = nsOffset;
+            this.helperObject3D.cornerPositions.forEach((position, index) => {
+                var _a;
+                if ((_a = this.startInfo) === null || _a === void 0 ? void 0 : _a.dragPointInCenterBottom) {
+                    if (index === 0 || index === 1)
+                        position.add(offset); // 拖下边，只改下边点
+                }
+                else {
+                    if (index === 2 || index === 3)
+                        position.add(offset); // 拖上边，只改上边点
+                }
+            });
+        };
+        switch (direction) {
+            case 'ew':
+                setEWScale();
+                break;
+            case 'ns':
+                setNSScale();
+                break;
+            case 'nesw':
+            case 'nwse':
+                setEWScale();
+                setNSScale();
+        }
+        (_b = (_a = this.helperObject3D).updatePoints) === null || _b === void 0 ? void 0 : _b.call(_a);
+        // this.helperObject3D.cornerPositions.forEach((position, index) => {
+        //   this.scene.add(getPoint(position, index))
+        // })
+        const scaleX = new THREE.Vector3().subVectors(cornerPositions[1], cornerPositions[0]).length() / ewVector.length();
+        const scaleY = new THREE.Vector3().subVectors(cornerPositions[3], cornerPositions[0]).length() / nsVector.length();
+        const scaleXY = new THREE.Vector3(scaleX, scaleY, 1);
+        console.log(scaleXY);
+        const scaleMatrix = new THREE__namespace.Matrix4().scale(scaleXY);
         const newScale = object.scale.clone().applyMatrix4(scaleMatrix);
-        // const minScale = 0.000001
-        // newScale.x = Math.max(newScale.x, minScale)
-        // newScale.y = Math.max(newScale.y, minScale)
-        // newScale.z = Math.max(newScale.z, minScale)
-        // if (direction === 'ew' || direction === 'ns') {
-        //   if (newScale.x === minScale || newScale.y === minScale || newScale.z === minScale) return
-        // }
-        // if (direction === 'nesw' || direction === 'nwse') {
-        //   if (newScale.x === minScale && newScale.y === minScale) return
-        //   if (newScale.x === minScale && newScale.z === minScale) return
-        //   if (newScale.y === minScale && newScale.z === minScale) return
-        // }
         object.scale.copy(newScale); // 或者 object.scale.applyMatrix4(scaleMatrix)
-        startPoint.position.copy(planeIntersection);
         this.hooks.emit('scaleUpdate', { matrix4: scaleMatrix, helperOrigin: planeCenter });
+        startPoint.position.copy(planeIntersection);
+        // =================================================================================================================================================================
+        // =================================================================================================================================================================
         // 移动位置
-        if (referencePosition) {
-            const ewMoveScale = this.startInfo.ewMoveIsNegative ? negateScale(ewScale) : ewScale;
-            const nsMoveScale = this.startInfo.nsMoveIsNegative ? negateScale(nsScale) : nsScale;
-            const moveScale = (() => {
-                switch (direction) {
-                    case 'ew':
-                        return ewMoveScale;
-                    case 'ns':
-                        return nsMoveScale;
-                    case 'nesw':
-                    case 'nwse':
-                        return new THREE.Vector3().multiplyVectors(ewMoveScale, nsMoveScale);
-                }
-            })();
-            const halfMoveScale = moveScale.clone().sub(new THREE.Vector3(1, 1, 1)).multiplyScalar(0.5).add(new THREE.Vector3(1, 1, 1));
-            const objectPosition = object.position.clone();
-            const newPosition = new THREE.Vector3()
-                .subVectors(objectPosition, referencePosition)
-                .multiply(halfMoveScale)
-                .add(referencePosition)
-                .sub(objectPosition);
-            const transform = new THREE__namespace.Matrix4().setPosition(newPosition);
-            object.applyMatrix4(transform);
-            this.hooks.emit('positionUpdate', { matrix4: transform });
-        }
+        const centerPosition = new THREE.Vector3().addVectors(cornerPositions[0], cornerPositions[2]).divideScalar(2);
+        const offset = new THREE.Vector3().subVectors(centerPosition, planeCenter);
+        const transform = new THREE__namespace.Matrix4().setPosition(offset);
+        object.applyMatrix4(transform);
+        // this.hooks.emit('scaleUpdate', { matrix4: scaleMatrix, helperOrigin: planeCenter })
+        this.hooks.emit('positionUpdate', { matrix4: transform });
+        // 移动位置end
         this.needsRender();
     }
     dragEnd() {
@@ -3169,6 +3189,7 @@ class Object3DHelperController extends Controller {
         });
         this.five = five;
         Object.assign(window, { [`__${PLUGIN_NAME.toUpperCase()}_DEBUG__`]: this });
+        // Object.assign(window, { THREE: THREE })
     }
     /**
      * @description Show guide line
@@ -3234,6 +3255,8 @@ class Object3DHelperController extends Controller {
      */
     addObject3DHelper(object3D, config = {}) {
         var _a;
+        if (!object3D)
+            return console.error('Object3D is undefined');
         if (this.objectHelperMap.has(object3D)) {
             console.warn(`Object3DHelperPlugin: object3D ${object3D.name} already has helper`);
             return;
@@ -3281,7 +3304,6 @@ class Object3DHelperController extends Controller {
         helper.dispose();
     }
     handleEnable(enabled, userAction = true) {
-        console.log({ enabled });
         if (enabled) {
             this.everyHelperDo((helper) => helper.enable());
             this.hooks.emit('enable', { userAction });
@@ -3293,7 +3315,6 @@ class Object3DHelperController extends Controller {
         this.state.enabled = enabled;
     }
     handleVisible(visible, userAction = true) {
-        console.log({ visible });
         if (visible) {
             this.everyHelperDo((helper) => helper.show());
             this.actionIfStateIsEnabled(() => this.hooks.emit('show', { userAction }));

package/dist/Object3DHelperPlugin/shared-utils/Object3DHelper/Base/BaseController.d.ts

@@ -16,6 +16,8 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     protected needsRender: () => void;
     protected enabled: boolean;
     constructor(camera: THREE.Camera, model: THREE.Object3D, originObject3D: K, helperObject3D: T, container: HTMLElement, scene: THREE.Scene, needsRender?: () => void);
+    initialHelperPosition(): void;
+    initialHelperQuaternion(): void;
     enable(): void;
     disable(): void;
     show(): void;
@@ -24,7 +26,7 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     updateHelperPosition(): void;
     updateHelperQuaternion(): void;
     setHelperMatrix4(matrix4: THREE.Matrix4, origin?: THREE.Vector3): void;
-    setHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
+    applyHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
     applyHelperScaleMatrix4(matrix4: THREE.Matrix4, params?: {
         origin?: THREE.Vector3;
         helperOrigin?: THREE.Vector3;

package/dist/Object3DHelperPlugin/shared-utils/Object3DHelper/Controller/RectangleScaleController.d.ts

@@ -8,8 +8,8 @@ interface StartInfo {
         position: Vector3;
         direction: Direction4;
     };
-    nsMoveIsNegative?: boolean | null;
-    ewMoveIsNegative?: boolean | null;
+    dragPointInCenterBottom?: boolean | null;
+    dragPointInCenterLeft?: boolean | null;
     plane: THREE.Plane;
 }
 export declare abstract class RectangleScaleController<OriginObject3D extends THREE.Object3D, PointType extends THREE.Object3D | HTMLElement> extends BaseController<RectangleScaleHelperAbstract<OriginObject3D, PointType>> {

package/dist/Object3DHelperPlugin/shared-utils/Object3DHelper/Controller/RotateController.d.ts

@@ -3,10 +3,11 @@ import type { RotateHelperAbstract } from '../Helper';
 export declare class RotateController<T extends RotateHelperAbstract = RotateHelperAbstract> extends BaseController<T> {
     private startInfo?;
     private lastRotation?;
+    private a?;
     private rotations;
-    private a;
     private helperObject3DQuaternion;
     constructor(...params: ConstructorParameters<typeof BaseController<T>>);
+    initialHelperQuaternion(): void;
     /**
      * @description: 拖动开始，找出拖的Direction
      */

package/dist/Object3DHelperPlugin/shared-utils/Object3DHelper/Helper/RectangleScaleHelper.d.ts

@@ -19,6 +19,7 @@ export declare class RectangleScaleHelper<T extends OriginObjectType = OriginObj
     private enabled;
     constructor(originObject3D: T, container: Element, camera: THREE.Camera, scene: THREE.Scene);
     updatePosition(): void;
+    updateQuaternion(): void;
     updateMatrix4(matrix: THREE.Matrix4): void;
     showDraggingHelper(): void;
     applyHelperScaleMatrix4(matrix: THREE.Matrix4, params?: {

package/dist/Object3DHelperPlugin/shared-utils/Object3DHelper/utils/finiteNumber.d.ts

@@ -0,0 +1 @@
+export default function finiteNumber(value: number | undefined | null | void, defaultValue?: number): number;

package/dist/PanoCompassPlugin/index.js

@@ -268,6 +268,7 @@ const NAME = `CSS3DObjectPlus@${VERSION$2}`;
 const MinRatio = 0.00216;
 const DefaultRatio = 0.003;
 class CSS3DObjectPlus extends CSS3DRenderer.CSS3DObject {
+    // eslint-disable-next-line max-params
     constructor(container, cornerPoints, ratio = DefaultRatio, dpr = 1) {
         const realRatio = Math.max(MinRatio, ratio);
         const planeWidth = cornerPoints[0].distanceTo(cornerPoints[1]);
@@ -678,8 +679,10 @@ class CSS3DRender {
             configurable: true,
             writable: true,
             value: (element, resizeHandler, fireImmediately = true) => {
-                if (!element || !ResizeObserver)
+                if (!element) {
+                    console.error('createResizeObserver: element is undefined');
                     return { observe: () => { }, unobserve: () => { } };
+                }
                 const resizeObserverHandler = () => {
                     /**
                      * 这里evenNumber策略是遇到奇数会加1，在某些浏览器中会触发滚动条显示，导致fiveElement变小，fiveElement变小又触发了这里的resize，宽高变小，滚动条消失，然后又触发resize。。。无限循环
@@ -689,6 +692,10 @@ class CSS3DRender {
                     const height = evenNumber(element.clientHeight, { smaller: true });
                     resizeHandler(width, height);
                 };
+                if (typeof ResizeObserver === 'undefined' || !ResizeObserver) {
+                    console.warn('createResizeObserver: ResizeObserver is undefined');
+                    return { observe: () => resizeObserverHandler(), unobserve: () => { } };
+                }
                 const observer = new ResizeObserver(resizeObserverHandler);
                 if (fireImmediately)
                     resizeObserverHandler();

package/dist/PanoCompassPlugin/shared-utils/Object3DHelper/Base/BaseController.d.ts

@@ -16,6 +16,8 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     protected needsRender: () => void;
     protected enabled: boolean;
     constructor(camera: THREE.Camera, model: THREE.Object3D, originObject3D: K, helperObject3D: T, container: HTMLElement, scene: THREE.Scene, needsRender?: () => void);
+    initialHelperPosition(): void;
+    initialHelperQuaternion(): void;
     enable(): void;
     disable(): void;
     show(): void;
@@ -24,7 +26,7 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     updateHelperPosition(): void;
     updateHelperQuaternion(): void;
     setHelperMatrix4(matrix4: THREE.Matrix4, origin?: THREE.Vector3): void;
-    setHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
+    applyHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
     applyHelperScaleMatrix4(matrix4: THREE.Matrix4, params?: {
         origin?: THREE.Vector3;
         helperOrigin?: THREE.Vector3;

package/dist/PanoCompassPlugin/shared-utils/Object3DHelper/Controller/RectangleScaleController.d.ts

@@ -8,8 +8,8 @@ interface StartInfo {
         position: Vector3;
         direction: Direction4;
     };
-    nsMoveIsNegative?: boolean | null;
-    ewMoveIsNegative?: boolean | null;
+    dragPointInCenterBottom?: boolean | null;
+    dragPointInCenterLeft?: boolean | null;
     plane: THREE.Plane;
 }
 export declare abstract class RectangleScaleController<OriginObject3D extends THREE.Object3D, PointType extends THREE.Object3D | HTMLElement> extends BaseController<RectangleScaleHelperAbstract<OriginObject3D, PointType>> {

package/dist/PanoCompassPlugin/shared-utils/Object3DHelper/Controller/RotateController.d.ts

@@ -3,10 +3,11 @@ import type { RotateHelperAbstract } from '../Helper';
 export declare class RotateController<T extends RotateHelperAbstract = RotateHelperAbstract> extends BaseController<T> {
     private startInfo?;
     private lastRotation?;
+    private a?;
     private rotations;
-    private a;
     private helperObject3DQuaternion;
     constructor(...params: ConstructorParameters<typeof BaseController<T>>);
+    initialHelperQuaternion(): void;
     /**
      * @description: 拖动开始，找出拖的Direction
      */

package/dist/PanoCompassPlugin/shared-utils/Object3DHelper/Helper/RectangleScaleHelper.d.ts

@@ -19,6 +19,7 @@ export declare class RectangleScaleHelper<T extends OriginObjectType = OriginObj
     private enabled;
     constructor(originObject3D: T, container: Element, camera: THREE.Camera, scene: THREE.Scene);
     updatePosition(): void;
+    updateQuaternion(): void;
     updateMatrix4(matrix: THREE.Matrix4): void;
     showDraggingHelper(): void;
     applyHelperScaleMatrix4(matrix: THREE.Matrix4, params?: {

package/dist/PanoCompassPlugin/shared-utils/Object3DHelper/utils/finiteNumber.d.ts

@@ -0,0 +1 @@
+export default function finiteNumber(value: number | undefined | null | void, defaultValue?: number): number;

package/dist/PanoCursorRaycasterPlugin/shared-utils/Object3DHelper/Base/BaseController.d.ts

@@ -16,6 +16,8 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     protected needsRender: () => void;
     protected enabled: boolean;
     constructor(camera: THREE.Camera, model: THREE.Object3D, originObject3D: K, helperObject3D: T, container: HTMLElement, scene: THREE.Scene, needsRender?: () => void);
+    initialHelperPosition(): void;
+    initialHelperQuaternion(): void;
     enable(): void;
     disable(): void;
     show(): void;
@@ -24,7 +26,7 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     updateHelperPosition(): void;
     updateHelperQuaternion(): void;
     setHelperMatrix4(matrix4: THREE.Matrix4, origin?: THREE.Vector3): void;
-    setHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
+    applyHelperQuaternion(quaternion: THREE.Quaternion, origin: THREE.Vector3): void;
     applyHelperScaleMatrix4(matrix4: THREE.Matrix4, params?: {
         origin?: THREE.Vector3;
         helperOrigin?: THREE.Vector3;