@realsee/dnalogel 0.1.7-alpha.2 → 0.1.7-alpha.6

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

@@ -0,0 +1,36 @@
+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';
+export interface IControllerParams {
+    five: Five;
+    group: Group;
+    model: Model;
+    mouseGroup: Group;
+    container: Element;
+    magnifier: Magnifier;
+    fiveHelper: FiveHelper;
+    hook: Subscribe<PluginEvent>;
+    userDistanceItemCreator?: () => UserDistanceItem;
+}
+export default abstract class BaseController {
+    protected five: Five;
+    protected group: Group;
+    protected model: Model;
+    protected disposed: boolean;
+    protected mouseGroup: Group;
+    protected container: Element;
+    protected fiveHelper: FiveHelper;
+    protected hook: IControllerParams['hook'];
+    protected magnifier: IControllerParams['magnifier'];
+    protected userDistanceItemCreator: IControllerParams['userDistanceItemCreator'];
+    constructor(params: IControllerParams);
+    protected removeLine(line: Line): void;
+    protected updateDistanceUI: () => void;
+    protected updateMouseGroup(intersection: Intersection, mesh?: IntersectMeshInterface): Group;
+    protected dispose(): void;
+}

package/plugins/PanoMeasurePlugin/Controller/BaseController.js

@@ -0,0 +1,105 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.for-each.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _ironbox = require("../utils/ironbox");
+
+var BaseController = /*#__PURE__*/function () {
+  function BaseController(params) {
+    var _this = this;
+
+    (0, _classCallCheck2["default"])(this, BaseController);
+    (0, _defineProperty2["default"])(this, "disposed", false);
+    (0, _defineProperty2["default"])(this, "updateDistanceUI", function () {
+      _this.model.lines.forEach(function (line) {
+        return line.distanceItem.update(_this.five);
+      });
+    });
+    // ==================== Params ====================
+    this.five = params.five;
+    this.hook = params.hook;
+    this.model = params.model;
+    this.magnifier = params.magnifier;
+    this.container = params.container;
+    this.fiveHelper = params.fiveHelper;
+    this.userDistanceItemCreator = params.userDistanceItemCreator; // ==================== Groups ====================
+
+    this.group = params.group;
+    this.mouseGroup = params.mouseGroup;
+    var fiveElement = this.five.getElement();
+
+    if (fiveElement) {
+      fiveElement.addEventListener('touchstart', _ironbox.preventDefault);
+      fiveElement.addEventListener('contextmenu', _ironbox.preventDefault);
+    }
+  }
+
+  (0, _createClass2["default"])(BaseController, [{
+    key: "removeLine",
+    value: function removeLine(line) {
+      this.group.remove(line.mesh, line.lightMesh);
+      line.distanceItem.remove();
+      this.five.needsRender = true;
+    }
+  }, {
+    key: "updateMouseGroup",
+    value: function updateMouseGroup(intersection, mesh) {
+      if (!intersection) return this.mouseGroup; // ============ update mouseGroup position ============
+
+      var adsorbentPoint = this.fiveHelper.getAdsorbentPoint(intersection);
+      var viewPosition = adsorbentPoint ? adsorbentPoint : intersection.point;
+      this.mouseGroup.position.copy(viewPosition); // ============ update mouseGroup quaternion ============
+
+      if (mesh) {
+        this.mouseGroup.quaternion.copy(mesh.quaternion);
+      } else if (intersection.face) {
+        var normal = intersection.face.normal;
+        var positionVector = normal.clone().multiplyScalar(0.05);
+        var position = intersection.point.clone().add(positionVector);
+        var lookAtVector = position.clone().add(positionVector);
+        this.mouseGroup.lookAt(lookAtVector);
+      }
+
+      return this.mouseGroup;
+    }
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      var _this2 = this;
+
+      this.disposed = true;
+      this.magnifier.dispose();
+      this.model.lines.forEach(function (line) {
+        return _this2.removeLine(line);
+      });
+      var fiveElement = this.five.getElement();
+
+      if (fiveElement) {
+        fiveElement.removeEventListener('touchstart', _ironbox.preventDefault);
+        fiveElement.removeEventListener('contextmenu', _ironbox.preventDefault);
+      }
+    }
+  }]);
+  return BaseController;
+}();
+
+exports["default"] = BaseController;

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

@@ -0,0 +1,52 @@
+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;
+}
+export default class EditController extends BaseController {
+    type: string;
+    model: Model;
+    private pressPoint?;
+    private hasAppendDashed;
+    private hasAppendMouseGroup;
+    private fiveElement?;
+    /** 上一个端点位置 */
+    private lastPoint;
+    /** 鼠标点到上一个端点连接的虚线 */
+    private dashed;
+    private hammer?;
+    /** 根据 intersection 更新放大镜和吸附点 */
+    private onIntersectionUpdate;
+    constructor(params: IControllerParams);
+    dispose(): void;
+    getEditingLines(): Line[];
+    /** 撤销编辑 */
+    revoke: () => void;
+    private onMouseLeave;
+    /** 编辑线条发生改变时通知外部 */
+    private onLineChanged;
+    private onPress;
+    /**
+     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
+     * 2. 如果有长按点，把长按点位置更新为当前位置
+     */
+    private onPan;
+    private onPanEnd;
+    /**
+     * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
+     * 2. 把上一个点的位置更新为当前点的位置
+     * 3. 清除 mouseGroup 和 magnifier
+     */
+    private onTap;
+    private onWantsTapGesture;
+    /** 编辑时取消走点 */
+    private onWantsToMoveToPano;
+    /** 存在长按点时不能移动全景 */
+    private onWantsPanGesture;
+    /** 移动全景时更新 distanceItem 在屏幕上的位置 */
+    private onCameraUpdate;
+    /** 更新虚线 */
+    private updateDashed;
+}

package/plugins/PanoMeasurePlugin/Controller/EditController.js

@@ -0,0 +1,343 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.map.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _hammerjs = _interopRequireDefault(require("hammerjs"));
+
+var _Model = require("../Model");
+
+var _line = _interopRequireDefault(require("../Model/line"));
+
+var _point = _interopRequireDefault(require("../Model/point"));
+
+var _throttle = _interopRequireDefault(require("../../../shared-utils/throttle"));
+
+var _BaseController2 = _interopRequireDefault(require("./BaseController"));
+
+var _getIntersectionFromEvent = require("../utils/getIntersectionFromEvent");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var EditController = /*#__PURE__*/function (_BaseController) {
+  (0, _inherits2["default"])(EditController, _BaseController);
+
+  var _super = _createSuper(EditController);
+
+  /** 上一个端点位置 */
+
+  /** 根据 intersection 更新放大镜和吸附点 */
+  function EditController(params) {
+    var _this$fiveElement;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, EditController);
+    _this = _super.call(this, params); // ==================== 虚线 ====================
+
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "type", 'edit');
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "model", new _Model.Model({
+      userDistanceItemCreator: _this.userDistanceItemCreator
+    }));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hasAppendDashed", false);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hasAppendMouseGroup", false);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "lastPoint", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onIntersectionUpdate", (0, _throttle["default"])(function (intersection, mesh) {
+      var _this$pressPoint;
+
+      if (_this.hasAppendMouseGroup === false) {
+        _this.group.add(_this.mouseGroup);
+
+        _this.magnifier.appendTo(_this.container);
+
+        _this.hasAppendMouseGroup = true;
+      }
+
+      var position = _this.updateMouseGroup(intersection, mesh).position;
+
+      (_this$pressPoint = _this.pressPoint) === null || _this$pressPoint === void 0 ? void 0 : _this$pressPoint.position.copy(position);
+
+      _this.updateDashed();
+
+      requestAnimationFrame(function () {
+        return _this.magnifier.updateWithPoint(_this.mouseGroup.position);
+      });
+      _this.five.needsRender = true;
+    }, 20));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "revoke", function () {
+      // ============ revoke points ============
+      // 如果当前没有虚线，只有起始点，需要删除起始点，重置起始状态。并删除虚线实例
+      if (_this.model.lines.length === 0 && _this.lastPoint) {
+        _this.lastPoint = null;
+        _this.hasAppendDashed = false;
+
+        _this.dashed.distanceItem.remove();
+
+        _this.group.remove(_this.dashed.mesh);
+
+        _this.hook.emit('anchorChange', null);
+
+        _this.five.needsRender = true;
+        return;
+      }
+
+      if (_this.model.lines.length === 0 && !_this.lastPoint) return;
+      if (!_this.lastPoint) return;
+      var revokedLine = _this.model.lines[_this.model.lines.length - 1];
+      var lastPoint = revokedLine.findAnotherPoint(_this.lastPoint);
+      if (!lastPoint) return;
+      _this.lastPoint = lastPoint;
+
+      _this.hook.emit('anchorChange', lastPoint.position); // ============ revoke lines ============
+
+
+      _this.group.remove(revokedLine.mesh);
+
+      _this.model.removeLine(revokedLine); // ============ revoke mouse group ============
+
+
+      _this.hasAppendMouseGroup = false;
+
+      _this.mouseGroup.position.copy(_this.lastPoint.position);
+
+      _this.group.remove(_this.mouseGroup); // ============ revoke lineDistance ============
+
+
+      revokedLine.distanceItem.remove(); // ============ revoke dashed ============
+
+      _this.updateDashed(); // ============ revoke magnifier ============
+
+
+      _this.magnifier.dispose();
+
+      _this.five.needsRender = true;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onMouseLeave", function () {
+      _this.magnifier.dispose();
+
+      _this.group.remove(_this.mouseGroup);
+
+      _this.hasAppendMouseGroup = false;
+
+      if (_this.lastPoint) {
+        _this.mouseGroup.position.copy(_this.lastPoint.position);
+
+        _this.updateDashed();
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onLineChanged", function () {
+      _this.hook.emit('editedLineChange', _this.model.lines.map(function (line) {
+        return line.toCompletelyJson();
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPress", function (e) {
+      var _getIntersectionFromE = (0, _getIntersectionFromEvent.getIntersectionFromEvent)(_this.five, e),
+          _getIntersectionFromE2 = (0, _slicedToArray2["default"])(_getIntersectionFromE, 1),
+          intersection = _getIntersectionFromE2[0];
+
+      if (!intersection || !intersection.face) return;
+      var nowPoint = new _point["default"](intersection.point);
+      _this.pressPoint = nowPoint;
+
+      _this.onIntersectionUpdate(intersection);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPan", function (e) {
+      if (!_this.pressPoint) return;
+
+      var _getIntersectionFromE3 = (0, _getIntersectionFromEvent.getIntersectionFromEvent)(_this.five, e),
+          _getIntersectionFromE4 = (0, _slicedToArray2["default"])(_getIntersectionFromE3, 1),
+          intersection = _getIntersectionFromE4[0];
+
+      if (!intersection || !intersection.face) return;
+
+      _this.onIntersectionUpdate(intersection);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPanEnd", function (e) {
+      if (!_this.pressPoint) return;
+
+      _this.onTap(e);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTap", function (e) {
+      if (!_this.hasAppendDashed) {
+        _this.dashed.distanceItem.appendTo(_this.container);
+
+        _this.group.add(_this.dashed.mesh);
+      }
+
+      _this.hasAppendDashed = true;
+
+      var _getIntersectionFromE5 = (0, _getIntersectionFromEvent.getIntersectionFromEvent)(_this.five, e),
+          _getIntersectionFromE6 = (0, _slicedToArray2["default"])(_getIntersectionFromE5, 1),
+          intersection = _getIntersectionFromE6[0];
+
+      _this.updateMouseGroup(intersection);
+
+      var nowPoint = new _point["default"](_this.mouseGroup.position);
+      var lastPoint = _this.lastPoint;
+      if (nowPoint) _this.lastPoint = nowPoint;
+
+      if (nowPoint && lastPoint) {
+        var line = new _line["default"](lastPoint, nowPoint, _this.model);
+        line.distanceItem.appendTo(_this.container);
+
+        _this.model.addLine(line);
+
+        _this.group.add(line.mesh);
+
+        line.distanceItem.update(_this.five);
+      }
+
+      _this.pressPoint = undefined;
+      _this.hasAppendMouseGroup = false;
+
+      _this.magnifier.dispose();
+
+      _this.group.remove(_this.mouseGroup);
+
+      _this.updateDashed();
+
+      _this.five.needsRender = true;
+
+      _this.hook.emit('anchorChange', nowPoint.position);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onWantsTapGesture", function () {
+      return false;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onWantsToMoveToPano", function () {
+      return false;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onWantsPanGesture", function () {
+      return _this.pressPoint ? false : undefined;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCameraUpdate", function () {
+      _this.updateDistanceUI();
+
+      _this.dashed.distanceItem.update(_this.five);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateDashed", function () {
+      if (!_this.lastPoint) return;
+
+      _this.dashed.points[0].position.copy(_this.lastPoint.position);
+
+      _this.dashed.points[1].position.copy(_this.mouseGroup.position);
+
+      _this.dashed.mesh.setPoints(_this.lastPoint.position, _this.mouseGroup.position);
+
+      _this.dashed.distanceItem.update(_this.five);
+    });
+    _this.dashed = new _line["default"](new _point["default"]([0, 0, 0]), new _point["default"]([0, 0, 0]), _this.model);
+
+    _this.dashed.mesh.setMaterial({
+      dashed: true,
+      dashScale: 100
+    }); // ==================== 事件监听 ====================
+    // five
+
+
+    _this.five.on('cameraUpdate', _this.onCameraUpdate);
+
+    _this.five.on('wantsPanGesture', _this.onWantsPanGesture);
+
+    _this.five.on('wantsTapGesture', _this.onWantsTapGesture);
+
+    _this.five.on('wantsToMoveToPano', _this.onWantsToMoveToPano);
+
+    _this.five.on('intersectionOnModelUpdate', _this.onIntersectionUpdate); // model
+
+
+    _this.model.hook.on('lineAdded', _this.onLineChanged);
+
+    _this.model.hook.on('lineRemoved', _this.onLineChanged); // hammer
+
+
+    var fiveElement = _this.five.getElement();
+
+    if (fiveElement) {
+      _this.fiveElement = fiveElement;
+      var hammer = new _hammerjs["default"](fiveElement);
+      _this.hammer = hammer;
+      hammer.on('tap', _this.onTap);
+      hammer.on('pan', _this.onPan);
+      hammer.on('press', _this.onPress);
+      hammer.on('panend', _this.onPanEnd);
+    } // fiveElement
+
+
+    (_this$fiveElement = _this.fiveElement) === null || _this$fiveElement === void 0 ? void 0 : _this$fiveElement.addEventListener('mouseleave', _this.onMouseLeave); // ==================== 其他 ====================
+
+    _this.hook.emit('anchorChange', null);
+
+    _this.five.refresh();
+
+    return _this;
+  }
+
+  (0, _createClass2["default"])(EditController, [{
+    key: "dispose",
+    value: function dispose() {
+      var _this$hammer, _this$fiveElement2;
+
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(EditController.prototype), "dispose", this).call(this);
+      this.group.remove(this.mouseGroup, this.dashed.mesh); // ==================== 解除事件监听 ====================
+      // five
+
+      this.five.off('cameraUpdate', this.onCameraUpdate);
+      this.five.off('wantsPanGesture', this.onWantsPanGesture);
+      this.five.off('wantsTapGesture', this.onWantsTapGesture);
+      this.five.off('wantsToMoveToPano', this.onWantsToMoveToPano);
+      this.five.off('intersectionOnModelUpdate', this.onIntersectionUpdate); // model
+
+      this.model.hook.off('lineAdded', this.onLineChanged);
+      this.model.hook.off('lineRemoved', this.onLineChanged); // hammer
+
+      (_this$hammer = this.hammer) === null || _this$hammer === void 0 ? void 0 : _this$hammer.destroy(); // fiveElement
+
+      (_this$fiveElement2 = this.fiveElement) === null || _this$fiveElement2 === void 0 ? void 0 : _this$fiveElement2.removeEventListener('mouseleave', this.onMouseLeave);
+      this.magnifier.dispose();
+      this.dashed.distanceItem.remove();
+      this.five.needsRender = true;
+    }
+  }, {
+    key: "getEditingLines",
+    value: function getEditingLines() {
+      return this.model.lines;
+    }
+    /** 撤销编辑 */
+
+  }]);
+  return EditController;
+}(_BaseController2["default"]);
+
+exports["default"] = EditController;

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

@@ -0,0 +1,12 @@
+import MeasureController from '.';
+import { Five } from '@realsee/five';
+/** 快捷键控制器 */
+export declare class ShortcutKeyController {
+    five: Five;
+    measureController: MeasureController;
+    constructor(measureController: MeasureController, five: Five);
+    dispose(): void;
+    private escape;
+    private onKeyDown;
+    private onMouseDown;
+}

package/plugins/PanoMeasurePlugin/Controller/ShortcutKeyController.js

@@ -0,0 +1,69 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShortcutKeyController = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+/** 快捷键控制器 */
+var ShortcutKeyController = /*#__PURE__*/function () {
+  function ShortcutKeyController(measureController, five) {
+    var _this = this;
+
+    (0, _classCallCheck2["default"])(this, ShortcutKeyController);
+    (0, _defineProperty2["default"])(this, "onKeyDown", function (e) {
+      // Command + S -> 保存 & 更改场景
+      if (e.metaKey && e.code === 'KeyS') {
+        _this.measureController.save().changeMode('Watch');
+
+        e.preventDefault();
+        return;
+      } // Escape -> 切换到观察模式 / 如果已经在观察模式，退出功能
+
+
+      if (e.code === 'Escape') return _this.escape();
+    });
+    (0, _defineProperty2["default"])(this, "onMouseDown", function (e) {
+      // 鼠标右键取消
+      if (e.button !== 2) return;
+      e.preventDefault();
+
+      _this.escape();
+    });
+    this.five = five;
+    this.measureController = measureController;
+    var fiveElement = this.five.getElement();
+    if (!fiveElement) return;
+    document.body.addEventListener('keydown', this.onKeyDown);
+    fiveElement.addEventListener('mousedown', this.onMouseDown);
+  }
+
+  (0, _createClass2["default"])(ShortcutKeyController, [{
+    key: "dispose",
+    value: function dispose() {
+      var fiveElement = this.five.getElement();
+      if (!fiveElement) return;
+      document.body.removeEventListener('keydown', this.onKeyDown);
+      fiveElement.removeEventListener('mousedown', this.onMouseDown);
+    }
+  }, {
+    key: "escape",
+    value: function escape() {
+      if (this.measureController.getCurrentMode() === 'Watch') return this.measureController.close();
+      return this.measureController.changeMode('Watch');
+    }
+  }]);
+  return ShortcutKeyController;
+}();
+
+exports.ShortcutKeyController = ShortcutKeyController;

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

@@ -0,0 +1,25 @@
+import Line from '../Model/line';
+import BaseController, { IControllerParams } from './BaseController';
+export default class WatchController extends BaseController {
+    type: string;
+    private deleteDom;
+    private highlightedLines;
+    private fiveElement?;
+    private editPointState?;
+    private hammer?;
+    constructor(params: IControllerParams);
+    dispose(): void;
+    highlightLine(line: Line): void;
+    clearHighlightLines(): void;
+    private onPanStart;
+    private onPanEnd;
+    private onPan;
+    private onIntersectionUpdate;
+    private wantsPanGesture;
+    private wantsTapGesture;
+    private chooseLine;
+    private highlightLines;
+    private lineRemoved;
+    private onCameraUpdate;
+    private deleteDomClickCallback;
+}