@realsee/dnalogel 2.0.0-alpha.9 → 2.0.0-beta.36

package/dist/PanoCompassPlugin/index.js

@@ -91,7 +91,7 @@ async function loadTexture(url) {
 
 function evenNumber(num, config) {
     const roundNum = Math.round(num);
-    return roundNum % 2 === 0 ? roundNum : roundNum + Number(config?.smaller ? -1 : 1);
+    return roundNum % 2 === 0 ? roundNum : roundNum + Number((config === null || config === void 0 ? void 0 : config.smaller) ? -1 : 1);
 }
 
 function centerPoint(point1, point2) {
@@ -128,24 +128,25 @@ function createResizeObserver(func, element) {
 const CSS3DRenderPlugin = (five) => {
     const state = { disposeCallbacks: [] };
     const create3DDomContainer = (...params) => {
+        var _a, _b, _c;
         const points = params[0].map((point) => (point instanceof THREE.Vector3 ? point : transformPositionToVector3(point)));
         const config = params[1];
-        if (points?.length < 4)
+        if ((points === null || points === void 0 ? void 0 : points.length) < 4)
             return console.error('points must be equal or greater than than 4');
-        if (!five?.model?.loaded)
-            return console.error('five.model.loaded is: ', five?.model?.loaded);
+        if (!((_a = five === null || five === void 0 ? void 0 : five.model) === null || _a === void 0 ? void 0 : _a.loaded))
+            return console.error('five.model.loaded is: ', (_b = five === null || five === void 0 ? void 0 : five.model) === null || _b === void 0 ? void 0 : _b.loaded);
         const fiveElement = five.getElement();
         if (!fiveElement)
             return console.error('five.getElement() is ' + fiveElement);
         const disposers = [];
-        const ratio = config?.ratio || 0.00216;
+        const ratio = (config === null || config === void 0 ? void 0 : config.ratio) || 0.00216;
         if (ratio <= 0.00215)
             console.warn('if you need click css3DElement on safari, ratio must be greater than 0.00215');
-        const dpr = config?.dpr || 1;
-        const mode = config?.mode || 'front';
-        const autoRender = config?.autoRender ?? true;
-        const behindFiveContainer = config?.behindFiveContainer || fiveElement.parentElement || document.body;
-        const container = config?.container || document.createElement('div');
+        const dpr = (config === null || config === void 0 ? void 0 : config.dpr) || 1;
+        const mode = (config === null || config === void 0 ? void 0 : config.mode) || 'front';
+        const autoRender = (_c = config === null || config === void 0 ? void 0 : config.autoRender) !== null && _c !== void 0 ? _c : true;
+        const behindFiveContainer = (config === null || config === void 0 ? void 0 : config.behindFiveContainer) || fiveElement.parentElement || document.body;
+        const container = (config === null || config === void 0 ? void 0 : config.container) || document.createElement('div');
         container.classList.add('__Dnalogel-plugin--CSS3DRenderPlugin');
         // 获取css3DObject, 如果mode为behind的话，一起获取mesh
         const { css3DObject, mesh } = createObject(points, { ratio, dpr, container, mode });
@@ -154,15 +155,14 @@ const CSS3DRenderPlugin = (five) => {
         const frontModeUnInited = mode === 'front' && !state.frontMode;
         const behindModeUnInited = mode === 'behind' && !state.behindMode;
         const inited = !(frontModeUnInited || behindModeUnInited);
-        let stopRenderFlag = false;
-        let requestAnimationFrameId = null;
         if (behindModeUnInited) {
             state.behindMode = { scene: new THREE.Scene(), css3DRenderer: new CSS3DRenderer.CSS3DRenderer() };
         }
         if (frontModeUnInited) {
             state.frontMode = { scene: new THREE.Scene(), css3DRenderer: new CSS3DRenderer.CSS3DRenderer() };
         }
-        const { scene, css3DRenderer } = mode === 'behind' ? state.behindMode : state.frontMode;
+        const stateMode = mode === 'behind' ? state.behindMode : state.frontMode;
+        const { scene, css3DRenderer } = stateMode;
         const render = (() => {
             if (!inited) {
                 const css3DRendererSetSize = () => {
@@ -179,14 +179,14 @@ const CSS3DRenderPlugin = (five) => {
                 css3DRenderer.domElement.style.userSelect = 'none';
                 css3DRenderer.domElement.style.pointerEvents = 'none';
                 const renderEveryFrame = () => {
-                    if (stopRenderFlag)
-                        return;
-                    requestAnimationFrameId = requestAnimationFrame(renderEveryFrame);
+                    const requestAnimationFrameId = requestAnimationFrame(renderEveryFrame);
+                    stateMode.requestAnimationFrameId = requestAnimationFrameId;
                     css3DRenderer.render(scene, five.camera);
                 };
                 return () => {
+                    var _a;
                     scene.add(css3DObject);
-                    resizeObserver?.observe?.();
+                    (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
                     renderEveryFrame();
                     if (mode === 'behind' && mesh) {
                         five.scene.add(mesh);
@@ -210,19 +210,20 @@ const CSS3DRenderPlugin = (five) => {
         }
         // ======= INIT END =======
         const dispose = () => {
-            stopRenderFlag = true;
-            disposers.forEach((d) => d?.());
+            var _a;
+            disposers.forEach((d) => d === null || d === void 0 ? void 0 : d());
             scene.remove(css3DObject);
-            if (typeof requestAnimationFrameId === 'number')
-                cancelAnimationFrame(requestAnimationFrameId);
             if (scene.children.length === 0) {
+                if (typeof stateMode.requestAnimationFrameId === 'number') {
+                    cancelAnimationFrame(stateMode.requestAnimationFrameId);
+                }
                 css3DRenderer.domElement.remove();
                 if (mode === 'front')
                     state.frontMode = undefined;
                 if (mode === 'behind')
                     state.behindMode = undefined;
                 if (!state.behindMode && !state.frontMode) {
-                    resizeObserver?.unobserve?.();
+                    (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
                 }
             }
             return true;
@@ -257,9 +258,9 @@ const CSS3DRenderPlugin = (five) => {
         const rotateYAngle = new THREE.Vector3(1, 0, 0).angleTo(new THREE.Vector3(vector01.x, 0, vector01.z));
         const rotateZAngle = vector01.angleTo(new THREE.Vector3(vector01.x, 0, vector01.z));
         /**
-         * [0,1,0] => [0,0,1]  为rolate Worldx正方向
-         * [0,0,1] => [0,1,0]  为rolate Worldy正方向
-         * [0,1,1] => [-1,0,0] 为rolate Worldz正方向
+         * [0,1,0] => [0,0,1]  为rotate Worldx正方向
+         * [0,0,1] => [0,1,0]  为rotate Worldy正方向
+         * [0,1,1] => [-1,0,0] 为rotate Worldz正方向
          */
         const rotateX = (vector12.z > 0 ? -1 : 1) * rotateXAngle;
         const rotateY = (vector01.z < 0 ? 1 : -1) * rotateYAngle;
@@ -287,7 +288,7 @@ const CSS3DRenderPlugin = (five) => {
     return {
         create3DDomContainer,
         disposeAll: () => {
-            state.disposeCallbacks.forEach((d) => d?.());
+            state.disposeCallbacks.forEach((d) => d === null || d === void 0 ? void 0 : d());
             state.disposeCallbacks = [];
         },
     };
@@ -324,24 +325,53 @@ function requestAnimationFrameInterval(callback, frame = 60) {
 // export { default as tween } from './tween'
 
 class BetterTween extends TWEEN__default["default"].Tween {
-    disposeMethods = [];
-    animationFrameDisposer;
-    onDispose = (callback) => {
-        this.disposeMethods.push(callback);
-        return this;
-    };
-    play = () => {
-        this.start(0);
-        this.animationFrameDisposer = requestAnimationFrameInterval((time) => this.update(time));
-        return this;
-    };
-    dispose = () => {
-        this.stop();
-        this.animationFrameDisposer?.();
-        this.disposeMethods.forEach((fn) => fn());
-        this.disposeMethods = [];
-        TWEEN__default["default"].remove(this);
-    };
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "disposeMethods", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "animationFrameDisposer", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onDispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (callback) => {
+                this.disposeMethods.push(callback);
+                return this;
+            }
+        });
+        Object.defineProperty(this, "play", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.start(0);
+                this.animationFrameDisposer = requestAnimationFrameInterval((time) => this.update(time));
+                return this;
+            }
+        });
+        Object.defineProperty(this, "dispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a;
+                this.stop();
+                (_a = this.animationFrameDisposer) === null || _a === void 0 ? void 0 : _a.call(this);
+                this.disposeMethods.forEach((fn) => fn());
+                this.disposeMethods = [];
+                TWEEN__default["default"].remove(this);
+            }
+        });
+    }
 }
 function tweenProgress(duration, easing = TWEEN__default["default"].Easing.Linear.None) {
     const tween = new BetterTween({ progress: 0 }).to({ progress: 1 });
@@ -352,25 +382,170 @@ function tweenProgress(duration, easing = TWEEN__default["default"].Easing.Linea
     return tween;
 }
 
-const panoCompassPluginServerParams = {
-    name: 'PanoCompassPlugin',
-    version: 0,
-};
 const PanoCompassPlugin = function (five, config) {
     return new PanoCompassController(five, config);
 };
 class PanoCompassController {
-    five;
-    data;
-    config;
-    group = new THREE__namespace.Group();
-    modelLoaded = false;
-    roomInfoInstance;
-    roomInfoWrapperInstance;
-    compassMeshTween;
-    compassMesh;
-    entryDoorMesh;
     constructor(five, config) {
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "data", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "group", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new THREE__namespace.Group()
+        });
+        Object.defineProperty(this, "modelLoaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "roomInfoInstance", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "roomInfoWrapperInstance", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "compassMeshTween", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "compassMesh", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "entryDoorMesh", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "dispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a, _b, _c, _d;
+                this.five.scene.remove(this.group);
+                this.group.remove(...this.group.children);
+                (_b = (_a = this.compassMesh) === null || _a === void 0 ? void 0 : _a.material.map) === null || _b === void 0 ? void 0 : _b.dispose();
+                (_d = (_c = this.entryDoorMesh) === null || _c === void 0 ? void 0 : _c.material.map) === null || _d === void 0 ? void 0 : _d.dispose();
+                this.five.off('panoArrived', this.onFivePanoArrived);
+                this.five.off('panoWillArrive', this.onFivePanoWillArrive);
+            }
+        });
+        Object.defineProperty(this, "onFiveFistPanoLoaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.modelLoaded = true;
+                if (this.data)
+                    this.init();
+            }
+        });
+        Object.defineProperty(this, "onFivePanoWillArrive", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (panoIndex) => {
+                var _a, _b;
+                if (panoIndex === this.five.panoIndex)
+                    return;
+                (_a = this.compassMeshTween) === null || _a === void 0 ? void 0 : _a.dispose();
+                (_b = this.compassMesh) === null || _b === void 0 ? void 0 : _b.material.setValues({ opacity: 0 });
+            }
+        });
+        Object.defineProperty(this, "onFivePanoArrived", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (panoIndex) => {
+                var _a, _b, _c, _d;
+                // ======== fix compass position ========
+                const standingPosition = this.five.work.observers[panoIndex].standingPosition;
+                if (this.compassMesh) {
+                    // 指南针上移 0.01m，防止与地板重合
+                    this.compassMesh.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
+                    if (this.compassMesh.material.opacity !== 0)
+                        return;
+                    (_a = this.compassMeshTween) === null || _a === void 0 ? void 0 : _a.dispose();
+                    this.compassMeshTween = tweenProgress(1000)
+                        .onUpdate(({ progress }) => {
+                        var _a;
+                        (_a = this.compassMesh) === null || _a === void 0 ? void 0 : _a.material.setValues({ opacity: progress });
+                        this.five.needsRender = true;
+                    })
+                        .play();
+                }
+                // ======== fix entry door label position and rotation ========
+                if (this.entryDoorMesh) {
+                    const entryDoorPosition = new THREE__namespace.Vector3(this.data.entrance.position.x, this.data.entrance.position.y, this.data.entrance.position.z);
+                    const panoToEntryDoorVector = entryDoorPosition
+                        .clone()
+                        .setY(standingPosition.y)
+                        .sub(standingPosition)
+                        .normalize();
+                    const compassEntryDoorPosition = standingPosition
+                        .clone()
+                        .add(panoToEntryDoorVector.clone().multiplyScalar(0.7))
+                        .setY(standingPosition.y + 0.01);
+                    this.entryDoorMesh.rotation.z = new THREE__namespace.Vector3(0, 0, -1).angleTo(panoToEntryDoorVector);
+                    this.entryDoorMesh.position.copy(compassEntryDoorPosition);
+                    // 不是客厅时，隐藏入户门指引
+                    ((_b = this.data) === null || _b === void 0 ? void 0 : _b.room_observers[panoIndex].room.type) === 1
+                        ? (_c = this.entryDoorMesh) === null || _c === void 0 ? void 0 : _c.material.setValues({ opacity: 1 })
+                        : (_d = this.entryDoorMesh) === null || _d === void 0 ? void 0 : _d.material.setValues({ opacity: 0 });
+                }
+                // ======== fix room info ========
+                if (this.roomInfoInstance && this.roomInfoWrapperInstance) {
+                    this.roomInfoWrapperInstance.css3DObject.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
+                    this.roomInfoInstance.setRoom(this.data.room_observers[panoIndex].room);
+                }
+                this.five.needsRender = true;
+            }
+        });
+        Object.defineProperty(this, "onFiveCameraDirectionUpdate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ({ longitude, latitude, }) => {
+                var _a, _b;
+                if (!this.roomInfoWrapperInstance)
+                    return;
+                this.roomInfoWrapperInstance.css3DObject.rotation.z = longitude;
+                latitude > 0.66 && this.five.getCurrentState().mode === 'Panorama'
+                    ? (_a = this.roomInfoInstance) === null || _a === void 0 ? void 0 : _a.show()
+                    : (_b = this.roomInfoInstance) === null || _b === void 0 ? void 0 : _b.hide();
+            }
+        });
         this.five = five;
         this.config = config;
         this.five.scene.add(this.group);
@@ -385,19 +560,6 @@ class PanoCompassController {
         if (this.modelLoaded)
             this.init();
     }
-    dispose = () => {
-        this.five.scene.remove(this.group);
-        this.group.remove(...this.group.children);
-        this.compassMesh?.material.map?.dispose();
-        this.entryDoorMesh?.material.map?.dispose();
-        this.five.off('panoArrived', this.onFivePanoArrived);
-        this.five.off('panoWillArrive', this.onFivePanoWillArrive);
-    };
-    onFiveFistPanoLoaded = () => {
-        this.modelLoaded = true;
-        if (this.data)
-            this.init();
-    };
     async init() {
         if (!this.data || !this.modelLoaded)
             return;
@@ -421,7 +583,8 @@ class PanoCompassController {
         this.five.needsRender = true;
     }
     async loadCompassMesh() {
-        const compassImageUrl = this.config?.compassImageUrl ||
+        var _a;
+        const compassImageUrl = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.compassImageUrl) ||
             '//vrlab-image4.ljcdn.com/release/web/v3/north-point-circle.96498e69.png';
         const compassTexture = await loadTexture(compassImageUrl);
         const compassGeometry = new THREE__namespace.CircleGeometry(0.7, 32);
@@ -436,7 +599,8 @@ class PanoCompassController {
         return compassMesh;
     }
     async loadEntryDoorMesh() {
-        const entryDoorImageUrl = this.config?.entryDoorImageUrl ||
+        var _a;
+        const entryDoorImageUrl = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.entryDoorImageUrl) ||
             '//vrlab-image4.ljcdn.com/release/web/enterDoor.831b8208.png';
         const entryDoorTexture = await loadTexture(entryDoorImageUrl);
         const entryDoorGeometry = new THREE__namespace.PlaneGeometry(0.2, 0.16);
@@ -460,64 +624,13 @@ class PanoCompassController {
         const roomInfo = CSS3DRenderPlugin(this.five).create3DDomContainer(points);
         return roomInfo;
     }
-    onFivePanoWillArrive = (panoIndex) => {
-        if (panoIndex === this.five.panoIndex)
-            return;
-        this.compassMeshTween?.dispose();
-        this.compassMesh?.material.setValues({ opacity: 0 });
-    };
-    onFivePanoArrived = (panoIndex) => {
-        // ======== fix compass position ========
-        const standingPosition = this.five.work.observers[panoIndex].standingPosition;
-        if (this.compassMesh) {
-            // 指南针上移 0.01m，防止与地板重合
-            this.compassMesh.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
-            if (this.compassMesh.material.opacity !== 0)
-                return;
-            this.compassMeshTween?.dispose();
-            this.compassMeshTween = tweenProgress(1000)
-                .onUpdate(({ progress }) => {
-                this.compassMesh?.material.setValues({ opacity: progress });
-                this.five.needsRender = true;
-            })
-                .play();
-        }
-        // ======== fix entry door label position and rotation ========
-        if (this.entryDoorMesh) {
-            const entryDoorPosition = new THREE__namespace.Vector3(this.data.entrance.position.x, this.data.entrance.position.y, this.data.entrance.position.z);
-            const panoToEntryDoorVector = entryDoorPosition
-                .clone()
-                .setY(standingPosition.y)
-                .sub(standingPosition)
-                .normalize();
-            const compassEntryDoorPosition = standingPosition
-                .clone()
-                .add(panoToEntryDoorVector.clone().multiplyScalar(0.7))
-                .setY(standingPosition.y + 0.01);
-            this.entryDoorMesh.rotation.z = new THREE__namespace.Vector3(0, 0, -1).angleTo(panoToEntryDoorVector);
-            this.entryDoorMesh.position.copy(compassEntryDoorPosition);
-            // 不是客厅时，隐藏入户门指引
-            this.data?.room_observers[panoIndex].room.type === 1
-                ? this.entryDoorMesh?.material.setValues({ opacity: 1 })
-                : this.entryDoorMesh?.material.setValues({ opacity: 0 });
-        }
-        // ======== fix room info ========
-        if (this.roomInfoInstance && this.roomInfoWrapperInstance) {
-            this.roomInfoWrapperInstance.css3DObject.position.copy(standingPosition.clone().setY(standingPosition.y + 0.01));
-            this.roomInfoInstance.setRoom(this.data.room_observers[panoIndex].room);
-        }
-        this.five.needsRender = true;
-    };
-    onFiveCameraDirectionUpdate = ({ longitude, latitude, }) => {
-        if (!this.roomInfoWrapperInstance)
-            return;
-        this.roomInfoWrapperInstance.css3DObject.rotation.z = longitude;
-        latitude > 0.66 && this.five.getCurrentState().mode === 'Panorama'
-            ? this.roomInfoInstance?.show()
-            : this.roomInfoInstance?.hide();
-    };
 }
 
+const panoCompassPluginServerParams = {
+    name: 'PanoCompassPlugin',
+    version: 0,
+};
+
 exports.PanoCompassPlugin = PanoCompassPlugin;
 exports["default"] = PanoCompassPlugin;
 exports.panoCompassPluginServerParams = panoCompassPluginServerParams;

package/dist/PanoCursorRaycasterPlugin/index.d.ts

@@ -1,5 +1,5 @@
-import { Group, Vector3 } from 'three';
 import type { FivePlugin, Intersection } from '@realsee/five';
+import { Group, Vector3 } from 'three';
 export interface PanoCursorRaycasterPluginParameterType {
 }
 export interface PanoCursorRaycasterPluginExportType {

package/dist/PanoCursorRaycasterPlugin/index.js

@@ -52,20 +52,22 @@ const PanoCursorRaycasterPlugin = (five) => {
         return { clear, pointAxesHelperMesh };
     };
     const canSeePoint = (point, distanceError = 0) => {
-        const cameraPosition = five?.camera?.position;
+        var _a, _b;
+        const cameraPosition = (_a = five === null || five === void 0 ? void 0 : five.camera) === null || _a === void 0 ? void 0 : _a.position;
         if (!cameraPosition)
             return false;
         const distance = point.distanceTo(cameraPosition);
         const direction = point.sub(cameraPosition).normalize();
         const raycaster = new three.Raycaster(cameraPosition, direction);
-        const intersection = five.model.intersectRaycaster(raycaster)?.[0];
+        const intersection = (_b = five.model.intersectRaycaster(raycaster)) === null || _b === void 0 ? void 0 : _b[0];
         return !(intersection && intersection.distance + distanceError < distance);
     };
     const intersection = () => {
         return state.intersection;
     };
     const destroy = () => {
-        state.disposers?.forEach?.((d) => d?.());
+        var _a, _b;
+        (_b = (_a = state.disposers) === null || _a === void 0 ? void 0 : _a.forEach) === null || _b === void 0 ? void 0 : _b.call(_a, (d) => d === null || d === void 0 ? void 0 : d());
         five.off('intersectionOnModelUpdate', updateIntersection);
         five.off('intersectionHidden', clearIntersection);
     };

package/dist/PanoMeasurePlugin/Controller/BaseController.d.ts

@@ -1,11 +1,12 @@
-import Line from '../Model/line';
-import Magnifier from '../Modules/Magnifier';
-import FiveHelper from '../Modules/FiveHelper';
-import { Group } from 'three';
-import { Model } from '../Model';
-import { PluginEvent } from '../typings/event.type';
-import { Five, Intersection, IntersectMeshInterface, Subscribe } from '@realsee/five';
-import { UserDistanceItem } from '../utils/distanceDom';
+import type Line from '../Model/line';
+import type Magnifier from '../Modules/Magnifier';
+import type FiveHelper from '../Modules/FiveHelper';
+import type { Group } from 'three';
+import type { Model } from '../Model';
+import type { PanoMeasurePluginEvent } from '../typings/event.type';
+import type { UserDistanceItem } from '../utils/distanceDom';
+import type { Five, Intersection, IntersectMeshInterface, Subscribe } from '@realsee/five';
+import type { OpenParameter } from '../typings/data';
 export interface IControllerParams {
     five: Five;
     group: Group;
@@ -14,7 +15,8 @@ export interface IControllerParams {
     container: Element;
     magnifier: Magnifier;
     fiveHelper: FiveHelper;
-    hook: Subscribe<PluginEvent>;
+    openParams: OpenParameter;
+    hook: Subscribe<PanoMeasurePluginEvent>;
     userDistanceItemCreator?: () => UserDistanceItem;
 }
 export default abstract class BaseController {
@@ -22,6 +24,7 @@ export default abstract class BaseController {
     protected group: Group;
     protected model: Model;
     protected disposed: boolean;
+    protected isMobile: boolean;
     protected mouseGroup: Group;
     protected container: Element;
     protected fiveHelper: FiveHelper;

package/dist/PanoMeasurePlugin/Controller/EditController.d.ts

@@ -1,6 +1,6 @@
+import type { LineJson } from '../typings/data';
 import { Model } from '../Model';
 import Line from '../Model/line';
-import { LineJson } from '../typings/data';
 import BaseController, { IControllerParams } from './BaseController';
 export interface EditEvent {
     editedLineChange: (lines: LineJson[]) => void;

package/dist/PanoMeasurePlugin/Controller/MixedController.d.ts

@@ -0,0 +1,44 @@
+import type { LineJson } from '../typings/data';
+import { Model } from '../Model';
+import Line from '../Model/line';
+import BaseController, { IControllerParams } from './BaseController';
+export declare type State = 'watching' | 'editing';
+export interface EditEvent {
+    editedLineChange: (lines: LineJson[]) => void;
+}
+export default class MixedController extends BaseController {
+    state: State;
+    model: Model;
+    private hasAppendDashed;
+    private fiveElement?;
+    private mobileStartPoint;
+    private mobileNowPoint;
+    private highlightedLines;
+    private deleteDom;
+    /** 圆环点到上一个端点连接的虚线 */
+    private dashed;
+    constructor(params: IControllerParams);
+    dispose(): void;
+    highlightLine(line: Line): void;
+    clearHighlightLines(): void;
+    getEditingLines(): Line[];
+    /** 编辑线条发生改变时通知外部 */
+    private onLineChanged;
+    private onWantsTapGesture;
+    /** 编辑时取消走点,watch时可以走 */
+    private onWantsToMoveToPano;
+    /** 移动全景时更新 distanceItem 在屏幕上的位置 */
+    private onCameraUpdate;
+    /** mobile态时更新虚线 */
+    private updateMobileDashed;
+    /** mobile态时更新放大镜 */
+    private updateMagnifier;
+    private onGetStartPoint;
+    private onGetEndPoint;
+    private onNowPointChange;
+    private onWillChangeState;
+    private chooseLine;
+    private highlightLines;
+    private deleteDomClickCallback;
+    private cancelDeleteClickCallback;
+}

package/dist/PanoMeasurePlugin/Controller/ShortcutKeyController.d.ts

@@ -1,5 +1,5 @@
-import MeasureController from '.';
-import { Five } from '@realsee/five';
+import type MeasureController from '.';
+import type { Five } from '@realsee/five';
 /** 快捷键控制器 */
 export declare class ShortcutKeyController {
     five: Five;

package/dist/PanoMeasurePlugin/Controller/WatchController.d.ts

@@ -1,4 +1,4 @@
-import Line from '../Model/line';
+import type Line from '../Model/line';
 import BaseController, { IControllerParams } from './BaseController';
 export default class WatchController extends BaseController {
     type: string;
@@ -22,4 +22,5 @@ export default class WatchController extends BaseController {
     private lineRemoved;
     private onCameraUpdate;
     private deleteDomClickCallback;
+    private cancelDeleteClickCallback;
 }