@realsee/dnalogel 0.1.1 → 0.1.5

package/plugins/CSS3DRenderPlugin/index.js

@@ -1,12 +1,42 @@
 "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["default"] = exports.CSS3DRenderPlugin = void 0;
 
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.for-each.js");
+
+require("core-js/modules/es.array.find-index.js");
+
+require("core-js/modules/es.array.splice.js");
+
+require("core-js/modules/es.string.sub.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
 var THREE = _interopRequireWildcard(require("three"));
 
 var _CSS3DRenderer = require("three/examples/jsm/renderers/CSS3DRenderer");
@@ -15,61 +45,193 @@ var _evenNumber = _interopRequireDefault(require("../../shared-utils/math/evenNu
 
 var _centerPoint = _interopRequireDefault(require("../../shared-utils/three/centerPoint"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _transformPositionToVector = _interopRequireDefault(require("../../shared-utils/three/transformPositionToVector3"));
 
 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;
+
+    if (behindModeUnInited) {
+      state.behindMode = {
+        scene: new THREE.Scene(),
+        css3DRenderer: new _CSS3DRenderer.CSS3DRenderer()
+      };
+    }
 
-      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 (frontModeUnInited) {
+      state.frontMode = {
+        scene: new THREE.Scene(),
+        css3DRenderer: new _CSS3DRenderer.CSS3DRenderer()
+      };
     }
 
-    var fiveElement = five.getElement();
+    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 (!fiveElement) {
-      return console.error('five.getElement() is ' + fiveElement);
+    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 +253,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 +271,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);
+      mesh.position.copy(css3DObject.position);
+      mesh.rotation.copy(css3DObject.rotation);
+      mesh.scale.copy(css3DObject.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);
-    }
-
-    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/CameraMovementPlugin/index.js

@@ -1,12 +1,40 @@
 "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"] = exports.CameraMovementPlugin = 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.object.assign.js");
+
+require("core-js/modules/es.string.repeat.js");
+
+require("core-js/modules/web.timers.js");
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _five = require("@realsee/five");
 
 var TWEEN = _interopRequireWildcard(require("@tweenjs/tween.js"));
@@ -23,10 +51,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 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); }); }; }
-
 var getLongitudeParams = function getLongitudeParams(from, to, rotation) {
   var PI = Math.PI;
   var PI_2 = PI * 2;
@@ -55,10 +79,10 @@ var CameraMovementPlugin = function CameraMovementPlugin(five) {
   var state = {};
 
   var move = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(args, duration) {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(args, duration) {
       var opts,
           _args = arguments;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -180,14 +204,14 @@ var CameraMovementPlugin = function CameraMovementPlugin(five) {
   };
 
   var rotate = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(args, duration) {
+    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(args, duration) {
       var opts,
           _getAnimeParams,
           from,
           to,
           _args2 = arguments;
 
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:

package/plugins/CameraMovementPlugin/typing.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

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

@@ -1,47 +1,63 @@
 "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["default"] = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var THREE = _interopRequireWildcard(require("three"));
 
 var _FBXLoader = require("three/examples/jsm/loaders/FBXLoader");
 
 var _object3d2LocalMatrix = _interopRequireDefault(require("../../shared-utils/object3d2LocalMatrix"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _transfromToMeshBasicMaterial = _interopRequireDefault(require("../../shared-utils/three/transfromToMeshBasicMaterial"));
 
 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); }); }; }
-
 /**
  * 模型底盘指南针插件
  */
 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 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].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) {
+      return _regenerator["default"].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 +77,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 +107,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>;
 }
 /**
  * 模型入户门引导插件