@realsee/dnalogel 0.1.5 → 0.1.7-alpha.4

package/libs/gltf-viewer/mouseWheel.d.ts

@@ -0,0 +1,2 @@
+export declare function addMouseWheel(element: Element, fn: any): void;
+export declare function removeMouseWheel(element: Element, fn: any): void;

package/libs/gltf-viewer/mouseWheel.js

@@ -0,0 +1,59 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addMouseWheel = addMouseWheel;
+exports.removeMouseWheel = removeMouseWheel;
+// 兼容 滚轮事件
+var _document = document;
+var _window = window;
+var eventName = _document.mozFullScreen ? 'DOMMouseScroll' : 'mousewheel';
+var isW3cEvent = !!window.addEventListener;
+var isIEEvent = !!_window.attachEvent;
+
+function fnWrapper(element, fn) {
+  return fn.__mouseWheelWrapper = function (event) {
+    event = event || window.event;
+
+    if (isW3cEvent) {
+      event.preventDefault();
+    }
+
+    if (isIEEvent) {
+      event.returnValue = false;
+    }
+
+    if (eventName == 'DOMMouseScroll' || eventName == 'mousewheel') {
+      event.delta = event.wheelDelta ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
+    }
+
+    fn.call(element, event);
+  };
+}
+
+function addMouseWheel(element, fn) {
+  var __mouseWheelWrapper = fnWrapper(element, fn);
+
+  if (isW3cEvent) {
+    element.addEventListener(eventName, __mouseWheelWrapper, false);
+  } else if (isIEEvent) {
+    var _element = element;
+
+    _element.attachEvent('on' + eventName, __mouseWheelWrapper);
+  }
+}
+
+function removeMouseWheel(element, fn) {
+  if (isW3cEvent) {
+    element.removeEventListener(eventName, fn.__mouseWheelWrapper, false);
+  } else if (isIEEvent) {
+    var _element = element;
+
+    _element.detachEvent('on' + eventName, fn.__mouseWheelWrapper);
+  }
+
+  delete fn.__mouseWheelWrapper;
+}

package/libs/gltf-viewer/requestAnimationFrame.d.ts

@@ -0,0 +1 @@
+export declare const requestAnimationFrame: ((callback: FrameRequestCallback) => number) & typeof globalThis.requestAnimationFrame;

package/libs/gltf-viewer/requestAnimationFrame.js

@@ -0,0 +1,18 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.requestAnimationFrame = void 0;
+
+require("core-js/modules/web.timers.js");
+
+var _window = window;
+
+var requestAnimationFrame = window.requestAnimationFrame || _window.mozRequestAnimationFrame || _window.webkitRequestAnimationFrame || _window.msRequestAnimationFrame || function (fn) {
+  return setTimeout(fn, 16);
+};
+
+exports.requestAnimationFrame = requestAnimationFrame;

package/libs/gltf-viewer/requestAnimationFrameInterval.d.ts

@@ -0,0 +1 @@
+export declare function requestAnimationFrameInterval(fn: any, context?: any, args?: any[]): () => void;

package/libs/gltf-viewer/requestAnimationFrameInterval.js

@@ -0,0 +1,31 @@
+"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.requestAnimationFrameInterval = requestAnimationFrameInterval;
+
+require("core-js/modules/es.array.concat.js");
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _requestAnimationFrame = require("./requestAnimationFrame");
+
+function requestAnimationFrameInterval(fn, context) {
+  var args = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var stoped = false;
+
+  var _loop = function loop(time) {
+    if (fn) fn.call.apply(fn, [context, time].concat((0, _toConsumableArray2["default"])(args)));
+    if (!stoped && _loop) (0, _requestAnimationFrame.requestAnimationFrame)(_loop);
+  };
+
+  (0, _requestAnimationFrame.requestAnimationFrame)(_loop);
+  return function () {
+    _loop = null, stoped = true;
+  };
+}

package/libs/gltf-viewer/uuid.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 随机生成一个uuid值
+ */
+export default function uuid(): string;

package/libs/gltf-viewer/uuid.js

@@ -0,0 +1,28 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = uuid;
+
+require("core-js/modules/es.date.to-string.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+// uuid
+function S4() {
+  return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
+}
+/**
+ * 随机生成一个uuid值
+ */
+
+
+function uuid() {
+  // then to call it, plus stitch in '4' in the third group
+  return (S4() + S4() + '-' + S4() + '-4' + S4().substr(0, 3) + '-' + S4() + '-' + S4() + S4() + S4()).toLowerCase();
+}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "0.1.5",
-  "description": "如视前端 Componets、Plugins 兼部分 SDKs \"Dnalogel\" 库。",
+  "version": "0.1.7-alpha.4",
+  "description": "如视前端 Components、Plugins 兼部分 SDKs \"Dnalogel\" 库。",
   "author": "BEIKE REALSEE TECHNOLOGY (HK) LIMITED",
   "peerDependencies": {
-    "@realsee/five": "^5.0.0-alpha.52",
+    "@realsee/five": "^5.0.0-alpha.84",
     "@tweenjs/tween.js": "^18.6.4",
     "@types/styled-jsx": "^2.2.9",
+    "hammerjs": "^2.0.8",
     "react": "^16.14.0",
     "styled-jsx": "^3.4.6",
     "three": "0.117.1",
@@ -19,4 +20,4 @@
   "dependencies": {
     "core-js": "^3.20.0"
   }
-}
+}

package/plugins/ModelEntryDoorGuidePlugin/index.d.ts

@@ -1,8 +1,8 @@
 import type { FivePlugin } from '@realsee/five';
 import { Vector3Position } from '../../typings/math.type';
 export interface ModelEntryDoorGuidePluginData {
-    position: Vector3Position;
-    rad: number;
+    position?: Vector3Position;
+    rad?: number;
     fbx_url?: string;
 }
 export declare type ModelEntryDoorGuidePluginParameterType = {
@@ -19,4 +19,8 @@ export interface ModelEntryDoorGuidePluginExportType {
  * 模型入户门引导插件
  */
 declare const ModelEntryDoorGuidePlugin: FivePlugin<ModelEntryDoorGuidePluginParameterType, ModelEntryDoorGuidePluginExportType>;
+export declare const modelEntryDoorGuidePluginServerParams: {
+    name: string;
+    version: number;
+};
 export default ModelEntryDoorGuidePlugin;

package/plugins/ModelEntryDoorGuidePlugin/index.js

@@ -19,7 +19,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.modelEntryDoorGuidePluginServerParams = exports["default"] = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -61,38 +61,40 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
 
   var load = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
-      var _data$position, _data$position2, _data$rad, _data$fbx_url, _object$children, _object$children$, _object$children$$chi, _object$children$$chi2;
+      var _data$position, _data$rad, _data$fbx_url, _object$children, _object$children$, _object$children$$chi, _object$children$$chi2;
 
-      var modelPosition, rad, fbxUrl, object, textMesh;
+      var position, modelPosition, rad, fbxUrl, object, textMesh;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              if (!(((_data$position = data === null || data === void 0 ? void 0 : data.position) !== null && _data$position !== void 0 ? _data$position : defaultModelPosition) === undefined)) {
-                _context.next = 2;
+              position = (_data$position = data === null || data === void 0 ? void 0 : data.position) !== null && _data$position !== void 0 ? _data$position : defaultModelPosition;
+
+              if (position) {
+                _context.next = 3;
                 break;
               }
 
               return _context.abrupt("return", Promise.reject("ModelEntryDoorGuidePlugin.load(): position is undefined"));
 
-            case 2:
-              modelPosition = (0, _transformPositionToVector["default"])((_data$position2 = data === null || data === void 0 ? void 0 : data.position) !== null && _data$position2 !== void 0 ? _data$position2 : defaultModelPosition);
+            case 3:
+              modelPosition = (0, _transformPositionToVector["default"])(position);
               rad = (_data$rad = data === null || data === void 0 ? void 0 : data.rad) !== null && _data$rad !== void 0 ? _data$rad : defaultRad;
               fbxUrl = (_data$fbx_url = data === null || data === void 0 ? void 0 : data.fbx_url) !== null && _data$fbx_url !== void 0 ? _data$fbx_url : defaultFbxUrl;
               state.rad = rad;
 
               if (!(rad === undefined)) {
-                _context.next = 8;
+                _context.next = 9;
                 break;
               }
 
               return _context.abrupt("return", Promise.reject("ModelEntryDoorGuidePlugin.load(): rad is ".concat(rad)));
 
-            case 8:
-              _context.next = 10;
+            case 9:
+              _context.next = 11;
               return new _FBXLoader.FBXLoader().loadAsync(fbxUrl);
 
-            case 10:
+            case 11:
               object = _context.sent;
               // 设置位置
               object.position.copy(modelPosition);
@@ -105,13 +107,13 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
               textMesh = (_object$children = object.children) === null || _object$children === void 0 ? void 0 : (_object$children$ = _object$children[0]) === null || _object$children$ === void 0 ? void 0 : (_object$children$$chi = _object$children$.children) === null || _object$children$$chi === void 0 ? void 0 : (_object$children$$chi2 = _object$children$$chi[3]) === null || _object$children$$chi2 === void 0 ? void 0 : _object$children$$chi2.clone();
 
               if (textMesh) {
-                _context.next = 18;
+                _context.next = 19;
                 break;
               }
 
               return _context.abrupt("return", Promise.reject("ModelEntryDoorGuidePlugin.load(): textMesh is ".concat(textMesh)));
 
-            case 18:
+            case 19:
               textMesh.material = new THREE.MeshBasicMaterial({
                 transparent: true,
                 map: (0, _createCanvasTextTexture["default"])('入户门')
@@ -121,7 +123,7 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
               state.object = object;
               return _context.abrupt("return", true);
 
-            case 23:
+            case 24:
             case "end":
               return _context.stop();
           }
@@ -221,6 +223,7 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
   var enable = function enable(config) {
     if (state.enabled) return true;
     state.enabled = true;
+    modeChangeHandler(five.currentMode);
     five.on('modeChange', modeChangeHandler);
     show(config);
     return true;
@@ -240,5 +243,10 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
   };
 };
 
+var modelEntryDoorGuidePluginServerParams = {
+  name: 'ModelEntryDoorGuidePlugin',
+  version: 0
+};
+exports.modelEntryDoorGuidePluginServerParams = modelEntryDoorGuidePluginServerParams;
 var _default = ModelEntryDoorGuidePlugin;
 exports["default"] = _default;

package/plugins/ModelRoomLabelPlugin/Controller.js

@@ -71,6 +71,7 @@ var ModelRoomLabelController = /*#__PURE__*/function () {
     this.container.style.width = '100%';
     this.container.style.height = '100%';
     this.container.style.position = 'absolute';
+    this.container.style.pointerEvents = 'none';
     this.container.style.left = '0';
     this.container.style.top = '0'; // five lisenter
 

package/plugins/ModelRoomLabelPlugin/RoomLabelItem.js

@@ -50,14 +50,14 @@ function RoomLabelItem(props, ref) {
   return /*#__PURE__*/React.createElement("div", {
     onClick: handleClick,
     ref: ref,
-    className: _style["default"].dynamic([["3619298579", [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]]]) + " " + "room-guid-label-plugin__item"
+    className: _style["default"].dynamic([["312299051", [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]]]) + " " + "room-guid-label-plugin__item"
   }, /*#__PURE__*/React.createElement(_style["default"], {
-    id: "3619298579",
+    id: "312299051",
     dynamic: [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]
-  }, [".room-guid-label-plugin__item.__jsx-style-dynamic-selector{position:absolute;z-index:0;font-size:".concat((0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), ";-webkit-transform:'';-ms-transform:'';transform:'';cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), ".room-guid-label-plugin__item-text.__jsx-style-dynamic-selector{position:absolute;left:0;top:".concat((0, _px2rem["default"])(-64), ";-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:").concat((0, _px2rem["default"])(20), ";min-width:").concat((0, _px2rem["default"])(32), ";padding:0 ").concat((0, _px2rem["default"])(6), ";pointer-events:all;background:url('//vrlab-static.ljcdn.com/release/web/room-label-bg.23e9d038.png') no-repeat;background-size:100% 100%;white-space:nowrap;}"), ".room-guid-label-plugin__item-bar.__jsx-style-dynamic-selector{position:absolute;top:".concat((0, _px2rem["default"])(-44), ";height:").concat((0, _px2rem["default"])(48), ";width:").concat((0, _px2rem["default"])(1), ";background-image:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0));}")]), /*#__PURE__*/React.createElement("span", {
-    className: _style["default"].dynamic([["3619298579", [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]]]) + " " + "room-guid-label-plugin__item-text"
+  }, [".room-guid-label-plugin__item.__jsx-style-dynamic-selector{position:absolute;z-index:0;font-size:".concat((0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), ";-webkit-transform:'';-ms-transform:'';transform:'';cursor:pointer;point-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), ".room-guid-label-plugin__item-text.__jsx-style-dynamic-selector{position:absolute;left:0;top:".concat((0, _px2rem["default"])(-64), ";-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:").concat((0, _px2rem["default"])(20), ";min-width:").concat((0, _px2rem["default"])(32), ";padding:0 ").concat((0, _px2rem["default"])(6), ";pointer-events:all;background:url('//vrlab-static.ljcdn.com/release/web/room-label-bg.23e9d038.png') no-repeat;background-size:100% 100%;white-space:nowrap;}"), ".room-guid-label-plugin__item-bar.__jsx-style-dynamic-selector{position:absolute;top:".concat((0, _px2rem["default"])(-44), ";height:").concat((0, _px2rem["default"])(48), ";width:").concat((0, _px2rem["default"])(1), ";background-image:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0));}")]), /*#__PURE__*/React.createElement("span", {
+    className: _style["default"].dynamic([["312299051", [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]]]) + " " + "room-guid-label-plugin__item-text"
   }, roomName), /*#__PURE__*/React.createElement("div", {
-    className: _style["default"].dynamic([["3619298579", [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]]]) + " " + "room-guid-label-plugin__item-bar"
+    className: _style["default"].dynamic([["312299051", [(0, _px2rem["default"])(roomName.length > 3 ? 8 : 10), (0, _px2rem["default"])(-64), (0, _px2rem["default"])(20), (0, _px2rem["default"])(32), (0, _px2rem["default"])(6), (0, _px2rem["default"])(-44), (0, _px2rem["default"])(48), (0, _px2rem["default"])(1)]]]) + " " + "room-guid-label-plugin__item-bar"
   }));
 }
 

package/plugins/ModelRoomLabelPlugin/index.d.ts

@@ -2,6 +2,10 @@ import { FivePlugin } from '@realsee/five';
 import { ModelRoomLabelController, ModelRoomLabelPluginParameters } from './Controller';
 export declare const ModelRoomLabelPlugin: FivePlugin<ModelRoomLabelPluginParameters, ModelRoomLabelPluginReturnType>;
 export default ModelRoomLabelPlugin;
+export declare const modelRoomLabelPluginServerParams: {
+    name: string;
+    version: number;
+};
 export type { ModelRoomLabelController } from './Controller';
 export type { ModelRoomLabelPluginData, RoomLabel } from './typings';
 export declare type ModelRoomLabelPluginReturnType = ModelRoomLabelController;

package/plugins/ModelRoomLabelPlugin/index.js

@@ -5,7 +5,7 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.ModelRoomLabelPlugin = void 0;
+exports.modelRoomLabelPluginServerParams = exports["default"] = exports.ModelRoomLabelPlugin = void 0;
 
 var _Controller = require("./Controller");
 
@@ -15,4 +15,9 @@ var ModelRoomLabelPlugin = function ModelRoomLabelPlugin(five) {
 
 exports.ModelRoomLabelPlugin = ModelRoomLabelPlugin;
 var _default = ModelRoomLabelPlugin;
-exports["default"] = _default;
+exports["default"] = _default;
+var modelRoomLabelPluginServerParams = {
+  name: 'ModelRoomLabelPlugin',
+  version: 0
+};
+exports.modelRoomLabelPluginServerParams = modelRoomLabelPluginServerParams;

package/plugins/PanoMaskSelectorPlugin/createBox.js

@@ -25,6 +25,8 @@ require("core-js/modules/es.object.assign.js");
 
 require("core-js/modules/es.array.map.js");
 
+require("core-js/modules/es.function.name.js");
+
 var THREE = _interopRequireWildcard(require("three"));
 
 var _vertexShader = require("./vertexShader");
@@ -75,5 +77,6 @@ function createBox(textures, observer, _config) {
   box.geometry.scale(-1, 1, 1);
   box.position.set(observer.position.x, observer.position.y, observer.position.z);
   box.quaternion.multiply(observer.quaternion);
+  box.name = 'PanoMaskSelectorPlugin';
   return box;
 }

package/plugins/PanoMaskSelectorPlugin/index.js

@@ -133,9 +133,11 @@ var PanoMaskSelectorPlugin = function PanoMaskSelectorPlugin(five) {
 
     if (state.box) {
       five.scene.remove(state.box);
+      state.box = undefined;
     }
 
     var panoramaImgs = state.data.panoramaImgs[five.panoIndex];
+    state.currentLoadedIndex = five.panoIndex;
 
     if (!panoramaImgs) {
       state.textures = undefined;
@@ -149,7 +151,7 @@ var PanoMaskSelectorPlugin = function PanoMaskSelectorPlugin(five) {
       thickness: ((_state$data$config2 = state.data.config) === null || _state$data$config2 === void 0 ? void 0 : _state$data$config2.thickness) || 0.005
     });
     five.scene.add(state.box);
-    state.currentLoadedIndex = five.panoIndex;
+    five.needsRender = true;
     return true;
   };
 

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,103 @@
+"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/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;
+}