@realsee/dnalogel 0.1.7-alpha.8 → 2.0.0-alpha.2

package/plugins/CSS3DRenderPlugin/index.js

@@ -1,303 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/es.weak-map.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.object.define-property.js");
-
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
-var _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");
-
-var _evenNumber = _interopRequireDefault(require("../../shared-utils/math/evenNumber"));
-
-var _centerPoint = _interopRequireDefault(require("../../shared-utils/three/centerPoint"));
-
-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; }
-
-/**
- * **CSS3DRenderPlugin** 提供矩形区域（三维空间四个坐标点），你可以在此矩形区域中渲染 DOM 内容。
- * 实现原理参考[CSS3DRenderer](https://threejs.org/docs/index.html?q=CSS3D#examples/en/renderers/CSS3DRenderer)。
- *
- * @returns
- */
-var CSS3DRenderPlugin = function CSS3DRenderPlugin(five) {
-  var state = {
-    disposeCallbacks: []
-  };
-
-  var create3DDomContainer = function create3DDomContainer() {
-    var _five$model, _five$model2, _config$autoRender;
-
-    for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
-      params[_key] = arguments[_key];
-    }
-
-    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()
-      };
-    }
-
-    if (frontModeUnInited) {
-      state.frontMode = {
-        scene: new THREE.Scene(),
-        css3DRenderer: new _CSS3DRenderer.CSS3DRenderer()
-      };
-    }
-
-    var _ref = mode === 'behind' ? state.behindMode : state.frontMode,
-        scene = _ref.scene,
-        css3DRenderer = _ref.css3DRenderer;
-
-    var render = function () {
-      if (!inited) {
-        var css3DRendererSetSize = function css3DRendererSetSize() {
-          // 这里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 = (0, _createResizeObserver["default"])(css3DRendererSetSize, fiveElement);
-        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, _resizeObserver$obser;
-
-          scene.add(css3DObject);
-          (_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) {
-            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);
-    }
-
-    if (behindModeUnInited) {
-      var _wrapper = behindFiveContainer;
-
-      _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$unob;
-
-          (_resizeObserver2 = resizeObserver) === null || _resizeObserver2 === void 0 ? void 0 : (_resizeObserver2$unob = _resizeObserver2.unobserve) === null || _resizeObserver2$unob === void 0 ? void 0 : _resizeObserver2$unob.call(_resizeObserver2);
-        }
-      }
-
-      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);
-    }
-
-    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 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';
-    var centerPosition = (0, _centerPoint["default"])(points[0], points[2]);
-    var vector01 = points[1].clone().sub(points[0]); // 点0 -> 点1 的向量
-
-    var vector12 = points[2].clone().sub(points[1]); // 点1 -> 点2 的向量
-    // 旋转
-
-    var rotateXAngle = new THREE.Vector3(0, 1, 0).angleTo(new THREE.Vector3(0, vector12.y, vector12.z));
-    var rotateYAngle = new THREE.Vector3(1, 0, 0).angleTo(new THREE.Vector3(vector01.x, 0, vector01.z));
-    var rotateZAngle = vector01.angleTo(new THREE.Vector3(vector01.x, 0, vector01.z));
-    /**
-     * [0,1,0] => [0,0,1]  为rolate Worldx正方向
-     * [0,0,1] => [0,1,0]  为rolate Worldy正方向
-     * [0,1,1] => [-1,0,0] 为rolate Worldz正方向
-     */
-
-    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;
-    css3DObject.rotateOnWorldAxis(new THREE.Vector3(1, 0, 0), rolateX); // x
-
-    css3DObject.rotateOnWorldAxis(new THREE.Vector3(0, 1, 0), rolateY); // y
-
-    css3DObject.rotateOnWorldAxis(new THREE.Vector3(0, 0, 1), rolateZ); // z
-
-    css3DObject.position.set(centerPosition.x, centerPosition.y, centerPosition.z);
-    var mesh;
-
-    if (mode === 'behind') {
-      var material = new THREE.MeshBasicMaterial({
-        opacity: 0,
-        transparent: false,
-        side: THREE.DoubleSide
-      });
-      var geometry = new THREE.PlaneGeometry(domWidthPx, domHeightPx);
-      mesh = new THREE.Mesh(geometry, material);
-      mesh.name = 'CSS3DRenderPlugin-mesh';
-      mesh.position.copy(css3DObject.position);
-      mesh.rotation.copy(css3DObject.rotation);
-      mesh.scale.copy(css3DObject.scale);
-    }
-
-    return {
-      css3DObject: css3DObject,
-      mesh: mesh
-    };
-  };
-
-  return {
-    create3DDomContainer: create3DDomContainer,
-    disposeAll: function disposeAll() {
-      state.disposeCallbacks.forEach(function (d) {
-        return d === null || d === void 0 ? void 0 : d();
-      });
-      state.disposeCallbacks = [];
-    }
-  };
-};
-
-exports.CSS3DRenderPlugin = CSS3DRenderPlugin;
-var _default = CSS3DRenderPlugin;
-exports["default"] = _default;

package/plugins/CSS3DRenderPlugin/utils/createResizeObserver.js

@@ -1,34 +0,0 @@
-"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/CameraMovementPlugin/index.js

@@ -1,362 +0,0 @@
-"use strict";
-
-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"));
-
-var _tween2 = require("../../shared-utils/animationFrame/tween");
-
-var _typing = require("./typing");
-
-var _formatRad = require("../../shared-utils/animationFrame/formatRad");
-
-var _calculateProgress = require("../../shared-utils/animationFrame/calculateProgress");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var getLongitudeParams = function getLongitudeParams(from, to, rotation) {
-  var PI = Math.PI;
-  var PI_2 = PI * 2;
-  from = (0, _formatRad.formatLongitude)(from);
-  to = (0, _formatRad.formatLongitude)(to); // 逆时针旋转，初始值必须是较大的值
-
-  if (rotation === _typing.Rotation.Anticlockwise && from < to) from += PI_2; // 顺时针旋转，结束值必须是较大值
-
-  if (rotation === _typing.Rotation.Clockwise && to < from) to += PI_2; // Loop 旋转，找锐角旋转
-  // 如果 to 比 from 大 180°，逆时针转
-  // 如果 from 比 to 大 180°，顺时针转
-
-  if (rotation === _typing.Rotation.Loop && to - from > PI) return getLongitudeParams(from, to, _typing.Rotation.Anticlockwise);
-  if (rotation === _typing.Rotation.Loop && from - to > PI) return getLongitudeParams(from, to, _typing.Rotation.Clockwise);
-  return {
-    from: from,
-    to: to
-  };
-};
-/**
- * **运镜插件** 模拟类似于电影运镜效果。
- */
-
-
-var CameraMovementPlugin = function CameraMovementPlugin(five) {
-  var state = {};
-
-  var move = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(args, duration) {
-      var opts,
-          _args = arguments;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              opts = _args.length > 2 && _args[2] !== undefined ? _args[2] : {
-                preload: true
-              };
-
-              if (state.interruptCallback) {
-                state.interruptCallback(false);
-              }
-
-              if (!opts.asyncStartCallback) {
-                _context.next = 5;
-                break;
-              }
-
-              _context.next = 5;
-              return opts.asyncStartCallback();
-
-            case 5:
-              if (!(args.mode && args.mode !== five.currentMode)) {
-                _context.next = 8;
-                break;
-              }
-
-              _context.next = 8;
-              return five.changeMode(args.mode);
-
-            case 8:
-              if (!(opts.preload && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
-                _context.next = 11;
-                break;
-              }
-
-              _context.next = 11;
-              return five.preloadPano(args.panoIndex);
-
-            case 11:
-              if (!opts.asyncEndCallback) {
-                _context.next = 14;
-                break;
-              }
-
-              _context.next = 14;
-              return opts.asyncEndCallback();
-
-            case 14:
-              if (!(args.panoIndex === undefined && args.fov === undefined && args.latitude === undefined && args.longitude === undefined)) {
-                _context.next = 16;
-                break;
-              }
-
-              return _context.abrupt("return", true);
-
-            case 16:
-              _context.next = 18;
-              return new Promise(function (resolve, reject) {
-                var panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex;
-
-                if (panoIndex !== undefined) {
-                  five.moveToPano(panoIndex, Object.assign({
-                    duration: duration,
-                    // 移动耗时
-                    moveEndCallback: function moveEndCallback() {
-                      return resolve(true);
-                    },
-                    // 移动结束
-                    moveCancelCallback: function moveCancelCallback() {
-                      return reject(false);
-                    } // 移动开始
-
-                  }, args));
-                } else {
-                  reject(false);
-                }
-              });
-
-            case 18:
-              return _context.abrupt("return", _context.sent);
-
-            case 19:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function move(_x, _x2) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var getAnimeParams = function getAnimeParams(args) {
-    var currentFiveState = five.state; // latitude
-
-    var fromLatitude = (0, _formatRad.formatLatitude)(currentFiveState.latitude);
-    var toLatitude = (0, _formatRad.formatLatitude)(args.latitude); // longitude
-
-    var _getLongitudeParams = getLongitudeParams(currentFiveState.longitude, args.longitude, args.rotation || _typing.Rotation.Loop),
-        fromLongitude = _getLongitudeParams.from,
-        toLongitude = _getLongitudeParams.to; // fov
-
-
-    var fromFov = currentFiveState.fov;
-    var toFov = args.fov;
-    return {
-      from: {
-        latitude: fromLatitude,
-        longitude: fromLongitude,
-        fov: fromFov
-      },
-      to: {
-        latitude: toLatitude,
-        longitude: toLongitude,
-        fov: toFov
-      }
-    };
-  };
-
-  var rotate = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(args, duration) {
-      var opts,
-          _getAnimeParams,
-          from,
-          to,
-          _args2 = arguments;
-
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              opts = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : {};
-
-              if (state.interruptCallback) {
-                state.interruptCallback(false);
-              }
-
-              if (!opts.asyncStartCallback) {
-                _context2.next = 5;
-                break;
-              }
-
-              _context2.next = 5;
-              return opts.asyncStartCallback();
-
-            case 5:
-              if (!(five.currentMode !== _five.Five.Mode.Panorama)) {
-                _context2.next = 8;
-                break;
-              }
-
-              _context2.next = 8;
-              return five.changeMode(_five.Five.Mode.Panorama);
-
-            case 8:
-              if (!(args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
-                _context2.next = 14;
-                break;
-              }
-
-              if (!opts.preload) {
-                _context2.next = 12;
-                break;
-              }
-
-              _context2.next = 12;
-              return five.preloadPano(args.panoIndex);
-
-            case 12:
-              _context2.next = 14;
-              return new Promise(function (resolve, reject) {
-                if (!args.panoIndex) {
-                  resolve(true);
-                  return;
-                }
-
-                five.moveToPano(args.panoIndex, {
-                  moveEndCallback: function moveEndCallback() {
-                    return resolve(true);
-                  },
-                  // 移动结束
-                  moveCancelCallback: function moveCancelCallback() {
-                    return reject(false);
-                  } // 移动开始
-
-                });
-              });
-
-            case 14:
-              if (!opts.asyncEndCallback) {
-                _context2.next = 17;
-                break;
-              }
-
-              _context2.next = 17;
-              return opts.asyncEndCallback();
-
-            case 17:
-              _getAnimeParams = getAnimeParams(args), from = _getAnimeParams.from, to = _getAnimeParams.to;
-              _context2.next = 20;
-              return new Promise(function (resolve) {
-                var onUpdate = function onUpdate(_ref3) {
-                  var progress = _ref3.progress;
-                  var state = {};
-                  state.longitude = (0, _calculateProgress.progressNumber)(from.longitude, to.longitude, progress);
-                  state.latitude = (0, _calculateProgress.progressNumber)(from.latitude, to.latitude, progress);
-                  state.fov = (0, _calculateProgress.progressNumber)(from.fov, to.fov, progress);
-                  five.setState(state, true);
-                };
-
-                var onComplete = function onComplete() {
-                  resolve(true);
-                };
-
-                var onDestroy = function onDestroy() {
-                  resolve(false);
-                };
-
-                var animeDuration = args.rotateSpeed ? Math.ceil(Math.abs(to.longitude - from.longitude) / args.rotateSpeed * 1000) : duration;
-                var tween = (0, _tween2.tweenProgress)(animeDuration, TWEEN.Easing.Linear.None).onUpdate(onUpdate).onComplete(onComplete).onDestroy(onDestroy);
-
-                if (args.rotation === _typing.Rotation.Loop) {
-                  tween.repeat(Infinity).yoyo(true);
-                }
-                /**
-                 * 中断回调：可能会被其他动画中断。
-                 */
-
-
-                /**
-                 * 中断回调：可能会被其他动画中断。
-                 */
-                state.interruptCallback = function () {
-                  var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-                  tween.destroy();
-                  state.interruptCallback = undefined;
-
-                  if (state.timeoutId) {
-                    clearTimeout(state.timeoutId);
-                    state.timeoutId = undefined;
-                  }
-
-                  resolve(flag);
-                };
-
-                state.timeoutId = setTimeout(function () {
-                  // 总时间到了之后强制结束，同时也是 Loop 模式的结束方式
-                  if (state.interruptCallback) state.interruptCallback(true);
-                }, duration);
-              });
-
-            case 20:
-              return _context2.abrupt("return", _context2.sent);
-
-            case 21:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-
-    return function rotate(_x3, _x4) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  return {
-    move: move,
-    rotate: rotate
-  };
-};
-
-exports.CameraMovementPlugin = CameraMovementPlugin;
-var _default = CameraMovementPlugin;
-exports["default"] = _default;