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

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

@@ -11,8 +11,16 @@ 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;
+    logarithmicDepthBuffer?: boolean;
+    minFov?: number;
+    maxFov?: number;
+    toneMapping?: {
+        toneMapping?: THREE.ToneMapping;
+        toneMappingExposure?: number;
+    };
 }
 export interface GLTFViewerState {
     fov: number;
@@ -23,7 +31,7 @@ export declare type GLTFViewerEventMap = {
     'stateChange'(state: GLTFViewerState): void;
     'progressing'(progressing: number): void;
     'willLoad'(): void;
-    'loaded'(gltf: GLTF): void;
+    'loaded'(gltf: GLTF, scene: THREE.Scene, renderer: THREE.WebGLRenderer): void;
     'loadError'(error: ErrorEvent): void;
 };
 export declare class GLTFViewer extends Subscribe<GLTFViewerEventMap> {
@@ -39,9 +47,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 +63,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");
@@ -79,6 +77,8 @@ var _uuid = _interopRequireDefault(require("./uuid"));
 
 var _Subscribe2 = require("./Subscribe");
 
+var _formatRad = require("./formatRad");
+
 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; }
@@ -89,8 +89,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 +100,16 @@ 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,
+      logarithmicDepthBuffer: true
+    }, config); // 异步事件回调
+
     this.callbacks = callbacks; // 默认状态参数
 
     var initial = config.initial || {};
@@ -131,11 +136,18 @@ var Controller = /*#__PURE__*/function () {
 
     this.renderer = new THREE.WebGLRenderer({
       antialias: config.antialias,
-      alpha: true
+      alpha: true,
+      logarithmicDepthBuffer: config.logarithmicDepthBuffer
     });
     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 +159,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 +228,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 +245,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 +283,8 @@ var Controller = /*#__PURE__*/function () {
           _this3.target.scene.visible = true;
 
           _this3.update({});
+
+          _this3.callbacks.loaded(object, _this3.scene, _this3.renderer);
         }
       }, 50);
     }
@@ -310,33 +344,61 @@ 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);
       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));
+      latitude = Math.max(-Math.PI / 2 + 0.01, Math.min(+Math.PI / 2, latitude)); // 距离
+
+      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)
+      } // 朝向
+
       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 +501,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 +545,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 +561,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);
@@ -551,13 +613,16 @@ var GLTFViewer = /*#__PURE__*/function (_Subscribe) {
       willLoad: function willLoad() {
         return _this7.emit('willLoad');
       },
-      loaded: function loaded(gltf) {
-        return _this7.emit('loaded', gltf);
+      loaded: function loaded(gltf, scene, renderer) {
+        return _this7.emit('loaded', gltf, scene, renderer);
       },
       loadError: function loadError(error) {
         return _this7.emit('loadError', error);
       }
     });
+    Object.assign(window, {
+      $controller: controller
+    });
     caches[_this7.uuid] = controller;
     return _this7;
   }
@@ -574,12 +639,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 +657,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 +669,38 @@ 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);
+      controller.config.maxFov = fov;
+      controller.update({});
+    }
   }, {
     key: "load",
     value: function load(url) {
@@ -629,6 +721,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 +745,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.10",
+  "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/CSS3DRenderPlugin/index.js

@@ -47,6 +47,8 @@ var _centerPoint = _interopRequireDefault(require("../../shared-utils/three/cent
 
 var _transformPositionToVector = _interopRequireDefault(require("../../shared-utils/three/transformPositionToVector3"));
 
+var _createResizeObserver = _interopRequireDefault(require("./utils/createResizeObserver"));
+
 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; }
@@ -125,13 +127,19 @@ var CSS3DRenderPlugin = function CSS3DRenderPlugin(five) {
     var render = function () {
       if (!inited) {
         var css3DRendererSetSize = function css3DRendererSetSize() {
-          var rendererWidth = (0, _evenNumber["default"])(fiveElement.clientWidth);
-          var rendererHeight = (0, _evenNumber["default"])(fiveElement.clientHeight);
+          // 这里evenNumber策略是遇到奇数会加1，不知道为啥会触发滚动条显示，导致fiveElement变小，fiveElement变小又触发了这里的resize，宽高变小，滚动条消失，然后又触发resize。。。无限循环
+          // 为了规避上面这种情况，evenNumber设置了一个参数，遇到奇数可选择减一
+          var rendererWidth = (0, _evenNumber["default"])(fiveElement.clientWidth, {
+            smaller: true
+          });
+          var rendererHeight = (0, _evenNumber["default"])(fiveElement.clientHeight, {
+            smaller: true
+          });
           css3DRenderer.setSize(rendererWidth, rendererHeight);
         };
 
         css3DRendererSetSize();
-        resizeObserver = new ResizeObserver(css3DRendererSetSize);
+        resizeObserver = (0, _createResizeObserver["default"])(css3DRendererSetSize, fiveElement);
         css3DRenderer.domElement.style.position = 'absolute';
         css3DRenderer.domElement.style.top = '0';
         css3DRenderer.domElement.style.userSelect = 'none';
@@ -144,10 +152,10 @@ var CSS3DRenderPlugin = function CSS3DRenderPlugin(five) {
         };
 
         return function () {
-          var _resizeObserver;
+          var _resizeObserver, _resizeObserver$obser;
 
           scene.add(css3DObject);
-          (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.observe(fiveElement);
+          (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : (_resizeObserver$obser = _resizeObserver.observe) === null || _resizeObserver$obser === void 0 ? void 0 : _resizeObserver$obser.call(_resizeObserver);
           renderEveryFrame();
 
           if (mode === 'behind' && mesh) {
@@ -190,9 +198,9 @@ var CSS3DRenderPlugin = function CSS3DRenderPlugin(five) {
         if (mode === 'behind') state.behindMode = undefined;
 
         if (!state.behindMode && !state.frontMode) {
-          var _resizeObserver2;
+          var _resizeObserver2, _resizeObserver2$unob;
 
-          (_resizeObserver2 = resizeObserver) === null || _resizeObserver2 === void 0 ? void 0 : _resizeObserver2.unobserve(fiveElement);
+          (_resizeObserver2 = resizeObserver) === null || _resizeObserver2 === void 0 ? void 0 : (_resizeObserver2$unob = _resizeObserver2.unobserve) === null || _resizeObserver2$unob === void 0 ? void 0 : _resizeObserver2$unob.call(_resizeObserver2);
         }
       }
 
@@ -209,9 +217,6 @@ var CSS3DRenderPlugin = function CSS3DRenderPlugin(five) {
       state.disposeCallbacks.push(dispose);
     }
 
-    console.log({
-      autoRender: autoRender
-    });
     if (autoRender) render();
     return {
       container: container,

package/plugins/CSS3DRenderPlugin/utils/createResizeObserver.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description: 究极简陋的 ResizeObserver polyfill
+ */
+export default function createResizeObserver(func: () => any, element?: HTMLElement): {
+    observe: () => void;
+    unobserve: () => void;
+};

package/plugins/CSS3DRenderPlugin/utils/createResizeObserver.js

@@ -0,0 +1,34 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = createResizeObserver;
+
+/**
+ * @description: 究极简陋的 ResizeObserver polyfill
+ */
+function createResizeObserver(func, element) {
+  if (!element || typeof ResizeObserver === 'undefined') {
+    return {
+      observe: function observe() {
+        return window.addEventListener('resize', func);
+      },
+      unobserve: function unobserve() {
+        return window.removeEventListener('resize', func);
+      }
+    };
+  } else {
+    var observer = new ResizeObserver(func);
+    return {
+      observe: function observe() {
+        return observer.observe(element);
+      },
+      unobserve: function unobserve() {
+        return observer.unobserve(element);
+      }
+    };
+  }
+}

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"));
 
@@ -216,23 +216,24 @@ var ModelEntryDoorGuidePlugin = function ModelEntryDoorGuidePlugin(five, params)
     five.needsRender = true;
   };
 
-  var modeChangeHandler = function modeChangeHandler(mode) {
-    return mode === 'Floorplan' ? show() : hide();
+  var modeChangeHandler = function modeChangeHandler(config) {
+    return function (mode) {
+      return mode === 'Floorplan' ? show(config) : hide();
+    };
   };
 
   var enable = function enable(config) {
     if (state.enabled) return true;
     state.enabled = true;
-    modeChangeHandler(five.currentMode);
-    five.on('modeChange', modeChangeHandler);
-    show(config);
+    modeChangeHandler(config)(five.currentMode);
+    five.on('modeChange', modeChangeHandler(config));
     return true;
   };
 
   var disable = function disable() {
     if (!state.enabled) return true;
     state.enabled = false;
-    five.off('modeChange', modeChangeHandler);
+    five.off('modeChange', modeChangeHandler());
     return true;
   };
 
@@ -243,5 +244,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