@cloud-app-dev/vidc 2.1.0-alpha.8 → 2.2.0-alpha.2

package/es/Player/api/index.js

@@ -0,0 +1,284 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+import { useEffect, useState } from 'react';
+import { fullscreen, isFullscreen, exitFullscreen, createFlvPlayer, createHlsPlayer } from '../util';
+
+var Api = /*#__PURE__*/function () {
+  function Api(container) {
+    var _this = this;
+
+    _classCallCheck(this, Api);
+
+    /**
+     * 全屏
+     */
+    this.requestFullScreen = function () {
+      if (!isFullscreen(_this.container)) {
+        fullscreen(_this.container);
+      }
+    };
+    /**
+     * 退出全屏
+     */
+
+
+    this.cancelFullScreen = function () {
+      if (isFullscreen(_this.container)) {
+        exitFullscreen();
+      }
+    };
+
+    this.play = function () {
+      if (_this.video.paused) {
+        _this.video.play();
+      }
+    };
+
+    this.pause = function () {
+      _this.video.pause();
+    };
+    /**
+     * 设置currentTime实现seek
+     * @param {*} seconds
+     * @param {*} noEmit
+     */
+
+
+    this.seekTo = function (seconds) {
+      _this.video.currentTime = seconds;
+    };
+
+    this.setVolume = function (fraction) {
+      _this.video.volume = fraction;
+    };
+
+    this.mute = function () {
+      _this.video.muted = true;
+    };
+
+    this.unmute = function () {
+      _this.video.muted = false;
+    };
+    /**
+     * 开启画中画功能
+     */
+
+
+    this.requestPictureInPicture = function () {
+      _this.video.requestPictureInPicture();
+    };
+    /**
+     * 关闭画中画功能
+     */
+
+
+    this.exitPictureInPicture = function () {
+      if (document.exitPictureInPicture && document.pictureInPictureElement === _this.video) {
+        document.exitPictureInPicture();
+      }
+    };
+    /**
+     * 设置播放速率
+     * @param {*} rate
+     */
+
+
+    this.setPlaybackRate = function (rate) {
+      _this.video.playbackRate = rate;
+    };
+    /**
+     * 获取视频总时长
+     */
+
+
+    this.getDuration = function () {
+      var _this$video = _this.video,
+          duration = _this$video.duration,
+          seekable = _this$video.seekable;
+
+      if (duration === Infinity && seekable.length > 0) {
+        return seekable.end(seekable.length - 1);
+      }
+
+      return duration;
+    };
+    /**
+     * 获取当前播放时间
+     */
+
+
+    this.getCurrentTime = function () {
+      return _this.video.currentTime;
+    };
+    /**
+     * 获取缓存时间
+     */
+
+
+    this.getSecondsLoaded = function () {
+      return _this.getBufferedTime()[1];
+    };
+    /**
+     * 获取当前视频缓存的起止时间
+     */
+
+
+    this.getBufferedTime = function () {
+      var buffered = _this.video.buffered;
+
+      if (buffered.length === 0) {
+        return [0, 0];
+      }
+
+      var end = buffered.end(buffered.length - 1);
+      var start = buffered.start(buffered.length - 1);
+
+      var duration = _this.getDuration();
+
+      if (end > duration) {
+        return duration;
+      }
+
+      return [start, end];
+    };
+    /**
+     * 视频截屏方法
+     */
+
+
+    this.snapshot = function () {
+      var canvas = document.createElement('canvas');
+      var ctx = canvas.getContext('2d');
+      canvas.width = _this.video.videoWidth;
+      canvas.height = _this.video.videoHeight;
+      ctx.drawImage(_this.video, 0, 0, canvas.width, canvas.height);
+      setTimeout(function () {
+        canvas.remove();
+        canvas = null;
+        ctx = null;
+      }, 200);
+      return canvas.toDataURL();
+    };
+
+    this.unload = function () {};
+
+    this.reload = function () {};
+
+    this.destroy = function () {
+      _this.container = null;
+    };
+
+    this.container = container;
+  }
+
+  _createClass(Api, [{
+    key: "video",
+    get: function get() {
+      return this.container.querySelector('video');
+    }
+  }]);
+
+  return Api;
+}(); // 创建播放介质
+
+
+export function useTypeAndPlay(url, type, isLive, container, segments, flvConfig, hlsConfig) {
+  var _useState = useState({
+    type: '',
+    flv: undefined,
+    hls: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  useEffect(function () {
+    if (!container) {
+      return undefined;
+    }
+
+    var video = container.querySelector('video');
+    var options = {};
+
+    if (type === 'flv') {
+      if (!(url || segments)) {
+        return undefined;
+      }
+
+      options.type = 'flv';
+      options.flv = createFlvPlayer(video, url, isLive, flvConfig);
+    }
+
+    if (type === 'hls') {
+      if (!url) {
+        return undefined;
+      }
+
+      options.type = 'hls';
+      options.hls = createHlsPlayer(video, url, hlsConfig);
+    }
+
+    if (url && type === 'native') {
+      options.type = 'native';
+      video.setAttribute('src', url);
+    }
+
+    try {
+      video.play();
+    } catch (_) {}
+
+    setState(options);
+    return function () {
+      if (options.flv) {
+        options.flv.destroy();
+      }
+
+      if (options.hls) {
+        options.hls.destroy();
+      }
+
+      video.removeAttribute('src');
+      setState({});
+    };
+  }, [url, container, segments]);
+  return [state.type, state.flv, state.hls];
+} //创建Api
+
+export function usePlayerApi(url, type, isLive, container, segments, flvConfig, hlsConfig) {
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      api = _useState4[0],
+      setApi = _useState4[1];
+
+  var typePlay = useTypeAndPlay(url, type, isLive, container, segments, flvConfig, hlsConfig);
+  useEffect(function () {
+    if (!container) {
+      console.debug('wait create api...');
+      return undefined;
+    }
+
+    var api = new Api(container);
+    setApi(api);
+    return function () {
+      return api.destroy();
+    };
+  }, [container, segments]);
+  return [api, typePlay];
+}
+export default Api;

package/es/Player/contraller_bar/bar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IBarProps extends React.HTMLAttributes<HTMLSpanElement> {
+    visibel?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function Bar({ visibel, className, children, ...props }: IBarProps): JSX.Element;
+export default Bar;

package/es/Player/contraller_bar/bar.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import React from 'react';
+
+function Bar(_a) {
+  var _a$visibel = _a.visibel,
+      visibel = _a$visibel === void 0 ? true : _a$visibel,
+      _a$className = _a.className,
+      className = _a$className === void 0 ? '' : _a$className,
+      children = _a.children,
+      props = __rest(_a, ["visibel", "className", "children"]);
+
+  if (visibel === false) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement("span", Object.assign({
+    className: "contraller-bar-item ".concat(className)
+  }, props), children);
+}
+
+export default Bar;

package/es/Player/contraller_bar/contraller_event.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import VideoEventInstance from '../event';
+interface IContrallerEventProps {
+    event?: VideoEventInstance;
+    container?: HTMLElement;
+    children?: React.ReactNode;
+}
+declare function ContrallerEvent({ event, container, children }: IContrallerEventProps): JSX.Element;
+export default ContrallerEvent;

package/es/{RefModal/index.js → Player/contraller_bar/contraller_event.js}

@@ -10,64 +10,49 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useContext, useImperativeHandle, useMemo, useState } from 'react';
-import Modal from '../Modal';
-import ConfigContext from '../ConfigContext';
+import React, { useEffect, useState, useRef } from 'react';
+import EventName from '../event/eventName';
 
-function RefModal(_, ref) {
-  var context = useContext(ConfigContext.Context);
-  var root = useMemo(function () {
-    return (context === null || context === void 0 ? void 0 : context.root) || document.body;
-  }, [context === null || context === void 0 ? void 0 : context.root]);
+function ContrallerEvent(_ref) {
+  var event = _ref.event,
+      container = _ref.container,
+      children = _ref.children;
+  var timer = useRef(null);
 
-  var _useState = useState({
-    content: null,
-    visible: false,
-    title: '',
-    onOk: undefined,
-    width: undefined,
-    className: undefined
-  }),
+  var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var open = function open(options) {
-    setState(function (old) {
-      return Object.assign(Object.assign(Object.assign({}, old), options), {
-        visible: true
-      });
-    });
-  };
-
-  var close = function close() {
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        visible: false
-      });
-    });
-  };
+      visibel = _useState2[0],
+      setVisibel = _useState2[1];
+
+  useEffect(function () {
+    var showContraller = function showContraller() {
+      clearTimeout(timer.current);
+      setVisibel(true);
+      event.emit(EventName.SHOW_CONTRALLER);
+    };
 
-  useImperativeHandle(ref, function () {
-    return {
-      open: open,
-      close: close
+    var hideContraller = function hideContraller() {
+      clearTimeout(timer.current);
+      timer.current = setTimeout(function () {
+        setVisibel(false);
+        event.emit(EventName.HIDE_CONTRALLER);
+      }, 3 * 1000);
+    }; // 默认执行延时hide
+
+
+    hideContraller();
+    container.addEventListener('mouseenter', showContraller, false);
+    container.addEventListener('mouseleave', hideContraller, false);
+    return function () {
+      container.removeEventListener('mouseenter', showContraller, false);
+      container.removeEventListener('mouseleave', hideContraller, false);
     };
-  }, [state]);
-  return /*#__PURE__*/React.createElement(Modal, {
-    okText: "\u786E\u5B9A",
-    cancelText: "\u53D6\u6D88",
-    visible: state.visible,
-    onOk: state.onOk,
-    onCancel: close,
-    destroyOnClose: true,
-    title: state.title,
-    width: state.width,
-    className: state.className,
-    getContainer: function getContainer() {
-      return root;
-    }
-  }, state.content);
+  }, [event]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, React.Children.map(children, function (child) {
+    return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
+      visibel: visibel
+    }) : child;
+  }));
 }
 
-export default /*#__PURE__*/React.forwardRef(RefModal);
+export default ContrallerEvent;

package/es/Player/contraller_bar/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type Api from '../api';
+import type VideoEventInstance from '../event';
+import '../style/bar.less';
+interface IContrallerBarProps {
+    container?: HTMLElement;
+    rightExtContents: React.ReactNode;
+    rightMidExtContents: React.ReactNode;
+    visibel?: boolean;
+    api: Api;
+    event: VideoEventInstance;
+    isLive?: boolean;
+    leftExtContents: React.ReactNode;
+    leftMidExtContents: React.ReactNode;
+    reload: () => void;
+    hideTimeProgress?: boolean;
+}
+declare function ContrallerBar({ container, rightExtContents, rightMidExtContents, visibel, api, event, isLive, leftExtContents, leftMidExtContents, reload, hideTimeProgress, }: IContrallerBarProps): JSX.Element;
+export default ContrallerBar;

package/es/Player/contraller_bar/index.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import LeftBar from './left_bar';
+import RightBar from './right_bar';
+import "../style/bar.css";
+
+function ContrallerBar(_ref) {
+  var container = _ref.container,
+      rightExtContents = _ref.rightExtContents,
+      rightMidExtContents = _ref.rightMidExtContents,
+      visibel = _ref.visibel,
+      api = _ref.api,
+      event = _ref.event,
+      isLive = _ref.isLive,
+      leftExtContents = _ref.leftExtContents,
+      leftMidExtContents = _ref.leftMidExtContents,
+      reload = _ref.reload,
+      hideTimeProgress = _ref.hideTimeProgress;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "contraller-bar-layout ".concat(!visibel ? 'hide-contraller-bar' : '')
+  }, /*#__PURE__*/React.createElement(LeftBar, {
+    hideTimeProgress: hideTimeProgress,
+    api: api,
+    reload: reload,
+    event: event,
+    container: container,
+    isLive: isLive,
+    leftMidExtContents: leftMidExtContents,
+    leftExtContents: leftExtContents
+  }), /*#__PURE__*/React.createElement(RightBar, {
+    api: api,
+    container: container,
+    rightExtContents: rightExtContents,
+    rightMidExtContents: rightMidExtContents
+  })));
+}
+
+export default ContrallerBar;

package/es/Player/contraller_bar/left_bar.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import Api from '../api';
+import VideoEventInstance from '../event';
+interface ILeftBarProps {
+    api: Api;
+    event: VideoEventInstance;
+    container: HTMLElement;
+    isLive: boolean;
+    leftExtContents?: React.ReactNode;
+    leftMidExtContents?: React.ReactNode;
+    reload: () => void;
+    hideTimeProgress?: boolean;
+}
+declare function LeftBar({ api, event, container, isLive, reload, leftExtContents, leftMidExtContents, hideTimeProgress }: ILeftBarProps): JSX.Element;
+export default LeftBar;

package/es/Player/contraller_bar/left_bar.js

@@ -0,0 +1,91 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState, useEffect, useCallback, useMemo } from 'react';
+import IconFont from '../iconfont';
+import Bar from './bar';
+import { useTimes } from '../timeline';
+import { timeStamp } from '../util';
+
+function LeftBar(_ref) {
+  var api = _ref.api,
+      event = _ref.event,
+      container = _ref.container,
+      isLive = _ref.isLive,
+      reload = _ref.reload,
+      leftExtContents = _ref.leftExtContents,
+      leftMidExtContents = _ref.leftMidExtContents,
+      hideTimeProgress = _ref.hideTimeProgress;
+
+  var _useState = useState(Date.now()),
+      _useState2 = _slicedToArray(_useState, 2),
+      dep = _useState2[0],
+      setDep = _useState2[1];
+
+  useEffect(function () {
+    var updateRender = function updateRender() {
+      return setDep(Date.now());
+    };
+
+    event.addEventListener('play', updateRender);
+    event.addEventListener('pause', updateRender);
+    event.addEventListener('volumechange', updateRender);
+    return function () {
+      event.removeEventListener('play', updateRender);
+      event.removeEventListener('pause', updateRender);
+      event.removeEventListener('volumechange', updateRender);
+    };
+  }, [event]);
+  var video = container.querySelector('video'); //缓存值
+
+  var paused = useMemo(function () {
+    return video === null || video === void 0 ? void 0 : video.paused;
+  }, [dep, video]);
+  var statusIconClassName = useMemo(function () {
+    return paused ? 'lm-player-Play_Main' : 'lm-player-Pause_Main';
+  }, [paused]);
+  var statusText = useMemo(function () {
+    return paused ? '播放' : '暂停';
+  }, [paused]);
+
+  var _useTimes = useTimes(api, event, hideTimeProgress),
+      _useTimes2 = _slicedToArray(_useTimes, 3),
+      current = _useTimes2[0],
+      _ = _useTimes2[1],
+      duration = _useTimes2[2]; //TODO 方法
+
+
+  var changePlayStatus = useCallback(function () {
+    if (video === null || video === void 0 ? void 0 : video.paused) {
+      var buffered = api.getSecondsLoaded();
+      api.seekTo(buffered - 1);
+      api.play();
+    } else {
+      api.pause();
+    }
+  }, [video, api, isLive]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "contraller-left-bar"
+  }, leftExtContents, /*#__PURE__*/React.createElement(Bar, null, /*#__PURE__*/React.createElement(IconFont, {
+    onClick: changePlayStatus,
+    type: statusIconClassName,
+    title: statusText
+  })), !isLive && !hideTimeProgress && /*#__PURE__*/React.createElement("span", {
+    className: "video-time-progress"
+  }, timeStamp(current), "/", timeStamp(duration || 0)), /*#__PURE__*/React.createElement(Bar, null, /*#__PURE__*/React.createElement(IconFont, {
+    onClick: reload,
+    type: "lm-player-Refresh_Main",
+    title: "\u91CD\u8F7D"
+  })), leftMidExtContents);
+}
+
+export default LeftBar;

package/es/Player/contraller_bar/right_bar.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import Api from '../api';
+interface IRightBarProps {
+    container?: HTMLElement;
+    visibel?: boolean;
+    api: Api;
+    video?: HTMLVideoElement;
+    isLive?: boolean;
+    rightExtContents: React.ReactNode;
+    rightMidExtContents: React.ReactNode;
+}
+declare function RightBar({ container, api, rightExtContents, rightMidExtContents }: IRightBarProps): JSX.Element;
+export default RightBar;

package/es/Player/contraller_bar/right_bar.js

@@ -0,0 +1,55 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState, useMemo, useEffect, useCallback } from 'react';
+import IconFont from '../iconfont';
+import Bar from './bar';
+import { isFullscreen } from '../util';
+
+function RightBar(_ref) {
+  var container = _ref.container,
+      api = _ref.api,
+      rightExtContents = _ref.rightExtContents,
+      rightMidExtContents = _ref.rightMidExtContents;
+
+  var _useState = useState(Date.now()),
+      _useState2 = _slicedToArray(_useState, 2),
+      dep = _useState2[0],
+      setDep = _useState2[1];
+
+  useEffect(function () {
+    var update = function update() {
+      return setDep(Date.now());
+    };
+
+    document.addEventListener('fullscreenchange', update);
+    return function () {
+      return document.removeEventListener('fullscreenchange', update);
+    };
+  }, []);
+  var isfull = useMemo(function () {
+    return isFullscreen(container);
+  }, [dep, container]);
+  var fullscreen = useCallback(function () {
+    !isFullscreen(container) ? api.requestFullScreen() : api.cancelFullScreen();
+    setDep(Date.now());
+  }, [api, container]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "contraller-right-bar"
+  }, rightMidExtContents, /*#__PURE__*/React.createElement(Bar, null, /*#__PURE__*/React.createElement(IconFont, {
+    title: isfull ? '窗口' : '全屏',
+    onClick: fullscreen,
+    type: isfull ? 'lm-player-ExitFull_Main' : 'lm-player-Full_Main'
+  })), rightExtContents);
+}
+
+export default RightBar;

package/es/Player/contraller_bar/useBarStatus.d.ts

@@ -0,0 +1,3 @@
+import type VideoEventInstance from '../event';
+declare function useBarStatus(event: VideoEventInstance): number;
+export default useBarStatus;