@realsee/dnalogel 2.1.0-alpha.15 → 2.1.0-alpha.16

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

@@ -1,111 +0,0 @@
-import { BaseController } from '../Base/BaseController';
-import * as THREE from 'three';
-import { getMouseRaycaster } from '../utils';
-import '../utils/getPoint';
-export class MoveController extends BaseController {
-    constructor(...params) {
-        super(...params);
-        Object.defineProperty(this, "startInfo", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        // add hover listener
-        const helper = this.helperObject3D;
-        this.hoverListener([helper.xArrow, helper.yArrow, helper.zArrow]);
-        const dragStart = this.dragStart.bind(this);
-        const dragging = this.dragging.bind(this);
-        const dragEnd = this.dragEnd.bind(this);
-        this.domEvents.addEventListener(this.helperObject3D, 'mousedown', dragStart);
-        document.addEventListener('mousemove', dragging);
-        document.addEventListener('mouseup', dragEnd);
-    }
-    /**
-     * @description: 拖动开始，找出拖的Direction
-     */
-    dragStart(params) {
-        if (this.isDragging)
-            return;
-        const intersect = params === null || params === void 0 ? void 0 : params.intersect;
-        if (!intersect)
-            return this.dragEnd();
-        const draggingDirection = (intersect === null || intersect === void 0 ? void 0 : intersect.object).direction;
-        if (!draggingDirection)
-            return this.dragEnd();
-        const directionX = new THREE.Vector3(1, 0, 0).applyQuaternion(this.helperObject3D.quaternion);
-        const directionY = new THREE.Vector3(0, 1, 0).applyQuaternion(this.helperObject3D.quaternion);
-        const directionZ = new THREE.Vector3(0, 0, 1).applyQuaternion(this.helperObject3D.quaternion);
-        const directionVector = (() => {
-            switch (draggingDirection) {
-                case 'x':
-                    return directionX;
-                case 'y':
-                    return directionY;
-                case 'z':
-                    return directionZ;
-            }
-        })();
-        const planeNormal = (() => {
-            switch (draggingDirection) {
-                case 'x':
-                    return directionZ;
-                case 'y':
-                    return directionZ;
-                case 'z':
-                    return directionX;
-            }
-        })();
-        const startIntersect = intersect.point.clone();
-        const plane = new THREE.Plane();
-        plane.setFromNormalAndCoplanarPoint(planeNormal, startIntersect);
-        this.startInfo = { startVectorProject: startIntersect.clone().projectOnVector(directionVector), directionVector, plane };
-        // 隐藏其他箭头
-        this.helperObject3D.showDraggingHelper([draggingDirection]);
-        this.hooks.emit('moveStart');
-        this.isDragging = true;
-        console.log('%c MoveController dragStart', 'color: #e5af2e');
-    }
-    dragging(point) {
-        if (!this.isDragging)
-            return;
-        if (!this.startInfo)
-            return;
-        const ray = getMouseRaycaster(this.camera, point, this.container);
-        if (!ray)
-            return this.dragEnd();
-        console.log(`%c RotateController dragging`, 'color: #49de1b');
-        this.move(ray);
-        return false;
-    }
-    move(raycaster) {
-        if (!this.startInfo)
-            return this.dragEnd();
-        const { plane, directionVector, startVectorProject } = this.startInfo;
-        const object = this.originObject3D;
-        const planeIntersection = raycaster.ray.intersectPlane(plane, new THREE.Vector3());
-        if (!planeIntersection)
-            return;
-        const currentVectorProject = planeIntersection.clone().projectOnVector(directionVector);
-        const offsetVector = currentVectorProject.clone().sub(startVectorProject);
-        // 移动transform
-        const transform = new THREE.Matrix4();
-        transform.setPosition(offsetVector);
-        object.applyMatrix4(transform);
-        this.helperObject3D.applyMatrix4(transform);
-        startVectorProject.copy(currentVectorProject);
-        this.hooks.emit('positionUpdate', { matrix4: transform });
-    }
-    dragEnd() {
-        if (!this.isDragging)
-            return;
-        console.log('%c MoveController dragEnd', 'color: #e94e4e');
-        // 拖动结束，重置currentDraggingDirection
-        this.startInfo = undefined;
-        this.isDragging = false;
-        // 显示所有箭头
-        this.helperObject3D.show();
-        this.hooks.emit('moveEnd');
-        return;
-    }
-}

package/libs/src/shared-utils/Object3DHelper/Controller/RectangleScaleController.d.ts

@@ -1,37 +0,0 @@
-import { BaseController } from '../Base/BaseController';
-import type { RectangleScaleHelperAbstract } from '../Helper';
-import * as THREE from 'three';
-import type { Direction4 } from '../typings';
-import { Vector3 } from 'three';
-interface StartInfo {
-    startPoint: {
-        position: Vector3;
-        direction: Direction4;
-    };
-    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>> {
-    protected startInfo?: StartInfo;
-    constructor(...params: ConstructorParameters<typeof BaseController<RectangleScaleHelperAbstract<OriginObject3D, PointType>>>);
-    enable(): void;
-    disable(): void;
-    show(): void;
-    hide(): void;
-    protected getDragPlane(): THREE.Plane;
-    protected dragStart(mousePoint: {
-        x: number;
-        y: number;
-    }, point: {
-        position: THREE.Vector3;
-        direction: Direction4;
-    }): void;
-    protected dragging(point: {
-        x: number;
-        y: number;
-    }): false | void;
-    protected scale(raycaster: THREE.Raycaster): void;
-    protected dragEnd(): void;
-}
-export {};

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

@@ -1,199 +0,0 @@
-import { BaseController } from '../Base/BaseController';
-import * as THREE from 'three';
-import { getMouseRaycaster, vectorIsEqual } from '../utils';
-import { Vector3 } from 'three';
-export class RectangleScaleController extends BaseController {
-    constructor(...params) {
-        super(...params);
-        Object.defineProperty(this, "startInfo", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-    }
-    enable() {
-        this.helperObject3D.enable();
-        super.enable();
-    }
-    disable() {
-        this.helperObject3D.disable();
-        super.disable();
-    }
-    show() {
-        this.helperObject3D.show();
-        super.show();
-    }
-    hide() {
-        this.helperObject3D.hide();
-        super.hide();
-    }
-    getDragPlane() {
-        const plane = new THREE.Plane();
-        // get normal from points
-        const positions = this.helperObject3D.cornerPositions;
-        if (positions.length === 0)
-            return;
-        if (positions.length < 3)
-            plane.setFromNormalAndCoplanarPoint(this.originObject3D.getWorldDirection(new Vector3()), positions[0]);
-        else
-            plane.setFromCoplanarPoints(positions[0], positions[1], positions[2]);
-        return plane;
-    }
-    dragStart(mousePoint, point) {
-        var _a, _b;
-        (_b = (_a = this.helperObject3D).updatePoints) === null || _b === void 0 ? void 0 : _b.call(_a);
-        const plane = this.getDragPlane();
-        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.render();
-        this.isDragging = true;
-        console.log('%c RectangleScaleController dragStart', 'color: #e5af2e');
-    }
-    dragging(point) {
-        if (!this.isDragging)
-            return;
-        const raycaster = getMouseRaycaster(this.camera, point, this.container);
-        if (!raycaster)
-            return this.dragEnd();
-        this.scale(raycaster);
-        // console.log('%c RectangleScaleController dragging', 'color: #49de1b')
-    }
-    scale(raycaster) {
-        var _a, _b;
-        if (!this.startInfo)
-            return;
-        const object = this.originObject3D;
-        const { startPoint, plane } = this.startInfo;
-        const cornerPositions = this.helperObject3D.cornerPositions;
-        if (cornerPositions.length < 4)
-            return this.dragEnd();
-        const planeIntersection = raycaster.ray.intersectPlane(plane, new Vector3());
-        if (!planeIntersection)
-            return;
-        if (vectorIsEqual(planeIntersection, this.camera.position))
-            return;
-        const planeCenter = new Vector3().addVectors(cornerPositions[0], cornerPositions[2]).divideScalar(2);
-        const { position: startPosition, direction } = startPoint;
-        const ewVector = new Vector3().subVectors(cornerPositions[1], cornerPositions[0]); // west -> east vector
-        const nsVector = new Vector3().subVectors(cornerPositions[3], cornerPositions[0]); // south -> north vector
-        // eslint-disable-next-line complexity
-        const getOffset = (direction) => {
-            const defaultVector = new 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);
-            // 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 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 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 Vector3().subVectors(nowPositionProject, startPositionProject);
-            // TODO: 不知道为啥b端在缩放结束有问题，先临时加个限制
-            const offsetLength = offset.length();
-            if (offsetLength > 0.2) {
-                console.warn('offset.length() > 0.2, skipped', offsetLength);
-                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); // 拖左边，只改左边点
-                }
-                else {
-                    if (index === 1 || index === 2)
-                        position.add(offset); // 拖右边，只改右边点
-                }
-            });
-        };
-        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();
-        }
-        // this.helperObject3D.cornerPositions.forEach((position, index) => {
-        //   this.scene.add(getPoint(position, index))
-        // })
-        const scaleX = new Vector3().subVectors(cornerPositions[1], cornerPositions[0]).length() / ewVector.length();
-        const scaleY = new Vector3().subVectors(cornerPositions[3], cornerPositions[0]).length() / nsVector.length();
-        const scaleXY = new Vector3(scaleX, scaleY, 1);
-        console.log(scaleXY);
-        const scaleMatrix = new THREE.Matrix4().scale(scaleXY);
-        // const newScale = object.scale.clone().applyMatrix4(scaleMatrix)
-        // object.scale.copy(newScale) // 或者 object.scale.applyMatrix4(scaleMatrix)
-        object.scale.applyMatrix4(scaleMatrix);
-        startPoint.position.copy(planeIntersection);
-        // =================================================================================================================================================================
-        // =================================================================================================================================================================
-        // 移动位置
-        const centerPosition = new Vector3().addVectors(cornerPositions[0], cornerPositions[2]).divideScalar(2);
-        const offset = new Vector3().subVectors(centerPosition, planeCenter);
-        const transformMatrix4 = new THREE.Matrix4().setPosition(offset);
-        object.applyMatrix4(transformMatrix4);
-        (_a = this.helperObject3D.css3DInstance) === null || _a === void 0 ? void 0 : _a.css3DObject.applyMatrix4(transformMatrix4);
-        (_b = this.helperObject3D.plane) === null || _b === void 0 ? void 0 : _b.applyMatrix4(transformMatrix4);
-        this.hooks.emit('scaleUpdate', { matrix4: scaleMatrix, helperOrigin: planeCenter });
-        this.hooks.emit('positionUpdate', { matrix4: transformMatrix4 });
-        // 移动位置end
-        // this.helperObject3D.cornerPositions.forEach((position, index) => {
-        //   this.scene.add(getPoint(position, index))
-        // })
-        this.render();
-    }
-    dragEnd() {
-        if (!this.isDragging)
-            return;
-        this.startInfo = undefined;
-        this.isDragging = false;
-        this.hooks.emit('scaleEnd');
-        this.render();
-        console.log('%c RectangleScaleController dragEnd', 'color: #e94e4e');
-    }
-}

package/libs/src/shared-utils/Object3DHelper/Controller/RotateController.d.ts

@@ -1,22 +0,0 @@
-import { BaseController } from '../Base/BaseController';
-import type { RotateHelperAbstract } from '../Helper';
-export declare class RotateController<T extends RotateHelperAbstract = RotateHelperAbstract> extends BaseController<T> {
-    private startInfo?;
-    private lastRotation?;
-    private rotations;
-    private helperObject3DQuaternion;
-    constructor(...params: ConstructorParameters<typeof BaseController<T>>);
-    initialHelperQuaternion(): void;
-    /**
-     * @description: 拖动开始，找出拖的Direction
-     */
-    private dragStart;
-    private dragging;
-    private rotate;
-    private dragEnd;
-    private getAngleHelper;
-    private setAngleHelperStart;
-    private setAngleHelperLength;
-    private setTipsAngle;
-    private setTipsPosition;
-}

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

@@ -1,265 +0,0 @@
-import { BaseController } from '../Base/BaseController';
-import * as THREE from 'three';
-import { getMouseRaycaster } from '../utils';
-export class RotateController extends BaseController {
-    constructor(...params) {
-        super(...params);
-        Object.defineProperty(this, "startInfo", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "lastRotation", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "rotations", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "helperObject3DQuaternion", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: this.originObject3D.quaternion.clone()
-        });
-        // add hover listener
-        const helper = this.helperObject3D;
-        this.hoverListener([helper.xyCircle, helper.xzCircle, helper.yzCircle]);
-        const dragStart = this.dragStart.bind(this);
-        const dragging = this.dragging.bind(this);
-        const dragEnd = this.dragEnd.bind(this);
-        this.domEvents.addEventListener(this.helperObject3D, 'mousedown', dragStart);
-        document.addEventListener('mousemove', dragging);
-        document.addEventListener('mouseup', dragEnd);
-    }
-    initialHelperQuaternion() {
-        this.helperObject3D.updateAngleHelperQuaternion();
-        this.helperObject3D.applyHelperQuaternion(this.originObject3D.quaternion);
-    }
-    /**
-     * @description: 拖动开始，找出拖的Direction
-     */
-    dragStart(params) {
-        if (this.isDragging)
-            return;
-        const intersect = params === null || params === void 0 ? void 0 : params.intersect;
-        if (!intersect)
-            return this.dragEnd();
-        const direction = (intersect === null || intersect === void 0 ? void 0 : intersect.object).direction;
-        if (!direction)
-            return this.dragEnd();
-        // 检查end
-        this.helperObject3D.updateAngleHelperQuaternion();
-        const startIntersect = intersect.point;
-        const rotateCenter = this.originObject3D.position.clone();
-        const angleHelper = this.getAngleHelper(direction);
-        // init tips
-        this.setTipsAngle(0);
-        const tipsPosition = startIntersect.clone();
-        tipsPosition.y += 0.2;
-        this.setTipsPosition(tipsPosition);
-        // end
-        // init plane
-        const directionX = new THREE.Vector3(1, 0, 0).applyQuaternion(this.helperObject3DQuaternion);
-        const directionY = new THREE.Vector3(0, 1, 0).applyQuaternion(this.helperObject3DQuaternion);
-        const directionZ = new THREE.Vector3(0, 0, 1).applyQuaternion(this.helperObject3DQuaternion);
-        const directionVector = (() => {
-            switch (direction) {
-                case 'x':
-                    return directionX;
-                case 'y':
-                    return directionY;
-                case 'z':
-                    return directionZ;
-            }
-        })();
-        const plane = new THREE.Plane().setFromNormalAndCoplanarPoint(directionVector, startIntersect);
-        // this.a && this.scene.remove(this.a)
-        // const h = new THREE.PlaneHelper(plane, 1)
-        // this.scene.add(h)
-        // this.a = h
-        // end
-        // init startVectorProject
-        const projectPoint = new THREE.Vector3();
-        plane.projectPoint(startIntersect.clone(), projectPoint);
-        const startVector = projectPoint.clone().sub(rotateCenter);
-        // end
-        // 计算开始角度
-        const staticStartVector = startVector.clone();
-        const startAngle = startVector.angleTo(angleHelper.baseAxes);
-        this.setAngleHelperStart(direction, startAngle);
-        this.setAngleHelperLength(direction, 0);
-        this.rotations.push({ vector: startVector.clone(), direction: true });
-        // end
-        // this.scene.remove(this.a)
-        // this.a = new THREE.PlaneHelper(plane, 10, 0xffff00)
-        // this.scene.add(this.a)
-        this.startInfo = { direction, startVector, staticStartVector, plane, angleHelper };
-        this.helperObject3D.showDraggingHelper([direction]);
-        this.hooks.emit('rotateStart');
-        this.isDragging = true;
-        console.log(`%c RotateController dragStart ${direction}`, 'color: #e5af2e');
-    }
-    dragging(point) {
-        var _a;
-        if (!this.isDragging)
-            return;
-        const ray = getMouseRaycaster(this.camera, point, this.container);
-        if (!ray)
-            return this.dragEnd();
-        console.log(`%c RotateController dragging ${(_a = this.startInfo) === null || _a === void 0 ? void 0 : _a.direction}`, 'color: #49de1b');
-        this.rotate(ray);
-        return false;
-    }
-    rotate(raycaster) {
-        if (!this.startInfo)
-            return this.dragEnd();
-        const { startVector, plane, angleHelper, staticStartVector, direction } = this.startInfo;
-        const object = this.originObject3D;
-        const currentIntersectPoint = raycaster.ray.intersectPlane(plane, new THREE.Vector3());
-        if (!currentIntersectPoint)
-            return;
-        const rotateCenter = object.position.clone();
-        const projectPoint = new THREE.Vector3();
-        plane.projectPoint(currentIntersectPoint.clone(), projectPoint);
-        const currentVector = projectPoint.clone().sub(rotateCenter);
-        // 计算当前角度
-        if (startVector.angleTo(currentVector) === 0)
-            return;
-        if (this.lastRotation === undefined)
-            this.lastRotation = { angle: 0 };
-        if (this.rotations.length === 0)
-            return;
-        const rotationDirection = (() => {
-            if (this.rotations.length === 1) {
-                return currentVector.angleTo(angleHelper.baseAxes) > staticStartVector.angleTo(angleHelper.baseAxes);
-            }
-            else {
-                /**
-                 * 通过记录上两次旋转时的vectorEnd和方向，来计算当前旋转的方向
-                 */
-                const lr = this.rotations[this.rotations.length - 1]; // last rotation
-                const llr = this.rotations[this.rotations.length - 2]; // last last rotation
-                const currentToLLR = currentVector.angleTo(llr.vector);
-                const currentToLR = currentVector.angleTo(lr.vector);
-                const lrToLLR = lr.vector.angleTo(llr.vector);
-                if (lrToLLR === 0 || currentToLR === 0 || currentToLLR === 0)
-                    return;
-                /** example:
-                 *    'current lr llr' mains:
-                 *
-                 *    currentVector  lr  llr
-                 *             \     |    /
-                 *              \    |   /
-                 *               \   |  /
-                 *                \  | /
-                 *                 \ |/
-                 *          rotation center
-                 *
-                 * 1. 如果 currentVector 到 llr 角度大于 currentVector 到 lr 角度，说明当前旋转方向与lr相同
-                 * 2. 如果 currentVector 在 llr 和 lr 中间，说明当前旋转方向与lr相反
-                 * 3. 如果 currentVector 到 lr 角度大于 currentVector 到 llr 角度，说明当前旋转方向与lr相反
-                 */
-                // 1. current lr llr 或 llr lr current
-                if (currentToLLR > currentToLR && currentToLLR > lrToLLR) {
-                    return lr.direction;
-                }
-                // 2. lr current llr 或 llr current lr
-                if (currentToLLR < lrToLLR && currentToLR < lrToLLR) {
-                    return !lr.direction;
-                }
-                // 3. lr llr current 或 current llr lr
-                if (currentToLLR < currentToLR && currentToLR > lrToLLR) {
-                    return !lr.direction;
-                }
-            }
-            return;
-        })();
-        if (rotationDirection === undefined)
-            return console.warn('rotationDirection is undefined');
-        this.rotations.push({ vector: currentVector, direction: rotationDirection });
-        this.rotations = this.rotations.slice(-2); // 只保留后两个
-        this.lastRotation.angle = this.lastRotation.angle + currentVector.angleTo(startVector) * (rotationDirection ? 1 : -1);
-        this.setAngleHelperLength(direction, this.lastRotation.angle);
-        this.setTipsAngle((this.lastRotation.angle / Math.PI) * 180);
-        // end
-        const quaternion = new THREE.Quaternion().setFromUnitVectors(startVector.clone().normalize(), currentVector.clone().normalize());
-        object.applyQuaternion(quaternion);
-        this.helperObject3D.applyHelperQuaternion(quaternion);
-        this.helperObject3DQuaternion.premultiply(quaternion);
-        this.hooks.emit('rotateUpdate', { quaternion, origin: rotateCenter });
-        this.startInfo.startVector = currentVector;
-    }
-    dragEnd() {
-        if (!this.isDragging)
-            return;
-        console.log('%c RotateController dragEnd', 'color: #e94e4e');
-        // 拖动结束，重置
-        this.startInfo = undefined;
-        this.isDragging = false;
-        this.lastRotation = undefined;
-        this.rotations = [];
-        // 显示所有
-        this.helperObject3D.show();
-        this.hooks.emit('rotateEnd');
-        return;
-    }
-    getAngleHelper(direction) {
-        switch (direction) {
-            case 'x':
-                return this.helperObject3D.xAngleHelper;
-            case 'y':
-                return this.helperObject3D.yAngleHelper;
-            case 'z':
-                return this.helperObject3D.zAngleHelper;
-        }
-    }
-    setAngleHelperStart(direction, start) {
-        const angleHelper = this.getAngleHelper(direction);
-        if (angleHelper instanceof THREE.Mesh && angleHelper.geometry instanceof THREE.CircleGeometry) {
-            const { radius, segments, thetaLength } = angleHelper.geometry.parameters;
-            angleHelper.geometry = new THREE.CircleGeometry(radius, segments, start, thetaLength);
-        }
-        else {
-            console.warn('only support THREE.CircleGeometry');
-        }
-    }
-    setAngleHelperLength(direction, length) {
-        const minLength = 0.001;
-        const thetaLength = length >= 0 ? Math.max(length, minLength) : Math.min(length, -minLength);
-        const angleHelper = this.getAngleHelper(direction);
-        if (angleHelper instanceof THREE.Mesh && angleHelper.geometry instanceof THREE.CircleGeometry) {
-            const { radius, thetaStart } = angleHelper.geometry.parameters;
-            const segments = Math.ceil(Math.abs(thetaLength) * (40 / (2 * Math.PI)));
-            angleHelper.geometry = new THREE.CircleGeometry(radius, segments, thetaStart, thetaLength);
-        }
-        else {
-            console.warn('only support THREE.CircleGeometry');
-        }
-    }
-    setTipsAngle(angle) {
-        var _a;
-        const element = (_a = this.helperObject3D.angleTips) === null || _a === void 0 ? void 0 : _a.element;
-        if (!element)
-            return;
-        element.innerText = `${angle.toFixed(0)}°`;
-    }
-    setTipsPosition(position) {
-        const angleTips = this.helperObject3D.angleTips;
-        if (!angleTips)
-            return;
-        const project = position.project(this.camera);
-        const { x, y, z } = project;
-        if (z > 1)
-            return;
-        const left = ((x + 1) / 2) * 100 + '%';
-        const top = ((-y + 1) / 2) * 100 + '%';
-        angleTips.setLeftTop(left, top);
-    }
-}

package/libs/src/shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.d.ts

@@ -1,11 +0,0 @@
-import type { Direction4 } from '../../typings';
-interface Square {
-    element: HTMLElement;
-    direction: Direction4;
-}
-export declare function rectangleScaleDom(): {
-    container: HTMLElement;
-    squares: [Square, Square, Square, Square, Square, Square, Square, Square];
-};
-export declare function backgroundDom(): HTMLElement;
-export {};