@realsee/vreo 2.4.0 → 2.4.1

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

@@ -1,32 +1,20 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InfoPanel = InfoPanel;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _VreoUnit = require("../../../../typings/VreoUnit");
-
 var _hooks = require("../../../hooks");
-
-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 _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;
-
 var _videoElement = document.createElement('video');
-
 _videoElement.setAttribute('playsinline', 'true');
-
 _videoElement.setAttribute('webkit-playsinline', 'true');
-
 if (isIOSorWX) {
   if (_videoElement.paused) {
     _videoElement.addEventListener('click', function () {
@@ -36,10 +24,9 @@ if (isIOSorWX) {
     });
   }
 }
-
 function InfoPanelImg(_ref) {
   var url = _ref.url,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
     className: "vreo-infoPanel-container"
   }, /*#__PURE__*/React.createElement("div", {
@@ -48,40 +35,33 @@ function InfoPanelImg(_ref) {
     src: url
   })));
 }
-
 function InfoPanelVideo(_ref2) {
   var url = _ref2.url,
-      children = _ref2.children;
+    children = _ref2.children;
   var videoWrapperRef = React.useRef(null);
   var controller = (0, _hooks.useController)();
   React.useEffect(function () {
-    var _controller$configs, _controller$configs$v;
-
+    var _controller$configs;
     // if (!isIOSorWX) return
-    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;
+    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;
     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.load(); // video.play()
+    video.addEventListener('canplaythrough', _canplaythrough);
+    video.load();
+    // video.play()
 
     return function () {
       var _videoWrapperRef$curr;
-
       video.pause();
-
       if ((_videoWrapperRef$curr = videoWrapperRef.current) !== null && _videoWrapperRef$curr !== void 0 && _videoWrapperRef$curr.contains(video)) {
         videoWrapperRef.current.removeChild(video);
       }
@@ -96,12 +76,10 @@ function InfoPanelVideo(_ref2) {
     ref: videoWrapperRef
   })));
 }
-
 var Title = function Title(props) {
   if (!props.title && !props.subTitle) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "vreo-infoPanel-title"
   }, /*#__PURE__*/React.createElement("div", {
@@ -110,47 +88,41 @@ var Title = function Title(props) {
     className: "vreo-infoPanel-t2"
   }, props.subTitle)));
 };
-
 function InfoPanel() {
   var timeoutRef = React.useRef();
   var controller = (0, _hooks.useController)();
   React.useEffect(function () {
     var _controller$configs2;
-
     if (((_controller$configs2 = controller.configs) === null || _controller$configs2 === void 0 ? void 0 : _controller$configs2.keyframeMap.InfoPanel) === false) {
       return;
     }
-
     var callback = function callback(keyframe) {
       var start = keyframe.start,
-          end = keyframe.end,
-          data = keyframe.data;
+        end = keyframe.end,
+        data = keyframe.data;
       var infoPanelData = data;
       var title = infoPanelData.title,
-          subTitle = infoPanelData.subTitle,
-          style = infoPanelData.style;
-
+        subTitle = infoPanelData.subTitle,
+        style = infoPanelData.style;
       do {
         if (style === _VreoUnit.InfoPanelStyleEnum.PopUp) {
           if (infoPanelData.type === _VreoUnit.InfoPanelTypeEnum.Image) {
-            controller.openPopUp( /*#__PURE__*/React.createElement(InfoPanelImg, {
+            controller.openPopUp(/*#__PURE__*/React.createElement(InfoPanelImg, {
               url: infoPanelData.url
             }, /*#__PURE__*/React.createElement(Title, {
               title: title,
               subTitle: subTitle
             })));
           } else if (infoPanelData.type === _VreoUnit.InfoPanelTypeEnum.Video) {
-            controller.openPopUp( /*#__PURE__*/React.createElement(InfoPanelVideo, {
+            controller.openPopUp(/*#__PURE__*/React.createElement(InfoPanelVideo, {
               url: infoPanelData.url
             }, /*#__PURE__*/React.createElement(Title, {
               title: title,
               subTitle: subTitle
             })));
           }
-
           break;
         }
-
         if (infoPanelData.type === _VreoUnit.InfoPanelTypeEnum.Image) {
           controller.openDrawer({
             content: /*#__PURE__*/React.createElement(InfoPanelImg, {
@@ -173,13 +145,11 @@ function InfoPanel() {
           });
         }
       } while (false);
-
       timeoutRef.current = setTimeout(function () {
         controller.openDrawer(false);
         controller.openPopUp(false);
       }, end - start);
     };
-
     controller.on(_VreoUnit.VreoKeyframeEnum.InfoPanel, callback);
     controller.on('ended', function () {
       controller.openPopUp(false);
@@ -189,7 +159,6 @@ function InfoPanel() {
     });
     return function () {
       controller.off(_VreoUnit.VreoKeyframeEnum.InfoPanel, callback);
-
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }

package/lib/Player/modules/keyframes/ModelVideo/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function ModelVideo(): JSX.Element;
+import * as React from 'react';
+export declare function ModelVideo(): React.JSX.Element;

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

@@ -1,34 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ModelVideo = ModelVideo;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var THREE = _interopRequireWildcard(require("three"));
-
 var _hooks = require("../../../hooks");
-
 var _ModelTVVideoPlugin = require("../../../../fivePlugins/ModelTVVideoPlugin");
-
 var _createTransMatrix = require("../../../../shared-utils/createTransMatrix");
-
 var _VreoUnit = require("../../../../typings/VreoUnit");
-
-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 _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)();
@@ -36,87 +22,70 @@ function ModelVideo() {
   var timeoutRef = React.useRef();
   React.useEffect(function () {
     var callback = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe) {
-        var _controller$configs, _controller$configs$v;
-
+      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(keyframe) {
+        var _controller$configs;
         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, {});
+          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: 顶点数据集合不够，无法组成矩形 ....');
                 }
-
-                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();
-            }
+                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();
           }
         }, _callee);
       }));
-
       return function callback(_x) {
         return _ref.apply(this, arguments);
       };
     }();
-
     controller.on(_VreoUnit.VreoKeyframeEnum.ModelVideo, callback);
     return function () {
       controller.off(_VreoUnit.VreoKeyframeEnum.ModelVideo, callback);
-
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }

package/lib/Player/modules/keyframes/PanoEffect/index.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function PanoEffect(): JSX.Element;
+import * as React from 'react';
+export declare function PanoEffect(): React.JSX.Element;

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

@@ -1,67 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PanoEffect = PanoEffect;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _three = require("three");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _lineAnime = _interopRequireDefault(require("./lineAnime"));
-
 var _hooks = require("../../../hooks");
-
 var _VreoUnit = require("../../../../typings/VreoUnit");
-
-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 _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),
-      state = _React$useState2[0],
-      setState = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    state = _React$useState2[0],
+    setState = _React$useState2[1];
   var five = (0, _hooks.useFiveInstance)();
   var lineRef = React.useRef(null);
-
   var _React$useState3 = React.useState(null),
-      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-      pos = _React$useState4[0],
-      setPos = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    pos = _React$useState4[0],
+    setPos = _React$useState4[1];
   var timeoutRef = React.useRef();
   var controller = (0, _hooks.useController)();
   var project2d = (0, _hooks.useFiveProject2d)();
-
   var delLine = function delLine() {
     if (lineRef.current) {
       lineRef.current.dispose();
     }
   };
-
   React.useEffect(function () {
     var callback = function callback(keyframe) {
       var start = keyframe.start,
-          end = keyframe.end,
-          data = keyframe.data;
+        end = keyframe.end,
+        data = keyframe.data;
       var videoEffectData = data;
-
       var _videoEffectData$twoV = (0, _slicedToArray2["default"])(videoEffectData.twoVertexs, 2),
-          v1 = _videoEffectData$twoV[0],
-          v2 = _videoEffectData$twoV[1];
-
+        v1 = _videoEffectData$twoV[0],
+        v2 = _videoEffectData$twoV[1];
       var p1 = new _three.Vector3(v1.x, v1.y, v1.z);
       var p2 = new _three.Vector3(v2.x, v2.y, v2.z);
       lineRef.current = (0, _lineAnime["default"])(five, p1.clone(), p2.clone());
@@ -71,7 +51,7 @@ function PanoEffect() {
       var p = project2d(center);
       if (!p) return;
       var left = p.x,
-          top = p.y;
+        top = p.y;
       setState({
         center: center,
         distance: distance
@@ -86,15 +66,12 @@ function PanoEffect() {
         delLine();
       }, end - start);
     };
-
     controller.on(_VreoUnit.VreoKeyframeEnum.PanoEffect, callback);
     return function () {
       controller.off(_VreoUnit.VreoKeyframeEnum.PanoEffect, callback);
-
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }
-
       delLine();
     };
   }, [controller]);
@@ -102,19 +79,18 @@ function PanoEffect() {
     var callback = function callback() {
       if (!(state !== null && state !== void 0 && state.center)) return;
       var _state$center = state.center,
-          x = _state$center.x,
-          y = _state$center.y,
-          z = _state$center.z;
+        x = _state$center.x,
+        y = _state$center.y,
+        z = _state$center.z;
       var res = project2d(new _three.Vector3(x, y, z));
       if (!res) return;
       var left = res.x,
-          top = res.y;
+        top = res.y;
       setPos({
         left: left,
         top: top
       });
     };
-
     five.on('currentStateChange', callback);
     return function () {
       five.off('currentStateChange', callback);

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

@@ -1,22 +1,14 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = lineAnime;
-
 var THREE = _interopRequireWildcard(require("three"));
-
 var _line = require("@realsee/five/line");
-
 var _BetterTween = require("../../../../shared-utils/animationFrame/BetterTween");
-
-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 _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.d.ts

@@ -1 +1 @@
-export declare function PanoTag(): any;
+export declare function PanoTag(): null;

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

@@ -1,24 +1,15 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PanoTag = PanoTag;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _hooks = require("../../../hooks");
-
 var _VreoUnit = require("../../../../typings/VreoUnit");
-
 var _dnalogel = require("@realsee/dnalogel");
-
-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 _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)();
@@ -40,22 +31,19 @@ function PanoTag() {
   }));
   React.useEffect(function () {
     var _controller$configs;
-
     if (((_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : _controller$configs.keyframeMap.PanoTag) === false) {
       return;
     }
-
     var callback = function callback(keyframe) {
       if (!panoTagPlugin.current) return;
       var start = keyframe.start,
-          end = keyframe.end,
-          data = keyframe.data;
+        end = keyframe.end,
+        data = keyframe.data;
       var panoTagData = data;
       var id = Date.now().toString();
       var pointType = 'PointTag';
       var dimensionType = '2D';
       var position = [panoTagData.vertex.x, panoTagData.vertex.y, panoTagData.vertex.z];
-
       var tag = function () {
         if (panoTagData.imgUrl) {
           return {
@@ -86,32 +74,27 @@ function PanoTag() {
             }
           };
         }
-      }(); // show
-
+      }();
 
+      // show
       panoTagPlugin.current.load({
         tagList: [tag]
       });
       var tagInstance = panoTagPlugin.current.getTagById(id);
-
       if (tagInstance) {
         tagInstance.state.unfolded = true;
         panoTagPlugin.current.updateRenderAllTags();
       }
-
       timeoutRef.current = setTimeout(function () {
         var _tag$hooks;
-
         // clear
         var tag = panoTagPlugin.current.getTagById(id);
         if (!tag) return;
-
         if (tag.state) {
           tag.state.unfolded = false;
           panoTagPlugin.current.updateRenderAllTags();
         }
-
-        (_tag$hooks = tag.hooks) === null || _tag$hooks === void 0 ? void 0 : _tag$hooks.on('folded', function () {
+        (_tag$hooks = tag.hooks) === null || _tag$hooks === void 0 || _tag$hooks.on('folded', function () {
           setTimeout(function () {
             if (tag.state) {
               tag.state.visible = false;
@@ -121,11 +104,9 @@ function PanoTag() {
         });
       }, end - start);
     };
-
     controller.on(_VreoUnit.VreoKeyframeEnum.PanoTag, callback);
     return function () {
       controller.off(_VreoUnit.VreoKeyframeEnum.PanoTag, callback);
-
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
       }

package/lib/Player/modules/keyframes/PanoTextLabel/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 /**
  * 空间文本标签。
  */
-export declare function PanoTextLabel(): JSX.Element;
+export declare function PanoTextLabel(): React.JSX.Element;