@vtx/player 0.0.30 → 1.0.1
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 +9 -0
- package/lib/api/index.js +51 -3
- package/lib/api/index.js.map +1 -1
- package/lib/api/types.d.ts +58 -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 +533 -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 +140 -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 +136 -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,533 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.HistoryControlV2Panel = void 0;
|
|
7
|
+
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
|
|
10
|
+
var _react = require("react");
|
|
11
|
+
|
|
12
|
+
var _reactCollapsed = _interopRequireDefault(require("react-collapsed"));
|
|
13
|
+
|
|
14
|
+
var _api = require("../../../api");
|
|
15
|
+
|
|
16
|
+
var _icons = require("../../../icons");
|
|
17
|
+
|
|
18
|
+
var _utils = require("../../../utils");
|
|
19
|
+
|
|
20
|
+
var _context = require("../../context");
|
|
21
|
+
|
|
22
|
+
var _collapse = _interopRequireDefault(require("../../images/collapse.png"));
|
|
23
|
+
|
|
24
|
+
var _utils2 = require("../../utils");
|
|
25
|
+
|
|
26
|
+
var _ahooks = require("ahooks");
|
|
27
|
+
|
|
28
|
+
var _button = _interopRequireDefault(require("antd/lib/button"));
|
|
29
|
+
|
|
30
|
+
var _message = _interopRequireDefault(require("antd/lib/message"));
|
|
31
|
+
|
|
32
|
+
var _table = _interopRequireDefault(require("antd/lib/table"));
|
|
33
|
+
|
|
34
|
+
var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
|
|
35
|
+
|
|
36
|
+
var _moment = _interopRequireDefault(require("moment"));
|
|
37
|
+
|
|
38
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
39
|
+
|
|
40
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
41
|
+
|
|
42
|
+
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."); }
|
|
43
|
+
|
|
44
|
+
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); }
|
|
45
|
+
|
|
46
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
47
|
+
|
|
48
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
49
|
+
|
|
50
|
+
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; }
|
|
51
|
+
|
|
52
|
+
var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
53
|
+
var _useContext = (0, _react.useContext)(_context.historyControlV2Context),
|
|
54
|
+
channels = _useContext.channels,
|
|
55
|
+
setChannels = _useContext.setChannels,
|
|
56
|
+
setLoading = _useContext.setLoading,
|
|
57
|
+
activeIndex = _useContext.activeIndex,
|
|
58
|
+
setActiveIndex = _useContext.setActiveIndex,
|
|
59
|
+
timeLinePosition = _useContext.timeLinePosition;
|
|
60
|
+
|
|
61
|
+
var realChannels = channels.filter(function (item) {
|
|
62
|
+
return item.channelNum !== '';
|
|
63
|
+
});
|
|
64
|
+
var segmentsRef = (0, _react.useRef)(null);
|
|
65
|
+
|
|
66
|
+
var getRef = function getRef() {
|
|
67
|
+
return segmentsRef.current;
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
var onVideoClose = props.onVideoClose;
|
|
71
|
+
|
|
72
|
+
var _useCollapse = (0, _reactCollapsed["default"])({
|
|
73
|
+
defaultExpanded: false // 默认展开
|
|
74
|
+
|
|
75
|
+
}),
|
|
76
|
+
getCollapseProps = _useCollapse.getCollapseProps,
|
|
77
|
+
getToggleProps = _useCollapse.getToggleProps,
|
|
78
|
+
isExpanded = _useCollapse.isExpanded;
|
|
79
|
+
|
|
80
|
+
var _useRequest = (0, _ahooks.useRequest)(_api.getHistoryUrls, {
|
|
81
|
+
manual: true
|
|
82
|
+
}),
|
|
83
|
+
runAsync = _useRequest.runAsync;
|
|
84
|
+
|
|
85
|
+
var _useRequest2 = (0, _ahooks.useRequest)(_api.getPlaybackUrlSingle, {
|
|
86
|
+
manual: true
|
|
87
|
+
}),
|
|
88
|
+
GetHKV2Url = _useRequest2.runAsync;
|
|
89
|
+
|
|
90
|
+
var columns = [{
|
|
91
|
+
title: '序号',
|
|
92
|
+
dataIndex: 'index',
|
|
93
|
+
width: 50
|
|
94
|
+
}, {
|
|
95
|
+
title: '播放视频',
|
|
96
|
+
key: 'play',
|
|
97
|
+
width: 90,
|
|
98
|
+
render: function render(_, record, index) {
|
|
99
|
+
var _a;
|
|
100
|
+
|
|
101
|
+
var active = ((_a = channels === null || channels === void 0 ? void 0 : channels[activeIndex]) === null || _a === void 0 ? void 0 : _a.index) === index;
|
|
102
|
+
return (0, _jsxRuntime.jsx)(_button["default"], Object.assign({
|
|
103
|
+
className: "play-btn ".concat(active ? 'active' : ''),
|
|
104
|
+
onClick: function onClick() {
|
|
105
|
+
if (active) {
|
|
106
|
+
var newChannels = _toConsumableArray(channels);
|
|
107
|
+
|
|
108
|
+
newChannels[activeIndex].index = -1;
|
|
109
|
+
newChannels[activeIndex].startTime = '';
|
|
110
|
+
newChannels[activeIndex].endTime = '';
|
|
111
|
+
setChannels(newChannels);
|
|
112
|
+
onVideoClose && onVideoClose(newChannels[activeIndex]);
|
|
113
|
+
} else {
|
|
114
|
+
// eslint-disable-next-line no-inner-declarations
|
|
115
|
+
var deal = function deal(url) {
|
|
116
|
+
var newChannels = _toConsumableArray(channels);
|
|
117
|
+
|
|
118
|
+
newChannels[activeIndex].index = index;
|
|
119
|
+
newChannels[activeIndex].startTime = record.beginTime;
|
|
120
|
+
newChannels[activeIndex].endTime = record.endTime;
|
|
121
|
+
newChannels[activeIndex].tagId = '';
|
|
122
|
+
newChannels[activeIndex].url = url || record.url;
|
|
123
|
+
setChannels(newChannels);
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
if (record.hkType === 'HK_CAR_CLOUD_V2') {
|
|
127
|
+
GetHKV2Url({
|
|
128
|
+
code: record.code,
|
|
129
|
+
beginTime: record.beginTime,
|
|
130
|
+
endTime: record.endTime,
|
|
131
|
+
deviceId: record.deviceId,
|
|
132
|
+
channelNum: record.channelNum,
|
|
133
|
+
tenantId: (0, _utils.getUrlParam)('tenantId')
|
|
134
|
+
}).then(function (data) {
|
|
135
|
+
deal(data.playbackUrl);
|
|
136
|
+
});
|
|
137
|
+
} else {
|
|
138
|
+
deal();
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}, {
|
|
143
|
+
children: active ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
144
|
+
children: [(0, _jsxRuntime.jsx)(_icons.VideoCloseIcon, {
|
|
145
|
+
active: true
|
|
146
|
+
}), "\u5173\u95ED"]
|
|
147
|
+
}) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
148
|
+
children: [(0, _jsxRuntime.jsx)(_icons.VideoPlayIcon, {}), "\u64AD\u653E"]
|
|
149
|
+
})
|
|
150
|
+
}));
|
|
151
|
+
}
|
|
152
|
+
}, {
|
|
153
|
+
title: '设备名称',
|
|
154
|
+
dataIndex: 'deviceName'
|
|
155
|
+
}, {
|
|
156
|
+
title: '开始时间',
|
|
157
|
+
dataIndex: 'beginTime',
|
|
158
|
+
width: 170
|
|
159
|
+
}, {
|
|
160
|
+
title: '结束时间',
|
|
161
|
+
dataIndex: 'endTime',
|
|
162
|
+
width: 170
|
|
163
|
+
}, {
|
|
164
|
+
title: '持续时间',
|
|
165
|
+
width: 130,
|
|
166
|
+
dataIndex: 'duration'
|
|
167
|
+
}, {
|
|
168
|
+
title: '视频大小',
|
|
169
|
+
width: 110,
|
|
170
|
+
dataIndex: 'size'
|
|
171
|
+
}];
|
|
172
|
+
|
|
173
|
+
var loadData = function loadData(channel) {
|
|
174
|
+
setLoading(true);
|
|
175
|
+
runAsync({
|
|
176
|
+
deviceChannels: JSON.stringify(channel.deviceChannels),
|
|
177
|
+
protocol: channel.protocol,
|
|
178
|
+
beginTime: channel.beginTime,
|
|
179
|
+
endTime: channel.endTime,
|
|
180
|
+
token: (0, _utils.getUrlParam)('token')
|
|
181
|
+
}).then(function (res) {
|
|
182
|
+
if (Array.isArray(res)) {
|
|
183
|
+
if (res.length > 25) {
|
|
184
|
+
_message["default"].info('最多播放25个视频通道');
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
var newIds = _toConsumableArray(res).map(function (item) {
|
|
188
|
+
return "".concat(item.deviceId).concat(item.channelNum);
|
|
189
|
+
});
|
|
190
|
+
|
|
191
|
+
var newChannels = _toConsumableArray(channels);
|
|
192
|
+
|
|
193
|
+
channels.map(function (item, index) {
|
|
194
|
+
if (!newIds.includes("".concat(item.deviceId).concat(item.channelNum))) {
|
|
195
|
+
newChannels[index] = Object.assign({
|
|
196
|
+
channelIndex: index
|
|
197
|
+
}, _utils2.DEFAULT_PLAY_PARAMS);
|
|
198
|
+
}
|
|
199
|
+
});
|
|
200
|
+
var fetchArr = [],
|
|
201
|
+
fetchIndexArr = [];
|
|
202
|
+
res.filter(function (item, index) {
|
|
203
|
+
return index < 25;
|
|
204
|
+
}).map(function (item) {
|
|
205
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
206
|
+
/**
|
|
207
|
+
* 优化第一条数据的开始时间不要早于请求的开始时间
|
|
208
|
+
* 最后一条的结束时间不要晚于请求的结束时间
|
|
209
|
+
*/
|
|
210
|
+
|
|
211
|
+
|
|
212
|
+
if ((0, _moment["default"])((_a = item.list) === null || _a === void 0 ? void 0 : _a[0].beginTime).diff((0, _moment["default"])(channel.beginTime), 'seconds') < 0) {
|
|
213
|
+
item.list[0].beginTime = channel.beginTime;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
if ((0, _moment["default"])((_b = item.list) === null || _b === void 0 ? void 0 : _b[item.list.length - 1].endTime).diff((0, _moment["default"])(channel.endTime), 'seconds') > 0) {
|
|
217
|
+
item.list[item.list.length - 1].endTime = channel.endTime;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
var result = (_c = newChannels.filter(function (citem) {
|
|
221
|
+
return citem.deviceId === item.deviceId && citem.channelNum === item.channelNum;
|
|
222
|
+
})) === null || _c === void 0 ? void 0 : _c[0];
|
|
223
|
+
|
|
224
|
+
if (result) {
|
|
225
|
+
var isClose = newChannels[result.channelIndex].index === -1 && newChannels[result.channelIndex].tagId === '';
|
|
226
|
+
newChannels[result.channelIndex] = Object.assign(Object.assign({}, newChannels[result.channelIndex]), {
|
|
227
|
+
// 如果当前既没有播放列表 又没有播放标签 再 开始以第一个播放
|
|
228
|
+
index: isClose ? 0 : newChannels[result.channelIndex].index,
|
|
229
|
+
startTime: isClose ? ((_e = (_d = item.list) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.beginTime) || channel.beginTime : newChannels[result.channelIndex].startTime,
|
|
230
|
+
endTime: isClose ? ((_g = (_f = item.list) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.beginTime) || channel.beginTime : newChannels[result.channelIndex].endTime
|
|
231
|
+
});
|
|
232
|
+
} else {
|
|
233
|
+
var channelIndex = (_j = (_h = newChannels.filter(function (item) {
|
|
234
|
+
return item.channelNum === '';
|
|
235
|
+
})) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.channelIndex;
|
|
236
|
+
|
|
237
|
+
if (typeof channelIndex == 'number') {
|
|
238
|
+
// 过滤跨天的数据
|
|
239
|
+
item.list = item.list.filter(function (e) {
|
|
240
|
+
return e.beginTime.slice(0, 10) === e.endTime.slice(0, 10);
|
|
241
|
+
});
|
|
242
|
+
var data = (0, _utils2.getChannelData)(item, channel);
|
|
243
|
+
|
|
244
|
+
if (data.hkType === 'HK_CAR_CLOUD_V2') {
|
|
245
|
+
fetchArr.push(GetHKV2Url({
|
|
246
|
+
code: data.code,
|
|
247
|
+
beginTime: data.startTime,
|
|
248
|
+
endTime: data.endTime,
|
|
249
|
+
deviceId: data.deviceId,
|
|
250
|
+
channelNum: data.channelNum,
|
|
251
|
+
tenantId: (0, _utils.getUrlParam)('tenantId')
|
|
252
|
+
}));
|
|
253
|
+
fetchIndexArr.push(channelIndex);
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
newChannels[channelIndex] = Object.assign(Object.assign({}, newChannels[channelIndex]), data);
|
|
257
|
+
} else {
|
|
258
|
+
_message["default"].error('没有多余的播放位置');
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
});
|
|
262
|
+
|
|
263
|
+
if (fetchArr.length) {
|
|
264
|
+
Promise.all(fetchArr).then(function (data) {
|
|
265
|
+
data.forEach(function (e, index) {
|
|
266
|
+
newChannels[fetchIndexArr[index]] = Object.assign(Object.assign({}, newChannels[fetchIndexArr[index]]), {
|
|
267
|
+
url: e.playbackUrl
|
|
268
|
+
});
|
|
269
|
+
});
|
|
270
|
+
console.log(newChannels);
|
|
271
|
+
setChannels(newChannels);
|
|
272
|
+
});
|
|
273
|
+
} else {
|
|
274
|
+
setChannels(newChannels);
|
|
275
|
+
}
|
|
276
|
+
} else {
|
|
277
|
+
_message["default"].info('未查询到视频');
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
setLoading(false);
|
|
281
|
+
});
|
|
282
|
+
};
|
|
283
|
+
|
|
284
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
|
285
|
+
return {
|
|
286
|
+
load: function load(channel) {
|
|
287
|
+
loadData(channel);
|
|
288
|
+
}
|
|
289
|
+
};
|
|
290
|
+
});
|
|
291
|
+
return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
292
|
+
children: Array.isArray(realChannels) && realChannels.length > 0 ? (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
293
|
+
className: "collapse-controls"
|
|
294
|
+
}, {
|
|
295
|
+
children: [(0, _jsxRuntime.jsx)("div", Object.assign({
|
|
296
|
+
className: "action-bar"
|
|
297
|
+
}, getToggleProps({}), {
|
|
298
|
+
children: (0, _jsxRuntime.jsx)("img", {
|
|
299
|
+
src: _collapse["default"],
|
|
300
|
+
alt: "",
|
|
301
|
+
style: {
|
|
302
|
+
transform: "rotate(".concat(isExpanded ? 180 : 0, "deg)")
|
|
303
|
+
}
|
|
304
|
+
})
|
|
305
|
+
})), (0, _jsxRuntime.jsx)("section", Object.assign({
|
|
306
|
+
className: "collapse-panel-container"
|
|
307
|
+
}, getCollapseProps(), {
|
|
308
|
+
children: (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
309
|
+
className: "panels"
|
|
310
|
+
}, {
|
|
311
|
+
children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
312
|
+
className: "time-panel"
|
|
313
|
+
}, {
|
|
314
|
+
children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
315
|
+
className: "segments",
|
|
316
|
+
ref: segmentsRef
|
|
317
|
+
}, {
|
|
318
|
+
children: [(0, _jsxRuntime.jsx)(TimeVerticalLine, {
|
|
319
|
+
getRef: getRef,
|
|
320
|
+
history: channels === null || channels === void 0 ? void 0 : channels[activeIndex].segmentData,
|
|
321
|
+
onClick: function onClick(index, startTime, endTime) {
|
|
322
|
+
var newChannels = _toConsumableArray(channels);
|
|
323
|
+
|
|
324
|
+
newChannels[activeIndex] = Object.assign(Object.assign({}, newChannels[activeIndex]), {
|
|
325
|
+
index: index,
|
|
326
|
+
startTime: (0, _moment["default"])(startTime).format(_utils.TimeFormat.params),
|
|
327
|
+
endTime: (0, _moment["default"])(endTime).format(_utils.TimeFormat.params),
|
|
328
|
+
tagId: ''
|
|
329
|
+
});
|
|
330
|
+
setChannels(newChannels);
|
|
331
|
+
}
|
|
332
|
+
}), getSegments(channels === null || channels === void 0 ? void 0 : channels[activeIndex].segmentData)]
|
|
333
|
+
})), timeLinePosition >= 0 && (0, _jsxRuntime.jsx)(_icons.TimePositionIcon, {
|
|
334
|
+
className: "time-line-icon",
|
|
335
|
+
style: {
|
|
336
|
+
left: "".concat(timeLinePosition, "%")
|
|
337
|
+
}
|
|
338
|
+
}), (0, _jsxRuntime.jsx)(TimeLine, {})]
|
|
339
|
+
})), (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
340
|
+
style: {
|
|
341
|
+
display: 'flex'
|
|
342
|
+
}
|
|
343
|
+
}, {
|
|
344
|
+
children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
345
|
+
className: "panels-left"
|
|
346
|
+
}, {
|
|
347
|
+
children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
348
|
+
className: "panels-left-title"
|
|
349
|
+
}, {
|
|
350
|
+
children: ["\u89C6\u9891\u901A\u9053(", realChannels.length, ")"]
|
|
351
|
+
})), (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
352
|
+
className: "panels-left-wrap"
|
|
353
|
+
}, {
|
|
354
|
+
children: realChannels.map(function (item, index) {
|
|
355
|
+
return (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
356
|
+
className: "".concat(activeIndex == index ? 'panels-left-content-active' : '', " panels-left-content"),
|
|
357
|
+
onClick: function onClick() {
|
|
358
|
+
setActiveIndex(item.channelIndex);
|
|
359
|
+
}
|
|
360
|
+
}, {
|
|
361
|
+
children: (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
362
|
+
title: "".concat(item.channelName)
|
|
363
|
+
}, {
|
|
364
|
+
children: "".concat(item.channelName)
|
|
365
|
+
}))
|
|
366
|
+
}), "".concat(item.deviceId).concat(item.channelNum));
|
|
367
|
+
})
|
|
368
|
+
}))]
|
|
369
|
+
})), (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
370
|
+
className: "urls-panel",
|
|
371
|
+
style: {
|
|
372
|
+
flex: 1,
|
|
373
|
+
overflow: 'hidden',
|
|
374
|
+
width: "100%"
|
|
375
|
+
}
|
|
376
|
+
}, {
|
|
377
|
+
children: (0, _jsxRuntime.jsx)(_table["default"], {
|
|
378
|
+
className: "history-url-table",
|
|
379
|
+
columns: columns,
|
|
380
|
+
dataSource: (channels === null || channels === void 0 ? void 0 : channels[activeIndex].tableList) || [],
|
|
381
|
+
scroll: {
|
|
382
|
+
y: 100
|
|
383
|
+
},
|
|
384
|
+
pagination: false,
|
|
385
|
+
rowKey: function rowKey() {
|
|
386
|
+
return (0, _utils.guid)();
|
|
387
|
+
},
|
|
388
|
+
rowClassName: function rowClassName(_, index) {
|
|
389
|
+
var _a;
|
|
390
|
+
|
|
391
|
+
return index === ((_a = channels === null || channels === void 0 ? void 0 : channels[activeIndex]) === null || _a === void 0 ? void 0 : _a.index) ? 'active' : '';
|
|
392
|
+
}
|
|
393
|
+
})
|
|
394
|
+
}))]
|
|
395
|
+
}))]
|
|
396
|
+
}))
|
|
397
|
+
}))]
|
|
398
|
+
})) : null
|
|
399
|
+
});
|
|
400
|
+
});
|
|
401
|
+
exports.HistoryControlV2Panel = HistoryControlV2Panel;
|
|
402
|
+
|
|
403
|
+
var TimeLine = function TimeLine() {
|
|
404
|
+
var getSplitLines = function getSplitLines() {
|
|
405
|
+
var result = [];
|
|
406
|
+
var step = 100 / 24;
|
|
407
|
+
|
|
408
|
+
for (var i = 0; i < 25; i++) {
|
|
409
|
+
var element = (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
410
|
+
className: "line",
|
|
411
|
+
style: {
|
|
412
|
+
left: "".concat(step * i, "%")
|
|
413
|
+
}
|
|
414
|
+
}, {
|
|
415
|
+
children: (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
416
|
+
className: "number"
|
|
417
|
+
}, {
|
|
418
|
+
children: i >= 10 ? i : '0' + i
|
|
419
|
+
}))
|
|
420
|
+
}), i);
|
|
421
|
+
result.push(element);
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
return result;
|
|
425
|
+
};
|
|
426
|
+
|
|
427
|
+
return (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
428
|
+
className: "time-axis"
|
|
429
|
+
}, {
|
|
430
|
+
children: [(0, _jsxRuntime.jsx)("div", {
|
|
431
|
+
className: "axis"
|
|
432
|
+
}), (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
433
|
+
className: "split-lines"
|
|
434
|
+
}, {
|
|
435
|
+
children: getSplitLines()
|
|
436
|
+
}))]
|
|
437
|
+
}));
|
|
438
|
+
};
|
|
439
|
+
|
|
440
|
+
var ONEDAY_MILL = 24 * 60 * 60 * 1000;
|
|
441
|
+
|
|
442
|
+
var TimeVerticalLine = function TimeVerticalLine(_ref) {
|
|
443
|
+
var getRef = _ref.getRef,
|
|
444
|
+
history = _ref.history,
|
|
445
|
+
_onClick = _ref.onClick;
|
|
446
|
+
|
|
447
|
+
var _a;
|
|
448
|
+
|
|
449
|
+
var mouse = (0, _ahooks.useMouse)(getRef());
|
|
450
|
+
var elementX = mouse.elementX,
|
|
451
|
+
elementY = mouse.elementY,
|
|
452
|
+
elementW = mouse.elementW,
|
|
453
|
+
elementH = mouse.elementH;
|
|
454
|
+
var visible = elementX >= 0 && elementY >= 0 && elementX <= elementW && elementY <= elementH; // 计算elementX在整个宽度的占比,根据占比在一天中的比例算出具体时间,最后判断这个时间是否在某段视频中。在则显示提示时间。
|
|
455
|
+
|
|
456
|
+
var percent = elementX / elementW;
|
|
457
|
+
var time = (0, _moment["default"])((0, _moment["default"])(history.start).valueOf() + percent * ONEDAY_MILL).format(_utils.TimeFormat.params);
|
|
458
|
+
var flag = false,
|
|
459
|
+
playStart = -1,
|
|
460
|
+
playEnd = -1,
|
|
461
|
+
index = -1;
|
|
462
|
+
var now = (0, _moment["default"])(time).valueOf();
|
|
463
|
+
|
|
464
|
+
for (var i = 0; i < ((_a = history.list) === null || _a === void 0 ? void 0 : _a.length); i++) {
|
|
465
|
+
var begin = (0, _moment["default"])(history.list[i].beginTime).valueOf(),
|
|
466
|
+
end = (0, _moment["default"])(history.list[i].endTime).valueOf();
|
|
467
|
+
|
|
468
|
+
if (now >= begin && now <= end) {
|
|
469
|
+
index = i; // url = history.list[i].playbackUrl;
|
|
470
|
+
|
|
471
|
+
playStart = now;
|
|
472
|
+
playEnd = end;
|
|
473
|
+
flag = true;
|
|
474
|
+
break;
|
|
475
|
+
}
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
return visible ? flag ? (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
|
|
479
|
+
title: time
|
|
480
|
+
}, {
|
|
481
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
482
|
+
className: "timeline",
|
|
483
|
+
style: {
|
|
484
|
+
left: elementX
|
|
485
|
+
},
|
|
486
|
+
onClick: function onClick() {
|
|
487
|
+
return _onClick(index, playStart, playEnd);
|
|
488
|
+
}
|
|
489
|
+
})
|
|
490
|
+
})) : (0, _jsxRuntime.jsx)("div", {
|
|
491
|
+
className: "timeline",
|
|
492
|
+
style: {
|
|
493
|
+
left: elementX
|
|
494
|
+
},
|
|
495
|
+
onClick: function onClick() {
|
|
496
|
+
return _onClick(index, playStart, playEnd);
|
|
497
|
+
}
|
|
498
|
+
}) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
|
|
499
|
+
};
|
|
500
|
+
|
|
501
|
+
var getSegments = function getSegments(props) {
|
|
502
|
+
var _props$list = props.list,
|
|
503
|
+
list = _props$list === void 0 ? [] : _props$list,
|
|
504
|
+
start = props.start,
|
|
505
|
+
end = props.end;
|
|
506
|
+
var startTime = (0, _moment["default"])(start);
|
|
507
|
+
var endTime = (0, _moment["default"])(end);
|
|
508
|
+
var total = endTime.diff(startTime, 'seconds'); // 总时间
|
|
509
|
+
|
|
510
|
+
var result = list === null || list === void 0 ? void 0 : list.map(function (i) {
|
|
511
|
+
var itemStart = (0, _moment["default"])(i.beginTime).diff(startTime, 'seconds') > 0 ? (0, _moment["default"])(i.beginTime) : startTime;
|
|
512
|
+
var itemEnd = (0, _moment["default"])(i.endTime);
|
|
513
|
+
var itemTotal = itemEnd.diff(itemStart, 'seconds'); // 分段总时间
|
|
514
|
+
|
|
515
|
+
var width = itemTotal / total * 100; // 分段时间占总时间百分比
|
|
516
|
+
|
|
517
|
+
var left = itemStart.diff(startTime, 'seconds') / total * 100; // 分段其实时间
|
|
518
|
+
|
|
519
|
+
return (0, _jsxRuntime.jsx)("div", {
|
|
520
|
+
className: "segment",
|
|
521
|
+
style: {
|
|
522
|
+
width: "".concat(width, "%"),
|
|
523
|
+
left: "".concat(left < 0 ? 0 : left, "%")
|
|
524
|
+
}
|
|
525
|
+
}, i.beginTime);
|
|
526
|
+
});
|
|
527
|
+
return result;
|
|
528
|
+
};
|
|
529
|
+
|
|
530
|
+
HistoryControlV2Panel.displayName = 'HistoryControlV2Panel';
|
|
531
|
+
var _default = HistoryControlV2Panel;
|
|
532
|
+
exports["default"] = _default;
|
|
533
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["HistoryControlV2Panel","forwardRef","props","ref","useContext","historyControlV2Context","channels","setChannels","setLoading","activeIndex","setActiveIndex","timeLinePosition","realChannels","filter","item","channelNum","segmentsRef","useRef","getRef","current","onVideoClose","useCollapse","defaultExpanded","getCollapseProps","getToggleProps","isExpanded","useRequest","getHistoryUrls","manual","runAsync","getPlaybackUrlSingle","GetHKV2Url","columns","title","dataIndex","width","key","render","_","record","index","_a","active","_jsx","Button","Object","assign","className","onClick","newChannels","startTime","endTime","deal","url","beginTime","tagId","hkType","code","deviceId","tenantId","getUrlParam","then","data","playbackUrl","children","_jsxs","_Fragment","VideoCloseIcon","VideoPlayIcon","loadData","channel","deviceChannels","JSON","stringify","protocol","token","res","Array","isArray","length","message","info","newIds","map","includes","channelIndex","DEFAULT_PLAY_PARAMS","fetchArr","fetchIndexArr","_b","_c","_d","_e","_f","_g","_h","_j","moment","list","diff","result","citem","isClose","e","slice","getChannelData","push","error","Promise","all","forEach","console","log","useImperativeHandle","load","src","collapseBtnImg","alt","style","transform","TimeVerticalLine","history","segmentData","format","TimeFormat","params","getSegments","TimePositionIcon","left","TimeLine","display","Tooltip","channelName","flex","overflow","Table","dataSource","tableList","scroll","y","pagination","rowKey","guid","rowClassName","getSplitLines","step","i","element","ONEDAY_MILL","mouse","useMouse","elementX","elementY","elementW","elementH","visible","percent","time","start","valueOf","flag","playStart","playEnd","now","begin","end","total","itemStart","itemEnd","itemTotal","displayName"],"sources":["history-control-v2/components/panel/index.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useContext, useImperativeHandle, useRef } from 'react';\nimport useCollapse from 'react-collapsed';\nimport { getHistoryUrls, getPlaybackUrlSingle } from '../../../api';\nimport { TimePositionIcon, VideoCloseIcon, VideoPlayIcon } from '../../../icons';\nimport { TimeFormat, guid, getUrlParam } from '../../../utils';\nimport { historyControlV2Context } from '../../context';\nimport collapseBtnImg from '../../images/collapse.png';\nimport { DEFAULT_PLAY_PARAMS, getChannelData } from '../../utils';\nimport { useMouse, useRequest } from 'ahooks';\nimport Button from 'antd/lib/button';\nimport message from 'antd/lib/message';\nimport Table from 'antd/lib/table';\nimport Tooltip from 'antd/lib/tooltip';\nimport moment from 'moment';\nexport const HistoryControlV2Panel = forwardRef((props, ref) => {\n const { channels, setChannels, setLoading, activeIndex, setActiveIndex, timeLinePosition } = useContext(historyControlV2Context);\n const realChannels = channels.filter(item => item.channelNum !== '');\n const segmentsRef = useRef(null);\n const getRef = () => {\n return segmentsRef.current;\n };\n const { onVideoClose } = props;\n const { getCollapseProps, getToggleProps, isExpanded } = useCollapse({\n defaultExpanded: false, // 默认展开\n });\n const { runAsync } = useRequest(getHistoryUrls, {\n manual: true,\n });\n const { runAsync: GetHKV2Url } = useRequest(getPlaybackUrlSingle, {\n manual: true\n });\n const columns = [\n {\n title: '序号',\n dataIndex: 'index',\n width: 50,\n },\n {\n title: '播放视频',\n key: 'play',\n width: 90,\n render: (_, record, index) => {\n var _a;\n const active = ((_a = channels === null || channels === void 0 ? void 0 : channels[activeIndex]) === null || _a === void 0 ? void 0 : _a.index) === index;\n return (_jsx(Button, Object.assign({ className: `play-btn ${active ? 'active' : ''}`, onClick: () => {\n if (active) {\n const newChannels = [...channels];\n newChannels[activeIndex].index = -1;\n newChannels[activeIndex].startTime = '';\n newChannels[activeIndex].endTime = '';\n setChannels(newChannels);\n onVideoClose && onVideoClose(newChannels[activeIndex]);\n }\n else {\n // eslint-disable-next-line no-inner-declarations\n function deal(url) {\n const newChannels = [...channels];\n newChannels[activeIndex].index = index;\n newChannels[activeIndex].startTime = record.beginTime;\n newChannels[activeIndex].endTime = record.endTime;\n newChannels[activeIndex].tagId = '';\n newChannels[activeIndex].url = url || record.url;\n setChannels(newChannels);\n }\n if (record.hkType === 'HK_CAR_CLOUD_V2') {\n GetHKV2Url({\n code: record.code,\n beginTime: record.beginTime,\n endTime: record.endTime,\n deviceId: record.deviceId,\n channelNum: record.channelNum,\n tenantId: getUrlParam('tenantId')\n }).then(data => {\n deal(data.playbackUrl);\n });\n }\n else {\n deal();\n }\n }\n } }, { children: active ? (_jsxs(_Fragment, { children: [_jsx(VideoCloseIcon, { active: true }), \"\\u5173\\u95ED\"] })) : (_jsxs(_Fragment, { children: [_jsx(VideoPlayIcon, {}), \"\\u64AD\\u653E\"] })) })));\n },\n },\n {\n title: '设备名称',\n dataIndex: 'deviceName',\n },\n {\n title: '开始时间',\n dataIndex: 'beginTime',\n width: 170,\n },\n {\n title: '结束时间',\n dataIndex: 'endTime',\n width: 170,\n },\n {\n title: '持续时间',\n width: 130,\n dataIndex: 'duration',\n },\n {\n title: '视频大小',\n width: 110,\n dataIndex: 'size',\n },\n ];\n const loadData = (channel) => {\n setLoading(true);\n runAsync({\n deviceChannels: JSON.stringify(channel.deviceChannels),\n protocol: channel.protocol,\n beginTime: channel.beginTime,\n endTime: channel.endTime,\n token: getUrlParam('token')\n }).then((res) => {\n if (Array.isArray(res)) {\n if (res.length > 25) {\n message.info('最多播放25个视频通道');\n }\n const newIds = [...res].map((item) => { return `${item.deviceId}${item.channelNum}`; });\n const newChannels = [...channels];\n channels.map((item, index) => {\n if (!newIds.includes(`${item.deviceId}${item.channelNum}`)) {\n newChannels[index] = Object.assign({ channelIndex: index }, DEFAULT_PLAY_PARAMS);\n }\n });\n const fetchArr = [], fetchIndexArr = [];\n res.filter((item, index) => index < 25)\n .map((item) => {\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n /**\n * 优化第一条数据的开始时间不要早于请求的开始时间\n * 最后一条的结束时间不要晚于请求的结束时间\n */\n if (moment((_a = item.list) === null || _a === void 0 ? void 0 : _a[0].beginTime).diff(moment(channel.beginTime), 'seconds') < 0) {\n item.list[0].beginTime = channel.beginTime;\n }\n if (moment((_b = item.list) === null || _b === void 0 ? void 0 : _b[item.list.length - 1].endTime).diff(moment(channel.endTime), 'seconds') > 0) {\n item.list[item.list.length - 1].endTime = channel.endTime;\n }\n const result = (_c = newChannels.filter((citem) => citem.deviceId === item.deviceId && citem.channelNum === item.channelNum)) === null || _c === void 0 ? void 0 : _c[0];\n if (result) {\n const isClose = newChannels[result.channelIndex].index === -1 && newChannels[result.channelIndex].tagId === '';\n newChannels[result.channelIndex] = Object.assign(Object.assign({}, newChannels[result.channelIndex]), { \n // 如果当前既没有播放列表 又没有播放标签 再 开始以第一个播放\n index: isClose ? 0 : newChannels[result.channelIndex].index, startTime: isClose ? ((_e = (_d = item.list) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.beginTime) || channel.beginTime : newChannels[result.channelIndex].startTime, endTime: isClose ? ((_g = (_f = item.list) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.beginTime) || channel.beginTime : newChannels[result.channelIndex].endTime });\n }\n else {\n const channelIndex = (_j = (_h = newChannels.filter((item) => item.channelNum === '')) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.channelIndex;\n if (typeof channelIndex == 'number') {\n // 过滤跨天的数据\n item.list = item.list.filter(e => e.beginTime.slice(0, 10) === e.endTime.slice(0, 10));\n const data = getChannelData(item, channel);\n if (data.hkType === 'HK_CAR_CLOUD_V2') {\n fetchArr.push(GetHKV2Url({\n code: data.code,\n beginTime: data.startTime,\n endTime: data.endTime,\n deviceId: data.deviceId,\n channelNum: data.channelNum,\n tenantId: getUrlParam('tenantId')\n }));\n fetchIndexArr.push(channelIndex);\n }\n newChannels[channelIndex] = Object.assign(Object.assign({}, newChannels[channelIndex]), data);\n }\n else {\n message.error('没有多余的播放位置');\n }\n }\n });\n if (fetchArr.length) {\n Promise.all(fetchArr).then(data => {\n data.forEach((e, index) => {\n newChannels[fetchIndexArr[index]] = Object.assign(Object.assign({}, newChannels[fetchIndexArr[index]]), { url: e.playbackUrl });\n });\n console.log(newChannels);\n setChannels(newChannels);\n });\n }\n else {\n setChannels(newChannels);\n }\n }\n else {\n message.info('未查询到视频');\n }\n setLoading(false);\n });\n };\n useImperativeHandle(ref, () => {\n return {\n load: (channel) => {\n loadData(channel);\n },\n };\n });\n return (_jsx(_Fragment, { children: Array.isArray(realChannels) && realChannels.length > 0 ? (_jsxs(\"div\", Object.assign({ className: \"collapse-controls\" }, { children: [_jsx(\"div\", Object.assign({ className: \"action-bar\" }, getToggleProps({}), { children: _jsx(\"img\", { src: collapseBtnImg, alt: \"\", style: { transform: `rotate(${isExpanded ? 180 : 0}deg)` } }) })), _jsx(\"section\", Object.assign({ className: \"collapse-panel-container\" }, getCollapseProps(), { children: _jsxs(\"div\", Object.assign({ className: \"panels\" }, { children: [_jsxs(\"div\", Object.assign({ className: \"time-panel\" }, { children: [_jsxs(\"div\", Object.assign({ className: \"segments\", ref: segmentsRef }, { children: [_jsx(TimeVerticalLine, { getRef: getRef, history: channels === null || channels === void 0 ? void 0 : channels[activeIndex].segmentData, onClick: (index, startTime, endTime) => {\n const newChannels = [...channels];\n newChannels[activeIndex] = Object.assign(Object.assign({}, newChannels[activeIndex]), { index, startTime: moment(startTime).format(TimeFormat.params), endTime: moment(endTime).format(TimeFormat.params), tagId: '' });\n setChannels(newChannels);\n } }), getSegments(channels === null || channels === void 0 ? void 0 : channels[activeIndex].segmentData)] })), timeLinePosition >= 0 && (_jsx(TimePositionIcon, { className: \"time-line-icon\", style: {\n left: `${timeLinePosition}%`,\n } })), _jsx(TimeLine, {})] })), _jsxs(\"div\", Object.assign({ style: { display: 'flex' } }, { children: [_jsxs(\"div\", Object.assign({ className: \"panels-left\" }, { children: [_jsxs(\"div\", Object.assign({ className: \"panels-left-title\" }, { children: [\"\\u89C6\\u9891\\u901A\\u9053(\", realChannels.length, \")\"] })), _jsx(\"div\", Object.assign({ className: \"panels-left-wrap\" }, { children: realChannels.map((item, index) => {\n return (_jsx(\"div\", Object.assign({ className: `${activeIndex == index\n ? 'panels-left-content-active'\n : ''} panels-left-content`, onClick: () => {\n setActiveIndex(item.channelIndex);\n } }, { children: _jsx(Tooltip, Object.assign({ title: `${item.channelName}` }, { children: `${item.channelName}` })) }), `${item.deviceId}${item.channelNum}`));\n }) }))] })), _jsx(\"div\", Object.assign({ className: \"urls-panel\", style: { flex: 1, overflow: 'hidden', width: `100%` } }, { children: _jsx(Table, { className: \"history-url-table\", columns: columns, dataSource: (channels === null || channels === void 0 ? void 0 : channels[activeIndex].tableList) || [], scroll: { y: 100 }, pagination: false, rowKey: () => {\n return guid();\n }, rowClassName: (_, index) => { var _a; return index === ((_a = channels === null || channels === void 0 ? void 0 : channels[activeIndex]) === null || _a === void 0 ? void 0 : _a.index) ? 'active' : ''; } }) }))] }))] })) }))] }))) : null }));\n});\nconst TimeLine = () => {\n const getSplitLines = () => {\n const result = [];\n const step = 100 / 24;\n for (let i = 0; i < 25; i++) {\n const element = (_jsx(\"div\", Object.assign({ className: \"line\", style: { left: `${step * i}%` } }, { children: _jsx(\"div\", Object.assign({ className: \"number\" }, { children: i >= 10 ? i : '0' + i })) }), i));\n result.push(element);\n }\n return result;\n };\n return (_jsxs(\"div\", Object.assign({ className: \"time-axis\" }, { children: [_jsx(\"div\", { className: \"axis\" }), _jsx(\"div\", Object.assign({ className: \"split-lines\" }, { children: getSplitLines() }))] })));\n};\nconst ONEDAY_MILL = 24 * 60 * 60 * 1000;\nconst TimeVerticalLine = ({ getRef, history, onClick }) => {\n var _a;\n const mouse = useMouse(getRef());\n const { elementX, elementY, elementW, elementH } = mouse;\n const visible = elementX >= 0 && elementY >= 0 && elementX <= elementW && elementY <= elementH;\n // 计算elementX在整个宽度的占比,根据占比在一天中的比例算出具体时间,最后判断这个时间是否在某段视频中。在则显示提示时间。\n const percent = elementX / elementW;\n const time = moment(moment(history.start).valueOf() + percent * ONEDAY_MILL).format(TimeFormat.params);\n let flag = false, playStart = -1, playEnd = -1, index = -1;\n const now = moment(time).valueOf();\n for (let i = 0; i < ((_a = history.list) === null || _a === void 0 ? void 0 : _a.length); i++) {\n const begin = moment(history.list[i].beginTime).valueOf(), end = moment(history.list[i].endTime).valueOf();\n if (now >= begin && now <= end) {\n index = i;\n // url = history.list[i].playbackUrl;\n playStart = now;\n playEnd = end;\n flag = true;\n break;\n }\n }\n return visible ? (flag ? (_jsx(Tooltip, Object.assign({ title: time }, { children: _jsx(\"div\", { className: \"timeline\", style: { left: elementX }, onClick: () => onClick(index, playStart, playEnd) }) }))) : (_jsx(\"div\", { className: \"timeline\", style: { left: elementX }, onClick: () => onClick(index, playStart, playEnd) }))) : (_jsx(_Fragment, {}));\n};\nconst getSegments = (props) => {\n const { list = [], start, end } = props;\n const startTime = moment(start);\n const endTime = moment(end);\n const total = endTime.diff(startTime, 'seconds'); // 总时间\n const result = list === null || list === void 0 ? void 0 : list.map((i) => {\n const itemStart = moment(i.beginTime).diff(startTime, 'seconds') > 0 ? moment(i.beginTime) : startTime;\n const itemEnd = moment(i.endTime);\n const itemTotal = itemEnd.diff(itemStart, 'seconds'); // 分段总时间\n const width = (itemTotal / total) * 100; // 分段时间占总时间百分比\n const left = (itemStart.diff(startTime, 'seconds') / total) * 100; // 分段其实时间\n return (_jsx(\"div\", { className: \"segment\", style: { width: `${width}%`, left: `${left < 0 ? 0 : left}%` } }, i.beginTime));\n });\n return result;\n};\nHistoryControlV2Panel.displayName = 'HistoryControlV2Panel';\nexport default HistoryControlV2Panel;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IChannel } from './interface';
|
|
3
|
+
export interface ContextProps {
|
|
4
|
+
/** 通道信息 */
|
|
5
|
+
channels: IChannel[];
|
|
6
|
+
setChannels: (channels: IChannel[]) => void;
|
|
7
|
+
/** loading */
|
|
8
|
+
loading: boolean;
|
|
9
|
+
setLoading: (loading: boolean) => void;
|
|
10
|
+
/** 当前选中 */
|
|
11
|
+
activeIndex: number;
|
|
12
|
+
setActiveIndex: (activeIndex: number) => void;
|
|
13
|
+
/** 时间轴的位置 */
|
|
14
|
+
timeLinePosition: number;
|
|
15
|
+
setTimeLinePosition: (timeLinePosition: number) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare const historyControlV2Context: import("react").Context<ContextProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.historyControlV2Context = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
|
|
10
|
+
var historyControlV2Context = /*#__PURE__*/(0, _react.createContext)({});
|
|
11
|
+
exports.historyControlV2Context = historyControlV2Context;
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","names":["historyControlV2Context","createContext"],"sources":["history-control-v2/context.js"],"sourcesContent":["import { createContext } from 'react';\nexport const historyControlV2Context = createContext({});\n"],"mappings":";;;;;;;AAAA;;AACO,IAAMA,uBAAuB,gBAAG,IAAAC,oBAAA,EAAc,EAAd,CAAhC"}
|
|
Binary file
|
|
Binary file
|