@realsee/vreo 2.4.1 → 2.4.3

package/lib/Player/modules/keyframes/InfoPanel/index.js

@@ -8,7 +8,7 @@ exports.InfoPanel = InfoPanel;
 var React = _interopRequireWildcard(require("react"));
 var _VreoUnit = require("../../../../typings/VreoUnit");
 var _hooks = require("../../../hooks");
-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 isWX = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
 var isIOS = navigator.userAgent.toLowerCase().indexOf('iphone') !== -1;
 var isIOSorWX = isIOS || isWX;
@@ -41,21 +41,21 @@ function InfoPanelVideo(_ref2) {
   var videoWrapperRef = React.useRef(null);
   var controller = (0, _hooks.useController)();
   React.useEffect(function () {
-    var _controller$configs;
+    var _controller$configs, _controller$configs$v;
     // if (!isIOSorWX) return
-    var video = ((_controller$configs = controller.configs) === null || _controller$configs === void 0 || (_controller$configs = _controller$configs.videos) === null || _controller$configs === void 0 ? void 0 : _controller$configs.videoPanel) || _videoElement;
+    var video = ((_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : (_controller$configs$v = _controller$configs.videos) === null || _controller$configs$v === void 0 ? void 0 : _controller$configs$v.videoPanel) || _videoElement;
     if (!videoWrapperRef.current) return;
     video.src = url;
     if (!videoWrapperRef.current.contains(video)) {
       videoWrapperRef.current.appendChild(video);
     }
-    var _canplaythrough = function canplaythrough() {
-      video.removeEventListener('canplaythrough', _canplaythrough);
+    var canplaythrough = function canplaythrough() {
+      video.removeEventListener('canplaythrough', canplaythrough);
       try {
         video.play();
       } catch (error) {}
     };
-    video.addEventListener('canplaythrough', _canplaythrough);
+    video.addEventListener('canplaythrough', canplaythrough);
     video.load();
     // video.play()
 

package/lib/Player/modules/keyframes/ModelVideo/index.js

@@ -14,7 +14,7 @@ var _hooks = require("../../../hooks");
 var _ModelTVVideoPlugin = require("../../../../fivePlugins/ModelTVVideoPlugin");
 var _createTransMatrix = require("../../../../shared-utils/createTransMatrix");
 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); }
 function ModelVideo() {
   var controller = (0, _hooks.useController)();
   var five = (0, _hooks.useFiveInstance)();
@@ -23,59 +23,61 @@ function ModelVideo() {
   React.useEffect(function () {
     var callback = /*#__PURE__*/function () {
       var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe) {
-        var _controller$configs;
+        var _controller$configs, _controller$configs$v;
         var start, end, _ref2, videoSrc, videoPosterSrc, vertexs, matrixWorld, position, points;
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!ref.current) {
-                ref.current = (0, _ModelTVVideoPlugin.ModelTVVideoPlugin)(five, {});
-              }
-              start = keyframe.start, end = keyframe.end;
-              _ref2 = keyframe.data, videoSrc = _ref2.videoSrc, videoPosterSrc = _ref2.videoPosterSrc, vertexs = _ref2.vertexs, matrixWorld = _ref2.matrixWorld;
-              position = function () {
-                if (vertexs.length < 4) {
-                  throw new Error('ModelVideo: 顶点数据集合不够，无法组成矩形 ....');
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!ref.current) {
+                  ref.current = (0, _ModelTVVideoPlugin.ModelTVVideoPlugin)(five, {});
                 }
-                if (vertexs.length === 4) {
-                  return vertexs;
-                }
-                var box = new THREE.Box3();
-                vertexs.forEach(function (v) {
-                  return box.expandByPoint(new THREE.Vector3(v.x, v.y, v.z));
-                });
-                return [new THREE.Vector3(box.min.x, box.max.y, box.max.z), new THREE.Vector3(box.min.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.max.y, box.max.z)];
-              }();
-              points = function () {
-                if (matrixWorld) {
-                  var transMatrix = (0, _createTransMatrix.createTransMatrix)(matrixWorld);
-                  return [position.map(function (p) {
-                    var res = transMatrix([p.x, p.y, p.z]);
-                    return {
-                      x: res[0],
-                      y: res[1],
-                      z: res[2]
-                    };
-                  })];
-                }
-                return [position];
-              }();
-              ref.current.disable();
-              _context.next = 8;
-              return ref.current.load({
-                video_src: videoSrc,
-                video_poster_src: videoPosterSrc,
-                points: points
-              }, (_controller$configs = controller.configs) === null || _controller$configs === void 0 || (_controller$configs = _controller$configs.videos) === null || _controller$configs === void 0 ? void 0 : _controller$configs.modelTVVideo);
-            case 8:
-              ref.current.enable();
-              timeoutRef.current = setTimeout(function () {
-                var _ref$current;
-                return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.disable();
-              }, end - start);
-            case 10:
-            case "end":
-              return _context.stop();
+                start = keyframe.start, end = keyframe.end;
+                _ref2 = keyframe.data, videoSrc = _ref2.videoSrc, videoPosterSrc = _ref2.videoPosterSrc, vertexs = _ref2.vertexs, matrixWorld = _ref2.matrixWorld;
+                position = function () {
+                  if (vertexs.length < 4) {
+                    throw new Error('ModelVideo: 顶点数据集合不够，无法组成矩形 ....');
+                  }
+                  if (vertexs.length === 4) {
+                    return vertexs;
+                  }
+                  var box = new THREE.Box3();
+                  vertexs.forEach(function (v) {
+                    return box.expandByPoint(new THREE.Vector3(v.x, v.y, v.z));
+                  });
+                  return [new THREE.Vector3(box.min.x, box.max.y, box.max.z), new THREE.Vector3(box.min.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.min.y, box.max.z), new THREE.Vector3(box.max.x, box.max.y, box.max.z)];
+                }();
+                points = function () {
+                  if (matrixWorld) {
+                    var transMatrix = (0, _createTransMatrix.createTransMatrix)(matrixWorld);
+                    return [position.map(function (p) {
+                      var res = transMatrix([p.x, p.y, p.z]);
+                      return {
+                        x: res[0],
+                        y: res[1],
+                        z: res[2]
+                      };
+                    })];
+                  }
+                  return [position];
+                }();
+                ref.current.disable();
+                _context.next = 8;
+                return ref.current.load({
+                  video_src: videoSrc,
+                  video_poster_src: videoPosterSrc,
+                  points: points
+                }, (_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : (_controller$configs$v = _controller$configs.videos) === null || _controller$configs$v === void 0 ? void 0 : _controller$configs$v.modelTVVideo);
+              case 8:
+                ref.current.enable();
+                timeoutRef.current = setTimeout(function () {
+                  var _ref$current;
+                  return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.disable();
+                }, end - start);
+              case 10:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee);
       }));

package/lib/Player/modules/keyframes/PanoEffect/index.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _lineAnime = _interopRequireDefault(require("./lineAnime"));
 var _hooks = require("../../../hooks");
 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); }
 function PanoEffect() {
   var _React$useState = React.useState(null),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),

package/lib/Player/modules/keyframes/PanoEffect/lineAnime.js

@@ -8,7 +8,7 @@ exports["default"] = lineAnime;
 var THREE = _interopRequireWildcard(require("three"));
 var _line = require("@realsee/five/line");
 var _BetterTween = require("../../../../shared-utils/animationFrame/BetterTween");
-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 lineAnime(five, startPoint, endPoint) {
   var pointImage = 'data:image/png;base64,' + 'iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAG/Py2baba05un7UgfgAAAHJJREFUKM9joBpgLHVSCRdA4metAoJlCJHmVWBgAeNzroKCCVCBLpjACqgJVjCBxRBT2FbBQQJYQAohsBAsUIUQWA4WiEIILAULeCEEloAFtBACizAEMLRgGIphLabDMJ2O6TlM72MGECIIMQIZIxqoBQCPvpJ/e9FaAAAAAABJRU5ErkJggg==';
   var pointTexture = new THREE.TextureLoader().load(pointImage);

package/lib/Player/modules/keyframes/PanoTag/index.js

@@ -9,7 +9,7 @@ var React = _interopRequireWildcard(require("react"));
 var _hooks = require("../../../hooks");
 var _VreoUnit = require("../../../../typings/VreoUnit");
 var _dnalogel = require("@realsee/dnalogel");
-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 PanoTag() {
   var timeoutRef = React.useRef();
   var controller = (0, _hooks.useController)();
@@ -94,7 +94,7 @@ function PanoTag() {
           tag.state.unfolded = false;
           panoTagPlugin.current.updateRenderAllTags();
         }
-        (_tag$hooks = tag.hooks) === null || _tag$hooks === void 0 || _tag$hooks.on('folded', function () {
+        (_tag$hooks = tag.hooks) === null || _tag$hooks === void 0 ? void 0 : _tag$hooks.on('folded', function () {
           setTimeout(function () {
             if (tag.state) {
               tag.state.visible = false;

package/lib/Player/modules/keyframes/PanoTextLabel/index.js

@@ -14,7 +14,7 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _hooks = require("../../../hooks");
 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); }
 /**
  * 通过传入中心点确定矩形框架容器的四个点：
  *  1. 已知矩形长宽和中心点
@@ -99,7 +99,7 @@ function PanoTextLabel() {
       // 将获取的mesh进行旋转操作，根据欧拉角去进行mesh的变换
       if (data.quaternion) {
         var quaternion = new _three.Quaternion(data.quaternion.x, data.quaternion.y, data.quaternion.z, data.quaternion.w);
-        css3DObject === null || css3DObject === void 0 || css3DObject.quaternion.copy(quaternion);
+        css3DObject === null || css3DObject === void 0 ? void 0 : css3DObject.quaternion.copy(quaternion);
       }
       if (container !== null && container !== void 0 && container.container) _reactDom["default"].render(/*#__PURE__*/React.createElement("div", {
         className: "PanoTextLabel PanoTextLabel--notHidden"
@@ -113,7 +113,7 @@ function PanoTextLabel() {
       }, data.text || ''))), container === null || container === void 0 ? void 0 : container.container);
       timeoutRef.current = setTimeout(function () {
         var _ref$current;
-        (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.disposeAll();
+        (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.disposeAll();
       }, end - start);
     };
     controller.on(_VreoUnit.VreoKeyframeEnum.PanoTextLabel, callback);

package/lib/Player/modules/keyframes/Prompter/index.js

@@ -12,7 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("../../../hooks");
 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); }
 function Prompter() {
   var _React$useState = React.useState(''),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),

package/lib/Player/modules/keyframes/UpdateVRPanorama/index.js

@@ -9,7 +9,7 @@ var React = _interopRequireWildcard(require("react"));
 var _five = require("@realsee/five");
 var _hooks = require("../../../hooks");
 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); }
 function UpdateVRPanorama() {
   var controller = (0, _hooks.useController)();
   var five = (0, _hooks.useFiveInstance)();
@@ -46,8 +46,8 @@ function UpdateVRPanorama() {
   }, []);
   React.useEffect(function () {
     var callback = function callback(keyframe) {
-      var _five$work, _five$work2;
-      if (!deafultWorkRef.current && (_five$work = five.work) !== null && _five$work !== void 0 && _five$work.raw.works) {
+      var _five$work, _five$work$raw, _five$work2, _five$work2$raw, _five$work2$raw$works;
+      if (!deafultWorkRef.current && (_five$work = five.work) !== null && _five$work !== void 0 && (_five$work$raw = _five$work.raw) !== null && _five$work$raw !== void 0 && _five$work$raw.works) {
         deafultWorkRef.current = five.work.raw.works;
       }
       var data = keyframe.data;
@@ -58,9 +58,9 @@ function UpdateVRPanorama() {
         five.load(updateWorkRef.current);
         return;
       }
-      var lastRawWork = (_five$work2 = five.work) === null || _five$work2 === void 0 || (_five$work2 = _five$work2.raw.works) === null || _five$work2 === void 0 ? void 0 : _five$work2[0];
+      var lastRawWork = (_five$work2 = five.work) === null || _five$work2 === void 0 ? void 0 : (_five$work2$raw = _five$work2.raw) === null || _five$work2$raw === void 0 ? void 0 : (_five$work2$raw$works = _five$work2$raw.works) === null || _five$work2$raw$works === void 0 ? void 0 : _five$work2$raw$works[0];
       if (!lastRawWork) {
-        console.warn('No raw work data available');
+        console.warn('UpdateVRPanorama: 没有可用的 work 数据');
         return;
       }
 

package/lib/Player/modules/keyframes/VideoEffect/index.js

@@ -13,18 +13,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _VreoUnit = require("../../../../typings/VreoUnit");
 var _hooks = require("../../../hooks");
-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); }
 // import { Preloader } from '../../../../shared-utils/Preloader'
 
 var inlinePlay = function inlinePlay(videoInstance) {
   if (!videoInstance) return;
-  var _canplaythrough = function canplaythrough() {
-    videoInstance.removeEventListener('canplaythrough', _canplaythrough);
+  var canplaythrough = function canplaythrough() {
+    videoInstance.removeEventListener('canplaythrough', canplaythrough);
     try {
       videoInstance.play();
     } catch (error) {}
   };
-  videoInstance.addEventListener('canplaythrough', _canplaythrough);
+  videoInstance.addEventListener('canplaythrough', canplaythrough);
   videoInstance.load();
 };
 
@@ -50,40 +50,42 @@ function VideoEffect() {
       var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe) {
         var start, end, _ref2, videoSrc, fov, direction, panoIndex, vector, _ref3, _ref4, longitude, latitude;
         return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              start = keyframe.start, end = keyframe.end;
-              _ref2 = keyframe.data, videoSrc = _ref2.videoSrc, fov = _ref2.fov, direction = _ref2.direction, panoIndex = _ref2.panoIndex, vector = _ref2.vector;
-              _ref3 = function () {
-                if (vector) {
-                  return [vector.longitude, vector.latitude];
-                }
-                if (!direction) {
-                  return [0, 0];
-                }
-                var longitude = -Math.atan2(direction.x, -direction.z);
-                longitude = (longitude % PI_2 + PI_2) % PI_2;
-                var latitude = -Math.asin(direction.y / 1);
-                return [longitude, latitude];
-              }(), _ref4 = (0, _slicedToArray2["default"])(_ref3, 2), longitude = _ref4[0], latitude = _ref4[1];
-              five.setState({
-                fov: fov,
-                panoIndex: panoIndex,
-                longitude: longitude,
-                latitude: latitude
-              }, true);
-              setBlobSrc(videoSrc);
-              inlinePlay(videoRef.current);
-              setVisible(true);
-              timeoutRef.current = setTimeout(function () {
-                var _videoRef$current;
-                (_videoRef$current = videoRef.current) === null || _videoRef$current === void 0 || _videoRef$current.pause();
-                setVisible(false);
-                setBlobSrc('');
-              }, end - start);
-            case 8:
-            case "end":
-              return _context.stop();
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                start = keyframe.start, end = keyframe.end;
+                _ref2 = keyframe.data, videoSrc = _ref2.videoSrc, fov = _ref2.fov, direction = _ref2.direction, panoIndex = _ref2.panoIndex, vector = _ref2.vector;
+                _ref3 = function () {
+                  if (vector) {
+                    return [vector.longitude, vector.latitude];
+                  }
+                  if (!direction) {
+                    return [0, 0];
+                  }
+                  var longitude = -Math.atan2(direction.x, -direction.z);
+                  longitude = (longitude % PI_2 + PI_2) % PI_2;
+                  var latitude = -Math.asin(direction.y / 1);
+                  return [longitude, latitude];
+                }(), _ref4 = (0, _slicedToArray2["default"])(_ref3, 2), longitude = _ref4[0], latitude = _ref4[1];
+                five.setState({
+                  fov: fov,
+                  panoIndex: panoIndex,
+                  longitude: longitude,
+                  latitude: latitude
+                }, true);
+                setBlobSrc(videoSrc);
+                inlinePlay(videoRef.current);
+                setVisible(true);
+                timeoutRef.current = setTimeout(function () {
+                  var _videoRef$current;
+                  (_videoRef$current = videoRef.current) === null || _videoRef$current === void 0 ? void 0 : _videoRef$current.pause();
+                  setVisible(false);
+                  setBlobSrc('');
+                }, end - start);
+              case 8:
+              case "end":
+                return _context.stop();
+            }
           }
         }, _callee);
       }));
@@ -97,7 +99,7 @@ function VideoEffect() {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }
-      (_videoRef$current2 = videoRef.current) === null || _videoRef$current2 === void 0 || _videoRef$current2.pause();
+      (_videoRef$current2 = videoRef.current) === null || _videoRef$current2 === void 0 ? void 0 : _videoRef$current2.pause();
       setVisible(false);
       setBlobSrc('');
     };
@@ -115,9 +117,9 @@ function VideoEffect() {
     };
   }, [controller]);
   React.useEffect(function () {
-    var _controller$configs;
+    var _controller$configs, _controller$configs$v;
     if (!ref.current) return;
-    var video = ((_controller$configs = controller.configs) === null || _controller$configs === void 0 || (_controller$configs = _controller$configs.videos) === null || _controller$configs === void 0 ? void 0 : _controller$configs.videoEffect) || document.createElement('video');
+    var video = ((_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : (_controller$configs$v = _controller$configs.videos) === null || _controller$configs$v === void 0 ? void 0 : _controller$configs$v.videoEffect) || document.createElement('video');
     // <video playsInline key="VideoEffect-video" className="VideoEffect-video" src={blobSrc} />
     video.setAttribute('playsinline', 'true');
     video.setAttribute('webkit-playsinline', 'true');
@@ -128,7 +130,7 @@ function VideoEffect() {
     ref.current.append(videoRef.current);
     document.addEventListener('WeixinJSBridgeReady', function () {
       var _videoRef$current3;
-      (_videoRef$current3 = videoRef.current) === null || _videoRef$current3 === void 0 || _videoRef$current3.play();
+      (_videoRef$current3 = videoRef.current) === null || _videoRef$current3 === void 0 ? void 0 : _videoRef$current3.play();
     }, false);
     if (!ref.current) return;
     // const asyncfunc = async () => {

package/lib/Player/typings.d.ts

@@ -2,9 +2,6 @@ import React, { ReactNode } from 'react';
 import { Subscribe, Five } from '@realsee/five';
 import { VreoKeyframe, VreoKeyframeConfigMap, VreoKeyframeEvent } from '../typings/VreoUnit';
 import { VideoAgentMeshOptions } from './modules/VideoAgent/VideoAgentMesh';
-export type VreoFunctionComponent<P = {}> = (props: P) => ReactNode;
-/** @deprecated 请使用 VreoFunctionComponent<CustomVreoKeyframeProps> 替代 */
-export type LegacyCustomKeyframe = React.FC<CustomVreoKeyframeProps>;
 export interface PlayerConfigs {
     /**
      * @deprecated rename to container
@@ -27,7 +24,7 @@ export interface PlayerConfigs {
      * 如果需要在 底部面板添加自定义内容，可以传递个 React 组件。
      */
     customPanelChildren?: ReactNode;
-    customKeyframes?: (VreoFunctionComponent<CustomVreoKeyframeProps> | React.FC<CustomVreoKeyframeProps>)[];
+    customKeyframes?: React.FC<CustomVreoKeyframeProps>[];
     imageOptions?: {
         size: number;
     };

package/lib/fivePlugins/CSS3DRenderPlugin/index.js

@@ -13,7 +13,7 @@ var _evenNumber = _interopRequireDefault(require("./evenNumber"));
 var _centerPoint = _interopRequireDefault(require("./centerPoint"));
 var _transformPositionToVector = _interopRequireDefault(require("./transformPositionToVector3"));
 var _createResizeObserver = _interopRequireDefault(require("./createResizeObserver"));
-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); }
 /**
  * 三维向量
  */
@@ -38,7 +38,7 @@ var CSS3DRenderPlugin = exports.CSS3DRenderPlugin = function CSS3DRenderPlugin(f
     });
     var config = params[1];
     if ((points === null || points === void 0 ? void 0 : points.length) < 4) return console.error('points must be equal or greater than than 4');
-    if (!(five !== null && five !== void 0 && (_five$model = five.model) !== null && _five$model !== void 0 && _five$model.loaded)) return console.error('five.model.loaded is: ', five === null || five === void 0 || (_five$model2 = five.model) === null || _five$model2 === void 0 ? void 0 : _five$model2.loaded);
+    if (!(five !== null && five !== void 0 && (_five$model = five.model) !== null && _five$model !== void 0 && _five$model.loaded)) return console.error('five.model.loaded is: ', five === null || five === void 0 ? void 0 : (_five$model2 = five.model) === null || _five$model2 === void 0 ? void 0 : _five$model2.loaded);
     var fiveElement = five.getElement();
     if (!fiveElement) return console.error('five.getElement() is ' + fiveElement);
     var disposers = [];
@@ -102,16 +102,16 @@ var CSS3DRenderPlugin = exports.CSS3DRenderPlugin = function CSS3DRenderPlugin(f
         css3DRenderer.domElement.style.top = '0';
         css3DRenderer.domElement.style.userSelect = 'none';
         css3DRenderer.domElement.style.pointerEvents = 'none';
-        var _renderEveryFrame = function renderEveryFrame() {
+        var renderEveryFrame = function renderEveryFrame() {
           if (stopRenderFlag) return;
-          requestAnimationFrameId = requestAnimationFrame(_renderEveryFrame);
+          requestAnimationFrameId = requestAnimationFrame(renderEveryFrame);
           css3DRenderer.render(scene, five.camera);
         };
         return function () {
           var _resizeObserver, _resizeObserver$obser;
           scene.add(css3DObject);
-          (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 || (_resizeObserver$obser = _resizeObserver.observe) === null || _resizeObserver$obser === void 0 || _resizeObserver$obser.call(_resizeObserver);
-          _renderEveryFrame();
+          (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : (_resizeObserver$obser = _resizeObserver.observe) === null || _resizeObserver$obser === void 0 ? void 0 : _resizeObserver$obser.call(_resizeObserver);
+          renderEveryFrame();
           if (mode === 'behind' && mesh) {
             five.scene.add(mesh);
             disposers.push(function () {
@@ -148,7 +148,7 @@ var CSS3DRenderPlugin = exports.CSS3DRenderPlugin = function CSS3DRenderPlugin(f
         if (mode === 'behind') state.behindMode = undefined;
         if (!state.behindMode && !state.frontMode) {
           var _resizeObserver2, _resizeObserver2$unob;
-          (_resizeObserver2 = resizeObserver) === null || _resizeObserver2 === void 0 || (_resizeObserver2$unob = _resizeObserver2.unobserve) === null || _resizeObserver2$unob === void 0 || _resizeObserver2$unob.call(_resizeObserver2);
+          (_resizeObserver2 = resizeObserver) === null || _resizeObserver2 === void 0 ? void 0 : (_resizeObserver2$unob = _resizeObserver2.unobserve) === null || _resizeObserver2$unob === void 0 ? void 0 : _resizeObserver2$unob.call(_resizeObserver2);
         }
       }
       return true;