@realsee/vreo 2.4.2 → 2.4.5

package/lib/fivePlugins/ModelTVVideoPlugin/index.js

@@ -10,7 +10,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var THREE = _interopRequireWildcard(require("three"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
 var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
   var videoElement = _ref.videoElement;
   var state = {
@@ -40,17 +40,17 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
     });
     var play = function play() {
       if (!state.videoTexture) return;
-      var _timeupdate = function timeupdate() {
+      var timeupdate = function timeupdate() {
         var _state$videoTexture;
         if (!state.videoTexture) return;
-        (_state$videoTexture = state.videoTexture) === null || _state$videoTexture === void 0 || _state$videoTexture.image.removeEventListener('timeupdate', _timeupdate);
+        (_state$videoTexture = state.videoTexture) === null || _state$videoTexture === void 0 ? void 0 : _state$videoTexture.image.removeEventListener('timeupdate', timeupdate);
         state.videoTextureEnabled = true;
         state.videoMeshes.forEach(function (mesh) {
           if (mesh.material.map !== state.videoTexture) mesh.material.map = state.videoTexture;
         });
         five.needsRender = true;
       };
-      state.videoTexture.image.addEventListener('timeupdate', _timeupdate);
+      state.videoTexture.image.addEventListener('timeupdate', timeupdate);
       if (state.videoTexture && state.videoMeshes.length) {
         state.videoTexture.image.play();
       }
@@ -161,31 +161,33 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
     var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(data, videoElement) {
       var video_src, video_poster_src, points;
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            video_src = data.video_src, video_poster_src = data.video_poster_src, points = data.points;
-            state.videoSource = video_src;
-            state.rectPoints = points.map(function (items) {
-              return items.map(function (_ref3) {
-                var x = _ref3.x,
-                  y = _ref3.y,
-                  z = _ref3.z;
-                return new THREE.Vector3(x, y, z);
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              video_src = data.video_src, video_poster_src = data.video_poster_src, points = data.points;
+              state.videoSource = video_src;
+              state.rectPoints = points.map(function (items) {
+                return items.map(function (_ref3) {
+                  var x = _ref3.x,
+                    y = _ref3.y,
+                    z = _ref3.z;
+                  return new THREE.Vector3(x, y, z);
+                });
               });
-            });
-            state.imageTexture = getImageTexture(video_poster_src);
-            if (videoElement) {
-              state.videoElement = videoElement;
-            }
-            _context.next = 7;
-            return getVideoTexture(state.videoSource, state.videoElement);
-          case 7:
-            state.videoTexture = _context.sent;
-            state.enabled = !!data.enable;
-            if (state.enabled) enable();
-          case 10:
-          case "end":
-            return _context.stop();
+              state.imageTexture = getImageTexture(video_poster_src);
+              if (videoElement) {
+                state.videoElement = videoElement;
+              }
+              _context.next = 7;
+              return getVideoTexture(state.videoSource, state.videoElement);
+            case 7:
+              state.videoTexture = _context.sent;
+              state.enabled = !!data.enable;
+              if (state.enabled) enable();
+            case 10:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee);
     }));

package/lib/react/index.d.ts

@@ -5,7 +5,7 @@ export interface VreoProviderProps {
     configs?: Partial<PlayerConfigs>;
     children?: React.ReactNode;
 }
-export declare const VreoProvider: (props: VreoProviderProps) => React.JSX.Element;
+export declare const VreoProvider: React.FC<VreoProviderProps>;
 /**
  * VreoPlayer 命令集合。
  */

package/lib/react/index.js

@@ -13,7 +13,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("@realsee/five/react");
 var React = _interopRequireWildcard(require("react"));
 var _Player = require("../Player");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
 var VreoContext = /*#__PURE__*/React.createContext(null);
 var VreoProvider = exports.VreoProvider = function VreoProvider(props) {
   var five = (0, _react.unsafe__useFiveInstance)();
@@ -27,7 +27,7 @@ var VreoProvider = exports.VreoProvider = function VreoProvider(props) {
     setPlayer(playerRef.current);
     return function () {
       var _playerRef$current;
-      (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.dispose();
+      (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : _playerRef$current.dispose();
     };
   }, []);
   if (!player) return /*#__PURE__*/React.createElement(React.Fragment, null);

package/lib/shared-utils/Audio.d.ts

@@ -4,7 +4,15 @@ export declare function waitForBlankAudioGenerated(checkInterval?: number, timeo
 export declare function generateBlankAudio(length: number): void;
 declare class IAudio extends Audio {
     preload: "auto";
+    /**
+     * 获取音频源 URL
+     * @returns {string} 当前音频源 URL
+     */
     get src(): string;
+    /**
+     * 设置音频源 URL
+     * @param paramsSrc - 音频源 URL
+     */
     set src(paramsSrc: string);
     realSrc: string;
     inited: boolean;

package/lib/shared-utils/Audio.js

@@ -11,13 +11,15 @@ exports.waitForBlankAudioGenerated = waitForBlankAudioGenerated;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var blankAudioSrc = 'data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAgAAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////JcxjHjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zrhIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6ramnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLKxsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKVJ8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLMPQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBRQGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsqFdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=';
 // 下面这段空音频居然在11pro和xr上播不出来
@@ -49,40 +51,42 @@ function _waitForBlankAudioGenerated() {
       isTimedOut,
       _args = arguments;
     return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          checkInterval = _args.length > 0 && _args[0] !== undefined ? _args[0] : 100;
-          timeout = _args.length > 1 && _args[1] !== undefined ? _args[1] : 2000;
-          console.log('waitForBlankAudioGenerated, needGenerate: ', audioList.some(function (audio) {
-            return !audio.ended && audio.src === blankAudioSrc;
-          }));
-          // while any audioList not ended
-          startTime = Date.now();
-          isTimedOut = false;
-        case 5:
-          if (!(audioList.some(function (audio) {
-            return !audio.ended && audio.src === blankAudioSrc;
-          }) && !isTimedOut)) {
-            _context.next = 13;
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            checkInterval = _args.length > 0 && _args[0] !== undefined ? _args[0] : 100;
+            timeout = _args.length > 1 && _args[1] !== undefined ? _args[1] : 2000;
+            console.log('waitForBlankAudioGenerated, needGenerate: ', audioList.some(function (audio) {
+              return !audio.ended && audio.src === blankAudioSrc;
+            }));
+            // while any audioList not ended
+            startTime = Date.now();
+            isTimedOut = false;
+          case 5:
+            if (!(audioList.some(function (audio) {
+              return !audio.ended && audio.src === blankAudioSrc;
+            }) && !isTimedOut)) {
+              _context.next = 13;
+              break;
+            }
+            if (!(Date.now() - startTime > timeout)) {
+              _context.next = 9;
+              break;
+            }
+            isTimedOut = true;
+            return _context.abrupt("return", Promise.resolve());
+          case 9:
+            _context.next = 11;
+            return new Promise(function (resolve) {
+              return setTimeout(resolve, checkInterval);
+            });
+          case 11:
+            _context.next = 5;
             break;
-          }
-          if (!(Date.now() - startTime > timeout)) {
-            _context.next = 9;
-            break;
-          }
-          isTimedOut = true;
-          return _context.abrupt("return", Promise.resolve());
-        case 9:
-          _context.next = 11;
-          return new Promise(function (resolve) {
-            return setTimeout(resolve, checkInterval);
-          });
-        case 11:
-          _context.next = 5;
-          break;
-        case 13:
-        case "end":
-          return _context.stop();
+          case 13:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   }));
@@ -107,19 +111,21 @@ function initAudio(audio) {
   }
 }
 var IAudio = /*#__PURE__*/function (_Audio) {
+  (0, _inherits2["default"])(IAudio, _Audio);
+  var _super = _createSuper(IAudio);
   function IAudio(src) {
-    var _this;
+    var _thisSuper, _this;
     (0, _classCallCheck2["default"])(this, IAudio);
-    _this = _callSuper(this, IAudio, [src]);
-    (0, _defineProperty2["default"])(_this, "preload", 'auto');
-    (0, _defineProperty2["default"])(_this, "realSrc", '');
-    (0, _defineProperty2["default"])(_this, "inited", false);
+    _this = _super.call(this, src);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "preload", 'auto');
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "realSrc", '');
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inited", false);
     _this.realSrc = src !== null && src !== void 0 ? src : '';
-    _this.addEventListener('ended', function () {
+    (0, _get2["default"])((_thisSuper = (0, _assertThisInitialized2["default"])(_this), (0, _getPrototypeOf2["default"])(IAudio.prototype)), "addEventListener", _thisSuper).call(_thisSuper, 'ended', function () {
       _this.src = '';
     });
     var init = function init() {
-      return initAudio(_this);
+      return initAudio((0, _assertThisInitialized2["default"])(_this));
     };
     document.addEventListener('click', init);
     document.addEventListener('touchend', init);
@@ -129,15 +135,25 @@ var IAudio = /*#__PURE__*/function (_Audio) {
     };
     return _this;
   }
-  (0, _inherits2["default"])(IAudio, _Audio);
-  return (0, _createClass2["default"])(IAudio, [{
+  (0, _createClass2["default"])(IAudio, [{
     key: "src",
-    get: function get() {
+    get:
+    /**
+     * 获取音频源 URL
+     * @returns {string} 当前音频源 URL
+     */
+    function get() {
       return this.getAttribute('src') || '';
-    },
+    }
+
+    /**
+     * 设置音频源 URL
+     * @param paramsSrc - 音频源 URL
+     */,
     set: function set(paramsSrc) {
       this.setAttribute('src', paramsSrc);
       this.realSrc = paramsSrc;
     }
   }]);
+  return IAudio;
 }(/*#__PURE__*/(0, _wrapNativeSuper2["default"])(Audio));

package/lib/shared-utils/AudioLike.js

@@ -7,13 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.AudioLike = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _five = require("@realsee/five");
 var _animationFrame = require("./animationFrame");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * 模拟 `<Audio>` 事件。
@@ -22,24 +23,25 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * 模拟 `<Audio>` 功能：没有音频，但执行逻辑跟 `<Audio>` 相似。
  */
 var AudioLike = exports.AudioLike = /*#__PURE__*/function (_Subscribe) {
+  (0, _inherits2["default"])(AudioLike, _Subscribe);
+  var _super = _createSuper(AudioLike);
   function AudioLike() {
     var _this;
     var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       duration = _ref.duration;
     (0, _classCallCheck2["default"])(this, AudioLike);
-    _this = _callSuper(this, AudioLike);
-    (0, _defineProperty2["default"])(_this, "$timestamp", null);
-    (0, _defineProperty2["default"])(_this, "$currentTime", 0);
-    (0, _defineProperty2["default"])(_this, "$duration", 0);
-    (0, _defineProperty2["default"])(_this, "muted", false);
-    (0, _defineProperty2["default"])(_this, "src", '');
+    _this = _super.call(this);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "$timestamp", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "$currentTime", 0);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "$duration", 0);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "muted", false);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "src", '');
     if (duration) {
       _this.$duration = duration;
     }
     return _this;
   }
-  (0, _inherits2["default"])(AudioLike, _Subscribe);
-  return (0, _createClass2["default"])(AudioLike, [{
+  (0, _createClass2["default"])(AudioLike, [{
     key: "setAttribute",
     value: function setAttribute(name, value) {
       // nothing todo
@@ -122,5 +124,6 @@ var AudioLike = exports.AudioLike = /*#__PURE__*/function (_Subscribe) {
       this.off(evtName, callback);
     }
   }]);
+  return AudioLike;
 }(_five.Subscribe);
 var _default = exports["default"] = AudioLike;

package/lib/shared-utils/animationFrame/BetterTween.d.ts

@@ -1,5 +1,6 @@
-import TWEEN from '@tweenjs/tween.js';
-export declare class BetterTween<G extends Record<string, any>> extends TWEEN.Tween<G> {
+import * as TWEEN from '@tweenjs/tween.js';
+type UnknownProps = Record<string, any>;
+export declare class BetterTween<G extends UnknownProps> extends TWEEN.Tween<G> {
     private disposeMethods;
     private animationFrameDisposer?;
     onDispose: (callback: () => void) => this;
@@ -9,3 +10,4 @@ export declare class BetterTween<G extends Record<string, any>> extends TWEEN.Tw
 export declare function tweenProgress(duration?: number, easing?: (amount: number) => number): BetterTween<{
     progress: number;
 }>;
+export {};

package/lib/shared-utils/animationFrame/BetterTween.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,51 +9,54 @@ exports.BetterTween = void 0;
 exports.tweenProgress = tweenProgress;
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _tween = _interopRequireDefault(require("@tweenjs/tween.js"));
+var TWEEN = _interopRequireWildcard(require("@tweenjs/tween.js"));
 var _ = require(".");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var BetterTween = exports.BetterTween = /*#__PURE__*/function (_TWEEN$Tween) {
+  (0, _inherits2["default"])(BetterTween, _TWEEN$Tween);
+  var _super = _createSuper(BetterTween);
   function BetterTween() {
     var _this;
     (0, _classCallCheck2["default"])(this, BetterTween);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BetterTween, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "disposeMethods", []);
-    (0, _defineProperty2["default"])(_this, "onDispose", function (callback) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "disposeMethods", []);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDispose", function (callback) {
       _this.disposeMethods.push(callback);
-      return _this;
+      return (0, _assertThisInitialized2["default"])(_this);
     });
-    (0, _defineProperty2["default"])(_this, "play", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "play", function () {
       _this.start();
       _this.animationFrameDisposer = (0, _.requestAnimationFrameInterval)(function () {
         return _this.update();
       });
-      return _this;
+      return (0, _assertThisInitialized2["default"])(_this);
     });
-    (0, _defineProperty2["default"])(_this, "dispose", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dispose", function () {
       var _this$animationFrameD, _this2;
       _this.stop();
-      (_this$animationFrameD = (_this2 = _this).animationFrameDisposer) === null || _this$animationFrameD === void 0 || _this$animationFrameD.call(_this2);
+      (_this$animationFrameD = (_this2 = _this).animationFrameDisposer) === null || _this$animationFrameD === void 0 ? void 0 : _this$animationFrameD.call(_this2);
       _this.disposeMethods.forEach(function (fn) {
         return fn();
       });
       _this.disposeMethods = [];
-      _tween["default"].remove(_this);
+      TWEEN.remove((0, _assertThisInitialized2["default"])(_this));
     });
     return _this;
   }
-  (0, _inherits2["default"])(BetterTween, _TWEEN$Tween);
   return (0, _createClass2["default"])(BetterTween);
-}(_tween["default"].Tween);
+}(TWEEN.Tween);
 function tweenProgress(duration) {
-  var easing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _tween["default"].Easing.Linear.None;
+  var easing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TWEEN.Easing.Linear.None;
   var tween = new BetterTween({
     progress: 0
   }).to({

package/lib/shared-utils/animationFrame/tween.d.ts

@@ -1,8 +1,10 @@
 import { Tween, Easing } from '@tweenjs/tween.js';
-interface ITween<T extends Record<string, any>> extends Tween<T> {
+type UnknownProps = Record<string, any>;
+interface ITween<T extends UnknownProps> extends Tween<T> {
     onDestroy: (fn: () => void) => Tween<T>;
     destroy: () => void;
 }
+export declare const clear: () => void;
 /**
  * 对象变化的补间动画
  * 1. 应用 requestAnimationFrameInterval 做 update
@@ -13,7 +15,7 @@ interface ITween<T extends Record<string, any>> extends Tween<T> {
  * @param duration 经历时间（s）
  * @param easing 过程动画，默认是 Easing.Linear.None
  */
-export default function tween<T extends Record<string, any>>(from: T, to: T, duration: number, easing?: (amount: number) => number): ITween<T>;
+export default function tween<T extends UnknownProps>(from: T, to: T, duration: number, easing?: (amount: number) => number): ITween<T>;
 export declare function tweenProgress(duration: number, easing: typeof Easing.Linear.None): ITween<{
     progress: number;
 }>;

package/lib/shared-utils/animationFrame/tween.js

@@ -3,10 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.clear = void 0;
 exports["default"] = tween;
 exports.tweenProgress = tweenProgress;
 var _tween = require("@tweenjs/tween.js");
 var _index = require("./index");
+var disposeMethods = [];
+var clear = exports.clear = function clear() {
+  disposeMethods.forEach(function (dispose) {
+    return dispose();
+  });
+  disposeMethods = [];
+};
+
 /**
  * 对象变化的补间动画
  * 1. 应用 requestAnimationFrameInterval 做 update
@@ -41,7 +50,9 @@ function tween(from, to, duration) {
       _onStopCallbackL: null
     });
     var destroyMethod;
-    while (destroyMethod = destroyMethods.shift()) destroyMethod();
+    while (destroyMethod = destroyMethods.shift()) {
+      destroyMethod();
+    }
     cancelAnimationFrame();
   };
   return tween;

package/lib/shared-utils/createTransMatrix.js

@@ -9,7 +9,7 @@ exports.createTransMatrix = createTransMatrix;
 var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var THREE = _interopRequireWildcard(require("three"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
 function createTransMatrix(arr1) {
   var matrix4 = new THREE.Matrix4();
   matrix4.fromArray(arr1);