@realsee/dnalogel 0.1.7-alpha.1 → 0.1.7-alpha.5

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

@@ -11,8 +11,15 @@ export interface GLTFViewerConfig {
     backgroundHDR?: string;
     pixelRatio?: number;
     initial?: Partial<GLTFViewerState>;
-    pointLight?: THREE.PointLight;
-    directionalLight?: THREE.DirectionalLight;
+    pointLight?: THREE.PointLight | false;
+    directionalLight?: THREE.DirectionalLight | false;
+    ambientLight?: THREE.AmbientLight | false;
+    minFov?: number;
+    maxFov?: number;
+    toneMapping?: {
+        toneMapping?: THREE.ToneMapping;
+        toneMappingExposure?: number;
+    };
 }
 export interface GLTFViewerState {
     fov: number;
@@ -39,9 +46,14 @@ export declare class GLTFViewer extends Subscribe<GLTFViewerEventMap> {
         latitude?: number;
         longitude?: number;
     });
+    set minFov(fov: number);
+    get minFov(): number;
+    set maxFov(fov: number);
+    get maxFov(): number;
     /**
      *
      * @param url glTF 模型CDN地址
+     * @param options adaptive 是否开启自适应fov
      */
     load(url: string): void;
     /**
@@ -50,8 +62,17 @@ export declare class GLTFViewer extends Subscribe<GLTFViewerEventMap> {
      * @param size
      */
     appendTo(container: HTMLDivElement, size?: GLTFViewerSize): void;
+    /**
+     * 刷新：如果传递宽高则以该宽高重新绘制；否则，以父容器的宽高重新绘制。
+     * @param size
+     */
+    refresh(size?: GLTFViewerSize): void;
     /**
      * 销毁
      */
     dispose(): void;
+    /**
+     * 响应式fov
+     */
+    fitFov(): void;
 }

package/libs/gltf-viewer/index.js

@@ -23,12 +23,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GLTFViewer = void 0;
 
+require("core-js/modules/es.object.assign.js");
+
 require("core-js/modules/es.function.bind.js");
 
 require("core-js/modules/web.timers.js");
 
-require("core-js/modules/es.object.assign.js");
-
 require("core-js/modules/es.object.to-string.js");
 
 require("core-js/modules/es.promise.js");
@@ -37,10 +37,10 @@ require("core-js/modules/es.date.to-string.js");
 
 require("core-js/modules/es.regexp.to-string.js");
 
-require("core-js/modules/es.number.is-integer.js");
-
 require("core-js/modules/es.number.constructor.js");
 
+require("core-js/modules/es.array.concat.js");
+
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -67,8 +67,6 @@ var _coordsMoveByOffset = require("./coordsMoveByOffset");
 
 var _getFrameTime = require("./getFrameTime");
 
-var _formatRad = require("./formatRad");
-
 var _coordsToDirection = require("./coordsToDirection");
 
 var _mouseWheel = require("./mouseWheel");
@@ -89,8 +87,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 var defaultPos = {
   longitude: 0,
-  latitude: -0.3,
-  fov: 35
+  latitude: 0,
+  fov: 0
 };
 var ERROR_NO_CONTROLLER = 'GLTFViewer 实例丢失';
 var loader = new _GLTFLoader.GLTFLoader();
@@ -100,11 +98,15 @@ var Controller = /*#__PURE__*/function () {
     var _this = this;
 
     (0, _classCallCheck2["default"])(this, Controller);
-    (0, _defineProperty2["default"])(this, "fov", 35);
+    (0, _defineProperty2["default"])(this, "fov", 0);
     (0, _defineProperty2["default"])(this, "longitude", 0);
-    (0, _defineProperty2["default"])(this, "latitude", -0.3);
+    (0, _defineProperty2["default"])(this, "latitude", 0);
     (0, _defineProperty2["default"])(this, "needsRender", false);
-    // 异步事件回调
+    this.config = Object.assign({
+      maxFov: 120,
+      minFov: 1
+    }, config); // 异步事件回调
+
     this.callbacks = callbacks; // 默认状态参数
 
     var initial = config.initial || {};
@@ -134,8 +136,14 @@ var Controller = /*#__PURE__*/function () {
       alpha: true
     });
     this.renderer.outputEncoding = THREE.sRGBEncoding;
-    this.renderer.toneMapping = THREE.ReinhardToneMapping;
-    this.renderer.toneMappingExposure = 1.5;
+
+    if (config.toneMapping) {
+      var _config$toneMapping = config.toneMapping,
+          toneMapping = _config$toneMapping.toneMapping,
+          toneMappingExposure = _config$toneMapping.toneMappingExposure;
+      if (toneMapping) this.renderer.toneMapping = toneMapping;
+      if (toneMappingExposure !== undefined) this.renderer.toneMappingExposure = toneMappingExposure;
+    }
 
     if (config.backgroundColor) {
       this.renderer.setClearColor(config.backgroundColor, 0);
@@ -147,13 +155,24 @@ var Controller = /*#__PURE__*/function () {
     } // 相机
 
 
-    this.camera = new THREE.PerspectiveCamera(this.fov, 1, 0.1, 10000); // 光照
+    this.camera = new THREE.PerspectiveCamera(this.fov, 1, 0.1, 1500); // 光照
+
+    if (config.pointLight !== false) {
+      this.pointLight = config.pointLight || new THREE.PointLight(0xfffffff, 1, 1500);
+      this.scene.add(this.pointLight);
+    }
+
+    if (config.directionalLight !== false) {
+      this.directionLight = config.directionalLight || new THREE.DirectionalLight(0xfffffff, 0.1);
+      this.directionLight.position.setY(-1);
+      this.scene.add(this.directionLight);
+    }
+
+    if (config.ambientLight !== false) {
+      this.ambientLight = config.ambientLight || new THREE.AmbientLight(0xfffffff);
+      this.scene.add(this.ambientLight);
+    } // 背景 HDR
 
-    this.pointLight = config.pointLight || new THREE.PointLight(0xfffffff, 0.9, 10000);
-    this.scene.add(this.pointLight);
-    this.directionLight = config.directionalLight || new THREE.DirectionalLight(0xfffffff, 0.1);
-    this.directionLight.position.setY(-1);
-    this.scene.add(this.directionLight); // 背景 HDR
 
     if (config.backgroundHDR) {
       var pmremGenerator = new THREE.PMREMGenerator(this.renderer);
@@ -205,6 +224,16 @@ var Controller = /*#__PURE__*/function () {
   }
 
   (0, _createClass2["default"])(Controller, [{
+    key: "minFov",
+    get: function get() {
+      return this.config.minFov || 1;
+    }
+  }, {
+    key: "maxFov",
+    get: function get() {
+      return this.config.maxFov || 120;
+    }
+  }, {
     key: "pause",
     value: function pause() {// nothing todo
     }
@@ -212,8 +241,7 @@ var Controller = /*#__PURE__*/function () {
     key: "clear",
     value: function clear() {
       if (this.target) {
-        this.scene.remove(this.target.scene); // disposeObject(this.target)
-
+        this.scene.remove(this.target.scene);
         this.update(defaultPos);
         this.target = undefined;
       }
@@ -251,6 +279,8 @@ var Controller = /*#__PURE__*/function () {
           _this3.target.scene.visible = true;
 
           _this3.update({});
+
+          _this3.callbacks.loaded(object);
         }
       }, 50);
     }
@@ -310,33 +340,59 @@ var Controller = /*#__PURE__*/function () {
         latitude = state.latitude;
       }
 
-      var center = new THREE.Vector3();
-      var box = new THREE.Box3();
+      if (!this.target || !this.target.scene) return;
+      var boxHelper = new THREE.BoxHelper(this.target.scene, 0x2bb8aa);
 
-      if (this.target) {
-        box.expandByObject(this.target.scene);
-        box.getCenter(center);
-      }
+      var _ref = boxHelper.geometry.boundingSphere || {},
+          center = _ref.center,
+          radius = _ref.radius;
+
+      if (!center || !radius) return;
+      var box = new THREE.Box3();
+      box.expandByObject(this.target.scene);
+      box.getCenter(center); // 距离
+
+      var distance = radius / Math.sin(Math.PI / 4) * 3;
+      {// debug
+        // const geometry = new THREE.SphereGeometry(radius, 32, 16)
+        // const material = new THREE.MeshBasicMaterial({ color: 0x0000aa, wireframe: true })
+        // const sphere = new THREE.Mesh(geometry, material)
+        // sphere.position.copy(center.clone())
+        // this.scene.add(sphere)
+      } // 朝向
 
-      longitude = (0, _formatRad.formatRad)(longitude);
-      latitude = Math.max(-Math.PI / 2 + 0.01, Math.min(+Math.PI / 2, latitude));
-      var distance = Math.max(center.distanceTo(box.min), center.distanceTo(box.max));
       var direction = (0, _coordsToDirection.coordsToDirection)({
         longitude: longitude,
         latitude: latitude
       });
-      direction.setLength(distance * 3);
+      direction.setLength(distance);
       this.camera.position.copy(center.clone().add(direction));
       this.camera.lookAt(center);
-      var lightDirection = (0, _coordsToDirection.coordsToDirection)({
-        longitude: longitude,
-        latitude: -Math.PI / 6
-      });
-      lightDirection.setLength(distance * 3);
-      this.pointLight.position.copy(center.clone().add(lightDirection));
+
+      if (this.pointLight) {
+        var lightDirection = (0, _coordsToDirection.coordsToDirection)({
+          longitude: longitude,
+          latitude: -Math.PI / 6
+        });
+        lightDirection.setLength(distance * 3);
+        this.pointLight.position.copy(center.clone().add(lightDirection));
+      }
+
+      var calcFov = function calcFov(distance, width, r) {
+        var vertical = r < 1 ? width / r : width;
+        var fov = Math.atan(vertical / distance / 2) * 2 * (180 / Math.PI);
+        return fov;
+      };
+
+      var d = this.camera.position.distanceTo(center);
+
+      if (fov === 0) {
+        fov = calcFov(d, radius * 2, this.renderer.domElement.offsetWidth / this.renderer.domElement.offsetHeight);
+      }
+
+      fov = Math.max(this.minFov, Math.min(this.maxFov, fov));
 
       if (fov !== this.fov) {
-        fov = Math.max(25, Math.min(60, fov));
         this.camera.fov = fov;
         this.camera.updateProjectionMatrix();
       }
@@ -439,8 +495,9 @@ var Controller = /*#__PURE__*/function () {
         return;
       }
 
+      var fov = this.__pinchCurrentFov ? this.__pinchCurrentFov / scale : 1;
       this.update({
-        fov: (this.__pinchCurrentFov || 0) / scale
+        fov: fov
       });
     }
   }, {
@@ -482,8 +539,9 @@ var Controller = /*#__PURE__*/function () {
     key: "__onMouseWheel",
     value: function __onMouseWheel(event) {
       this.__interiaMovement = false;
+      var fov = this.fov - event.delta;
       this.update({
-        fov: this.fov - event.delta
+        fov: fov <= 1 ? 1 : fov
       });
     }
   }, {
@@ -497,8 +555,6 @@ var Controller = /*#__PURE__*/function () {
         loader.load(url, function (gltf) {
           _this6.setTarget(gltf);
 
-          _this6.callbacks.loaded(gltf);
-
           resolve(true);
         }, function (xhr) {
           _this6.callbacks.progressing(xhr.loaded / xhr.total * 100);
@@ -558,6 +614,9 @@ var GLTFViewer = /*#__PURE__*/function (_Subscribe) {
         return _this7.emit('loadError', error);
       }
     });
+    Object.assign(window, {
+      $controller: controller
+    });
     caches[_this7.uuid] = controller;
     return _this7;
   }
@@ -574,12 +633,12 @@ var GLTFViewer = /*#__PURE__*/function (_Subscribe) {
       }, {
         set: function set(obj, prop, value) {
           if (prop === 'fov') {
-            if (!Number.isInteger(value)) {
+            if (Number(value) === NaN) {
               throw new TypeError('The fov is not an number');
             }
 
-            if (value > 60 || value < 20) {
-              throw new RangeError('The fov seems invalid~ fov: [20, 60]');
+            if (value > controller.maxFov || value < controller.minFov) {
+              throw new RangeError("The fov seems invalid~ fov: [".concat(controller.minFov, ", ").concat(controller.maxFov, "]"));
             }
           }
 
@@ -592,10 +651,10 @@ var GLTFViewer = /*#__PURE__*/function (_Subscribe) {
       });
       return proxy;
     },
-    set: function set(_ref) {
-      var fov = _ref.fov,
-          latitude = _ref.latitude,
-          longitude = _ref.longitude;
+    set: function set(_ref2) {
+      var fov = _ref2.fov,
+          latitude = _ref2.latitude,
+          longitude = _ref2.longitude;
       var controller = caches[this.uuid];
       if (!controller) throw new Error(ERROR_NO_CONTROLLER);
       controller.update({
@@ -604,11 +663,39 @@ var GLTFViewer = /*#__PURE__*/function (_Subscribe) {
         longitude: longitude === undefined ? controller.longitude : longitude
       });
     }
+  }, {
+    key: "minFov",
+    get: function get() {
+      var controller = caches[this.uuid];
+      if (!controller) throw new Error(ERROR_NO_CONTROLLER);
+      return controller.minFov;
+    },
+    set: function set(fov) {
+      var controller = caches[this.uuid];
+      if (!controller) throw new Error(ERROR_NO_CONTROLLER);
+      controller.config.minFov = fov;
+      controller.update({});
+    }
+  }, {
+    key: "maxFov",
+    get: function get() {
+      var controller = caches[this.uuid];
+      if (!controller) throw new Error(ERROR_NO_CONTROLLER);
+      return controller.maxFov;
+    }
     /**
      *
      * @param url glTF 模型CDN地址
+     * @param options adaptive 是否开启自适应fov
      */
-
+    ,
+    set: function set(fov) {
+      var controller = caches[this.uuid];
+      if (!controller) throw new Error(ERROR_NO_CONTROLLER);
+      console.log('maxFov', controller.config);
+      controller.config.maxFov = fov;
+      controller.update({});
+    }
   }, {
     key: "load",
     value: function load(url) {
@@ -629,6 +716,18 @@ var GLTFViewer = /*#__PURE__*/function (_Subscribe) {
       if (!controller) throw new Error(ERROR_NO_CONTROLLER);
       controller.appendTo(container, size);
     }
+    /**
+     * 刷新：如果传递宽高则以该宽高重新绘制；否则，以父容器的宽高重新绘制。
+     * @param size
+     */
+
+  }, {
+    key: "refresh",
+    value: function refresh(size) {
+      var controller = caches[this.uuid];
+      if (!controller) throw new Error(ERROR_NO_CONTROLLER);
+      controller.refresh(size);
+    }
     /**
      * 销毁
      */
@@ -641,6 +740,19 @@ var GLTFViewer = /*#__PURE__*/function (_Subscribe) {
       if (controller.dispose) controller.dispose();
       delete caches[this.uuid];
     }
+    /**
+     * 响应式fov
+     */
+
+  }, {
+    key: "fitFov",
+    value: function fitFov() {
+      var controller = caches[this.uuid];
+      if (!controller) throw new Error(ERROR_NO_CONTROLLER);
+      controller.update({
+        fov: 0
+      });
+    }
   }]);
   return GLTFViewer;
 }(_Subscribe2.Subscribe);

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "0.1.7-alpha.1",
-  "description": "如视前端 Componets、Plugins 兼部分 SDKs \"Dnalogel\" 库。",
+  "version": "0.1.7-alpha.5",
+  "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",

package/plugins/ModelChassisCompassPlugin/index.d.ts

@@ -15,5 +15,5 @@ export interface ModelChassisCompassPluginExportType {
 /**
  * 模型底盘指南针插件
  */
-declare const ModelChassisCompassPlugin: FivePlugin<ModelChassisCompassPluginParameterType, ModelChassisCompassPluginExportType>;
+export declare const ModelChassisCompassPlugin: FivePlugin<ModelChassisCompassPluginParameterType, ModelChassisCompassPluginExportType>;
 export default ModelChassisCompassPlugin;

package/plugins/ModelChassisCompassPlugin/index.js

@@ -21,7 +21,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.ModelChassisCompassPlugin = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -153,5 +153,6 @@ var ModelChassisCompassPlugin = function ModelChassisCompassPlugin(five, params)
   };
 };
 
+exports.ModelChassisCompassPlugin = ModelChassisCompassPlugin;
 var _default = ModelChassisCompassPlugin;
 exports["default"] = _default;

package/plugins/ModelEntryDoorGuidePlugin/index.d.ts

@@ -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"));
 
@@ -243,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/fragmentShader.d.ts

@@ -1 +1 @@
-export declare const fragmentShader = "\nconst float PI = 3.1415926535897932384626433832795;\nuniform int enable;\nuniform sampler2D map;\nvarying vec2 vUv;\n\nuniform vec3 selectedColor;\nuniform vec3 maskColor;\nuniform float opacity;\nuniform float thickness;\n\n\n// \u5224\u65AD\u4E24\u4E2A\u989C\u8272\u662F\u5426\u76F8\u4F3C\nbool compare(vec3 c1, vec3 c2, float threshold) {\n  // \u8272\u503C\u8BEF\u5DEE 0.05\n  float diff = threshold;\n\n  float r = abs(c1.x - c2.x);\n  float g = abs(c1.y - c2.y);\n  float b = abs(c1.z - c2.z);\n\n  return r < diff && g < diff && b < diff;\n}\n\nvoid main(void) {\n  vec3 color = texture2D(map, vUv).xyz;\n  float alpha = texture2D(map, vUv).a;\n\n  gl_FragColor = vec4(color, 1.0);\n  return;\n  // gl_FragColor = vec4(color, opacity);\n\n\n  // \u5F00\u5173\n  if (enable != 1) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u9ED8\u8BA4\u503C\uFF1A\u672A\u63D0\u4F9B \u9009\u4E2D\u8272\u503C\n  if (selectedColor.x == 0.0 && selectedColor.y == 0.0 && selectedColor.z == 0.0) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  bool similar = compare(color, selectedColor, 0.025);\n\n  // \u4E0D\u76F8\u4F3C\n  if (similar == false) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u5BF9\u6BD4\u534A\u5F84\u5E45\u5EA6\n  float offset1 = thickness;\n  float offset2 = offset1 * sin(PI/4.0);\n\n  vec3 top = texture2D(map, vec2(vUv.x, vUv.y + offset1)).xyz;\n  vec3 right = texture2D(map, vec2(vUv.x + offset1, vUv.y)).xyz;\n  vec3 bottom = texture2D(map, vec2(vUv.x, vUv.y - offset1)).xyz;\n  vec3 left = texture2D(map, vec2(vUv.x - offset1, vUv.y)).xyz;\n  \n  vec3 topRight = texture2D(map, vec2(vUv.x + offset2, vUv.y + offset2)).xyz;\n  vec3 rightBottom = texture2D(map, vec2(vUv.x + offset2, vUv.y - offset2)).xyz;\n  vec3 bottomLeft = texture2D(map, vec2(vUv.x - offset2, vUv.y - offset2)).xyz;\n  vec3 leftTop = texture2D(map, vec2(vUv.x - offset2, vUv.y + offset2)).xyz;\n\n  float threshold = 0.0025;\n  bool a1 = compare(color, top, threshold);\n  bool b1 = compare(color, right, threshold);\n  bool c1 = compare(color, bottom, threshold);\n  bool d1 = compare(color, left, threshold);\n\n\n  bool a2 = compare(color, topRight, threshold);\n  bool b2 = compare(color, rightBottom, threshold);\n  bool c2 = compare(color, bottomLeft, threshold);\n  bool d2 = compare(color, leftTop, threshold);\n\n  if (a1 == true && b1 == true && c1 == true && d1 == true && a2 == true && b2 == true && c2 == true && d2 == true) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  gl_FragColor =  vec4(maskColor.x, maskColor.y, maskColor.z, 1.0);\n  // gl_FragColor =  vec4(154.0 / 255.0, 205.0 / 255.0, 50.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(139.0 / 255.0, 0.0 / 255.0, 0.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(255.0 / 255.0, 235.0 / 255.0, 59.0 / 255.0, 1.0) ;\n\n}\n";
+export declare const fragmentShader = "\nconst float PI = 3.1415926535897932384626433832795;\nuniform int enable;\nuniform sampler2D map;\nvarying vec2 vUv;\n\nuniform vec3 selectedColor;\nuniform vec3 maskColor;\nuniform float opacity;\nuniform float thickness;\n\n\n// \u5224\u65AD\u4E24\u4E2A\u989C\u8272\u662F\u5426\u76F8\u4F3C\nbool compare(vec3 c1, vec3 c2, float threshold) {\n  // \u8272\u503C\u8BEF\u5DEE 0.05\n  float diff = threshold;\n\n  float r = abs(c1.x - c2.x);\n  float g = abs(c1.y - c2.y);\n  float b = abs(c1.z - c2.z);\n\n  return r < diff && g < diff && b < diff;\n}\n\nvoid main(void) {\n  vec3 color = texture2D(map, vUv).xyz;\n  float alpha = texture2D(map, vUv).a;\n\n  gl_FragColor = vec4(color, opacity);\n\n  // \u5F00\u5173\n  if (enable != 1) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u9ED8\u8BA4\u503C\uFF1A\u672A\u63D0\u4F9B \u9009\u4E2D\u8272\u503C\n  if (selectedColor.x == 0.0 && selectedColor.y == 0.0 && selectedColor.z == 0.0) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  bool similar = compare(color, selectedColor, 0.025);\n\n  // \u4E0D\u76F8\u4F3C\n  if (similar == false) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u5BF9\u6BD4\u534A\u5F84\u5E45\u5EA6\n  float offset1 = thickness;\n  float offset2 = offset1 * sin(PI/4.0);\n\n  vec3 top = texture2D(map, vec2(vUv.x, vUv.y + offset1)).xyz;\n  vec3 right = texture2D(map, vec2(vUv.x + offset1, vUv.y)).xyz;\n  vec3 bottom = texture2D(map, vec2(vUv.x, vUv.y - offset1)).xyz;\n  vec3 left = texture2D(map, vec2(vUv.x - offset1, vUv.y)).xyz;\n  \n  vec3 topRight = texture2D(map, vec2(vUv.x + offset2, vUv.y + offset2)).xyz;\n  vec3 rightBottom = texture2D(map, vec2(vUv.x + offset2, vUv.y - offset2)).xyz;\n  vec3 bottomLeft = texture2D(map, vec2(vUv.x - offset2, vUv.y - offset2)).xyz;\n  vec3 leftTop = texture2D(map, vec2(vUv.x - offset2, vUv.y + offset2)).xyz;\n\n  float threshold = 0.0025;\n  bool a1 = compare(color, top, threshold);\n  bool b1 = compare(color, right, threshold);\n  bool c1 = compare(color, bottom, threshold);\n  bool d1 = compare(color, left, threshold);\n\n\n  bool a2 = compare(color, topRight, threshold);\n  bool b2 = compare(color, rightBottom, threshold);\n  bool c2 = compare(color, bottomLeft, threshold);\n  bool d2 = compare(color, leftTop, threshold);\n\n  if (a1 == true && b1 == true && c1 == true && d1 == true && a2 == true && b2 == true && c2 == true && d2 == true) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  gl_FragColor =  vec4(maskColor.x, maskColor.y, maskColor.z, 1.0);\n  // gl_FragColor =  vec4(154.0 / 255.0, 205.0 / 255.0, 50.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(139.0 / 255.0, 0.0 / 255.0, 0.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(255.0 / 255.0, 235.0 / 255.0, 59.0 / 255.0, 1.0) ;\n\n}\n";

package/plugins/PanoMaskSelectorPlugin/fragmentShader.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fragmentShader = void 0;
-var fragmentShader = "\nconst float PI = 3.1415926535897932384626433832795;\nuniform int enable;\nuniform sampler2D map;\nvarying vec2 vUv;\n\nuniform vec3 selectedColor;\nuniform vec3 maskColor;\nuniform float opacity;\nuniform float thickness;\n\n\n// \u5224\u65AD\u4E24\u4E2A\u989C\u8272\u662F\u5426\u76F8\u4F3C\nbool compare(vec3 c1, vec3 c2, float threshold) {\n  // \u8272\u503C\u8BEF\u5DEE 0.05\n  float diff = threshold;\n\n  float r = abs(c1.x - c2.x);\n  float g = abs(c1.y - c2.y);\n  float b = abs(c1.z - c2.z);\n\n  return r < diff && g < diff && b < diff;\n}\n\nvoid main(void) {\n  vec3 color = texture2D(map, vUv).xyz;\n  float alpha = texture2D(map, vUv).a;\n\n  gl_FragColor = vec4(color, 1.0);\n  return;\n  // gl_FragColor = vec4(color, opacity);\n\n\n  // \u5F00\u5173\n  if (enable != 1) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u9ED8\u8BA4\u503C\uFF1A\u672A\u63D0\u4F9B \u9009\u4E2D\u8272\u503C\n  if (selectedColor.x == 0.0 && selectedColor.y == 0.0 && selectedColor.z == 0.0) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  bool similar = compare(color, selectedColor, 0.025);\n\n  // \u4E0D\u76F8\u4F3C\n  if (similar == false) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u5BF9\u6BD4\u534A\u5F84\u5E45\u5EA6\n  float offset1 = thickness;\n  float offset2 = offset1 * sin(PI/4.0);\n\n  vec3 top = texture2D(map, vec2(vUv.x, vUv.y + offset1)).xyz;\n  vec3 right = texture2D(map, vec2(vUv.x + offset1, vUv.y)).xyz;\n  vec3 bottom = texture2D(map, vec2(vUv.x, vUv.y - offset1)).xyz;\n  vec3 left = texture2D(map, vec2(vUv.x - offset1, vUv.y)).xyz;\n  \n  vec3 topRight = texture2D(map, vec2(vUv.x + offset2, vUv.y + offset2)).xyz;\n  vec3 rightBottom = texture2D(map, vec2(vUv.x + offset2, vUv.y - offset2)).xyz;\n  vec3 bottomLeft = texture2D(map, vec2(vUv.x - offset2, vUv.y - offset2)).xyz;\n  vec3 leftTop = texture2D(map, vec2(vUv.x - offset2, vUv.y + offset2)).xyz;\n\n  float threshold = 0.0025;\n  bool a1 = compare(color, top, threshold);\n  bool b1 = compare(color, right, threshold);\n  bool c1 = compare(color, bottom, threshold);\n  bool d1 = compare(color, left, threshold);\n\n\n  bool a2 = compare(color, topRight, threshold);\n  bool b2 = compare(color, rightBottom, threshold);\n  bool c2 = compare(color, bottomLeft, threshold);\n  bool d2 = compare(color, leftTop, threshold);\n\n  if (a1 == true && b1 == true && c1 == true && d1 == true && a2 == true && b2 == true && c2 == true && d2 == true) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  gl_FragColor =  vec4(maskColor.x, maskColor.y, maskColor.z, 1.0);\n  // gl_FragColor =  vec4(154.0 / 255.0, 205.0 / 255.0, 50.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(139.0 / 255.0, 0.0 / 255.0, 0.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(255.0 / 255.0, 235.0 / 255.0, 59.0 / 255.0, 1.0) ;\n\n}\n";
+var fragmentShader = "\nconst float PI = 3.1415926535897932384626433832795;\nuniform int enable;\nuniform sampler2D map;\nvarying vec2 vUv;\n\nuniform vec3 selectedColor;\nuniform vec3 maskColor;\nuniform float opacity;\nuniform float thickness;\n\n\n// \u5224\u65AD\u4E24\u4E2A\u989C\u8272\u662F\u5426\u76F8\u4F3C\nbool compare(vec3 c1, vec3 c2, float threshold) {\n  // \u8272\u503C\u8BEF\u5DEE 0.05\n  float diff = threshold;\n\n  float r = abs(c1.x - c2.x);\n  float g = abs(c1.y - c2.y);\n  float b = abs(c1.z - c2.z);\n\n  return r < diff && g < diff && b < diff;\n}\n\nvoid main(void) {\n  vec3 color = texture2D(map, vUv).xyz;\n  float alpha = texture2D(map, vUv).a;\n\n  gl_FragColor = vec4(color, opacity);\n\n  // \u5F00\u5173\n  if (enable != 1) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u9ED8\u8BA4\u503C\uFF1A\u672A\u63D0\u4F9B \u9009\u4E2D\u8272\u503C\n  if (selectedColor.x == 0.0 && selectedColor.y == 0.0 && selectedColor.z == 0.0) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  bool similar = compare(color, selectedColor, 0.025);\n\n  // \u4E0D\u76F8\u4F3C\n  if (similar == false) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  // \u5BF9\u6BD4\u534A\u5F84\u5E45\u5EA6\n  float offset1 = thickness;\n  float offset2 = offset1 * sin(PI/4.0);\n\n  vec3 top = texture2D(map, vec2(vUv.x, vUv.y + offset1)).xyz;\n  vec3 right = texture2D(map, vec2(vUv.x + offset1, vUv.y)).xyz;\n  vec3 bottom = texture2D(map, vec2(vUv.x, vUv.y - offset1)).xyz;\n  vec3 left = texture2D(map, vec2(vUv.x - offset1, vUv.y)).xyz;\n  \n  vec3 topRight = texture2D(map, vec2(vUv.x + offset2, vUv.y + offset2)).xyz;\n  vec3 rightBottom = texture2D(map, vec2(vUv.x + offset2, vUv.y - offset2)).xyz;\n  vec3 bottomLeft = texture2D(map, vec2(vUv.x - offset2, vUv.y - offset2)).xyz;\n  vec3 leftTop = texture2D(map, vec2(vUv.x - offset2, vUv.y + offset2)).xyz;\n\n  float threshold = 0.0025;\n  bool a1 = compare(color, top, threshold);\n  bool b1 = compare(color, right, threshold);\n  bool c1 = compare(color, bottom, threshold);\n  bool d1 = compare(color, left, threshold);\n\n\n  bool a2 = compare(color, topRight, threshold);\n  bool b2 = compare(color, rightBottom, threshold);\n  bool c2 = compare(color, bottomLeft, threshold);\n  bool d2 = compare(color, leftTop, threshold);\n\n  if (a1 == true && b1 == true && c1 == true && d1 == true && a2 == true && b2 == true && c2 == true && d2 == true) {\n    gl_FragColor = vec4(color, opacity);\n    return;\n  }\n\n  gl_FragColor =  vec4(maskColor.x, maskColor.y, maskColor.z, 1.0);\n  // gl_FragColor =  vec4(154.0 / 255.0, 205.0 / 255.0, 50.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(139.0 / 255.0, 0.0 / 255.0, 0.0 / 255.0, 1.0) ;\n  // gl_FragColor =  vec4(255.0 / 255.0, 235.0 / 255.0, 59.0 / 255.0, 1.0) ;\n\n}\n";
 exports.fragmentShader = fragmentShader;

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;
+}