@vtx/player 0.0.30 → 1.0.1

package/lib/history-player/index.js

@@ -1,5 +1,7 @@
 "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
 });
@@ -27,6 +29,8 @@ var _moment = _interopRequireDefault(require("moment"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+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 _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."); }
@@ -39,6 +43,38 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 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 HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var url = props.url,
       type = props.type,
@@ -53,10 +89,14 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       startTime = props.startTime,
       endTime = props.endTime,
       onTimeChange = props.onTimeChange,
+      screenshot = props.screenshot,
       _props$showInfo = props.showInfo,
       showInfo = _props$showInfo === void 0 ? false : _props$showInfo,
       _props$info = props.info,
-      info = _props$info === void 0 ? [] : _props$info;
+      info = _props$info === void 0 ? [] : _props$info,
+      extraButton = props.extraButton,
+      _props$controlVisible = props.controlVisible,
+      controlVisible = _props$controlVisible === void 0 ? undefined : _props$controlVisible;
   var totalTime = (0, _moment["default"])(endTime).diff((0, _moment["default"])(startTime), 'seconds');
   var containerRef = (0, _react.useRef)(null);
   var wrapRef = (0, _react.useRef)(null);
@@ -111,34 +151,55 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       type: type
     });
     playerRef.current = player;
-    setState({
-      loading: true,
-      controls: {
-        progress: player.type === 'hk_ws'
-      }
-    });
-    console.log(player.type);
-    player.playBack().then(function () {
-      return setState({
-        play: true,
-        error: false
-      });
-    })["catch"](function () {
-      return setState({
-        error: true
-      });
-    })["finally"](function () {
-      return setState({
-        loading: false
-      });
-    });
-    player.onTimeUpdate(function (currentTime, speed) {
-      setState({
-        currentTime: currentTime,
-        progress: Math.floor(currentTime / totalTime * 100)
-      });
-      onTimeChange && onTimeChange((0, _moment["default"])(startTime).add(currentTime, 'seconds').format(_utils.TimeFormat.params), speed);
-    });
+
+    (function () {
+      return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                player.onTimeUpdate(function (currentTime, speed) {
+                  if (!state.loading) {
+                    setState({
+                      currentTime: Math.floor(currentTime),
+                      progress: Math.floor(currentTime / totalTime * 100),
+                      speed: speed
+                    });
+                  }
+                });
+                _context.next = 3;
+                return setState({
+                  loading: true,
+                  controls: {
+                    progress: player.type === 'hk_ws'
+                  }
+                });
+
+              case 3:
+                player.playBack().then(function () {
+                  return setState({
+                    play: true,
+                    error: false
+                  });
+                })["catch"](function () {
+                  return setState({
+                    error: true
+                  });
+                })["finally"](function () {
+                  return setState({
+                    loading: false
+                  });
+                });
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+    })();
+
     return function () {
       player.destroy();
       setState({
@@ -148,11 +209,16 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
     };
   }, [url, startTime, endTime]);
+  (0, _react.useEffect)(function () {
+    if (!state.loading) {
+      onTimeChange && onTimeChange(state.currentTime > 0 ? (0, _moment["default"])(startTime).add(state.currentTime, 'seconds').format(_utils.TimeFormat.params) : '', state.speed);
+    }
+  }, [state.currentTime, state.speed]);
   /** 截图方法 */
 
   var handleCapture = function handleCapture(e) {
     var player = playerRef.current;
-    player && player.capture(captureName);
+    player && player.capture(captureName, screenshot);
     e.stopPropagation();
   };
   /** 全屏方法 */
@@ -220,7 +286,8 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className: "controls",
       ref: controlsRef,
       style: {
-        bottom: controlBottom
+        bottom: controlBottom,
+        opacity: controlVisible ? 1 : undefined
       }
     }, {
       children: [state.play ? (0, _jsxRuntime.jsx)(_icons.PauseIcon, {
@@ -262,7 +329,7 @@ var HistoryPlayer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           container: controlsRef.current
         }), (0, _jsxRuntime.jsx)(_icons.CaptureIcon, {
           onClick: handleCapture
-        }), isFullscreen ? (0, _jsxRuntime.jsx)(_icons.ExitFullScreenIcon, {
+        }), extraButton ? extraButton : null, isFullscreen ? (0, _jsxRuntime.jsx)(_icons.ExitFullScreenIcon, {
           onClick: handleFullScreen
         }) : (0, _jsxRuntime.jsx)(_icons.FullScreenIcon, {
           onClick: handleFullScreen

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["HistoryPlayer","forwardRef","props","ref","url","type","enableAgent","width","height","captureName","controlBottom","startTime","endTime","onTimeChange","showInfo","info","totalTime","moment","diff","containerRef","useRef","wrapRef","controlsRef","playerRef","useFullscreen","isFullscreen","toggleFullscreen","useSetState","play","error","loading","id","guidGenerator","volume","currentTime","progress","controls","state","setState","useImperativeHandle","seekTo","time","player","current","Promise","reject","useEffect","container","Player","live","console","log","playBack","then","onTimeUpdate","speed","Math","floor","add","format","TimeFormat","params","destroy","handleCapture","e","capture","stopPropagation","handleFullScreen","resize","handleSlider","value","handlePause","pause","handleResume","resume","_jsxs","Object","assign","className","style","children","_jsx","LoadingState","InfoPanel","bottom","PauseIcon","onClick","PlayIcon","secondsToTime","Slider","disabled","tipFormatter","onChange","Space","size","align","VolumeControl","defaultValue","SpeedControl","CaptureIcon","ExitFullScreenIcon","FullScreenIcon","displayName"],"sources":["history-player/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { InfoPanel, LoadingState, SpeedControl, VolumeControl } from '../controls';\nimport { CaptureIcon, ExitFullScreenIcon, FullScreenIcon, PauseIcon, PlayIcon } from '../icons';\nimport Player from '../player';\nimport { TimeFormat, guidGenerator, secondsToTime } from '../utils';\nimport { useFullscreen, useSetState } from 'ahooks';\n// import { Slider, Space } from 'antd';\nimport Slider from 'antd/lib/slider';\nimport Space from 'antd/lib/space';\nimport moment from 'moment';\nexport const HistoryPlayer = forwardRef((props, ref) => {\n    const { url, type, enableAgent, width = '100%', height = '100%', captureName, controlBottom = 0, startTime, endTime, onTimeChange, showInfo = false, info = [], } = props;\n    const totalTime = moment(endTime).diff(moment(startTime), 'seconds');\n    const containerRef = useRef(null);\n    const wrapRef = useRef(null);\n    const controlsRef = useRef(null);\n    const playerRef = useRef();\n    const [isFullscreen, { toggleFullscreen }] = useFullscreen(wrapRef);\n    const [state, setState] = useSetState({\n        play: false,\n        error: false,\n        loading: false,\n        id: 'vtx_hk_player_' + guidGenerator(),\n        volume: 0,\n        currentTime: 0,\n        progress: 0,\n        controls: {\n            progress: true,\n        },\n    });\n    useImperativeHandle(ref, () => {\n        return {\n            seekTo: (time) => {\n                const player = playerRef.current;\n                if (player) {\n                    const currentTime = moment(time).diff(moment(startTime), 'seconds');\n                    return player.seekTo(currentTime);\n                }\n                else {\n                    return Promise.reject();\n                }\n            },\n        };\n    });\n    useEffect(() => {\n        const container = containerRef.current;\n        if (!url || !container)\n            return;\n        const player = new Player({ url, enableAgent, container, live: false, startTime, endTime, type });\n        playerRef.current = player;\n        setState({ loading: true, controls: { progress: player.type === 'hk_ws' } });\n        console.log(player.type);\n        player\n            .playBack()\n            .then(() => setState({ play: true, error: false }))\n            .catch(() => setState({ error: true }))\n            .finally(() => setState({ loading: false }));\n        player.onTimeUpdate((currentTime, speed) => {\n            setState({ currentTime, progress: Math.floor((currentTime / totalTime) * 100) });\n            onTimeChange &&\n                onTimeChange(moment(startTime).add(currentTime, 'seconds').format(TimeFormat.params), speed);\n        });\n        return () => {\n            player.destroy();\n            setState({ error: false, loading: false, play: false });\n        };\n    }, [url, startTime, endTime]);\n    /** 截图方法 */\n    const handleCapture = (e) => {\n        const player = playerRef.current;\n        player && player.capture(captureName);\n        e.stopPropagation();\n    };\n    /** 全屏方法 */\n    const handleFullScreen = (e) => {\n        toggleFullscreen();\n        const player = playerRef.current;\n        player && player.resize();\n        e.stopPropagation();\n    };\n    /** 进度条控制器 */\n    const handleSlider = (value) => {\n        const currentTime = Math.floor((totalTime * value) / 100);\n        const player = playerRef.current;\n        setState({ progress: value });\n        player === null || player === void 0 ? void 0 : player.seekTo(currentTime);\n    };\n    /** 暂停方法 */\n    const handlePause = () => {\n        const player = playerRef.current;\n        player === null || player === void 0 ? void 0 : player.pause(() => {\n            setState({ play: false });\n        });\n    };\n    /** 恢复播放方法 */\n    const handleResume = () => {\n        const player = playerRef.current;\n        player === null || player === void 0 ? void 0 : player.resume(() => {\n            setState({ play: true });\n        });\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-history-player\", ref: wrapRef, style: { width, height } }, { children: [_jsx(\"div\", { ref: containerRef, style: { height: '100%', width: '100%' }, id: state.id }), state.loading && _jsx(LoadingState, {}), _jsx(InfoPanel, { showInfo: showInfo, info: info }), _jsxs(\"div\", Object.assign({ className: \"controls\", ref: controlsRef, style: { bottom: controlBottom } }, { children: [state.play ? (_jsx(PauseIcon, { onClick: handlePause })) : (_jsx(PlayIcon, { onClick: handleResume })), _jsxs(\"div\", Object.assign({ className: \"time\" }, { children: [_jsx(\"span\", Object.assign({ className: \"current\" }, { children: secondsToTime(state.currentTime) })), _jsxs(\"span\", Object.assign({ className: \"total\" }, { children: [\"/\", secondsToTime(totalTime)] }))] })), _jsx(\"div\", Object.assign({ className: \"slider\" }, { children: _jsx(Slider, { disabled: !state.controls.progress, tipFormatter: null, onChange: handleSlider, value: state.progress }) })), _jsxs(Space, Object.assign({ className: \"right\", size: 12, align: \"center\" }, { children: [_jsx(VolumeControl, { player: playerRef.current, defaultValue: 0, container: controlsRef.current }), _jsx(SpeedControl, { player: playerRef.current, container: controlsRef.current }), _jsx(CaptureIcon, { onClick: handleCapture }), isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: handleFullScreen })) : (_jsx(FullScreenIcon, { onClick: handleFullScreen }))] }))] }))] })));\n});\nHistoryPlayer.displayName = 'HistoryPlayer';\nexport default HistoryPlayer;\n"],"mappings":"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"}
+{"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","HistoryPlayer","forwardRef","props","ref","url","type","enableAgent","width","height","captureName","controlBottom","startTime","endTime","onTimeChange","screenshot","showInfo","info","extraButton","controlVisible","undefined","totalTime","moment","diff","containerRef","useRef","wrapRef","controlsRef","playerRef","useFullscreen","isFullscreen","toggleFullscreen","useSetState","play","error","loading","id","guidGenerator","volume","currentTime","progress","controls","state","setState","useImperativeHandle","seekTo","time","player","current","useEffect","container","Player","live","onTimeUpdate","speed","Math","floor","playBack","destroy","add","format","TimeFormat","params","handleCapture","capture","stopPropagation","handleFullScreen","resize","handleSlider","handlePause","pause","handleResume","resume","_jsxs","Object","assign","className","style","children","_jsx","LoadingState","InfoPanel","bottom","opacity","PauseIcon","onClick","PlayIcon","secondsToTime","Slider","disabled","tipFormatter","onChange","Space","size","align","VolumeControl","defaultValue","SpeedControl","CaptureIcon","ExitFullScreenIcon","FullScreenIcon","displayName"],"sources":["history-player/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 } from 'react';\nimport { InfoPanel, LoadingState, SpeedControl, VolumeControl } from '../controls';\nimport { CaptureIcon, ExitFullScreenIcon, FullScreenIcon, PauseIcon, PlayIcon } from '../icons';\nimport Player from '../player';\nimport { TimeFormat, guidGenerator, secondsToTime } from '../utils';\nimport { useFullscreen, useSetState } from 'ahooks';\n// import { Slider, Space } from 'antd';\nimport Slider from 'antd/lib/slider';\nimport Space from 'antd/lib/space';\nimport moment from 'moment';\nexport const HistoryPlayer = forwardRef((props, ref) => {\n    const { url, type, enableAgent, width = '100%', height = '100%', captureName, controlBottom = 0, startTime, endTime, onTimeChange, screenshot, showInfo = false, info = [], extraButton, controlVisible = undefined, } = props;\n    const totalTime = moment(endTime).diff(moment(startTime), 'seconds');\n    const containerRef = useRef(null);\n    const wrapRef = useRef(null);\n    const controlsRef = useRef(null);\n    const playerRef = useRef();\n    const [isFullscreen, { toggleFullscreen }] = useFullscreen(wrapRef);\n    const [state, setState] = useSetState({\n        play: false,\n        error: false,\n        loading: false,\n        id: 'vtx_hk_player_' + guidGenerator(),\n        volume: 0,\n        currentTime: 0,\n        progress: 0,\n        controls: {\n            progress: true,\n        },\n    });\n    useImperativeHandle(ref, () => {\n        return {\n            seekTo: (time) => {\n                const player = playerRef.current;\n                if (player) {\n                    const currentTime = moment(time).diff(moment(startTime), 'seconds');\n                    return player.seekTo(currentTime);\n                }\n                else {\n                    return Promise.reject();\n                }\n            },\n        };\n    });\n    useEffect(() => {\n        const container = containerRef.current;\n        if (!url || !container)\n            return;\n        const player = new Player({ url, enableAgent, container, live: false, startTime, endTime, type });\n        playerRef.current = player;\n        (() => __awaiter(void 0, void 0, void 0, function* () {\n            player.onTimeUpdate((currentTime, speed) => {\n                if (!state.loading) {\n                    setState({\n                        currentTime: Math.floor(currentTime),\n                        progress: Math.floor((currentTime / totalTime) * 100),\n                        speed,\n                    });\n                }\n            });\n            yield setState({\n                loading: true,\n                controls: { progress: player.type === 'hk_ws' }\n            });\n            player\n                .playBack()\n                .then(() => setState({ play: true, error: false }))\n                .catch(() => setState({ error: true }))\n                .finally(() => setState({ loading: false }));\n        }))();\n        return () => {\n            player.destroy();\n            setState({ error: false, loading: false, play: false });\n        };\n    }, [url, startTime, endTime]);\n    useEffect(() => {\n        if (!state.loading) {\n            onTimeChange &&\n                onTimeChange(state.currentTime > 0 ? moment(startTime).add(state.currentTime, 'seconds').format(TimeFormat.params) : '', state.speed);\n        }\n    }, [state.currentTime, state.speed]);\n    /** 截图方法 */\n    const handleCapture = (e) => {\n        const player = playerRef.current;\n        player && player.capture(captureName, screenshot);\n        e.stopPropagation();\n    };\n    /** 全屏方法 */\n    const handleFullScreen = (e) => {\n        toggleFullscreen();\n        const player = playerRef.current;\n        player && player.resize();\n        e.stopPropagation();\n    };\n    /** 进度条控制器 */\n    const handleSlider = (value) => {\n        const currentTime = Math.floor((totalTime * value) / 100);\n        const player = playerRef.current;\n        setState({ progress: value });\n        player === null || player === void 0 ? void 0 : player.seekTo(currentTime);\n    };\n    /** 暂停方法 */\n    const handlePause = () => {\n        const player = playerRef.current;\n        player === null || player === void 0 ? void 0 : player.pause(() => {\n            setState({ play: false });\n        });\n    };\n    /** 恢复播放方法 */\n    const handleResume = () => {\n        const player = playerRef.current;\n        player === null || player === void 0 ? void 0 : player.resume(() => {\n            setState({ play: true });\n        });\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-history-player\", ref: wrapRef, style: { width, height } }, { children: [_jsx(\"div\", { ref: containerRef, style: { height: '100%', width: '100%' }, id: state.id }), state.loading && _jsx(LoadingState, {}), _jsx(InfoPanel, { showInfo: showInfo, info: info }), _jsxs(\"div\", Object.assign({ className: \"controls\", ref: controlsRef, style: { bottom: controlBottom, opacity: controlVisible ? 1 : undefined } }, { children: [state.play ? (_jsx(PauseIcon, { onClick: handlePause })) : (_jsx(PlayIcon, { onClick: handleResume })), _jsxs(\"div\", Object.assign({ className: \"time\" }, { children: [_jsx(\"span\", Object.assign({ className: \"current\" }, { children: secondsToTime(state.currentTime) })), _jsxs(\"span\", Object.assign({ className: \"total\" }, { children: [\"/\", secondsToTime(totalTime)] }))] })), _jsx(\"div\", Object.assign({ className: \"slider\" }, { children: _jsx(Slider, { disabled: !state.controls.progress, tipFormatter: null, onChange: handleSlider, value: state.progress }) })), _jsxs(Space, Object.assign({ className: \"right\", size: 12, align: \"center\" }, { children: [_jsx(VolumeControl, { player: playerRef.current, defaultValue: 0, container: controlsRef.current }), _jsx(SpeedControl, { player: playerRef.current, container: controlsRef.current }), _jsx(CaptureIcon, { onClick: handleCapture }), extraButton ? extraButton : null, isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: handleFullScreen })) : (_jsx(FullScreenIcon, { onClick: handleFullScreen }))] }))] }))] })));\n});\nHistoryPlayer.displayName = 'HistoryPlayer';\nexport default HistoryPlayer;\n"],"mappings":";;;;;;;;;AASA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;+CAlBA,oJ;;;;;;;;;;;;;;AADA,IAAIA,SAAS,GAAI,UAAQ,SAAKA,SAAd,IAA4B,UAAUC,OAAV,EAAmBC,UAAnB,EAA+BC,CAA/B,EAAkCC,SAAlC,EAA6C;EACrF,SAASC,KAAT,CAAeC,KAAf,EAAsB;IAAE,OAAOA,KAAK,YAAYH,CAAjB,GAAqBG,KAArB,GAA6B,IAAIH,CAAJ,CAAM,UAAUI,OAAV,EAAmB;MAAEA,OAAO,CAACD,KAAD,CAAP;IAAiB,CAA5C,CAApC;EAAoF;;EAC5G,OAAO,KAAKH,CAAC,KAAKA,CAAC,GAAGK,OAAT,CAAN,EAAyB,UAAUD,OAAV,EAAmBE,MAAnB,EAA2B;IACvD,SAASC,SAAT,CAAmBJ,KAAnB,EAA0B;MAAE,IAAI;QAAEK,IAAI,CAACP,SAAS,CAACQ,IAAV,CAAeN,KAAf,CAAD,CAAJ;MAA8B,CAApC,CAAqC,OAAOO,CAAP,EAAU;QAAEJ,MAAM,CAACI,CAAD,CAAN;MAAY;IAAE;;IAC3F,SAASC,QAAT,CAAkBR,KAAlB,EAAyB;MAAE,IAAI;QAAEK,IAAI,CAACP,SAAS,CAAC,OAAD,CAAT,CAAmBE,KAAnB,CAAD,CAAJ;MAAkC,CAAxC,CAAyC,OAAOO,CAAP,EAAU;QAAEJ,MAAM,CAACI,CAAD,CAAN;MAAY;IAAE;;IAC9F,SAASF,IAAT,CAAcI,MAAd,EAAsB;MAAEA,MAAM,CAACC,IAAP,GAAcT,OAAO,CAACQ,MAAM,CAACT,KAAR,CAArB,GAAsCD,KAAK,CAACU,MAAM,CAACT,KAAR,CAAL,CAAoBW,IAApB,CAAyBP,SAAzB,EAAoCI,QAApC,CAAtC;IAAsF;;IAC9GH,IAAI,CAAC,CAACP,SAAS,GAAGA,SAAS,CAACc,KAAV,CAAgBjB,OAAhB,EAAyBC,UAAU,IAAI,EAAvC,CAAb,EAAyDU,IAAzD,EAAD,CAAJ;EACH,CALM,CAAP;AAMH,CARD;;AAoBO,IAAMO,aAAa,gBAAG,IAAAC,iBAAA,EAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;EACpD,IAAQC,GAAR,GAAyNF,KAAzN,CAAQE,GAAR;EAAA,IAAaC,IAAb,GAAyNH,KAAzN,CAAaG,IAAb;EAAA,IAAmBC,WAAnB,GAAyNJ,KAAzN,CAAmBI,WAAnB;EAAA,mBAAyNJ,KAAzN,CAAgCK,KAAhC;EAAA,IAAgCA,KAAhC,6BAAwC,MAAxC;EAAA,oBAAyNL,KAAzN,CAAgDM,MAAhD;EAAA,IAAgDA,MAAhD,8BAAyD,MAAzD;EAAA,IAAiEC,WAAjE,GAAyNP,KAAzN,CAAiEO,WAAjE;EAAA,2BAAyNP,KAAzN,CAA8EQ,aAA9E;EAAA,IAA8EA,aAA9E,qCAA8F,CAA9F;EAAA,IAAiGC,SAAjG,GAAyNT,KAAzN,CAAiGS,SAAjG;EAAA,IAA4GC,OAA5G,GAAyNV,KAAzN,CAA4GU,OAA5G;EAAA,IAAqHC,YAArH,GAAyNX,KAAzN,CAAqHW,YAArH;EAAA,IAAmIC,UAAnI,GAAyNZ,KAAzN,CAAmIY,UAAnI;EAAA,sBAAyNZ,KAAzN,CAA+Ia,QAA/I;EAAA,IAA+IA,QAA/I,gCAA0J,KAA1J;EAAA,kBAAyNb,KAAzN,CAAiKc,IAAjK;EAAA,IAAiKA,IAAjK,4BAAwK,EAAxK;EAAA,IAA4KC,WAA5K,GAAyNf,KAAzN,CAA4Ke,WAA5K;EAAA,4BAAyNf,KAAzN,CAAyLgB,cAAzL;EAAA,IAAyLA,cAAzL,sCAA0MC,SAA1M;EACA,IAAMC,SAAS,GAAG,IAAAC,kBAAA,EAAOT,OAAP,EAAgBU,IAAhB,CAAqB,IAAAD,kBAAA,EAAOV,SAAP,CAArB,EAAwC,SAAxC,CAAlB;EACA,IAAMY,YAAY,GAAG,IAAAC,aAAA,EAAO,IAAP,CAArB;EACA,IAAMC,OAAO,GAAG,IAAAD,aAAA,EAAO,IAAP,CAAhB;EACA,IAAME,WAAW,GAAG,IAAAF,aAAA,EAAO,IAAP,CAApB;EACA,IAAMG,SAAS,GAAG,IAAAH,aAAA,GAAlB;;EACA,qBAA6C,IAAAI,qBAAA,EAAcH,OAAd,CAA7C;EAAA;EAAA,IAAOI,YAAP;EAAA,IAAuBC,gBAAvB,sBAAuBA,gBAAvB;;EACA,mBAA0B,IAAAC,mBAAA,EAAY;IAClCC,IAAI,EAAE,KAD4B;IAElCC,KAAK,EAAE,KAF2B;IAGlCC,OAAO,EAAE,KAHyB;IAIlCC,EAAE,EAAE,mBAAmB,IAAAC,oBAAA,GAJW;IAKlCC,MAAM,EAAE,CAL0B;IAMlCC,WAAW,EAAE,CANqB;IAOlCC,QAAQ,EAAE,CAPwB;IAQlCC,QAAQ,EAAE;MACND,QAAQ,EAAE;IADJ;EARwB,CAAZ,CAA1B;EAAA;EAAA,IAAOE,KAAP;EAAA,IAAcC,QAAd;;EAYA,IAAAC,0BAAA,EAAoBxC,GAApB,EAAyB,YAAM;IAC3B,OAAO;MACHyC,MAAM,EAAE,gBAACC,IAAD,EAAU;QACd,IAAMC,MAAM,GAAGnB,SAAS,CAACoB,OAAzB;;QACA,IAAID,MAAJ,EAAY;UACR,IAAMR,WAAW,GAAG,IAAAjB,kBAAA,EAAOwB,IAAP,EAAavB,IAAb,CAAkB,IAAAD,kBAAA,EAAOV,SAAP,CAAlB,EAAqC,SAArC,CAApB;UACA,OAAOmC,MAAM,CAACF,MAAP,CAAcN,WAAd,CAAP;QACH,CAHD,MAIK;UACD,OAAOjD,OAAO,CAACC,MAAR,EAAP;QACH;MACJ;IAVE,CAAP;EAYH,CAbD;EAcA,IAAA0D,gBAAA,EAAU,YAAM;IACZ,IAAMC,SAAS,GAAG1B,YAAY,CAACwB,OAA/B;IACA,IAAI,CAAC3C,GAAD,IAAQ,CAAC6C,SAAb,EACI;IACJ,IAAMH,MAAM,GAAG,IAAII,kBAAJ,CAAW;MAAE9C,GAAG,EAAHA,GAAF;MAAOE,WAAW,EAAXA,WAAP;MAAoB2C,SAAS,EAATA,SAApB;MAA+BE,IAAI,EAAE,KAArC;MAA4CxC,SAAS,EAATA,SAA5C;MAAuDC,OAAO,EAAPA,OAAvD;MAAgEP,IAAI,EAAJA;IAAhE,CAAX,CAAf;IACAsB,SAAS,CAACoB,OAAV,GAAoBD,MAApB;;IACA,CAAC;MAAA,OAAMjE,SAAS,CAAC,KAAK,CAAN,EAAS,KAAK,CAAd,EAAiB,KAAK,CAAtB,0CAAyB;QAAA;UAAA;YAAA;cAAA;gBACrCiE,MAAM,CAACM,YAAP,CAAoB,UAACd,WAAD,EAAce,KAAd,EAAwB;kBACxC,IAAI,CAACZ,KAAK,CAACP,OAAX,EAAoB;oBAChBQ,QAAQ,CAAC;sBACLJ,WAAW,EAAEgB,IAAI,CAACC,KAAL,CAAWjB,WAAX,CADR;sBAELC,QAAQ,EAAEe,IAAI,CAACC,KAAL,CAAYjB,WAAW,GAAGlB,SAAf,GAA4B,GAAvC,CAFL;sBAGLiC,KAAK,EAALA;oBAHK,CAAD,CAAR;kBAKH;gBACJ,CARD;gBADqC;gBAUrC,OAAMX,QAAQ,CAAC;kBACXR,OAAO,EAAE,IADE;kBAEXM,QAAQ,EAAE;oBAAED,QAAQ,EAAEO,MAAM,CAACzC,IAAP,KAAgB;kBAA5B;gBAFC,CAAD,CAAd;;cAVqC;gBAcrCyC,MAAM,CACDU,QADL,GAEK1D,IAFL,CAEU;kBAAA,OAAM4C,QAAQ,CAAC;oBAAEV,IAAI,EAAE,IAAR;oBAAcC,KAAK,EAAE;kBAArB,CAAD,CAAd;gBAAA,CAFV,WAGW;kBAAA,OAAMS,QAAQ,CAAC;oBAAET,KAAK,EAAE;kBAAT,CAAD,CAAd;gBAAA,CAHX,aAIa;kBAAA,OAAMS,QAAQ,CAAC;oBAAER,OAAO,EAAE;kBAAX,CAAD,CAAd;gBAAA,CAJb;;cAdqC;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAzB,EAAf;IAAA,CAAD;;IAoBA,OAAO,YAAM;MACTY,MAAM,CAACW,OAAP;MACAf,QAAQ,CAAC;QAAET,KAAK,EAAE,KAAT;QAAgBC,OAAO,EAAE,KAAzB;QAAgCF,IAAI,EAAE;MAAtC,CAAD,CAAR;IACH,CAHD;EAIH,CA9BD,EA8BG,CAAC5B,GAAD,EAAMO,SAAN,EAAiBC,OAAjB,CA9BH;EA+BA,IAAAoC,gBAAA,EAAU,YAAM;IACZ,IAAI,CAACP,KAAK,CAACP,OAAX,EAAoB;MAChBrB,YAAY,IACRA,YAAY,CAAC4B,KAAK,CAACH,WAAN,GAAoB,CAApB,GAAwB,IAAAjB,kBAAA,EAAOV,SAAP,EAAkB+C,GAAlB,CAAsBjB,KAAK,CAACH,WAA5B,EAAyC,SAAzC,EAAoDqB,MAApD,CAA2DC,iBAAA,CAAWC,MAAtE,CAAxB,GAAwG,EAAzG,EAA6GpB,KAAK,CAACY,KAAnH,CADhB;IAEH;EACJ,CALD,EAKG,CAACZ,KAAK,CAACH,WAAP,EAAoBG,KAAK,CAACY,KAA1B,CALH;EAMA;;EACA,IAAMS,aAAa,GAAG,SAAhBA,aAAgB,CAACpE,CAAD,EAAO;IACzB,IAAMoD,MAAM,GAAGnB,SAAS,CAACoB,OAAzB;IACAD,MAAM,IAAIA,MAAM,CAACiB,OAAP,CAAetD,WAAf,EAA4BK,UAA5B,CAAV;IACApB,CAAC,CAACsE,eAAF;EACH,CAJD;EAKA;;;EACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACvE,CAAD,EAAO;IAC5BoC,gBAAgB;IAChB,IAAMgB,MAAM,GAAGnB,SAAS,CAACoB,OAAzB;IACAD,MAAM,IAAIA,MAAM,CAACoB,MAAP,EAAV;IACAxE,CAAC,CAACsE,eAAF;EACH,CALD;EAMA;;;EACA,IAAMG,YAAY,GAAG,SAAfA,YAAe,CAAChF,KAAD,EAAW;IAC5B,IAAMmD,WAAW,GAAGgB,IAAI,CAACC,KAAL,CAAYnC,SAAS,GAAGjC,KAAb,GAAsB,GAAjC,CAApB;IACA,IAAM2D,MAAM,GAAGnB,SAAS,CAACoB,OAAzB;IACAL,QAAQ,CAAC;MAAEH,QAAQ,EAAEpD;IAAZ,CAAD,CAAR;IACA2D,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAK,KAAK,CAAnC,GAAuC,KAAK,CAA5C,GAAgDA,MAAM,CAACF,MAAP,CAAcN,WAAd,CAAhD;EACH,CALD;EAMA;;;EACA,IAAM8B,WAAW,GAAG,SAAdA,WAAc,GAAM;IACtB,IAAMtB,MAAM,GAAGnB,SAAS,CAACoB,OAAzB;IACAD,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAK,KAAK,CAAnC,GAAuC,KAAK,CAA5C,GAAgDA,MAAM,CAACuB,KAAP,CAAa,YAAM;MAC/D3B,QAAQ,CAAC;QAAEV,IAAI,EAAE;MAAR,CAAD,CAAR;IACH,CAF+C,CAAhD;EAGH,CALD;EAMA;;;EACA,IAAMsC,YAAY,GAAG,SAAfA,YAAe,GAAM;IACvB,IAAMxB,MAAM,GAAGnB,SAAS,CAACoB,OAAzB;IACAD,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAK,KAAK,CAAnC,GAAuC,KAAK,CAA5C,GAAgDA,MAAM,CAACyB,MAAP,CAAc,YAAM;MAChE7B,QAAQ,CAAC;QAAEV,IAAI,EAAE;MAAR,CAAD,CAAR;IACH,CAF+C,CAAhD;EAGH,CALD;;EAMA,OAAQ,IAAAwC,gBAAA,EAAM,KAAN,EAAaC,MAAM,CAACC,MAAP,CAAc;IAAEC,SAAS,EAAE,oBAAb;IAAmCxE,GAAG,EAAEsB,OAAxC;IAAiDmD,KAAK,EAAE;MAAErE,KAAK,EAALA,KAAF;MAASC,MAAM,EAANA;IAAT;EAAxD,CAAd,EAA2F;IAAEqE,QAAQ,EAAE,CAAC,IAAAC,eAAA,EAAK,KAAL,EAAY;MAAE3E,GAAG,EAAEoB,YAAP;MAAqBqD,KAAK,EAAE;QAAEpE,MAAM,EAAE,MAAV;QAAkBD,KAAK,EAAE;MAAzB,CAA5B;MAA+D4B,EAAE,EAAEM,KAAK,CAACN;IAAzE,CAAZ,CAAD,EAA6FM,KAAK,CAACP,OAAN,IAAiB,IAAA4C,eAAA,EAAKC,sBAAL,EAAmB,EAAnB,CAA9G,EAAsI,IAAAD,eAAA,EAAKE,mBAAL,EAAgB;MAAEjE,QAAQ,EAAEA,QAAZ;MAAsBC,IAAI,EAAEA;IAA5B,CAAhB,CAAtI,EAA2L,IAAAwD,gBAAA,EAAM,KAAN,EAAaC,MAAM,CAACC,MAAP,CAAc;MAAEC,SAAS,EAAE,UAAb;MAAyBxE,GAAG,EAAEuB,WAA9B;MAA2CkD,KAAK,EAAE;QAAEK,MAAM,EAAEvE,aAAV;QAAyBwE,OAAO,EAAEhE,cAAc,GAAG,CAAH,GAAOC;MAAvD;IAAlD,CAAd,EAAsI;MAAE0D,QAAQ,EAAE,CAACpC,KAAK,CAACT,IAAN,GAAc,IAAA8C,eAAA,EAAKK,gBAAL,EAAgB;QAAEC,OAAO,EAAEhB;MAAX,CAAhB,CAAd,GAA4D,IAAAU,eAAA,EAAKO,eAAL,EAAe;QAAED,OAAO,EAAEd;MAAX,CAAf,CAA7D,EAAyG,IAAAE,gBAAA,EAAM,KAAN,EAAaC,MAAM,CAACC,MAAP,CAAc;QAAEC,SAAS,EAAE;MAAb,CAAd,EAAqC;QAAEE,QAAQ,EAAE,CAAC,IAAAC,eAAA,EAAK,MAAL,EAAaL,MAAM,CAACC,MAAP,CAAc;UAAEC,SAAS,EAAE;QAAb,CAAd,EAAwC;UAAEE,QAAQ,EAAE,IAAAS,oBAAA,EAAc7C,KAAK,CAACH,WAApB;QAAZ,CAAxC,CAAb,CAAD,EAAwG,IAAAkC,gBAAA,EAAM,MAAN,EAAcC,MAAM,CAACC,MAAP,CAAc;UAAEC,SAAS,EAAE;QAAb,CAAd,EAAsC;UAAEE,QAAQ,EAAE,CAAC,GAAD,EAAM,IAAAS,oBAAA,EAAclE,SAAd,CAAN;QAAZ,CAAtC,CAAd,CAAxG;MAAZ,CAArC,CAAb,CAAzG,EAAyX,IAAA0D,eAAA,EAAK,KAAL,EAAYL,MAAM,CAACC,MAAP,CAAc;QAAEC,SAAS,EAAE;MAAb,CAAd,EAAuC;QAAEE,QAAQ,EAAE,IAAAC,eAAA,EAAKS,kBAAL,EAAa;UAAEC,QAAQ,EAAE,CAAC/C,KAAK,CAACD,QAAN,CAAeD,QAA5B;UAAsCkD,YAAY,EAAE,IAApD;UAA0DC,QAAQ,EAAEvB,YAApE;UAAkFhF,KAAK,EAAEsD,KAAK,CAACF;QAA/F,CAAb;MAAZ,CAAvC,CAAZ,CAAzX,EAAqjB,IAAAiC,gBAAA,EAAMmB,iBAAN,EAAalB,MAAM,CAACC,MAAP,CAAc;QAAEC,SAAS,EAAE,OAAb;QAAsBiB,IAAI,EAAE,EAA5B;QAAgCC,KAAK,EAAE;MAAvC,CAAd,EAAiE;QAAEhB,QAAQ,EAAE,CAAC,IAAAC,eAAA,EAAKgB,uBAAL,EAAoB;UAAEhD,MAAM,EAAEnB,SAAS,CAACoB,OAApB;UAA6BgD,YAAY,EAAE,CAA3C;UAA8C9C,SAAS,EAAEvB,WAAW,CAACqB;QAArE,CAApB,CAAD,EAAsG,IAAA+B,eAAA,EAAKkB,sBAAL,EAAmB;UAAElD,MAAM,EAAEnB,SAAS,CAACoB,OAApB;UAA6BE,SAAS,EAAEvB,WAAW,CAACqB;QAApD,CAAnB,CAAtG,EAAyL,IAAA+B,eAAA,EAAKmB,kBAAL,EAAkB;UAAEb,OAAO,EAAEtB;QAAX,CAAlB,CAAzL,EAAwO7C,WAAW,GAAGA,WAAH,GAAiB,IAApQ,EAA0QY,YAAY,GAAI,IAAAiD,eAAA,EAAKoB,yBAAL,EAAyB;UAAEd,OAAO,EAAEnB;QAAX,CAAzB,CAAJ,GAAgE,IAAAa,eAAA,EAAKqB,qBAAL,EAAqB;UAAEf,OAAO,EAAEnB;QAAX,CAArB,CAAtV;MAAZ,CAAjE,CAAb,CAArjB;IAAZ,CAAtI,CAAb,CAA3L;EAAZ,CAA3F,CAAb,CAAR;AACH,CA1G4B,CAAtB;;AA2GPjE,aAAa,CAACoG,WAAd,GAA4B,eAA5B;eACepG,a"}

package/lib/icons/index.css

@@ -12,6 +12,10 @@
 .control-icon.active {
   fill: #1890ff;
 }
+.control-icon.disabled:hover {
+  cursor: not-allowed;
+  fill: rgba(255, 255, 255, 0.65);
+}
 .close-icon {
   width: 14px;
   cursor: pointer;

package/lib/icons/index.d.ts

@@ -3,6 +3,7 @@ import { MouseEventHandler } from 'react';
 import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
 interface IconProps extends Partial<CustomIconComponentProps> {
     onClick?: MouseEventHandler<HTMLSpanElement>;
+    disabled?: boolean;
 }
 interface ActiveIconProps extends IconProps {
     active?: boolean;
@@ -31,18 +32,44 @@ export declare const CloseAllIcon: (props: IconProps) => JSX.Element;
 export declare const ExpandIcon: (props: IconProps) => JSX.Element;
 /** 收缩Icon */
 export declare const FoldIcon: (props: IconProps) => JSX.Element;
+/** 添加标签Icon */
+export declare const SetTagIcon: (props: ActiveIconProps) => JSX.Element;
 /** 停止对讲Icon */
 export declare const TalkDisableIcon: (props: ActiveIconProps) => JSX.Element;
 /** 对讲Icon */
 export declare const TalkIcon: (props: ActiveIconProps) => JSX.Element;
 /** 云台控制 */
 export declare const CloudControlIcon: (props: ActiveIconProps) => JSX.Element;
+/** 屏幕占比Icon */
+export declare const OccupyingScreenIcon: (props: ActiveIconProps) => JSX.Element;
+/** 网格Icon */
+export declare const GridIcon: (props: ActiveIconProps) => JSX.Element;
 /** 1x1网格Icon */
 export declare const Grid1x1Icon: (props: ActiveIconProps) => JSX.Element;
 /** 2x2网格Icon */
 export declare const Grid2x2Icon: (props: ActiveIconProps) => JSX.Element;
 /** 3x3网格Icon */
 export declare const Grid3x3Icon: (props: ActiveIconProps) => JSX.Element;
+/** 4x4网格Icon */
+export declare const Grid4x4Icon: (props: ActiveIconProps) => JSX.Element;
+/** 5x5网格Icon */
+export declare const Grid5x5Icon: (props: ActiveIconProps) => JSX.Element;
+/** 1x5网格Icon */
+export declare const Grid1x5Icon: (props: ActiveIconProps) => JSX.Element;
+/** 1x7网格Icon */
+export declare const Grid1x7Icon: (props: ActiveIconProps) => JSX.Element;
+/** 1x9网格Icon */
+export declare const Grid1x9Icon: (props: ActiveIconProps) => JSX.Element;
+/** 1x12网格Icon */
+export declare const Grid1x12Icon: (props: ActiveIconProps) => JSX.Element;
+/** 1x13网格Icon */
+export declare const Grid1x13Icon: (props: ActiveIconProps) => JSX.Element;
+/** 1x16网格Icon */
+export declare const Grid1x16Icon: (props: ActiveIconProps) => JSX.Element;
+/** 1x21网格Icon */
+export declare const Grid1x21Icon: (props: ActiveIconProps) => JSX.Element;
+/** 标签Icon */
+export declare const TagIcon: (props: ActiveIconProps) => JSX.Element;
 /** 关闭Icon */
 export declare const CloseIcon: (props: IconProps) => JSX.Element;
 /** 视频播放Icon */
@@ -51,4 +78,6 @@ export declare const VideoPlayIcon: (props: ActiveIconProps) => JSX.Element;
 export declare const VideoCloseIcon: (props: ActiveIconProps) => JSX.Element;
 /** 时间刻度Icon */
 export declare const TimePositionIcon: (props: IconProps) => JSX.Element;
+/** 播放视频Icon */
+export declare const PlayVideoBlueIcon: (props: ActiveIconProps) => JSX.Element;
 export {};