@realsee/vreo 0.2.0-alpha.9 → 1.0.0-alpha.10

package/lib/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Player", {
     return _Player.Player;
   }
 });
-
 var _Player = require("./Player");

package/lib/react/index.d.ts

@@ -11,12 +11,16 @@ export declare const VreoProvider: React.FC<VreoProviderProps>;
 export interface VreoActionCallbacks {
     /**
      * 载入剧本数据。
+     * @param vreoUnit 剧本数据
+     * @param currentTime 开始时间戳
+     * @param preload 是否开启预载
+     * @param force 是否强制载入
      */
-    load: (vreoUnit: VreoUnit, currentTime?: number) => Promise<boolean>;
+    load: (vreoUnit: VreoUnit, currentTime?: number, preload?: boolean, force?: boolean) => Promise<boolean>;
     /**
      * 播放。
      */
-    play: () => void;
+    play: (currentTime?: number) => void;
     /**
      * 暂停。
      */
@@ -35,10 +39,10 @@ export interface VreoActionCallbacks {
     dispose: () => void;
 }
 export declare function useVreoAction(): {
-    load: (vreoUnit: VreoUnit, currentTime?: number | undefined) => Promise<boolean>;
+    load: (vreoUnit: VreoUnit, currentTime?: number) => Promise<boolean>;
     pause: () => void;
     show: () => void;
-    play: () => boolean;
+    play: (currentTime?: number) => boolean;
     hide: () => void;
     dispose: () => void;
 };

package/lib/react/index.js

@@ -1,7 +1,6 @@
 "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); }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,46 +8,30 @@ exports.VreoProvider = void 0;
 exports.useVreoAction = useVreoAction;
 exports.useVreoEventCallback = useVreoEventCallback;
 exports.useVreoPausedState = useVreoPausedState;
-
 var _react = require("@realsee/five/react");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Player = require("../Player");
-
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var VreoContext = /*#__PURE__*/React.createContext(null);
-
 var VreoProvider = function VreoProvider(props) {
   var five = (0, _react.unsafe__useFiveInstance)();
-
   var _React$useState = React.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      player = _React$useState2[0],
-      setPlayer = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    player = _React$useState2[0],
+    setPlayer = _React$useState2[1];
   var playerRef = React.useRef(null);
   React.useEffect(function () {
     playerRef.current = new _Player.Player(five, props.configs || {});
     setPlayer(playerRef.current);
     return function () {
       var _playerRef$current;
-
       (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : _playerRef$current.dispose();
     };
   }, []);
@@ -57,30 +40,26 @@ var VreoProvider = function VreoProvider(props) {
     value: player
   }, props.children);
 };
-
 exports.VreoProvider = VreoProvider;
-
 function useVreoInstance() {
   var context = React.useContext(VreoContext);
-
   if (!context) {
     throw new Error('VreoProvider never found.');
   }
-
   return context;
 }
+
 /**
  * VreoPlayer 命令集合。
  */
 
-
 function useVreoAction() {
   var player = useVreoInstance();
   var load = React.useCallback(function (vreoUnit, currentTime) {
     return player.load(vreoUnit, currentTime);
   }, [player]);
-  var play = React.useCallback(function () {
-    return player.play();
+  var play = React.useCallback(function (currentTime) {
+    return player.play(currentTime || 0);
   }, [player]);
   var pause = React.useCallback(function () {
     return player.pause();
@@ -103,15 +82,12 @@ function useVreoAction() {
     dispose: dispose
   };
 }
-
 function useVreoEventCallback(name, callback, deps) {
   var player = useVreoInstance();
   var dependencyList = [player, name];
-
   if (deps !== undefined) {
     dependencyList = dependencyList.concat(deps);
   }
-
   React.useEffect(function () {
     // @ts-ignore
     player.on(name, callback);
@@ -121,15 +97,12 @@ function useVreoEventCallback(name, callback, deps) {
     };
   }, dependencyList);
 }
-
 function useVreoPausedState() {
   var player = useVreoInstance();
-
   var _React$useState3 = React.useState(player.paused),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      state = _React$useState4[0],
-      setState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    state = _React$useState4[0],
+    setState = _React$useState4[1];
   useVreoEventCallback('paused', function () {
     return setState(true);
   });

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

@@ -0,0 +1,37 @@
+import { Subscribe } from '@realsee/five';
+/**
+ * 模拟 `<Audio>` 事件。
+ */
+export declare type AudioLikeEvent = {
+    play: () => void;
+    pause: () => void;
+    timeupdate: () => void;
+    ended: () => void;
+};
+/**
+ * 模拟 `<Audio>` 功能：没有音频，但执行逻辑跟 `<Audio>` 相似。
+ */
+export declare class AudioLike extends Subscribe<AudioLikeEvent> {
+    private $timestamp;
+    private $currentTime;
+    private $duration;
+    private stopInterval?;
+    muted: boolean;
+    src: string;
+    setAttribute(name: string, value: string): void;
+    constructor({ duration }?: {
+        duration?: number;
+    });
+    play(): void;
+    pause(): void;
+    requestAnimationFrameLoop(): void;
+    get currentTime(): number;
+    set currentTime(time: number);
+    get duration(): number;
+    set duration(duration: number);
+    get ended(): boolean;
+    get paused(): boolean;
+    addEventListener(evtName: keyof AudioLikeEvent, callback: () => void, useCapture?: boolean): void;
+    removeEventListener(evtName: keyof AudioLikeEvent, callback: () => void, useCapture?: boolean): void;
+}
+export default AudioLike;

package/lib/shared-utils/AduioLike.js

@@ -0,0 +1,132 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AudioLike = void 0;
+var _five = require("@realsee/five");
+var _animationFrame = require("./animationFrame");
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+/**
+ * 模拟 `<Audio>` 功能：没有音频，但执行逻辑跟 `<Audio>` 相似。
+ */
+var AudioLike = /*#__PURE__*/function (_Subscribe) {
+  _inherits(AudioLike, _Subscribe);
+  var _super = _createSuper(AudioLike);
+  function AudioLike() {
+    var _this;
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      duration = _ref.duration;
+    _classCallCheck(this, AudioLike);
+    _this = _super.call(this);
+    _defineProperty(_assertThisInitialized(_this), "$timestamp", null);
+    _defineProperty(_assertThisInitialized(_this), "$currentTime", 0);
+    _defineProperty(_assertThisInitialized(_this), "$duration", 0);
+    _defineProperty(_assertThisInitialized(_this), "muted", false);
+    _defineProperty(_assertThisInitialized(_this), "src", '');
+    if (duration) {
+      _this.$duration = duration;
+    }
+    return _this;
+  }
+  _createClass(AudioLike, [{
+    key: "setAttribute",
+    value: function setAttribute(name, value) {
+      // nothing todo
+    }
+  }, {
+    key: "play",
+    value: function play() {
+      var _this2 = this;
+      if (this.$currentTime === this.$duration) {
+        this.$currentTime = 0;
+      }
+      if (this.$timestamp === null) {
+        this.$timestamp = performance.now() - this.$currentTime;
+      }
+      this.stopInterval = (0, _animationFrame.requestAnimationFrameInterval)(function () {
+        return _this2.requestAnimationFrameLoop();
+      });
+      this.emit('play');
+    }
+  }, {
+    key: "pause",
+    value: function pause() {
+      if (this.stopInterval) {
+        this.stopInterval();
+        this.emit('pause');
+        this.stopInterval = undefined;
+      }
+      this.$timestamp = null;
+    }
+  }, {
+    key: "requestAnimationFrameLoop",
+    value: function requestAnimationFrameLoop() {
+      if (this.$timestamp === null) return;
+      var now = performance.now();
+      this.$currentTime = now - this.$timestamp;
+      this.emit('timeupdate');
+      if (this.$currentTime >= this.$duration - 10) {
+        this.$currentTime = this.$duration;
+        this.pause();
+        this.emit('ended');
+      }
+    }
+  }, {
+    key: "currentTime",
+    get: function get() {
+      return this.$currentTime / 1000;
+    },
+    set: function set(time) {
+      this.$currentTime = time;
+    }
+  }, {
+    key: "duration",
+    get: function get() {
+      return this.$duration;
+    },
+    set: function set(duration) {
+      this.pause();
+      this.$duration = duration;
+      this.$timestamp = null;
+      this.$currentTime = 0;
+    }
+  }, {
+    key: "ended",
+    get: function get() {
+      return this.$currentTime === this.$duration;
+    }
+  }, {
+    key: "paused",
+    get: function get() {
+      return !this.stopInterval;
+    }
+  }, {
+    key: "addEventListener",
+    value: function addEventListener(evtName, callback) {
+      var useCapture = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      this.on(evtName, callback);
+    }
+  }, {
+    key: "removeEventListener",
+    value: function removeEventListener(evtName, callback) {
+      var useCapture = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      this.off(evtName, callback);
+    }
+  }]);
+  return AudioLike;
+}(_five.Subscribe);
+exports.AudioLike = AudioLike;
+var _default = AudioLike;
+exports["default"] = _default;

package/lib/shared-utils/Preloader.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Preloader = void 0;
-
 /**
  * 预载器
  */
@@ -13,26 +12,21 @@ var Preloader = {
     var noop = function noop() {
       return null;
     };
-
     return new Promise(function (resolve, reject) {
       var xhr = new XMLHttpRequest();
-
       var clear = function clear() {
         xhr.ontimeout = noop;
         xhr.onreadystatechange = noop;
         xhr.onprogress = noop;
         xhr.onabort = noop;
       };
-
       xhr.ontimeout = function () {
         reject(new Error('timeout'));
         clear();
       };
-
       xhr.onreadystatechange = function () {
         if (xhr.readyState !== 4) return;
         if (xhr.status === 0 && !xhr.response) return;
-
         if (xhr.status === 200 || xhr.status === 0) {
           resolve(xhr.response);
           clear();
@@ -41,7 +35,6 @@ var Preloader = {
           clear();
         }
       };
-
       xhr.open('GET', url, true);
       xhr.responseType = 'blob';
       xhr.send(null);

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

@@ -0,0 +1,4 @@
+declare type ResizeHandler = (width: number, height: number) => void;
+export declare function addResizeListener(element: Element | undefined | null, resizeHandler: ResizeHandler, immediate?: boolean): () => void;
+export declare function hasResizeListener(element?: Element | null): number | boolean;
+export {};

package/lib/shared-utils/addResizeListener.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addResizeListener = addResizeListener;
+exports.hasResizeListener = hasResizeListener;
+var resizeObserverCache = new Map();
+function addResizeListener(element, resizeHandler) {
+  var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  if (!element) return function () {};
+  if (immediate) resizeHandler(element.clientWidth, element.clientHeight);
+  if (typeof ResizeObserver !== 'undefined' && ResizeObserver) {
+    var resizeObserver = new ResizeObserver(function () {
+      return resizeHandler(element.clientWidth, element.clientHeight);
+    });
+    resizeObserver.observe(element);
+    resizeObserverCache.set(element, resizeObserverCache.get(element) || 0 + 1);
+    return function () {
+      if (element) resizeObserver.unobserve(element);
+      if (resizeObserverCache.get(element) === 1) {
+        resizeObserverCache["delete"](element);
+      }
+    };
+  } else {
+    var iframe = document.createElement('iframe');
+    iframe.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;visibility:hidden;margin:0;border:0;padding:0;z-index:-1;';
+    iframe.classList.add('resize-sensor-iframe');
+    element.appendChild(iframe);
+    if (!iframe.contentWindow) return function () {};
+    iframe.contentWindow.addEventListener('resize', function () {
+      resizeHandler(iframe.clientWidth, iframe.clientHeight);
+    });
+    resizeObserverCache.set(element, resizeObserverCache.get(element) || 0 + 1);
+    return function () {
+      element.removeChild(iframe);
+      if (resizeObserverCache.get(element) === 1) {
+        resizeObserverCache["delete"](element);
+      }
+    };
+  }
+}
+function hasResizeListener(element) {
+  if (!element) return false;
+  return resizeObserverCache.get(element) || 0 > 0;
+}

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

@@ -1,94 +1,62 @@
 "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); }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BetterTween = void 0;
 exports.tweenProgress = tweenProgress;
-
 var _tween = _interopRequireDefault(require("@tweenjs/tween.js"));
-
 var _ = require(".");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var BetterTween = /*#__PURE__*/function (_TWEEN$Tween) {
   _inherits(BetterTween, _TWEEN$Tween);
-
   var _super = _createSuper(BetterTween);
-
   function BetterTween() {
     var _this;
-
     _classCallCheck(this, BetterTween);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "disposeMethods", []);
-
     _defineProperty(_assertThisInitialized(_this), "onDispose", function (callback) {
       _this.disposeMethods.push(callback);
-
       return _assertThisInitialized(_this);
     });
-
     _defineProperty(_assertThisInitialized(_this), "play", function () {
       _this.start();
-
       _this.animationFrameDisposer = (0, _.requestAnimationFrameInterval)(function () {
         return _this.update();
       });
       return _assertThisInitialized(_this);
     });
-
     _defineProperty(_assertThisInitialized(_this), "dispose", function () {
       var _this$animationFrameD, _this2;
-
       _this.stop();
-
       (_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(_assertThisInitialized(_this));
     });
-
     return _this;
   }
-
-  return BetterTween;
+  return _createClass(BetterTween);
 }(_tween["default"].Tween);
-
 exports.BetterTween = BetterTween;
-
 function tweenProgress(duration) {
   var easing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _tween["default"].Easing.Linear.None;
   var tween = new BetterTween({

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

@@ -7,37 +7,31 @@ exports["default"] = void 0;
 exports.getFrameTime = getFrameTime;
 exports.nextFrame = nextFrame;
 exports.requestAnimationFrameInterval = requestAnimationFrameInterval;
-
 var _requestAnimationFrame = window.requestAnimationFrame || function (fn) {
   return setTimeout(fn, 16);
 };
-
 var _cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
-
 var _default = _requestAnimationFrame;
 exports["default"] = _default;
-
 function nextFrame(fn) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   if (delay <= 0) _requestAnimationFrame(fn);else _requestAnimationFrame(function () {
     return nextFrame(fn, delay - 1);
   });
 }
+
 /**
  * 在每个 AnimationFrame 中调用传入的函数
  * @param callback 每次 AnimationFrame 中调用的函数
  * @param frame 每秒运行多少次
  * @returns 返回一个函数，调用可以停止 AnimationFrameLoop
  */
-
-
 function requestAnimationFrameInterval(callback) {
   var frame = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 60;
   var index = -1;
   var oldTime = 0;
   var startTime = -1;
   var minDeltaTime = 1000 / frame;
-
   function loop(time) {
     startTime === -1 && (startTime = time);
     index = _requestAnimationFrame(loop);
@@ -46,18 +40,16 @@ function requestAnimationFrameInterval(callback) {
     oldTime = time;
     callback && callback(time - startTime);
   }
-
   index = _requestAnimationFrame(loop);
   return function stop() {
     _cancelAnimationFrame(index);
   };
 }
+
 /**
  * 获取两个 AnimationFrame 间隔的时间
  * @returns 返回一个 Promise，resolve 的结果是两个 AnimationFrame 间隔的时间
  */
-
-
 function getFrameTime() {
   var start = Date.now();
   return new Promise(function (resolve) {

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

@@ -1,25 +1,18 @@
 "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); }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Easing = void 0;
 exports["default"] = tween;
 exports.tweenProgress = tweenProgress;
-
 var TWEEN = _interopRequireWildcard(require("@tweenjs/tween.js"));
-
 var _index = require("./index");
-
 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 Easing = TWEEN.Easing;
 exports.Easing = Easing;
-
 /**
  * 对象变化的补间动画
  * 1. 应用 requestAnimationFrameInterval 做 update
@@ -32,8 +25,8 @@ exports.Easing = Easing;
  */
 function tween(from, to, duration) {
   var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : Easing.Linear.None;
-  var tween = new TWEEN.Tween(from).to(to, duration).easing(easing); // 这里注意一下，因为 requestAnimationFrameInterval 给的时间是从 0 开始的，tween 动画也从 0 开始
-
+  var tween = new TWEEN.Tween(from).to(to, duration).easing(easing);
+  // 这里注意一下，因为 requestAnimationFrameInterval 给的时间是从 0 开始的，tween 动画也从 0 开始
   (0, _index.nextFrame)(function () {
     return tween.start(0);
   });
@@ -41,12 +34,10 @@ function tween(from, to, duration) {
     if (tween.update(time) === false) cancelAnimationFrame();
   });
   var destroyMethods = [];
-
   tween.onDestroy = function (fn) {
     destroyMethods.push(fn);
     return tween;
   };
-
   tween.destroy = function () {
     this.stop();
     Object.assign(tween, {
@@ -56,17 +47,13 @@ function tween(from, to, duration) {
       _onStopCallbackL: null
     });
     var destroyMethod;
-
     while (destroyMethod = destroyMethods.shift()) {
       destroyMethod();
     }
-
     cancelAnimationFrame();
   };
-
   return tween;
 }
-
 function tweenProgress(duration, easing) {
   return tween({
     progress: 0