@vtx/player 1.9.5 → 1.9.7

package/lib/history-control/style/index.less

@@ -1,252 +1,252 @@
-.history-dark {
-    .bottom-controls {
-        background-color: rgba(0, 59, 64, 0.3) !important;
-    }
-}
-
-.vtx-history-control {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    background-color: #2b3d51;
-    background-image: url('../images/empty.png');
-    background-repeat: no-repeat;
-    background-position: center;
-
-    .bottom-controls {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        height: 32px;
-        padding: 0 12px;
-        background-color: #243241;
-    }
-
-    .collapse-controls {
-        position: absolute;
-        bottom: 32px;
-        width: 100%;
-        background-color: #131d27;
-
-        .action-bar {
-            display: flex;
-            justify-content: center;
-            cursor: pointer;
-        }
-
-        .collapse-panel-container {
-            .panels {
-                padding: 12px 20px;
-                margin: 0 14px 14px;
-                background-color: #141414;
-                border: 1px solid rgba(255, 255, 255, 0.2);
-                border-radius: 2px;
-
-                .time-panel {
-                    position: relative;
-
-                    .time-line-icon {
-                        position: absolute;
-                        top: -10px;
-                    }
-
-                    .segments {
-                        position: relative;
-                        height: 24px;
-                        overflow: hidden;
-                        .timeline {
-                            position: absolute;
-                            top: 0;
-                            bottom: 0;
-                            border: 0;
-                            width: 1px;
-                            background: #1890ff;
-                            z-index: 1;
-                        }
-                        .segment {
-                            position: absolute;
-                            height: 24px;
-                            background-color: rgba(186, 231, 255, 1);
-                            border-left: 1px solid #141414;
-                        }
-                    }
-
-                    .time-axis {
-                        position: relative;
-                        width: 100%;
-
-                        .split-lines {
-                            height: 30px;
-
-                            &::before {
-                                position: absolute;
-                                top: -1px;
-                                width: 100%;
-                                height: 1px;
-                                content: '';
-                                background-color: rgba(255, 255, 255, 0.65);
-                            }
-
-                            .line {
-                                position: absolute;
-                                color: white;
-
-                                .number {
-                                    position: absolute;
-                                    color: rgba(255, 255, 255, 0.65);
-                                    transform: translate(-50%, 6px);
-                                }
-
-                                &::before {
-                                    position: absolute;
-                                    width: 1px;
-                                    height: 8px;
-                                    content: '';
-                                    background-color: rgba(255, 255, 255, 0.65);
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    .player-container {
-        flex-grow: 1;
-        width: 100%;
-        height: 0;
-        padding-bottom: 13px;
-    }
-    .vtx-spin {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-    }
-}
-
-.history-url-table {
-    width: calc(100% - 5px);
-    border-right: 1px solid #383838;
-    border-bottom: 1px solid #383838;
-
-    .ant-table {
-        background: var(--table-bg);
-
-        .ant-table-container {
-            &::before {
-                display: none;
-            }
-
-            &::after {
-                display: none;
-            }
-
-            .ant-table-header {
-                table {
-                    border-collapse: collapse;
-
-                    thead {
-                        th {
-                            padding: 8px;
-                            color: rgba(255, 255, 255, 0.85);
-                            white-space: no-wrap;
-                            background-color: rgba(255, 255, 255, 0.07);
-                            border: 1px solid #383838;
-
-                            &::before {
-                                display: none;
-                            }
-                        }
-                    }
-                }
-            }
-
-            .ant-table-body {
-                &::-webkit-scrollbar {
-                    width: 10px;
-                    height: 10px;
-                }
-
-                &::-webkit-scrollbar-track {
-                    background: transparent;
-                    border-radius: 5px;
-                }
-
-                &::-webkit-scrollbar-thumb {
-                    background: rgba(255, 255, 255, 0.45);
-                    border-radius: 5px;
-                }
-
-                &::-webkit-scrollbar-corner {
-                    background-color: transparent;
-                }
-
-                &::-webkit-scrollbar-thumb:hover {
-                    background: rgba(255, 255, 255, 0.65);
-                }
-
-                table {
-                    border-collapse: collapse;
-
-                    tbody {
-                        tr {
-                            td {
-                                padding: 6px 8px;
-                                font-size: 14px;
-                                color: rgba(255, 255, 255, 0.65);
-                                white-space: nowrap;
-                                background-color: transparent;
-                                border: 1px solid #383838;
-                            }
-
-                            &.active {
-                                td {
-                                    background-color: #102641;
-                                }
-                            }
-                        }
-                    }
-
-                    .play-btn {
-                        height: fit-content;
-                        padding: 0 8px;
-                        font-size: 14px;
-                        color: rgba(255, 255, 255, 0.65);
-                        background: rgba(255, 255, 255, 0.078);
-                        border: 1px solidrgba(255, 255, 255, 0.2);
-                        border-radius: 2px;
-
-                        &.active {
-                            color: #177ddc;
-                            border-color: #177ddc;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-.theme-body {
-    .bottom-controls {
-        background: var(--backgroundContainer) !important;
-    }
-    .vtx-history-control {
-        background: var(--backgroundContainer);
-    }
-    .vtx-player-header {
-        width: 100%;
-        padding: 5px 15px;
-        background: var(--backgroundContainer);
-        color: var(--borderColor);
-    }
-    .collapse-controls {
-        background: var(--backgroundTable);
-        .panels {
-            background: var(--backgroundContainer) !important;
-        }
-    }
-}
+.history-dark {
+    .bottom-controls {
+        background-color: rgba(0, 59, 64, 0.3) !important;
+    }
+}
+
+.vtx-history-control {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #2b3d51;
+    background-image: url('../images/empty.png');
+    background-repeat: no-repeat;
+    background-position: center;
+
+    .bottom-controls {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        height: 32px;
+        padding: 0 12px;
+        background-color: #243241;
+    }
+
+    .collapse-controls {
+        position: absolute;
+        bottom: 32px;
+        width: 100%;
+        background-color: #131d27;
+
+        .action-bar {
+            display: flex;
+            justify-content: center;
+            cursor: pointer;
+        }
+
+        .collapse-panel-container {
+            .panels {
+                padding: 12px 20px;
+                margin: 0 14px 14px;
+                background-color: #141414;
+                border: 1px solid rgba(255, 255, 255, 0.2);
+                border-radius: 2px;
+
+                .time-panel {
+                    position: relative;
+
+                    .time-line-icon {
+                        position: absolute;
+                        top: -10px;
+                    }
+
+                    .segments {
+                        position: relative;
+                        height: 24px;
+                        overflow: hidden;
+                        .timeline {
+                            position: absolute;
+                            top: 0;
+                            bottom: 0;
+                            border: 0;
+                            width: 1px;
+                            background: #1890ff;
+                            z-index: 1;
+                        }
+                        .segment {
+                            position: absolute;
+                            height: 24px;
+                            background-color: rgba(186, 231, 255, 1);
+                            border-left: 1px solid #141414;
+                        }
+                    }
+
+                    .time-axis {
+                        position: relative;
+                        width: 100%;
+
+                        .split-lines {
+                            height: 30px;
+
+                            &::before {
+                                position: absolute;
+                                top: -1px;
+                                width: 100%;
+                                height: 1px;
+                                content: '';
+                                background-color: rgba(255, 255, 255, 0.65);
+                            }
+
+                            .line {
+                                position: absolute;
+                                color: white;
+
+                                .number {
+                                    position: absolute;
+                                    color: rgba(255, 255, 255, 0.65);
+                                    transform: translate(-50%, 6px);
+                                }
+
+                                &::before {
+                                    position: absolute;
+                                    width: 1px;
+                                    height: 8px;
+                                    content: '';
+                                    background-color: rgba(255, 255, 255, 0.65);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    .player-container {
+        flex-grow: 1;
+        width: 100%;
+        height: 0;
+        padding-bottom: 13px;
+    }
+    .vtx-spin {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+}
+
+.history-url-table {
+    width: calc(100% - 5px);
+    border-right: 1px solid #383838;
+    border-bottom: 1px solid #383838;
+
+    .ant-table {
+        background: var(--table-bg);
+
+        .ant-table-container {
+            &::before {
+                display: none;
+            }
+
+            &::after {
+                display: none;
+            }
+
+            .ant-table-header {
+                table {
+                    border-collapse: collapse;
+
+                    thead {
+                        th {
+                            padding: 8px;
+                            color: rgba(255, 255, 255, 0.85);
+                            white-space: no-wrap;
+                            background-color: rgba(255, 255, 255, 0.07);
+                            border: 1px solid #383838;
+
+                            &::before {
+                                display: none;
+                            }
+                        }
+                    }
+                }
+            }
+
+            .ant-table-body {
+                &::-webkit-scrollbar {
+                    width: 10px;
+                    height: 10px;
+                }
+
+                &::-webkit-scrollbar-track {
+                    background: transparent;
+                    border-radius: 5px;
+                }
+
+                &::-webkit-scrollbar-thumb {
+                    background: rgba(255, 255, 255, 0.45);
+                    border-radius: 5px;
+                }
+
+                &::-webkit-scrollbar-corner {
+                    background-color: transparent;
+                }
+
+                &::-webkit-scrollbar-thumb:hover {
+                    background: rgba(255, 255, 255, 0.65);
+                }
+
+                table {
+                    border-collapse: collapse;
+
+                    tbody {
+                        tr {
+                            td {
+                                padding: 6px 8px;
+                                font-size: 14px;
+                                color: rgba(255, 255, 255, 0.65);
+                                white-space: nowrap;
+                                background-color: transparent;
+                                border: 1px solid #383838;
+                            }
+
+                            &.active {
+                                td {
+                                    background-color: #102641;
+                                }
+                            }
+                        }
+                    }
+
+                    .play-btn {
+                        height: fit-content;
+                        padding: 0 8px;
+                        font-size: 14px;
+                        color: rgba(255, 255, 255, 0.65);
+                        background: rgba(255, 255, 255, 0.078);
+                        border: 1px solidrgba(255, 255, 255, 0.2);
+                        border-radius: 2px;
+
+                        &.active {
+                            color: #177ddc;
+                            border-color: #177ddc;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+.theme-body {
+    .bottom-controls {
+        background: var(--backgroundContainer) !important;
+    }
+    .vtx-history-control {
+        background: var(--backgroundContainer);
+    }
+    .vtx-player-header {
+        width: 100%;
+        padding: 5px 15px;
+        background: var(--backgroundContainer);
+        color: var(--borderColor);
+    }
+    .collapse-controls {
+        background: var(--backgroundTable);
+        .panels {
+            background: var(--backgroundContainer) !important;
+        }
+    }
+}

package/lib/history-control-v2/components/grid-item/index.js

@@ -15,17 +15,17 @@ var _utils = require("../../utils");
 var _ahooks = require("ahooks");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _moment = _interopRequireDefault(require("moment"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 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."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 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."); }
-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); }
-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; }
-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; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var GridItem = function GridItem(props) {
   var _useContext = (0, _react.useContext)(_context.historyControlV2Context),
     loading = _useContext.loading,
@@ -188,6 +188,5 @@ var GridItem = function GridItem(props) {
     })
   }));
 };
-var _default = GridItem;
-exports["default"] = _default;
+var _default = exports["default"] = GridItem;
 //# sourceMappingURL=index.js.map

package/lib/history-control-v2/components/grid-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_jsxRuntime","require","_react","_setTagVideo","_interopRequireDefault","_tagVideo","_controls","_historyPlayer","_context","_utils","_ahooks","_lodash","_moment","obj","__esModule","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","Object","prototype","toString","call","slice","constructor","name","test","len","length","arr2","_i","_arr","_n","_d","_s","_e","next","done","push","value","err","GridItem","props","_useContext","useContext","historyControlV2Context","loading","channels","setChannels","activeIndex","_useContext$timelineC","timelineCurrentTime","setTimeLinePosition","active","onTimeChange","onClick","onClose","onScreenshot","scale","_props$palyIndex","palyIndex","_props$channel","channel","DEFAULT_PLAY_PARAMS","_useState","useState","_useState2","tagSetShow","setTagSetShow","url","startTime","endTime","channelName","channelNum","deviceId","deviceCode","deviceIp","devicePort","streamType","deviceName","hasLabel","enableAgent","_useSetState","useSetState","width","height","_useSetState2","_useSetState2$","setState","gridItemRef","useRef","gridItemSize","useSize","useEffect","historyPlayerProps","type","player","isExpanded","showInfo","info","handleTimeChange","time","speed","_a","_b","tagId","index","moment","diff","newChannels","tableList","beginTime","progress","startOf","_jsx","assign","className","concat","ref","children","_jsxs","_Fragment","PlayerHeader","extraButton","TagVideo","style","HistoryPlayer","controlBottom","_","throttle","controlVisible","SetTagVideo","screenshot","_default","exports"],"sources":["history-control-v2/components/grid-item/index.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useContext, useEffect, useRef, useState } from 'react';\nimport SetTagVideo from '../../../components/set-tag-video';\nimport TagVideo from '../../../components/tag-video';\nimport { PlayerHeader } from '../../../controls';\nimport HistoryPlayer from '../../../history-player';\nimport { historyControlV2Context } from '../../context';\nimport { DEFAULT_PLAY_PARAMS } from '../../utils';\nimport { useSetState, useSize } from 'ahooks';\nimport _ from 'lodash';\nimport moment from 'moment';\nconst GridItem = (props) => {\n    const { loading, channels, setChannels, activeIndex, timelineCurrentTime = '', setTimeLinePosition, } = useContext(historyControlV2Context); // setTimeLinePosition\n    const { active, onTimeChange, onClick, onClose, onScreenshot, scale, palyIndex = 0, channel = DEFAULT_PLAY_PARAMS, } = props;\n    const [tagSetShow, setTagSetShow] = useState(false);\n    const { url, startTime, endTime, channelName, channelNum, deviceId, deviceCode, deviceIp, devicePort, streamType, deviceName, hasLabel, enableAgent, } = channel;\n    const [{ width, height }, setState] = useSetState({\n        width: '100%',\n        height: '100%',\n    });\n    const gridItemRef = useRef(null);\n    const gridItemSize = useSize(gridItemRef);\n    useEffect(() => {\n        if ((gridItemSize === null || gridItemSize === void 0 ? void 0 : gridItemSize.width) && (gridItemSize === null || gridItemSize === void 0 ? void 0 : gridItemSize.height)) {\n            switch (scale) {\n                case '100%':\n                    setState({\n                        width: '100%',\n                        height: gridItemSize.height - 26,\n                    });\n                    break;\n                case '4*3':\n                    if (gridItemSize.width / 4 < (gridItemSize.height - 26) / 3) {\n                        setState({\n                            width: '100%',\n                            height: (gridItemSize.width / 4) * 3,\n                        });\n                    }\n                    else {\n                        setState({\n                            width: ((gridItemSize.height - 26) / 3) * 4,\n                            height: '100%',\n                        });\n                    }\n                    break;\n                case '16*9':\n                    if (gridItemSize.width / 16 < (gridItemSize.height - 26) / 9) {\n                        setState({\n                            width: '100%',\n                            height: (gridItemSize.width / 16) * 9,\n                        });\n                    }\n                    else {\n                        setState({\n                            width: ((gridItemSize.height - 26) / 9) * 16,\n                            height: '100%',\n                        });\n                    }\n                    break;\n            }\n        }\n    }, [gridItemSize, scale]);\n    const historyPlayerProps = {\n        url,\n        startTime,\n        endTime,\n        type: channel === null || channel === void 0 ? void 0 : channel.player,\n        timelineCurrentTime,\n    };\n    const isExpanded = false;\n    const showInfo = false;\n    const info = [];\n    const handleTimeChange = (time, speed) => {\n        var _a, _b;\n        if (time !== '' &&\n            channels[palyIndex].tagId == '' &&\n            channels[palyIndex].index != -1 &&\n            moment(time).diff(moment(channels[palyIndex].endTime), 'seconds') >= 0) {\n            const newChannels = [...channels];\n            const length = channels[palyIndex].tableList.length;\n            const index = channels[palyIndex].index + (1 % length);\n            newChannels[palyIndex].index = index;\n            newChannels[palyIndex].startTime = (_a = channels[palyIndex].tableList[index]) === null || _a === void 0 ? void 0 : _a.beginTime;\n            newChannels[palyIndex].endTime = (_b = channels[palyIndex].tableList[index]) === null || _b === void 0 ? void 0 : _b.endTime;\n            newChannels[palyIndex].player = channels[palyIndex].player;\n            setChannels(newChannels);\n        }\n        if (palyIndex === activeIndex) {\n            const progress = (moment(time).diff(moment(startTime).startOf('day'), 'seconds') / (24 * 60 * 60)) *\n                100;\n            setTimeLinePosition(progress);\n            onTimeChange && onTimeChange(time, speed);\n        }\n    };\n    return (_jsx(\"div\", Object.assign({ className: `grid-item-container ${active ? 'active' : ''} ${loading ? '' : 'emptyImg'}`, onClick: onClick, ref: gridItemRef }, { children: channel.channelNum && (_jsxs(_Fragment, { children: [_jsx(PlayerHeader, { name: `${deviceName}-${channelName || ''}`, onClose: onClose, extraButton: hasLabel ? _jsx(TagVideo, { channel: channel }) : null }), _jsx(\"div\", Object.assign({ className: \"player-container\" }, { children: historyPlayerProps.url &&\n                        historyPlayerProps.startTime &&\n                        historyPlayerProps.endTime && (_jsx(\"div\", Object.assign({ style: { width, height } }, { children: _jsx(HistoryPlayer, Object.assign({}, historyPlayerProps, { width: width, height: height, channelNum: channelNum, deviceId: deviceId, deviceCode: deviceCode, devicePort: devicePort, deviceIp: deviceIp, enableAgent: enableAgent, streamType: streamType, controlBottom: isExpanded ? 235 : 0, onTimeChange: _.throttle(handleTimeChange, 999), showInfo: showInfo, info: info, controlVisible: tagSetShow, activeIndex: palyIndex, extraButton: _jsx(SetTagVideo, { tagSetShow: tagSetShow, setTagSetShow: setTagSetShow, channel: channel }), screenshot: onScreenshot })) }))) }))] })) })));\n};\nexport default GridItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_jsxRuntime","require","_react","_setTagVideo","_interopRequireDefault","_tagVideo","_controls","_historyPlayer","_context","_utils","_ahooks","_lodash","_moment","e","__esModule","_toConsumableArray","r","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","a","t","toString","call","slice","constructor","name","test","length","n","l","i","u","f","o","next","Object","done","push","value","GridItem","props","_useContext","useContext","historyControlV2Context","loading","channels","setChannels","activeIndex","_useContext$timelineC","timelineCurrentTime","setTimeLinePosition","active","onTimeChange","onClick","onClose","onScreenshot","scale","_props$palyIndex","palyIndex","_props$channel","channel","DEFAULT_PLAY_PARAMS","_useState","useState","_useState2","tagSetShow","setTagSetShow","url","startTime","endTime","channelName","channelNum","deviceId","deviceCode","deviceIp","devicePort","streamType","deviceName","hasLabel","enableAgent","_useSetState","useSetState","width","height","_useSetState2","_useSetState2$","setState","gridItemRef","useRef","gridItemSize","useSize","useEffect","historyPlayerProps","type","player","isExpanded","showInfo","info","handleTimeChange","time","speed","_a","_b","tagId","index","moment","diff","newChannels","tableList","beginTime","progress","startOf","_jsx","assign","className","concat","ref","children","_jsxs","_Fragment","PlayerHeader","extraButton","TagVideo","style","HistoryPlayer","controlBottom","_","throttle","controlVisible","SetTagVideo","screenshot","_default","exports"],"sources":["history-control-v2/components/grid-item/index.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useContext, useEffect, useRef, useState } from 'react';\nimport SetTagVideo from '../../../components/set-tag-video';\nimport TagVideo from '../../../components/tag-video';\nimport { PlayerHeader } from '../../../controls';\nimport HistoryPlayer from '../../../history-player';\nimport { historyControlV2Context } from '../../context';\nimport { DEFAULT_PLAY_PARAMS } from '../../utils';\nimport { useSetState, useSize } from 'ahooks';\nimport _ from 'lodash';\nimport moment from 'moment';\nconst GridItem = (props) => {\n    const { loading, channels, setChannels, activeIndex, timelineCurrentTime = '', setTimeLinePosition, } = useContext(historyControlV2Context); // setTimeLinePosition\n    const { active, onTimeChange, onClick, onClose, onScreenshot, scale, palyIndex = 0, channel = DEFAULT_PLAY_PARAMS, } = props;\n    const [tagSetShow, setTagSetShow] = useState(false);\n    const { url, startTime, endTime, channelName, channelNum, deviceId, deviceCode, deviceIp, devicePort, streamType, deviceName, hasLabel, enableAgent, } = channel;\n    const [{ width, height }, setState] = useSetState({\n        width: '100%',\n        height: '100%',\n    });\n    const gridItemRef = useRef(null);\n    const gridItemSize = useSize(gridItemRef);\n    useEffect(() => {\n        if ((gridItemSize === null || gridItemSize === void 0 ? void 0 : gridItemSize.width) && (gridItemSize === null || gridItemSize === void 0 ? void 0 : gridItemSize.height)) {\n            switch (scale) {\n                case '100%':\n                    setState({\n                        width: '100%',\n                        height: gridItemSize.height - 26,\n                    });\n                    break;\n                case '4*3':\n                    if (gridItemSize.width / 4 < (gridItemSize.height - 26) / 3) {\n                        setState({\n                            width: '100%',\n                            height: (gridItemSize.width / 4) * 3,\n                        });\n                    }\n                    else {\n                        setState({\n                            width: ((gridItemSize.height - 26) / 3) * 4,\n                            height: '100%',\n                        });\n                    }\n                    break;\n                case '16*9':\n                    if (gridItemSize.width / 16 < (gridItemSize.height - 26) / 9) {\n                        setState({\n                            width: '100%',\n                            height: (gridItemSize.width / 16) * 9,\n                        });\n                    }\n                    else {\n                        setState({\n                            width: ((gridItemSize.height - 26) / 9) * 16,\n                            height: '100%',\n                        });\n                    }\n                    break;\n            }\n        }\n    }, [gridItemSize, scale]);\n    const historyPlayerProps = {\n        url,\n        startTime,\n        endTime,\n        type: channel === null || channel === void 0 ? void 0 : channel.player,\n        timelineCurrentTime,\n    };\n    const isExpanded = false;\n    const showInfo = false;\n    const info = [];\n    const handleTimeChange = (time, speed) => {\n        var _a, _b;\n        if (time !== '' &&\n            channels[palyIndex].tagId == '' &&\n            channels[palyIndex].index != -1 &&\n            moment(time).diff(moment(channels[palyIndex].endTime), 'seconds') >= 0) {\n            const newChannels = [...channels];\n            const length = channels[palyIndex].tableList.length;\n            const index = channels[palyIndex].index + (1 % length);\n            newChannels[palyIndex].index = index;\n            newChannels[palyIndex].startTime = (_a = channels[palyIndex].tableList[index]) === null || _a === void 0 ? void 0 : _a.beginTime;\n            newChannels[palyIndex].endTime = (_b = channels[palyIndex].tableList[index]) === null || _b === void 0 ? void 0 : _b.endTime;\n            newChannels[palyIndex].player = channels[palyIndex].player;\n            setChannels(newChannels);\n        }\n        if (palyIndex === activeIndex) {\n            const progress = (moment(time).diff(moment(startTime).startOf('day'), 'seconds') / (24 * 60 * 60)) *\n                100;\n            setTimeLinePosition(progress);\n            onTimeChange && onTimeChange(time, speed);\n        }\n    };\n    return (_jsx(\"div\", Object.assign({ className: `grid-item-container ${active ? 'active' : ''} ${loading ? '' : 'emptyImg'}`, onClick: onClick, ref: gridItemRef }, { children: channel.channelNum && (_jsxs(_Fragment, { children: [_jsx(PlayerHeader, { name: `${deviceName}-${channelName || ''}`, onClose: onClose, extraButton: hasLabel ? _jsx(TagVideo, { channel: channel }) : null }), _jsx(\"div\", Object.assign({ className: \"player-container\" }, { children: historyPlayerProps.url &&\n                        historyPlayerProps.startTime &&\n                        historyPlayerProps.endTime && (_jsx(\"div\", Object.assign({ style: { width, height } }, { children: _jsx(HistoryPlayer, Object.assign({}, historyPlayerProps, { width: width, height: height, channelNum: channelNum, deviceId: deviceId, deviceCode: deviceCode, devicePort: devicePort, deviceIp: deviceIp, enableAgent: enableAgent, streamType: streamType, controlBottom: isExpanded ? 235 : 0, onTimeChange: _.throttle(handleTimeChange, 999), showInfo: showInfo, info: info, controlVisible: tagSetShow, activeIndex: palyIndex, extraButton: _jsx(SetTagVideo, { tagSetShow: tagSetShow, setTagSetShow: setTagSetShow, channel: channel }), screenshot: onScreenshot })) }))) }))] })) })));\n};\nexport default GridItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/history-control-v2/components/panel/VideoTable.d.ts

@@ -4,5 +4,5 @@ declare const _default: import("react").MemoExoticComponent<({ tableList, hkType
     hkType: any;
     currentIndex: any;
     onPlay: any;
-}) => JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;