@vtx/player 1.1.2 → 1.1.3

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

@@ -4,64 +4,93 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 var _react = require("react");
+
 var _setTagVideo = _interopRequireDefault(require("../../../components/set-tag-video"));
+
 var _tagVideo = _interopRequireDefault(require("../../../components/tag-video"));
+
 var _controls = require("../../../controls");
+
 var _historyPlayer = _interopRequireDefault(require("../../../history-player"));
+
 var _context = require("../../context");
+
 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 _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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+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; }
+
 var GridItem = function GridItem(props) {
   var _useContext = (0, _react.useContext)(_context.historyControlV2Context),
-    loading = _useContext.loading,
-    channels = _useContext.channels,
-    setChannels = _useContext.setChannels,
-    activeIndex = _useContext.activeIndex,
-    setTimeLinePosition = _useContext.setTimeLinePosition; // setTimeLinePosition
+      loading = _useContext.loading,
+      channels = _useContext.channels,
+      setChannels = _useContext.setChannels,
+      activeIndex = _useContext.activeIndex,
+      setTimeLinePosition = _useContext.setTimeLinePosition; // setTimeLinePosition
+
+
   var active = props.active,
-    onTimeChange = props.onTimeChange,
-    onClick = props.onClick,
-    onClose = props.onClose,
-    onScreenshot = props.onScreenshot,
-    scale = props.scale,
-    _props$palyIndex = props.palyIndex,
-    palyIndex = _props$palyIndex === void 0 ? 0 : _props$palyIndex,
-    _props$channel = props.channel,
-    channel = _props$channel === void 0 ? _utils.DEFAULT_PLAY_PARAMS : _props$channel;
+      onTimeChange = props.onTimeChange,
+      onClick = props.onClick,
+      onClose = props.onClose,
+      onScreenshot = props.onScreenshot,
+      scale = props.scale,
+      _props$palyIndex = props.palyIndex,
+      palyIndex = _props$palyIndex === void 0 ? 0 : _props$palyIndex,
+      _props$channel = props.channel,
+      channel = _props$channel === void 0 ? _utils.DEFAULT_PLAY_PARAMS : _props$channel;
+
   var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    tagSetShow = _useState2[0],
-    setTagSetShow = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      tagSetShow = _useState2[0],
+      setTagSetShow = _useState2[1];
+
   var url = channel.url,
-    startTime = channel.startTime,
-    endTime = channel.endTime,
-    channelName = channel.channelName,
-    deviceName = channel.deviceName,
-    hasLabel = channel.hasLabel;
+      startTime = channel.startTime,
+      endTime = channel.endTime,
+      channelName = channel.channelName,
+      deviceName = channel.deviceName,
+      hasLabel = channel.hasLabel;
+
   var _useSetState = (0, _ahooks.useSetState)({
-      width: '100%',
-      height: '100%'
-    }),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    _useSetState2$ = _useSetState2[0],
-    width = _useSetState2$.width,
-    height = _useSetState2$.height,
-    setState = _useSetState2[1];
+    width: '100%',
+    height: '100%'
+  }),
+      _useSetState2 = _slicedToArray(_useSetState, 2),
+      _useSetState2$ = _useSetState2[0],
+      width = _useSetState2$.width,
+      height = _useSetState2$.height,
+      setState = _useSetState2[1];
+
   var gridItemRef = (0, _react.useRef)(null);
   var gridItemSize = (0, _ahooks.useSize)(gridItemRef);
   (0, _react.useEffect)(function () {
@@ -73,6 +102,7 @@ var GridItem = function GridItem(props) {
             height: gridItemSize.height - 26
           });
           break;
+
         case '4*3':
           if (gridItemSize.width / 4 < (gridItemSize.height - 26) / 3) {
             setState({
@@ -85,7 +115,9 @@ var GridItem = function GridItem(props) {
               height: '100%'
             });
           }
+
           break;
+
         case '16*9':
           if (gridItemSize.width / 16 < (gridItemSize.height - 26) / 9) {
             setState({
@@ -98,6 +130,7 @@ var GridItem = function GridItem(props) {
               height: '100%'
             });
           }
+
           break;
       }
     }
@@ -111,9 +144,11 @@ var GridItem = function GridItem(props) {
   var isExpanded = false;
   var showInfo = false;
   var info = [];
+
   var handleTimeChange = function handleTimeChange(time, speed) {
     if (time !== '' && channels[palyIndex].tagId == '' && channels[palyIndex].index != -1 && (0, _moment["default"])(time).diff((0, _moment["default"])(channels[palyIndex].endTime), 'seconds') >= 0) {
       var newChannels = _toConsumableArray(channels);
+
       var length = channels[palyIndex].tableList.length;
       var index = channels[palyIndex].index + 1 % length;
       newChannels[palyIndex].index = index;
@@ -122,12 +157,14 @@ var GridItem = function GridItem(props) {
       newChannels[palyIndex].player = channels[palyIndex].player;
       setChannels(newChannels);
     }
+
     if (palyIndex === activeIndex) {
       var progress = (0, _moment["default"])(time).diff((0, _moment["default"])(startTime).startOf('day'), 'seconds') / (24 * 60 * 60) * 100;
       setTimeLinePosition(progress);
       onTimeChange && onTimeChange(time, speed);
     }
   };
+
   return (0, _jsxRuntime.jsx)("div", Object.assign({
     className: "grid-item-container ".concat(active ? 'active' : '', " ").concat(loading ? '' : 'emptyImg'),
     onClick: onClick,
@@ -168,6 +205,7 @@ var GridItem = function GridItem(props) {
     })
   }));
 };
+
 var _default = GridItem;
 exports["default"] = _default;
 //# 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","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","GridItem","props","_useContext","useContext","historyControlV2Context","loading","channels","setChannels","activeIndex","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","deviceName","hasLabel","_useSetState","useSetState","width","height","_useSetState2","_useSetState2$","setState","gridItemRef","useRef","gridItemSize","useSize","useEffect","historyPlayerProps","type","player","isExpanded","showInfo","info","handleTimeChange","time","speed","tagId","index","moment","diff","newChannels","tableList","beginTime","progress","startOf","_jsx","assign","className","concat","ref","children","channelNum","_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, 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, deviceName, hasLabel } = 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    };\n    const isExpanded = false;\n    const showInfo = false;\n    const info = [];\n    const handleTimeChange = (time, speed) => {\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 = channels[palyIndex].tableList[index].beginTime;\n            newChannels[palyIndex].endTime = channels[palyIndex].tableList[index].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, { 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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"}
+{"version":3,"file":"index.js","names":["GridItem","props","useContext","historyControlV2Context","loading","channels","setChannels","activeIndex","setTimeLinePosition","active","onTimeChange","onClick","onClose","onScreenshot","scale","palyIndex","channel","DEFAULT_PLAY_PARAMS","useState","tagSetShow","setTagSetShow","url","startTime","endTime","channelName","deviceName","hasLabel","useSetState","width","height","setState","gridItemRef","useRef","gridItemSize","useSize","useEffect","historyPlayerProps","type","player","isExpanded","showInfo","info","handleTimeChange","time","speed","tagId","index","moment","diff","newChannels","length","tableList","beginTime","progress","startOf","_jsx","Object","assign","className","ref","children","channelNum","_jsxs","_Fragment","PlayerHeader","name","extraButton","TagVideo","style","HistoryPlayer","controlBottom","_","throttle","controlVisible","SetTagVideo","screenshot"],"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, 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, deviceName, hasLabel } = 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    };\n    const isExpanded = false;\n    const showInfo = false;\n    const info = [];\n    const handleTimeChange = (time, speed) => {\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 = channels[palyIndex].tableList[index].beginTime;\n            newChannels[palyIndex].endTime = channels[palyIndex].tableList[index].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, { 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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"}

package/lib/history-control-v2/components/panel/index.js

@@ -4,58 +4,89 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.HistoryControlV2Panel = void 0;
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 var _react = require("react");
+
 var _reactCollapsed = _interopRequireDefault(require("react-collapsed"));
+
 var _api = require("../../../api");
+
 var _icons = require("../../../icons");
+
 var _utils = require("../../../utils");
+
 var _context = require("../../context");
+
 var _collapse = _interopRequireDefault(require("../../images/collapse.png"));
+
 var _utils2 = require("../../utils");
+
 var _ahooks = require("ahooks");
+
 var _button = _interopRequireDefault(require("antd/lib/button"));
+
 var _message = _interopRequireDefault(require("antd/lib/message"));
+
 var _table = _interopRequireDefault(require("antd/lib/table"));
+
 var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
+
 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 _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 _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 _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 _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 _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; }
+
 var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _useContext = (0, _react.useContext)(_context.historyControlV2Context),
-    channels = _useContext.channels,
-    setChannels = _useContext.setChannels,
-    setLoading = _useContext.setLoading,
-    activeIndex = _useContext.activeIndex,
-    setActiveIndex = _useContext.setActiveIndex,
-    timeLinePosition = _useContext.timeLinePosition;
+      channels = _useContext.channels,
+      setChannels = _useContext.setChannels,
+      setLoading = _useContext.setLoading,
+      activeIndex = _useContext.activeIndex,
+      setActiveIndex = _useContext.setActiveIndex,
+      timeLinePosition = _useContext.timeLinePosition;
+
   var realChannels = channels.filter(function (item) {
     return item.channelNum !== '';
   });
   var segmentsRef = (0, _react.useRef)(null);
+
   var getRef = function getRef() {
     return segmentsRef.current;
   };
+
   var onVideoClose = props.onVideoClose;
+
   var _useCollapse = (0, _reactCollapsed["default"])({
-      defaultExpanded: true // 默认展开
-    }),
-    getCollapseProps = _useCollapse.getCollapseProps,
-    getToggleProps = _useCollapse.getToggleProps,
-    isExpanded = _useCollapse.isExpanded;
+    defaultExpanded: true // 默认展开
+
+  }),
+      getCollapseProps = _useCollapse.getCollapseProps,
+      getToggleProps = _useCollapse.getToggleProps,
+      isExpanded = _useCollapse.isExpanded;
+
   var _useRequest = (0, _ahooks.useRequest)(_api.getHistoryUrls, {
-      manual: true
-    }),
-    runAsync = _useRequest.runAsync;
+    manual: true
+  }),
+      runAsync = _useRequest.runAsync;
+
   var _useRequest2 = (0, _ahooks.useRequest)(_api.getPlaybackUrlSingle, {
-      manual: true
-    }),
-    GetHKV2Url = _useRequest2.runAsync;
+    manual: true
+  }),
+      GetHKV2Url = _useRequest2.runAsync;
+
   var columns = [{
     title: '序号',
     dataIndex: 'index',
@@ -66,12 +97,14 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     width: 90,
     render: function render(_, record, index) {
       var _a;
+
       var active = ((_a = channels === null || channels === void 0 ? void 0 : channels[activeIndex]) === null || _a === void 0 ? void 0 : _a.index) === index;
       return (0, _jsxRuntime.jsx)(_button["default"], Object.assign({
         className: "play-btn ".concat(active ? 'active' : ''),
         onClick: function onClick() {
           if (active) {
             var newChannels = _toConsumableArray(channels);
+
             newChannels[activeIndex].index = -1;
             newChannels[activeIndex].startTime = '';
             newChannels[activeIndex].endTime = '';
@@ -81,6 +114,7 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
             // eslint-disable-next-line no-inner-declarations
             var deal = function deal(url, player) {
               var newChannels = _toConsumableArray(channels);
+
               newChannels[activeIndex].index = index;
               newChannels[activeIndex].startTime = record.beginTime;
               newChannels[activeIndex].endTime = record.endTime;
@@ -89,6 +123,7 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
               newChannels[activeIndex].player = player || '';
               setChannels(newChannels);
             };
+
             if (record.hkType === 'HK_CAR_CLOUD_V2') {
               GetHKV2Url({
                 code: record.code,
@@ -136,6 +171,7 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     width: 110,
     dataIndex: 'size'
   }];
+
   var loadData = function loadData(channel) {
     setLoading(true);
     runAsync({
@@ -149,10 +185,13 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
         if (res.length > 25) {
           _message["default"].info('最多播放25个视频通道');
         }
+
         var newIds = _toConsumableArray(res).map(function (item) {
           return "".concat(item.deviceId).concat(item.channelNum);
         });
+
         var newChannels = _toConsumableArray(channels);
+
         channels.map(function (item, index) {
           if (!newIds.includes("".concat(item.deviceId).concat(item.channelNum))) {
             newChannels[index] = Object.assign({
@@ -161,7 +200,7 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
           }
         });
         var fetchArr = [],
-          fetchIndexArr = [];
+            fetchIndexArr = [];
         res.filter(function (item, index) {
           return index < 25;
         }).map(function (item) {
@@ -170,17 +209,22 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
            * 优化第一条数据的开始时间不要早于请求的开始时间
            * 最后一条的结束时间不要晚于请求的结束时间
            */
+
+
           if (item.list.length) {
             if ((0, _moment["default"])((_b = (_a = item.list) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.beginTime).diff((0, _moment["default"])(channel.beginTime), 'seconds') < 0) {
               item.list[0].beginTime = channel.beginTime;
             }
+
             if ((0, _moment["default"])((_d = (_c = item.list) === null || _c === void 0 ? void 0 : _c[item.list.length - 1]) === null || _d === void 0 ? void 0 : _d.endTime).diff((0, _moment["default"])(channel.endTime), 'seconds') > 0) {
               item.list[item.list.length - 1].endTime = channel.endTime;
             }
           }
+
           var result = (_e = newChannels.filter(function (citem) {
             return citem.deviceId === item.deviceId && citem.channelNum === item.channelNum;
           })) === null || _e === void 0 ? void 0 : _e[0];
+
           if (result) {
             var isClose = newChannels[result.channelIndex].index === -1 && newChannels[result.channelIndex].tagId === '';
             newChannels[result.channelIndex] = Object.assign(Object.assign({}, newChannels[result.channelIndex]), {
@@ -193,12 +237,14 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
             var channelIndex = (_l = (_k = newChannels.filter(function (item) {
               return item.channelNum === '';
             })) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.channelIndex;
+
             if (typeof channelIndex == 'number') {
               // 过滤跨天的数据
               item.list = item.list.filter(function (e) {
                 return e.beginTime.slice(0, 10) === e.endTime.slice(0, 10);
               });
               var data = (0, _utils2.getChannelData)(item, channel);
+
               if (data.hkType === 'HK_CAR_CLOUD_V2') {
                 fetchArr.push(GetHKV2Url({
                   code: data.code,
@@ -210,12 +256,14 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
                 }));
                 fetchIndexArr.push(channelIndex);
               }
+
               newChannels[channelIndex] = Object.assign(Object.assign({}, newChannels[channelIndex]), data);
             } else {
               _message["default"].error('没有多余的播放位置');
             }
           }
         });
+
         if (fetchArr.length) {
           Promise.all(fetchArr).then(function (data) {
             data.forEach(function (e, index) {
@@ -232,9 +280,11 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
       } else {
         _message["default"].info('未查询到视频');
       }
+
       setLoading(false);
     });
   };
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       load: function load(channel) {
@@ -275,6 +325,7 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
                 channelName: channels === null || channels === void 0 ? void 0 : channels[activeIndex].channelName,
                 onClick: function onClick(index, startTime, endTime) {
                   var newChannels = _toConsumableArray(channels);
+
                   newChannels[activeIndex] = Object.assign(Object.assign({}, newChannels[activeIndex]), {
                     index: index,
                     startTime: (0, _moment["default"])(startTime).format(_utils.TimeFormat.params),
@@ -342,6 +393,7 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
                 },
                 rowClassName: function 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' : '';
                 }
               })
@@ -353,10 +405,12 @@ var HistoryControlV2Panel = /*#__PURE__*/(0, _react.forwardRef)(function (props,
   });
 });
 exports.HistoryControlV2Panel = HistoryControlV2Panel;
+
 var TimeLine = function TimeLine() {
   var getSplitLines = function getSplitLines() {
     var result = [];
     var step = 100 / 24;
+
     for (var i = 0; i < 25; i++) {
       var element = (0, _jsxRuntime.jsx)("div", Object.assign({
         className: "line",
@@ -372,8 +426,10 @@ var TimeLine = function TimeLine() {
       }), i);
       result.push(element);
     }
+
     return result;
   };
+
   return (0, _jsxRuntime.jsxs)("div", Object.assign({
     className: "time-axis"
   }, {
@@ -386,39 +442,46 @@ var TimeLine = function TimeLine() {
     }))]
   }));
 };
+
 var ONEDAY_MILL = 24 * 60 * 60 * 1000;
+
 var TimeVerticalLine = function TimeVerticalLine(_ref) {
   var getRef = _ref.getRef,
-    history = _ref.history,
-    _onClick = _ref.onClick,
-    channelName = _ref.channelName;
+      history = _ref.history,
+      _onClick = _ref.onClick,
+      channelName = _ref.channelName;
+
   var _a;
+
   var mouse = (0, _ahooks.useMouse)(getRef());
   var elementX = mouse.elementX,
-    elementY = mouse.elementY,
-    elementW = mouse.elementW,
-    elementH = mouse.elementH;
-  var visible = elementX >= 0 && elementY >= 0 && elementX <= elementW && elementY <= elementH;
-  // 计算elementX在整个宽度的占比，根据占比在一天中的比例算出具体时间，最后判断这个时间是否在某段视频中。在则显示提示时间。
+      elementY = mouse.elementY,
+      elementW = mouse.elementW,
+      elementH = mouse.elementH;
+  var visible = elementX >= 0 && elementY >= 0 && elementX <= elementW && elementY <= elementH; // 计算elementX在整个宽度的占比，根据占比在一天中的比例算出具体时间，最后判断这个时间是否在某段视频中。在则显示提示时间。
+
   var percent = elementX / elementW;
   var time = (0, _moment["default"])((0, _moment["default"])(history.start).valueOf() + percent * ONEDAY_MILL).format(_utils.TimeFormat.params);
   var flag = false,
-    playStart = -1,
-    playEnd = -1,
-    index = -1;
+      playStart = -1,
+      playEnd = -1,
+      index = -1;
   var now = (0, _moment["default"])(time).valueOf();
+
   for (var i = 0; i < ((_a = history.list) === null || _a === void 0 ? void 0 : _a.length); i++) {
     var begin = (0, _moment["default"])(history.list[i].beginTime).valueOf(),
-      end = (0, _moment["default"])(history.list[i].endTime).valueOf();
+        end = (0, _moment["default"])(history.list[i].endTime).valueOf();
+
     if (now >= begin && now <= end) {
-      index = i;
-      // url = history.list[i].playbackUrl;
+      index = i; // url = history.list[i].playbackUrl;
+
       playStart = now;
       playEnd = end;
       flag = true;
       break;
     }
   }
+
   return visible ? flag ? (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
     title: "".concat(channelName || '', "  ").concat(time)
   }, {
@@ -441,20 +504,25 @@ var TimeVerticalLine = function TimeVerticalLine(_ref) {
     }
   }) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
 };
+
 var getSegments = function getSegments(props) {
   var _props$list = props.list,
-    list = _props$list === void 0 ? [] : _props$list,
-    start = props.start,
-    end = props.end;
+      list = _props$list === void 0 ? [] : _props$list,
+      start = props.start,
+      end = props.end;
   var startTime = (0, _moment["default"])(start);
   var endTime = (0, _moment["default"])(end);
   var total = endTime.diff(startTime, 'seconds'); // 总时间
+
   var result = list === null || list === void 0 ? void 0 : list.map(function (i) {
     var itemStart = (0, _moment["default"])(i.beginTime).diff(startTime, 'seconds') > 0 ? (0, _moment["default"])(i.beginTime) : startTime;
     var itemEnd = (0, _moment["default"])(i.endTime);
     var itemTotal = itemEnd.diff(itemStart, 'seconds'); // 分段总时间
+
     var width = itemTotal / total * 100; // 分段时间占总时间百分比
+
     var left = itemStart.diff(startTime, 'seconds') / total * 100; // 分段其实时间
+
     return (0, _jsxRuntime.jsx)("div", {
       className: "segment",
       style: {
@@ -465,6 +533,7 @@ var getSegments = function getSegments(props) {
   });
   return result;
 };
+
 HistoryControlV2Panel.displayName = 'HistoryControlV2Panel';
 var _default = HistoryControlV2Panel;
 exports["default"] = _default;