@vtx/player 0.0.30 → 1.0.0
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/lib/api/index.d.ts +8 -0
- package/lib/api/index.js +43 -3
- package/lib/api/index.js.map +1 -1
- package/lib/api/types.d.ts +41 -4
- package/lib/components/set-tag-video/index.d.ts +9 -0
- package/lib/components/set-tag-video/index.js +196 -0
- package/lib/components/set-tag-video/index.js.map +1 -0
- package/lib/components/set-tag-video/style/css.js +4 -0
- package/lib/components/set-tag-video/style/css.js.map +1 -0
- package/lib/components/set-tag-video/style/index.css +104 -0
- package/lib/components/set-tag-video/style/index.d.ts +1 -0
- package/lib/components/set-tag-video/style/index.js +4 -0
- package/lib/components/set-tag-video/style/index.js.map +1 -0
- package/lib/components/set-tag-video/style/index.less +125 -0
- package/lib/components/split-screen/index.d.ts +11 -0
- package/lib/components/split-screen/index.js +203 -0
- package/lib/components/split-screen/index.js.map +1 -0
- package/lib/components/split-screen/style/css.js +4 -0
- package/lib/components/split-screen/style/css.js.map +1 -0
- package/lib/components/split-screen/style/index.css +21 -0
- package/lib/components/split-screen/style/index.d.ts +1 -0
- package/lib/components/split-screen/style/index.js +4 -0
- package/lib/components/split-screen/style/index.js.map +1 -0
- package/lib/components/split-screen/style/index.less +21 -0
- package/lib/components/tag-video/images/play.gif +0 -0
- package/lib/components/tag-video/index.d.ts +7 -0
- package/lib/components/tag-video/index.js +171 -0
- package/lib/components/tag-video/index.js.map +1 -0
- package/lib/components/tag-video/style/css.js +4 -0
- package/lib/components/tag-video/style/css.js.map +1 -0
- package/lib/components/tag-video/style/index.css +73 -0
- package/lib/components/tag-video/style/index.d.ts +1 -0
- package/lib/components/tag-video/style/index.js +4 -0
- package/lib/components/tag-video/style/index.js.map +1 -0
- package/lib/components/tag-video/style/index.less +69 -0
- package/lib/components/video-scale/index.d.ts +9 -0
- package/lib/components/video-scale/index.js +65 -0
- package/lib/components/video-scale/index.js.map +1 -0
- package/lib/components/video-scale/style/css.js +4 -0
- package/lib/components/video-scale/style/css.js.map +1 -0
- package/lib/components/video-scale/style/index.css +30 -0
- package/lib/components/video-scale/style/index.d.ts +1 -0
- package/lib/components/video-scale/style/index.js +4 -0
- package/lib/components/video-scale/style/index.js.map +1 -0
- package/lib/components/video-scale/style/index.less +31 -0
- package/lib/controls/index.d.ts +2 -0
- package/lib/controls/index.js +5 -3
- package/lib/controls/index.js.map +1 -1
- package/lib/controls/style/index.css +1 -0
- package/lib/controls/style/index.less +1 -0
- package/lib/history-control/index.js +5 -1
- package/lib/history-control/index.js.map +1 -1
- package/lib/history-control/style/index.css +1 -0
- package/lib/history-control/style/index.less +1 -0
- package/lib/history-control-v2/components/grid-item/index.d.ts +21 -0
- package/lib/history-control-v2/components/grid-item/index.js +207 -0
- package/lib/history-control-v2/components/grid-item/index.js.map +1 -0
- package/lib/history-control-v2/components/panel/index.d.ts +9 -0
- package/lib/history-control-v2/components/panel/index.js +477 -0
- package/lib/history-control-v2/components/panel/index.js.map +1 -0
- package/lib/history-control-v2/context.d.ts +17 -0
- package/lib/history-control-v2/context.js +12 -0
- package/lib/history-control-v2/context.js.map +1 -0
- package/lib/history-control-v2/images/collapse.png +0 -0
- package/lib/history-control-v2/images/empty.png +0 -0
- package/lib/history-control-v2/index.d.ts +11 -0
- package/lib/history-control-v2/index.js +418 -0
- package/lib/history-control-v2/index.js.map +1 -0
- package/lib/history-control-v2/interface.d.ts +137 -0
- package/lib/history-control-v2/style/css.js +24 -0
- package/lib/history-control-v2/style/css.js.map +1 -0
- package/lib/history-control-v2/style/index.css +435 -0
- package/lib/history-control-v2/style/index.d.ts +11 -0
- package/lib/history-control-v2/style/index.js +24 -0
- package/lib/history-control-v2/style/index.js.map +1 -0
- package/lib/history-control-v2/style/index.less +437 -0
- package/lib/history-control-v2/utils.d.ts +19 -0
- package/lib/history-control-v2/utils.js +132 -0
- package/lib/history-control-v2/utils.js.map +1 -0
- package/lib/history-player/index.d.ts +11 -3
- package/lib/history-player/index.js +99 -32
- package/lib/history-player/index.js.map +1 -1
- package/lib/icons/index.css +4 -0
- package/lib/icons/index.d.ts +29 -0
- package/lib/icons/index.js +1393 -19
- package/lib/icons/index.js.map +1 -1
- package/lib/icons/index.less +6 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.js +16 -0
- package/lib/index.js.map +1 -1
- package/lib/live-control/index.js +5 -2
- package/lib/live-control/index.js.map +1 -1
- package/lib/live-control-v2/images/empty.png +0 -0
- package/lib/live-control-v2/index.d.ts +55 -0
- package/lib/live-control-v2/index.js +529 -0
- package/lib/live-control-v2/index.js.map +1 -0
- package/lib/live-control-v2/style/css.js +18 -0
- package/lib/live-control-v2/style/css.js.map +1 -0
- package/lib/live-control-v2/style/index.css +217 -0
- package/lib/live-control-v2/style/index.d.ts +8 -0
- package/lib/live-control-v2/style/index.js +18 -0
- package/lib/live-control-v2/style/index.js.map +1 -0
- package/lib/live-control-v2/style/index.less +192 -0
- package/lib/live-player/index.d.ts +1 -1
- package/lib/live-player/index.js +7 -2
- package/lib/live-player/index.js.map +1 -1
- package/lib/player/index.js +14 -3
- package/lib/player/index.js.map +1 -1
- package/lib/typings/h5player.d.ts +10 -8
- package/lib/utils/index.d.ts +17 -0
- package/lib/utils/index.js +20 -1
- package/lib/utils/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
@color: #fff;
|
|
2
|
+
@background-color: #131d27;
|
|
3
|
+
@border: 1px solid rgba(255,255,255,0.15);;
|
|
4
|
+
.set-tag-video {
|
|
5
|
+
//气泡
|
|
6
|
+
.ant-popover-inner-content {
|
|
7
|
+
background-color: @background-color;
|
|
8
|
+
padding: 0px;
|
|
9
|
+
}
|
|
10
|
+
.ant-popover-arrow-content {
|
|
11
|
+
background-color: @background-color;
|
|
12
|
+
&::before {
|
|
13
|
+
background-color: @background-color;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
//form表单
|
|
17
|
+
.ant-form-item-label > label {
|
|
18
|
+
color: @color;
|
|
19
|
+
}
|
|
20
|
+
.ant-form-item {
|
|
21
|
+
margin-bottom: 16px;
|
|
22
|
+
}
|
|
23
|
+
//输入框
|
|
24
|
+
.ant-input {
|
|
25
|
+
color: @color;
|
|
26
|
+
border: @border;
|
|
27
|
+
background-color: @background-color;
|
|
28
|
+
}
|
|
29
|
+
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
|
|
30
|
+
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
|
|
31
|
+
background-color: @background-color;
|
|
32
|
+
}
|
|
33
|
+
//按钮
|
|
34
|
+
.ant-btn-ghost {
|
|
35
|
+
color: @color;
|
|
36
|
+
border: @border;
|
|
37
|
+
}
|
|
38
|
+
//时间选中器外部样式
|
|
39
|
+
.ant-picker {
|
|
40
|
+
background-color: @background-color;
|
|
41
|
+
border: @border;
|
|
42
|
+
.ant-picker-suffix {
|
|
43
|
+
background-color: @background-color;
|
|
44
|
+
color: #bfbfbf;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
.ant-picker-input > input {
|
|
48
|
+
color: @color;
|
|
49
|
+
}
|
|
50
|
+
.ant-picker-clear {
|
|
51
|
+
color: @color;
|
|
52
|
+
background-color: @background-color;
|
|
53
|
+
}
|
|
54
|
+
.ant-picker-status-error.ant-picker,
|
|
55
|
+
.ant-picker-status-error.ant-picker:not([disabled]):hover {
|
|
56
|
+
background-color: @background-color;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.set-tag-video-popover {
|
|
60
|
+
padding: 16px 16px 1px 16px;
|
|
61
|
+
.btn {
|
|
62
|
+
display: flex;
|
|
63
|
+
justify-content: space-around;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
.dataPickerWrap {
|
|
68
|
+
//时间选中器内部样式
|
|
69
|
+
.ant-picker-panel {
|
|
70
|
+
border: @border;
|
|
71
|
+
}
|
|
72
|
+
.ant-picker-panel-container {
|
|
73
|
+
background-color: @background-color;
|
|
74
|
+
}
|
|
75
|
+
.ant-picker-time-panel-column
|
|
76
|
+
> li.ant-picker-time-panel-cell
|
|
77
|
+
.ant-picker-time-panel-cell-inner {
|
|
78
|
+
color: @color;
|
|
79
|
+
}
|
|
80
|
+
.ant-picker-time-panel-column:not(:first-child) {
|
|
81
|
+
border-left: @border;
|
|
82
|
+
}
|
|
83
|
+
.ant-picker-time-panel-column
|
|
84
|
+
> li.ant-picker-time-panel-cell
|
|
85
|
+
.ant-picker-time-panel-cell-inner:hover {
|
|
86
|
+
background-color: #58646a;
|
|
87
|
+
}
|
|
88
|
+
.ant-btn-primary[disabled],
|
|
89
|
+
.ant-btn-primary[disabled]:hover,
|
|
90
|
+
.ant-btn-primary[disabled]:focus,
|
|
91
|
+
.ant-btn-primary[disabled]:active {
|
|
92
|
+
background-color: #c1c1c1;
|
|
93
|
+
border: 1px solid #c1c1c1;
|
|
94
|
+
}
|
|
95
|
+
.ant-picker-time-panel-column
|
|
96
|
+
> li.ant-picker-time-panel-cell-selected
|
|
97
|
+
.ant-picker-time-panel-cell-inner {
|
|
98
|
+
background-color: #58646a;
|
|
99
|
+
}
|
|
100
|
+
.ant-picker-panel .ant-picker-footer {
|
|
101
|
+
border-top: @border;
|
|
102
|
+
}
|
|
103
|
+
::-webkit-scrollbar {
|
|
104
|
+
width: 6px;
|
|
105
|
+
height: 6px;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
::-webkit-scrollbar-track {
|
|
109
|
+
background: transparent;
|
|
110
|
+
border-radius: 5px;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
::-webkit-scrollbar-thumb {
|
|
114
|
+
background: rgba(255, 255, 255, 0.45);
|
|
115
|
+
border-radius: 5px;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
::-webkit-scrollbar-corner {
|
|
119
|
+
background-color: transparent;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
::-webkit-scrollbar-thumb:hover {
|
|
123
|
+
background: rgba(255, 255, 255, 0.65);
|
|
124
|
+
}
|
|
125
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type ISplitScreenGrid = 1 | 4 | 9 | 10 | 14 | 16 | 25 | 6 | 8 | 13 | 17 | 22;
|
|
3
|
+
interface IProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
/** 网格布局 */
|
|
6
|
+
grid: ISplitScreenGrid;
|
|
7
|
+
setGrid: (grid: ISplitScreenGrid) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const getRealGrid: (grid: any) => number;
|
|
10
|
+
declare const SplitScreen: React.FC<IProps>;
|
|
11
|
+
export default SplitScreen;
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getRealGrid = exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
|
|
10
|
+
var _icons = require("../../icons");
|
|
11
|
+
|
|
12
|
+
var _popover = _interopRequireDefault(require("antd/lib/popover"));
|
|
13
|
+
|
|
14
|
+
var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
|
|
18
|
+
var getRealGrid = function getRealGrid(grid) {
|
|
19
|
+
var gridList = [1, 4, 9, 10, 14, 16, 25, 6, 8, 13, 17, 22].sort(function (a, b) {
|
|
20
|
+
return a - b;
|
|
21
|
+
});
|
|
22
|
+
var girdNum = Number(grid);
|
|
23
|
+
var result = 4;
|
|
24
|
+
|
|
25
|
+
if (gridList.includes(girdNum)) {
|
|
26
|
+
result = grid;
|
|
27
|
+
} else if (girdNum < 1) {
|
|
28
|
+
result = 1;
|
|
29
|
+
} else if (girdNum > 25) {
|
|
30
|
+
result = 25;
|
|
31
|
+
} else {
|
|
32
|
+
for (var i = 0; i < gridList.length; i++) {
|
|
33
|
+
if (gridList[i] - girdNum > 0 || gridList[i] - girdNum == 0) {
|
|
34
|
+
result = gridList[i];
|
|
35
|
+
break;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
return result;
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
exports.getRealGrid = getRealGrid;
|
|
44
|
+
|
|
45
|
+
var SplitScreen = function SplitScreen(props) {
|
|
46
|
+
var children = props.children,
|
|
47
|
+
grid = props.grid,
|
|
48
|
+
setGrid = props.setGrid; // 如果传的是2 则显示4 ,传的是8 显示的是9
|
|
49
|
+
|
|
50
|
+
var realGrid = getRealGrid(grid);
|
|
51
|
+
return (0, _jsxRuntime.jsx)(_popover["default"], Object.assign({
|
|
52
|
+
placement: "top",
|
|
53
|
+
title: null,
|
|
54
|
+
overlayClassName: "split-screen",
|
|
55
|
+
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
56
|
+
return triggerNode.parentElement;
|
|
57
|
+
},
|
|
58
|
+
content: (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
59
|
+
className: "split-screen-popover"
|
|
60
|
+
}, {
|
|
61
|
+
children: [(0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
62
|
+
title: "1x1"
|
|
63
|
+
}, {
|
|
64
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
65
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid1x1Icon, {
|
|
66
|
+
active: realGrid === 1,
|
|
67
|
+
onClick: function onClick() {
|
|
68
|
+
return setGrid(1);
|
|
69
|
+
}
|
|
70
|
+
})
|
|
71
|
+
})
|
|
72
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
73
|
+
title: "2x2"
|
|
74
|
+
}, {
|
|
75
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
76
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid2x2Icon, {
|
|
77
|
+
active: realGrid === 4,
|
|
78
|
+
onClick: function onClick() {
|
|
79
|
+
return setGrid(4);
|
|
80
|
+
}
|
|
81
|
+
})
|
|
82
|
+
})
|
|
83
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
84
|
+
title: "1+5"
|
|
85
|
+
}, {
|
|
86
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
87
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid1x5Icon, {
|
|
88
|
+
active: realGrid === 6,
|
|
89
|
+
onClick: function onClick() {
|
|
90
|
+
return setGrid(6);
|
|
91
|
+
}
|
|
92
|
+
})
|
|
93
|
+
})
|
|
94
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
95
|
+
title: "1+7"
|
|
96
|
+
}, {
|
|
97
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
98
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid1x7Icon, {
|
|
99
|
+
active: realGrid === 8,
|
|
100
|
+
onClick: function onClick() {
|
|
101
|
+
return setGrid(8);
|
|
102
|
+
}
|
|
103
|
+
})
|
|
104
|
+
})
|
|
105
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
106
|
+
title: "3x3"
|
|
107
|
+
}, {
|
|
108
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
109
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid3x3Icon, {
|
|
110
|
+
active: realGrid === 9,
|
|
111
|
+
onClick: function onClick() {
|
|
112
|
+
return setGrid(9);
|
|
113
|
+
}
|
|
114
|
+
})
|
|
115
|
+
})
|
|
116
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
117
|
+
title: "1+9"
|
|
118
|
+
}, {
|
|
119
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
120
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid1x9Icon, {
|
|
121
|
+
active: realGrid === 10,
|
|
122
|
+
onClick: function onClick() {
|
|
123
|
+
return setGrid(10);
|
|
124
|
+
}
|
|
125
|
+
})
|
|
126
|
+
})
|
|
127
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
128
|
+
title: "1+12"
|
|
129
|
+
}, {
|
|
130
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
131
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid1x12Icon, {
|
|
132
|
+
active: realGrid === 13,
|
|
133
|
+
onClick: function onClick() {
|
|
134
|
+
return setGrid(13);
|
|
135
|
+
}
|
|
136
|
+
})
|
|
137
|
+
})
|
|
138
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
139
|
+
title: "1x13"
|
|
140
|
+
}, {
|
|
141
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
142
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid1x13Icon, {
|
|
143
|
+
active: realGrid === 14,
|
|
144
|
+
onClick: function onClick() {
|
|
145
|
+
return setGrid(14);
|
|
146
|
+
}
|
|
147
|
+
})
|
|
148
|
+
})
|
|
149
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
150
|
+
title: "4x4"
|
|
151
|
+
}, {
|
|
152
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
153
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid4x4Icon, {
|
|
154
|
+
active: realGrid === 16,
|
|
155
|
+
onClick: function onClick() {
|
|
156
|
+
return setGrid(16);
|
|
157
|
+
}
|
|
158
|
+
})
|
|
159
|
+
})
|
|
160
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
161
|
+
title: "1+16"
|
|
162
|
+
}, {
|
|
163
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
164
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid1x16Icon, {
|
|
165
|
+
active: realGrid === 17,
|
|
166
|
+
onClick: function onClick() {
|
|
167
|
+
return setGrid(17);
|
|
168
|
+
}
|
|
169
|
+
})
|
|
170
|
+
})
|
|
171
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
172
|
+
title: "1+21"
|
|
173
|
+
}, {
|
|
174
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
175
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid1x21Icon, {
|
|
176
|
+
active: realGrid === 22,
|
|
177
|
+
onClick: function onClick() {
|
|
178
|
+
return setGrid(22);
|
|
179
|
+
}
|
|
180
|
+
})
|
|
181
|
+
})
|
|
182
|
+
})), (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
183
|
+
title: "5x5"
|
|
184
|
+
}, {
|
|
185
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
186
|
+
children: (0, _jsxRuntime.jsx)(_icons.Grid5x5Icon, {
|
|
187
|
+
active: realGrid === 25,
|
|
188
|
+
onClick: function onClick() {
|
|
189
|
+
return setGrid(25);
|
|
190
|
+
}
|
|
191
|
+
})
|
|
192
|
+
})
|
|
193
|
+
}))]
|
|
194
|
+
}))
|
|
195
|
+
}, {
|
|
196
|
+
children: children
|
|
197
|
+
}));
|
|
198
|
+
};
|
|
199
|
+
|
|
200
|
+
SplitScreen.displayName = 'SplitScreen';
|
|
201
|
+
var _default = SplitScreen;
|
|
202
|
+
exports["default"] = _default;
|
|
203
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["getRealGrid","grid","gridList","sort","a","b","girdNum","Number","result","includes","i","length","SplitScreen","props","children","setGrid","realGrid","_jsx","Popover","Object","assign","placement","title","overlayClassName","getPopupContainer","triggerNode","parentElement","content","_jsxs","className","Tooltip","Grid1x1Icon","active","onClick","Grid2x2Icon","Grid1x5Icon","Grid1x7Icon","Grid3x3Icon","Grid1x9Icon","Grid1x12Icon","Grid1x13Icon","Grid4x4Icon","Grid1x16Icon","Grid1x21Icon","Grid5x5Icon","displayName"],"sources":["components/split-screen/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Grid1x1Icon, Grid1x5Icon, Grid1x7Icon, Grid1x9Icon, Grid1x12Icon, Grid1x13Icon, Grid1x16Icon, Grid1x21Icon, Grid2x2Icon, Grid3x3Icon, Grid4x4Icon, Grid5x5Icon, } from '../../icons';\nimport Popover from 'antd/lib/popover';\nimport Tooltip from 'antd/lib/tooltip';\nexport const getRealGrid = (grid) => {\n const gridList = [1, 4, 9, 10, 14, 16, 25, 6, 8, 13, 17, 22].sort((a, b) => a - b);\n const girdNum = Number(grid);\n let result = 4;\n if (gridList.includes(girdNum)) {\n result = grid;\n }\n else if (girdNum < 1) {\n result = 1;\n }\n else if (girdNum > 25) {\n result = 25;\n }\n else {\n for (let i = 0; i < gridList.length; i++) {\n if (gridList[i] - girdNum > 0 || gridList[i] - girdNum == 0) {\n result = gridList[i];\n break;\n }\n }\n }\n return result;\n};\nconst SplitScreen = (props) => {\n const { children, grid, setGrid } = props;\n // 如果传的是2 则显示4 ,传的是8 显示的是9\n const realGrid = getRealGrid(grid);\n return (_jsx(Popover, Object.assign({ placement: \"top\", title: null, overlayClassName: \"split-screen\", getPopupContainer: (triggerNode) => triggerNode.parentElement, content: _jsxs(\"div\", Object.assign({ className: \"split-screen-popover\" }, { children: [_jsx(Tooltip, Object.assign({ title: \"1x1\" }, { children: _jsx(\"div\", { children: _jsx(Grid1x1Icon, { active: realGrid === 1, onClick: () => setGrid(1) }) }) })), _jsx(Tooltip, Object.assign({ title: \"2x2\" }, { children: _jsx(\"div\", { children: _jsx(Grid2x2Icon, { active: realGrid === 4, onClick: () => setGrid(4) }) }) })), _jsx(Tooltip, Object.assign({ title: \"1+5\" }, { children: _jsx(\"div\", { children: _jsx(Grid1x5Icon, { active: realGrid === 6, onClick: () => setGrid(6) }) }) })), _jsx(Tooltip, Object.assign({ title: \"1+7\" }, { children: _jsx(\"div\", { children: _jsx(Grid1x7Icon, { active: realGrid === 8, onClick: () => setGrid(8) }) }) })), _jsx(Tooltip, Object.assign({ title: \"3x3\" }, { children: _jsx(\"div\", { children: _jsx(Grid3x3Icon, { active: realGrid === 9, onClick: () => setGrid(9) }) }) })), _jsx(Tooltip, Object.assign({ title: \"1+9\" }, { children: _jsx(\"div\", { children: _jsx(Grid1x9Icon, { active: realGrid === 10, onClick: () => setGrid(10) }) }) })), _jsx(Tooltip, Object.assign({ title: \"1+12\" }, { children: _jsx(\"div\", { children: _jsx(Grid1x12Icon, { active: realGrid === 13, onClick: () => setGrid(13) }) }) })), _jsx(Tooltip, Object.assign({ title: \"1x13\" }, { children: _jsx(\"div\", { children: _jsx(Grid1x13Icon, { active: realGrid === 14, onClick: () => setGrid(14) }) }) })), _jsx(Tooltip, Object.assign({ title: \"4x4\" }, { children: _jsx(\"div\", { children: _jsx(Grid4x4Icon, { active: realGrid === 16, onClick: () => setGrid(16) }) }) })), _jsx(Tooltip, Object.assign({ title: \"1+16\" }, { children: _jsx(\"div\", { children: _jsx(Grid1x16Icon, { active: realGrid === 17, onClick: () => setGrid(17) }) }) })), _jsx(Tooltip, Object.assign({ title: \"1+21\" }, { children: _jsx(\"div\", { children: _jsx(Grid1x21Icon, { active: realGrid === 22, onClick: () => setGrid(22) }) }) })), _jsx(Tooltip, Object.assign({ title: \"5x5\" }, { children: _jsx(\"div\", { children: _jsx(Grid5x5Icon, { active: realGrid === 25, onClick: () => setGrid(25) }) }) }))] })) }, { children: children })));\n};\nSplitScreen.displayName = 'SplitScreen';\nexport default SplitScreen;\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["components/split-screen/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.split-screen .ant-popover-inner-content {
|
|
2
|
+
background-color: #131d27;
|
|
3
|
+
padding: 16px 4px;
|
|
4
|
+
}
|
|
5
|
+
.split-screen .ant-popover-arrow-content {
|
|
6
|
+
background-color: #131d27;
|
|
7
|
+
}
|
|
8
|
+
.split-screen .ant-popover-arrow-content::before {
|
|
9
|
+
background-color: #131d27;
|
|
10
|
+
}
|
|
11
|
+
.split-screen .split-screen-popover {
|
|
12
|
+
width: 177px;
|
|
13
|
+
height: 80px;
|
|
14
|
+
display: grid;
|
|
15
|
+
grid-template-columns: repeat(4, 44px);
|
|
16
|
+
grid-template-rows: repeat(3, 28px);
|
|
17
|
+
-webkit-box-align: center;
|
|
18
|
+
-ms-flex-align: center;
|
|
19
|
+
align-items: center;
|
|
20
|
+
justify-items: center;
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './index.less';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["components/split-screen/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.split-screen {
|
|
2
|
+
.ant-popover-inner-content {
|
|
3
|
+
background-color: #131d27;
|
|
4
|
+
padding: 16px 4px;
|
|
5
|
+
}
|
|
6
|
+
.ant-popover-arrow-content {
|
|
7
|
+
background-color: #131d27;
|
|
8
|
+
&::before {
|
|
9
|
+
background-color: #131d27;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
.split-screen-popover {
|
|
13
|
+
width: 177px;
|
|
14
|
+
height: 80px;
|
|
15
|
+
display: grid;
|
|
16
|
+
grid-template-columns: repeat(4, 44px);
|
|
17
|
+
grid-template-rows: repeat(3, 28px);
|
|
18
|
+
align-items: center;
|
|
19
|
+
justify-items: center;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
Binary file
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
|
|
10
|
+
var _react = require("react");
|
|
11
|
+
|
|
12
|
+
var _api = require("../../api");
|
|
13
|
+
|
|
14
|
+
var _context = require("../../history-control-v2/context");
|
|
15
|
+
|
|
16
|
+
var _icons = require("../../icons");
|
|
17
|
+
|
|
18
|
+
var _utils = require("../../utils");
|
|
19
|
+
|
|
20
|
+
var _icons2 = require("@ant-design/icons");
|
|
21
|
+
|
|
22
|
+
var _useRequest = _interopRequireDefault(require("ahooks/lib/useRequest"));
|
|
23
|
+
|
|
24
|
+
var _popover = _interopRequireDefault(require("antd/lib/popover"));
|
|
25
|
+
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
+
|
|
28
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
29
|
+
|
|
30
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
31
|
+
|
|
32
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
33
|
+
|
|
34
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
35
|
+
|
|
36
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
37
|
+
|
|
38
|
+
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."); }
|
|
39
|
+
|
|
40
|
+
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); }
|
|
41
|
+
|
|
42
|
+
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; }
|
|
43
|
+
|
|
44
|
+
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; }
|
|
45
|
+
|
|
46
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
47
|
+
|
|
48
|
+
var TagVideo = function TagVideo(props) {
|
|
49
|
+
var _useState = (0, _react.useState)([]),
|
|
50
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
51
|
+
data = _useState2[0],
|
|
52
|
+
setData = _useState2[1];
|
|
53
|
+
|
|
54
|
+
var _useState3 = (0, _react.useState)(false),
|
|
55
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
56
|
+
tagShow = _useState4[0],
|
|
57
|
+
setTagShow = _useState4[1];
|
|
58
|
+
|
|
59
|
+
var _useContext = (0, _react.useContext)(_context.historyControlV2Context),
|
|
60
|
+
channels = _useContext.channels,
|
|
61
|
+
setChannels = _useContext.setChannels;
|
|
62
|
+
|
|
63
|
+
var channel = props.channel;
|
|
64
|
+
var videoLabelListRun = (0, _useRequest["default"])(function (data) {
|
|
65
|
+
return (0, _api.videoLabelList)(data);
|
|
66
|
+
}, {
|
|
67
|
+
manual: true,
|
|
68
|
+
onSuccess: function onSuccess(result) {
|
|
69
|
+
if (result) {
|
|
70
|
+
setData(result.reverse());
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
(0, _react.useEffect)(function () {
|
|
75
|
+
if (tagShow == true) {
|
|
76
|
+
videoLabelListRun.run({
|
|
77
|
+
startTime: channel.startTime,
|
|
78
|
+
endTime: channel.endTime,
|
|
79
|
+
videoChannelId: channel.videoChannelId,
|
|
80
|
+
tenantId: (0, _utils.getUrlParam)('tenantId')
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
}, [tagShow]);
|
|
84
|
+
|
|
85
|
+
var playVieo = function playVieo(item) {
|
|
86
|
+
var newChannels = _toConsumableArray(channels);
|
|
87
|
+
|
|
88
|
+
var channelsIndex = channels.findIndex(function (item) {
|
|
89
|
+
return item.channelNum == channel.channelNum;
|
|
90
|
+
});
|
|
91
|
+
newChannels[channelsIndex].index = -1;
|
|
92
|
+
newChannels[channelsIndex].tagId = item.id;
|
|
93
|
+
newChannels[channelsIndex].startTime = item.startTime;
|
|
94
|
+
newChannels[channelsIndex].endTime = item.endTime;
|
|
95
|
+
setChannels(newChannels);
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
return (0, _jsxRuntime.jsx)(_popover["default"], Object.assign({
|
|
99
|
+
placement: "bottom",
|
|
100
|
+
title: null,
|
|
101
|
+
visible: tagShow,
|
|
102
|
+
overlayClassName: "set-tag-video",
|
|
103
|
+
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
104
|
+
return triggerNode.parentElement;
|
|
105
|
+
},
|
|
106
|
+
content: (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
107
|
+
className: "tag-video"
|
|
108
|
+
}, {
|
|
109
|
+
children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
110
|
+
className: "tag-video-num"
|
|
111
|
+
}, {
|
|
112
|
+
children: [(0, _jsxRuntime.jsxs)("div", {
|
|
113
|
+
children: ["\u5171", data.length, "\u4E2A\u6807\u7B7E"]
|
|
114
|
+
}), (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
115
|
+
className: "tag-video-close",
|
|
116
|
+
onClick: function onClick() {
|
|
117
|
+
setTagShow(false);
|
|
118
|
+
}
|
|
119
|
+
}, {
|
|
120
|
+
children: (0, _jsxRuntime.jsx)(_icons2.CloseOutlined, {})
|
|
121
|
+
}))]
|
|
122
|
+
})), (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
123
|
+
className: "tag-video-content"
|
|
124
|
+
}, {
|
|
125
|
+
children: data.map(function (item) {
|
|
126
|
+
return (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
127
|
+
className: "tag-video-list",
|
|
128
|
+
onClick: function onClick() {
|
|
129
|
+
playVieo(item);
|
|
130
|
+
}
|
|
131
|
+
}, {
|
|
132
|
+
children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
133
|
+
className: "tag-video-list-top"
|
|
134
|
+
}, {
|
|
135
|
+
children: [(0, _jsxRuntime.jsx)("div", Object.assign({
|
|
136
|
+
className: "tag-video-list-title"
|
|
137
|
+
}, {
|
|
138
|
+
children: item.name
|
|
139
|
+
})), (0, _jsxRuntime.jsx)("div", {
|
|
140
|
+
children: channel.tagId == item.id ? (0, _jsxRuntime.jsx)("div", {
|
|
141
|
+
className: "tag-video-play-img"
|
|
142
|
+
}) : (0, _jsxRuntime.jsx)(_icons.PlayVideoBlueIcon, {
|
|
143
|
+
active: true
|
|
144
|
+
})
|
|
145
|
+
})]
|
|
146
|
+
})), (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
147
|
+
className: "tag-video-list-bottom"
|
|
148
|
+
}, {
|
|
149
|
+
children: [item.startTime, "-", item.endTime]
|
|
150
|
+
}))]
|
|
151
|
+
}), item.id);
|
|
152
|
+
})
|
|
153
|
+
}))]
|
|
154
|
+
}))
|
|
155
|
+
}, {
|
|
156
|
+
children: (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
157
|
+
onClick: function onClick() {
|
|
158
|
+
setTagShow(!tagShow);
|
|
159
|
+
}
|
|
160
|
+
}, {
|
|
161
|
+
children: (0, _jsxRuntime.jsx)(_icons.TagIcon, {
|
|
162
|
+
active: tagShow
|
|
163
|
+
})
|
|
164
|
+
}))
|
|
165
|
+
}));
|
|
166
|
+
};
|
|
167
|
+
|
|
168
|
+
TagVideo.displayName = 'TagVideo';
|
|
169
|
+
var _default = TagVideo;
|
|
170
|
+
exports["default"] = _default;
|
|
171
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["TagVideo","props","useState","data","setData","tagShow","setTagShow","useContext","historyControlV2Context","channels","setChannels","channel","videoLabelListRun","useRequest","videoLabelList","manual","onSuccess","result","reverse","useEffect","run","startTime","endTime","videoChannelId","tenantId","getUrlParam","playVieo","item","newChannels","channelsIndex","findIndex","channelNum","index","tagId","id","_jsx","Popover","Object","assign","placement","title","visible","overlayClassName","getPopupContainer","triggerNode","parentElement","content","_jsxs","className","children","length","onClick","CloseOutlined","map","name","PlayVideoBlueIcon","active","TagIcon","displayName"],"sources":["components/tag-video/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useContext, useEffect, useState } from 'react';\nimport { videoLabelList } from '../../api';\nimport { historyControlV2Context } from '../../history-control-v2/context';\nimport { PlayVideoBlueIcon, TagIcon } from '../../icons';\nimport { getUrlParam } from '../../utils';\nimport { CloseOutlined } from '@ant-design/icons';\nimport useRequest from 'ahooks/lib/useRequest';\nimport Popover from 'antd/lib/popover';\nconst TagVideo = (props) => {\n const [data, setData] = useState([]);\n const [tagShow, setTagShow] = useState(false);\n const { channels, setChannels } = useContext(historyControlV2Context);\n const { channel } = props;\n const videoLabelListRun = useRequest((data) => videoLabelList(data), {\n manual: true,\n onSuccess: (result) => {\n if (result) {\n setData(result.reverse());\n }\n },\n });\n useEffect(() => {\n if (tagShow == true) {\n videoLabelListRun.run({\n startTime: channel.startTime,\n endTime: channel.endTime,\n videoChannelId: channel.videoChannelId,\n tenantId: getUrlParam('tenantId'),\n });\n }\n }, [tagShow]);\n const playVieo = (item) => {\n const newChannels = [...channels];\n const channelsIndex = channels.findIndex((item) => item.channelNum == channel.channelNum);\n newChannels[channelsIndex].index = -1;\n newChannels[channelsIndex].tagId = item.id;\n newChannels[channelsIndex].startTime = item.startTime;\n newChannels[channelsIndex].endTime = item.endTime;\n setChannels(newChannels);\n };\n return (_jsx(Popover, Object.assign({ placement: \"bottom\", title: null, visible: tagShow, overlayClassName: \"set-tag-video\", getPopupContainer: (triggerNode) => triggerNode.parentElement, content: _jsxs(\"div\", Object.assign({ className: \"tag-video\" }, { children: [_jsxs(\"div\", Object.assign({ className: \"tag-video-num\" }, { children: [_jsxs(\"div\", { children: [\"\\u5171\", data.length, \"\\u4E2A\\u6807\\u7B7E\"] }), _jsx(\"div\", Object.assign({ className: \"tag-video-close\", onClick: () => {\n setTagShow(false);\n } }, { children: _jsx(CloseOutlined, {}) }))] })), _jsx(\"div\", Object.assign({ className: \"tag-video-content\" }, { children: data.map((item) => {\n return (_jsxs(\"div\", Object.assign({ className: \"tag-video-list\", onClick: () => {\n playVieo(item);\n } }, { children: [_jsxs(\"div\", Object.assign({ className: \"tag-video-list-top\" }, { children: [_jsx(\"div\", Object.assign({ className: \"tag-video-list-title\" }, { children: item.name })), _jsx(\"div\", { children: channel.tagId == item.id ? (_jsx(\"div\", { className: \"tag-video-play-img\" })) : (_jsx(PlayVideoBlueIcon, { active: true })) })] })), _jsxs(\"div\", Object.assign({ className: \"tag-video-list-bottom\" }, { children: [item.startTime, \"-\", item.endTime] }))] }), item.id));\n }) }))] })) }, { children: _jsx(\"div\", Object.assign({ onClick: () => {\n setTagShow(!tagShow);\n } }, { children: _jsx(TagIcon, { active: tagShow }) })) })));\n};\nTagVideo.displayName = 'TagVideo';\nexport default TagVideo;\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["components/tag-video/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|