@realsee/dnalogel 0.1.4 → 0.1.7-alpha.3

package/plugins/ModelEntryDoorGuidePlugin/index.js

@@ -1,12 +1,36 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.promise.js");
+
+require("core-js/modules/es.array.for-each.js");
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var THREE = _interopRequireWildcard(require("three"));
 
 var _FBXLoader = require("three/examples/jsm/loaders/FBXLoader");
@@ -17,16 +41,10 @@ var _transformPositionToVector = _interopRequireDefault(require("../../shared-ut
 
 var _transfromToMeshBasicMaterial = _interopRequireDefault(require("../../shared-utils/three/transfromToMeshBasicMaterial"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
 /**
  * 模型入户门引导插件
  */
@@ -42,39 +60,41 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
   var mixers = [];
 
   var load = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.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 _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
+      var _data$position, _data$rad, _data$fbx_url, _object$children, _object$children$, _object$children$$chi, _object$children$$chi2;
 
-      var modelPosition, rad, fbxUrl, object, textMesh;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
+      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);
@@ -87,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"])('入户门')
@@ -103,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();
           }
@@ -203,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;

package/plugins/ModelExtrudeWallsPlugin/index.d.ts

@@ -0,0 +1,16 @@
+import { FivePlugin } from '@realsee/five';
+export interface ExtrudeWallsDataModel {
+    height: number;
+    exterior: Array<[number, number]>;
+    interior: Array<[number, number]>;
+}
+export interface ModelExtrudeWallsPluginParameterType {
+    data?: ExtrudeWallsDataModel;
+}
+export interface ModelExtrudeWallsPluginPluginReturnType {
+    enable: () => void;
+    disable: () => void;
+    dispose: () => void;
+    load: (data: ExtrudeWallsDataModel) => void;
+}
+export declare const ModelExtrudeWallsPlugin: FivePlugin<ModelExtrudeWallsPluginParameterType, ModelExtrudeWallsPluginPluginReturnType>;

package/plugins/ModelExtrudeWallsPlugin/index.js

@@ -0,0 +1,252 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModelExtrudeWallsPlugin = void 0;
+
+require("core-js/modules/es.array.for-each.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.function.name.js");
+
+var _five = require("@realsee/five");
+
+var THREE = _interopRequireWildcard(require("three"));
+
+var _nextFrame = require("../../shared-utils/nextFrame");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var lineTo = function lineTo(d, s) {
+  return d.forEach(function (p, i) {
+    return s[!i ? 'moveTo' : 'lineTo'](p[0], p[1]);
+  });
+};
+
+var generateSideWallUV = function generateSideWallUV() {
+  return [new THREE.Vector2(1, 1), new THREE.Vector2(0, 1), new THREE.Vector2(0, 0), new THREE.Vector2(1, 0)];
+};
+
+var bezierArcTransition = function bezierArcTransition(t) {
+  return -0.7 * (2.4 * t * t * t - 3.6 * t * t + 0.2 * t);
+};
+
+var ModelExtrudeWallsPlugin = function ModelExtrudeWallsPlugin(five) {
+  var parameters = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var state = {
+    data: parameters.data,
+    walls: {},
+    visible: true
+  };
+
+  var wrapper = function wrapper() {
+    if (!state.data) return;
+    var wallShape = new THREE.Shape();
+    var floorplanShape = new THREE.Shape();
+    lineTo(state.data.exterior, wallShape);
+    lineTo(state.data.exterior, floorplanShape);
+    lineTo(state.data.interior, floorplanShape);
+    var bb = new THREE.Box2();
+    bb.setFromPoints(wallShape.extractPoints(1).shape);
+
+    var generateTopUV = function generateTopUV(geometry, vertices, indexA, indexB, indexC) {
+      var ax = vertices[indexA * 3];
+      var ay = vertices[indexA * 3 + 1];
+      var bx = vertices[indexB * 3];
+      var by = vertices[indexB * 3 + 1];
+      var cx = vertices[indexC * 3];
+      var cy = vertices[indexC * 3 + 1];
+      var bbx = bb.max.x - bb.min.x;
+      var bby = bb.max.y - bb.min.y;
+      return [new THREE.Vector2((ax - bb.min.x) / bbx, 1.0 - (ay - bb.min.y) / bby), new THREE.Vector2((bx - bb.min.x) / bbx, 1.0 - (by - bb.min.y) / bby), new THREE.Vector2((cx - bb.min.x) / bbx, 1.0 - (cy - bb.min.y) / bby)];
+    };
+
+    var extrudeSettings = {
+      steps: 1,
+      depth: Math.abs(state.data.height),
+      bevelEnabled: false,
+      UVGenerator: {
+        generateTopUV: generateTopUV,
+        generateSideWallUV: generateSideWallUV
+      }
+    };
+    var geometry1 = new THREE.ExtrudeGeometry(wallShape, extrudeSettings);
+    var geometry2 = new THREE.ExtrudeGeometry(wallShape, extrudeSettings);
+    var geometry3 = new THREE.ExtrudeGeometry(floorplanShape, extrudeSettings);
+    geometry1.faces.forEach(function (face) {
+      var temp = face.a;
+      face.a = face.c;
+      face.c = temp;
+    });
+    geometry1.faceVertexUvs.forEach(function (faceVertexUvs) {
+      faceVertexUvs.forEach(function (uv) {
+        var temp = uv[0];
+        uv[0] = uv[2];
+        uv[2] = temp;
+      });
+    });
+    geometry1.computeFaceNormals();
+    var material0 = new THREE.MeshBasicMaterial({
+      color: 0xc8c8c8,
+      // color: 0x2bb8aa,
+      wireframe: false,
+      transparent: true,
+      opacity: 0.9
+    });
+    var material1 = new THREE.MeshBasicMaterial({
+      color: 0xffeedf,
+      wireframe: false,
+      transparent: true,
+      opacity: 0.7
+    });
+    var material2 = new THREE.MeshBasicMaterial({
+      color: 0xffffff,
+      wireframe: false,
+      transparent: true,
+      opacity: 0,
+      depthTest: false
+    });
+    var material3 = new THREE.MeshBasicMaterial({
+      color: 0xc8c8c8,
+      // color: 0x2bb8aa,
+      wireframe: false,
+      transparent: true,
+      opacity: 0.2,
+      depthTest: false
+    });
+    var renderOrder = 99;
+
+    var initMesh = function initMesh(m) {
+      m.rotation.x = -Math.PI / 2;
+      m.rotation.y = 0;
+      m.rotation.z = 0; // Math.PI / 2
+
+      m.position.y = five.model.bounding.min.y;
+      m.name = 'extrude-walls' + renderOrder;
+      m.renderOrder = renderOrder++;
+      five.needsRender = true;
+    }; // 内墙
+
+
+    var insideWall = new THREE.Mesh(geometry1, [material2, material0]); // 外墙
+
+    var outsideWall = new THREE.Mesh(geometry2, [material2, material3]); // 内墙
+
+    var lookDownWall = new THREE.Mesh(geometry3, [material1, material2]);
+
+    var append = function append() {
+      initMesh(insideWall);
+      initMesh(lookDownWall);
+      initMesh(outsideWall);
+      five.scene.add(insideWall);
+      five.scene.add(outsideWall);
+      five.scene.add(lookDownWall);
+      state.walls.inside = insideWall;
+      state.walls.outside = outsideWall;
+      state.walls.lookDown = lookDownWall;
+      state.visible = true;
+      visible(five.currentMode === _five.Five.Mode.Floorplan);
+    };
+
+    if (five.model.loaded) {
+      append();
+    } else {
+      five.once('modelLoaded', function () {
+        return append();
+      });
+    }
+  };
+
+  var enable = function enable() {
+    state.visible = true;
+    visible(true);
+  };
+
+  var disable = function disable() {
+    state.visible = false;
+    visible(false);
+  };
+
+  var visible = function visible() {
+    var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    if (state.walls.inside) state.walls.inside.visible = flag;
+    if (state.walls.outside) state.walls.outside.visible = flag;
+    if (state.walls.lookDown) state.walls.lookDown.visible = flag;
+    five.needsRender = true;
+  };
+
+  var modeChangeListener = function modeChangeListener(mode, prevMode) {
+    if (!state.visible) return;
+
+    if (prevMode === _five.Five.Mode.Floorplan) {
+      five.once('initAnimationEnded', function () {
+        return (0, _nextFrame.nextFrame)(function () {
+          return visible(false);
+        });
+      });
+      return;
+    }
+
+    return visible(mode === _five.Five.Mode.Floorplan);
+  };
+
+  var cameraDirectionUpdateListener = function cameraDirectionUpdateListener(_ref) {
+    var latitude = _ref.latitude;
+    if (state.walls.inside) state.walls.inside.material[1].opacity = bezierArcTransition(latitude / (Math.PI / 2));
+    if (state.walls.outside) state.walls.outside.material[1].opacity = bezierArcTransition(latitude / (Math.PI / 2));
+    if (state.walls.lookDown) state.walls.lookDown.material[0].opacity = bezierArcTransition(latitude / (Math.PI / 2));
+  };
+
+  five.on('modeChange', modeChangeListener);
+  five.on('cameraDirectionUpdate', cameraDirectionUpdateListener);
+
+  var dispose = function dispose() {
+    five.off('modeChange', modeChangeListener);
+    five.off('cameraDirectionUpdate', cameraDirectionUpdateListener);
+    if (state.walls.inside) five.scene.remove(state.walls.inside);
+    if (state.walls.outside) five.scene.remove(state.walls.outside);
+    if (state.walls.lookDown) five.scene.remove(state.walls.lookDown);
+    state.data = undefined;
+    state.walls = {};
+    state.visible = true;
+  };
+
+  wrapper();
+
+  var load = function load(data) {
+    state.data = data;
+    if (state.walls.inside) five.scene.remove(state.walls.inside);
+    if (state.walls.outside) five.scene.remove(state.walls.outside);
+    if (state.walls.lookDown) five.scene.remove(state.walls.lookDown);
+    wrapper();
+  };
+
+  return {
+    enable: enable,
+    disable: disable,
+    dispose: dispose,
+    load: load
+  };
+};
+
+exports.ModelExtrudeWallsPlugin = ModelExtrudeWallsPlugin;

package/plugins/ModelRoomLabelPlugin/Controller.js

@@ -1,12 +1,34 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ModelRoomLabelController = 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 React = _interopRequireWildcard(require("react"));
 
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
@@ -15,33 +37,19 @@ var _RoomLabelItems = _interopRequireDefault(require("./RoomLabelItems"));
 
 var _parseData = require("./utils/parseData");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var ModelRoomLabelController = /*#__PURE__*/function () {
   function ModelRoomLabelController(five) {
     var _this = this;
 
-    _classCallCheck(this, ModelRoomLabelController);
-
-    _defineProperty(this, "enabled", true);
-
-    _defineProperty(this, "roomLabels", []);
-
-    _defineProperty(this, "container", document.createElement('div'));
-
-    _defineProperty(this, "onFiveModeChange", function (mode) {
+    (0, _classCallCheck2["default"])(this, ModelRoomLabelController);
+    (0, _defineProperty2["default"])(this, "enabled", true);
+    (0, _defineProperty2["default"])(this, "roomLabels", []);
+    (0, _defineProperty2["default"])(this, "container", document.createElement('div'));
+    (0, _defineProperty2["default"])(this, "onFiveModeChange", function (mode) {
       if (mode !== 'Floorplan') {
         _this.fiveModeEnabled = false;
 
@@ -56,7 +64,6 @@ var ModelRoomLabelController = /*#__PURE__*/function () {
         _this.render();
       });
     });
-
     this.five = five;
     this.fiveModeEnabled = this.five.currentMode === 'Floorplan'; // init container style
 
@@ -64,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
 
@@ -74,7 +82,7 @@ var ModelRoomLabelController = /*#__PURE__*/function () {
     this.render();
   }
 
-  _createClass(ModelRoomLabelController, [{
+  (0, _createClass2["default"])(ModelRoomLabelController, [{
     key: "dispose",
     value: function dispose() {
       this.five.off('modeChange', this.onFiveModeChange);
@@ -140,7 +148,6 @@ var ModelRoomLabelController = /*#__PURE__*/function () {
       }) : /*#__PURE__*/React.createElement(React.Fragment, null), this.container);
     }
   }]);
-
   return ModelRoomLabelController;
 }();
 

package/plugins/ModelRoomLabelPlugin/RoomLabelItem.js

@@ -1,6 +1,22 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +25,10 @@ exports["default"] = void 0;
 
 var _style = _interopRequireDefault(require("styled-jsx/style"));
 
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.array.concat.js");
+
 var React = _interopRequireWildcard(require("react"));
 
 var _px2rem = _interopRequireDefault(require("../../shared-utils/px2rem"));
@@ -17,8 +37,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function RoomLabelItem(props, ref) {
   var five = props.five;
   var roomName = props.item.name;
@@ -32,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"
   }));
 }