@realsee/dnalogel 2.0.0-alpha.9 → 2.0.0

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

@@ -0,0 +1,264 @@
+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/PanoMeasurePlugin/index.d.ts

@@ -1,7 +1,10 @@
-import { FivePlugin } from '@realsee/five';
-import MeasureController, { MeasurePluginParameter } from './Controller';
-declare const PanoMeasurePlugin: FivePlugin<MeasurePluginParameter, PluginReturns>;
+import type { FivePlugin } from '@realsee/five';
+import MeasureController, { PanoMeasureParameterType } from './Controller';
+import Magnifier from './Modules/Magnifier';
+export declare const PanoMeasurePlugin: FivePlugin<PanoMeasureParameterType, PanoMeasureReturnType>;
 export default PanoMeasurePlugin;
-export declare type PluginReturns = MeasureController;
-export type { PluginEvent } from './typings/event.type';
-export type { LineJson, PointJson } from './typings/data';
+export declare type PanoMeasureReturnType = MeasureController;
+export type { PanoMeasurePluginEvent } from './typings/event.type';
+export type { LineJson, PointJson, OpenParameter } from './typings/data';
+export type { PanoMeasureParameterType } from './Controller';
+export { Magnifier };

package/libs/PanoMeasurePlugin/index.js

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

package/libs/PanoMeasurePlugin/typings/data.d.ts

@@ -26,3 +26,12 @@ export interface PluginData {
     points: PointJson[];
     polylines: PolylineJson[];
 }
+/** 开放可配置参数 */
+export interface OpenParameter {
+    isMobile?: boolean;
+    crossHairParameter?: CrossHairParameter;
+}
+export interface CrossHairParameter {
+    useNormalVector?: boolean;
+    ballColor?: number;
+}

package/libs/PanoMeasurePlugin/typings/event.type.d.ts

@@ -1,7 +1,9 @@
-import { SubscribeEventMap } from '@realsee/five';
-import { Vector3 } from 'three';
-import { Mode } from '../Controller';
-import { LineCompletelyJson } from './data';
+import type { SubscribeEventMap } from '@realsee/five';
+import type { Vector3 } from 'three';
+import type { Mode } from '../Controller';
+import type { State } from '../Controller/MixedController';
+import type Point from '../Model/point';
+import type { LineCompletelyJson } from './data';
 interface ControllerEvent extends SubscribeEventMap {
     /**
      * Mode 变更
@@ -24,5 +26,12 @@ interface DragEvent extends SubscribeEventMap {
         lines: string[];
     }) => boolean;
 }
-export declare type PluginEvent = ControllerEvent & EditEvent & WatchEvent & DragEvent;
+/** 移动端专用事件 */
+interface MobileEvent extends SubscribeEventMap {
+    getStartPoint: (point: Point) => void;
+    getEndPoint: (point: Point) => void;
+    willChangeState: (state: State, newState: State) => void;
+    nowPointChange: (point: Point) => void;
+}
+export declare type PanoMeasurePluginEvent = ControllerEvent & EditEvent & WatchEvent & DragEvent & MobileEvent;
 export {};

package/libs/PanoMeasurePlugin/utils/calculateThreeMouse.d.ts

@@ -0,0 +1,10 @@
+import * as THREE from 'three';
+/**
+ * 计算 three 中的 mouse 的值
+ * @param  {{x:Number, y:Number}} mouseXY 鼠标相对屏幕位置
+ * @param  {Element}              element canvas元素（three的展示元素）
+ */
+export default function calculateThreeMouse(mouseXY: any, element: any): THREE.Vector2 & {
+    x: number;
+    y: number;
+};

package/libs/PanoMeasurePlugin/utils/calculateThreeMouse.js

@@ -0,0 +1,15 @@
+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/PanoMeasurePlugin/utils/clearGroup.d.ts

@@ -1,2 +1,2 @@
-import { Group } from 'three';
+import type { Group } from 'three';
 export default function clearGroup(group: Group): void;

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

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

package/libs/PanoMeasurePlugin/utils/constants.js

@@ -1,12 +1,12 @@
 import { TextureLoader, Color } from 'three';
-const lineWidth = 2;
-const lightLineWidth = 4;
+const lineWidth = 1;
+const lightLineWidth = 3;
 const lineColor = new Color(0xffffff);
-const lightLineColor = new Color(0x2d7cff);
+const lightLineColor = new Color(0x6386ff);
 const pointColor = new Color(0xffffff);
-const lightPointColor = new Color(0x2d7cff);
-const pointSize = 8;
-const lightPointSize = 16;
+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);
@@ -19,7 +19,7 @@ export const normalLineOpts = {
     lineRenderOrder: 20,
     pointsRenderOrder: 20,
 };
-export const dashLineOpts = Object.assign({}, normalLineOpts, { dashed: true });
+export const dashLineOpts = Object.assign(Object.assign({}, normalLineOpts), { dashed: true });
 export const lightLineOpts = {
     pointTexture,
     pointSize: lightPointSize,

package/libs/PanoMeasurePlugin/utils/distanceDom.d.ts

@@ -1,8 +1,8 @@
-import Line from '../Model/line';
-import { Five } from '@realsee/five';
+import type Line from '../Model/line';
+import type { Five } from '@realsee/five';
+import type { LineCompletelyJson, PolylineCompletelyJson } from '../typings/data';
 import { Vector3 } from 'three';
-import { LineCompletelyJson, PolylineCompletelyJson } from '../typings/data';
-export declare type DistanceItem = ReturnType<typeof creatDistanceItem>;
+export declare type DistanceItem = ReturnType<typeof createDistanceItem>;
 export interface UserDistanceItem {
     element: Element;
     highlight: () => void;
@@ -17,7 +17,7 @@ export interface IDistanceItemProps {
     userDistanceItem?: UserDistanceItem;
     clickCallback?: (item: DistanceItem) => unknown;
 }
-export declare function creatDistanceItem(props: IDistanceItemProps): {
+export declare function createDistanceItem(props: IDistanceItemProps): {
     lineID: string;
     ndcPosition: Vector3;
     update: (five: Five) => void;

package/libs/PanoMeasurePlugin/utils/distanceDom.js

@@ -1,16 +1,17 @@
 import { Vector2, Vector3 } from 'three';
 import isNDCPointInScreen from './isNDCPointInScreen';
-function creatContentDom() {
+function createContentDom() {
     const contentDom = document.createElement('div');
-    contentDom.style.height = '24px';
-    contentDom.style.width = '62px';
-    contentDom.style.lineHeight = '24px';
+    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 = '12px';
+    contentDom.style.borderRadius = '100px';
     contentDom.style.fontSize = '14px';
-    contentDom.style.color = '#000000';
-    contentDom.style.background = '#fff';
+    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;
@@ -24,24 +25,27 @@ function createContainerDom(line) {
     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) {
+export function createDistanceItem(props) {
     function handleClick() {
-        highlight();
-        props.clickCallback?.(distanceItem);
+        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 = '1px solid #538FFF';
-        contentDom.style.color = '#538FFF';
+        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 = 'none';
-        contentDom.style.color = '#000';
+        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();
@@ -55,6 +59,8 @@ export function creatDistanceItem(props) {
         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)
@@ -63,8 +69,6 @@ export function creatDistanceItem(props) {
                 return false;
             if (!isNDCPointInScreen(ndcDomPosition))
                 return false;
-            const screenStartPosition = new Vector2(ndcStartPosition.x * screenWidth, ndcStartPosition.y * screenHeight);
-            const screenEndPosition = new Vector2(ndcEndPosition.x * screenWidth, ndcEndPosition.y * screenHeight);
             if (screenStartPosition.distanceTo(screenEndPosition) < 20)
                 return false;
             return true;
@@ -77,7 +81,9 @@ export function creatDistanceItem(props) {
         // 更新 UI
         const left = ((ndcDomPosition.x + 1) / 2) * screenWidth;
         const top = (-(ndcDomPosition.y - 1) / 2) * screenHeight;
-        containerDom.style.transform = `translate3d(${left}px, ${top}px, 10px)`;
+        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) {
@@ -96,7 +102,7 @@ export function creatDistanceItem(props) {
     }
     const { line } = props;
     const lineID = line.id;
-    const contentDom = creatContentDom();
+    const contentDom = createContentDom();
     const containerDom = createContainerDom(line);
     const userDistanceItem = props.userDistanceItem;
     const ndcPosition = new Vector3(0, 0, 0);
@@ -109,6 +115,6 @@ export function creatDistanceItem(props) {
         highlight: highlight,
         unHighlight: unHighlight,
     };
-    userDistanceItem?.element ? containerDom.appendChild(userDistanceItem.element) : containerDom.appendChild(contentDom);
+    (userDistanceItem === null || userDistanceItem === void 0 ? void 0 : userDistanceItem.element) ? containerDom.appendChild(userDistanceItem.element) : containerDom.appendChild(contentDom);
     return distanceItem;
 }

package/libs/PanoMeasurePlugin/utils/findAssociatedLines.d.ts

@@ -1,2 +1,2 @@
-import Line from '../Model/line';
+import type Line from '../Model/line';
 export declare function findAssociatedLines(line: Line): Line[];

package/libs/PanoMeasurePlugin/utils/findClosestPoint.d.ts

@@ -1,6 +1,6 @@
-import { Vector2 } from 'three';
-import Point from '../Model/point';
-import { Five } from '@realsee/five';
+import type { Vector2 } from 'three';
+import type Point from '../Model/point';
+import type { Five } from '@realsee/five';
 /**
  * @param tapPoint 注意这里的坐标是相对于 FiveElement 的
  */

package/libs/PanoMeasurePlugin/utils/getIntersectionFromEvent.d.ts

@@ -1,4 +1,4 @@
-import Hammer from 'hammerjs';
-import { Five, Intersection } from '@realsee/five';
+import type Hammer from 'hammerjs';
+import type { Five, Intersection } from '@realsee/five';
 /** 通过鼠标事件或者触摸事件，获取当前点击屏幕关联的射线与模型的交点 */
 export declare function getIntersectionFromEvent(five: Five, event: typeof Hammer['Input']): Intersection[];

package/libs/PanoMeasurePlugin/utils/getPointFromHammerEvent.d.ts

@@ -1,4 +1,4 @@
-import Hammer from 'hammerjs';
+import type Hammer from 'hammerjs';
 import { Vector2 } from 'three';
 /**
  * 从 Hammer 事件中获取操作的点在交互 DOM 中的位置

package/libs/PanoMeasurePlugin/utils/isNDCPointInScreen.d.ts

@@ -1,2 +1,2 @@
-import { Vector3 } from 'three';
+import type { Vector3 } from 'three';
 export default function isNDCPointInScreen(ndcPoint: Vector3): boolean;

package/libs/PanoMeasurePlugin/utils/line.d.ts

@@ -1,8 +1,8 @@
-import Line from '../Model/line';
+import type Line from '../Model/line';
 import { Line as FiveLine } from '@realsee/five/line';
 import { Color, Texture, Vector3 } from 'three';
 declare type ISetMaterialOpts = Parameters<FiveLine['setMaterial']>[0];
-export interface ICreatLineOpts extends ISetMaterialOpts {
+export interface ICreateLineOpts extends ISetMaterialOpts {
     hasPoint?: boolean;
     pointSize?: number;
     lineWidth?: number;
@@ -12,6 +12,6 @@ export interface ICreatLineOpts extends ISetMaterialOpts {
     lineColor?: Color | string | number;
     pointColor?: Color | string | number;
 }
-export declare function creatLine(start: Vector3, end: Vector3, opts?: ICreatLineOpts): FiveLine;
-export declare function creatLineMesh(line: Line, type: 'normal' | 'light'): FiveLine;
+export declare function createLine(start: Vector3, end: Vector3, opts?: ICreateLineOpts): FiveLine;
+export declare function createLineMesh(line: Line, type: 'normal' | 'light'): FiveLine;
 export {};

package/libs/PanoMeasurePlugin/utils/line.js

@@ -1,12 +1,13 @@
 import { Line as FiveLine } from '@realsee/five/line';
 import { lightLineOpts, normalLineOpts } from './constants';
 import { Color } from 'three';
-export function creatLine(start, end, opts) {
-    const lineWidth = opts?.lineWidth ?? 2;
-    const lineColor = opts?.lineColor ?? new Color(0xffffff);
-    const pointSize = opts?.pointSize ?? 5;
-    const lineRenderOrder = opts?.lineRenderOrder ?? 10;
-    const pointsRenderOrder = opts?.lineRenderOrder ?? 20;
+export function createLine(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 });
@@ -18,15 +19,15 @@ export function creatLine(start, end, opts) {
     const pointMaterial = line.points.material;
     pointMaterial.depthTest = false;
     pointMaterial.size = pointSize;
-    opts?.pointColor && pointMaterial.color.set(opts.pointColor).convertSRGBToLinear();
-    if (opts?.pointTexture)
+    (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) {
+export function createLineMesh(line, type) {
     const [point, anotherPoint] = line.points;
     const opts = type === 'light' ? lightLineOpts : normalLineOpts;
-    const fiveLine = creatLine(point.position, anotherPoint.position, opts);
+    const fiveLine = createLine(point.position, anotherPoint.position, opts);
     fiveLine.name = 'normalLine_' + line.id;
     return fiveLine;
 }

package/libs/PanoMeasurePlugin/utils/mouseGroup.d.ts

@@ -1,2 +1,7 @@
-import * as THREE from 'three';
-export declare function getMouseGroup(): THREE.Group;
+import { Group } from 'three';
+export interface MouseGroupParameter {
+    isMobile?: boolean;
+    useNormalVector?: boolean;
+    ballColor?: number;
+}
+export declare function getMouseGroup(params: MouseGroupParameter): Group;