@realsee/dnalogel 0.1.5 → 0.1.7-alpha.4

package/plugins/PanoMeasurePlugin/Controller/EditController.js

@@ -0,0 +1,341 @@
+"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");
+
+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;
+}