@realsee/vreo 2.4.1 → 2.4.3

package/lib/PlayController/createHTMLAudioElement.js

@@ -23,15 +23,17 @@ function createHTMLAudioElement() {
   // 触发一次播放
   Promise.resolve(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
     return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return audio.play();
-        case 2:
-          return _context.abrupt("return", _context.sent);
-        case 3:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return audio.play();
+          case 2:
+            return _context.abrupt("return", _context.sent);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));

package/lib/PlayController/index.js

@@ -9,23 +9,26 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 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("../shared-utils/animationFrame");
 var _createHTMLAudioElement = require("./createHTMLAudioElement");
-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 closures = {};
 var PlayController = exports.PlayController = /*#__PURE__*/function (_Subscribe) {
+  (0, _inherits2["default"])(PlayController, _Subscribe);
+  var _super = _createSuper(PlayController);
   function PlayController() {
     var _this;
     var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     (0, _classCallCheck2["default"])(this, PlayController);
-    _this = _callSuper(this, PlayController);
-    (0, _defineProperty2["default"])(_this, "config", {});
+    _this = _super.call(this);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "config", {});
     if (!config.audio) {
       config.audio = (0, _createHTMLAudioElement.createHTMLAudioElement)();
     }
@@ -69,8 +72,7 @@ var PlayController = exports.PlayController = /*#__PURE__*/function (_Subscribe)
   /**
    * 载入数据
    */
-  (0, _inherits2["default"])(PlayController, _Subscribe);
-  return (0, _createClass2["default"])(PlayController, [{
+  (0, _createClass2["default"])(PlayController, [{
     key: "paused",
     get: function get() {
       return this.audioInstance.paused;
@@ -113,34 +115,36 @@ var PlayController = exports.PlayController = /*#__PURE__*/function (_Subscribe)
       var _load = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(vreoUnit) {
         var _this3 = this;
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              this.vreoUnit = vreoUnit;
-              _context.next = 3;
-              return this.pause();
-            case 3:
-              _context.next = 5;
-              return new Promise(function (resolve, reject) {
-                if (vreoUnit.video.url === _this3.audioInstance.src) {
-                  return resolve(true);
-                }
-                _this3.audioInstance.src = vreoUnit.video.url;
-                var _canplaythrough = function canplaythrough() {
-                  resolve(true);
-                  _this3.audioInstance.removeEventListener('canplaythrough', _canplaythrough);
-                };
-                var _error = function error(err) {
-                  reject(err);
-                  _this3.audioInstance.removeEventListener('error', _error);
-                };
-                _this3.audioInstance.addEventListener('canplaythrough', _canplaythrough);
-                _this3.audioInstance.addEventListener('error', _error);
-              });
-            case 5:
-              return _context.abrupt("return", _context.sent);
-            case 6:
-            case "end":
-              return _context.stop();
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                this.vreoUnit = vreoUnit;
+                _context.next = 3;
+                return this.pause();
+              case 3:
+                _context.next = 5;
+                return new Promise(function (resolve, reject) {
+                  if (vreoUnit.video.url === _this3.audioInstance.src) {
+                    return resolve(true);
+                  }
+                  _this3.audioInstance.src = vreoUnit.video.url;
+                  var canplaythrough = function canplaythrough() {
+                    resolve(true);
+                    _this3.audioInstance.removeEventListener('canplaythrough', canplaythrough);
+                  };
+                  var error = function error(err) {
+                    reject(err);
+                    _this3.audioInstance.removeEventListener('error', error);
+                  };
+                  _this3.audioInstance.addEventListener('canplaythrough', canplaythrough);
+                  _this3.audioInstance.addEventListener('error', error);
+                });
+              case 5:
+                return _context.abrupt("return", _context.sent);
+              case 6:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee, this);
       }));
@@ -158,12 +162,14 @@ var PlayController = exports.PlayController = /*#__PURE__*/function (_Subscribe)
     value: (function () {
       var _play = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
         return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              closures.playPromise = this.audioInstance.play();
-            case 1:
-            case "end":
-              return _context2.stop();
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                closures.playPromise = this.audioInstance.play();
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
           }
         }, _callee2, this);
       }));
@@ -181,19 +187,21 @@ var PlayController = exports.PlayController = /*#__PURE__*/function (_Subscribe)
     value: (function () {
       var _pause = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
         return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              if (!closures.playPromise) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                if (!closures.playPromise) {
+                  _context3.next = 3;
+                  break;
+                }
                 _context3.next = 3;
-                break;
-              }
-              _context3.next = 3;
-              return closures.playPromise;
-            case 3:
-              this.audioInstance.pause();
-            case 4:
-            case "end":
-              return _context3.stop();
+                return closures.playPromise;
+              case 3:
+                this.audioInstance.pause();
+              case 4:
+              case "end":
+                return _context3.stop();
+            }
           }
         }, _callee3, this);
       }));
@@ -221,4 +229,5 @@ var PlayController = exports.PlayController = /*#__PURE__*/function (_Subscribe)
       }
     }
   }]);
+  return PlayController;
 }(_five.Subscribe);

package/lib/Player/App.js

@@ -23,7 +23,7 @@ var _VideoEffect = require("./modules/keyframes/VideoEffect");
 var _VideoAgent = require("./modules/VideoAgent");
 var _BgMusic = require("./modules/keyframes/BgMusic");
 var _Wave = require("./modules/Wave");
-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 AppView = (0, _mobxReact.observer)(function (_ref) {
   var _controller$configs, _controller$waveAppea, _controller$configs3, _controller$configs4;
   var controller = _ref.controller;

package/lib/Player/Controller.d.ts

@@ -51,7 +51,7 @@ export declare class Controller extends Subscribe<VreoKeyframeEvent> {
     get ready(): boolean;
     get currentTime(): number;
     get currentKeyframes(): VreoKeyframe[];
-    get mediaInstance(): HTMLVideoElement | HTMLAudioElement | import("../shared-utils/AduioLike").AudioLike | undefined;
+    get mediaInstance(): HTMLVideoElement | HTMLAudioElement | import("../shared-utils/AudioLike").AudioLike | undefined;
     /**
      * 逐帧任务
      */

package/lib/Player/Controller.js

@@ -9,9 +9,10 @@ exports.ControllerContext = exports.Controller = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 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 _mobx = require("mobx");
@@ -20,44 +21,45 @@ var _animationFrame = require("../shared-utils/animationFrame");
 var _VreoUnit = require("../typings/VreoUnit");
 var _setElementDataset = _interopRequireDefault(require("../shared-utils/setElementDataset"));
 var _getMediaInfo = require("../shared-utils/getMediaInfo");
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 Controller = exports.Controller = /*#__PURE__*/function (_Subscribe) {
+  (0, _inherits2["default"])(Controller, _Subscribe);
+  var _super = _createSuper(Controller);
   function Controller(_ref) {
     var _this;
     var five = _ref.five,
       container = _ref.container,
       configs = _ref.configs;
     (0, _classCallCheck2["default"])(this, Controller);
-    _this = _callSuper(this, Controller);
-    (0, _defineProperty2["default"])(_this, "playing", false);
-    (0, _defineProperty2["default"])(_this, "ended", false);
-    (0, _defineProperty2["default"])(_this, "loading", false);
-    // null 表示加载失败
-    (0, _defineProperty2["default"])(_this, "containerSize", {
+    _this = _super.call(this);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "playing", false);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "ended", false);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "loading", false);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "containerSize", {
       width: 0,
       height: 0
     });
-    (0, _defineProperty2["default"])(_this, "waveAppearance", null);
-    (0, _defineProperty2["default"])(_this, "appearance", {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "waveAppearance", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "appearance", {
       waveStyle: 'wave'
     });
-    (0, _defineProperty2["default"])(_this, "avatar", {});
-    (0, _defineProperty2["default"])(_this, "visible", false);
-    (0, _defineProperty2["default"])(_this, "popUp", null);
-    (0, _defineProperty2["default"])(_this, "drawerConfig", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "avatar", {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "visible", false);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popUp", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "drawerConfig", null);
     _this.configs = configs;
     _this.container = container;
     _this.five = five;
     _this.appSize = configs.appSize;
     _this.appearance = _objectSpread(_objectSpread({}, _this.appearance), configs.appearance);
-    (0, _mobx.makeObservable)(_this, {
+    (0, _mobx.makeObservable)((0, _assertThisInitialized2["default"])(_this), {
       visible: _mobx.observable,
       setVisible: _mobx.action,
       playing: _mobx.observable,
@@ -161,10 +163,12 @@ var Controller = exports.Controller = /*#__PURE__*/function (_Subscribe) {
     });
     return _this;
   }
-  (0, _inherits2["default"])(Controller, _Subscribe);
-  return (0, _createClass2["default"])(Controller, [{
+  (0, _createClass2["default"])(Controller, [{
     key: "agentType",
-    get: function get() {
+    get:
+    // null 表示加载失败
+
+    function get() {
       var _this$videoAgentScene, _this$avatar;
       var type = (0, _getMediaInfo.getMediaType)((_this$videoAgentScene = this.videoAgentScene) === null || _this$videoAgentScene === void 0 ? void 0 : _this$videoAgentScene.videoAgentMesh.videoUrl);
       if ((_this$avatar = this.avatar) !== null && _this$avatar !== void 0 && _this$avatar.force) return 'avatar';
@@ -280,7 +284,7 @@ var Controller = exports.Controller = /*#__PURE__*/function (_Subscribe) {
       if ((_this$mediaInstance = this.mediaInstance) !== null && _this$mediaInstance !== void 0 && _this$mediaInstance.ended && this.mediaInstance.currentTime !== 0) {
         var _this$vreoUnit;
         if (this.ended) return;
-        (_this$vreoUnit = this.vreoUnit) === null || _this$vreoUnit === void 0 || _this$vreoUnit.keyframes.forEach(function (keyframe) {
+        (_this$vreoUnit = this.vreoUnit) === null || _this$vreoUnit === void 0 ? void 0 : _this$vreoUnit.keyframes.forEach(function (keyframe) {
           return keyframe.parsed = false;
         });
         this.setEnded(true);
@@ -293,7 +297,7 @@ var Controller = exports.Controller = /*#__PURE__*/function (_Subscribe) {
         var _this$mediaInstance2;
         if (!((_this$mediaInstance2 = this.mediaInstance) !== null && _this$mediaInstance2 !== void 0 && _this$mediaInstance2.paused)) {
           var _this$mediaInstance3;
-          (_this$mediaInstance3 = this.mediaInstance) === null || _this$mediaInstance3 === void 0 || _this$mediaInstance3.pause();
+          (_this$mediaInstance3 = this.mediaInstance) === null || _this$mediaInstance3 === void 0 ? void 0 : _this$mediaInstance3.pause();
         }
         return;
       }
@@ -324,7 +328,7 @@ var Controller = exports.Controller = /*#__PURE__*/function (_Subscribe) {
     value: function clear() {
       var _this$vreoUnit2, _this$stopInterval;
       this.setPlaying(false);
-      (_this$vreoUnit2 = this.vreoUnit) === null || _this$vreoUnit2 === void 0 || _this$vreoUnit2.keyframes.forEach(function (keyframe) {
+      (_this$vreoUnit2 = this.vreoUnit) === null || _this$vreoUnit2 === void 0 ? void 0 : _this$vreoUnit2.keyframes.forEach(function (keyframe) {
         return keyframe.parsed = false;
       });
 
@@ -336,7 +340,7 @@ var Controller = exports.Controller = /*#__PURE__*/function (_Subscribe) {
         this.mediaInstance.pause();
         this.mediaInstance.currentTime = 0;
       }
-      (_this$stopInterval = this.stopInterval) === null || _this$stopInterval === void 0 || _this$stopInterval.call(this);
+      (_this$stopInterval = this.stopInterval) === null || _this$stopInterval === void 0 ? void 0 : _this$stopInterval.call(this);
       this.stopInterval = undefined;
     }
   }, {
@@ -345,5 +349,6 @@ var Controller = exports.Controller = /*#__PURE__*/function (_Subscribe) {
       this.clear();
     }
   }]);
+  return Controller;
 }(_five.Subscribe);
 var ControllerContext = exports.ControllerContext = /*#__PURE__*/React.createContext(null);

package/lib/Player/custom/SpatialScenePanel/index.js

@@ -13,7 +13,7 @@ var _three = require("three");
 var _BetterTween = require("../../../shared-utils/animationFrame/BetterTween");
 var _CSS3DRenderPlugin = require("../../../fivePlugins/CSS3DRenderPlugin");
 var _VreoUnit = require("../../../typings/VreoUnit");
-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); }
 // __debug__
 // const mockData: SpatialScenePanelData = {
 //   customType: 'SpatialScenePanel',
@@ -140,15 +140,15 @@ function SpatialScenePanel(props) {
         var progress = _ref4.progress;
         var needRotateY = Math.PI / 90 * 11 * progress;
         var rotateY = needRotateY - lastRotateY;
-        css3DObject === null || css3DObject === void 0 || css3DObject.rotateY(rotateY);
+        css3DObject === null || css3DObject === void 0 ? void 0 : css3DObject.rotateY(rotateY);
         // css3DObject?.rotateZ
         lastRotateY = needRotateY;
       }).onStart(function () {
-        css3DObject === null || css3DObject === void 0 || css3DObject.rotateY(startRotateY);
+        css3DObject === null || css3DObject === void 0 ? void 0 : css3DObject.rotateY(startRotateY);
         render();
       }).onDispose(function () {
         var _panelRef$current;
-        (_panelRef$current = panelRef.current) === null || _panelRef$current === void 0 || _panelRef$current.classList.add('show');
+        (_panelRef$current = panelRef.current) === null || _panelRef$current === void 0 ? void 0 : _panelRef$current.classList.add('show');
       }).play();
 
       // Object.assign(window, {  $dispose: () => {
@@ -160,9 +160,9 @@ function SpatialScenePanel(props) {
         end = keyframe.end;
       timeoutRef.current = setTimeout(function () {
         var _panelRef$current2;
-        (_panelRef$current2 = panelRef.current) === null || _panelRef$current2 === void 0 || _panelRef$current2.classList.add('hide');
+        (_panelRef$current2 = panelRef.current) === null || _panelRef$current2 === void 0 ? void 0 : _panelRef$current2.classList.add('hide');
         timeoutRef.current = setTimeout(function () {
-          dispose === null || dispose === void 0 || dispose();
+          dispose === null || dispose === void 0 ? void 0 : dispose();
           timeoutRef.current = null;
         }, 1500);
       }, end - start);
@@ -194,10 +194,10 @@ function SpatialScenePanelBg() {
     if (!ref.current) return;
     var listener = function listener() {
       var _ref$current;
-      (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.setAttribute('class', 'SpatialScenePanel-bg');
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.setAttribute('class', 'SpatialScenePanel-bg');
       timeoutRef.current = setTimeout(function () {
         var _ref$current2;
-        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.setAttribute('class', 'SpatialScenePanel-bg SpatialScenePanel-bg--animation');
+        (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.setAttribute('class', 'SpatialScenePanel-bg SpatialScenePanel-bg--animation');
         timeoutRef.current = null;
       }, 3000);
     };
@@ -213,7 +213,7 @@ function SpatialScenePanelBg() {
   });
 }
 var Panel = /*#__PURE__*/React.forwardRef(function (props, myRef) {
-  var _props$data, _props$data2, _props$data3;
+  var _props$data, _props$data2, _props$data3, _props$data3$stateLis;
   return /*#__PURE__*/React.createElement("div", {
     className: "SpatialScenePanel",
     ref: myRef
@@ -227,7 +227,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, myRef) {
     className: "SpatialScenePanel-temperature"
   }, (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.temperature, "\u2103")), /*#__PURE__*/React.createElement("div", {
     className: "SpatialScenePanel-body"
-  }, (_props$data3 = props.data) === null || _props$data3 === void 0 || (_props$data3 = _props$data3.stateList) === null || _props$data3 === void 0 ? void 0 : _props$data3.map(function (state, index) {
+  }, (_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : (_props$data3$stateLis = _props$data3.stateList) === null || _props$data3$stateLis === void 0 ? void 0 : _props$data3$stateLis.map(function (state, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: "scene-".concat(state.text),
       className: "SpatialScenePanel-item index_".concat(index)