@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.
- package/es/AppContext/index.js +20 -61
- package/es/AutoExit/index.js +5 -9
- package/es/Config/index.js +0 -5
- package/es/Config/utils.js +7 -27
- package/es/ConfigContext/index.d.ts +1 -1
- package/es/ConfigContext/index.js +1 -3
- package/es/CustomRenderSelect/index.js +19 -39
- package/es/DynamicGridList/index.js +16 -28
- package/es/FullScreen/index.js +10 -22
- package/es/GridList/hook.js +36 -67
- package/es/GridList/index.d.ts +1 -1
- package/es/GridList/index.js +1 -1
- package/es/ImageView/index.js +16 -31
- package/es/LabelValue/index.d.ts +0 -8
- package/es/LabelValue/index.js +11 -16
- package/es/List/index.js +5 -7
- package/es/ListWithSizeAnimate/demo.js +3 -15
- package/es/LoaderScript/utils.js +100 -153
- package/es/Map/InfoWindow/MakerLikeWindow.js +35 -29
- package/es/Map/InfoWindow/demo.js +17 -29
- package/es/Picture/component/Tools/index.js +5 -7
- package/es/Picture/demo.js +15 -19
- package/es/Picture/index.js +70 -104
- package/es/Picture/utils.js +14 -28
- package/es/Player/api/index.d.ts +4 -4
- package/es/Player/api/index.js +47 -92
- package/es/Player/contraller_bar/right_bar.js +12 -23
- package/es/Player/demo.js +47 -62
- package/es/Player/event/errorEvent.d.ts +1 -1
- package/es/Player/event/errorEvent.js +16 -41
- package/es/Player/fps_play.js +15 -33
- package/es/Player/frontend_timeline.js +28 -48
- package/es/Player/player.d.ts +3 -2
- package/es/Player/segment_timeline.js +45 -69
- package/es/Player/single_player.js +111 -117
- package/es/Player/util.d.ts +1 -1
- package/es/Player/util.js +9 -28
- package/es/Progress/index.js +5 -16
- package/es/ROI/index.d.ts +0 -6
- package/es/ROI/index.js +17 -26
- package/es/RefDrawer/Footer.js +3 -5
- package/es/RefDrawer/demo.js +0 -3
- package/es/RefDrawer/index.js +17 -27
- package/es/RefModal/demo.js +0 -3
- package/es/RefModal/index.js +27 -27
- package/es/ScreenPlayer/Live.d.ts +1 -1
- package/es/ScreenPlayer/Live.js +36 -70
- package/es/ScreenPlayer/LiveTools.js +20 -39
- package/es/ScreenPlayer/PlayerWithExt.js +48 -85
- package/es/ScreenPlayer/RecordTools.d.ts +1 -1
- package/es/ScreenPlayer/RecordTools.js +27 -53
- package/es/ScreenPlayer/SegmentTimeLine.js +8 -13
- package/es/ScreenPlayer/TimeSelect.js +9 -24
- package/es/ScreenPlayer/demo.js +3 -2
- package/es/ScreenPlayer/demo2.js +76 -108
- package/es/ScreenPlayer/useTimeSlider.js +63 -141
- package/es/Service/http.js +14 -34
- package/es/TableLayout/index.js +6 -10
- package/es/ThemeAntd/index.js +0 -1
- package/es/Timeout/index.js +16 -31
- package/es/VList/index.d.ts +1 -9
- package/es/VList/index.js +18 -30
- package/es/index.d.ts +0 -1
- package/es/index.js +0 -1
- package/es/typings.d.ts +1 -0
- package/es/useDrawROI/index.js +61 -115
- package/es/useInfiniteScroll/index.js +24 -45
- package/es/utils.js +18 -42
- package/package.json +5 -6
- package/es/LoaderApp/index.d.ts +0 -31
- package/es/LoaderApp/index.js +0 -138
- package/es/LoaderApp/index.less +0 -3
- package/es/LoaderApp/interface.d.ts +0 -9
- package/es/LoaderApp/loader.d.ts +0 -19
- package/es/LoaderApp/loader.js +0 -85
- package/es/LoaderApp/sandbox.back.d.ts +0 -18
- package/es/LoaderApp/sandbox.back.js +0 -368
- package/es/LoaderApp/sandbox.d.ts +0 -12
- package/es/LoaderApp/sandbox.js +0 -113
- package/es/LoaderApp/utils.d.ts +0 -19
- package/es/LoaderApp/utils.js +0 -275
- package/es/ROI/utils.d.ts +0 -1
- 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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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;
|
package/es/RefDrawer/Footer.js
CHANGED
|
@@ -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
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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;
|
package/es/RefDrawer/demo.js
CHANGED
|
@@ -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;
|
package/es/RefDrawer/index.js
CHANGED
|
@@ -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
|
|
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
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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
|
-
|
|
61
|
+
open: state.visible,
|
|
72
62
|
onClose: close,
|
|
73
63
|
destroyOnClose: true,
|
|
74
64
|
title: state.title,
|
package/es/RefModal/demo.js
CHANGED
|
@@ -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;
|
package/es/RefModal/index.js
CHANGED
|
@@ -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
|
|
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
|
|
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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
};
|
|
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: {
|
package/es/ScreenPlayer/Live.js
CHANGED
|
@@ -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
|
|
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
|
|
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
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
31
|
+
children = _ref.children,
|
|
32
|
+
oneWinExtTools = _ref.oneWinExtTools,
|
|
33
|
+
allWinExtTools = _ref.allWinExtTools,
|
|
34
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
47
35
|
var _useState = useState({
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
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
|
-
|
|
60
|
-
|
|
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]);
|
|
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]);
|
|
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]);
|
|
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
|
};
|