@vtx/player 0.0.30 → 1.0.1

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;

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

@@ -0,0 +1,418 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.HistoryControlV2 = void 0;
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _react = require("react");
+
+var _splitScreen = _interopRequireWildcard(require("../components/split-screen"));
+
+var _videoScale = _interopRequireDefault(require("../components/video-scale"));
+
+var _icons = require("../icons");
+
+var _icons2 = require("@ant-design/icons");
+
+var _ahooks = require("ahooks");
+
+var _space = _interopRequireDefault(require("antd/lib/space"));
+
+var _spin = _interopRequireDefault(require("antd/lib/spin"));
+
+var _api = require("../api");
+
+var _gridItem = _interopRequireDefault(require("./components/grid-item"));
+
+var _panel = _interopRequireDefault(require("./components/panel"));
+
+var _context2 = require("./context");
+
+var _utils = require("./utils");
+
+var _utils2 = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+
+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 = 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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+/**
+ * 历史视频控制器
+ */
+var HistoryControlV2 = /*#__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,
+      onVideoClose = props.onVideoClose,
+      onScreenshot = props.onScreenshot,
+      onPlayingChannelChange = props.onPlayingChannelChange;
+
+  var _useSetState = (0, _ahooks.useSetState)({
+    expand: true,
+    grid: _utils.DEFAULT_GRID,
+    scale: '100%'
+  }),
+      _useSetState2 = _slicedToArray(_useSetState, 2),
+      state = _useSetState2[0],
+      setState = _useSetState2[1];
+
+  var _useState = (0, _react.useState)(_utils.DEFAULT_CHANNELS),
+      _useState2 = _slicedToArray(_useState, 2),
+      channels = _useState2[0],
+      setChannels = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(_utils.DEFAULT_ACTIVE),
+      _useState6 = _slicedToArray(_useState5, 2),
+      activeIndex = _useState6[0],
+      setActiveIndex = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(-1),
+      _useState8 = _slicedToArray(_useState7, 2),
+      timeLinePosition = _useState8[0],
+      setTimeLinePosition = _useState8[1];
+
+  var panelRef = (0, _react.useRef)(); // 全屏方法
+
+  var wrapRef = (0, _react.useRef)(null);
+
+  var _useFullscreen = (0, _ahooks.useFullscreen)(wrapRef),
+      _useFullscreen2 = _slicedToArray(_useFullscreen, 2),
+      isFullscreen = _useFullscreen2[0],
+      toggleFullscreen = _useFullscreen2[1].toggleFullscreen;
+
+  var _useRequest = (0, _ahooks.useRequest)(_api.getHistoryUrl, {
+    manual: true
+  }),
+      runAsync = _useRequest.runAsync;
+
+  var _useRequest2 = (0, _ahooks.useRequest)(_api.getVideoLabelById, {
+    manual: true
+  }),
+      getVideoLabelByIdAsync = _useRequest2.runAsync;
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      load: function load(channel) {
+        panelRef.current.load(channel);
+      },
+      start: function start(playInfo) {
+        return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var _a, _b, _c, result, labelRes, res, newChannels, resultChannel, channelIndex;
+
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  setLoading(true);
+                  result = playInfo;
+
+                  if (!playInfo.tagId) {
+                    _context.next = 10;
+                    break;
+                  }
+
+                  _context.next = 5;
+                  return getVideoLabelByIdAsync({
+                    id: playInfo.tagId
+                  });
+
+                case 5:
+                  labelRes = _context.sent;
+                  result.deviceId = labelRes.videoDeviceId || playInfo.deviceId;
+                  result.channelNum = labelRes.videoChannelNum || playInfo.channelNum;
+                  result.beginTime = labelRes.startTime || playInfo.beginTime;
+                  result.endTime = labelRes.endTime || playInfo.endTime;
+
+                case 10:
+                  _context.next = 12;
+                  return runAsync({
+                    deviceId: result.deviceId,
+                    channelNum: result.channelNum,
+                    beginTime: result.beginTime,
+                    endTime: result.endTime,
+                    protocol: result.protocol,
+                    token: (0, _utils2.getUrlParam)('token')
+                  });
+
+                case 12:
+                  res = _context.sent;
+                  newChannels = _toConsumableArray(channels);
+                  resultChannel = (_a = newChannels.filter(function (citem) {
+                    return citem.deviceId === res.deviceId && citem.channelNum === res.channelNum;
+                  })) === null || _a === void 0 ? void 0 : _a[0]; // 如果当前通道已经再里面了，则直接替换当前通道
+
+                  if (resultChannel) {
+                    newChannels[resultChannel.channelIndex] = Object.assign(Object.assign({}, newChannels[resultChannel.channelIndex]), {
+                      // 有tagId 则为-1  不然维持原有的 
+                      index: playInfo.tagId ? -1 : newChannels[resultChannel.channelIndex].index,
+                      tagId: playInfo.tagId || '',
+                      startTime: result.beginTime,
+                      endTime: result.endTime
+                    });
+                  } else {
+                    // 如果当前通道不在里面 则找到第一个channelNum为''的替换 
+                    channelIndex = (_c = (_b = newChannels.filter(function (item) {
+                      return item.channelNum === '';
+                    })) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.channelIndex;
+
+                    if (typeof channelIndex == 'number') {
+                      newChannels[channelIndex] = Object.assign(Object.assign({}, newChannels[channelIndex]), (0, _utils.getChannelData)(res, result));
+                    }
+                  }
+
+                  setChannels(newChannels);
+                  setLoading(false);
+
+                case 18:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+      }
+    };
+  });
+
+  var handleExpand = function handleExpand() {
+    onExpandChange && onExpandChange(!state.expand);
+    setState({
+      expand: !state.expand
+    });
+  };
+
+  var handleCloseAll = function handleCloseAll() {
+    var realChannels = channels.filter(function (item) {
+      return item.channelNum !== '';
+    });
+    setChannels(_utils.DEFAULT_CHANNELS);
+    realChannels.map(function (item) {
+      onVideoClose(item);
+    });
+  };
+
+  var getGridItems = function getGridItems() {
+    var items = [];
+
+    var _loop = function _loop(i) {
+      var element = (0, _jsxRuntime.jsx)(_gridItem["default"], {
+        active: activeIndex === i,
+        palyIndex: i,
+        onClick: function onClick() {
+          return setActiveIndex(i);
+        },
+        channel: channels[i],
+        onClose: function onClose() {
+          var newChannels = _toConsumableArray(channels);
+
+          newChannels[i].index = -1;
+          newChannels[i].startTime = '';
+          newChannels[i].endTime = '';
+          newChannels[i].tagId = '';
+          setChannels(newChannels);
+          onVideoClose && onVideoClose(newChannels[i]);
+        },
+        scale: state.scale,
+        loading: true,
+        onScreenshot: onScreenshot
+      }, i);
+      items.push(element);
+    };
+
+    for (var i = 0; i < Number(state.grid); i++) {
+      _loop(i);
+    }
+
+    return items;
+  };
+
+  var store = {
+    channels: channels,
+    setChannels: setChannels,
+    loading: loading,
+    setLoading: setLoading,
+    activeIndex: activeIndex,
+    setActiveIndex: setActiveIndex,
+    timeLinePosition: timeLinePosition,
+    setTimeLinePosition: setTimeLinePosition
+  };
+  (0, _react.useEffect)(function () {
+    if ((0, _splitScreen.getRealGrid)(channels.filter(function (item) {
+      return item.channelNum !== '';
+    }).length) !== state.grid) {
+      setState({
+        grid: (0, _splitScreen.getRealGrid)(channels.filter(function (item) {
+          return item.channelNum !== '';
+        }).length) || 1
+      });
+    }
+
+    var realChannels = channels.filter(function (item) {
+      return item.channelNum !== '';
+    });
+    onPlayingChannelChange(realChannels);
+  }, [channels]);
+  return (0, _jsxRuntime.jsx)("div", Object.assign({
+    className: "vtx-history-control-v2",
+    style: {
+      width: width,
+      height: height
+    },
+    ref: wrapRef
+  }, {
+    children: (0, _jsxRuntime.jsxs)(_context2.historyControlV2Context.Provider, Object.assign({
+      value: store
+    }, {
+      children: [(0, _jsxRuntime.jsx)(_spin["default"], {
+        spinning: loading,
+        className: "vtx-spin",
+        size: "large"
+      }), (0, _jsxRuntime.jsx)("div", Object.assign({
+        className: "player-grid-container _".concat((0, _splitScreen.getRealGrid)(state.grid))
+      }, {
+        children: getGridItems()
+      })), (0, _jsxRuntime.jsx)(_panel["default"], {
+        onVideoClose: onVideoClose,
+        ref: panelRef
+      }), (0, _jsxRuntime.jsxs)("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)("div", Object.assign({
+            onClick: handleExpand,
+            style: {
+              display: 'flex'
+            }
+          }, {
+            children: state.expand ? (0, _jsxRuntime.jsx)(_icons.FoldIcon, {}) : (0, _jsxRuntime.jsx)(_icons.ExpandIcon, {})
+          }))
+        })), (0, _jsxRuntime.jsxs)(_space["default"], Object.assign({
+          className: "right",
+          size: 12,
+          align: "center"
+        }, {
+          children: [(0, _jsxRuntime.jsx)(_icons.CloseAllIcon, {
+            onClick: handleCloseAll
+          }), (0, _jsxRuntime.jsx)("div", {
+            className: 'split-line'
+          }), (0, _jsxRuntime.jsx)(_splitScreen["default"], Object.assign({
+            grid: state.grid,
+            setGrid: function setGrid(grid) {
+              return setState({
+                grid: grid
+              });
+            }
+          }, {
+            children: (0, _jsxRuntime.jsxs)("div", Object.assign({
+              className: 'controls-icon-hover'
+            }, {
+              children: [(0, _jsxRuntime.jsx)(_icons.GridIcon, {}), (0, _jsxRuntime.jsx)(_icons2.DownOutlined, {
+                className: "hover-hide"
+              }), (0, _jsxRuntime.jsx)(_icons2.UpOutlined, {
+                className: "hover-show"
+              })]
+            }))
+          })), (0, _jsxRuntime.jsx)(_videoScale["default"], Object.assign({
+            scale: state.scale,
+            setScale: function setScale(scale) {
+              return setState({
+                scale: scale
+              });
+            }
+          }, {
+            children: (0, _jsxRuntime.jsxs)("div", Object.assign({
+              className: 'controls-icon-hover'
+            }, {
+              children: [(0, _jsxRuntime.jsx)(_icons.OccupyingScreenIcon, {}), (0, _jsxRuntime.jsx)(_icons2.DownOutlined, {
+                className: "hover-hide"
+              }), (0, _jsxRuntime.jsx)(_icons2.UpOutlined, {
+                className: "hover-show"
+              })]
+            }))
+          })), isFullscreen ? (0, _jsxRuntime.jsx)(_icons.ExitFullScreenIcon, {
+            onClick: toggleFullscreen
+          }) : (0, _jsxRuntime.jsx)(_icons.FullScreenIcon, {
+            onClick: toggleFullscreen
+          })]
+        }))]
+      }))]
+    }))
+  }));
+});
+exports.HistoryControlV2 = HistoryControlV2;
+HistoryControlV2.displayName = 'HistoryControlV2';
+var _default = HistoryControlV2;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","Promise","reject","fulfilled","step","next","e","rejected","result","done","then","apply","HistoryControlV2","forwardRef","props","ref","width","height","onExpandChange","onVideoClose","onScreenshot","onPlayingChannelChange","useSetState","expand","grid","DEFAULT_GRID","scale","state","setState","useState","DEFAULT_CHANNELS","channels","setChannels","loading","setLoading","DEFAULT_ACTIVE","activeIndex","setActiveIndex","timeLinePosition","setTimeLinePosition","panelRef","useRef","wrapRef","useFullscreen","isFullscreen","toggleFullscreen","useRequest","getHistoryUrl","manual","runAsync","getVideoLabelById","getVideoLabelByIdAsync","useImperativeHandle","load","channel","current","start","playInfo","tagId","id","labelRes","deviceId","videoDeviceId","channelNum","videoChannelNum","beginTime","startTime","endTime","protocol","token","getUrlParam","res","newChannels","resultChannel","_a","filter","citem","channelIndex","Object","assign","index","_c","_b","item","getChannelData","handleExpand","handleCloseAll","realChannels","map","getGridItems","items","i","element","_jsx","GridItem","active","palyIndex","onClick","onClose","push","Number","store","useEffect","getRealGrid","length","className","style","children","_jsxs","historyControlV2Context","Provider","Spin","spinning","size","Panel","Space","align","display","FoldIcon","ExpandIcon","CloseAllIcon","SplitScreen","setGrid","GridIcon","DownOutlined","UpOutlined","VideoScale","setScale","OccupyingScreenIcon","ExitFullScreenIcon","FullScreenIcon","displayName"],"sources":["history-control-v2/index.js"],"sourcesContent":["var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport SplitScreen, { getRealGrid } from '../components/split-screen';\nimport VideoScale from '../components/video-scale';\nimport { CloseAllIcon, ExitFullScreenIcon, ExpandIcon, FoldIcon, FullScreenIcon, GridIcon, OccupyingScreenIcon, } from '../icons';\nimport { DownOutlined, UpOutlined } from '@ant-design/icons';\nimport { useFullscreen, useSetState, useRequest } from 'ahooks';\nimport Space from 'antd/lib/space';\nimport Spin from 'antd/lib/spin';\nimport { getHistoryUrl, getVideoLabelById } from '../api';\nimport GridItem from './components/grid-item';\nimport Panel from './components/panel';\nimport { historyControlV2Context } from './context';\nimport { DEFAULT_ACTIVE, DEFAULT_CHANNELS, DEFAULT_GRID, getChannelData } from './utils';\nimport { getUrlParam } from '../utils';\n/**\n * 历史视频控制器\n */\nexport const HistoryControlV2 = forwardRef((props, ref) => {\n    const { width = '100%', height = '100%', onExpandChange, onVideoClose, onScreenshot, onPlayingChannelChange, } = props;\n    const [state, setState] = useSetState({\n        expand: true,\n        grid: DEFAULT_GRID,\n        scale: '100%',\n    });\n    const [channels, setChannels] = useState(DEFAULT_CHANNELS);\n    const [loading, setLoading] = useState(false);\n    const [activeIndex, setActiveIndex] = useState(DEFAULT_ACTIVE);\n    const [timeLinePosition, setTimeLinePosition] = useState(-1);\n    const panelRef = useRef();\n    // 全屏方法\n    const wrapRef = useRef(null);\n    const [isFullscreen, { toggleFullscreen }] = useFullscreen(wrapRef);\n    const { runAsync } = useRequest(getHistoryUrl, {\n        manual: true,\n    });\n    const { runAsync: getVideoLabelByIdAsync } = useRequest(getVideoLabelById, {\n        manual: true,\n    });\n    useImperativeHandle(ref, () => {\n        return {\n            load: (channel) => {\n                panelRef.current.load(channel);\n            },\n            start: (playInfo) => __awaiter(void 0, void 0, void 0, function* () {\n                var _a, _b, _c;\n                setLoading(true);\n                const result = playInfo;\n                if (playInfo.tagId) {\n                    /**\n                     * 如果传了tagId 则根据TagId 获取 deviceId,channelNum,beginTime,endTime\n                     * 如果没有传tagId 则根据 传入进来的 deviceId, channelNum,beginTime,endTime\n                     */\n                    const labelRes = yield getVideoLabelByIdAsync({\n                        id: playInfo.tagId,\n                    });\n                    result.deviceId = labelRes.videoDeviceId || playInfo.deviceId;\n                    result.channelNum = labelRes.videoChannelNum || playInfo.channelNum;\n                    result.beginTime = labelRes.startTime || playInfo.beginTime;\n                    result.endTime = labelRes.endTime || playInfo.endTime;\n                }\n                const res = yield runAsync({\n                    deviceId: result.deviceId,\n                    channelNum: result.channelNum,\n                    beginTime: result.beginTime,\n                    endTime: result.endTime,\n                    protocol: result.protocol,\n                    token: getUrlParam('token')\n                });\n                const newChannels = [...channels];\n                const resultChannel = (_a = newChannels.filter((citem) => citem.deviceId === res.deviceId && citem.channelNum === res.channelNum)) === null || _a === void 0 ? void 0 : _a[0];\n                // 如果当前通道已经再里面了，则直接替换当前通道\n                if (resultChannel) {\n                    newChannels[resultChannel.channelIndex] = Object.assign(Object.assign({}, newChannels[resultChannel.channelIndex]), { \n                        // 有tagId 则为-1  不然维持原有的 \n                        index: playInfo.tagId ? -1 : newChannels[resultChannel.channelIndex].index, tagId: playInfo.tagId || '', startTime: result.beginTime, endTime: result.endTime });\n                }\n                else {\n                    // 如果当前通道不在里面 则找到第一个channelNum为''的替换 \n                    const channelIndex = (_c = (_b = newChannels.filter((item) => item.channelNum === '')) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.channelIndex;\n                    if (typeof channelIndex == 'number') {\n                        newChannels[channelIndex] = Object.assign(Object.assign({}, newChannels[channelIndex]), getChannelData(res, result));\n                    }\n                }\n                setChannels(newChannels);\n                setLoading(false);\n            }),\n        };\n    });\n    const handleExpand = () => {\n        onExpandChange && onExpandChange(!state.expand);\n        setState({ expand: !state.expand });\n    };\n    const handleCloseAll = () => {\n        const realChannels = channels.filter((item) => item.channelNum !== '');\n        setChannels(DEFAULT_CHANNELS);\n        realChannels.map((item) => {\n            onVideoClose(item);\n        });\n    };\n    const getGridItems = () => {\n        const items = [];\n        for (let i = 0; i < Number(state.grid); i++) {\n            const element = (_jsx(GridItem, { active: activeIndex === i, palyIndex: i, onClick: () => setActiveIndex(i), channel: channels[i], onClose: () => {\n                    const newChannels = [...channels];\n                    newChannels[i].index = -1;\n                    newChannels[i].startTime = '';\n                    newChannels[i].endTime = '';\n                    newChannels[i].tagId = '';\n                    setChannels(newChannels);\n                    onVideoClose && onVideoClose(newChannels[i]);\n                }, scale: state.scale, loading: true, onScreenshot: onScreenshot }, i));\n            items.push(element);\n        }\n        return items;\n    };\n    const store = {\n        channels,\n        setChannels,\n        loading,\n        setLoading,\n        activeIndex,\n        setActiveIndex,\n        timeLinePosition,\n        setTimeLinePosition\n    };\n    useEffect(() => {\n        if (getRealGrid(channels.filter(item => item.channelNum !== '').length) !== state.grid) {\n            setState({\n                grid: getRealGrid(channels.filter(item => item.channelNum !== '').length) || 1,\n            });\n        }\n        const realChannels = channels.filter((item) => item.channelNum !== '');\n        onPlayingChannelChange(realChannels);\n    }, [channels]);\n    return (_jsx(\"div\", Object.assign({ className: \"vtx-history-control-v2\", style: { width, height }, ref: wrapRef }, { children: _jsxs(historyControlV2Context.Provider, Object.assign({ value: store }, { children: [_jsx(Spin, { spinning: loading, className: \"vtx-spin\", size: \"large\" }), _jsx(\"div\", Object.assign({ className: `player-grid-container _${getRealGrid(state.grid)}` }, { children: getGridItems() })), _jsx(Panel, { onVideoClose: onVideoClose, ref: panelRef }), _jsxs(\"div\", Object.assign({ className: \"bottom-controls\" }, { children: [_jsx(Space, Object.assign({ className: \"left\", size: 12, align: \"center\" }, { children: onExpandChange && (_jsx(\"div\", Object.assign({ onClick: handleExpand, style: { display: 'flex' } }, { children: state.expand ? _jsx(FoldIcon, {}) : _jsx(ExpandIcon, {}) }))) })), _jsxs(Space, Object.assign({ className: \"right\", size: 12, align: \"center\" }, { children: [_jsx(CloseAllIcon, { onClick: handleCloseAll }), _jsx(\"div\", { className: 'split-line' }), _jsx(SplitScreen, Object.assign({ grid: state.grid, setGrid: (grid) => setState({ grid }) }, { children: _jsxs(\"div\", Object.assign({ className: 'controls-icon-hover' }, { children: [_jsx(GridIcon, {}), _jsx(DownOutlined, { className: \"hover-hide\" }), _jsx(UpOutlined, { className: \"hover-show\" })] })) })), _jsx(VideoScale, Object.assign({ scale: state.scale, setScale: (scale) => setState({ scale }) }, { children: _jsxs(\"div\", Object.assign({ className: 'controls-icon-hover' }, { children: [_jsx(OccupyingScreenIcon, {}), _jsx(DownOutlined, { className: \"hover-hide\" }), _jsx(UpOutlined, { className: \"hover-show\" })] })) })), isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: toggleFullscreen })) : (_jsx(FullScreenIcon, { onClick: toggleFullscreen }))] }))] }))] })) })));\n});\nHistoryControlV2.displayName = 'HistoryControlV2';\nexport default HistoryControlV2;\n"],"mappings":"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"}

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

@@ -0,0 +1,140 @@
+// 组件ref暴露的方法
+export type IHistoryControlV2Handle = {
+    load: (channel: IGetHistoryUrlParams) => void;
+    start: (playInfo: IHistoryPlayInfoParams) => void;
+};
+type IDeviceChannel = {
+    deviceId: string;
+    channelNums: string[];
+};
+export interface IGetHistoryUrlParams {
+    /** 频道号 */
+    channelNum?: string;
+
+    deviceChannels?:IDeviceChannel[];
+    /** 设备ID */
+    deviceId?: string;
+    /** 协议 */
+    protocol?: string;
+    /** 开始时间，格式：2022-06-01 00:00:00 */
+    beginTime?: string;
+    /** 结束时间，格式：2022-06-01 23:59:59 */
+    endTime?: string;
+    /** 是否展示信息 */
+    showInfo?: boolean | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    /** 信息 */
+    info?: Array<Array<string>>;
+    name?: string;
+    url?: string;
+    /** token */
+    token?: string;
+
+}
+export interface IHistoryPlayInfoParams {
+    /** 设备和端口数组 */
+    deviceId?: string;
+    /** 端口 */
+    channelNum?: string;
+    /** 标签的id */
+    tagId?: string;
+     /** 协议 */
+    protocol?: string;
+    /** 开始时间，格式：2022-06-01 00:00:00 */
+    beginTime?: string;
+    /** 结束时间，格式：2022-06-01 23:59:59 */
+    endTime?: string;
+}
+// 历史视频单个播放器
+export interface IHistoryControlProps {
+    /** 宽度 */
+    width?: number;
+    /** 高度 */
+    height?: number;
+    /** 展开/收缩按钮回调 */
+    onExpandChange?: (expand: boolean) => void;
+    /** 播放器进度回调，time:YYYY-MM-DD HH:mm:ss */
+    onTimeChange?: (time: string, speed: number) => void;
+    /** 截图回调 */
+    onScreenshot?: (url: string) => void;
+    /** 播放关闭回调 */
+    onVideoClose?: (e: any) => void;
+    /** 单签播放 */
+    onPlayingChannelChange?: (e: any) => void;
+    /** 是否展示信息 */
+    showInfo?: boolean | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    /** 信息 */
+    info?: Array<Array<string>>;
+}
+
+export type IChannel = {
+    hkType?: string;
+    code?: string;
+    /** 当前的位置的位置 */
+    channelIndex?: number;
+    index: number;
+    //标签index
+    tagIndex?: number;
+    tagId?: string;
+    // 设备id
+    deviceId?: string;
+    // 设备名称
+    deviceName?: string;
+    // 通道号
+    channelNum?: string;
+    // 通道名称
+    channelName?: string;
+    // 通道id
+    videoChannelId?: string;
+    /** 协议 */
+    protocol?: string;
+    /** 是否展示信息 */
+    showInfo?: boolean | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    /** 信息 */
+    info?: Array<Array<string>>;
+    /** 播放地址 */
+    url: string;
+    /** 开始时间 */
+    startTime?: string;
+    /** 结束时间 */
+    endTime?: string;
+    /** 历史视频下面的列表 */
+    tableList?: IUrlsTableItemType[];
+    /** 分段数据 */
+    segmentData?: GetSegmentsProps;
+    hasLabel?: boolean;
+};
+
+/** 表格数据 */
+export type IUrlsTableItemType = {
+    /** 序号 */
+    index: number;
+    /** 设备ID */
+    deviceId: string;
+    /** 设备名称 */
+    deviceName: string;
+    /** 通道名称 */
+    channelName: string;
+    /** 通道号 */
+    channelNum: string;
+    // 通道id
+    videoChannelId: string;
+    /** 开始时间 */
+    beginTime: string;
+    /** 结束时间 */
+    endTime: string;
+    /** 视频时长 */
+    duration: string;
+    /** 视频大小 */
+    size: string;
+    /** 地址 */
+    url: string;
+    hkType: string;
+    code: string;
+};
+
+/** 分段数据 */
+export type GetSegmentsProps = {
+    list: HistoryUrlItem[];
+    start?: moment.Moment;
+    end?: moment.Moment;
+};

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

@@ -0,0 +1,24 @@
+"use strict";
+
+require("antd/lib/button/style/css");
+
+require("antd/lib/space/style/css");
+
+require("antd/lib/table/style/css");
+
+require("antd/lib/tooltip/style/css");
+
+require("../../controls/style/css");
+
+require("../../history-player/style/css");
+
+require("../../components/split-screen/style/css");
+
+require("../../components/video-scale/style/css");
+
+require("../../components/tag-video/style/css");
+
+require("../../components/set-tag-video/style/css");
+
+require("./index.css");
+//# sourceMappingURL=css.js.map