@realsee/dnalogel 2.0.0-alpha.29 → 2.0.0-alpha.30

package/libs/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/libs/PanoMeasurePlugin/Controller/MixedController.js

@@ -0,0 +1,337 @@
+import { Model } from '../Model';
+import Line from '../Model/line';
+import Point from '../Model/point';
+import BaseController from './BaseController';
+import DeleteDom from '../Modules/DeleteDom';
+import { findAssociatedLines } from '../utils/findAssociatedLines';
+import { Vector2 } from 'three';
+import isNDCPointInScreen from '../utils/isNDCPointInScreen';
+import { closestPointOnLine } from '../utils/math';
+export default class MixedController extends BaseController {
+    constructor(params) {
+        super(params);
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'watching'
+        });
+        Object.defineProperty(this, "model", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new Model({ userDistanceItemCreator: this.userDistanceItemCreator })
+        });
+        Object.defineProperty(this, "hasAppendDashed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "fiveElement", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "mobileStartPoint", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "mobileNowPoint", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "highlightedLines", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "deleteDom", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 圆环点到上一个端点连接的虚线 */
+        Object.defineProperty(this, "dashed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 编辑线条发生改变时通知外部 */
+        Object.defineProperty(this, "onLineChanged", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.hook.emit('editedLineChange', this.model.lines.map((line) => line.toCompletelyJson()));
+            }
+        });
+        Object.defineProperty(this, "onWantsTapGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (raycaster) => {
+                if (this.state === 'editing')
+                    return false;
+                const [target] = this.five.model.intersectRaycaster(raycaster);
+                if (!target)
+                    return;
+                const camera = this.five.camera;
+                const ndcTarget = target.point.clone().project(camera);
+                const screenWidth = this.container.clientWidth;
+                const screenHeight = this.container.clientHeight;
+                const targetScreenPosition = new Vector2(ndcTarget.x * screenWidth, ndcTarget.y * screenHeight);
+                // 把线的端点全部映射到屏幕上，过滤掉不在视野内的线，同时乘以屏幕宽 & 高
+                const screenLines = this.model.lines
+                    .map((line) => {
+                    const [startPoint, endPoint] = line.points;
+                    const ndcStartPoint = startPoint.position.clone().project(camera);
+                    const ndcEndPoint = endPoint.position.clone().project(camera);
+                    if (!isNDCPointInScreen(ndcStartPoint) && !isNDCPointInScreen(ndcEndPoint))
+                        return null;
+                    const startScreenPosition = new Vector2(ndcStartPoint.x * screenWidth, ndcStartPoint.y * screenHeight);
+                    const endScreenPosition = new Vector2(ndcEndPoint.x * screenWidth, ndcEndPoint.y * screenHeight);
+                    return { id: line.id, points: [startScreenPosition, endScreenPosition] };
+                })
+                    .filter((line) => !!line);
+                if (screenLines.length === 0)
+                    return;
+                // 找这些线距离鼠标点击位置最近的线
+                const distanceLines = screenLines
+                    .map((line) => {
+                    const closestPoint = closestPointOnLine(targetScreenPosition, line.points);
+                    return { id: line.id, distance: closestPoint.distanceTo(targetScreenPosition) };
+                })
+                    .sort((a, b) => a.distance - b.distance);
+                const closestScreenLine = distanceLines[0];
+                if (closestScreenLine.distance > 20)
+                    return;
+                const closestLine = this.model.lines.find(({ id }) => id === closestScreenLine.id);
+                if (!closestLine)
+                    return;
+                this.chooseLine(closestLine);
+                return false;
+            }
+        });
+        /** 编辑时取消走点,watch时可以走 */
+        Object.defineProperty(this, "onWantsToMoveToPano", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.state === 'watching'
+        });
+        /** 移动全景时更新 distanceItem 在屏幕上的位置 */
+        Object.defineProperty(this, "onCameraUpdate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.updateDistanceUI();
+                this.dashed.distanceItem.update(this.five);
+            }
+        });
+        /** mobile态时更新虚线 */
+        Object.defineProperty(this, "updateMobileDashed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.mobileStartPoint || !this.mobileNowPoint)
+                    return;
+                this.dashed.points[0].position.copy(this.mobileStartPoint.position);
+                this.dashed.points[1].position.copy(this.mobileNowPoint.position);
+                this.dashed.mesh.setPoints(this.mobileStartPoint.position, this.mobileNowPoint.position);
+                this.dashed.distanceItem.update(this.five);
+            }
+        });
+        /** mobile态时更新放大镜 */
+        Object.defineProperty(this, "updateMagnifier", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (point) => {
+                if (this.magnifier.visible === false) {
+                    this.magnifier.appendTo(this.container);
+                }
+                requestAnimationFrame(() => this.magnifier.renderWithPoint(point.position));
+                this.five.needsRender = true;
+            }
+        });
+        Object.defineProperty(this, "onGetStartPoint", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (point) => {
+                this.mobileStartPoint = point;
+            }
+        });
+        Object.defineProperty(this, "onGetEndPoint", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (point) => {
+                const endPoint = this.mobileNowPoint;
+                this.removeLine(this.dashed);
+                this.hasAppendDashed = false;
+                if (this.mobileStartPoint && endPoint) {
+                    const line = new Line(this.mobileStartPoint, endPoint, this.model);
+                    line.distanceItem.appendTo(this.container);
+                    line.distanceItem.update(this.five);
+                    line.hook.on('selected', this.chooseLine);
+                    this.group.add(line.mesh);
+                    this.model.addLine(line);
+                }
+                this.mobileStartPoint = null;
+                this.mobileNowPoint = null;
+                this.five.needsRender = true;
+            }
+        });
+        Object.defineProperty(this, "onNowPointChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (point) => {
+                if (this.state === 'watching') {
+                    this.mobileNowPoint = point;
+                    this.updateMagnifier(point);
+                    return;
+                }
+                if (!this.hasAppendDashed) {
+                    this.dashed.distanceItem.appendTo(this.container);
+                    this.group.add(this.dashed.mesh);
+                    this.hasAppendDashed = true;
+                }
+                this.five.needsRender = true;
+                this.mobileNowPoint = point;
+                this.updateMobileDashed();
+                this.updateMagnifier(point);
+                this.five.needsRender = true;
+            }
+        });
+        Object.defineProperty(this, "onWillChangeState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (state, newState) => {
+                this.state = newState;
+                if (this.state === 'watching') {
+                    this.five.helperVisible = true;
+                }
+                else {
+                    // 隐藏点位和鼠标聚焦环
+                    this.five.helperVisible = false;
+                }
+            }
+        });
+        Object.defineProperty(this, "chooseLine", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (line) => {
+                const highlightLines = findAssociatedLines(line);
+                this.highlightLines(highlightLines);
+                this.five.needsRender = true;
+                this.hook.emit('selectedChange', highlightLines.map((line) => line.toCompletelyJson()));
+            }
+        });
+        Object.defineProperty(this, "deleteDomClickCallback", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.highlightedLines.forEach((line) => {
+                    this.removeLine(line);
+                    this.model.removeLine(line);
+                });
+                this.highlightedLines = [];
+                this.deleteDom.setLines([]).hide();
+            }
+        });
+        Object.defineProperty(this, "cancelDeleteClickCallback", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.clearHighlightLines();
+            }
+        });
+        this.deleteDom = new DeleteDom(this.five, {
+            onClick: this.deleteDomClickCallback,
+            cancelDelete: this.cancelDeleteClickCallback,
+        }).appendTo(this.container);
+        // ==================== 虚线 ====================
+        this.dashed = new Line(new Point([0, 0, 0]), new Point([0, 0, 0]), this.model);
+        this.dashed.mesh.setMaterial({ dashed: true, dashScale: 100 });
+        this.dashed.mesh.name = 'dashLine';
+        // ==================== 事件监听 ====================
+        // five
+        this.five.on('cameraUpdate', this.onCameraUpdate);
+        this.five.on('wantsTapGesture', this.onWantsTapGesture);
+        this.five.on('wantsToMoveToPano', this.onWantsToMoveToPano);
+        // model
+        this.model.hook.on('lineAdded', this.onLineChanged);
+        this.model.hook.on('lineRemoved', this.onLineChanged);
+        // ==================== 其他 ====================
+        this.hook.on('getStartPoint', this.onGetStartPoint);
+        this.hook.on('getEndPoint', this.onGetEndPoint);
+        this.hook.on('nowPointChange', this.onNowPointChange);
+        this.hook.on('willChangeState', this.onWillChangeState);
+        this.five.refresh();
+    }
+    dispose() {
+        super.dispose();
+        this.group.remove(this.mouseGroup, this.dashed.mesh);
+        // ==================== 解除事件监听 ====================
+        // five
+        this.five.off('cameraUpdate', this.onCameraUpdate);
+        this.five.off('wantsTapGesture', this.onWantsTapGesture);
+        this.five.off('wantsToMoveToPano', this.onWantsToMoveToPano);
+        // model
+        this.model.hook.off('lineAdded', this.onLineChanged);
+        this.model.hook.off('lineRemoved', this.onLineChanged);
+        this.hook.off('getStartPoint', this.onGetStartPoint);
+        this.hook.off('getEndPoint', this.onGetEndPoint);
+        this.hook.off('nowPointChange', this.onNowPointChange);
+        this.hook.off('willChangeState', this.onWillChangeState);
+        this.hook.emit('selectedChange', []);
+        this.dashed.distanceItem.remove();
+        this.five.needsRender = true;
+    }
+    highlightLine(line) {
+        if (line.selected)
+            return;
+        line.selected = true;
+        this.group.add(line.lightMesh);
+        line.distanceItem.highlight();
+        this.five.needsRender = true;
+    }
+    clearHighlightLines() {
+        if (this.group.children.length === 0)
+            return;
+        this.deleteDom.setLines([]).hide();
+        this.model.lines.forEach((line) => {
+            line.selected = false;
+            line.distanceItem.unHighlight();
+            this.group.remove(line.lightMesh);
+        });
+        this.highlightedLines = [];
+        this.five.needsRender = true;
+    }
+    getEditingLines() {
+        return this.model.lines;
+    }
+    highlightLines(lines) {
+        this.clearHighlightLines();
+        this.highlightedLines = lines;
+        this.deleteDom.setLines(lines).updatePosition().show();
+        lines.forEach((line) => this.highlightLine(line));
+    }
+}

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

@@ -22,4 +22,5 @@ export default class WatchController extends BaseController {
     private lineRemoved;
     private onCameraUpdate;
     private deleteDomClickCallback;
+    private cancelDeleteClickCallback;
 }

package/libs/PanoMeasurePlugin/Controller/WatchController.js

@@ -87,7 +87,7 @@ export default class WatchController extends BaseController {
                 // 还原选中态
                 this.highlightLines(this.editPointState.associatedLines);
                 this.editPointState = undefined;
-                this.magnifier.dispose();
+                this.magnifier.remove();
                 this.group.remove(this.mouseGroup);
             }
         });
@@ -124,7 +124,7 @@ export default class WatchController extends BaseController {
                     line.mesh.setMaterial({ dashed: true });
                 });
                 this.updateDistanceUI();
-                this.magnifier.updateWithPoint(intersection.point);
+                this.magnifier.renderWithPoint(intersection.point);
                 this.mouseGroup.position.copy(intersection.point);
                 if (mesh) {
                     this.mouseGroup.quaternion.copy(mesh.quaternion);
@@ -242,7 +242,18 @@ export default class WatchController extends BaseController {
                 this.deleteDom.setLines([]).hide();
             }
         });
-        this.deleteDom = new DeleteDom(this.five, { onClick: this.deleteDomClickCallback }).appendTo(this.container);
+        Object.defineProperty(this, "cancelDeleteClickCallback", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.clearHighlightLines();
+            }
+        });
+        this.deleteDom = new DeleteDom(this.five, {
+            onClick: this.deleteDomClickCallback,
+            cancelDelete: this.cancelDeleteClickCallback,
+        }).appendTo(this.container);
         this.model.lines.forEach((line) => {
             line.distanceItem.appendTo(this.container);
             line.distanceItem.update(this.five);

package/libs/PanoMeasurePlugin/Controller/index.d.ts

@@ -1,29 +1,33 @@
-import type { PluginData } from '../typings/data';
-import type { PluginEvent } from '../typings/event.type';
+import type { OpenParameter, PluginData } from '../typings/data';
+import type { PanoMeasurePluginEvent } from '../typings/event.type';
 import type { UserDistanceItem } from '../utils/distanceDom';
+import Magnifier, { MagnifierParameter } from '../Modules/Magnifier';
 import { Five, Subscribe } from '@realsee/five';
-export declare type Mode = 'Watch' | 'Edit';
-export interface MeasurePluginParameter {
+export declare type Mode = 'Watch' | 'Edit' | 'Mixed';
+export interface PanoMeasureParameterType {
+    openParams?: OpenParameter;
+    magnifierParams?: MagnifierParameter;
     useUIController?: boolean;
     useGuideController?: boolean;
     userDistanceItemCreator?: () => UserDistanceItem;
 }
 export default class MeasureController {
     hasOpen: boolean;
-    hook: Subscribe<PluginEvent>;
+    hook: Subscribe<PanoMeasurePluginEvent>;
+    magnifier: Magnifier;
     private five;
     private model;
     private group;
-    private magnifier;
     private fiveHelper;
     private useUIController?;
     private params;
     private useGuideController?;
+    private rangePieceController?;
     private container;
     private shortcutKeyController?;
     private controller;
     private controllerParams;
-    constructor(five: Five, params: MeasurePluginParameter);
+    constructor(five: Five, params: PanoMeasureParameterType);
     appendTo(parent: HTMLElement): void;
     dispose(): void;
     /** 加载数据
@@ -45,7 +49,7 @@ export default class MeasureController {
     /** 变更场景
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
-    changeMode: (mode: Mode) => void;
+    changeMode: (mode: Mode) => Error;
     /** 撤销编辑 */
     revoke(): void;
     removeLineByID(lineID: string): void;
@@ -58,4 +62,9 @@ export default class MeasureController {
     save(): this;
     /** 把当前以保存的数据转换成 JSON 对象 */
     toJson(): PluginData;
+    /**
+     * @description 改变插件的模式（pc端模式或移动端模式）
+     * @param isMobile true为移动端模式，false为pc端
+     */
+    changeIsMobile(isMobile: boolean): void;
 }

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -2,6 +2,7 @@ import Magnifier from '../Modules/Magnifier';
 import FiveHelper from '../Modules/FiveHelper';
 import EditController from './EditController';
 import WatchController from './WatchController';
+import MixedController from './MixedController';
 import { Group } from 'three';
 import { Model } from '../Model';
 import { Subscribe } from '@realsee/five';
@@ -9,8 +10,10 @@ import { getMouseGroup } from '../utils/mouseGroup';
 import { UIController } from '../Modules/UIController';
 import { GuideController } from '../Modules/GuideController';
 import { ShortcutKeyController } from './ShortcutKeyController';
+import RangePieceController from '../Modules/rangePiece';
 export default class MeasureController {
     constructor(five, params) {
+        var _a, _b;
         Object.defineProperty(this, "hasOpen", {
             enumerable: true,
             configurable: true,
@@ -23,25 +26,25 @@ export default class MeasureController {
             writable: true,
             value: new Subscribe()
         });
-        Object.defineProperty(this, "five", {
+        Object.defineProperty(this, "magnifier", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "model", {
+        Object.defineProperty(this, "five", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "group", {
+        Object.defineProperty(this, "model", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(this, "magnifier", {
+        Object.defineProperty(this, "group", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -71,6 +74,12 @@ export default class MeasureController {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "rangePieceController", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         Object.defineProperty(this, "container", {
             enumerable: true,
             configurable: true,
@@ -104,6 +113,8 @@ export default class MeasureController {
                     return 'Edit';
                 if (this.controller instanceof WatchController)
                     return 'Watch';
+                if (this.controller instanceof MixedController)
+                    return 'Mixed';
                 return null;
             }
         });
@@ -120,6 +131,9 @@ export default class MeasureController {
                     return;
                 if (this.getCurrentMode() === mode)
                     return;
+                // 不支持Mixed模式与其他模式切换
+                if (this.getCurrentMode() === 'Mixed' || mode === 'Mixed')
+                    return new Error('不支持切换的Mode');
                 (_a = this.controller) === null || _a === void 0 ? void 0 : _a.dispose();
                 const controllerMap = {
                     Watch: WatchController,
@@ -136,9 +150,7 @@ export default class MeasureController {
         this.model = new Model({ userDistanceItemCreator: this.params.userDistanceItemCreator });
         this.fiveHelper = new FiveHelper(five);
         // magnifier
-        const magnifierSize = 190;
-        const magnifierScale = 2;
-        this.magnifier = new Magnifier(five, { scale: magnifierScale, width: magnifierSize, height: magnifierSize });
+        this.magnifier = new Magnifier(five, (_a = params.magnifierParams) !== null && _a !== void 0 ? _a : { width: 190, height: 190, scale: 2 });
         // ==================== Group ====================
         this.group = new Group();
         this.group.name = 'plugin-measure-group';
@@ -149,6 +161,7 @@ export default class MeasureController {
         this.container.style.height = '100%';
         this.container.style.opacity = '0';
         this.container.style.background = 'rgba(0, 0, 0, 0.15)';
+        const openParams = (_b = this.params.openParams) !== null && _b !== void 0 ? _b : {};
         this.controllerParams = {
             five: this.five,
             hook: this.hook,
@@ -157,15 +170,18 @@ export default class MeasureController {
             magnifier: this.magnifier,
             container: this.container,
             fiveHelper: this.fiveHelper,
+            openParams,
             mouseGroup: getMouseGroup(),
             userDistanceItemCreator: this.params.userDistanceItemCreator,
         };
         if (this.params.useUIController !== false)
             this.useUIController = new UIController(this, this.controllerParams);
-        if (this.params.useUIController !== false)
+        if (this.params.useGuideController !== false)
             this.useGuideController = new GuideController(this, this.controllerParams);
     }
     appendTo(parent) {
+        // const intersect = new IntersectController(this.five)
+        // intersect.appendTo(parent)
         parent.append(this.container);
     }
     dispose() {
@@ -188,18 +204,24 @@ export default class MeasureController {
      * @description 会隐藏当前 VR 内的点位展示
      */
     enable() {
-        var _a, _b;
+        var _a, _b, _c;
         if (this.hasOpen)
             return;
         this.hasOpen = true;
         this.five.scene.add(this.group);
         // 修改透明度
         this.container.style.opacity = '1';
-        // 隐藏点位和鼠标聚焦环
-        this.five.helperVisible = false;
-        this.controller = new WatchController(this.controllerParams);
-        (_a = this.useUIController) === null || _a === void 0 ? void 0 : _a.show();
-        (_b = this.useGuideController) === null || _b === void 0 ? void 0 : _b.show();
+        if ((_a = this.params.openParams) === null || _a === void 0 ? void 0 : _a.isMobile) {
+            this.controller = new MixedController(this.controllerParams);
+            this.rangePieceController = new RangePieceController(this.controllerParams);
+        }
+        else {
+            // 隐藏点位和鼠标聚焦环
+            this.five.helperVisible = false;
+            this.controller = new WatchController(this.controllerParams);
+        }
+        (_b = this.useUIController) === null || _b === void 0 ? void 0 : _b.show();
+        (_c = this.useGuideController) === null || _c === void 0 ? void 0 : _c.show();
         this.shortcutKeyController = new ShortcutKeyController(this, this.five);
         this.hook.emit('enable', true);
     }
@@ -208,15 +230,16 @@ export default class MeasureController {
      * @description 还原点位展示和默认鼠标 UI
      */
     disable() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         this.hasOpen = false;
         // 修改透明度
         this.container.style.opacity = '0';
         // 展示点位和鼠标聚焦环
         (_a = this.controller) === null || _a === void 0 ? void 0 : _a.dispose();
-        (_b = this.useUIController) === null || _b === void 0 ? void 0 : _b.hide();
-        (_c = this.useGuideController) === null || _c === void 0 ? void 0 : _c.hide();
-        (_d = this.shortcutKeyController) === null || _d === void 0 ? void 0 : _d.dispose();
+        (_b = this.rangePieceController) === null || _b === void 0 ? void 0 : _b.dispose();
+        (_c = this.useUIController) === null || _c === void 0 ? void 0 : _c.hide();
+        (_d = this.useGuideController) === null || _d === void 0 ? void 0 : _d.hide();
+        (_e = this.shortcutKeyController) === null || _e === void 0 ? void 0 : _e.dispose();
         this.controller = null;
         this.five.helperVisible = true;
         this.five.scene.remove(this.group);
@@ -262,4 +285,20 @@ export default class MeasureController {
     toJson() {
         return this.model.toJson();
     }
+    /**
+     * @description 改变插件的模式（pc端模式或移动端模式）
+     * @param isMobile true为移动端模式，false为pc端
+     */
+    changeIsMobile(isMobile) {
+        var _a, _b;
+        if (((_a = this.controllerParams.openParams) === null || _a === void 0 ? void 0 : _a.isMobile) === undefined) {
+            this.controllerParams.openParams.isMobile = isMobile;
+        }
+        if (this.controllerParams.openParams.isMobile === isMobile)
+            return;
+        this.controllerParams.openParams.isMobile = isMobile;
+        if (this.params.useUIController !== false)
+            (_b = this.useUIController) === null || _b === void 0 ? void 0 : _b.dispose();
+        this.useUIController = new UIController(this, this.controllerParams);
+    }
 }