@realsee/dnalogel 0.1.3 → 0.1.7-alpha.10

package/plugins/PanoMeasurePlugin/Controller/WatchController.js

@@ -0,0 +1,371 @@
+"use strict";
+
+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");
+
+require("core-js/modules/es.array.for-each.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.array.sort.js");
+
+require("core-js/modules/es.array.find.js");
+
+require("core-js/modules/es.array.reverse.js");
+
+require("core-js/modules/es.array.slice.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 _DeleteDom = _interopRequireDefault(require("../Modules/DeleteDom"));
+
+var _isNDCPointInScreen = _interopRequireDefault(require("../utils/isNDCPointInScreen"));
+
+var _BaseController2 = _interopRequireDefault(require("./BaseController"));
+
+var _three = require("three");
+
+var _math = require("../utils/math");
+
+var _findClosestPoint2 = require("../utils/findClosestPoint");
+
+var _findAssociatedLines = require("../utils/findAssociatedLines");
+
+var _getPointFromHammerEvent = require("../utils/getPointFromHammerEvent");
+
+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 WatchController = /*#__PURE__*/function (_BaseController) {
+  (0, _inherits2["default"])(WatchController, _BaseController);
+
+  var _super = _createSuper(WatchController);
+
+  function WatchController(params) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, WatchController);
+    _this = _super.call(this, params);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "type", 'watch');
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "highlightedLines", []);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPanStart", function (e) {
+      var _findClosestPoint;
+
+      if (_this.model.points.length === 0 || !_this.fiveElement) return;
+      var mouse = (0, _getPointFromHammerEvent.getPointFromHammerEvent)(e).point;
+      var closestPoint = (_findClosestPoint = (0, _findClosestPoint2.findClosestPoint)(_this.five, _this.model.points, mouse, 20)) === null || _findClosestPoint === void 0 ? void 0 : _findClosestPoint.point;
+
+      if (!closestPoint) {
+        _this.editPointState = undefined;
+        return;
+      }
+
+      var editPointState = {
+        point: closestPoint,
+        associatedLines: (0, _findAssociatedLines.findAssociatedLines)(closestPoint.lines[0])
+      };
+
+      var cancelDragLine = _this.hook.emit('wantsDragLine', {
+        point: closestPoint.id,
+        lines: editPointState.associatedLines.map(function (_ref) {
+          var id = _ref.id;
+          return id;
+        })
+      });
+
+      if (cancelDragLine) return;
+      _this.editPointState = editPointState;
+
+      _this.magnifier.appendTo(_this.container);
+
+      _this.group.add(_this.mouseGroup);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPanEnd", function () {
+      if (!_this.editPointState) return; // 把拖动的线从虚线转换为实线
+
+      _this.editPointState.point.lines.forEach(function (line) {
+        return line.mesh.setMaterial({
+          dashed: false
+        });
+      }); // 还原选中态
+
+
+      _this.highlightLines(_this.editPointState.associatedLines);
+
+      _this.editPointState = undefined;
+
+      _this.magnifier.dispose();
+
+      _this.group.remove(_this.mouseGroup);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPan", function (e) {
+      if (!_this.editPointState || !_this.fiveElement) return;
+      var mouse = (0, _getPointFromHammerEvent.getPointFromHammerEvent)(e).ndcPoint;
+      var raycaster = new _three.Raycaster();
+      raycaster.setFromCamera(mouse, _this.five.camera);
+
+      var _this$five$model$inte = _this.five.model.intersectRaycaster(raycaster),
+          _this$five$model$inte2 = (0, _slicedToArray2["default"])(_this$five$model$inte, 1),
+          intersection = _this$five$model$inte2[0];
+
+      if (!intersection) return;
+
+      _this.onIntersectionUpdate(intersection);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onIntersectionUpdate", function (intersection, mesh) {
+      if (!_this.editPointState) return; // 拖动过程中清除选中态
+
+      _this.clearHighlightLines(); // 把拖动点相关的线变成虚线 & 改变相关线的位置
+
+
+      _this.editPointState.point.position.copy(intersection.point);
+
+      _this.editPointState.point.lines.forEach(function (line) {
+        line.mesh.setPoints(line.points[0].position.clone(), line.points[1].position.clone());
+        line.lightMesh.setPoints(line.points[0].position.clone(), line.points[1].position.clone());
+        line.mesh.setMaterial({
+          dashed: true
+        });
+      });
+
+      _this.updateDistanceUI();
+
+      _this.magnifier.updateWithPoint(intersection.point);
+
+      _this.mouseGroup.position.copy(intersection.point);
+
+      if (mesh) {
+        _this.mouseGroup.quaternion.copy(mesh.quaternion);
+      } else if (intersection.face) {
+        var face = intersection.face.normal;
+        var positionVector = face.clone().multiplyScalar(0.05);
+        var position = intersection.point.clone().add(positionVector);
+        var lookAtVector = position.clone().add(positionVector);
+
+        _this.mouseGroup.lookAt(lookAtVector);
+      }
+
+      _this.five.needsRender = true;
+
+      _this.hook.emit('selectedChange', _this.editPointState.associatedLines.map(function (line) {
+        return line.toCompletelyJson();
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "wantsPanGesture", function () {
+      if (_this.editPointState) return false;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "wantsTapGesture", function (raycaster) {
+      var _this$five$model$inte3 = _this.five.model.intersectRaycaster(raycaster),
+          _this$five$model$inte4 = (0, _slicedToArray2["default"])(_this$five$model$inte3, 1),
+          target = _this$five$model$inte4[0];
+
+      if (!target) return;
+      var camera = _this.five.camera;
+      var ndcTarget = target.point.clone().project(camera);
+      var screenWidth = _this.container.clientWidth;
+      var screenHeight = _this.container.clientHeight;
+      var targetScreenPosition = new _three.Vector2(ndcTarget.x * screenWidth, ndcTarget.y * screenHeight); // 把线的端点全部映射到屏幕上，过滤掉不在视野内的线，同时乘以屏幕宽 & 高
+
+      var screenLines = _this.model.lines.map(function (line) {
+        var _line$points = (0, _slicedToArray2["default"])(line.points, 2),
+            startPoint = _line$points[0],
+            endPoint = _line$points[1];
+
+        var ndcStartPoint = startPoint.position.clone().project(camera);
+        var ndcEndPoint = endPoint.position.clone().project(camera);
+        if (!(0, _isNDCPointInScreen["default"])(ndcStartPoint) && !(0, _isNDCPointInScreen["default"])(ndcEndPoint)) return null;
+        var startScreenPosition = new _three.Vector2(ndcStartPoint.x * screenWidth, ndcStartPoint.y * screenHeight);
+        var endScreenPosition = new _three.Vector2(ndcEndPoint.x * screenWidth, ndcEndPoint.y * screenHeight);
+        return {
+          id: line.id,
+          points: [startScreenPosition, endScreenPosition]
+        };
+      }).filter(function (line) {
+        return !!line;
+      });
+
+      if (screenLines.length === 0) return; // 找这些线距离鼠标点击位置最近的线
+
+      var distanceLines = screenLines.map(function (line) {
+        var closestPoint = (0, _math.closestPointOnLine)(targetScreenPosition, line.points);
+        return {
+          id: line.id,
+          distance: closestPoint.distanceTo(targetScreenPosition)
+        };
+      }).sort(function (a, b) {
+        return a.distance - b.distance;
+      });
+      var closestScreenLine = distanceLines[0];
+      if (closestScreenLine.distance > 20) return;
+
+      var closestLine = _this.model.lines.find(function (_ref2) {
+        var id = _ref2.id;
+        return id === closestScreenLine.id;
+      });
+
+      if (!closestLine) return;
+
+      _this.chooseLine(closestLine);
+
+      return false;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "chooseLine", function (line) {
+      var highlightLines = (0, _findAssociatedLines.findAssociatedLines)(line);
+
+      _this.highlightLines(highlightLines);
+
+      _this.five.needsRender = true;
+
+      _this.hook.emit('selectedChange', highlightLines.map(function (line) {
+        return line.toCompletelyJson();
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "lineRemoved", function (line) {
+      _this.removeLine(line); // TODO: 这个逻辑不太好，改进一下
+
+
+      _this.hook.emit('selectedChange', _this.model.lines.filter(function (line) {
+        return line.selected;
+      }).map(function (line) {
+        return line.toCompletelyJson();
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCameraUpdate", function () {
+      _this.updateDistanceUI();
+
+      _this.highlightedLines.length > 0 && _this.deleteDom.updatePosition();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteDomClickCallback", function () {
+      var firstLine = _this.highlightedLines[0]; // TODO: 优化折线的删除逻辑
+
+      firstLine.getPolyline().lines.slice().reverse().forEach(function (line) {
+        return _this.model.removeLine(line);
+      });
+      _this.highlightedLines = []; // this.clearHighlightLines()
+      // this.highlightedLines.forEach((line) => this.model.removeLine(line))
+
+      _this.deleteDom.setLines([]).hide();
+    });
+    _this.deleteDom = new _DeleteDom["default"](_this.five, {
+      onClick: _this.deleteDomClickCallback
+    }).appendTo(_this.container);
+
+    _this.model.lines.forEach(function (line) {
+      line.distanceItem.appendTo(_this.container);
+      line.distanceItem.update(_this.five);
+      line.hook.on('selected', _this.chooseLine);
+
+      _this.group.add(line.mesh);
+    });
+
+    var fiveElement = _this.five.getElement();
+
+    if (fiveElement) {
+      _this.fiveElement = fiveElement;
+      var hammer = new _hammerjs["default"](fiveElement);
+      _this.hammer = hammer;
+      hammer.on('pan', _this.onPan);
+      hammer.on('panstart', _this.onPanStart);
+      hammer.on('panend', _this.onPanEnd);
+    }
+
+    _this.model.hook.on('lineRemoved', _this.lineRemoved);
+
+    _this.five.on('cameraUpdate', _this.onCameraUpdate);
+
+    _this.five.on('wantsTapGesture', _this.wantsTapGesture);
+
+    _this.five.on('wantsPanGesture', _this.wantsPanGesture);
+
+    _this.five.needsRender = true;
+    return _this;
+  }
+
+  (0, _createClass2["default"])(WatchController, [{
+    key: "dispose",
+    value: function dispose() {
+      var _this$hammer;
+
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(WatchController.prototype), "dispose", this).call(this);
+      this.deleteDom.dispose();
+      this.model.hook.off('lineRemoved', this.lineRemoved);
+      this.five.off('cameraUpdate', this.onCameraUpdate);
+      this.five.off('wantsPanGesture', this.wantsPanGesture);
+      this.five.off('wantsTapGesture', this.wantsTapGesture);
+      this.five.needsRender = true;
+      this.hook.emit('selectedChange', []);
+      (_this$hammer = this.hammer) === null || _this$hammer === void 0 ? void 0 : _this$hammer.destroy();
+    }
+  }, {
+    key: "highlightLine",
+    value: function highlightLine(line) {
+      if (line.selected) return;
+      line.selected = true;
+      this.group.add(line.lightMesh);
+      line.distanceItem.highlight();
+      this.five.needsRender = true;
+    }
+  }, {
+    key: "clearHighlightLines",
+    value: function clearHighlightLines() {
+      var _this2 = this;
+
+      if (this.group.children.length === 0) return;
+      this.deleteDom.setLines([]).hide();
+      this.model.lines.forEach(function (line) {
+        line.selected = false;
+        line.distanceItem.unHighlight();
+
+        _this2.group.remove(line.lightMesh);
+      });
+      this.highlightedLines = [];
+      this.five.needsRender = true;
+    }
+  }, {
+    key: "highlightLines",
+    value: function highlightLines(lines) {
+      var _this3 = this;
+
+      this.clearHighlightLines();
+      this.highlightedLines = lines;
+      this.deleteDom.setLines(lines).updatePosition().show();
+      lines.forEach(function (line) {
+        return _this3.highlightLine(line);
+      });
+    }
+  }]);
+  return WatchController;
+}(_BaseController2["default"]);
+
+exports["default"] = WatchController;

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

@@ -0,0 +1,61 @@
+import { PluginData } from '../typings/data';
+import { Five, Subscribe } from '@realsee/five';
+import { PluginEvent } from '../typings/event.type';
+import { UserDistanceItem } from '../utils/distanceDom';
+export declare type Mode = 'Watch' | 'Edit';
+export interface MeasurePluginParameter {
+    useUIController?: boolean;
+    useGuideController?: boolean;
+    userDistanceItemCreator?: () => UserDistanceItem;
+}
+export default class MeasureController {
+    hasOpen: boolean;
+    hook: Subscribe<PluginEvent>;
+    private five;
+    private model;
+    private group;
+    private magnifier;
+    private fiveHelper;
+    private useUIController?;
+    private params;
+    private useGuideController?;
+    private container;
+    private shortcutKeyController?;
+    private controller;
+    private controllerParams;
+    constructor(five: Five, params: MeasurePluginParameter);
+    appendTo(parent: HTMLElement): void;
+    dispose(): void;
+    /** 加载数据
+     * @description 数据加载时会覆盖当前已保存的数据
+     * @description 如果当前正在编辑中，会自动退出并保存编辑
+     */
+    load(data: PluginData): void;
+    /** 插件功能入口
+     * @description 会隐藏鼠标的默认聚焦环
+     * @description 会隐藏当前 VR 内的点位展示
+     */
+    open(): void;
+    /** 关闭插件功能
+     * @description 清除标尺线条
+     * @description 还原点位展示和默认鼠标 UI
+     */
+    close(): void;
+    getCurrentMode: () => Mode | null;
+    /** 变更场景
+     * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
+     */
+    changeMode: (mode: Mode) => void;
+    /** 撤销编辑 */
+    revoke(): void;
+    removeLineByID(lineID: string): void;
+    /**
+     * 高亮当前线段
+     */
+    highlightLine(lineID: string): boolean;
+    clearHighlightLines(): boolean;
+    /** 保存编辑 */
+    save(): this;
+    /** 把当前以保存的数据转换成 JSON 对象 */
+    toJson(): PluginData;
+}

package/plugins/PanoMeasurePlugin/Controller/index.js

@@ -0,0 +1,230 @@
+"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.function.name.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 _Magnifier = _interopRequireDefault(require("../Modules/Magnifier"));
+
+var _FiveHelper = _interopRequireDefault(require("../Modules/FiveHelper"));
+
+var _EditController = _interopRequireDefault(require("./EditController"));
+
+var _WatchController = _interopRequireDefault(require("./WatchController"));
+
+var _three = require("three");
+
+var _Model = require("../Model");
+
+var _five = require("@realsee/five");
+
+var _mouseGroup = require("../utils/mouseGroup");
+
+var _UIController = require("../Modules/UIController");
+
+var _GuideController = require("../Modules/GuideController");
+
+var _ShortcutKeyController = require("./ShortcutKeyController");
+
+var MeasureController = /*#__PURE__*/function () {
+  function MeasureController(five, params) {
+    var _this = this;
+
+    (0, _classCallCheck2["default"])(this, MeasureController);
+    (0, _defineProperty2["default"])(this, "hasOpen", false);
+    (0, _defineProperty2["default"])(this, "hook", new _five.Subscribe());
+    (0, _defineProperty2["default"])(this, "container", document.createElement('div'));
+    (0, _defineProperty2["default"])(this, "controller", null);
+    (0, _defineProperty2["default"])(this, "getCurrentMode", function () {
+      if (_this.controller instanceof _EditController["default"]) return 'Edit';
+      if (_this.controller instanceof _WatchController["default"]) return 'Watch';
+      return null;
+    });
+    (0, _defineProperty2["default"])(this, "changeMode", function (mode) {
+      var _this$controller;
+
+      if (!_this.hasOpen) return;
+      if (_this.getCurrentMode() === mode) return;
+      (_this$controller = _this.controller) === null || _this$controller === void 0 ? void 0 : _this$controller.dispose();
+      var controllerMap = {
+        Watch: _WatchController["default"],
+        Edit: _EditController["default"]
+      };
+      if (!controllerMap[mode]) throw new Error('不存在的 Mode');
+      _this.controller = new controllerMap[mode](_this.controllerParams);
+
+      _this.hook.emit('modeChange', mode);
+    });
+    this.five = five;
+    this.params = params;
+    this.model = new _Model.Model({
+      userDistanceItemCreator: this.params.userDistanceItemCreator
+    });
+    this.fiveHelper = new _FiveHelper["default"](five); // magnifier
+
+    var magnifierSize = 190;
+    var magnifierScale = 2;
+    this.magnifier = new _Magnifier["default"](five, {
+      scale: magnifierScale,
+      width: magnifierSize,
+      height: magnifierSize
+    }); // ==================== Group ====================
+
+    this.group = new _three.Group();
+    this.group.name = 'plugin-measure-group';
+    this.container.classList.add('five-plugin-measure-container');
+    this.container.style.position = 'relative';
+    this.container.style.pointerEvents = 'none';
+    this.container.style.width = '100%';
+    this.container.style.height = '100%';
+    this.container.style.background = 'rgba(0, 0, 0, 0.15)';
+    this.controllerParams = {
+      five: this.five,
+      hook: this.hook,
+      group: this.group,
+      model: this.model,
+      magnifier: this.magnifier,
+      container: this.container,
+      fiveHelper: this.fiveHelper,
+      mouseGroup: (0, _mouseGroup.getMouseGroup)(),
+      userDistanceItemCreator: this.params.userDistanceItemCreator
+    };
+    if (this.params.useUIController !== false) this.useUIController = new _UIController.UIController(this, this.controllerParams);
+    if (this.params.useUIController !== false) this.useGuideController = new _GuideController.GuideController(this, this.controllerParams);
+  }
+
+  (0, _createClass2["default"])(MeasureController, [{
+    key: "appendTo",
+    value: function appendTo(parent) {
+      parent.append(this.container);
+    }
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      var _this$useUIController, _this$magnifier;
+
+      this.close();
+      (_this$useUIController = this.useUIController) === null || _this$useUIController === void 0 ? void 0 : _this$useUIController.dispose();
+      (_this$magnifier = this.magnifier) === null || _this$magnifier === void 0 ? void 0 : _this$magnifier.dispose();
+      this.five.needsRender = true;
+    }
+    /** 加载数据
+     * @description 数据加载时会覆盖当前已保存的数据
+     * @description 如果当前正在编辑中，会自动退出并保存编辑
+     */
+
+  }, {
+    key: "load",
+    value: function load(data) {
+      this.model.parse(data);
+      this.save();
+    }
+    /** 插件功能入口
+     * @description 会隐藏鼠标的默认聚焦环
+     * @description 会隐藏当前 VR 内的点位展示
+     */
+
+  }, {
+    key: "open",
+    value: function open() {
+      var _this$useUIController2, _this$useGuideControl;
+
+      if (this.hasOpen) return;
+      this.hasOpen = true;
+      this.five.scene.add(this.group); // 隐藏点位和鼠标聚焦环
+
+      this.five.helperVisible = false;
+      this.controller = new _WatchController["default"](this.controllerParams);
+      (_this$useUIController2 = this.useUIController) === null || _this$useUIController2 === void 0 ? void 0 : _this$useUIController2.show();
+      (_this$useGuideControl = this.useGuideController) === null || _this$useGuideControl === void 0 ? void 0 : _this$useGuideControl.show();
+      this.shortcutKeyController = new _ShortcutKeyController.ShortcutKeyController(this, this.five);
+    }
+    /** 关闭插件功能
+     * @description 清除标尺线条
+     * @description 还原点位展示和默认鼠标 UI
+     */
+
+  }, {
+    key: "close",
+    value: function close() {
+      var _this$controller2, _this$useUIController3, _this$useGuideControl2, _this$shortcutKeyCont;
+
+      this.hasOpen = false; // 展示点位和鼠标聚焦环
+
+      (_this$controller2 = this.controller) === null || _this$controller2 === void 0 ? void 0 : _this$controller2.dispose();
+      (_this$useUIController3 = this.useUIController) === null || _this$useUIController3 === void 0 ? void 0 : _this$useUIController3.hide();
+      (_this$useGuideControl2 = this.useGuideController) === null || _this$useGuideControl2 === void 0 ? void 0 : _this$useGuideControl2.hide();
+      (_this$shortcutKeyCont = this.shortcutKeyController) === null || _this$shortcutKeyCont === void 0 ? void 0 : _this$shortcutKeyCont.dispose();
+      this.controller = null;
+      this.five.helperVisible = true;
+      this.five.scene.remove(this.group);
+      this.five.needsRender = true;
+    }
+  }, {
+    key: "revoke",
+    value:
+    /** 撤销编辑 */
+    function revoke() {
+      if (!(this.controller instanceof _EditController["default"])) return;
+      this.controller.revoke();
+      return;
+    }
+  }, {
+    key: "removeLineByID",
+    value: function removeLineByID(lineID) {
+      this.model.removeLineByID(lineID);
+    }
+    /**
+     * 高亮当前线段
+     */
+
+  }, {
+    key: "highlightLine",
+    value: function highlightLine(lineID) {
+      if (this.getCurrentMode() !== 'Watch') return false;
+      var line = this.model.getLineByID(lineID);
+      if (!line) return false;
+      this.controller.highlightLine(line);
+      return true;
+    }
+  }, {
+    key: "clearHighlightLines",
+    value: function clearHighlightLines() {
+      if (this.getCurrentMode() !== 'Watch') return false;
+      this.controller.clearHighlightLines();
+      return true;
+    }
+    /** 保存编辑 */
+
+  }, {
+    key: "save",
+    value: function save() {
+      if (!(this.controller instanceof _EditController["default"])) return this;
+      this.model.mergeModel(this.controller.model);
+      return this;
+    }
+    /** 把当前以保存的数据转换成 JSON 对象 */
+
+  }, {
+    key: "toJson",
+    value: function toJson() {
+      return this.model.toJson();
+    }
+  }]);
+  return MeasureController;
+}();
+
+exports["default"] = MeasureController;