@vtx/player 0.0.30 → 1.0.0

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

@@ -0,0 +1,477 @@
+"use strict";
+
+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; }
+
+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;
+
+  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: false // 默认展开
+
+  }),
+      getCollapseProps = _useCollapse.getCollapseProps,
+      getToggleProps = _useCollapse.getToggleProps,
+      isExpanded = _useCollapse.isExpanded;
+
+  var _useRequest = (0, _ahooks.useRequest)(_api.getHistoryUrls, {
+    manual: true
+  }),
+      runAsync = _useRequest.runAsync;
+
+  var columns = [{
+    title: '序号',
+    dataIndex: 'index',
+    width: 50
+  }, {
+    title: '播放视频',
+    key: 'play',
+    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 = '';
+            setChannels(newChannels);
+            onVideoClose && onVideoClose(newChannels[activeIndex]);
+          } else {
+            var _newChannels = _toConsumableArray(channels);
+
+            _newChannels[activeIndex].index = index;
+            _newChannels[activeIndex].startTime = record.beginTime;
+            _newChannels[activeIndex].endTime = record.endTime;
+            _newChannels[activeIndex].tagId = '';
+            _newChannels[activeIndex].url = record.url;
+            setChannels(_newChannels);
+          }
+        }
+      }, {
+        children: active ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)(_icons.VideoCloseIcon, {
+            active: true
+          }), "\u5173\u95ED"]
+        }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)(_icons.VideoPlayIcon, {}), "\u64AD\u653E"]
+        })
+      }));
+    }
+  }, {
+    title: '设备名称',
+    dataIndex: 'deviceName'
+  }, {
+    title: '开始时间',
+    dataIndex: 'beginTime',
+    width: 170
+  }, {
+    title: '结束时间',
+    dataIndex: 'endTime',
+    width: 170
+  }, {
+    title: '持续时间',
+    width: 130,
+    dataIndex: 'duration'
+  }, {
+    title: '视频大小',
+    width: 110,
+    dataIndex: 'size'
+  }];
+
+  var loadData = function loadData(channel) {
+    setLoading(true);
+    runAsync({
+      deviceChannels: JSON.stringify(channel.deviceChannels),
+      protocol: channel.protocol,
+      beginTime: channel.beginTime,
+      endTime: channel.endTime,
+      token: (0, _utils.getUrlParam)('token')
+    }).then(function (res) {
+      if (Array.isArray(res)) {
+        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({
+              channelIndex: index
+            }, _utils2.DEFAULT_PLAY_PARAMS);
+          }
+        });
+        res.filter(function (item, index) {
+          return index < 25;
+        }).map(function (item) {
+          var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+          /**
+           * 优化第一条数据的开始时间不要早于请求的开始时间
+           * 最后一条的结束时间不要晚于请求的结束时间
+           */
+
+
+          if ((0, _moment["default"])((_a = item.list) === null || _a === void 0 ? void 0 : _a[0].beginTime).diff((0, _moment["default"])(channel.beginTime), 'seconds') < 0) {
+            item.list[0].beginTime = channel.beginTime;
+          }
+
+          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) {
+            item.list[item.list.length - 1].endTime = channel.endTime;
+          }
+
+          var result = (_c = newChannels.filter(function (citem) {
+            return citem.deviceId === item.deviceId && citem.channelNum === item.channelNum;
+          })) === null || _c === void 0 ? void 0 : _c[0];
+
+          if (result) {
+            var isClose = newChannels[result.channelIndex].index === -1 && newChannels[result.channelIndex].tagId === '';
+            newChannels[result.channelIndex] = Object.assign(Object.assign({}, newChannels[result.channelIndex]), {
+              // 如果当前既没有播放列表 又没有播放标签  再 开始以第一个播放
+              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
+            });
+          } else {
+            var channelIndex = (_j = (_h = newChannels.filter(function (item) {
+              return item.channelNum === '';
+            })) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.channelIndex;
+
+            if (typeof channelIndex == 'number') {
+              newChannels[channelIndex] = Object.assign(Object.assign({}, newChannels[channelIndex]), (0, _utils2.getChannelData)(item, channel));
+            } else {
+              _message["default"].error('没有多余的播放位置');
+            }
+          }
+        });
+        setChannels(newChannels);
+      } else {
+        _message["default"].info('未查询到视频');
+      }
+
+      setLoading(false);
+    });
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      load: function load(channel) {
+        loadData(channel);
+      }
+    };
+  });
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: Array.isArray(realChannels) && realChannels.length > 0 ? (0, _jsxRuntime.jsxs)("div", Object.assign({
+      className: "collapse-controls"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("div", Object.assign({
+        className: "action-bar"
+      }, getToggleProps({}), {
+        children: (0, _jsxRuntime.jsx)("img", {
+          src: _collapse["default"],
+          alt: "",
+          style: {
+            transform: "rotate(".concat(isExpanded ? 180 : 0, "deg)")
+          }
+        })
+      })), (0, _jsxRuntime.jsx)("section", Object.assign({
+        className: "collapse-panel-container"
+      }, getCollapseProps(), {
+        children: (0, _jsxRuntime.jsxs)("div", Object.assign({
+          className: "panels"
+        }, {
+          children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
+            className: "time-panel"
+          }, {
+            children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
+              className: "segments",
+              ref: segmentsRef
+            }, {
+              children: [(0, _jsxRuntime.jsx)(TimeVerticalLine, {
+                getRef: getRef,
+                history: channels === null || channels === void 0 ? void 0 : channels[activeIndex].segmentData,
+                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),
+                    endTime: (0, _moment["default"])(endTime).format(_utils.TimeFormat.params),
+                    tagId: ''
+                  });
+                  setChannels(newChannels);
+                }
+              }), getSegments(channels === null || channels === void 0 ? void 0 : channels[activeIndex].segmentData)]
+            })), timeLinePosition >= 0 && (0, _jsxRuntime.jsx)(_icons.TimePositionIcon, {
+              className: "time-line-icon",
+              style: {
+                left: "".concat(timeLinePosition, "%")
+              }
+            }), (0, _jsxRuntime.jsx)(TimeLine, {})]
+          })), (0, _jsxRuntime.jsxs)("div", Object.assign({
+            style: {
+              display: 'flex'
+            }
+          }, {
+            children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
+              className: "panels-left"
+            }, {
+              children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
+                className: "panels-left-title"
+              }, {
+                children: ["\u89C6\u9891\u901A\u9053(", realChannels.length, ")"]
+              })), (0, _jsxRuntime.jsx)("div", Object.assign({
+                className: "panels-left-wrap"
+              }, {
+                children: realChannels.map(function (item, index) {
+                  return (0, _jsxRuntime.jsx)("div", Object.assign({
+                    className: "".concat(activeIndex == index ? 'panels-left-content-active' : '', " panels-left-content"),
+                    onClick: function onClick() {
+                      setActiveIndex(item.channelIndex);
+                    }
+                  }, {
+                    children: (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
+                      title: "".concat(item.channelName)
+                    }, {
+                      children: "".concat(item.channelName)
+                    }))
+                  }), "".concat(item.deviceId).concat(item.channelNum));
+                })
+              }))]
+            })), (0, _jsxRuntime.jsx)("div", Object.assign({
+              className: "urls-panel",
+              style: {
+                flex: 1,
+                overflow: 'hidden',
+                width: "100%"
+              }
+            }, {
+              children: (0, _jsxRuntime.jsx)(_table["default"], {
+                className: "history-url-table",
+                columns: columns,
+                dataSource: (channels === null || channels === void 0 ? void 0 : channels[activeIndex].tableList) || [],
+                scroll: {
+                  y: 100
+                },
+                pagination: false,
+                rowKey: function rowKey() {
+                  return (0, _utils.guid)();
+                },
+                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' : '';
+                }
+              })
+            }))]
+          }))]
+        }))
+      }))]
+    })) : null
+  });
+});
+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",
+        style: {
+          left: "".concat(step * i, "%")
+        }
+      }, {
+        children: (0, _jsxRuntime.jsx)("div", Object.assign({
+          className: "number"
+        }, {
+          children: i >= 10 ? i : '0' + i
+        }))
+      }), i);
+      result.push(element);
+    }
+
+    return result;
+  };
+
+  return (0, _jsxRuntime.jsxs)("div", Object.assign({
+    className: "time-axis"
+  }, {
+    children: [(0, _jsxRuntime.jsx)("div", {
+      className: "axis"
+    }), (0, _jsxRuntime.jsx)("div", Object.assign({
+      className: "split-lines"
+    }, {
+      children: getSplitLines()
+    }))]
+  }));
+};
+
+var ONEDAY_MILL = 24 * 60 * 60 * 1000;
+
+var TimeVerticalLine = function TimeVerticalLine(_ref) {
+  var getRef = _ref.getRef,
+      history = _ref.history,
+      _onClick = _ref.onClick;
+
+  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在整个宽度的占比，根据占比在一天中的比例算出具体时间，最后判断这个时间是否在某段视频中。在则显示提示时间。
+
+  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;
+  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();
+
+    if (now >= begin && now <= end) {
+      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: time
+  }, {
+    children: (0, _jsxRuntime.jsx)("div", {
+      className: "timeline",
+      style: {
+        left: elementX
+      },
+      onClick: function onClick() {
+        return _onClick(index, playStart, playEnd);
+      }
+    })
+  })) : (0, _jsxRuntime.jsx)("div", {
+    className: "timeline",
+    style: {
+      left: elementX
+    },
+    onClick: function onClick() {
+      return _onClick(index, playStart, playEnd);
+    }
+  }) : (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;
+  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: {
+        width: "".concat(width, "%"),
+        left: "".concat(left < 0 ? 0 : left, "%")
+      }
+    }, i.beginTime);
+  });
+  return result;
+};
+
+HistoryControlV2Panel.displayName = 'HistoryControlV2Panel';
+var _default = HistoryControlV2Panel;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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","columns","title","dataIndex","width","key","render","_","record","index","_a","active","_jsx","Button","Object","assign","className","onClick","newChannels","startTime","endTime","beginTime","tagId","url","children","_jsxs","_Fragment","VideoCloseIcon","VideoPlayIcon","loadData","channel","deviceChannels","JSON","stringify","protocol","token","getUrlParam","then","res","Array","isArray","length","message","info","newIds","map","deviceId","includes","channelIndex","DEFAULT_PLAY_PARAMS","_b","_c","_d","_e","_f","_g","_h","_j","moment","list","diff","result","citem","isClose","getChannelData","error","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","push","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 } 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 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                            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 = record.url;\n                            setChannels(newChannels);\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                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                            newChannels[channelIndex] = Object.assign(Object.assign({}, newChannels[channelIndex]), getChannelData(item, channel));\n                        }\n                        else {\n                            message.error('没有多余的播放位置');\n                        }\n                    }\n                });\n                setChannels(newChannels);\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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"}

package/lib/history-control-v2/context.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { IChannel } from './interface';
+export interface ContextProps {
+    /** 通道信息 */
+    channels: IChannel[];
+    setChannels: (channels: IChannel[]) => void;
+    /** loading */
+    loading: boolean;
+    setLoading: (loading: boolean) => void;
+    /** 当前选中 */
+    activeIndex: number;
+    setActiveIndex: (activeIndex: number) => void;
+    /** 时间轴的位置 */
+    timeLinePosition: number;
+    setTimeLinePosition: (timeLinePosition: number) => void;
+}
+export declare const historyControlV2Context: import("react").Context<ContextProps>;

package/lib/history-control-v2/context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.historyControlV2Context = void 0;
+
+var _react = require("react");
+
+var historyControlV2Context = /*#__PURE__*/(0, _react.createContext)({});
+exports.historyControlV2Context = historyControlV2Context;
+//# sourceMappingURL=context.js.map

package/lib/history-control-v2/context.js.map

@@ -0,0 +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"}

package/lib/history-control-v2/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IChannel, IHistoryControlProps, IHistoryControlV2Handle, IGetHistoryUrlParams, IHistoryPlayInfoParams } from './interface';
+export declare type HistoryControlV2Handle = IHistoryControlV2Handle;
+export declare type HistoryPlayInfoParams = IHistoryPlayInfoParams;
+export declare type GetHistoryUrlParams = IGetHistoryUrlParams;
+export declare type Channel = IChannel;
+/**
+ * 历史视频控制器
+ */
+export declare const HistoryControlV2: import("react").ForwardRefExoticComponent<IHistoryControlProps & import("react").RefAttributes<IHistoryControlV2Handle>>;
+export default HistoryControlV2;