@vtx/player 0.0.10 → 0.0.13

package/lib/history-control/index.js

@@ -0,0 +1,506 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.HistoryControl = void 0;
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _react = require("react");
+
+var _reactCollapsed = _interopRequireDefault(require("react-collapsed"));
+
+var _historyPlayer = _interopRequireDefault(require("../history-player"));
+
+var _ahooks = require("ahooks");
+
+var _button = _interopRequireDefault(require("antd/lib/button"));
+
+var _space = _interopRequireDefault(require("antd/lib/space"));
+
+var _table = _interopRequireDefault(require("antd/lib/table"));
+
+var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _api = require("@/api");
+
+var _controls = require("@/controls");
+
+var _icons = require("@/icons");
+
+var _utils = require("@/utils");
+
+var _collapse = _interopRequireDefault(require("./images/collapse.png"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 = 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 DEFAULT_PLAY_PARAMS = {
+  index: -1,
+  url: '',
+  startTime: '',
+  endTime: ''
+};
+/**
+ * 历史视频控制器
+ */
+
+var HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$width = props.width,
+      width = _props$width === void 0 ? '100%' : _props$width,
+      _props$height = props.height,
+      height = _props$height === void 0 ? '100%' : _props$height,
+      onExpandChange = props.onExpandChange,
+      onTimeChange = props.onTimeChange,
+      _props$showInfo = props.showInfo,
+      showInfo = _props$showInfo === void 0 ? false : _props$showInfo,
+      _props$info = props.info,
+      info = _props$info === void 0 ? [] : _props$info;
+  var segmentsRef = (0, _react.useRef)(null);
+
+  var _useRequest = (0, _ahooks.useRequest)(_api.getHistoryUrl, {
+    manual: true
+  }),
+      runAsync = _useRequest.runAsync;
+
+  var _useCollapse = (0, _reactCollapsed["default"])({
+    defaultExpanded: true // 默认展开
+
+  }),
+      getCollapseProps = _useCollapse.getCollapseProps,
+      getToggleProps = _useCollapse.getToggleProps,
+      isExpanded = _useCollapse.isExpanded;
+
+  var _useSetState = (0, _ahooks.useSetState)({
+    expand: true,
+    name: '',
+    tableData: [],
+    segmentData: {
+      list: []
+    },
+    totalUrl: '',
+    timeLinePosition: -1,
+    playParams: DEFAULT_PLAY_PARAMS
+  }),
+      _useSetState2 = _slicedToArray(_useSetState, 2),
+      state = _useSetState2[0],
+      setState = _useSetState2[1];
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      load: function load(channel) {
+        if (JSON.stringify(channel) !== JSON.stringify(state.channel)) {
+          setState({
+            channel: channel,
+            timeLinePosition: -1
+          });
+        }
+      }
+    };
+  });
+  (0, _react.useEffect)(function () {
+    if (state.channel) {
+      runAsync(state.channel).then(function (result) {
+        var _a, _b, _c, _d; // 如果没有list,只有url,则直接播放url
+
+
+        if (Array.isArray(result.list)) {
+          var tableData = (0, _utils.getUrlTableData)(result);
+          var segmentData = {
+            list: result.list,
+            start: (0, _moment["default"])((_a = state.channel) === null || _a === void 0 ? void 0 : _a.beginTime).startOf('day'),
+            end: (0, _moment["default"])((_b = state.channel) === null || _b === void 0 ? void 0 : _b.endTime).endOf('day')
+          };
+          setState({
+            tableData: tableData,
+            segmentData: segmentData,
+            name: "".concat(result.deviceName, "-").concat(result.channelName),
+            totalUrl: result.totalTimeUrl
+          });
+        } else if (result.totalTimeUrl) {
+          setState({
+            tableData: [],
+            segmentData: {
+              list: []
+            },
+            name: "".concat(result.deviceName, "-").concat(result.channelName),
+            totalUrl: result.totalTimeUrl,
+            playParams: {
+              index: 0,
+              url: result.totalTimeUrl,
+              startTime: ((_c = state.channel) === null || _c === void 0 ? void 0 : _c.beginTime) || '',
+              endTime: ((_d = state.channel) === null || _d === void 0 ? void 0 : _d.endTime) || ''
+            }
+          });
+        } else {
+          setState({
+            tableData: [],
+            segmentData: {
+              list: []
+            },
+            name: "",
+            playParams: DEFAULT_PLAY_PARAMS
+          });
+        }
+      });
+      return function () {
+        setState({
+          tableData: [],
+          segmentData: {
+            list: []
+          },
+          name: "",
+          playParams: DEFAULT_PLAY_PARAMS
+        });
+      };
+    }
+  }, [state.channel]);
+
+  var handleExpand = function handleExpand() {
+    onExpandChange && onExpandChange(!state.expand);
+    setState({
+      expand: !state.expand
+    });
+  };
+
+  var handleClose = function handleClose() {
+    setState({
+      channel: undefined,
+      timeLinePosition: -1
+    });
+  };
+
+  var columns = [{
+    title: '序号',
+    dataIndex: 'index',
+    width: 60
+  }, {
+    title: '播放视频',
+    key: 'play',
+    width: 90,
+    render: function render(_, record, index) {
+      var active = state.playParams.index === index;
+      return (0, _jsxRuntime.jsx)(_button["default"], Object.assign({
+        className: "play-btn ".concat(active ? 'active' : ''),
+        onClick: function onClick() {
+          if (active) {
+            setState({
+              playParams: DEFAULT_PLAY_PARAMS,
+              timeLinePosition: -1
+            });
+          } else {
+            var url = record.url || state.totalUrl;
+            setState({
+              playParams: {
+                index: index,
+                url: url,
+                startTime: record.beginTime,
+                endTime: record.endTime
+              }
+            });
+          }
+        }
+      }, {
+        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: 'channelName',
+  // },
+  {
+    title: '开始时间',
+    dataIndex: 'beginTime',
+    width: 170
+  }, {
+    title: '结束时间',
+    dataIndex: 'endTime',
+    width: 170
+  }, {
+    title: '持续时间',
+    width: 120,
+    dataIndex: 'duration'
+  }, {
+    title: '视频大小',
+    width: 100,
+    dataIndex: 'size'
+  }];
+
+  var handleTimeChange = function handleTimeChange(time) {
+    var _a;
+
+    onTimeChange && onTimeChange(time); // 计算播放时间占起始时间当日的百分比
+
+    var progress = (0, _moment["default"])(time).diff((0, _moment["default"])((_a = state.channel) === null || _a === void 0 ? void 0 : _a.beginTime).startOf('day'), 'seconds') / (24 * 60 * 60) * 100;
+    setState({
+      timeLinePosition: progress
+    });
+  };
+
+  var getRef = function getRef() {
+    return segmentsRef.current;
+  };
+
+  return (0, _jsxRuntime.jsxs)("div", Object.assign({
+    className: "vtx-history-control",
+    style: {
+      width: width,
+      height: height
+    }
+  }, {
+    children: [state.name && (0, _jsxRuntime.jsx)(_controls.PlayerHeader, {
+      name: state.name,
+      onClose: handleClose
+    }), (0, _jsxRuntime.jsx)("div", Object.assign({
+      className: "player-container"
+    }, {
+      children: state.playParams.url && (0, _jsxRuntime.jsx)(_historyPlayer["default"], Object.assign({}, state.playParams, {
+        controlBottom: isExpanded ? 235 : 0,
+        onTimeChange: handleTimeChange,
+        showInfo: showInfo,
+        info: info
+      }))
+    })), state.tableData && state.tableData.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: state.segmentData,
+                totalUrl: state.totalUrl,
+                setState: setState
+              }), getSegments(state.segmentData)]
+            })), state.timeLinePosition >= 0 && (0, _jsxRuntime.jsx)(_icons.TimePositionIcon, {
+              className: "time-line-icon",
+              style: {
+                left: "".concat(state.timeLinePosition, "%")
+              }
+            }), (0, _jsxRuntime.jsx)(TimeLine, {})]
+          })), (0, _jsxRuntime.jsx)("div", Object.assign({
+            className: "urls-panel"
+          }, {
+            children: (0, _jsxRuntime.jsx)(_table["default"], {
+              className: "history-url-table",
+              columns: columns,
+              dataSource: state.tableData,
+              scroll: {
+                y: 100
+              },
+              pagination: false,
+              rowClassName: function rowClassName(_, index) {
+                return index === state.playParams.index ? 'active' : '';
+              }
+            })
+          }))]
+        }))
+      }))]
+    })), (0, _jsxRuntime.jsx)("div", Object.assign({
+      className: "bottom-controls"
+    }, {
+      children: (0, _jsxRuntime.jsx)(_space["default"], Object.assign({
+        className: "left",
+        size: 12,
+        align: "center"
+      }, {
+        children: onExpandChange && (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
+          title: state.expand ? '收起' : '展开'
+        }, {
+          children: (0, _jsxRuntime.jsx)("div", Object.assign({
+            onClick: handleExpand
+          }, {
+            children: state.expand ? (0, _jsxRuntime.jsx)(_icons.FoldIcon, {}) : (0, _jsxRuntime.jsx)(_icons.ExpandIcon, {})
+          }))
+        }))
+      }))
+    }))]
+  }));
+});
+exports.HistoryControl = HistoryControl;
+HistoryControl.displayName = 'HistoryControl';
+
+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 getSegments = function getSegments(props) {
+  var list = 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.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;
+};
+
+var ONEDAY_MILL = 24 * 60 * 60 * 1000;
+
+var TimeVerticalLine = function TimeVerticalLine(_ref) {
+  var getRef = _ref.getRef,
+      history = _ref.history,
+      totalUrl = _ref.totalUrl,
+      setState = _ref.setState;
+
+  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,
+      url,
+      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;
+    }
+  }
+
+  var onClick = function onClick() {
+    var playUrl = url || totalUrl;
+    setState({
+      playParams: {
+        index: index,
+        url: playUrl,
+        startTime: playStart,
+        endTime: playEnd
+      }
+    });
+  };
+
+  return visible ? flag ? (0, _jsxRuntime.jsx)(_tooltip["default"], Object.assign({
+    title: time
+  }, {
+    children: (0, _jsxRuntime.jsx)("div", {
+      className: "timeline",
+      style: {
+        left: elementX
+      },
+      onClick: onClick
+    })
+  })) : (0, _jsxRuntime.jsx)("div", {
+    className: "timeline",
+    style: {
+      left: elementX
+    },
+    onClick: onClick
+  }) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+};
+
+var _default = HistoryControl;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/history-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DEFAULT_PLAY_PARAMS","index","url","startTime","endTime","HistoryControl","forwardRef","props","ref","width","height","onExpandChange","onTimeChange","showInfo","info","segmentsRef","useRef","useRequest","getHistoryUrl","manual","runAsync","useCollapse","defaultExpanded","getCollapseProps","getToggleProps","isExpanded","useSetState","expand","name","tableData","segmentData","list","totalUrl","timeLinePosition","playParams","state","setState","useImperativeHandle","load","channel","JSON","stringify","useEffect","then","result","_a","_b","_c","_d","Array","isArray","getUrlTableData","start","moment","beginTime","startOf","end","endOf","deviceName","channelName","totalTimeUrl","handleExpand","handleClose","undefined","columns","title","dataIndex","key","render","_","record","active","_jsx","Button","Object","assign","className","onClick","children","_jsxs","_Fragment","VideoCloseIcon","VideoPlayIcon","handleTimeChange","time","progress","diff","getRef","current","style","PlayerHeader","onClose","HistoryPlayer","controlBottom","length","src","collapseBtnImg","alt","transform","TimeVerticalLine","history","getSegments","TimePositionIcon","left","TimeLine","Table","dataSource","scroll","y","pagination","rowClassName","Space","size","align","Tooltip","FoldIcon","ExpandIcon","displayName","getSplitLines","step","i","element","push","total","map","itemStart","itemEnd","itemTotal","ONEDAY_MILL","mouse","useMouse","elementX","elementY","elementW","elementH","visible","percent","valueOf","format","TimeFormat","params","flag","playStart","playEnd","now","begin","playbackUrl","playUrl"],"sources":["history-control/index.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport useCollapse from 'react-collapsed';\nimport HistoryPlayer from '../history-player';\nimport { useMouse, useRequest, useSetState } from 'ahooks';\n// import { Button, Space, Table, Tooltip } from 'antd';\nimport Button from 'antd/lib/button';\nimport Space from 'antd/lib/space';\nimport Table from 'antd/lib/table';\nimport Tooltip from 'antd/lib/tooltip';\nimport moment from 'moment';\nimport { getHistoryUrl } from '@/api';\nimport { PlayerHeader } from '@/controls';\nimport { ExpandIcon, FoldIcon, TimePositionIcon, VideoCloseIcon, VideoPlayIcon } from '@/icons';\nimport { TimeFormat, getUrlTableData } from '@/utils';\nimport collapseBtnImg from './images/collapse.png';\n/** 默认播放器参数 */\nconst DEFAULT_PLAY_PARAMS = {\n    index: -1,\n    url: '',\n    startTime: '',\n    endTime: '',\n};\n/**\n * 历史视频控制器\n */\nexport const HistoryControl = forwardRef((props, ref) => {\n    const { width = '100%', height = '100%', onExpandChange, onTimeChange, showInfo = false, info = [], } = props;\n    const segmentsRef = useRef(null);\n    const { runAsync } = useRequest(getHistoryUrl, {\n        manual: true,\n    });\n    const { getCollapseProps, getToggleProps, isExpanded } = useCollapse({\n        defaultExpanded: true, // 默认展开\n    });\n    const [state, setState] = useSetState({\n        expand: true,\n        name: '',\n        tableData: [],\n        segmentData: { list: [] },\n        totalUrl: '',\n        timeLinePosition: -1,\n        playParams: DEFAULT_PLAY_PARAMS,\n    });\n    useImperativeHandle(ref, () => {\n        return {\n            load: (channel) => {\n                if (JSON.stringify(channel) !== JSON.stringify(state.channel)) {\n                    setState({ channel, timeLinePosition: -1 });\n                }\n            },\n        };\n    });\n    useEffect(() => {\n        if (state.channel) {\n            runAsync(state.channel).then((result) => {\n                var _a, _b, _c, _d;\n                // 如果没有list,只有url,则直接播放url\n                if (Array.isArray(result.list)) {\n                    const tableData = getUrlTableData(result);\n                    const segmentData = {\n                        list: result.list,\n                        start: moment((_a = state.channel) === null || _a === void 0 ? void 0 : _a.beginTime).startOf('day'),\n                        end: moment((_b = state.channel) === null || _b === void 0 ? void 0 : _b.endTime).endOf('day'),\n                    };\n                    setState({\n                        tableData,\n                        segmentData,\n                        name: `${result.deviceName}-${result.channelName}`,\n                        totalUrl: result.totalTimeUrl,\n                    });\n                }\n                else if (result.totalTimeUrl) {\n                    setState({\n                        tableData: [],\n                        segmentData: { list: [] },\n                        name: `${result.deviceName}-${result.channelName}`,\n                        totalUrl: result.totalTimeUrl,\n                        playParams: {\n                            index: 0,\n                            url: result.totalTimeUrl,\n                            startTime: ((_c = state.channel) === null || _c === void 0 ? void 0 : _c.beginTime) || '',\n                            endTime: ((_d = state.channel) === null || _d === void 0 ? void 0 : _d.endTime) || '',\n                        },\n                    });\n                }\n                else {\n                    setState({\n                        tableData: [],\n                        segmentData: { list: [] },\n                        name: ``,\n                        playParams: DEFAULT_PLAY_PARAMS,\n                    });\n                }\n            });\n            return () => {\n                setState({\n                    tableData: [],\n                    segmentData: { list: [] },\n                    name: ``,\n                    playParams: DEFAULT_PLAY_PARAMS,\n                });\n            };\n        }\n    }, [state.channel]);\n    const handleExpand = () => {\n        onExpandChange && onExpandChange(!state.expand);\n        setState({ expand: !state.expand });\n    };\n    const handleClose = () => {\n        setState({ channel: undefined, timeLinePosition: -1 });\n    };\n    const columns = [\n        {\n            title: '序号',\n            dataIndex: 'index',\n            width: 60,\n        },\n        {\n            title: '播放视频',\n            key: 'play',\n            width: 90,\n            render: (_, record, index) => {\n                const active = state.playParams.index === index;\n                return (_jsx(Button, Object.assign({ className: `play-btn ${active ? 'active' : ''}`, onClick: () => {\n                        if (active) {\n                            setState({\n                                playParams: DEFAULT_PLAY_PARAMS,\n                                timeLinePosition: -1,\n                            });\n                        }\n                        else {\n                            const url = record.url || state.totalUrl;\n                            setState({\n                                playParams: {\n                                    index,\n                                    url,\n                                    startTime: record.beginTime,\n                                    endTime: record.endTime,\n                                },\n                            });\n                        }\n                    } }, { children: active ? (_jsxs(_Fragment, { children: [_jsx(VideoCloseIcon, { active: true }), \"\\u5173\\u95ED\"] })) : (_jsxs(_Fragment, { children: [_jsx(VideoPlayIcon, {}), \"\\u64AD\\u653E\"] })) })));\n            },\n        },\n        // {\n        //     title: '设备名称',\n        //     dataIndex: 'deviceName',\n        // },\n        // {\n        //     title: '通道名称',\n        //     dataIndex: 'channelName',\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: 120,\n            dataIndex: 'duration',\n        },\n        {\n            title: '视频大小',\n            width: 100,\n            dataIndex: 'size',\n        },\n    ];\n    const handleTimeChange = (time) => {\n        var _a;\n        onTimeChange && onTimeChange(time);\n        // 计算播放时间占起始时间当日的百分比\n        const progress = (moment(time).diff(moment((_a = state.channel) === null || _a === void 0 ? void 0 : _a.beginTime).startOf('day'), 'seconds') /\n            (24 * 60 * 60)) *\n            100;\n        setState({ timeLinePosition: progress });\n    };\n    const getRef = () => {\n        return segmentsRef.current;\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-history-control\", style: { width, height } }, { children: [state.name && _jsx(PlayerHeader, { name: state.name, onClose: handleClose }), _jsx(\"div\", Object.assign({ className: \"player-container\" }, { children: state.playParams.url && (_jsx(HistoryPlayer, Object.assign({}, state.playParams, { controlBottom: isExpanded ? 235 : 0, onTimeChange: handleTimeChange, showInfo: showInfo, info: info }))) })), state.tableData && state.tableData.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: state.segmentData, totalUrl: state.totalUrl, setState: setState }), getSegments(state.segmentData)] })), state.timeLinePosition >= 0 && (_jsx(TimePositionIcon, { className: \"time-line-icon\", style: { left: `${state.timeLinePosition}%` } })), _jsx(TimeLine, {})] })), _jsx(\"div\", Object.assign({ className: \"urls-panel\" }, { children: _jsx(Table, { className: \"history-url-table\", columns: columns, dataSource: state.tableData, scroll: { y: 100 }, pagination: false, rowClassName: (_, index) => index === state.playParams.index ? 'active' : '' }) }))] })) }))] }))), _jsx(\"div\", Object.assign({ className: \"bottom-controls\" }, { children: _jsx(Space, Object.assign({ className: \"left\", size: 12, align: \"center\" }, { children: onExpandChange && (_jsx(Tooltip, Object.assign({ title: state.expand ? '收起' : '展开' }, { children: _jsx(\"div\", Object.assign({ onClick: handleExpand }, { children: state.expand ? _jsx(FoldIcon, {}) : _jsx(ExpandIcon, {}) })) }))) })) }))] })));\n});\nHistoryControl.displayName = 'HistoryControl';\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 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.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};\nconst ONEDAY_MILL = 24 * 60 * 60 * 1000;\nconst TimeVerticalLine = ({ getRef, history, totalUrl, setState, }) => {\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, url, 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    const onClick = () => {\n        const playUrl = url || totalUrl;\n        setState({\n            playParams: {\n                index,\n                url: playUrl,\n                startTime: playStart,\n                endTime: playEnd,\n            },\n        });\n    };\n    return visible ? (flag ? (_jsx(Tooltip, Object.assign({ title: time }, { children: _jsx(\"div\", { className: \"timeline\", style: { left: elementX }, onClick: onClick }) }))) : (_jsx(\"div\", { className: \"timeline\", style: { left: elementX }, onClick: onClick }))) : (_jsx(_Fragment, {}));\n};\nexport default HistoryControl;\n"],"mappings":"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"}

package/lib/history-control/style/css.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("../../controls/style/css");
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/history-control/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["history-control/style/index.js"],"sourcesContent":["import '../../controls/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA"}