@realsee/dnalogel 2.0.0-alpha.44 → 2.0.0-alpha.45

package/libs/src/PanoMeasurePlugin/Modules/rangePiece/index.js

@@ -1,264 +0,0 @@
-import { DoubleSide, Mesh, MeshBasicMaterial, Raycaster, RingGeometry } from 'three';
-import Point from '../../Model/point';
-import TWEEN from '@tweenjs/tween.js';
-import htmlString from './html';
-import { requestAnimationFrameInterval } from '../../../shared-utils/animationFrame';
-import noop from '../../../shared-utils/noop';
-import calculateThreeMouse from '../../utils/calculateThreeMouse';
-import { getMouseGroup } from '../../utils/mouseGroup';
-export default class RangePieceController {
-    // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
-    constructor(params) {
-        Object.defineProperty(this, "container", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: document.createElement('div')
-        });
-        Object.defineProperty(this, "five", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "group", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "mouseGroup", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "hasAppendMouseGroup", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "fiveHelper", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "hook", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "content", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "intersectMesh", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "centerMouseXY", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "raycaster", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Raycaster()
-        });
-        Object.defineProperty(this, "pieceStyl", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                matrix3d: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
-                scale: 1,
-                opacity: 0.4,
-            }
-        });
-        Object.defineProperty(this, "onCameraDirectionUpdate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                const intersection = this.getIntersection();
-                if (intersection) {
-                    this.pieceChange(intersection);
-                    this.updateMouseGroup(intersection);
-                    const nowPoint = new Point(this.mouseGroup.position);
-                    this.hook.emit('nowPointChange', nowPoint);
-                }
-            }
-        });
-        Object.defineProperty(this, "onWillChangeState", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (state, newState) => {
-                var _a;
-                this.dotAnimation();
-                const point = (_a = this.getIntersection()) === null || _a === void 0 ? void 0 : _a.point;
-                if (!point)
-                    return;
-                if (newState === 'editing') {
-                    this.hook.emit('getStartPoint', new Point(point));
-                }
-                else {
-                    this.hook.emit('getEndPoint', new Point(point));
-                }
-            }
-        });
-        /** 计算目标中心点经纬度 */
-        Object.defineProperty(this, "computedCenterMouseXY", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                const aimRef = this.container.querySelector('.range-piece__aim');
-                if (!aimRef)
-                    return null;
-                const { left, top, width, height } = aimRef.getBoundingClientRect();
-                const mouseX = Math.round(left + width / 2);
-                const mouseY = Math.round(top + height / 2);
-                const mouse = { x: mouseX, y: mouseY };
-                const mouseXY = calculateThreeMouse(mouse, this.five.getElement()); // 经纬度
-                this.centerMouseXY = mouseXY;
-            }
-        });
-        /** 计算目标中心点intersection */
-        Object.defineProperty(this, "getIntersection", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (!this.centerMouseXY)
-                    return null;
-                this.raycaster.setFromCamera(this.centerMouseXY, this.five.camera);
-                const intersection = this.five.model.intersectRaycaster(this.raycaster)[0];
-                if (intersection)
-                    return intersection;
-                else
-                    return null;
-            }
-        });
-        this.five = params.five;
-        this.hook = params.hook;
-        this.group = params.group;
-        this.mouseGroup = getMouseGroup(Object.assign({ isMobile: true }, params.openParams.crossHairParameter));
-        this.fiveHelper = params.fiveHelper;
-        this.container.innerHTML = htmlString;
-        this.container.classList.add('range-piece-controller');
-        this.content = this.container.querySelector('.range-piece__content');
-        if (this.content) {
-            this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`;
-            this.content.style.opacity = `${this.pieceStyl.opacity}`;
-        }
-        params.container.append(this.container);
-        this.intersectMesh = new Mesh(new RingGeometry(0.04, 0.08, 32), new MeshBasicMaterial({ color: 0x12fffb, opacity: 0, side: DoubleSide, transparent: true }));
-        this.container.addEventListener('animationend', this.computedCenterMouseXY);
-        this.five.on('cameraUpdate', this.onCameraDirectionUpdate);
-        this.hook.on('willChangeState', this.onWillChangeState);
-    }
-    dispose() {
-        this.container.removeEventListener('animationend', this.computedCenterMouseXY);
-        this.five.off('cameraUpdate', this.onCameraDirectionUpdate);
-        this.hook.off('willChangeState', this.onWillChangeState);
-        this.container.remove();
-        this.group.remove(this.mouseGroup);
-        this.mouseGroup.remove();
-        this.hasAppendMouseGroup = false;
-        this.five.scene.remove(this.intersectMesh);
-    }
-    pieceChange(intersection) {
-        const face = intersection.face;
-        const point = intersection.point;
-        if (face && point) {
-            const normal = face.normal.clone();
-            const positionVector = normal.clone().multiplyScalar(0.05);
-            const position = point.clone().add(positionVector);
-            this.intersectMesh.position.copy(position);
-            const lookAtVector = position.clone().add(positionVector);
-            this.intersectMesh.lookAt(lookAtVector);
-            this.five.scene.add(this.intersectMesh);
-            const matrix = this.intersectMesh.modelViewMatrix.clone().toArray();
-            this.changePieceStyl('matrix3d', matrix);
-            const scale = this.calculateSize(point);
-            this.changePieceStyl('scale', scale);
-        }
-    }
-    calculateSize(vector) {
-        if (!vector)
-            return;
-        const cameraPos = this.five.camera.position;
-        let distance = vector.distanceTo(cameraPos);
-        const maxDis = 4;
-        const minDis = 1;
-        if (distance > maxDis)
-            distance = maxDis;
-        if (distance < minDis)
-            distance = minDis;
-        const scale = (-0.51 / (maxDis - minDis)) * distance + 1;
-        return scale;
-    }
-    /** 点击按钮时圆片动画 */
-    dotAnimation() {
-        const firstEasing = TWEEN.Easing.Quadratic.InOut;
-        const from = { opacity: 0.4, scale: this.pieceStyl.scale };
-        const to = { opacity: [1, 0.4], scale: [this.pieceStyl.scale * 0.8, this.pieceStyl.scale] };
-        let stop = noop;
-        const firstTween = new TWEEN.Tween(from)
-            .to(to, 500)
-            .easing(firstEasing)
-            .start(0)
-            .onUpdate(({ opacity, scale }) => {
-            this.changePieceStyl('scale', scale);
-            this.changePieceStyl('opacity', opacity);
-        })
-            .onComplete(() => {
-            stop();
-        });
-        stop = requestAnimationFrameInterval((time) => {
-            firstTween.update(time);
-        });
-    }
-    changePieceStyl(key, value) {
-        if (!this.content)
-            return;
-        this.pieceStyl[key] = value;
-        this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`;
-        this.content.style.opacity = `${this.pieceStyl.opacity}`;
-    }
-    updateMouseGroup(intersection, mesh) {
-        if (!this.hasAppendMouseGroup) {
-            this.group.add(this.mouseGroup);
-            this.hasAppendMouseGroup = true;
-            const aimRef = this.container.querySelector('.range-piece__aim');
-            if (aimRef)
-                aimRef.style.opacity = '0';
-        }
-        if (!intersection)
-            return this.mouseGroup;
-        this.mouseGroup.position.copy(intersection.point);
-        // ============ update mouseGroup quaternion ============
-        if (mesh) {
-            this.mouseGroup.quaternion.copy(mesh.quaternion);
-        }
-        else if (intersection.face) {
-            const normal = intersection.face.normal;
-            const positionVector = normal.clone().multiplyScalar(0.05);
-            const position = intersection.point.clone().add(positionVector);
-            const lookAtVector = position.clone().add(positionVector);
-            this.mouseGroup.lookAt(lookAtVector);
-        }
-        return this.mouseGroup;
-    }
-}

package/libs/src/PanoMeasurePlugin/index.js

@@ -1,7 +0,0 @@
-import MeasureController from './Controller';
-import Magnifier from './Modules/Magnifier';
-export const PanoMeasurePlugin = function PanoMeasurePlugin(five, params) {
-    return new MeasureController(five, params);
-};
-export default PanoMeasurePlugin;
-export { Magnifier };

package/libs/src/PanoMeasurePlugin/typings/data.js

@@ -1 +0,0 @@
-export {};

package/libs/src/PanoMeasurePlugin/typings/event.type.js

@@ -1 +0,0 @@
-export {};

package/libs/src/PanoMeasurePlugin/typings/utils.type.js

@@ -1 +0,0 @@
-export {};

package/libs/src/PanoMeasurePlugin/utils/calculateThreeMouse.js

@@ -1,15 +0,0 @@
-import * as THREE from 'three';
-const { Vector2 } = THREE;
-/**
- * 计算 three 中的 mouse 的值
- * @param  {{x:Number, y:Number}} mouseXY 鼠标相对屏幕位置
- * @param  {Element}              element canvas元素（three的展示元素）
- */
-export default function calculateThreeMouse(mouseXY, element) {
-    const { offsetWidth: width, offsetHeight: height } = element;
-    const { top, left } = element.getBoundingClientRect();
-    return Object.assign(new Vector2(), {
-        x: ((mouseXY.x - left) / width) * 2 - 1,
-        y: (-(mouseXY.y - top) / height) * 2 + 1,
-    });
-}

package/libs/src/PanoMeasurePlugin/utils/clearGroup.js

@@ -1,3 +0,0 @@
-export default function clearGroup(group) {
-    group.children.length > 0 && group.remove(...group.children);
-}

package/libs/src/PanoMeasurePlugin/utils/constants.d.ts

@@ -1,4 +0,0 @@
-import type { ICreatLineOpts } from './line';
-export declare const normalLineOpts: ICreatLineOpts;
-export declare const dashLineOpts: ICreatLineOpts;
-export declare const lightLineOpts: ICreatLineOpts;

package/libs/src/PanoMeasurePlugin/utils/constants.js

@@ -1,31 +0,0 @@
-import { TextureLoader, Color } from 'three';
-const lineWidth = 1;
-const lightLineWidth = 3;
-const lineColor = new Color(0xffffff);
-const lightLineColor = new Color(0x6386ff);
-const pointColor = new Color(0xffffff);
-const lightPointColor = new Color(0x6386ff);
-const pointSize = 6;
-const lightPointSize = 8;
-const pointImage = 'data:image/png;base64,' +
-    'iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAG/Py2baba05un7UgfgAAAHJJREFUKM9joBpgLHVSCRdA4metAoJlCJHmVWBgAeNzroKCCVCBLpjACqgJVjCBxRBT2FbBQQJYQAohsBAsUIUQWA4WiEIILAULeCEEloAFtBACizAEMLRgGIphLabDMJ2O6TlM72MGECIIMQIZIxqoBQCPvpJ/e9FaAAAAAABJRU5ErkJggg==';
-const pointTexture = new TextureLoader().load(pointImage);
-export const normalLineOpts = {
-    pointTexture,
-    pointSize,
-    lineWidth,
-    lineColor,
-    pointColor,
-    lineRenderOrder: 20,
-    pointsRenderOrder: 20,
-};
-export const dashLineOpts = Object.assign(Object.assign({}, normalLineOpts), { dashed: true });
-export const lightLineOpts = {
-    pointTexture,
-    pointSize: lightPointSize,
-    lineWidth: lightLineWidth,
-    lineColor: lightLineColor,
-    pointColor: lightPointColor,
-    lineRenderOrder: 10,
-    pointsRenderOrder: 10,
-};

package/libs/src/PanoMeasurePlugin/utils/distanceDom.js

@@ -1,120 +0,0 @@
-import { Vector2, Vector3 } from 'three';
-import isNDCPointInScreen from './isNDCPointInScreen';
-function creatContentDom() {
-    const contentDom = document.createElement('div');
-    contentDom.setAttribute('style', `backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);`);
-    contentDom.style.padding = '3px 6px';
-    contentDom.style.lineHeight = '1';
-    contentDom.style.textAlign = 'center';
-    contentDom.style.transform = 'translate(-50%, -50%)';
-    contentDom.style.borderRadius = '100px';
-    contentDom.style.fontSize = '14px';
-    contentDom.style.color = '#fff';
-    contentDom.style.background = 'rgba(195,195,195,0.70)';
-    contentDom.style.border = '0.5px solid rgba(255,255,255,0.6)';
-    contentDom.style.pointerEvents = 'all';
-    contentDom.style.cursor = 'pointer';
-    return contentDom;
-}
-function createContainerDom(line) {
-    const containerDom = document.createElement('div');
-    containerDom.id = 'distance_' + line.id;
-    containerDom.classList.add('five-plugin-measure__distance');
-    containerDom.style.opacity = '0';
-    containerDom.style.position = 'absolute';
-    containerDom.style.left = '0';
-    containerDom.style.top = '0';
-    containerDom.style.transform = 'translate3d(0, 0, 0)';
-    containerDom.style.transformOrigin = 'left top';
-    return containerDom;
-}
-export function creatDistanceItem(props) {
-    function handleClick() {
-        var _a;
-        // 线被选中时才高亮，外部手动触发高亮
-        // highlight()
-        (_a = props.clickCallback) === null || _a === void 0 ? void 0 : _a.call(props, distanceItem);
-    }
-    function highlight() {
-        if (userDistanceItem)
-            return userDistanceItem.highlight();
-        contentDom.style.border = '0.5px solid #95AEFF';
-        contentDom.style.background = 'linear-gradient(90deg, #95AEFF 0%, #6386FF 100%)';
-    }
-    function unHighlight() {
-        if (userDistanceItem)
-            return userDistanceItem.unHighlight();
-        contentDom.style.border = '0.5px solid rgba(255,255,255,0.6)';
-        contentDom.style.background = 'rgba(195,195,195,0.70)';
-    }
-    function update(five) {
-        const fiveElement = five.getElement();
-        if (!fiveElement)
-            return;
-        const screenWidth = fiveElement.clientWidth;
-        const screenHeight = fiveElement.clientHeight;
-        if (line.points.length < 2)
-            return;
-        const [startPoint, endPoint] = line.points;
-        const ndcStartPosition = startPoint.position.clone().project(five.camera);
-        const ndcEndPosition = endPoint.position.clone().project(five.camera);
-        const ndcDomPosition = ndcStartPosition.clone().lerp(ndcEndPosition, 0.5);
-        const screenStartPosition = new Vector2(ndcStartPosition.x * screenWidth, ndcStartPosition.y * screenHeight);
-        const screenEndPosition = new Vector2(ndcEndPosition.x * screenWidth, ndcEndPosition.y * screenHeight);
-        const visible = (() => {
-            // 对于超过近平面和远平面的点，计算会有问题
-            if (Math.abs(ndcStartPosition.z) > 1 || Math.abs(ndcEndPosition.z) > 1)
-                return false;
-            if (!isNDCPointInScreen(ndcStartPosition) && !isNDCPointInScreen(ndcEndPosition))
-                return false;
-            if (!isNDCPointInScreen(ndcDomPosition))
-                return false;
-            if (screenStartPosition.distanceTo(screenEndPosition) < 20)
-                return false;
-            return true;
-        })();
-        if (visible === false) {
-            containerDom.style.opacity = '0';
-            containerDom.style.pointerEvents = 'none';
-            return;
-        }
-        // 更新 UI
-        const left = ((ndcDomPosition.x + 1) / 2) * screenWidth;
-        const top = (-(ndcDomPosition.y - 1) / 2) * screenHeight;
-        const rad = Math.atan((screenStartPosition.y - screenEndPosition.y) / (screenStartPosition.x - screenEndPosition.x));
-        const deg = -(rad * 180) / Math.PI;
-        containerDom.style.transform = `translate(${left}px, ${top}px) rotate(${deg}deg)`;
-        containerDom.style.opacity = '1';
-        containerDom.style.pointerEvents = 'all';
-        if (userDistanceItem) {
-            userDistanceItem.update({ line: line.toCompletelyJson(), polyline: line.getPolyline().toCompletelyJson() });
-        }
-        const distanceString = startPoint.position.clone().distanceTo(endPoint.position).toFixed(2) + 'm';
-        contentDom.innerText !== distanceString && (contentDom.innerText = distanceString);
-    }
-    function appendTo(container) {
-        container.appendChild(containerDom);
-        containerDom.addEventListener('click', handleClick);
-    }
-    function remove() {
-        contentDom.removeEventListener('click', handleClick);
-        containerDom.remove();
-    }
-    const { line } = props;
-    const lineID = line.id;
-    const contentDom = creatContentDom();
-    const containerDom = createContainerDom(line);
-    const userDistanceItem = props.userDistanceItem;
-    const ndcPosition = new Vector3(0, 0, 0);
-    const distanceItem = {
-        lineID,
-        ndcPosition,
-        update,
-        appendTo,
-        remove,
-        highlight: highlight,
-        unHighlight: unHighlight,
-    };
-    (userDistanceItem === null || userDistanceItem === void 0 ? void 0 : userDistanceItem.element) ? containerDom.appendChild(userDistanceItem.element) : containerDom.appendChild(contentDom);
-    return distanceItem;
-}

package/libs/src/PanoMeasurePlugin/utils/findAssociatedLines.js

@@ -1,21 +0,0 @@
-export function findAssociatedLines(line) {
-    // 找跟这个线段相邻的线
-    const mergeNextLine = (point, nextIndex, target) => {
-        const nextLine = point.lines.find((line) => {
-            const pointIndex = line.points.findIndex(({ id }) => id === point.id);
-            if (pointIndex === nextIndex)
-                return false;
-            return true;
-        });
-        if (!nextLine)
-            return target;
-        const nextPoint = nextLine.points[nextIndex];
-        if (!nextPoint)
-            return target;
-        return mergeNextLine(nextPoint, nextIndex, target.concat(nextLine));
-    };
-    const rightLines = mergeNextLine(line.points[0], 1, []);
-    const leftLines = mergeNextLine(line.points[0], 0, []);
-    const lines = rightLines.concat(leftLines);
-    return lines;
-}

package/libs/src/PanoMeasurePlugin/utils/findClosestPoint.js

@@ -1,27 +0,0 @@
-import ndc2Screen from './ndc2Screen';
-import isNDCPointInScreen from './isNDCPointInScreen';
-/**
- * @param tapPoint 注意这里的坐标是相对于 FiveElement 的
- */
-// eslint-disable-next-line max-params
-export function findClosestPoint(five, points, tapPoint, maxDistance) {
-    const container = five.getElement();
-    if (!container)
-        return null;
-    if (points.length === 0)
-        return null;
-    const containerSize = { width: container.clientWidth, height: container.clientHeight };
-    const ndcPoints = points
-        .map((point) => {
-        const ndcPosition = point.position.clone().project(five.camera);
-        if (!isNDCPointInScreen(ndcPosition))
-            return { distance: Infinity, point };
-        const screenPosition = ndc2Screen(ndcPosition, containerSize);
-        const distance = screenPosition.distanceTo(tapPoint);
-        return { distance, point };
-    })
-        .sort((a, b) => a.distance - b.distance);
-    if (typeof maxDistance === 'number' && ndcPoints[0].distance > maxDistance)
-        return null;
-    return ndcPoints[0];
-}

package/libs/src/PanoMeasurePlugin/utils/getIntersectionFromEvent.js

@@ -1,9 +0,0 @@
-import { Raycaster } from 'three';
-import { getPointFromHammerEvent } from './getPointFromHammerEvent';
-/** 通过鼠标事件或者触摸事件，获取当前点击屏幕关联的射线与模型的交点 */
-export function getIntersectionFromEvent(five, event) {
-    const mouse = getPointFromHammerEvent(event).ndcPoint;
-    const raycaster = new Raycaster();
-    raycaster.setFromCamera(mouse, five.camera);
-    return five.model.intersectRaycaster(raycaster);
-}

package/libs/src/PanoMeasurePlugin/utils/getPointFromHammerEvent.js

@@ -1,14 +0,0 @@
-import { Vector2 } from 'three';
-/**
- * 从 Hammer 事件中获取操作的点在交互 DOM 中的位置
- * @ignore TODO: make a suitable name
- */
-export function getPointFromHammerEvent(event) {
-    // clientX 与 clientY 是相对 document 的，需要转换成相对于 target 的坐标
-    const { x: clientX, y: clientY } = event.center;
-    const { clientWidth, clientHeight } = event.target;
-    const clientRect = event.target.getBoundingClientRect();
-    const position = new Vector2(clientX, clientY).sub(new Vector2(clientRect.left, clientRect.top));
-    const mouse = new Vector2((position.x / clientWidth) * 2 - 1, -(position.y / clientHeight) * 2 + 1);
-    return { point: position, ndcPoint: mouse };
-}

package/libs/src/PanoMeasurePlugin/utils/ironbox.js

@@ -1 +0,0 @@
-export const preventDefault = (e) => e.preventDefault();

package/libs/src/PanoMeasurePlugin/utils/isNDCPointInScreen.js

@@ -1,6 +0,0 @@
-export default function isNDCPointInScreen(ndcPoint) {
-    const { x, y, z } = ndcPoint;
-    if (Math.abs(x) > 1 || Math.abs(y) > 1 || Math.abs(z) > 1)
-        return false;
-    return true;
-}

package/libs/src/PanoMeasurePlugin/utils/line.js

@@ -1,33 +0,0 @@
-import { Line as FiveLine } from '@realsee/five/line';
-import { lightLineOpts, normalLineOpts } from './constants';
-import { Color } from 'three';
-export function creatLine(start, end, opts) {
-    var _a, _b, _c, _d, _e;
-    const lineWidth = (_a = opts === null || opts === void 0 ? void 0 : opts.lineWidth) !== null && _a !== void 0 ? _a : 2;
-    const lineColor = (_b = opts === null || opts === void 0 ? void 0 : opts.lineColor) !== null && _b !== void 0 ? _b : new Color(0xffffff);
-    const pointSize = (_c = opts === null || opts === void 0 ? void 0 : opts.pointSize) !== null && _c !== void 0 ? _c : 5;
-    const lineRenderOrder = (_d = opts === null || opts === void 0 ? void 0 : opts.lineRenderOrder) !== null && _d !== void 0 ? _d : 10;
-    const pointsRenderOrder = (_e = opts === null || opts === void 0 ? void 0 : opts.lineRenderOrder) !== null && _e !== void 0 ? _e : 20;
-    const line = new FiveLine(start, end);
-    // set line
-    line.setMaterial({ linewidth: lineWidth, color: lineColor });
-    line.line.material.depthTest = false;
-    line.line.material.transparent = true;
-    line.line.renderOrder = lineRenderOrder;
-    // set point
-    line.points.renderOrder = pointsRenderOrder;
-    const pointMaterial = line.points.material;
-    pointMaterial.depthTest = false;
-    pointMaterial.size = pointSize;
-    (opts === null || opts === void 0 ? void 0 : opts.pointColor) && pointMaterial.color.set(opts.pointColor).convertSRGBToLinear();
-    if (opts === null || opts === void 0 ? void 0 : opts.pointTexture)
-        pointMaterial.map = opts.pointTexture;
-    return line;
-}
-export function creatLineMesh(line, type) {
-    const [point, anotherPoint] = line.points;
-    const opts = type === 'light' ? lightLineOpts : normalLineOpts;
-    const fiveLine = creatLine(point.position, anotherPoint.position, opts);
-    fiveLine.name = 'normalLine_' + line.id;
-    return fiveLine;
-}

package/libs/src/PanoMeasurePlugin/utils/math.js

@@ -1,44 +0,0 @@
-import { Vector2 } from 'three';
-/**
- * 获取一点对于线段上最近的一点，
- * 如果可以是过直线垂线的垂足，不行的话取线段的两端
- * @param point
- * @param linePoints
- * @return
- */
-export function closestPointOnLine(point, linePoints) {
-    const tA = point.x - linePoints[0].x;
-    const tB = point.y - linePoints[0].y;
-    const tC = linePoints[1].x - linePoints[0].x;
-    const tD = linePoints[1].y - linePoints[0].y;
-    // 设线段为 AB 线段，线段外一点为 P
-    // tDot = AP 向量与 AB 向量乘积，tLenSq 为 |AB|平方。
-    // tParam 是 AP 向量在 AB 向量投影向量 AC 与 AB 向量的比。
-    const tDot = tA * tC + tB * tD;
-    const tLenSq = tC * tC + tD * tD;
-    const tParam = tDot / tLenSq;
-    let tXx, tYy;
-    if (tParam < 0 || samePointAt(linePoints[0], linePoints[1])) {
-        tXx = linePoints[0].x;
-        tYy = linePoints[0].y;
-    }
-    else if (tParam > 1) {
-        tXx = linePoints[1].x;
-        tYy = linePoints[1].y;
-    }
-    else {
-        tXx = linePoints[0].x + tParam * tC;
-        tYy = linePoints[0].y + tParam * tD;
-    }
-    return new Vector2(tXx, tYy);
-}
-/**
- * 检查两个点是否位置相同
- * point: { x: number, y: number }
- * @param  point1
- * @param  point2
- * @return
- */
-export function samePointAt(point1, point2) {
-    return point1.x === point2.x && point1.y === point2.y;
-}