@realsee/vreo 2.6.0 → 2.6.1-alpha.2

package/lib/PlayController/createHTMLAudioElement.js

@@ -14,7 +14,7 @@ export function createHTMLAudioElement() {
   audio.src = BLANK_AUDIO;
 
   // 触发一次播放
-  Promise.resolve(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  Promise.resolve( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {

package/lib/PlayController/index.js

@@ -7,8 +7,8 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import { Subscribe } from '@realsee/five';
 import { requestAnimationFrameInterval } from "../shared-utils/animationFrame/index.js";
 import { createHTMLAudioElement } from "./createHTMLAudioElement.js";
@@ -104,8 +104,8 @@ export var PlayController = /*#__PURE__*/function (_Subscribe) {
     }
   }, {
     key: "load",
-    value: (function () {
-      var _load = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(vreoUnit) {
+    value: function () {
+      var _load = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(vreoUnit) {
         var _this3 = this;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -149,11 +149,10 @@ export var PlayController = /*#__PURE__*/function (_Subscribe) {
     /**
      * 播放
      */
-    )
   }, {
     key: "play",
-    value: (function () {
-      var _play = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    value: function () {
+      var _play = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
@@ -174,11 +173,10 @@ export var PlayController = /*#__PURE__*/function (_Subscribe) {
     /**
      * 暂停
      */
-    )
   }, {
     key: "pause",
-    value: (function () {
-      var _pause = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    value: function () {
+      var _pause = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
@@ -209,7 +207,6 @@ export var PlayController = /*#__PURE__*/function (_Subscribe) {
      * 
      * @deprecated **慎重执行**
      */
-    )
   }, {
     key: "dispose",
     value: function dispose() {

package/lib/Player/Controller.js

@@ -6,10 +6,10 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-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) { _defineProperty(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 _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import { Subscribe } from '@realsee/five';
 import { action, makeObservable, observable, reaction } from 'mobx';
 import * as React from 'react';

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

@@ -1,33 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { Raycaster, Vector3 } from 'three';
 import { tweenProgress } from "../../../shared-utils/animationFrame/BetterTween.js";
 import { CSS3DRenderPlugin } from "../../../fivePlugins/CSS3DRenderPlugin/index.js";
-import { VreoKeyframeEnum } from "../../../typings/VreoUnit.js"; // __debug__
-// const mockData: SpatialScenePanelData = {
-//   customType: 'SpatialScenePanel',
-//   "stateList": [
-//     {
-//       "icon": "http://vrlab-public.ljcdn.com/release/seesay/tools/___fc42f951076607a22fd5c54f005ba553.png",
-//       "text": "窗帘关闭"
-//     },
-//     {
-//       "icon": "http://vrlab-public.ljcdn.com/release/seesay/tools/___b331e7ad732debc07250a169a3393b13.png",
-//       "text": "摄像头休眠"
-//     },
-//     {
-//       "icon": "http://vrlab-public.ljcdn.com/release/seesay/tools/___2e425a81ac0ad88232d50d4e52a9abfa.png",
-//       "text": "氛围音乐"
-//     },
-//     {
-//       "icon": "http://vrlab-public.ljcdn.com/release/seesay/tools/___bff48bb81cde37aa6a319d6f5d56e3a4.png",
-//       "text": "空调打开"
-//     }
-//   ],
-//   "temperature": "27",
-//   "title": "沉浸式回家"
-// }
+import { VreoKeyframeEnum } from "../../../typings/VreoUnit.js";
 // const getSphere = (position: Vector3, color = 0xffff00) => {
 //   const geometry = new SphereGeometry(0.05, 32, 16)
 //   const material = new MeshBasicMaterial({ color })
@@ -117,12 +94,13 @@ export function SpatialScenePanel(props) {
         $css3DObject: css3DObject
       });
       if (!container) return;
-      ReactDOM.render(/*#__PURE__*/React.createElement(Panel, {
+      var root = createRoot(container);
+      root.render( /*#__PURE__*/React.createElement(Panel, {
         ref: function ref(_ref3) {
           return panelRef.current = _ref3;
         },
         data: data
-      }), container);
+      }));
       var startRotateY = -(Math.PI * 2) / 9;
       var lastRotateY = 0;
       tweenProgress(1000).onUpdate(function (_ref4) {

package/lib/Player/index.d.ts

@@ -119,3 +119,4 @@ export declare class Player extends Subscribe<VreoKeyframeEvent> {
      */
     dispose(): void;
 }
+export { SpatialScenePanel } from './custom/SpatialScenePanel';

package/lib/Player/index.js

@@ -6,11 +6,12 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 var _location$search$matc, _location$search$matc2;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 // 下面这一行不能删
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { Subscribe } from '@realsee/five';
 import { App } from "./App.js";
 import { Controller, ControllerContext } from "./Controller.js";
@@ -75,7 +76,6 @@ export var Player = /*#__PURE__*/function (_Subscribe) {
       var _five$getElement;
       var oldElement = document.getElementById(id);
       if (oldElement) {
-        ReactDOM.unmountComponentAtNode(oldElement);
         oldElement.remove();
       }
       var container = document.createElement('div');
@@ -97,7 +97,8 @@ export var Player = /*#__PURE__*/function (_Subscribe) {
       container: configs.container,
       configs: _this.configs
     });
-    ReactDOM.render(/*#__PURE__*/React.createElement(ControllerContext.Provider, {
+    var root = createRoot(configs.container);
+    root.render( /*#__PURE__*/React.createElement(ControllerContext.Provider, {
       value: _this.controller
     }, /*#__PURE__*/React.createElement(App, null), /*#__PURE__*/React.createElement(Drawer, null), /*#__PURE__*/React.createElement(PopUp, null), _this.configs.customKeyframes && _this.configs.customKeyframes.map(function (CustomCmpt, key) {
       return /*#__PURE__*/React.createElement(CustomCmpt, {
@@ -115,7 +116,7 @@ export var Player = /*#__PURE__*/function (_Subscribe) {
         },
         five: five
       });
-    })), configs.container);
+    })));
 
     // 监听播放情况：抛出触发时机
     reaction(function () {
@@ -160,8 +161,8 @@ export var Player = /*#__PURE__*/function (_Subscribe) {
    */
   _createClass(Player, [{
     key: "load",
-    value: (function () {
-      var _load = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(vreoUnit) {
+    value: function () {
+      var _load = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(vreoUnit) {
         var _this$controller$medi,
           _this$configs$imageOp,
           _this$controller$vide,
@@ -278,7 +279,6 @@ export var Player = /*#__PURE__*/function (_Subscribe) {
      * 获取播放器是否处于暂停状态
      * @returns 是否暂停中
      */
-    )
   }, {
     key: "paused",
     get: function get() {
@@ -391,4 +391,7 @@ export var Player = /*#__PURE__*/function (_Subscribe) {
   }]);
   return Player;
 }(Subscribe);
+
+// 导出自定义组件
+export { SpatialScenePanel } from "./custom/SpatialScenePanel/index.js";
 console.log("\n    \u250F\u2501\u2501\u2501\u2513\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u250F\u2513\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n    \u2503\u250F\u2501\u2513\u2503\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2503\u2503\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n    \u2503\u2517\u2501\u251B\u2503\u250F\u2501\u2501\u2513\u250F\u2501\u2501\u2513\u2501\u2503\u2503\u2501\u250F\u2501\u2501\u2513\u250F\u2501\u2501\u2513\u250F\u2501\u2501\u2513\n    \u2503\u250F\u2513\u250F\u251B\u2503\u250F\u2513\u2503\u2517\u2501\u2513\u2503\u2501\u2503\u2503\u2501\u2503\u2501\u2501\u252B\u2503\u250F\u2513\u2503\u2503\u250F\u2513\u2503\n    \u2503\u2503\u2503\u2517\u2513\u2503\u2503\u2501\u252B\u2503\u2517\u251B\u2517\u2513\u2503\u2517\u2513\u2523\u2501\u2501\u2503\u2503\u2503\u2501\u252B\u2503\u2503\u2501\u252B\n    \u2517\u251B\u2517\u2501\u251B\u2517\u2501\u2501\u251B\u2517\u2501\u2501\u2501\u251B\u2517\u2501\u251B\u2517\u2501\u2501\u251B\u2517\u2501\u2501\u251B\u2517\u2501\u2501\u251B\n    \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n    \u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\n");

package/lib/Player/modules/Drawer/index.js

@@ -6,7 +6,8 @@ var DrawerView = observer(function (_ref) {
   var _controller$drawerCon2;
   var controller = _ref.controller;
   var maxHeight = '400px';
-  var height = function (_controller$drawerCon) {
+  var height = function () {
+    var _controller$drawerCon;
     var height = (_controller$drawerCon = controller.drawerConfig) === null || _controller$drawerCon === void 0 ? void 0 : _controller$drawerCon.height;
     if (!height) {
       return 'max-content';

package/lib/Player/modules/VideoAgent/VideoAgentMesh.js

@@ -6,8 +6,8 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import * as THREE from 'three';
 import { Preloader } from "../../../shared-utils/Preloader.js";
 import { makeObservable, observable, runInAction } from 'mobx';
@@ -209,8 +209,8 @@ export var VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh) {
     }
   }, {
     key: "update",
-    value: (function () {
-      var _update = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(videoUrl) {
+    value: function () {
+      var _update = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(videoUrl) {
         var _this2 = this;
         var uniforms, onStart;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -303,11 +303,10 @@ export var VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh) {
      * await mesh.play()
      * ```
      */
-    )
   }, {
     key: "play",
-    value: (function () {
-      var _play = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    value: function () {
+      var _play = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var _this3 = this;
         var videoUrl,
           currentTime,
@@ -367,7 +366,7 @@ export var VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh) {
                 this.mediaInstance.pause();
                 _context3.next = 28;
                 return new Promise(function (resolve) {
-                  return setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+                  return setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
                     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
                       while (1) {
                         switch (_context2.prev = _context2.next) {
@@ -405,7 +404,6 @@ export var VideoAgentMesh = /*#__PURE__*/function (_THREE$Mesh) {
      * 将媒体实例的秒级时间转换为毫秒，提供更高精度的时间控制
      * @returns 当前播放时间戳（毫秒）
      */
-    )
   }, {
     key: "currentTime",
     get: function get() {

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

@@ -8,7 +8,7 @@ export function BgMusic() {
   var controller = useController();
   React.useEffect(function () {
     var callback = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyframe, currentTime) {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyframe, currentTime) {
         var start, end, _currentTime, audio, cleanAudio, play;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {

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

@@ -11,7 +11,7 @@ export function CameraMovement() {
   var ref = React.useRef();
   React.useEffect(function () {
     var callback = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyframe) {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyframe) {
         var start, end, data, cameraMovementData, effect;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {

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

@@ -99,14 +99,14 @@ export function InfoPanel() {
       do {
         if (style === InfoPanelStyleEnum.PopUp) {
           if (infoPanelData.type === 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 === InfoPanelTypeEnum.Video) {
-            controller.openPopUp(/*#__PURE__*/React.createElement(InfoPanelVideo, {
+            controller.openPopUp( /*#__PURE__*/React.createElement(InfoPanelVideo, {
               url: infoPanelData.url
             }, /*#__PURE__*/React.createElement(Title, {
               title: title,

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

@@ -13,7 +13,7 @@ export function ModelVideo() {
   var timeoutRef = React.useRef();
   React.useEffect(function () {
     var callback = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyframe) {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyframe) {
         var _controller$configs, _controller$configs$v;
         var start, end, _ref2, videoSrc, videoPosterSrc, vertexs, matrixWorld, position, points;
         return _regeneratorRuntime.wrap(function _callee$(_context) {

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 import * as THREE from 'three';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { Vector3, Quaternion } from 'three';
 import { useController, useFiveInstance } from "../../../hooks.js";
 import { CSS3DRenderPlugin } from "../../../../fivePlugins/CSS3DRenderPlugin/index.js";
@@ -92,16 +92,19 @@ export function PanoTextLabel() {
         var quaternion = new Quaternion(data.quaternion.x, data.quaternion.y, data.quaternion.z, data.quaternion.w);
         css3DObject === null || css3DObject === void 0 ? void 0 : css3DObject.quaternion.copy(quaternion);
       }
-      if (container !== null && container !== void 0 && container.container) ReactDOM.render(/*#__PURE__*/React.createElement("div", {
-        className: "PanoTextLabel PanoTextLabel--notHidden"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "PanoTextLabel-wrapper"
-      }, /*#__PURE__*/React.createElement("div", {
-        style: {
-          fontSize: "".concat(data.fontSize || 16, "px")
-        },
-        className: "PanoText-innerText"
-      }, data.text || ''))), container === null || container === void 0 ? void 0 : container.container);
+      if (container !== null && container !== void 0 && container.container) {
+        var root = createRoot(container.container);
+        root.render( /*#__PURE__*/React.createElement("div", {
+          className: "PanoTextLabel PanoTextLabel--notHidden"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "PanoTextLabel-wrapper"
+        }, /*#__PURE__*/React.createElement("div", {
+          style: {
+            fontSize: "".concat(data.fontSize || 16, "px")
+          },
+          className: "PanoText-innerText"
+        }, data.text || ''))));
+      }
       timeoutRef.current = setTimeout(function () {
         var _ref$current;
         (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.disposeAll();

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

@@ -37,7 +37,7 @@ export function VideoEffect() {
   };
   React.useEffect(function () {
     var callback = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyframe) {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyframe) {
         var start, end, _ref2, videoSrc, fov, direction, panoIndex, vector, _ref3, _ref4, longitude, latitude;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {

package/lib/fivePlugins/CameraMovementPlugin/index.js

@@ -28,8 +28,8 @@ export var CameraMovementPlugin = function CameraMovementPlugin(five) {
     var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
       preload: true
     };
-    return new Promise(/*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
         var _opts$asyncEndCallbac;
         var panoIndex, start, movePanoOptions;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -117,7 +117,7 @@ export var CameraMovementPlugin = function CameraMovementPlugin(five) {
     }());
   };
   var rotate = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(args, duration) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(args, duration) {
       var _opts$asyncStartCallb, _opts$asyncEndCallbac2;
       var opts,
         from,

package/lib/fivePlugins/ModelTVVideoPlugin/index.js

@@ -149,7 +149,7 @@ export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
     });
   };
   var load = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data, videoElement) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data, videoElement) {
       var video_src, video_poster_src, points;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {

package/lib/shared-utils/Audio.js

@@ -9,8 +9,8 @@ import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var blankAudioSrc = 'data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAgAAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////JcxjHjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zrhIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6ramnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLKxsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKVJ8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLMPQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBRQGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsqFdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=';
 // 下面这段空音频居然在11pro和xr上播不出来
 // const blankAudioSrc = 'data:audio/mpeg;base64,//AAAAHGZ0eXBNNEEgAAAAAE00QSBpc29tbXA0MgAAAAFtZGF0AAAAAAAAABwA0AAHANAABwDQAAcAAAM+bW9vdgAAAGxtdmhkAAAAAN+jti7fo7YuAACsRAAADAAAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAdB0cmFrAAAAXHRraGQAAAAB36O2Lt+jti4AAAABAAAAAAAADAAAAAAAAAAAAAAAAAABAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAFsbWRpYQAAACBtZGhkAAAAAN+jti7fo7YuAACsRAAADABVxAAAAAAAMWhkbHIAAAAAAAAAAHNvdW4AAAAAAAAAAAAAAABDb3JlIE1lZGlhIEF1ZGlvAAAAARNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAANdzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAAABICAgBRAFAAYAAAA+gAAAPoABYCAgAISCAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAAADAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAwAAAAEAAAAgc3RzegAAAAAAAAAAAAAAAwAAAAQAAAAEAAAABAAAABRzdGNvAAAAAAAAAAEAAAAsAAAA+nVkdGEAAADybWV0YQAAAAAAAAAiaGRscgAAAAAAAAAAbWRpcgAAAAAAAAAAAAAAAAAAAAAAxGlsc3QAAAC8LS0tLQAAABxtZWFuAAAAAGNvbS5hcHBsZS5pVHVuZXMAAAAUbmFtZQAAAABpVHVuU01QQgAAAIRkYXRhAAAAAQAAAAAgMDAwMDAwMDAgMDAwMDA4NDAgMDAwMDAzQzAgMDAwMDAwMDAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMA=='
@@ -34,7 +34,7 @@ export function waitForBlankAudioGenerated() {
   return _waitForBlankAudioGenerated.apply(this, arguments);
 }
 function _waitForBlankAudioGenerated() {
-  _waitForBlankAudioGenerated = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  _waitForBlankAudioGenerated = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var checkInterval,
       timeout,
       startTime,
@@ -146,4 +146,4 @@ var IAudio = /*#__PURE__*/function (_Audio) {
     }
   }]);
   return IAudio;
-}(/*#__PURE__*/_wrapNativeSuper(Audio));
+}( /*#__PURE__*/_wrapNativeSuper(Audio));

package/lib/shared-utils/AudioLike.js

@@ -5,8 +5,8 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import { Subscribe } from '@realsee/five';
 import { requestAnimationFrameInterval } from "./animationFrame/index.js";
 /**

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

@@ -5,8 +5,8 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import * as TWEEN from '@tweenjs/tween.js';
 import { requestAnimationFrameInterval } from "./index.js";
 export var BetterTween = /*#__PURE__*/function (_TWEEN$Tween) {

package/lib/shared-utils/getMediaInfo.js

@@ -26,6 +26,7 @@ export default function getMediaInfo(fileUrl) {
     };
   });
 }
+
 export function getMediaType(url) {
   var fileExpandedName = getFileExpandedName(url);
   var type = getMediaTypeByExpandedName(fileExpandedName);

package/lib/typings/VreoUnit.js

@@ -17,45 +17,6 @@ export var VreoKeyframeEnum;
   VreoKeyframeEnum["Exit"] = "Exit";
   VreoKeyframeEnum["Custom"] = "Custom";
 })(VreoKeyframeEnum || (VreoKeyframeEnum = {}));
-/**
- * 剧本关键帧
- */
-/**
- * 虚拟视频角色
- */
-/**
- * 剧本结构
- */
-/**
- * 剧本事件
- */
-/**
- * 相机运动
- */
-/**
- * 提词器
- */
-/**
- * VR 全景切换
- */
-/**
- * 顶点
- */
-/**
- * 矩形顶点
- */
-/**
- * 顶点数组
- */
-/**
- * 视频广告
- */
-/**
- * 四元数
- */
-/**
- * 全景文本标签
- */
 /**
  * 全景标签枚举
  */
@@ -100,11 +61,4 @@ export var InfoPanelStyleEnum;
 (function (InfoPanelStyleEnum) {
   InfoPanelStyleEnum["Drawer"] = "Drawer";
   InfoPanelStyleEnum["PopUp"] = "PopUp";
-})(InfoPanelStyleEnum || (InfoPanelStyleEnum = {}));
-/**
- * 视频特效
- */
-/**
- * 背景音乐
- */
-/** 自定义序列帧 */
+})(InfoPanelStyleEnum || (InfoPanelStyleEnum = {}));

package/lib/typings/index.d.ts

@@ -0,0 +1 @@
+export * from './VreoUnit';

package/lib/typings/index.js

@@ -0,0 +1 @@
+export * from "./VreoUnit.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/vreo",
-  "version": "2.6.0",
+  "version": "2.6.1-alpha.2",
   "type": "module",
   "description": "Vreo (VR Video 缩写) 是基于如视三维渲染引擎 Five 和 用户界面构建库 React 实现的如视 3D 空间剧本播放器。",
   "keywords": [
@@ -71,9 +71,9 @@
   ],
   "scripts": {
     "dev": "vite --port=3088 --host 0.0.0.0",
-    "build": "tsc && vite build",
+    "build": "pnpm packages",
     "preview": "vite preview",
-    "docs": "npx typedoc && yarn run build",
+    "docs": "npx typedoc",
     "packages": "node ./dev-tools/build-packages.js",
     "postpublish": "cnpm sync @realsee/vreo"
   },
@@ -114,6 +114,5 @@
     "classnames": "^2.3.1",
     "mobx": "^6.3.7",
     "mobx-react": "^7.2.1"
-  },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  }
 }