@cloud-app-dev/vidc 4.0.1 → 4.0.2

package/es/Player/single_player.js

@@ -1,31 +1,24 @@
+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); }
 import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _useMemoizedFn from "ahooks/es/useMemoizedFn";
 import _useLatest from "ahooks/es/useLatest";
 import _useToggle3 from "ahooks/es/useToggle";
+import _cache from "@cloud-app-dev/utils/es/cache";
 var _excluded = ["className", "url", "type", "hideContrallerBar", "isLive", "errorReloadTimer", "children", "onCanPlayerInit", "extActions"];
-
 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; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
+import { Watermark } from 'antd';
 import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { usePlayerApi } from "./api";
 import { Provider } from "./context";
@@ -43,106 +36,104 @@ import { getVideoType, playUnload } from "./util";
 import "./style/index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+var WatermarkConfig = _cache.getCache('WatermarkConfig', 'session');
 var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref) {
   var _props$reload;
-
   var className = _ref.className,
-      url = _ref.url,
-      type = _ref.type,
-      hideContrallerBar = _ref.hideContrallerBar,
-      isLive = _ref.isLive,
-      errorReloadTimer = _ref.errorReloadTimer,
-      children = _ref.children,
-      onCanPlayerInit = _ref.onCanPlayerInit,
-      extActions = _ref.extActions,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    url = _ref.url,
+    type = _ref.type,
+    hideContrallerBar = _ref.hideContrallerBar,
+    isLive = _ref.isLive,
+    errorReloadTimer = _ref.errorReloadTimer,
+    children = _ref.children,
+    onCanPlayerInit = _ref.onCanPlayerInit,
+    extActions = _ref.extActions,
+    props = _objectWithoutProperties(_ref, _excluded);
   var autoPlay = props.autoPlay,
-      preload = props.preload,
-      muted = props.muted,
-      poster = props.poster,
-      playsInline = props.playsInline,
-      loop = props.loop;
+    preload = props.preload,
+    muted = props.muted,
+    poster = props.poster,
+    playsInline = props.playsInline,
+    loop = props.loop;
   var rightExtContents = props.rightExtContents,
-      rightMidExtContents = props.rightMidExtContents,
-      leftExtContents = props.leftExtContents,
-      leftMidExtContents = props.leftMidExtContents,
-      customTimeLine = props.customTimeLine;
+    rightMidExtContents = props.rightMidExtContents,
+    leftExtContents = props.leftExtContents,
+    leftMidExtContents = props.leftMidExtContents,
+    customTimeLine = props.customTimeLine;
   var flvConfig = props.flvConfig,
-      hlsConfig = props.hlsConfig,
-      videoEvents = props.videoEvents,
-      playerEvents = props.playerEvents,
-      oneFpsPlay = props.oneFpsPlay,
-      fpsDelay = props.fpsDelay,
-      fps = props.fps;
-
+    hlsConfig = props.hlsConfig,
+    videoEvents = props.videoEvents,
+    playerEvents = props.playerEvents,
+    oneFpsPlay = props.oneFpsPlay,
+    fpsDelay = props.fpsDelay,
+    fps = props.fps;
   var _useState = useState({
-    container: undefined,
-    isFpsPlay: false
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      container: undefined,
+      isFpsPlay: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var _useToggle = _useToggle3('contain', 'fill'),
-      _useToggle2 = _slicedToArray(_useToggle, 2),
-      fit = _useToggle2[0],
-      toggle = _useToggle2[1].toggle; // 视频格式判断，外部可以强制指定，也可以通过url自动判断
-
+    _useToggle2 = _slicedToArray(_useToggle, 2),
+    fit = _useToggle2[0],
+    toggle = _useToggle2[1].toggle;
 
+  // 视频格式判断，外部可以强制指定，也可以通过url自动判断
   var vType = useMemo(function () {
     return type || getVideoType(url);
   }, [url, type]);
   var domRef = useRef(null);
   var video = useMemo(function () {
     var _state$container$quer;
-
     return state.container ? (_state$container$quer = state.container.querySelector('video')) !== null && _state$container$quer !== void 0 ? _state$container$quer : undefined : undefined;
-  }, [state.container]); // 生成事件对象
+  }, [state.container]);
 
-  var event = usePlayerEvent(video); // 注册外部自定义事件
+  // 生成事件对象
+  var event = usePlayerEvent(video);
 
+  // 注册外部自定义事件
   useVideoEvents(event, videoEvents);
   useRegisterPlayerEvents(event, playerEvents);
-
   var _usePlayerApi = usePlayerApi(url, vType, isLive, state.container, flvConfig === null || flvConfig === void 0 ? void 0 : flvConfig.mediaDataSource.segments, flvConfig, hlsConfig),
-      _usePlayerApi2 = _slicedToArray(_usePlayerApi, 3),
-      api = _usePlayerApi2[0],
-      _usePlayerApi2$ = _slicedToArray(_usePlayerApi2[1], 3),
-      flv = _usePlayerApi2$[1],
-      hls = _usePlayerApi2$[2],
-      rePlay = _usePlayerApi2[2]; // 判断是否有链接传入
-
-
+    _usePlayerApi2 = _slicedToArray(_usePlayerApi, 3),
+    api = _usePlayerApi2[0],
+    _usePlayerApi2$ = _slicedToArray(_usePlayerApi2[1], 3),
+    flv = _usePlayerApi2$[1],
+    hls = _usePlayerApi2$[2],
+    rePlay = _usePlayerApi2[2];
+
+  // 判断是否有链接传入
   var hasLink = useMemo(function () {
     return !!url || !!(flvConfig !== null && flvConfig !== void 0 && flvConfig.mediaDataSource.segments) && vType === 'flv';
   }, [url, flvConfig === null || flvConfig === void 0 ? void 0 : flvConfig.mediaDataSource.segments, vType]);
-
   var hlsRef = _useLatest(hls);
+  var flvRef = _useLatest(flv);
 
-  var flvRef = _useLatest(flv); // 存储容器
-
-
+  // 存储容器
   useEffect(function () {
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
         container: domRef.current
       });
     });
-  }, []); // url 变化清理错误次数
+  }, []);
 
+  // url 变化清理错误次数
   useEffect(function () {
-    event === null || event === void 0 ? void 0 : event.emit(EventName.CLEAR_ERROR_TIMER); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [url]); // 特殊接口实现 reload是可能被重写的,但是API只暴露原生的方法
+    event === null || event === void 0 ? void 0 : event.emit(EventName.CLEAR_ERROR_TIMER);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [url]);
 
+  // 特殊接口实现 reload是可能被重写的,但是API只暴露原生的方法
   var reload = _useMemoizedFn(function () {
-    rePlay(); // playReload(video, event, flvRef.current, hlsRef.current, url);
+    rePlay();
+    // playReload(video, event, flvRef.current, hlsRef.current, url);
   });
 
   var unload = _useMemoizedFn(function () {
     return playUnload(video, flvRef.current, hlsRef.current);
   });
-
   var openFpsPlay = _useMemoizedFn(function () {
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
@@ -151,7 +142,6 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref
     });
     api === null || api === void 0 ? void 0 : api.pause();
   });
-
   var closeFpsPlay = _useMemoizedFn(function () {
     setState(function (old) {
       return _objectSpread(_objectSpread({}, old), {}, {
@@ -159,14 +149,13 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref
       });
     });
     api === null || api === void 0 ? void 0 : api.play();
-  }); // 合并api,加上代理
-
+  });
 
+  // 合并api,加上代理
   var playApi = useMemo(function () {
     if (!api) {
       return undefined;
     }
-
     var map = _objectSpread({
       reload: reload,
       unload: unload,
@@ -174,24 +163,23 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref
       openFpsPlay: openFpsPlay,
       closeFpsPlay: closeFpsPlay
     }, extActions);
-
     return new Proxy(api, {
       get: function get(target, key) {
         var _map$key;
-
         return (_map$key = map[key]) !== null && _map$key !== void 0 ? _map$key : target[key];
       },
       set: function set() {
         return true;
       }
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [api]); // 代理Event
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [api]);
 
+  // 代理Event
   var playEvent = useMemo(function () {
     if (!event) {
       return undefined;
     }
-
     return new Proxy(event, {
       get: function get(target, key) {
         return target[key];
@@ -200,8 +188,9 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref
         return true;
       }
     });
-  }, [event]); // ref暴露接口
+  }, [event]);
 
+  // ref暴露接口
   useImperativeHandle(ref, function () {
     return {
       video: video,
@@ -211,14 +200,14 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref
       plugins: [flvRef.current, hlsRef.current],
       fit: fit
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [video, state.container, playApi, playEvent, fit]);
-
   _useUpdateEffect(function () {
     return api && event && video ? onCanPlayerInit === null || onCanPlayerInit === void 0 ? void 0 : onCanPlayerInit() : undefined;
-  }, [api, event, video]); // 补货视频错误，自定义处理
-
+  }, [api, event, video]);
 
+  // 补货视频错误，自定义处理
   useErrorEvent({
     unload: unload,
     flv: flvRef.current,
@@ -226,8 +215,9 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref
     event: event,
     reload: reload,
     errorReloadTimer: errorReloadTimer
-  }); // 直播缓冲追回
+  });
 
+  // 直播缓冲追回
   useLiveHeart({
     api: api,
     event: event,
@@ -258,26 +248,28 @@ var SinglePlayer = /*#__PURE__*/React.forwardRef(function SinglePlayer(_ref, ref
     container: state.container,
     isLive: isLive,
     isFpsPlay: state.isFpsPlay,
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "lm-player-container ".concat(className),
-      ref: domRef,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "player-mask-layout",
-        children: [/*#__PURE__*/_jsx("video", _objectSpread(_objectSpread({}, videoProps), {}, {
-          style: {
-            objectFit: fit,
-            visibility: state.isFpsPlay ? 'hidden' : 'unset'
-          }
-        })), hasApiEventInit && hasLink && state.isFpsPlay ? /*#__PURE__*/_jsx(FPSPlay, {
-          fps: fps,
-          event: event,
-          api: playApi,
-          fpsDelay: fpsDelay
-        }) : /*#__PURE__*/_jsx(Empty, {})]
-      }), hasApiEventInit && hasLink ? /*#__PURE__*/_jsx(VideoMessage, {}) : /*#__PURE__*/_jsx(Empty, {}), hasApiEventInit && hasLink && !hideContrallerBar ? /*#__PURE__*/_jsx(ContrallerEvent, {
-        children: /*#__PURE__*/_jsx(ContrallerBar, _objectSpread({}, contrallerProps))
-      }) : /*#__PURE__*/_jsx(Empty, {}), hasApiEventInit ? customTimeLine ? customTimeLine : !hideContrallerBar ? /*#__PURE__*/_jsx(Timeline, {}) : /*#__PURE__*/_jsx(Empty, {}) : /*#__PURE__*/_jsx(Empty, {}), children]
-    })
+    children: /*#__PURE__*/_jsx(Watermark, _objectSpread(_objectSpread({}, WatermarkConfig), {}, {
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "lm-player-container ".concat(className),
+        ref: domRef,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "player-mask-layout",
+          children: [/*#__PURE__*/_jsx("video", _objectSpread(_objectSpread({}, videoProps), {}, {
+            style: {
+              objectFit: fit,
+              visibility: state.isFpsPlay ? 'hidden' : 'unset'
+            }
+          })), hasApiEventInit && hasLink && state.isFpsPlay ? /*#__PURE__*/_jsx(FPSPlay, {
+            fps: fps,
+            event: event,
+            api: playApi,
+            fpsDelay: fpsDelay
+          }) : /*#__PURE__*/_jsx(Empty, {})]
+        }), hasApiEventInit && hasLink ? /*#__PURE__*/_jsx(VideoMessage, {}) : /*#__PURE__*/_jsx(Empty, {}), hasApiEventInit && hasLink && !hideContrallerBar ? /*#__PURE__*/_jsx(ContrallerEvent, {
+          children: /*#__PURE__*/_jsx(ContrallerBar, _objectSpread({}, contrallerProps))
+        }) : /*#__PURE__*/_jsx(Empty, {}), hasApiEventInit ? customTimeLine ? customTimeLine : !hideContrallerBar ? /*#__PURE__*/_jsx(Timeline, {}) : /*#__PURE__*/_jsx(Empty, {}) : /*#__PURE__*/_jsx(Empty, {}), children]
+      })
+    }))
   });
 });
 SinglePlayer.defaultProps = {

package/es/Player/util.js

@@ -1,14 +1,13 @@
+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); }
 import Flvjs from '@cloud-app-dev/mpegts.js';
 import Hls from 'hls.js';
 import { tryCatch } from "../utils";
 import Events from "./event/eventName";
-
 /**
  * 创建HLS对象
  * @param {*} video
@@ -18,7 +17,6 @@ export function createHlsPlayer(video, url, isLive, hlsConfig) {
   if (!Hls.isSupported() || !url) {
     return undefined;
   }
-
   var player = new Hls(_objectSpread({
     liveDurationInfinity: isLive,
     enableWorker: true
@@ -27,37 +25,34 @@ export function createHlsPlayer(video, url, isLive, hlsConfig) {
   player.attachMedia(video);
   return player;
 }
+
 /**
  * 创建FLV对象
  * @param {*} video
  * @param {*} options
  */
-
 export function createFlvPlayer(video, url, isLive, flvConfig) {
   if (!Flvjs.isSupported() || !url) {
     return undefined;
   }
-
   Flvjs.LoggingControl.enableDebug = false;
   Flvjs.LoggingControl.enableVerbose = false;
   Flvjs.LoggingControl.enableWarn = false;
-
   var mediaDataSource = _objectSpread({
     type: 'flv',
     url: url
   }, flvConfig === null || flvConfig === void 0 ? void 0 : flvConfig.mediaDataSource);
-
   var config = _objectSpread({
     enableWorker: true,
     isLive: isLive !== null && isLive !== void 0 ? isLive : true,
     enableStashBuffer: !isLive
   }, flvConfig === null || flvConfig === void 0 ? void 0 : flvConfig.config);
-
   var player = Flvjs.createPlayer(mediaDataSource, config);
   player.attachMediaElement(video);
   player.load();
   return player;
 }
+
 /**
  * video unload
  * @param video
@@ -65,26 +60,22 @@ export function createFlvPlayer(video, url, isLive, flvConfig) {
  * @param hls
  * @returns
  */
-
 export var playUnload = function playUnload(video, flv, hls) {
   if (!video) {
     return;
   }
-
   video.pause();
-
   if (flv) {
     flv.unload();
     return;
   }
-
   if (hls) {
     hls.stopLoad();
     return;
   }
-
   video.removeAttribute('src');
 };
+
 /**
  * reload
  * @param video
@@ -93,21 +84,17 @@ export var playUnload = function playUnload(video, flv, hls) {
  * @param hls
  * @param url
  */
-
 export var playReload = function playReload(video, event, flv, hls, url) {
   if (!video || !event) {
     return undefined;
   }
-
   playUnload(video, flv, hls);
-
   if (flv) {
     tryCatch(function () {
       flv.load();
       flv.play();
     });
   }
-
   if (hls && url) {
     tryCatch(function () {
       hls.swapAudioCodec();
@@ -117,26 +104,23 @@ export var playReload = function playReload(video, event, flv, hls, url) {
       video.play();
     });
   }
-
   if (!flv && !hls && url) {
     video.setAttribute('src', url);
     tryCatch(function () {
       return video.play();
     });
   }
-
   event.emit(Events.RELOAD);
 };
+
 /**
  * 获取播放文件类型
  * @param {*} url
  */
-
 export function getVideoType(url) {
   if (!url) {
     return 'native';
   }
-
   return url.indexOf('.flv') > -1 ? 'flv' : url.indexOf('.m3u8') > -1 ? 'hls' : 'native';
 }
 export function timeStamp(second) {
@@ -144,11 +128,9 @@ export function timeStamp(second) {
   var h = Math.round(second / 60 / 60 % 24);
   var m = Math.round(second / 60 % 60);
   var s = Math.round(second % 60);
-
   if (h === 0) {
     return "".concat(m < 10 ? '0' + m : m, ":").concat(s < 10 ? '0' + s : s);
   }
-
   return "".concat(h < 10 ? '0' + h : h, ":").concat(m < 10 ? '0' + m : m, ":").concat(s < 10 ? '0' + s : s);
 }
 export function getRandom() {
@@ -159,6 +141,5 @@ export function getDomStyleValue(dom, styleKey) {
   if (!dom) {
     return '';
   }
-
   return window.getComputedStyle(dom).getPropertyValue(styleKey);
 }

package/es/Progress/index.js

@@ -1,30 +1,21 @@
 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 { Progress } from 'antd';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function ProgressComponent(_ref) {
   var status = _ref.status;
   var timer = useRef();
   var currentStatus = useRef('loading');
-
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      percent = _useState2[0],
-      setPersent = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    percent = _useState2[0],
+    setPersent = _useState2[1];
   var isHide = useMemo(function () {
     return percent === 100;
   }, [percent]);
@@ -32,7 +23,6 @@ function ProgressComponent(_ref) {
     if ((status === 'over' || status === 'error') && percent === 0) {
       return;
     }
-
     if (percent <= 90 && currentStatus.current === 'loading') {
       var num = percent + 20;
       timer.current = setTimeout(function () {
@@ -60,7 +50,6 @@ function ProgressComponent(_ref) {
     className: "lm-c-loading-progress ".concat(isHide ? 'lm-c-loading-progress-over' : '')
   });
 }
-
 ProgressComponent.defaultProps = {
   status: 'loading'
 };

package/es/ROI/index.d.ts

@@ -30,10 +30,4 @@ interface IRIOProps {
     rowItems?: number;
 }
 declare function RIO({ children, debug, renderKey, onChange, isOpen, row, rowItems }: IRIOProps): JSX.Element;
-declare namespace RIO {
-    var defaultProps: {
-        row: number;
-        rowItems: number;
-    };
-}
 export default RIO;

package/es/ROI/index.js

@@ -4,40 +4,36 @@ import useDrawROI from "../useDrawROI";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 function RIO(_ref) {
   var children = _ref.children,
-      debug = _ref.debug,
-      renderKey = _ref.renderKey,
-      onChange = _ref.onChange,
-      isOpen = _ref.isOpen,
-      row = _ref.row,
-      rowItems = _ref.rowItems;
+    debug = _ref.debug,
+    renderKey = _ref.renderKey,
+    onChange = _ref.onChange,
+    isOpen = _ref.isOpen,
+    _ref$row = _ref.row,
+    row = _ref$row === void 0 ? 18 : _ref$row,
+    _ref$rowItems = _ref.rowItems,
+    rowItems = _ref$rowItems === void 0 ? 32 : _ref$rowItems;
   var ref = useRef(null);
-
   var _useDrawROI = useDrawROI(ref, {
-    row: row,
-    rowItems: rowItems
-  }),
-      open = _useDrawROI.open,
-      close = _useDrawROI.close,
-      clear = _useDrawROI.clear,
-      rio = _useDrawROI.rio,
-      areas = _useDrawROI.areas; // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
+      row: row,
+      rowItems: rowItems
+    }),
+    open = _useDrawROI.open,
+    close = _useDrawROI.close,
+    clear = _useDrawROI.clear,
+    rio = _useDrawROI.rio,
+    areas = _useDrawROI.areas;
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(function () {
     return isOpen ? open() : close();
   }, [isOpen]);
-
   _useUpdateEffect(function () {
     return clear();
   }, [renderKey]);
-
   _useUpdateEffect(function () {
     return onChange === null || onChange === void 0 ? void 0 : onChange(rio, areas);
   }, [rio]);
-
   return /*#__PURE__*/_jsxs("div", {
     className: "rio-layout",
     children: [children, debug && /*#__PURE__*/_jsx("div", {
@@ -58,9 +54,4 @@ function RIO(_ref) {
     })]
   });
 }
-
-RIO.defaultProps = {
-  row: 18,
-  rowItems: 32
-};
 export default RIO;