@cloud-app-dev/vidc 4.0.0 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/es/AppContext/index.js +20 -61
  2. package/es/AutoExit/index.js +5 -9
  3. package/es/Config/index.js +0 -5
  4. package/es/Config/utils.js +7 -27
  5. package/es/ConfigContext/index.d.ts +1 -1
  6. package/es/ConfigContext/index.js +1 -3
  7. package/es/CustomRenderSelect/index.js +19 -39
  8. package/es/DynamicGridList/index.js +16 -28
  9. package/es/FullScreen/index.js +10 -22
  10. package/es/GridList/hook.js +36 -67
  11. package/es/GridList/index.d.ts +1 -1
  12. package/es/GridList/index.js +1 -1
  13. package/es/ImageView/index.js +16 -31
  14. package/es/LabelValue/index.d.ts +0 -8
  15. package/es/LabelValue/index.js +11 -16
  16. package/es/List/index.js +5 -7
  17. package/es/ListWithSizeAnimate/demo.js +3 -15
  18. package/es/LoaderScript/utils.js +100 -153
  19. package/es/Map/InfoWindow/MakerLikeWindow.js +35 -29
  20. package/es/Map/InfoWindow/demo.js +17 -29
  21. package/es/Picture/component/Tools/index.js +5 -7
  22. package/es/Picture/demo.js +15 -19
  23. package/es/Picture/index.js +70 -104
  24. package/es/Picture/utils.js +14 -28
  25. package/es/Player/api/index.d.ts +4 -4
  26. package/es/Player/api/index.js +47 -92
  27. package/es/Player/contraller_bar/right_bar.js +12 -23
  28. package/es/Player/demo.js +47 -62
  29. package/es/Player/event/errorEvent.d.ts +1 -1
  30. package/es/Player/event/errorEvent.js +16 -41
  31. package/es/Player/fps_play.js +15 -33
  32. package/es/Player/frontend_timeline.js +28 -48
  33. package/es/Player/player.d.ts +3 -2
  34. package/es/Player/segment_timeline.js +45 -69
  35. package/es/Player/single_player.js +111 -117
  36. package/es/Player/util.d.ts +1 -1
  37. package/es/Player/util.js +9 -28
  38. package/es/Progress/index.js +5 -16
  39. package/es/ROI/index.d.ts +0 -6
  40. package/es/ROI/index.js +17 -26
  41. package/es/RefDrawer/Footer.js +3 -5
  42. package/es/RefDrawer/demo.js +0 -3
  43. package/es/RefDrawer/index.js +17 -27
  44. package/es/RefModal/demo.js +0 -3
  45. package/es/RefModal/index.js +27 -27
  46. package/es/ScreenPlayer/Live.d.ts +1 -1
  47. package/es/ScreenPlayer/Live.js +36 -70
  48. package/es/ScreenPlayer/LiveTools.js +20 -39
  49. package/es/ScreenPlayer/PlayerWithExt.js +48 -85
  50. package/es/ScreenPlayer/RecordTools.d.ts +1 -1
  51. package/es/ScreenPlayer/RecordTools.js +27 -53
  52. package/es/ScreenPlayer/SegmentTimeLine.js +8 -13
  53. package/es/ScreenPlayer/TimeSelect.js +9 -24
  54. package/es/ScreenPlayer/demo.js +3 -2
  55. package/es/ScreenPlayer/demo2.js +76 -108
  56. package/es/ScreenPlayer/useTimeSlider.js +63 -141
  57. package/es/Service/http.js +14 -34
  58. package/es/TableLayout/index.js +6 -10
  59. package/es/ThemeAntd/index.js +0 -1
  60. package/es/Timeout/index.js +16 -31
  61. package/es/VList/index.d.ts +1 -9
  62. package/es/VList/index.js +18 -30
  63. package/es/index.d.ts +0 -1
  64. package/es/index.js +0 -1
  65. package/es/typings.d.ts +1 -0
  66. package/es/useDrawROI/index.js +61 -115
  67. package/es/useInfiniteScroll/index.js +24 -45
  68. package/es/utils.js +18 -42
  69. package/package.json +5 -6
  70. package/es/LoaderApp/index.d.ts +0 -31
  71. package/es/LoaderApp/index.js +0 -138
  72. package/es/LoaderApp/index.less +0 -3
  73. package/es/LoaderApp/interface.d.ts +0 -9
  74. package/es/LoaderApp/loader.d.ts +0 -19
  75. package/es/LoaderApp/loader.js +0 -85
  76. package/es/LoaderApp/sandbox.back.d.ts +0 -18
  77. package/es/LoaderApp/sandbox.back.js +0 -368
  78. package/es/LoaderApp/sandbox.d.ts +0 -12
  79. package/es/LoaderApp/sandbox.js +0 -113
  80. package/es/LoaderApp/utils.d.ts +0 -19
  81. package/es/LoaderApp/utils.js +0 -275
  82. package/es/ROI/utils.d.ts +0 -1
  83. package/es/ROI/utils.js +0 -1
package/es/ROI/index.js CHANGED
@@ -4,40 +4,36 @@ import useDrawROI from "../useDrawROI";
4
4
  import "./index.less";
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  import { jsxs as _jsxs } from "react/jsx-runtime";
7
-
8
7
  function RIO(_ref) {
9
8
  var children = _ref.children,
10
- debug = _ref.debug,
11
- renderKey = _ref.renderKey,
12
- onChange = _ref.onChange,
13
- isOpen = _ref.isOpen,
14
- row = _ref.row,
15
- rowItems = _ref.rowItems;
9
+ debug = _ref.debug,
10
+ renderKey = _ref.renderKey,
11
+ onChange = _ref.onChange,
12
+ isOpen = _ref.isOpen,
13
+ _ref$row = _ref.row,
14
+ row = _ref$row === void 0 ? 18 : _ref$row,
15
+ _ref$rowItems = _ref.rowItems,
16
+ rowItems = _ref$rowItems === void 0 ? 32 : _ref$rowItems;
16
17
  var ref = useRef(null);
17
-
18
18
  var _useDrawROI = useDrawROI(ref, {
19
- row: row,
20
- rowItems: rowItems
21
- }),
22
- open = _useDrawROI.open,
23
- close = _useDrawROI.close,
24
- clear = _useDrawROI.clear,
25
- rio = _useDrawROI.rio,
26
- areas = _useDrawROI.areas; // eslint-disable-next-line react-hooks/exhaustive-deps
27
-
28
-
19
+ row: row,
20
+ rowItems: rowItems
21
+ }),
22
+ open = _useDrawROI.open,
23
+ close = _useDrawROI.close,
24
+ clear = _useDrawROI.clear,
25
+ rio = _useDrawROI.rio,
26
+ areas = _useDrawROI.areas;
27
+ // eslint-disable-next-line react-hooks/exhaustive-deps
29
28
  useEffect(function () {
30
29
  return isOpen ? open() : close();
31
30
  }, [isOpen]);
32
-
33
31
  _useUpdateEffect(function () {
34
32
  return clear();
35
33
  }, [renderKey]);
36
-
37
34
  _useUpdateEffect(function () {
38
35
  return onChange === null || onChange === void 0 ? void 0 : onChange(rio, areas);
39
36
  }, [rio]);
40
-
41
37
  return /*#__PURE__*/_jsxs("div", {
42
38
  className: "rio-layout",
43
39
  children: [children, debug && /*#__PURE__*/_jsx("div", {
@@ -58,9 +54,4 @@ function RIO(_ref) {
58
54
  })]
59
55
  });
60
56
  }
61
-
62
- RIO.defaultProps = {
63
- row: 18,
64
- rowItems: 32
65
- };
66
57
  export default RIO;
@@ -2,12 +2,11 @@ import { Button } from 'antd';
2
2
  import React from 'react';
3
3
  import { jsx as _jsx } from "react/jsx-runtime";
4
4
  import { jsxs as _jsxs } from "react/jsx-runtime";
5
-
6
5
  function Footer(_ref) {
7
6
  var onClose = _ref.onClose,
8
- cancelText = _ref.cancelText,
9
- okText = _ref.okText,
10
- onOk = _ref.onOk;
7
+ cancelText = _ref.cancelText,
8
+ okText = _ref.okText,
9
+ onOk = _ref.onOk;
11
10
  return /*#__PURE__*/_jsxs("div", {
12
11
  style: {
13
12
  textAlign: 'right'
@@ -25,5 +24,4 @@ function Footer(_ref) {
25
24
  })]
26
25
  });
27
26
  }
28
-
29
27
  export default Footer;
@@ -4,7 +4,6 @@ import RefDrawer from "./index";
4
4
  import { jsx as _jsx } from "react/jsx-runtime";
5
5
  import { Fragment as _Fragment } from "react/jsx-runtime";
6
6
  import { jsxs as _jsxs } from "react/jsx-runtime";
7
-
8
7
  var App = function App() {
9
8
  var ref = useRef(null);
10
9
  return /*#__PURE__*/_jsxs("div", {
@@ -12,7 +11,6 @@ var App = function App() {
12
11
  type: "primary",
13
12
  onClick: function onClick() {
14
13
  var _ref$current;
15
-
16
14
  return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.open({
17
15
  content: /*#__PURE__*/_jsxs(_Fragment, {
18
16
  children: [/*#__PURE__*/_jsx("p", {
@@ -31,5 +29,4 @@ var App = function App() {
31
29
  })]
32
30
  });
33
31
  };
34
-
35
32
  export default App;
@@ -1,21 +1,15 @@
1
+ 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); }
1
2
  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; }
2
-
3
3
  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; }
4
-
5
- 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; }
6
-
4
+ 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; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ 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); }
7
7
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
-
9
8
  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."); }
10
-
11
9
  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); }
12
-
13
- 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; }
14
-
15
- 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; }
16
-
10
+ 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; }
11
+ 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; } }
17
12
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
-
19
13
  import { Drawer } from 'antd';
20
14
  import React, { useContext, useImperativeHandle, useMemo, useState } from 'react';
21
15
  import ConfigContext from "../ConfigContext";
@@ -26,19 +20,17 @@ var RefDrawer = /*#__PURE__*/React.forwardRef(function RefDrawer(_, ref) {
26
20
  var root = useMemo(function () {
27
21
  return (context === null || context === void 0 ? void 0 : context.root) || document.body;
28
22
  }, [context === null || context === void 0 ? void 0 : context.root]);
29
-
30
23
  var _useState = useState({
31
- content: null,
32
- visible: false,
33
- title: '',
34
- onOk: undefined,
35
- width: undefined,
36
- className: undefined
37
- }),
38
- _useState2 = _slicedToArray(_useState, 2),
39
- state = _useState2[0],
40
- setState = _useState2[1];
41
-
24
+ content: null,
25
+ visible: false,
26
+ title: '',
27
+ onOk: undefined,
28
+ width: undefined,
29
+ className: undefined
30
+ }),
31
+ _useState2 = _slicedToArray(_useState, 2),
32
+ state = _useState2[0],
33
+ setState = _useState2[1];
42
34
  var open = function open(options) {
43
35
  setState(function (old) {
44
36
  return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
@@ -46,7 +38,6 @@ var RefDrawer = /*#__PURE__*/React.forwardRef(function RefDrawer(_, ref) {
46
38
  });
47
39
  });
48
40
  };
49
-
50
41
  var close = function close() {
51
42
  setState(function (old) {
52
43
  return _objectSpread(_objectSpread({}, old), {}, {
@@ -54,7 +45,6 @@ var RefDrawer = /*#__PURE__*/React.forwardRef(function RefDrawer(_, ref) {
54
45
  });
55
46
  });
56
47
  };
57
-
58
48
  useImperativeHandle(ref, function () {
59
49
  return {
60
50
  open: open,
@@ -68,7 +58,7 @@ var RefDrawer = /*#__PURE__*/React.forwardRef(function RefDrawer(_, ref) {
68
58
  okText: "\u786E\u5B9A",
69
59
  cancelText: "\u53D6\u6D88"
70
60
  }),
71
- visible: state.visible,
61
+ open: state.visible,
72
62
  onClose: close,
73
63
  destroyOnClose: true,
74
64
  title: state.title,
@@ -4,7 +4,6 @@ import RefModal from "./index";
4
4
  import { jsx as _jsx } from "react/jsx-runtime";
5
5
  import { Fragment as _Fragment } from "react/jsx-runtime";
6
6
  import { jsxs as _jsxs } from "react/jsx-runtime";
7
-
8
7
  var App = function App() {
9
8
  var ref = useRef(null);
10
9
  return /*#__PURE__*/_jsxs("div", {
@@ -12,7 +11,6 @@ var App = function App() {
12
11
  type: "primary",
13
12
  onClick: function onClick() {
14
13
  var _ref$current;
15
-
16
14
  return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.open({
17
15
  content: /*#__PURE__*/_jsxs(_Fragment, {
18
16
  children: [/*#__PURE__*/_jsx("p", {
@@ -31,5 +29,4 @@ var App = function App() {
31
29
  })]
32
30
  });
33
31
  };
34
-
35
32
  export default App;
@@ -1,37 +1,35 @@
1
+ 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); }
1
2
  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; }
2
-
3
3
  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; }
4
-
5
- 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; }
6
-
4
+ 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; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ 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); }
7
7
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
-
9
8
  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."); }
10
-
11
9
  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); }
12
-
13
- 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; }
14
-
15
- 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; }
16
-
10
+ 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; }
11
+ 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; } }
17
12
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
18
-
19
13
  import { Modal } from 'antd';
20
- import React, { useImperativeHandle, useState } from 'react';
14
+ import React, { useContext, useImperativeHandle, useMemo, useState } from 'react';
15
+ import ConfigContext from "../ConfigContext";
21
16
  import { jsx as _jsx } from "react/jsx-runtime";
22
17
  var RefModal = /*#__PURE__*/React.forwardRef(function RefModal(props, ref) {
18
+ var context = useContext(ConfigContext.Context);
19
+ var root = useMemo(function () {
20
+ return (context === null || context === void 0 ? void 0 : context.root) || document.body;
21
+ }, [context === null || context === void 0 ? void 0 : context.root]);
23
22
  var _useState = useState({
24
- content: null,
25
- visible: false,
26
- title: '',
27
- onOk: undefined,
28
- width: undefined,
29
- className: undefined
30
- }),
31
- _useState2 = _slicedToArray(_useState, 2),
32
- state = _useState2[0],
33
- setState = _useState2[1];
34
-
23
+ content: null,
24
+ visible: false,
25
+ title: '',
26
+ onOk: undefined,
27
+ width: undefined,
28
+ className: undefined
29
+ }),
30
+ _useState2 = _slicedToArray(_useState, 2),
31
+ state = _useState2[0],
32
+ setState = _useState2[1];
35
33
  var open = function open(options) {
36
34
  setState(function (old) {
37
35
  return _objectSpread(_objectSpread(_objectSpread({}, old), options), {}, {
@@ -39,16 +37,15 @@ var RefModal = /*#__PURE__*/React.forwardRef(function RefModal(props, ref) {
39
37
  });
40
38
  });
41
39
  };
42
-
43
40
  var close = function close() {
44
41
  setState(function (old) {
45
42
  return _objectSpread(_objectSpread({}, old), {}, {
46
43
  visible: false
47
44
  });
48
45
  });
49
- }; // eslint-disable-next-line react-hooks/exhaustive-deps
50
-
46
+ };
51
47
 
48
+ // eslint-disable-next-line react-hooks/exhaustive-deps
52
49
  useImperativeHandle(ref, function () {
53
50
  return {
54
51
  open: open,
@@ -65,6 +62,9 @@ var RefModal = /*#__PURE__*/React.forwardRef(function RefModal(props, ref) {
65
62
  title: state.title,
66
63
  width: state.width,
67
64
  className: state.className,
65
+ getContainer: function getContainer() {
66
+ return root;
67
+ },
68
68
  children: state.content
69
69
  }));
70
70
  });
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import './index.less';
3
2
  import type { ILivePlayerProps } from './interface';
3
+ import './index.less';
4
4
  declare function LivePlayer({ list, children, oneWinExtTools, allWinExtTools, ...props }: ILivePlayerProps): JSX.Element;
5
5
  declare namespace LivePlayer {
6
6
  var defaultProps: {
@@ -1,71 +1,57 @@
1
+ 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); }
1
2
  import _useMemoizedFn from "ahooks/es/useMemoizedFn";
2
3
  import _useUpdateEffect from "ahooks/es/useUpdateEffect";
3
4
  var _excluded = ["list", "children", "oneWinExtTools", "allWinExtTools"];
4
-
5
5
  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; }
6
-
7
6
  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; }
8
-
9
- 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; }
10
-
7
+ 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; }
8
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
9
+ 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); }
11
10
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
12
-
13
11
  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."); }
14
-
15
12
  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); }
16
-
17
- 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; }
18
-
19
- 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; }
20
-
13
+ 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; }
14
+ 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; } }
21
15
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
-
23
16
  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; }
24
-
25
17
  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; }
26
-
27
18
  import React, { useEffect, useMemo, useRef, useState } from 'react';
28
19
  import DisableMark from "../DisableMark";
29
- import "./index.less";
30
20
  import Tools from "./LiveTools";
31
21
  import { LivePlayerWithExt } from "./PlayerWithExt";
32
22
  import useVideoFit from "./useVideoFit";
33
23
  import { mergeFill, ScreenType } from "./utils";
24
+ import "./index.less";
34
25
  import { createElement as _createElement } from "react";
35
26
  import { jsx as _jsx } from "react/jsx-runtime";
36
27
  import { jsxs as _jsxs } from "react/jsx-runtime";
37
-
38
28
  function LivePlayer(_ref) {
39
29
  var _props$defaultScreen, _props$defaultSelectI;
40
-
41
30
  var list = _ref.list,
42
- children = _ref.children,
43
- oneWinExtTools = _ref.oneWinExtTools,
44
- allWinExtTools = _ref.allWinExtTools,
45
- props = _objectWithoutProperties(_ref, _excluded);
46
-
31
+ children = _ref.children,
32
+ oneWinExtTools = _ref.oneWinExtTools,
33
+ allWinExtTools = _ref.allWinExtTools,
34
+ props = _objectWithoutProperties(_ref, _excluded);
47
35
  var _useState = useState({
48
- screenNum: (_props$defaultScreen = props.defaultScreen) !== null && _props$defaultScreen !== void 0 ? _props$defaultScreen : 4,
49
- selectIndex: (_props$defaultSelectI = props.defaultSelectIndex) !== null && _props$defaultSelectI !== void 0 ? _props$defaultSelectI : 0,
50
- modes: {}
51
- }),
52
- _useState2 = _slicedToArray(_useState, 2),
53
- state = _useState2[0],
54
- setState = _useState2[1];
55
-
36
+ screenNum: (_props$defaultScreen = props.defaultScreen) !== null && _props$defaultScreen !== void 0 ? _props$defaultScreen : 4,
37
+ selectIndex: (_props$defaultSelectI = props.defaultSelectIndex) !== null && _props$defaultSelectI !== void 0 ? _props$defaultSelectI : 0,
38
+ modes: {}
39
+ }),
40
+ _useState2 = _slicedToArray(_useState, 2),
41
+ state = _useState2[0],
42
+ setState = _useState2[1];
56
43
  var domRef = useRef(null);
57
-
58
44
  var _useVideoFit = useVideoFit(domRef, []),
59
- fit = _useVideoFit.fit,
60
- toggleFit = _useVideoFit.toggleFit; // 若外部来控制screenNum 则由外部完全控制
61
-
45
+ fit = _useVideoFit.fit,
46
+ toggleFit = _useVideoFit.toggleFit;
62
47
 
48
+ // 若外部来控制screenNum 则由外部完全控制
63
49
  var screenNum = useMemo(function () {
64
50
  var _props$screenNum;
65
-
66
51
  return (_props$screenNum = props.screenNum) !== null && _props$screenNum !== void 0 ? _props$screenNum : state.screenNum;
67
- }, [props.screenNum, state.screenNum]); // 缓存所有player对象
52
+ }, [props.screenNum, state.screenNum]);
68
53
 
54
+ // 缓存所有player对象
69
55
  var playerRef = useRef({});
70
56
  var screenType = useMemo(function () {
71
57
  return ScreenType.find(function (v) {
@@ -74,104 +60,89 @@ function LivePlayer(_ref) {
74
60
  }, [screenNum]);
75
61
  var screenList = useMemo(function () {
76
62
  return mergeFill(screenNum, list, {});
77
- }, [list, screenNum]); // 获取选中player对象
63
+ }, [list, screenNum]);
78
64
 
65
+ // 获取选中player对象
79
66
  var getPlayerItem = function getPlayerItem() {
80
67
  var _playerRef$current, _playerRef$current$ci;
81
-
82
68
  var item = list ? list[state.selectIndex] : {};
83
69
  var cid = item === null || item === void 0 ? void 0 : item.cid;
84
70
  return cid ? (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 ? void 0 : (_playerRef$current$ci = _playerRef$current[cid]) === null || _playerRef$current$ci === void 0 ? void 0 : _playerRef$current$ci.current : undefined;
85
- }; // 更新状态
86
-
71
+ };
87
72
 
73
+ // 更新状态
88
74
  var updateState = function updateState(newState) {
89
75
  var obj = {};
90
-
91
76
  if (newState.hasOwnProperty('screenNum')) {
92
77
  if (props.screenNum) {
93
78
  var _props$screenChange;
94
-
95
79
  // 若外部控制,不需要update state
96
80
  (_props$screenChange = props.screenChange) === null || _props$screenChange === void 0 ? void 0 : _props$screenChange.call(props, newState.screenNum);
97
81
  } else {
98
82
  obj.screenNum = newState.screenNum;
99
- } // 修正选中索引
100
-
83
+ }
101
84
 
85
+ // 修正选中索引
102
86
  if (newState.screenNum && newState.screenNum < state.selectIndex) {
103
87
  obj.selectIndex = 0;
104
88
  }
105
89
  }
106
-
107
90
  if (newState.hasOwnProperty('mode')) {
108
91
  var item = list === null || list === void 0 ? void 0 : list[state.selectIndex];
109
-
110
92
  var newModes = _objectSpread({}, state.modes);
111
-
112
93
  var cid = item === null || item === void 0 ? void 0 : item.cid;
113
-
114
94
  if (cid) {
115
95
  newModes[cid] = newState.mode;
116
96
  obj.modes = newModes;
117
97
  }
118
98
  }
119
-
120
99
  setState(function (old) {
121
100
  return _objectSpread(_objectSpread({}, old), obj);
122
101
  });
123
- }; // 当前窗口信息
124
-
102
+ };
125
103
 
104
+ // 当前窗口信息
126
105
  var segmentItem = useMemo(function () {
127
106
  return (list === null || list === void 0 ? void 0 : list[state.selectIndex]) || {};
128
107
  }, [state.selectIndex, list]);
108
+
129
109
  /**
130
110
  * 同步外部的selectIndex变化
131
111
  */
132
-
133
112
  useEffect(function () {
134
113
  if (typeof props.defaultSelectIndex !== 'number') {
135
114
  return;
136
115
  }
137
-
138
116
  setState(function (old) {
139
117
  if (old.selectIndex !== props.defaultSelectIndex) {
140
118
  return _objectSpread(_objectSpread({}, old), {}, {
141
119
  selectIndex: props.defaultSelectIndex
142
120
  });
143
121
  }
144
-
145
122
  return old;
146
123
  });
147
- }, [props.defaultSelectIndex]); // index变化同步到父组件
148
- // eslint-disable-next-line react-hooks/exhaustive-deps
124
+ }, [props.defaultSelectIndex]);
149
125
 
126
+ // index变化同步到父组件
127
+ // eslint-disable-next-line react-hooks/exhaustive-deps
150
128
  _useUpdateEffect(function () {
151
129
  var _props$onIndexChange;
152
-
153
130
  return (_props$onIndexChange = props.onIndexChange) === null || _props$onIndexChange === void 0 ? void 0 : _props$onIndexChange.call(props, state.selectIndex);
154
131
  }, [state.selectIndex]);
132
+
155
133
  /**
156
134
  * 通知screenNum变化
157
135
  */
158
-
159
-
160
136
  _useUpdateEffect(function () {
161
137
  var _props$screenChange2;
162
-
163
138
  return (_props$screenChange2 = props.screenChange) === null || _props$screenChange2 === void 0 ? void 0 : _props$screenChange2.call(props, state.screenNum);
164
139
  }, [state.screenNum]);
165
-
166
140
  var onClose = _useMemoizedFn(function () {
167
141
  var _props$onClose;
168
-
169
142
  setState(function (old) {
170
143
  var item = screenList[old.selectIndex];
171
-
172
144
  if (item && item.cid) {
173
145
  var modes = _objectSpread({}, old.modes);
174
-
175
146
  delete modes["".concat(item.cid)];
176
147
  return _objectSpread(_objectSpread({}, old), {}, {
177
148
  modes: modes
@@ -182,10 +153,8 @@ function LivePlayer(_ref) {
182
153
  });
183
154
  (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
184
155
  });
185
-
186
156
  var onCloseAll = _useMemoizedFn(function () {
187
157
  var _props$onCloseAll;
188
-
189
158
  setState(function (old) {
190
159
  return _objectSpread(_objectSpread({}, old), {}, {
191
160
  modes: {},
@@ -194,7 +163,6 @@ function LivePlayer(_ref) {
194
163
  });
195
164
  (_props$onCloseAll = props.onCloseAll) === null || _props$onCloseAll === void 0 ? void 0 : _props$onCloseAll.call(props);
196
165
  });
197
-
198
166
  return /*#__PURE__*/_jsxs("div", {
199
167
  className: "split-screen-player-wrapper split-screen-player-live-wrapper",
200
168
  children: [/*#__PURE__*/_jsx("div", {
@@ -202,7 +170,6 @@ function LivePlayer(_ref) {
202
170
  ref: domRef,
203
171
  children: screenList.map(function (item, index) {
204
172
  var _item$url;
205
-
206
173
  return /*#__PURE__*/_createElement(LivePlayerWithExt, _objectSpread(_objectSpread({}, item), {}, {
207
174
  mode: item.cid && state.modes[item.cid] ? state.modes[item.cid] : item.mode,
208
175
  key: (_item$url = item.url) !== null && _item$url !== void 0 ? _item$url : "".concat(index),
@@ -249,7 +216,6 @@ function LivePlayer(_ref) {
249
216
  })]
250
217
  });
251
218
  }
252
-
253
219
  LivePlayer.defaultProps = {
254
220
  list: []
255
221
  };