@cloud-app-dev/vidc 4.0.1 → 4.0.3

package/es/Player/api/index.js

@@ -1,152 +1,110 @@
 import _nextTick from "@cloud-app-dev/utils/es/nextTick";
 import _useMemoizedFn from "ahooks/es/useMemoizedFn";
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 _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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) 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 _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, _toPropertyKey(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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { useEffect, useMemo, useState } from 'react';
 import { tryCatch } from "../../utils";
 import { createFlvPlayer, createHlsPlayer } from "../util";
-
 var Api = /*#__PURE__*/function () {
   function Api(container) {
     var _this = this;
-
     _classCallCheck(this, Api);
-
     _defineProperty(this, "container", void 0);
-
     _defineProperty(this, "play", function () {
       tryCatch(function () {
         var _this$video;
-
         return (_this$video = _this.video) === null || _this$video === void 0 ? void 0 : _this$video.play();
       });
     });
-
     _defineProperty(this, "pause", function () {
       var _this$video2;
-
       (_this$video2 = _this.video) === null || _this$video2 === void 0 ? void 0 : _this$video2.pause();
     });
-
     _defineProperty(this, "seekTo", function (seconds) {
       if (_this.video) {
         _this.video.currentTime = seconds;
       }
     });
-
     _defineProperty(this, "setVolume", function (fraction) {
       if (_this.video) {
         _this.video.volume = fraction;
       }
     });
-
     _defineProperty(this, "getVolume", function () {
       var _this$video3;
-
       return (_this$video3 = _this.video) === null || _this$video3 === void 0 ? void 0 : _this$video3.volume;
     });
-
     _defineProperty(this, "mute", function () {
       if (_this.video) {
         _this.video.muted = true;
       }
     });
-
     _defineProperty(this, "unmute", function () {
       if (_this.video) {
         _this.video.muted = false;
       }
     });
-
     _defineProperty(this, "requestPictureInPicture", function () {
       var _this$video4;
-
       (_this$video4 = _this.video) === null || _this$video4 === void 0 ? void 0 : _this$video4.requestPictureInPicture();
     });
-
     _defineProperty(this, "exitPictureInPicture", function () {
       if (document.exitPictureInPicture && document.pictureInPictureElement === _this.video) {
         document.exitPictureInPicture();
       }
     });
-
     _defineProperty(this, "setPlaybackRate", function (rate) {
       if (_this.video) {
         _this.video.playbackRate = rate;
       }
     });
-
     _defineProperty(this, "getDuration", function () {
       var _ref = _this.video || {},
-          duration = _ref.duration,
-          seekable = _ref.seekable;
-
+        duration = _ref.duration,
+        seekable = _ref.seekable;
       if (duration === Infinity && seekable && seekable.length > 0) {
         return seekable.end(seekable.length - 1);
       }
-
       return duration !== null && duration !== void 0 ? duration : 0;
     });
-
     _defineProperty(this, "getCurrentTime", function () {
       var _this$video$currentTi, _this$video5;
-
       return (_this$video$currentTi = (_this$video5 = _this.video) === null || _this$video5 === void 0 ? void 0 : _this$video5.currentTime) !== null && _this$video$currentTi !== void 0 ? _this$video$currentTi : 0;
     });
-
     _defineProperty(this, "getSecondsLoaded", function () {
       var _this$getBufferedTime;
-
       return (_this$getBufferedTime = _this.getBufferedTime()[1]) !== null && _this$getBufferedTime !== void 0 ? _this$getBufferedTime : 0;
     });
-
     _defineProperty(this, "getBufferedTime", function () {
       var _buffered$end, _buffered$start, _this$getDuration;
-
       var _ref2 = _this.video || {},
-          buffered = _ref2.buffered;
-
+        buffered = _ref2.buffered;
       if (buffered && buffered.length === 0) {
         return [0, 0];
       }
-
       var end = (_buffered$end = buffered === null || buffered === void 0 ? void 0 : buffered.end(buffered.length - 1)) !== null && _buffered$end !== void 0 ? _buffered$end : 0;
       var start = (_buffered$start = buffered === null || buffered === void 0 ? void 0 : buffered.start(buffered.length - 1)) !== null && _buffered$start !== void 0 ? _buffered$start : 0;
       var duration = (_this$getDuration = _this.getDuration()) !== null && _this$getDuration !== void 0 ? _this$getDuration : 0;
-
       if (end > duration) {
         return [start, duration];
       }
-
       return [start, end];
     });
-
     _defineProperty(this, "snapshot", function () {
       var _this$video$videoWidt, _this$video6, _this$video$videoHeig, _this$video7, _ctx;
-
       var canvas = document.createElement('canvas');
       var ctx = canvas.getContext('2d');
       canvas.width = (_this$video$videoWidt = (_this$video6 = _this.video) === null || _this$video6 === void 0 ? void 0 : _this$video6.videoWidth) !== null && _this$video$videoWidt !== void 0 ? _this$video$videoWidt : 0;
@@ -159,24 +117,16 @@ var Api = /*#__PURE__*/function () {
       }, 200);
       return canvas.toDataURL();
     });
-
     _defineProperty(this, "unload", function () {});
-
     _defineProperty(this, "reload", function () {});
-
     _defineProperty(this, "toggleFit", function () {});
-
     _defineProperty(this, "openFpsPlay", function () {});
-
     _defineProperty(this, "closeFpsPlay", function () {});
-
     _defineProperty(this, "destroy", function () {
       _this.container = null;
     });
-
     this.container = container;
   }
-
   _createClass(Api, [{
     key: "video",
     get: function get() {
@@ -186,64 +136,53 @@ var Api = /*#__PURE__*/function () {
     key: "paused",
     get: function get() {
       var _this$video8;
-
       return (_this$video8 = this.video) === null || _this$video8 === void 0 ? void 0 : _this$video8.paused;
     }
   }, {
     key: "muted",
     get: function get() {
       var _this$video9;
-
       return (_this$video9 = this.video) === null || _this$video9 === void 0 ? void 0 : _this$video9.muted;
     }
+
     /**
      * 设置currentTime实现seek
      * @param {*} seconds
      */
-
   }]);
-
   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];
-
+      type: '',
+      flv: undefined,
+      hls: undefined
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   useEffect(function () {
     var isReady = container && (url || type === 'flv' && segments);
-
     if (!isReady) {
       return undefined;
     }
-
     var video = container.querySelector('video');
     var options = {};
-
     switch (type) {
       case 'flv':
         options.type = 'flv';
         options.flv = createFlvPlayer(video, url, isLive, flvConfig);
         break;
-
       case 'hls':
         options.type = 'hls';
         options.hls = createHlsPlayer(video, url, isLive, hlsConfig);
         break;
-
       default:
         options.type = 'native';
         video === null || video === void 0 ? void 0 : video.setAttribute('src', url !== null && url !== void 0 ? url : '');
         break;
     }
-
     (video === null || video === void 0 ? void 0 : video.paused) && tryCatch(function () {
       return video === null || video === void 0 ? void 0 : video.play();
     });
@@ -253,38 +192,34 @@ export function useTypeAndPlay(url, type, isLive, container, segments, flvConfig
         options.flv.pause();
         tryCatch(function () {
           var _options$flv;
-
           return (_options$flv = options.flv) === null || _options$flv === void 0 ? void 0 : _options$flv.destroy();
         });
       } else if (options.hls) {
         video === null || video === void 0 ? void 0 : video.pause();
         tryCatch(function () {
           var _options$hls;
-
           return (_options$hls = options.hls) === null || _options$hls === void 0 ? void 0 : _options$hls.destroy();
         });
       } else {
         video === null || video === void 0 ? void 0 : video.pause();
         video === null || video === void 0 ? void 0 : video.removeAttribute('src');
       }
-
       setState({});
     };
   }, [url, container, segments, type, isLive, flvConfig, hlsConfig]);
   return [state.type, state.flv, state.hls];
-} //创建Api
+}
 
+//创建Api
 export function usePlayerApi(url, type, isLive, container, segments, flvConfig, hlsConfig) {
   var _useState3 = useState(undefined),
-      _useState4 = _slicedToArray(_useState3, 2),
-      api = _useState4[0],
-      setApi = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    api = _useState4[0],
+    setApi = _useState4[1];
   var _useState5 = useState(Date.now()),
-      _useState6 = _slicedToArray(_useState5, 2),
-      forceKey = _useState6[0],
-      setForceKey = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    forceKey = _useState6[0],
+    setForceKey = _useState6[1];
   var config = useMemo(function () {
     return {
       flvConfig: _objectSpread({}, flvConfig),
@@ -292,17 +227,14 @@ export function usePlayerApi(url, type, isLive, container, segments, flvConfig,
     };
   }, [forceKey]);
   var typePlay = useTypeAndPlay(url, type, isLive, container, segments, config.flvConfig, config.hlsConfig);
-
   var rePlay = _useMemoizedFn(function () {
     return setForceKey(Date.now());
   });
-
   useEffect(function () {
     if (!container) {
       console.debug('wait create api...');
       return undefined;
     }
-
     var api = new Api(container);
     setApi(api);
     return function () {

package/es/Player/contraller_bar/right_bar.js

@@ -1,37 +1,27 @@
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useContext } from 'react';
-import IconFont from "../iconfont";
-import Bar from "./bar";
 import useFullscreen from "../../useFullscreen";
 import { Context } from "../context";
+import IconFont from "../iconfont";
+import Bar from "./bar";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 function RightBar(_ref) {
   var rightExtContents = _ref.rightExtContents,
-      rightMidExtContents = _ref.rightMidExtContents;
-
+    rightMidExtContents = _ref.rightMidExtContents;
   var _useContext = useContext(Context),
-      container = _useContext.container;
-
+    container = _useContext.container;
   var _useFullscreen = useFullscreen(container),
-      _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
-      isFullScreen = _useFullscreen2[0],
-      _useFullscreen2$ = _useFullscreen2[1],
-      enterFullscreen = _useFullscreen2$.enterFullscreen,
-      exitFullscreen = _useFullscreen2$.exitFullscreen;
-
+    _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
+    isFullScreen = _useFullscreen2[0],
+    _useFullscreen2$ = _useFullscreen2[1],
+    enterFullscreen = _useFullscreen2$.enterFullscreen,
+    exitFullscreen = _useFullscreen2$.exitFullscreen;
   var fullscreen = isFullScreen ? exitFullscreen : enterFullscreen;
   return /*#__PURE__*/_jsxs("div", {
     className: "contraller-right-bar",
@@ -39,10 +29,9 @@ function RightBar(_ref) {
       children: /*#__PURE__*/_jsx(IconFont, {
         title: isFullScreen ? '窗口' : '全屏',
         onClick: fullscreen,
-        type: isFullScreen ? 'lm-player-ExitFull_Main' : 'lm-player-Full_Main'
+        type: isFullScreen ? 'lm-player-S_View_ScreenViewExit' : 'lm-player-S_View_ScreenViewFull'
       })
     }), rightExtContents]
   });
 }
-
 export default RightBar;

package/es/Player/demo.js

@@ -1,21 +1,15 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { Button, ConfigProvider, Input, Select } from 'antd';
 import moment from 'dayjs';
 import React, { useState } from 'react';
@@ -42,18 +36,16 @@ var options2 = [{
   value: 0,
   label: '录像'
 }];
-
 function Demo1() {
   var _useState = useState({
-    type: undefined,
-    isLive: 1,
-    url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
-    tempUrl: ''
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      type: undefined,
+      isLive: 1,
+      url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
+      tempUrl: ''
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   return /*#__PURE__*/_jsxs("div", {
     style: {
       width: '100%'
@@ -133,38 +125,35 @@ function Demo1() {
     })]
   });
 }
-
 var mm = moment().set('hours', 0).set('minutes', 0).set('seconds', 0);
 var m = mm.clone();
-
 function Demo2() {
   var _useState3 = useState({
-    isLive: 1,
-    segments: [{
-      beginTime: m.valueOf(),
-      endTime: m.set('minutes', 1).valueOf(),
-      url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'
-    }, {
-      beginTime: m.set('minutes', 1).valueOf(),
-      endTime: m.set('minutes', 2).valueOf()
-    }, {
-      beginTime: m.set('minutes', 2).valueOf(),
-      endTime: m.set('minutes', 3).valueOf(),
-      url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4?date=1'
-    }, {
-      beginTime: m.set('minutes', 3).valueOf(),
-      endTime: m.set('minutes', 4).valueOf()
-    }, {
-      beginTime: m.set('minutes', 4).valueOf(),
-      endTime: m.set('minutes', 5).valueOf(),
-      url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4?date=2'
-    }],
-    tempUrl: ''
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      state = _useState4[0],
-      setState = _useState4[1];
-
+      isLive: 1,
+      segments: [{
+        beginTime: m.valueOf(),
+        endTime: m.set('minutes', 1).valueOf(),
+        url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'
+      }, {
+        beginTime: m.set('minutes', 1).valueOf(),
+        endTime: m.set('minutes', 2).valueOf()
+      }, {
+        beginTime: m.set('minutes', 2).valueOf(),
+        endTime: m.set('minutes', 3).valueOf(),
+        url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4?date=1'
+      }, {
+        beginTime: m.set('minutes', 3).valueOf(),
+        endTime: m.set('minutes', 4).valueOf()
+      }, {
+        beginTime: m.set('minutes', 4).valueOf(),
+        endTime: m.set('minutes', 5).valueOf(),
+        url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4?date=2'
+      }],
+      tempUrl: ''
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    state = _useState4[0],
+    setState = _useState4[1];
   return /*#__PURE__*/_jsxs("div", {
     style: {
       width: '100%',
@@ -213,18 +202,16 @@ function Demo2() {
     })]
   });
 }
-
 function Demo3() {
   var _useState5 = useState({
-    url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
-    tempUrl: '',
-    begin: 1652889636000,
-    end: 1652890200000
-  }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      state = _useState6[0],
-      setState = _useState6[1];
-
+      url: 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4',
+      tempUrl: '',
+      begin: 1652889636000,
+      end: 1652890200000
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    state = _useState6[0],
+    setState = _useState6[1];
   return /*#__PURE__*/_jsxs("div", {
     style: {
       width: '600px',
@@ -281,12 +268,10 @@ function Demo3() {
     })]
   });
 }
-
 var App = function App() {
   return /*#__PURE__*/_jsxs(ConfigProvider, {
     prefixCls: "cloudapp",
     children: [/*#__PURE__*/_jsx(Demo1, {}), /*#__PURE__*/_jsx(Demo2, {}), /*#__PURE__*/_jsx(Demo3, {})]
   });
 };
-
 export default App;