@realsee/dnalogel 0.1.0 → 0.1.4

package/plugins/AutoPreloadPlugin/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _nextFrame = require("../../shared-utils/nextFrame");
+
+/** 优化首点位加载的逻辑
+ *
+ * 1.进入 VR 时，如果 Five 默认的配置图片像素超过了 1024，先用 1024 加载
+ * 第一个点位加载完成之后，再使用业务上配置的图片像素重复加载一遍当前点位
+ *
+ * 2.在走点时，会预载距离当前点位最近的 preloadPanoIndexNumber 个数的点
+ * @description
+ * 预载周围的点时，不会一次性全部预载。而是每隔1s，预载其中的一个点
+ */
+var AutoPreloadPlugin = function AutoPreloadPlugin(five, parameters) {
+  var _parameters$preloadIm, _parameters$preloadPa;
+
+  var preloadImageSize = (_parameters$preloadIm = parameters === null || parameters === void 0 ? void 0 : parameters.preloadImageSize) !== null && _parameters$preloadIm !== void 0 ? _parameters$preloadIm : 1024;
+  var preloadPanoIndexNumber = (_parameters$preloadPa = parameters === null || parameters === void 0 ? void 0 : parameters.preloadPanoIndexNumber) !== null && _parameters$preloadPa !== void 0 ? _parameters$preloadPa : 4;
+  var lastSize = five.imageOptions.size;
+  var timer = void 0;
+
+  var doPreload = function doPreload(quene) {
+    if (quene.length === 0) return;
+    five.preloadPano(quene[0]);
+    if (quene.length === 1) return;
+    timer = setTimeout(function () {
+      return doPreload(quene.splice(1));
+    }, 1000);
+  };
+
+  var onPanoArrived = function onPanoArrived(panoIndex) {
+    if (parameters !== null && parameters !== void 0 && parameters.shouldPreloadAroundPanoImage) {
+      var shouldPreload = parameters.shouldPreloadAroundPanoImage(panoIndex);
+      if (!shouldPreload) return;
+    }
+
+    if (timer) clearTimeout(timer);
+    var currentIndex = panoIndex;
+    var currentObserver = five.work.observers[currentIndex];
+    var preloadIndexArray = Array.from(new Set(five.work.observers.filter(function (observer) {
+      return observer.floorIndex === currentObserver.floorIndex;
+    }).map(function (observer) {
+      var distance = observer.standingPosition.clone().distanceTo(currentObserver.standingPosition);
+      return {
+        observer: observer,
+        distance: distance
+      };
+    }).sort(function (a, b) {
+      return a.distance - b.distance;
+    }).slice(0, preloadPanoIndexNumber).map(function (_ref) {
+      var observer = _ref.observer;
+      return observer.panoIndex;
+    })));
+    doPreload(preloadIndexArray);
+  };
+
+  var onFirstPanoArrived = function onFirstPanoArrived(panoIndex) {
+    // 在第一次点位加载之后再做周围点位的预载，防止第一个点位周围的点预载两次
+    // 同时也防止阻塞第一个点的低分辨率图快速加载
+    five.on('panoArrived', onPanoArrived);
+    var shouldPreloadFirstPanoImage = five.imageOptions.size !== lastSize;
+    if (!shouldPreloadFirstPanoImage) return;
+    (0, _nextFrame.nextFrame)(function () {
+      five.imageOptions.size = lastSize;
+      five.moveToPano(panoIndex);
+    }, 5);
+  };
+
+  five.imageOptions.size = lastSize && lastSize > preloadImageSize ? preloadImageSize : lastSize;
+  if (five.imageOptions.size !== lastSize) five.once('panoArrived', onFirstPanoArrived);
+  return {
+    dispose: function dispose() {
+      five.off('panoArrived', onFirstPanoArrived);
+      five.off('panoArrived', onPanoArrived);
+    }
+  };
+};
+
+var _default = AutoPreloadPlugin;
+exports["default"] = _default;

package/plugins/CSS3DRenderPlugin/index.d.ts

@@ -1,36 +1,36 @@
 import { FivePlugin } from '@realsee/five';
 import { Vector3 } from 'three';
 import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
-export interface CSS3DRenderPluginParameterType {
-}
+import { Vector3Position } from '../../typings/math.type';
+export declare type CSS3DRenderPluginParameterType = undefined;
 export interface CSS3DRenderPluginExportType {
     /**
      * @description: 根据传入的四个点位创建一个3d dom容器，可以通过ReactDom.render()的方式将react组件放到容器中
      * @param {Five} five
-     * @param {Vector3[]} points: 矩形四个点坐标
-     * @param {HTMLElement} container: HTMLElement
+     * @param {Vector3[] | Vector3Position[]} points: 矩形四个点坐标
      * @param {number} config.ratio: 1px对应多少米，默认为 0.002，即1px对应2mm
      * @param {number} config.dpr: dpr, 默认为1
+     * @param {HTMLElement} config.container: HTMLElement
      * @param {number} config.autoRender: 默认为true，如果需要手动render则传false
      * @param {'front' | 'behind'} config.mode: 两种模式
-     * @param {HTMLElement} config.behindFiveContainer: 如果config.mode为'behind'，需要传入容器，并确保此容器的层级小于five层级
+     * @param {HTMLElement} config.behindFiveContainer: 如果config.mode为'behind'，需要传入容器，并确保此容器位five下方，且中间没有其他dom元素遮挡
      * @return {{ container: HTMLElement; dispose: () => void }}: container: dom容器, dispose: 清理函数
      */
-    create3DDomContainer: (points: [Vector3, Vector3, Vector3, Vector3], container?: HTMLElement, config?: {
+    create3DDomContainer: (points: Vector3[] | Vector3Position[], config?: {
         ratio?: number;
         dpr?: number;
         autoRender?: boolean;
+        container?: HTMLElement;
+        [key: string]: any;
+    } & ({
         mode?: 'front';
     } | {
-        ratio?: number;
-        dpr?: number;
-        autoRender?: boolean;
         mode: 'behind';
         behindFiveContainer: HTMLElement;
-    }) => {
+    })) => {
         container: HTMLElement;
         dispose: () => void;
-        object: CSS3DObject;
+        css3DObject: CSS3DObject;
         render?: () => void;
     } | void;
     /**

package/plugins/CSS3DRenderPlugin/index.js

@@ -15,61 +15,195 @@ var _evenNumber = _interopRequireDefault(require("../../shared-utils/math/evenNu
 
 var _centerPoint = _interopRequireDefault(require("../../shared-utils/three/centerPoint"));
 
+var _transformPositionToVector = _interopRequireDefault(require("../../shared-utils/three/transformPositionToVector3"));
+
 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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
-
 /**
  * **CSS3DRenderPlugin** 提供矩形区域（三维空间四个坐标点），你可以在此矩形区域中渲染 DOM 内容。
  * 实现原理参考[CSS3DRenderer](https://threejs.org/docs/index.html?q=CSS3D#examples/en/renderers/CSS3DRenderer)。
  *
  * @returns
  */
-var CSS3DRenderPlugin = function CSS3DRenderPlugin(five, _ref) {
-  _objectDestructuringEmpty(_ref);
-
+var CSS3DRenderPlugin = function CSS3DRenderPlugin(five) {
   var state = {
     disposeCallbacks: []
   };
 
-  var create3DDomContainer = function create3DDomContainer(points, container, config) {
-    var _five$model;
+  var create3DDomContainer = function create3DDomContainer() {
+    var _five$model, _five$model2, _config$autoRender;
 
-    if ((points === null || points === void 0 ? void 0 : points.length) < 3) {
-      return console.error('points must be equal or greater than than 3');
+    for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
+      params[_key] = arguments[_key];
     }
 
-    if (!(five !== null && five !== void 0 && (_five$model = five.model) !== null && _five$model !== void 0 && _five$model.loaded)) {
-      var _five$model2;
+    var points = params[0].map(function (point) {
+      return point instanceof THREE.Vector3 ? point : (0, _transformPositionToVector["default"])(point);
+    });
+    var config = params[1];
+    if ((points === null || points === void 0 ? void 0 : points.length) < 4) return console.error('points must be equal or greater than than 4');
+    if (!(five !== null && five !== void 0 && (_five$model = five.model) !== null && _five$model !== void 0 && _five$model.loaded)) return console.error('five.model.loaded is: ', five === null || five === void 0 ? void 0 : (_five$model2 = five.model) === null || _five$model2 === void 0 ? void 0 : _five$model2.loaded);
+    var fiveElement = five.getElement();
+    if (!fiveElement) return console.error('five.getElement() is ' + fiveElement);
+    var disposers = [];
+    var ratio = (config === null || config === void 0 ? void 0 : config.ratio) || 0.00216;
+    if (ratio <= 0.00215) console.warn('if you need click css3DElement on safari, ratio must be greater than 0.00215');
+    var dpr = (config === null || config === void 0 ? void 0 : config.dpr) || 1;
+    var mode = (config === null || config === void 0 ? void 0 : config.mode) || 'front';
+    var autoRender = (_config$autoRender = config === null || config === void 0 ? void 0 : config.autoRender) !== null && _config$autoRender !== void 0 ? _config$autoRender : true;
+    var behindFiveContainer = (config === null || config === void 0 ? void 0 : config.behindFiveContainer) || fiveElement.parentElement || document.body;
+    var container = (config === null || config === void 0 ? void 0 : config.container) || document.createElement('div');
+    container.classList.add('__Dnalogel-plugin--CSS3DRenderPlugin'); // 获取css3DObject, 如果mode为behind的话，一起获取mesh
+
+    var _createObject = createObject(points, {
+      ratio: ratio,
+      dpr: dpr,
+      container: container,
+      mode: mode
+    }),
+        css3DObject = _createObject.css3DObject,
+        mesh = _createObject.mesh; // ======= INIT START =======
+
+
+    var resizeObserver;
+    var frontModeUnInited = mode === 'front' && !state.frontMode;
+    var behindModeUnInited = mode === 'behind' && !state.behindMode;
+    var inited = !(frontModeUnInited || behindModeUnInited);
+    var stopRenderFlag = false;
+    var requestAnimationFrameId = null;
 
-      return console.error('five.model.loaded is: ', five === null || five === void 0 ? void 0 : (_five$model2 = five.model) === null || _five$model2 === void 0 ? void 0 : _five$model2.loaded);
+    if (behindModeUnInited) {
+      state.behindMode = {
+        scene: new THREE.Scene(),
+        css3DRenderer: new _CSS3DRenderer.CSS3DRenderer()
+      };
     }
 
-    var fiveElement = five.getElement();
+    if (frontModeUnInited) {
+      state.frontMode = {
+        scene: new THREE.Scene(),
+        css3DRenderer: new _CSS3DRenderer.CSS3DRenderer()
+      };
+    }
 
-    if (!fiveElement) {
-      return console.error('five.getElement() is ' + fiveElement);
+    var _ref = mode === 'behind' ? state.behindMode : state.frontMode,
+        scene = _ref.scene,
+        css3DRenderer = _ref.css3DRenderer;
+
+    var render = function () {
+      if (!inited) {
+        var css3DRendererSetSize = function css3DRendererSetSize() {
+          var rendererWidth = (0, _evenNumber["default"])(fiveElement.clientWidth);
+          var rendererHeight = (0, _evenNumber["default"])(fiveElement.clientHeight);
+          css3DRenderer.setSize(rendererWidth, rendererHeight);
+        };
+
+        css3DRendererSetSize();
+        resizeObserver = new ResizeObserver(css3DRendererSetSize);
+        css3DRenderer.domElement.style.position = 'absolute';
+        css3DRenderer.domElement.style.top = '0';
+        css3DRenderer.domElement.style.userSelect = 'none';
+        css3DRenderer.domElement.style.pointerEvents = 'none';
+
+        var renderEveryFrame = function renderEveryFrame() {
+          if (stopRenderFlag) return;
+          requestAnimationFrameId = requestAnimationFrame(renderEveryFrame);
+          css3DRenderer.render(scene, five.camera);
+        };
+
+        return function () {
+          var _resizeObserver;
+
+          scene.add(css3DObject);
+          (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.observe(fiveElement);
+          renderEveryFrame();
+
+          if (mode === 'behind' && mesh) {
+            five.scene.add(mesh);
+            disposers.push(function () {
+              return mesh && five.scene.remove(mesh);
+            });
+          }
+        };
+      } else {
+        return function () {
+          scene.add(css3DObject);
+        };
+      }
+    }();
+
+    if (frontModeUnInited) {
+      var wrapper = fiveElement.parentElement || document.body;
+      wrapper.appendChild(css3DRenderer.domElement);
     }
 
-    var disposers = [];
-    var ratio = (config === null || config === void 0 ? void 0 : config.ratio) || 0.002; // 0.72 / 354   0.72m宽的窗户，UI稿上是354像素
+    if (behindModeUnInited) {
+      var _wrapper = behindFiveContainer;
 
-    var dpr = (config === null || config === void 0 ? void 0 : config.dpr) || 1;
-    var mode = (config === null || config === void 0 ? void 0 : config.mode) || 'front';
-    var autoRender = (config === null || config === void 0 ? void 0 : config.autoRender) || true;
-    var behindFiveContainer = (config === null || config === void 0 ? void 0 : config.behindFiveContainer) || fiveElement.parentElement || document.body;
+      _wrapper.appendChild(css3DRenderer.domElement);
+    } // ======= INIT END =======
+
+
+    var dispose = function dispose() {
+      stopRenderFlag = true;
+      disposers.forEach(function (d) {
+        return d === null || d === void 0 ? void 0 : d();
+      });
+      scene.remove(css3DObject);
+      if (typeof requestAnimationFrameId === 'number') cancelAnimationFrame(requestAnimationFrameId);
+
+      if (scene.children.length === 0) {
+        css3DRenderer.domElement.remove();
+        if (mode === 'front') state.frontMode = undefined;
+        if (mode === 'behind') state.behindMode = undefined;
+
+        if (!state.behindMode && !state.frontMode) {
+          var _resizeObserver2;
+
+          (_resizeObserver2 = resizeObserver) === null || _resizeObserver2 === void 0 ? void 0 : _resizeObserver2.unobserve(fiveElement);
+        }
+      }
+
+      return true;
+    };
+
+    var idx = state.disposeCallbacks.findIndex(function (item) {
+      return item === dispose;
+    });
+
+    if (idx !== -1) {
+      state.disposeCallbacks.splice(idx, 1);
+    } else {
+      state.disposeCallbacks.push(dispose);
+    }
+
+    console.log({
+      autoRender: autoRender
+    });
+    if (autoRender) render();
+    return {
+      container: container,
+      dispose: dispose,
+      css3DObject: css3DObject,
+      render: autoRender ? undefined : render
+    };
+  };
+
+  var createObject = function createObject(points, config) {
+    var ratio = config.ratio,
+        dpr = config.dpr,
+        element = config.container,
+        mode = config.mode;
     var planeWidth = points[0].distanceTo(points[1]);
     var planeHeight = points[1].distanceTo(points[2]);
     var domWidthPx = (0, _evenNumber["default"])(planeWidth / ratio * dpr);
     var domHeightPx = (0, _evenNumber["default"])(planeHeight / ratio * dpr);
-    var css3DScene = new THREE.Scene();
-    var element = container || document.createElement('div');
-    var object = new _CSS3DRenderer.CSS3DObject(element);
-    object.scale.set(ratio, ratio, ratio);
+    var css3DObject = new _CSS3DRenderer.CSS3DObject(element);
+    css3DObject.scale.set(ratio, ratio, ratio);
     element.style.width = domWidthPx + 'px';
     element.style.height = domHeightPx + 'px';
     element.style.pointerEvents = 'none';
@@ -91,14 +225,13 @@ var CSS3DRenderPlugin = function CSS3DRenderPlugin(five, _ref) {
     var rolateX = (vector12.z > 0 ? 1 : -1) * rotateXAngle;
     var rolateY = (vector01.z < 0 ? 1 : -1) * rotateYAngle;
     var rolateZ = (vector01.x > 0 && vector01.y < 0 || vector01.x < 0 && vector01.y > 0 ? -1 : 1) * rotateZAngle;
-    object.rotateOnWorldAxis(new THREE.Vector3(1, 0, 0), rolateX); // x
+    css3DObject.rotateOnWorldAxis(new THREE.Vector3(1, 0, 0), rolateX); // x
 
-    object.rotateOnWorldAxis(new THREE.Vector3(0, 1, 0), rolateY); // y
+    css3DObject.rotateOnWorldAxis(new THREE.Vector3(0, 1, 0), rolateY); // y
 
-    object.rotateOnWorldAxis(new THREE.Vector3(0, 0, 1), rolateZ); // z
+    css3DObject.rotateOnWorldAxis(new THREE.Vector3(0, 0, 1), rolateZ); // z
 
-    object.position.set(centerPosition.x, centerPosition.y, centerPosition.z);
-    css3DScene.add(object);
+    css3DObject.position.set(centerPosition.x, centerPosition.y, centerPosition.z);
     var mesh;
 
     if (mode === 'behind') {
@@ -110,105 +243,22 @@ var CSS3DRenderPlugin = function CSS3DRenderPlugin(five, _ref) {
       var geometry = new THREE.PlaneGeometry(domWidthPx, domHeightPx);
       mesh = new THREE.Mesh(geometry, material);
       mesh.name = 'CSS3DRenderPlugin-mesh';
-      mesh.position.copy(object.position);
-      mesh.rotation.copy(object.rotation);
-      mesh.scale.copy(object.scale);
-    }
-
-    var css3DRenderer = new _CSS3DRenderer.CSS3DRenderer();
-
-    var css3DRendererSetSize = function css3DRendererSetSize() {
-      var rendererWidth = (0, _evenNumber["default"])(fiveElement.clientWidth);
-      var rendererHeight = (0, _evenNumber["default"])(fiveElement.clientHeight);
-      css3DRenderer.setSize(rendererWidth, rendererHeight);
-    };
-
-    css3DRendererSetSize();
-    var resizeObserver = new ResizeObserver(css3DRendererSetSize);
-    css3DRenderer.domElement.style.position = 'absolute';
-    css3DRenderer.domElement.style.top = '0';
-    css3DRenderer.domElement.style.userSelect = 'none';
-    css3DRenderer.domElement.style.pointerEvents = 'none';
-
-    if (mode === 'front') {
-      var wrapper = fiveElement.parentElement || document.body;
-      wrapper.appendChild(css3DRenderer.domElement);
-    } else {
-      var _wrapper = behindFiveContainer;
-
-      _wrapper.appendChild(css3DRenderer.domElement);
-    }
-
-    var stopRenderFlag = false;
-    var requestAnimationFrameId = null;
-
-    var dispose = function dispose() {
-      stopRenderFlag = true;
-
-      try {
-        disposers.forEach(function (d) {
-          return d === null || d === void 0 ? void 0 : d();
-        });
-        element.remove();
-
-        if (typeof requestAnimationFrameId === 'number') {
-          cancelAnimationFrame(requestAnimationFrameId);
-        }
-
-        css3DScene.remove(object);
-        css3DScene.dispose();
-        css3DRenderer.domElement.remove();
-        resizeObserver.unobserve(fiveElement);
-        return true;
-      } catch (e) {
-        console.warn('error:', e);
-      }
-
-      return false;
-    };
-
-    var idx = state.disposeCallbacks.findIndex(function (item) {
-      return item === dispose;
-    });
-
-    if (idx !== -1) {
-      state.disposeCallbacks.splice(idx, 1);
-    } else {
-      state.disposeCallbacks.push(dispose);
+      mesh.position.copy(css3DObject.position);
+      mesh.rotation.copy(css3DObject.rotation);
+      mesh.scale.copy(css3DObject.scale);
     }
 
-    var renderEveryFrame = function renderEveryFrame() {
-      if (stopRenderFlag) return;
-      requestAnimationFrameId = requestAnimationFrame(renderEveryFrame);
-      css3DRenderer.render(css3DScene, five.camera);
-    };
-
-    var render = function render() {
-      resizeObserver.observe(fiveElement);
-      renderEveryFrame();
-
-      if (mode === 'behind' && mesh) {
-        five.scene.add(mesh);
-        disposers.push(function () {
-          return mesh && five.scene.remove(mesh);
-        });
-      }
-    };
-
-    if (autoRender) render();
     return {
-      container: element,
-      dispose: dispose,
-      object: object,
-      render: autoRender ? undefined : render
+      css3DObject: css3DObject,
+      mesh: mesh
     };
   };
 
   return {
     create3DDomContainer: create3DDomContainer,
     disposeAll: function disposeAll() {
-      state.disposeCallbacks.forEach(function (dispose) {
-        return dispose === null || dispose === void 0 ? void 0 : dispose();
+      state.disposeCallbacks.forEach(function (d) {
+        return d === null || d === void 0 ? void 0 : d();
       });
       state.disposeCallbacks = [];
     }

package/plugins/ModelChassisCompassPlugin/index.d.ts

@@ -1,12 +1,16 @@
 import type { FivePlugin } from '@realsee/five';
 export interface ModelChassisCompassPluginParameterType {
-    northRad?: number;
-    fbxUrl?: string;
+    north_rad?: number;
+    fbx_url?: string;
+}
+export interface ModelChassisCompassPluginData {
+    north_rad?: number;
+    fbx_url?: string;
 }
 export interface ModelChassisCompassPluginExportType {
     enable: () => void;
     disable: () => void;
-    load: (northRad?: number, fbxUrl?: string) => Promise<boolean>;
+    load: (data?: ModelChassisCompassPluginData) => Promise<boolean>;
 }
 /**
  * 模型底盘指南针插件

package/plugins/ModelChassisCompassPlugin/index.js

@@ -13,6 +13,8 @@ var _FBXLoader = require("three/examples/jsm/loaders/FBXLoader");
 
 var _object3d2LocalMatrix = _interopRequireDefault(require("../../shared-utils/object3d2LocalMatrix"));
 
+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); }
@@ -27,21 +29,21 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
  * 模型底盘指南针插件
  */
 var ModelChassisCompassPlugin = function ModelChassisCompassPlugin(five, params) {
-  var defaultFbxUrl = params.fbxUrl || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
-  var defaultNorthRad = params.northRad || undefined; // 局部状态
+  var defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
+  var defaultNorthRad = params.north_rad || undefined; // 局部状态
 
   var state = {};
 
   var load = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(northRad, fbxUrl) {
-      var bounding, xOffset, zOffset, maxOffset, fbxLoader, object, rotation, _five$model$bounding, _five$model$bounding$, xMax, zMax, _five$model$bounding$2, xMin, yMin, zMin, position, scale;
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(data) {
+      var fbxUrl, northRad, bounding, xOffset, zOffset, maxOffset, fbxLoader, object, rotation, _five$model$bounding, _five$model$bounding$, xMax, zMax, _five$model$bounding$2, xMin, yMin, zMin, position, scale;
 
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              fbxUrl = fbxUrl || defaultFbxUrl;
-              northRad = northRad || defaultNorthRad;
+              fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
+              northRad = (data === null || data === void 0 ? void 0 : data.north_rad) || defaultNorthRad;
 
               if (northRad) {
                 _context.next = 4;
@@ -61,25 +63,10 @@ var ModelChassisCompassPlugin = function ModelChassisCompassPlugin(five, params)
 
             case 11:
               object = _context.sent;
-              object.traverse(function (ele) {
-                if (ele.type === 'Mesh') {
-                  var _ele$parent;
-
-                  var mesh = ele;
-                  var materialConf = Object.assign({
-                    map: mesh.material.map || {}
-                  }, {
-                    transparent: true,
-                    side: THREE.DoubleSide,
-                    blending: THREE.AdditiveBlending
-                  });
-                  mesh.material = new THREE.MeshBasicMaterial(materialConf);
-                  mesh.renderOrder = 1;
-
-                  if (((_ele$parent = ele.parent) === null || _ele$parent === void 0 ? void 0 : _ele$parent.type) === 'Mesh') {
-                    ele.renderOrder = ele.parent.renderOrder + 1;
-                  }
-                }
+              (0, _transfromToMeshBasicMaterial["default"])(object, {
+                transparent: true,
+                side: THREE.DoubleSide,
+                blending: THREE.AdditiveBlending
               });
               rotation = [0, northRad - Math.PI / 2, 0];
               _five$model$bounding = five.model.bounding, _five$model$bounding$ = _five$model$bounding.max, xMax = _five$model$bounding$.x, zMax = _five$model$bounding$.z, _five$model$bounding$2 = _five$model$bounding.min, xMin = _five$model$bounding$2.x, yMin = _five$model$bounding$2.y, zMin = _five$model$bounding$2.z;
@@ -106,7 +93,7 @@ var ModelChassisCompassPlugin = function ModelChassisCompassPlugin(five, params)
       }, _callee);
     }));
 
-    return function load(_x, _x2) {
+    return function load(_x) {
       return _ref.apply(this, arguments);
     };
   }();

package/plugins/ModelEntryDoorGuidePlugin/index.d.ts

@@ -1,7 +1,19 @@
 import type { FivePlugin } from '@realsee/five';
-export interface ModelEntryDoorGuidePluginParameterType {
+import { Vector3Position } from '../../typings/math.type';
+export interface ModelEntryDoorGuidePluginData {
+    position: Vector3Position;
+    rad: number;
+    fbx_url?: string;
 }
+export declare type ModelEntryDoorGuidePluginParameterType = {
+    animationEnabled?: boolean;
+} & ModelEntryDoorGuidePluginData;
 export interface ModelEntryDoorGuidePluginExportType {
+    enable: (config?: {
+        animationEnable?: boolean;
+    }) => boolean;
+    disable: () => boolean;
+    load: (data?: Partial<ModelEntryDoorGuidePluginData>) => Promise<boolean>;
 }
 /**
  * 模型入户门引导插件