@cloud-app-dev/vidc 4.0.7 → 4.0.9
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/.dumirc.ts +0 -10
- package/.fatherrc.ts +1 -4
- package/es/AppContext/Sync.js +10 -24
- package/es/AppContext/index.js +19 -19
- package/es/AppContext/static.js +0 -6
- package/es/Auth/index.js +2 -5
- package/es/AutoExit/index.js +2 -2
- package/es/CheckGroupFixed/demo.js +0 -2
- package/es/CheckGroupFixed/index.js +25 -42
- package/es/CustomRenderSelect/index.js +2 -2
- package/es/DisableMark/index.js +2 -2
- package/es/DomMove/index.js +31 -42
- package/es/DomMove/utils.js +3 -8
- package/es/Drag/DragAndDropItem.js +28 -45
- package/es/Drag/DropItem.js +11 -21
- package/es/DynamicGridList/Demo.js +1 -13
- package/es/DynamicList/demo.js +1 -10
- package/es/DynamicList/index.js +27 -41
- package/es/ErrorFallback/index.js +1 -3
- package/es/EventTools/index.d.ts +3 -0
- package/es/EventTools/index.js +12 -0
- package/es/GridList/Demo.js +5 -18
- package/es/GridList/utils.js +0 -1
- package/es/HightLevel/index.js +1 -5
- package/es/IconFont/index.js +9 -18
- package/es/InstanceHistory/index.js +0 -2
- package/es/ListWithSizeAnimate/index.js +15 -31
- package/es/LoaderScript/index.js +10 -21
- package/es/LoaderScript/utils.js +2 -2
- package/es/Map/BasicMap/AMapInstance.js +6 -16
- package/es/Map/BasicMap/LeafletInstance.js +16 -26
- package/es/Map/ClusterLayer/hook.js +16 -38
- package/es/Map/ClusterLayer/index.js +2 -6
- package/es/Map/Context/index.js +6 -30
- package/es/Map/FindPio/index.js +0 -2
- package/es/Map/LevelCenter/DragMarker/index.js +6 -9
- package/es/Map/LevelCenter/demo.js +12 -21
- package/es/Map/LevelCenter/index.js +8 -14
- package/es/Map/LoaderMap/index.js +14 -17
- package/es/Map/MapDrawSelect/demo.js +14 -25
- package/es/Map/MapDrawSelect/index.js +14 -20
- package/es/Map/MouseTool/index.js +17 -27
- package/es/Map/MouseTool/useMouseTools.js +12 -35
- package/es/Map/ResetTools/index.js +4 -8
- package/es/Map/SinglePoint/index.js +6 -13
- package/es/Map/hook/useMapEvent.js +3 -7
- package/es/Map/hook/useMapType.js +1 -2
- package/es/Map/useMarker/index.js +17 -30
- package/es/Map/withMap/index.js +4 -6
- package/es/Picture/component/DefaultRects/RectInfo.js +13 -27
- package/es/Picture/component/DefaultRects/index.js +7 -10
- package/es/Picture/component/DrawRect/index.js +10 -13
- package/es/Picture/component/RectMenu/index.js +10 -15
- package/es/Picture/component/RectMenu/utils.js +3 -6
- package/es/Picture/component/WheelScale/index.js +3 -5
- package/es/Picture/loadCaptureRectImage.js +42 -61
- package/es/Picture/useDraw.js +23 -39
- package/es/Player/api/index.js +2 -2
- package/es/Player/context.js +5 -9
- package/es/Player/contraller_bar/bar.js +9 -16
- package/es/Player/contraller_bar/contraller_event.js +7 -25
- package/es/Player/contraller_bar/index.js +7 -9
- package/es/Player/contraller_bar/left_bar.js +17 -29
- package/es/Player/contraller_bar/time.js +5 -14
- package/es/Player/contraller_bar/useBarStatus.js +12 -24
- package/es/Player/contraller_bar/volume.js +9 -29
- package/es/Player/event/eventName.js +1 -1
- package/es/Player/event/index.js +28 -63
- package/es/Player/frontend_player.js +16 -27
- package/es/Player/iconfont.js +6 -12
- package/es/Player/live_heart.js +2 -18
- package/es/Player/message.js +15 -35
- package/es/Player/segment_player.js +48 -86
- package/es/Player/single_player.js +1 -1
- package/es/Player/timeline.js +19 -41
- package/es/PlayerExt/demo.js +15 -25
- package/es/PlayerExt/index.js +29 -51
- package/es/ROI/demo.js +0 -2
- package/es/ScreenPlayer/RatePick.js +8 -10
- package/es/ScreenPlayer/Record.js +11 -32
- package/es/ScreenPlayer/TimeMode.js +1 -3
- package/es/ScreenPlayer/useTimeSlider.js +3 -3
- package/es/ScreenPlayer/useVideoFit.js +8 -21
- package/es/SocketEmitter/eventEmitter.d.ts +27 -0
- package/es/SocketEmitter/eventEmitter.js +87 -0
- package/es/SocketEmitter/index.d.ts +24 -0
- package/es/SocketEmitter/index.js +125 -0
- package/es/SocketEmitter/interface.d.ts +4 -0
- package/es/ThemeAntd/demo.js +0 -2
- package/es/VList/utils.js +2 -3
- package/es/bigNumberTransformCN/index.d.ts +5 -0
- package/es/bigNumberTransformCN/index.js +60 -0
- package/es/cache/index.d.ts +34 -0
- package/es/cache/index.js +94 -0
- package/es/copy/index.d.ts +1 -0
- package/es/copy/index.js +9 -0
- package/es/getThemeStyle/index.d.ts +2 -0
- package/es/getThemeStyle/index.js +5 -0
- package/es/index.d.ts +11 -0
- package/es/index.js +12 -1
- package/es/logger/index.d.ts +7 -0
- package/es/logger/index.js +30 -0
- package/es/nextTick/index.d.ts +1 -0
- package/es/nextTick/index.js +7 -0
- package/es/submidstr/index.d.ts +5 -0
- package/es/submidstr/index.js +14 -0
- package/es/treeHelper/index.d.ts +11 -0
- package/es/treeHelper/index.js +173 -0
- package/es/useEventEmitterHandle/index.js +5 -9
- package/es/useFullscreen/demo.js +8 -18
- package/es/useFullscreen/index.js +7 -28
- package/es/useHistory/index.js +0 -2
- package/es/useRafInterval/index.js +3 -27
- package/es/useSimpleState/index.js +11 -22
- package/es/useVirtualList/index.js +21 -57
- package/es/utils.js +2 -2
- package/es/uuid/index.d.ts +4 -0
- package/es/uuid/index.js +15 -0
- package/package.json +4 -5
package/es/Picture/useDraw.js
CHANGED
|
@@ -1,79 +1,67 @@
|
|
|
1
1
|
import _useEventListener from "ahooks/es/useEventListener";
|
|
2
|
-
|
|
3
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
-
|
|
5
3
|
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."); }
|
|
6
|
-
|
|
7
4
|
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); }
|
|
8
|
-
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
|
|
5
|
+
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; }
|
|
6
|
+
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; } }
|
|
13
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
|
|
15
8
|
import { useCallback, useRef, useState } from 'react';
|
|
16
9
|
export default function useDraw(dom, open) {
|
|
17
10
|
var _useState = useState({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
11
|
+
rect: [0, 0, 0, 0],
|
|
12
|
+
isEnd: false
|
|
13
|
+
}),
|
|
14
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
15
|
+
state = _useState2[0],
|
|
16
|
+
setState = _useState2[1];
|
|
25
17
|
var selectOptionsRef = useRef({
|
|
26
18
|
start: [0, 0],
|
|
27
19
|
end: [0, 0],
|
|
28
20
|
startSelect: false
|
|
29
21
|
});
|
|
22
|
+
|
|
30
23
|
/**
|
|
31
24
|
* 绘制框选矩形区域
|
|
32
25
|
*/
|
|
33
|
-
|
|
34
26
|
var drawSelectRact = useCallback(function (isEnd) {
|
|
35
27
|
var _dom$getBoundingClien = dom.getBoundingClientRect(),
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
28
|
+
left = _dom$getBoundingClien.left,
|
|
29
|
+
top = _dom$getBoundingClien.top,
|
|
30
|
+
width = _dom$getBoundingClien.width,
|
|
31
|
+
height = _dom$getBoundingClien.height;
|
|
41
32
|
var x = 0,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
33
|
+
y = 0,
|
|
34
|
+
w = 0,
|
|
35
|
+
h = 0;
|
|
36
|
+
//TODO 开始X > 结束X
|
|
46
37
|
if (selectOptionsRef.current.end[0] > selectOptionsRef.current.start[0]) {
|
|
47
38
|
x = selectOptionsRef.current.start[0] - left;
|
|
48
39
|
w = selectOptionsRef.current.end[0] - selectOptionsRef.current.start[0];
|
|
49
|
-
}
|
|
50
|
-
|
|
40
|
+
}
|
|
51
41
|
|
|
42
|
+
//TODO 开始X < 结束X
|
|
52
43
|
if (selectOptionsRef.current.end[0] < selectOptionsRef.current.start[0]) {
|
|
53
44
|
x = selectOptionsRef.current.end[0] - left;
|
|
54
45
|
w = selectOptionsRef.current.start[0] - selectOptionsRef.current.end[0];
|
|
55
|
-
}
|
|
56
|
-
|
|
46
|
+
}
|
|
57
47
|
|
|
48
|
+
//TODO 开始Y > 结束Y
|
|
58
49
|
if (selectOptionsRef.current.end[1] > selectOptionsRef.current.start[1]) {
|
|
59
50
|
y = selectOptionsRef.current.start[1] - top;
|
|
60
51
|
h = selectOptionsRef.current.end[1] - selectOptionsRef.current.start[1];
|
|
61
|
-
}
|
|
62
|
-
|
|
52
|
+
}
|
|
63
53
|
|
|
54
|
+
//TODO 开始Y < 结束Y
|
|
64
55
|
if (selectOptionsRef.current.end[1] < selectOptionsRef.current.start[1]) {
|
|
65
56
|
y = selectOptionsRef.current.end[1] - top;
|
|
66
57
|
h = selectOptionsRef.current.start[1] - selectOptionsRef.current.end[1];
|
|
67
58
|
}
|
|
68
|
-
|
|
69
59
|
if (w + x > width) {
|
|
70
60
|
w = width - x;
|
|
71
61
|
}
|
|
72
|
-
|
|
73
62
|
if (h + y > height) {
|
|
74
63
|
h = height - y;
|
|
75
64
|
}
|
|
76
|
-
|
|
77
65
|
if (w * h < 160 && isEnd) {
|
|
78
66
|
setState({
|
|
79
67
|
rect: [0, 0, 0, 0],
|
|
@@ -86,7 +74,6 @@ export default function useDraw(dom, open) {
|
|
|
86
74
|
});
|
|
87
75
|
}
|
|
88
76
|
}, [dom]);
|
|
89
|
-
|
|
90
77
|
_useEventListener('mousedown', function (event) {
|
|
91
78
|
if (open) {
|
|
92
79
|
selectOptionsRef.current.startSelect = true;
|
|
@@ -95,7 +82,6 @@ export default function useDraw(dom, open) {
|
|
|
95
82
|
}, {
|
|
96
83
|
target: dom
|
|
97
84
|
});
|
|
98
|
-
|
|
99
85
|
_useEventListener('mousemove', function (event) {
|
|
100
86
|
if (selectOptionsRef.current.startSelect) {
|
|
101
87
|
selectOptionsRef.current.end = [event.clientX, event.clientY];
|
|
@@ -104,7 +90,6 @@ export default function useDraw(dom, open) {
|
|
|
104
90
|
}, {
|
|
105
91
|
target: dom
|
|
106
92
|
});
|
|
107
|
-
|
|
108
93
|
_useEventListener('mouseup', function (event) {
|
|
109
94
|
if (selectOptionsRef.current.startSelect) {
|
|
110
95
|
selectOptionsRef.current.startSelect = false;
|
|
@@ -114,6 +99,5 @@ export default function useDraw(dom, open) {
|
|
|
114
99
|
}, {
|
|
115
100
|
target: dom
|
|
116
101
|
});
|
|
117
|
-
|
|
118
102
|
return [state.rect, state.isEnd];
|
|
119
103
|
}
|
package/es/Player/api/index.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _nextTick from "@cloud-app-dev/utils/es/nextTick";
|
|
2
1
|
import _useMemoizedFn from "ahooks/es/useMemoizedFn";
|
|
3
2
|
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); }
|
|
4
3
|
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; }
|
|
@@ -19,6 +18,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
19
18
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
19
|
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); }
|
|
21
20
|
import { useEffect, useMemo, useState } from 'react';
|
|
21
|
+
import nextTick from "../../nextTick";
|
|
22
22
|
import { likeGo } from "../../utils";
|
|
23
23
|
import { createFlvPlayer, createHlsPlayer } from "../util";
|
|
24
24
|
var Api = /*#__PURE__*/function () {
|
|
@@ -273,7 +273,7 @@ export function usePlayerApi(url, type, isLive, container, segments, flvConfig,
|
|
|
273
273
|
var api = new Api(container);
|
|
274
274
|
setApi(api);
|
|
275
275
|
return function () {
|
|
276
|
-
return
|
|
276
|
+
return nextTick(function () {
|
|
277
277
|
return api.destroy();
|
|
278
278
|
});
|
|
279
279
|
};
|
package/es/Player/context.js
CHANGED
|
@@ -1,22 +1,18 @@
|
|
|
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
|
var _excluded = ["children"];
|
|
2
|
-
|
|
3
3
|
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; }
|
|
4
|
-
|
|
5
4
|
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; }
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
5
|
+
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; }
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
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); }
|
|
9
8
|
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; }
|
|
10
|
-
|
|
11
9
|
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; }
|
|
12
|
-
|
|
13
10
|
import React from 'react';
|
|
14
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
12
|
export var Context = /*#__PURE__*/React.createContext(null);
|
|
16
13
|
export function Provider(_ref) {
|
|
17
14
|
var children = _ref.children,
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
16
|
return /*#__PURE__*/_jsx(Context.Provider, {
|
|
21
17
|
value: _objectSpread({}, props),
|
|
22
18
|
children: children
|
|
@@ -1,35 +1,28 @@
|
|
|
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
|
var _excluded = ["visibel", "className", "children"];
|
|
2
|
-
|
|
3
3
|
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; }
|
|
4
|
-
|
|
5
4
|
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; }
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
5
|
+
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; }
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
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); }
|
|
9
8
|
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; }
|
|
10
|
-
|
|
11
9
|
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; }
|
|
12
|
-
|
|
13
10
|
import React from 'react';
|
|
14
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
-
|
|
16
12
|
function Bar(_ref) {
|
|
17
13
|
var _ref$visibel = _ref.visibel,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
14
|
+
visibel = _ref$visibel === void 0 ? true : _ref$visibel,
|
|
15
|
+
_ref$className = _ref.className,
|
|
16
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
17
|
+
children = _ref.children,
|
|
18
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
19
|
if (visibel === false) {
|
|
25
20
|
return null;
|
|
26
21
|
}
|
|
27
|
-
|
|
28
22
|
return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
|
|
29
23
|
className: "contraller-bar-item ".concat(className)
|
|
30
24
|
}, props), {}, {
|
|
31
25
|
children: children
|
|
32
26
|
}));
|
|
33
27
|
}
|
|
34
|
-
|
|
35
28
|
export default Bar;
|
|
@@ -1,44 +1,31 @@
|
|
|
1
1
|
import _useEventListener from "ahooks/es/useEventListener";
|
|
2
2
|
import _useMount from "ahooks/es/useMount";
|
|
3
|
-
|
|
4
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
|
-
|
|
6
4
|
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."); }
|
|
7
|
-
|
|
8
5
|
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); }
|
|
9
|
-
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
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; }
|
|
13
|
-
|
|
6
|
+
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; }
|
|
7
|
+
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; } }
|
|
14
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
-
|
|
16
9
|
import React, { useContext, useRef, useState } from 'react';
|
|
17
10
|
import { Context } from "../context";
|
|
18
11
|
import EventName from "../event/eventName";
|
|
19
12
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
20
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
|
-
|
|
22
14
|
function ContrallerEvent(_ref) {
|
|
23
15
|
var children = _ref.children;
|
|
24
|
-
|
|
25
16
|
var _useContext = useContext(Context),
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
event = _useContext.event,
|
|
18
|
+
container = _useContext.container;
|
|
29
19
|
var timer = useRef();
|
|
30
|
-
|
|
31
20
|
var _useState = useState(true),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
21
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
22
|
+
visibel = _useState2[0],
|
|
23
|
+
setVisibel = _useState2[1];
|
|
36
24
|
var showContraller = function showContraller() {
|
|
37
25
|
clearTimeout(timer.current);
|
|
38
26
|
setVisibel(true);
|
|
39
27
|
event === null || event === void 0 ? void 0 : event.emit(EventName.SHOW_CONTRALLER);
|
|
40
28
|
};
|
|
41
|
-
|
|
42
29
|
var hideContraller = function hideContraller() {
|
|
43
30
|
clearTimeout(timer.current);
|
|
44
31
|
timer.current = setTimeout(function () {
|
|
@@ -46,19 +33,15 @@ function ContrallerEvent(_ref) {
|
|
|
46
33
|
event === null || event === void 0 ? void 0 : event.emit(EventName.HIDE_CONTRALLER);
|
|
47
34
|
}, 3 * 1000);
|
|
48
35
|
};
|
|
49
|
-
|
|
50
36
|
_useMount(function () {
|
|
51
37
|
return hideContraller();
|
|
52
38
|
});
|
|
53
|
-
|
|
54
39
|
_useEventListener('mouseenter', showContraller, {
|
|
55
40
|
target: container
|
|
56
41
|
});
|
|
57
|
-
|
|
58
42
|
_useEventListener('mouseleave', hideContraller, {
|
|
59
43
|
target: container
|
|
60
44
|
});
|
|
61
|
-
|
|
62
45
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
63
46
|
children: React.Children.map(children, function (child) {
|
|
64
47
|
return /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
|
|
@@ -67,5 +50,4 @@ function ContrallerEvent(_ref) {
|
|
|
67
50
|
})
|
|
68
51
|
});
|
|
69
52
|
}
|
|
70
|
-
|
|
71
53
|
export default ContrallerEvent;
|
|
@@ -5,16 +5,15 @@ import "../style/bar.less";
|
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
-
|
|
9
8
|
function ContrallerBar(_ref) {
|
|
10
9
|
var rightExtContents = _ref.rightExtContents,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
rightMidExtContents = _ref.rightMidExtContents,
|
|
11
|
+
visibel = _ref.visibel,
|
|
12
|
+
leftExtContents = _ref.leftExtContents,
|
|
13
|
+
leftMidExtContents = _ref.leftMidExtContents,
|
|
14
|
+
reload = _ref.reload,
|
|
15
|
+
hideTimeProgress = _ref.hideTimeProgress,
|
|
16
|
+
oneFpsPlay = _ref.oneFpsPlay;
|
|
18
17
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
19
18
|
children: /*#__PURE__*/_jsxs("div", {
|
|
20
19
|
className: "contraller-bar-layout ".concat(!visibel ? 'hide-contraller-bar' : ''),
|
|
@@ -31,5 +30,4 @@ function ContrallerBar(_ref) {
|
|
|
31
30
|
})
|
|
32
31
|
});
|
|
33
32
|
}
|
|
34
|
-
|
|
35
33
|
export default ContrallerBar;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
2
|
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."); }
|
|
4
|
-
|
|
5
3
|
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); }
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
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; }
|
|
10
|
-
|
|
4
|
+
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; }
|
|
5
|
+
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; } }
|
|
11
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
7
|
import React, { useCallback, useContext, useMemo, useState } from 'react';
|
|
14
8
|
import { Context } from "../context";
|
|
15
9
|
import { useVideoEvent } from "../event";
|
|
@@ -19,35 +13,30 @@ import Time from "./time";
|
|
|
19
13
|
import Volume from "./volume";
|
|
20
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
15
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
-
|
|
23
16
|
function LeftBar(_ref) {
|
|
24
17
|
var reload = _ref.reload,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
18
|
+
leftExtContents = _ref.leftExtContents,
|
|
19
|
+
leftMidExtContents = _ref.leftMidExtContents,
|
|
20
|
+
hideTimeProgress = _ref.hideTimeProgress,
|
|
21
|
+
oneFpsPlay = _ref.oneFpsPlay;
|
|
30
22
|
var _useContext = useContext(Context),
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
23
|
+
api = _useContext.api,
|
|
24
|
+
container = _useContext.container,
|
|
25
|
+
isLive = _useContext.isLive,
|
|
26
|
+
isFpsPlay = _useContext.isFpsPlay;
|
|
36
27
|
var _useState = useState(Date.now()),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
dep = _useState2[0],
|
|
30
|
+
setDep = _useState2[1];
|
|
41
31
|
var updateRender = function updateRender() {
|
|
42
32
|
return setDep(Date.now());
|
|
43
33
|
};
|
|
44
|
-
|
|
45
34
|
useVideoEvent('play', updateRender);
|
|
46
35
|
useVideoEvent('pause', updateRender);
|
|
47
36
|
useVideoEvent('volumechange', updateRender);
|
|
48
|
-
var video = container === null || container === void 0 ? void 0 : container.querySelector('video');
|
|
37
|
+
var video = container === null || container === void 0 ? void 0 : container.querySelector('video');
|
|
38
|
+
//缓存值
|
|
49
39
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
50
|
-
|
|
51
40
|
var paused = useMemo(function () {
|
|
52
41
|
return video === null || video === void 0 ? void 0 : video.paused;
|
|
53
42
|
}, [dep, video]);
|
|
@@ -56,12 +45,12 @@ function LeftBar(_ref) {
|
|
|
56
45
|
}, [paused]);
|
|
57
46
|
var statusText = useMemo(function () {
|
|
58
47
|
return paused ? '播放' : '暂停';
|
|
59
|
-
}, [paused]);
|
|
48
|
+
}, [paused]);
|
|
60
49
|
|
|
50
|
+
//TODO 方法
|
|
61
51
|
var changePlayStatus = useCallback(function () {
|
|
62
52
|
if (video !== null && video !== void 0 && video.paused) {
|
|
63
53
|
var _api$getSecondsLoaded;
|
|
64
|
-
|
|
65
54
|
var buffered = (_api$getSecondsLoaded = api === null || api === void 0 ? void 0 : api.getSecondsLoaded()) !== null && _api$getSecondsLoaded !== void 0 ? _api$getSecondsLoaded : 1;
|
|
66
55
|
api === null || api === void 0 ? void 0 : api.seekTo(buffered - 1);
|
|
67
56
|
api === null || api === void 0 ? void 0 : api.play();
|
|
@@ -96,5 +85,4 @@ function LeftBar(_ref) {
|
|
|
96
85
|
}), leftMidExtContents]
|
|
97
86
|
});
|
|
98
87
|
}
|
|
99
|
-
|
|
100
88
|
export default LeftBar;
|
|
@@ -1,30 +1,21 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
2
|
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."); }
|
|
4
|
-
|
|
5
3
|
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); }
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
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; }
|
|
10
|
-
|
|
4
|
+
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; }
|
|
5
|
+
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; } }
|
|
11
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
7
|
import React from 'react';
|
|
14
8
|
import { useTimes } from "../timeline";
|
|
15
9
|
import { timeStamp } from "../util";
|
|
16
10
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
|
-
|
|
18
11
|
function Time() {
|
|
19
12
|
var _useTimes = useTimes(),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
_useTimes2 = _slicedToArray(_useTimes, 3),
|
|
14
|
+
current = _useTimes2[0],
|
|
15
|
+
duration = _useTimes2[2];
|
|
24
16
|
return /*#__PURE__*/_jsxs("span", {
|
|
25
17
|
className: "video-time-progress",
|
|
26
18
|
children: [timeStamp(current), "/", timeStamp(duration || 0)]
|
|
27
19
|
});
|
|
28
20
|
}
|
|
29
|
-
|
|
30
21
|
export default Time;
|
|
@@ -1,37 +1,28 @@
|
|
|
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 { useContext, useState } from 'react';
|
|
20
14
|
import { Context } from "../context";
|
|
21
15
|
import { useRegisterPlayerEvents } from "../event";
|
|
22
16
|
import EventName from "../event/eventName";
|
|
23
|
-
|
|
24
17
|
function useBarStatus() {
|
|
25
18
|
var _useContext = useContext(Context),
|
|
26
|
-
|
|
27
|
-
|
|
19
|
+
event = _useContext.event;
|
|
28
20
|
var _useState = useState({
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
21
|
+
status: 1
|
|
22
|
+
}),
|
|
23
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
+
state = _useState2[0],
|
|
25
|
+
setState = _useState2[1];
|
|
35
26
|
var show = function show() {
|
|
36
27
|
return setState(function (old) {
|
|
37
28
|
return _objectSpread(_objectSpread({}, old), {}, {
|
|
@@ -39,7 +30,6 @@ function useBarStatus() {
|
|
|
39
30
|
});
|
|
40
31
|
});
|
|
41
32
|
};
|
|
42
|
-
|
|
43
33
|
var hide = function hide() {
|
|
44
34
|
return setState(function (old) {
|
|
45
35
|
return _objectSpread(_objectSpread({}, old), {}, {
|
|
@@ -47,9 +37,7 @@ function useBarStatus() {
|
|
|
47
37
|
});
|
|
48
38
|
});
|
|
49
39
|
};
|
|
50
|
-
|
|
51
40
|
useRegisterPlayerEvents(event, [[EventName.SHOW_CONTRALLER, show], [EventName.HIDE_CONTRALLER, hide]]);
|
|
52
41
|
return state.status;
|
|
53
42
|
}
|
|
54
|
-
|
|
55
43
|
export default useBarStatus;
|
|
@@ -1,56 +1,40 @@
|
|
|
1
1
|
import _useUpdateEffect from "ahooks/es/useUpdateEffect";
|
|
2
2
|
import _useUpdate from "ahooks/es/useUpdate";
|
|
3
|
-
|
|
4
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
|
-
|
|
6
4
|
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."); }
|
|
7
|
-
|
|
8
5
|
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); }
|
|
9
|
-
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
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; }
|
|
13
|
-
|
|
6
|
+
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; }
|
|
7
|
+
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; } }
|
|
14
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
-
|
|
16
9
|
import { Slider, Tooltip } from 'antd';
|
|
17
10
|
import React, { useMemo, useState } from 'react';
|
|
18
11
|
import IconFont from "../iconfont";
|
|
19
12
|
import "../style/volume.less";
|
|
20
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
|
-
|
|
22
14
|
function Volume(_ref) {
|
|
23
15
|
var _api$getVolume;
|
|
24
|
-
|
|
25
16
|
var api = _ref.api,
|
|
26
|
-
|
|
27
|
-
|
|
17
|
+
style = _ref.style;
|
|
28
18
|
var _useState = useState(Math.round((_api$getVolume = api === null || api === void 0 ? void 0 : api.getVolume()) !== null && _api$getVolume !== void 0 ? _api$getVolume : 0 * 100)),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
19
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
20
|
+
val = _useState2[0],
|
|
21
|
+
setVal = _useState2[1];
|
|
22
|
+
var update = _useUpdate();
|
|
23
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
36
24
|
var volume = useMemo(function () {
|
|
37
25
|
return api !== null && api !== void 0 && api.muted ? 0 : val;
|
|
38
26
|
}, undefined);
|
|
39
|
-
|
|
40
27
|
var onChange = function onChange(num) {
|
|
41
28
|
if (api !== null && api !== void 0 && api.muted) {
|
|
42
29
|
api === null || api === void 0 ? void 0 : api.unmute();
|
|
43
30
|
}
|
|
44
|
-
|
|
45
31
|
setVal(num);
|
|
46
32
|
update();
|
|
47
33
|
};
|
|
48
|
-
|
|
49
34
|
var toggleMuted = function toggleMuted() {
|
|
50
35
|
if (!api) {
|
|
51
36
|
return;
|
|
52
37
|
}
|
|
53
|
-
|
|
54
38
|
if (api.muted) {
|
|
55
39
|
api.unmute();
|
|
56
40
|
setVal(100);
|
|
@@ -58,16 +42,13 @@ function Volume(_ref) {
|
|
|
58
42
|
api.mute();
|
|
59
43
|
setVal(0);
|
|
60
44
|
}
|
|
61
|
-
|
|
62
45
|
update();
|
|
63
46
|
};
|
|
64
|
-
|
|
65
47
|
_useUpdateEffect(function () {
|
|
66
48
|
return api === null || api === void 0 ? void 0 : api.setVolume(val / 100);
|
|
67
49
|
}, [val]);
|
|
68
|
-
|
|
69
50
|
return /*#__PURE__*/_jsx(Tooltip, {
|
|
70
|
-
|
|
51
|
+
arrow: false,
|
|
71
52
|
overlayClassName: "lm-player-volume-popup",
|
|
72
53
|
title: /*#__PURE__*/_jsx(Slider, {
|
|
73
54
|
onChange: onChange,
|
|
@@ -81,5 +62,4 @@ function Volume(_ref) {
|
|
|
81
62
|
})
|
|
82
63
|
});
|
|
83
64
|
}
|
|
84
|
-
|
|
85
65
|
export default /*#__PURE__*/React.memo(Volume);
|