@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.
Files changed (113) hide show
  1. package/lib/api/index.d.ts +8 -0
  2. package/lib/api/index.js +43 -3
  3. package/lib/api/index.js.map +1 -1
  4. package/lib/api/types.d.ts +41 -4
  5. package/lib/components/set-tag-video/index.d.ts +9 -0
  6. package/lib/components/set-tag-video/index.js +196 -0
  7. package/lib/components/set-tag-video/index.js.map +1 -0
  8. package/lib/components/set-tag-video/style/css.js +4 -0
  9. package/lib/components/set-tag-video/style/css.js.map +1 -0
  10. package/lib/components/set-tag-video/style/index.css +104 -0
  11. package/lib/components/set-tag-video/style/index.d.ts +1 -0
  12. package/lib/components/set-tag-video/style/index.js +4 -0
  13. package/lib/components/set-tag-video/style/index.js.map +1 -0
  14. package/lib/components/set-tag-video/style/index.less +125 -0
  15. package/lib/components/split-screen/index.d.ts +11 -0
  16. package/lib/components/split-screen/index.js +203 -0
  17. package/lib/components/split-screen/index.js.map +1 -0
  18. package/lib/components/split-screen/style/css.js +4 -0
  19. package/lib/components/split-screen/style/css.js.map +1 -0
  20. package/lib/components/split-screen/style/index.css +21 -0
  21. package/lib/components/split-screen/style/index.d.ts +1 -0
  22. package/lib/components/split-screen/style/index.js +4 -0
  23. package/lib/components/split-screen/style/index.js.map +1 -0
  24. package/lib/components/split-screen/style/index.less +21 -0
  25. package/lib/components/tag-video/images/play.gif +0 -0
  26. package/lib/components/tag-video/index.d.ts +7 -0
  27. package/lib/components/tag-video/index.js +171 -0
  28. package/lib/components/tag-video/index.js.map +1 -0
  29. package/lib/components/tag-video/style/css.js +4 -0
  30. package/lib/components/tag-video/style/css.js.map +1 -0
  31. package/lib/components/tag-video/style/index.css +73 -0
  32. package/lib/components/tag-video/style/index.d.ts +1 -0
  33. package/lib/components/tag-video/style/index.js +4 -0
  34. package/lib/components/tag-video/style/index.js.map +1 -0
  35. package/lib/components/tag-video/style/index.less +69 -0
  36. package/lib/components/video-scale/index.d.ts +9 -0
  37. package/lib/components/video-scale/index.js +65 -0
  38. package/lib/components/video-scale/index.js.map +1 -0
  39. package/lib/components/video-scale/style/css.js +4 -0
  40. package/lib/components/video-scale/style/css.js.map +1 -0
  41. package/lib/components/video-scale/style/index.css +30 -0
  42. package/lib/components/video-scale/style/index.d.ts +1 -0
  43. package/lib/components/video-scale/style/index.js +4 -0
  44. package/lib/components/video-scale/style/index.js.map +1 -0
  45. package/lib/components/video-scale/style/index.less +31 -0
  46. package/lib/controls/index.d.ts +2 -0
  47. package/lib/controls/index.js +5 -3
  48. package/lib/controls/index.js.map +1 -1
  49. package/lib/controls/style/index.css +1 -0
  50. package/lib/controls/style/index.less +1 -0
  51. package/lib/history-control/index.js +5 -1
  52. package/lib/history-control/index.js.map +1 -1
  53. package/lib/history-control/style/index.css +1 -0
  54. package/lib/history-control/style/index.less +1 -0
  55. package/lib/history-control-v2/components/grid-item/index.d.ts +21 -0
  56. package/lib/history-control-v2/components/grid-item/index.js +207 -0
  57. package/lib/history-control-v2/components/grid-item/index.js.map +1 -0
  58. package/lib/history-control-v2/components/panel/index.d.ts +9 -0
  59. package/lib/history-control-v2/components/panel/index.js +477 -0
  60. package/lib/history-control-v2/components/panel/index.js.map +1 -0
  61. package/lib/history-control-v2/context.d.ts +17 -0
  62. package/lib/history-control-v2/context.js +12 -0
  63. package/lib/history-control-v2/context.js.map +1 -0
  64. package/lib/history-control-v2/images/collapse.png +0 -0
  65. package/lib/history-control-v2/images/empty.png +0 -0
  66. package/lib/history-control-v2/index.d.ts +11 -0
  67. package/lib/history-control-v2/index.js +418 -0
  68. package/lib/history-control-v2/index.js.map +1 -0
  69. package/lib/history-control-v2/interface.d.ts +137 -0
  70. package/lib/history-control-v2/style/css.js +24 -0
  71. package/lib/history-control-v2/style/css.js.map +1 -0
  72. package/lib/history-control-v2/style/index.css +435 -0
  73. package/lib/history-control-v2/style/index.d.ts +11 -0
  74. package/lib/history-control-v2/style/index.js +24 -0
  75. package/lib/history-control-v2/style/index.js.map +1 -0
  76. package/lib/history-control-v2/style/index.less +437 -0
  77. package/lib/history-control-v2/utils.d.ts +19 -0
  78. package/lib/history-control-v2/utils.js +132 -0
  79. package/lib/history-control-v2/utils.js.map +1 -0
  80. package/lib/history-player/index.d.ts +11 -3
  81. package/lib/history-player/index.js +99 -32
  82. package/lib/history-player/index.js.map +1 -1
  83. package/lib/icons/index.css +4 -0
  84. package/lib/icons/index.d.ts +29 -0
  85. package/lib/icons/index.js +1393 -19
  86. package/lib/icons/index.js.map +1 -1
  87. package/lib/icons/index.less +6 -0
  88. package/lib/index.d.ts +2 -0
  89. package/lib/index.js +16 -0
  90. package/lib/index.js.map +1 -1
  91. package/lib/live-control/index.js +5 -2
  92. package/lib/live-control/index.js.map +1 -1
  93. package/lib/live-control-v2/images/empty.png +0 -0
  94. package/lib/live-control-v2/index.d.ts +55 -0
  95. package/lib/live-control-v2/index.js +529 -0
  96. package/lib/live-control-v2/index.js.map +1 -0
  97. package/lib/live-control-v2/style/css.js +18 -0
  98. package/lib/live-control-v2/style/css.js.map +1 -0
  99. package/lib/live-control-v2/style/index.css +217 -0
  100. package/lib/live-control-v2/style/index.d.ts +8 -0
  101. package/lib/live-control-v2/style/index.js +18 -0
  102. package/lib/live-control-v2/style/index.js.map +1 -0
  103. package/lib/live-control-v2/style/index.less +192 -0
  104. package/lib/live-player/index.d.ts +1 -1
  105. package/lib/live-player/index.js +7 -2
  106. package/lib/live-player/index.js.map +1 -1
  107. package/lib/player/index.js +14 -3
  108. package/lib/player/index.js.map +1 -1
  109. package/lib/typings/h5player.d.ts +10 -8
  110. package/lib/utils/index.d.ts +17 -0
  111. package/lib/utils/index.js +20 -1
  112. package/lib/utils/index.js.map +1 -1
  113. 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,4 @@
1
+ "use strict";
2
+
3
+ require("./index.css");
4
+ //# sourceMappingURL=css.js.map
@@ -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,4 @@
1
+ "use strict";
2
+
3
+ require("./index.less");
4
+ //# sourceMappingURL=index.js.map
@@ -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
+ }
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { IChannel } from '../../history-control-v2/interface';
3
+ interface IProps {
4
+ channel: IChannel;
5
+ }
6
+ declare const TagVideo: React.FC<IProps>;
7
+ export default TagVideo;
@@ -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":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;EACxB,gBAAwB,IAAAC,eAAA,EAAS,EAAT,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EACA,iBAA8B,IAAAF,eAAA,EAAS,KAAT,CAA9B;EAAA;EAAA,IAAOG,OAAP;EAAA,IAAgBC,UAAhB;;EACA,kBAAkC,IAAAC,iBAAA,EAAWC,gCAAX,CAAlC;EAAA,IAAQC,QAAR,eAAQA,QAAR;EAAA,IAAkBC,WAAlB,eAAkBA,WAAlB;;EACA,IAAQC,OAAR,GAAoBV,KAApB,CAAQU,OAAR;EACA,IAAMC,iBAAiB,GAAG,IAAAC,sBAAA,EAAW,UAACV,IAAD;IAAA,OAAU,IAAAW,mBAAA,EAAeX,IAAf,CAAV;EAAA,CAAX,EAA2C;IACjEY,MAAM,EAAE,IADyD;IAEjEC,SAAS,EAAE,mBAACC,MAAD,EAAY;MACnB,IAAIA,MAAJ,EAAY;QACRb,OAAO,CAACa,MAAM,CAACC,OAAP,EAAD,CAAP;MACH;IACJ;EANgE,CAA3C,CAA1B;EAQA,IAAAC,gBAAA,EAAU,YAAM;IACZ,IAAId,OAAO,IAAI,IAAf,EAAqB;MACjBO,iBAAiB,CAACQ,GAAlB,CAAsB;QAClBC,SAAS,EAAEV,OAAO,CAACU,SADD;QAElBC,OAAO,EAAEX,OAAO,CAACW,OAFC;QAGlBC,cAAc,EAAEZ,OAAO,CAACY,cAHN;QAIlBC,QAAQ,EAAE,IAAAC,kBAAA,EAAY,UAAZ;MAJQ,CAAtB;IAMH;EACJ,CATD,EASG,CAACpB,OAAD,CATH;;EAUA,IAAMqB,QAAQ,GAAG,SAAXA,QAAW,CAACC,IAAD,EAAU;IACvB,IAAMC,WAAW,sBAAOnB,QAAP,CAAjB;;IACA,IAAMoB,aAAa,GAAGpB,QAAQ,CAACqB,SAAT,CAAmB,UAACH,IAAD;MAAA,OAAUA,IAAI,CAACI,UAAL,IAAmBpB,OAAO,CAACoB,UAArC;IAAA,CAAnB,CAAtB;IACAH,WAAW,CAACC,aAAD,CAAX,CAA2BG,KAA3B,GAAmC,CAAC,CAApC;IACAJ,WAAW,CAACC,aAAD,CAAX,CAA2BI,KAA3B,GAAmCN,IAAI,CAACO,EAAxC;IACAN,WAAW,CAACC,aAAD,CAAX,CAA2BR,SAA3B,GAAuCM,IAAI,CAACN,SAA5C;IACAO,WAAW,CAACC,aAAD,CAAX,CAA2BP,OAA3B,GAAqCK,IAAI,CAACL,OAA1C;IACAZ,WAAW,CAACkB,WAAD,CAAX;EACH,CARD;;EASA,OAAQ,IAAAO,eAAA,EAAKC,mBAAL,EAAcC,MAAM,CAACC,MAAP,CAAc;IAAEC,SAAS,EAAE,QAAb;IAAuBC,KAAK,EAAE,IAA9B;IAAoCC,OAAO,EAAEpC,OAA7C;IAAsDqC,gBAAgB,EAAE,eAAxE;IAAyFC,iBAAiB,EAAE,2BAACC,WAAD;MAAA,OAAiBA,WAAW,CAACC,aAA7B;IAAA,CAA5G;IAAwJC,OAAO,EAAE,IAAAC,gBAAA,EAAM,KAAN,EAAaV,MAAM,CAACC,MAAP,CAAc;MAAEU,SAAS,EAAE;IAAb,CAAd,EAA0C;MAAEC,QAAQ,EAAE,CAAC,IAAAF,gBAAA,EAAM,KAAN,EAAaV,MAAM,CAACC,MAAP,CAAc;QAAEU,SAAS,EAAE;MAAb,CAAd,EAA8C;QAAEC,QAAQ,EAAE,CAAC,IAAAF,gBAAA,EAAM,KAAN,EAAa;UAAEE,QAAQ,EAAE,CAAC,QAAD,EAAW9C,IAAI,CAAC+C,MAAhB,EAAwB,oBAAxB;QAAZ,CAAb,CAAD,EAA4E,IAAAf,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;UAAEU,SAAS,EAAE,iBAAb;UAAgCG,OAAO,EAAE,mBAAM;YACzc7C,UAAU,CAAC,KAAD,CAAV;UACH;QAF6Z,CAAd,EAE3Y;UAAE2C,QAAQ,EAAE,IAAAd,eAAA,EAAKiB,qBAAL,EAAoB,EAApB;QAAZ,CAF2Y,CAAZ,CAA5E;MAAZ,CAA9C,CAAb,CAAD,EAE7L,IAAAjB,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;QAAEU,SAAS,EAAE;MAAb,CAAd,EAAkD;QAAEC,QAAQ,EAAE9C,IAAI,CAACkD,GAAL,CAAS,UAAC1B,IAAD,EAAU;UACpJ,OAAQ,IAAAoB,gBAAA,EAAM,KAAN,EAAaV,MAAM,CAACC,MAAP,CAAc;YAAEU,SAAS,EAAE,gBAAb;YAA+BG,OAAO,EAAE,mBAAM;cACzEzB,QAAQ,CAACC,IAAD,CAAR;YACH;UAF8B,CAAd,EAEZ;YAAEsB,QAAQ,EAAE,CAAC,IAAAF,gBAAA,EAAM,KAAN,EAAaV,MAAM,CAACC,MAAP,CAAc;cAAEU,SAAS,EAAE;YAAb,CAAd,EAAmD;cAAEC,QAAQ,EAAE,CAAC,IAAAd,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;gBAAEU,SAAS,EAAE;cAAb,CAAd,EAAqD;gBAAEC,QAAQ,EAAEtB,IAAI,CAAC2B;cAAjB,CAArD,CAAZ,CAAD,EAA6F,IAAAnB,eAAA,EAAK,KAAL,EAAY;gBAAEc,QAAQ,EAAEtC,OAAO,CAACsB,KAAR,IAAiBN,IAAI,CAACO,EAAtB,GAA4B,IAAAC,eAAA,EAAK,KAAL,EAAY;kBAAEa,SAAS,EAAE;gBAAb,CAAZ,CAA5B,GAAiF,IAAAb,eAAA,EAAKoB,wBAAL,EAAwB;kBAAEC,MAAM,EAAE;gBAAV,CAAxB;cAA7F,CAAZ,CAA7F;YAAZ,CAAnD,CAAb,CAAD,EAAuU,IAAAT,gBAAA,EAAM,KAAN,EAAaV,MAAM,CAACC,MAAP,CAAc;cAAEU,SAAS,EAAE;YAAb,CAAd,EAAsD;cAAEC,QAAQ,EAAE,CAACtB,IAAI,CAACN,SAAN,EAAiB,GAAjB,EAAsBM,IAAI,CAACL,OAA3B;YAAZ,CAAtD,CAAb,CAAvU;UAAZ,CAFY,CAAb,EAEgdK,IAAI,CAACO,EAFrd,CAAR;QAGH,CAJoI;MAAZ,CAAlD,CAAZ,CAF6L;IAAZ,CAA1C,CAAb;EAAjK,CAAd,EAMS;IAAEe,QAAQ,EAAE,IAAAd,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;MAAEa,OAAO,EAAE,mBAAM;QAC1E7C,UAAU,CAAC,CAACD,OAAF,CAAV;MACH;IAF4D,CAAd,EAE1C;MAAE4C,QAAQ,EAAE,IAAAd,eAAA,EAAKsB,cAAL,EAAc;QAAED,MAAM,EAAEnD;MAAV,CAAd;IAAZ,CAF0C,CAAZ;EAAZ,CANT,CAAd,CAAR;AASH,CAzCD;;AA0CAL,QAAQ,CAAC0D,WAAT,GAAuB,UAAvB;eACe1D,Q"}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ require("./index.css");
4
+ //# sourceMappingURL=css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"css.js","names":[],"sources":["components/tag-video/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}