@realsee/vreo 2.4.1 → 2.4.3

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);

package/lib/typings/VreoUnit.js

@@ -4,58 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VreoKeyframeEnum = exports.PanoTagStyleEnum = exports.PanoTagEnum = exports.PanoEffectEnum = exports.InfoPanelTypeEnum = exports.InfoPanelStyleEnum = void 0;
-var VreoKeyframeEnum = exports.VreoKeyframeEnum = /*#__PURE__*/function (VreoKeyframeEnum) {
-  /** 运镜 */
+var VreoKeyframeEnum;
+/**
+ * 支持自定义剧本关键帧配置项
+ */
+(function (VreoKeyframeEnum) {
   VreoKeyframeEnum["CameraMovement"] = "CameraMovement";
-  /**
-   * 全景标签
-   */
   VreoKeyframeEnum["PanoTag"] = "PanoTag";
-  /**
-   * 全景文本标签
-   */
   VreoKeyframeEnum["PanoTextLabel"] = "PanoTextLabel";
-  /**
-   * 提词器
-   */
   VreoKeyframeEnum["Prompter"] = "Prompter";
-  /**
-   * 更新 VR 全景
-   */
   VreoKeyframeEnum["UpdateVRPanorama"] = "UpdateVRPanorama";
-  /**
-   * 视频广告
-   */
   VreoKeyframeEnum["ModelVideo"] = "ModelVideo";
-  /**
-   * 全景特效
-   */
   VreoKeyframeEnum["PanoEffect"] = "PanoEffect";
-  /**
-   * 信息面板
-   */
   VreoKeyframeEnum["InfoPanel"] = "InfoPanel";
-  /**
-   * 视频特效
-   */
   VreoKeyframeEnum["VideoEffect"] = "VideoEffect";
-  /**
-   * 背景音乐
-   */
   VreoKeyframeEnum["BgMusic"] = "BgMusic";
-  /**
-   * 结束
-   */
   VreoKeyframeEnum["Exit"] = "Exit";
-  /**
-   * 自定义剧本帧
-   */
   VreoKeyframeEnum["Custom"] = "Custom";
-  return VreoKeyframeEnum;
-}({});
-/**
- * 支持自定义剧本关键帧配置项
- */
+})(VreoKeyframeEnum || (exports.VreoKeyframeEnum = VreoKeyframeEnum = {}));
 /**
  * 剧本关键帧
  */
@@ -98,54 +64,45 @@ var VreoKeyframeEnum = exports.VreoKeyframeEnum = /*#__PURE__*/function (VreoKey
 /**
  * 全景标签枚举
  */
-var PanoTagEnum = exports.PanoTagEnum = /*#__PURE__*/function (PanoTagEnum) {
-  PanoTagEnum["Text"] = "Text";
-  PanoTagEnum["Image"] = "Image";
-  return PanoTagEnum;
-}({});
+var PanoTagEnum;
 /**
  * 标签样式种类
  */
-var PanoTagStyleEnum = exports.PanoTagStyleEnum = /*#__PURE__*/function (PanoTagStyleEnum) {
-  /**
-   * 生长动画：默认值
-   */
+(function (PanoTagEnum) {
+  PanoTagEnum["Text"] = "Text";
+  PanoTagEnum["Image"] = "Image";
+})(PanoTagEnum || (exports.PanoTagEnum = PanoTagEnum = {}));
+var PanoTagStyleEnum;
+(function (PanoTagStyleEnum) {
   PanoTagStyleEnum["Growth"] = "Growth";
-  /**
-   * 展开动画
-   */
   PanoTagStyleEnum["Expand"] = "Expand";
-  return PanoTagStyleEnum;
-}({});
+})(PanoTagStyleEnum || (exports.PanoTagStyleEnum = PanoTagStyleEnum = {}));
 /**
  * 全景特效枚举
  */
-var PanoEffectEnum = exports.PanoEffectEnum = /*#__PURE__*/function (PanoEffectEnum) {
-  /**
-   * 两点距离
-   */
-  PanoEffectEnum["Distance"] = "Distance";
-  return PanoEffectEnum;
-}({});
+var PanoEffectEnum;
 /**
  * 全景特效
  */
+(function (PanoEffectEnum) {
+  PanoEffectEnum["Distance"] = "Distance";
+})(PanoEffectEnum || (exports.PanoEffectEnum = PanoEffectEnum = {}));
 /**
  * 信息面板类型枚举
  */
-var InfoPanelTypeEnum = exports.InfoPanelTypeEnum = /*#__PURE__*/function (InfoPanelTypeEnum) {
+var InfoPanelTypeEnum;
+(function (InfoPanelTypeEnum) {
   InfoPanelTypeEnum["Image"] = "Image";
   InfoPanelTypeEnum["Video"] = "Video";
-  return InfoPanelTypeEnum;
-}({});
-var InfoPanelStyleEnum = exports.InfoPanelStyleEnum = /*#__PURE__*/function (InfoPanelStyleEnum) {
-  InfoPanelStyleEnum["Drawer"] = "Drawer";
-  InfoPanelStyleEnum["PopUp"] = "PopUp";
-  return InfoPanelStyleEnum;
-}({});
+})(InfoPanelTypeEnum || (exports.InfoPanelTypeEnum = InfoPanelTypeEnum = {}));
+var InfoPanelStyleEnum;
 /**
  * 信息面板
  */
+(function (InfoPanelStyleEnum) {
+  InfoPanelStyleEnum["Drawer"] = "Drawer";
+  InfoPanelStyleEnum["PopUp"] = "PopUp";
+})(InfoPanelStyleEnum || (exports.InfoPanelStyleEnum = InfoPanelStyleEnum = {}));
 /**
  * 视频特效
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/vreo",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "description": "Vreo (VR Video 缩写) 是基于如视三维渲染引擎 Five 和 用户界面构建库 React 实现的如视 3D 空间剧本播放器。",
   "keywords": [
     "realsee",
@@ -10,10 +10,6 @@
   "author": "BEIKE REALSEE TECHNOLOGY (HK) LIMITED",
   "license": "MIT",
   "private": false,
-  "engines": {
-    "node": ">=22.0.0",
-    "npm": ">=10.0.0"
-  },
   "files": [
     "lib",
     "stylesheets",
@@ -29,41 +25,41 @@
     "postpublish": "cnpm sync @realsee/vreo"
   },
   "peerDependencies": {
-    "@realsee/dnalogel": "^3.67.0",
-    "@realsee/five": "^6.4.0-alpha.36",
-    "react": "^18",
-    "react-dom": "^18",
-    "three": "0.117.1"
+    "@realsee/five": "^5.0.0",
+    "@realsee/dnalogel": "^2.3.3",
+    "three": ">=0.115.0 <=0.117.1",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.0",
     "@babel/core": "^7.16.0",
-    "@babel/plugin-transform-runtime": "7.24.3",
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-react": "^7.16.0",
     "@babel/preset-typescript": "^7.16.0",
-    "@realsee/dnalogel": "^3.67.1",
-    "@realsee/five": "^6.4.0-alpha.36",
-    "@types/node": "^22.0.0",
+    "@babel/plugin-transform-runtime": "7.24.3",
+    "@realsee/dnalogel": "^2.19.3",
+    "@realsee/five": "5.0.0-alpha.149",
+    "@tweenjs/tween.js": "18.6.4",
+    "@types/node": "^18.11.17",
     "@types/offscreencanvas": "^2019.6.4",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
     "@types/react-transition-group": "^4.4.4",
     "@vitejs/plugin-react": "^1.1.0",
     "cnpm": "^9.2.0",
     "del": "^6.0.0",
-    "react": "^18",
-    "react-dom": "^18",
-    "three": "0.117.1",
-    "typedoc": "^0.25.0",
-    "typescript": "^5.3.0",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
+    "three": "^0.117.1",
+    "typedoc": "^0.22.10",
+    "typescript": "4.7.4",
     "vite": "^2.6.14"
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.0",
-    "@tweenjs/tween.js": "18.6.4",
     "classnames": "^2.3.1",
     "mobx": "^6.3.7",
     "mobx-react": "^7.2.1"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }