@vtx/player 0.0.12 → 0.0.13

package/lib/bill-player/index.js

@@ -0,0 +1,410 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.BillPlayer = void 0;
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _react = require("react");
+
+var _historyControl = _interopRequireDefault(require("../history-control"));
+
+var _liveControl = _interopRequireDefault(require("../live-control"));
+
+var _ahooks = require("ahooks");
+
+var _button = _interopRequireDefault(require("antd/lib/button"));
+
+var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
+
+var _datePicker = _interopRequireDefault(require("antd/lib/date-picker"));
+
+var _form = _interopRequireDefault(require("antd/lib/form"));
+
+var _radio = _interopRequireDefault(require("antd/lib/radio"));
+
+var _select = _interopRequireDefault(require("antd/lib/select"));
+
+var _tabs = _interopRequireDefault(require("antd/lib/tabs"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _api = require("@/api");
+
+var _utils = require("@/utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+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 TabPane = _tabs["default"].TabPane;
+
+var BillPlayer = function BillPlayer(props) {
+  var params = props.params,
+      _props$live = props.live,
+      live = _props$live === void 0 ? true : _props$live,
+      _props$history = props.history,
+      history = _props$history === void 0 ? true : _props$history,
+      _props$height = props.height,
+      height = _props$height === void 0 ? '100%' : _props$height,
+      _props$width = props.width,
+      width = _props$width === void 0 ? '100%' : _props$width,
+      _props$defaultLivePla = props.defaultLivePlay,
+      defaultLivePlay = _props$defaultLivePla === void 0 ? true : _props$defaultLivePla;
+
+  var _useSetState = (0, _ahooks.useSetState)({
+    datePickerDisabled: false,
+    liveListState: new Map(),
+    deviceId: ''
+  }),
+      _useSetState2 = _slicedToArray(_useSetState, 2),
+      state = _useSetState2[0],
+      setState = _useSetState2[1];
+
+  var _useRequest = (0, _ahooks.useRequest)(function () {
+    return (0, _api.loadVideoInfo)(params);
+  }, {
+    refreshDeps: [params.billId],
+    onSuccess: function onSuccess(result) {
+      if (defaultLivePlay) {
+        var livePlayer = liveRef.current;
+
+        if (livePlayer) {
+          var liveListState = new Map();
+
+          var _iterator = _createForOfIteratorHelper(result),
+              _step;
+
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var item = _step.value;
+              liveListState.set(item.channelNum, true);
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+
+          setState({
+            liveListState: liveListState,
+            deviceId: result[0].videoDeviceId
+          });
+          livePlayer.multiLoad(result.map(function (item) {
+            return {
+              channelNum: item.channelNum,
+              deviceId: item.videoDeviceId
+            };
+          }));
+        }
+      }
+
+      form.setFieldsValue({
+        channelNum: result[0].channelNum
+      });
+    }
+  }),
+      data = _useRequest.data;
+
+  var _Form$useForm = _form["default"].useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var liveRef = (0, _react.useRef)(null);
+  var historyRef = (0, _react.useRef)(null);
+
+  var getLivePanel = function getLivePanel() {
+    var list = data === null || data === void 0 ? void 0 : data.map(function (item) {
+      return (0, _jsxRuntime.jsx)(_checkbox["default"], Object.assign({
+        checked: state.liveListState.get(item.channelNum),
+        onChange: function onChange(e) {
+          var checked = e.target.checked;
+          var liveControl = liveRef.current;
+
+          if (liveControl) {
+            if (checked) {
+              liveControl.load(Object.assign(Object.assign({}, item), {
+                deviceId: item.videoDeviceId
+              }));
+            } else {
+              liveControl.unLoad(item.channelNum);
+            }
+          }
+        }
+      }, {
+        children: item.channelName
+      }), item.channelNum);
+    });
+    return (0, _jsxRuntime.jsxs)("div", Object.assign({
+      className: "player-panel"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("div", Object.assign({
+        className: "player-container"
+      }, {
+        children: (0, _jsxRuntime.jsx)(_liveControl["default"], {
+          ref: liveRef,
+          onChannelChange: function onChannelChange(channelsNum) {
+            var liveListState = new Map(state.liveListState);
+
+            var _iterator2 = _createForOfIteratorHelper(channelsNum),
+                _step2;
+
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var channelNum = _step2.value;
+                liveListState.set(channelNum, !liveListState.get(channelNum));
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
+
+            var _iterator3 = _createForOfIteratorHelper(liveListState),
+                _step3;
+
+            try {
+              for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                var item = _step3.value;
+                if (channelsNum.includes(item[0])) liveListState.set(item[0], true);else liveListState.set(item[0], false);
+              }
+            } catch (err) {
+              _iterator3.e(err);
+            } finally {
+              _iterator3.f();
+            }
+
+            setState({
+              liveListState: liveListState
+            });
+          }
+        })
+      })), (0, _jsxRuntime.jsxs)("div", Object.assign({
+        className: "control-container"
+      }, {
+        children: [(0, _jsxRuntime.jsx)("div", Object.assign({
+          className: "header"
+        }, {
+          children: "\u89C6\u9891\u901A\u9053"
+        })), (0, _jsxRuntime.jsx)("div", Object.assign({
+          className: "list"
+        }, {
+          children: list
+        }))]
+      }))]
+    }));
+  };
+
+  var onHistorySubmit = function onHistorySubmit(values) {
+    var historyControl = historyRef.current;
+    historyControl === null || historyControl === void 0 ? void 0 : historyControl.load({
+      channelNum: values.channelNum,
+      deviceId: state.deviceId,
+      beginTime: (0, _moment["default"])(values.beginTime).format(_utils.TimeFormat.params),
+      endTime: (0, _moment["default"])(values.endTime).format(_utils.TimeFormat.params)
+    });
+  };
+
+  var onTimeRadioChange = function onTimeRadioChange(e) {
+    var value = e.target.value;
+
+    if (value === 'custom') {
+      setState({
+        datePickerDisabled: false
+      });
+    } else {
+      setState({
+        datePickerDisabled: true
+      });
+
+      if (value === 'today') {
+        form.setFieldsValue({
+          beginTime: (0, _moment["default"])().startOf('day'),
+          endTime: (0, _moment["default"])()
+        });
+      }
+
+      if (value === 'yesterday') {
+        form.setFieldsValue({
+          beginTime: (0, _moment["default"])().subtract(1, 'day').startOf('day'),
+          endTime: (0, _moment["default"])().subtract(1, 'day').endOf('day')
+        });
+      }
+
+      if (value === 'dayBeforeYesterday') {
+        form.setFieldsValue({
+          beginTime: (0, _moment["default"])().subtract(2, 'day').startOf('day'),
+          endTime: (0, _moment["default"])().subtract(2, 'day').endOf('day')
+        });
+      }
+    }
+  };
+
+  var getHistoryPanel = function getHistoryPanel() {
+    return (0, _jsxRuntime.jsxs)("div", Object.assign({
+      className: "player-panel"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("div", Object.assign({
+        className: "player-container"
+      }, {
+        children: (0, _jsxRuntime.jsx)(_historyControl["default"], {
+          ref: historyRef
+        })
+      })), (0, _jsxRuntime.jsxs)("div", Object.assign({
+        className: "control-container"
+      }, {
+        children: [(0, _jsxRuntime.jsx)("div", Object.assign({
+          className: "header"
+        }, {
+          children: "\u67E5\u8BE2\u89C6\u9891"
+        })), (0, _jsxRuntime.jsx)("div", Object.assign({
+          className: "form"
+        }, {
+          children: (0, _jsxRuntime.jsxs)(_form["default"], Object.assign({
+            form: form,
+            name: "history",
+            labelCol: {
+              span: 5
+            },
+            wrapperCol: {
+              span: 19
+            },
+            onFinish: onHistorySubmit,
+            requiredMark: false,
+            colon: false,
+            initialValues: {
+              beginTime: (0, _moment["default"])().subtract(1, 'day').startOf('day'),
+              endTime: (0, _moment["default"])().subtract(1, 'day').endOf('day')
+            },
+            autoComplete: "off"
+          }, {
+            children: [(0, _jsxRuntime.jsx)(_form["default"].Item, Object.assign({
+              label: "\u9009\u62E9\u65F6\u6BB5"
+            }, {
+              children: (0, _jsxRuntime.jsxs)(_radio["default"].Group, Object.assign({
+                onChange: onTimeRadioChange,
+                defaultValue: "custom",
+                className: "time-radio-group"
+              }, {
+                children: [(0, _jsxRuntime.jsx)(_radio["default"], Object.assign({
+                  value: "today"
+                }, {
+                  children: "\u5F53\u65E5"
+                })), (0, _jsxRuntime.jsx)(_radio["default"], Object.assign({
+                  value: "yesterday"
+                }, {
+                  children: "\u6628\u65E5"
+                })), (0, _jsxRuntime.jsx)(_radio["default"], Object.assign({
+                  value: "dayBeforeYesterday"
+                }, {
+                  children: "\u524D\u65E5"
+                })), (0, _jsxRuntime.jsx)(_radio["default"], Object.assign({
+                  value: "custom"
+                }, {
+                  children: "\u81EA\u9009"
+                }))]
+              }))
+            })), (0, _jsxRuntime.jsx)(_form["default"].Item, Object.assign({
+              label: "\u5F00\u59CB\u65F6\u95F4",
+              name: "beginTime",
+              rules: [{
+                required: true,
+                message: '请输入开始时间'
+              }]
+            }, {
+              children: (0, _jsxRuntime.jsx)(_datePicker["default"], {
+                style: {
+                  width: '100%'
+                },
+                showTime: true,
+                disabled: state.datePickerDisabled
+              })
+            })), (0, _jsxRuntime.jsx)(_form["default"].Item, Object.assign({
+              label: "\u7ED3\u675F\u65F6\u95F4",
+              name: "endTime",
+              rules: [{
+                required: true,
+                message: '请输入结束时间'
+              }]
+            }, {
+              children: (0, _jsxRuntime.jsx)(_datePicker["default"], {
+                showTime: true,
+                disabled: state.datePickerDisabled
+              })
+            })), (0, _jsxRuntime.jsx)(_form["default"].Item, Object.assign({
+              label: "\u89C6\u9891\u901A\u9053",
+              name: "channelNum",
+              rules: [{
+                required: true,
+                message: '请选择视频通道'
+              }]
+            }, {
+              children: (0, _jsxRuntime.jsx)(_select["default"], {
+                children: data === null || data === void 0 ? void 0 : data.map(function (item) {
+                  return (0, _jsxRuntime.jsx)(_select["default"].Option, Object.assign({
+                    value: item.channelNum
+                  }, {
+                    children: item.channelName
+                  }), item.channelNum);
+                })
+              })
+            })), (0, _jsxRuntime.jsx)(_form["default"].Item, Object.assign({
+              wrapperCol: {
+                span: 24
+              }
+            }, {
+              children: (0, _jsxRuntime.jsx)(_button["default"], Object.assign({
+                type: "primary",
+                htmlType: "submit"
+              }, {
+                children: "\u67E5\u8BE2"
+              }))
+            }))]
+          }))
+        }))]
+      }))]
+    }));
+  };
+
+  return (0, _jsxRuntime.jsxs)("div", Object.assign({
+    className: "vtx-bill-player",
+    style: {
+      height: height,
+      width: width
+    }
+  }, {
+    children: [live && history && (0, _jsxRuntime.jsxs)(_tabs["default"], Object.assign({
+      defaultActiveKey: "live",
+      className: "bill-tabs"
+    }, {
+      children: [(0, _jsxRuntime.jsx)(TabPane, Object.assign({
+        tab: "\u5B9E\u65F6\u89C6\u9891"
+      }, {
+        children: getLivePanel()
+      }), "live"), (0, _jsxRuntime.jsx)(TabPane, Object.assign({
+        tab: "\u5386\u53F2\u89C6\u9891"
+      }, {
+        children: getHistoryPanel()
+      }), "history")]
+    })), live && !history && getLivePanel(), history && !live && getHistoryPanel()]
+  }));
+};
+
+exports.BillPlayer = BillPlayer;
+var _default = BillPlayer;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TabPane","Tabs","BillPlayer","props","params","live","history","height","width","defaultLivePlay","useSetState","datePickerDisabled","liveListState","Map","deviceId","state","setState","useRequest","loadVideoInfo","refreshDeps","billId","onSuccess","result","livePlayer","liveRef","current","item","set","channelNum","videoDeviceId","multiLoad","map","form","setFieldsValue","data","Form","useForm","useRef","historyRef","getLivePanel","list","_jsx","Checkbox","Object","assign","checked","get","onChange","e","target","liveControl","load","unLoad","children","channelName","_jsxs","className","LiveControl","ref","onChannelChange","channelsNum","includes","onHistorySubmit","values","historyControl","beginTime","moment","format","TimeFormat","endTime","onTimeRadioChange","value","startOf","subtract","endOf","getHistoryPanel","HistoryControl","name","labelCol","span","wrapperCol","onFinish","requiredMark","colon","initialValues","autoComplete","Item","label","Radio","Group","defaultValue","rules","required","message","DatePicker","style","showTime","disabled","Select","Option","Button","type","htmlType","defaultActiveKey","tab"],"sources":["bill-player/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useRef } from 'react';\nimport HistoryControl from '../history-control';\nimport LiveControl from '../live-control';\nimport { useRequest, useSetState } from 'ahooks';\n// import { Button, Checkbox, DatePicker, Form, Radio, RadioChangeEvent, Select, Tabs } from 'antd';\nimport Button from 'antd/lib/button';\nimport Checkbox from 'antd/lib/checkbox';\nimport DatePicker from 'antd/lib/date-picker';\nimport Form from 'antd/lib/form';\nimport Radio from 'antd/lib/radio';\nimport Select from 'antd/lib/select';\nimport Tabs from 'antd/lib/tabs';\nimport moment from 'moment';\nimport { loadVideoInfo } from '@/api';\nimport { TimeFormat } from '@/utils';\nconst { TabPane } = Tabs;\nexport const BillPlayer = (props) => {\n    const { params, live = true, history = true, height = '100%', width = '100%', defaultLivePlay = true, } = props;\n    const [state, setState] = useSetState({\n        datePickerDisabled: false,\n        liveListState: new Map(),\n        deviceId: '',\n    });\n    const { data } = useRequest(() => loadVideoInfo(params), {\n        refreshDeps: [params.billId],\n        onSuccess: (result) => {\n            if (defaultLivePlay) {\n                const livePlayer = liveRef.current;\n                if (livePlayer) {\n                    const liveListState = new Map();\n                    for (const item of result) {\n                        liveListState.set(item.channelNum, true);\n                    }\n                    setState({ liveListState, deviceId: result[0].videoDeviceId });\n                    livePlayer.multiLoad(result.map((item) => ({\n                        channelNum: item.channelNum,\n                        deviceId: item.videoDeviceId,\n                    })));\n                }\n            }\n            form.setFieldsValue({ channelNum: result[0].channelNum });\n        },\n    });\n    const [form] = Form.useForm();\n    const liveRef = useRef(null);\n    const historyRef = useRef(null);\n    const getLivePanel = () => {\n        const list = data === null || data === void 0 ? void 0 : data.map((item) => (_jsx(Checkbox, Object.assign({ checked: state.liveListState.get(item.channelNum), onChange: (e) => {\n                const checked = e.target.checked;\n                const liveControl = liveRef.current;\n                if (liveControl) {\n                    if (checked) {\n                        liveControl.load(Object.assign(Object.assign({}, item), { deviceId: item.videoDeviceId }));\n                    }\n                    else {\n                        liveControl.unLoad(item.channelNum);\n                    }\n                }\n            } }, { children: item.channelName }), item.channelNum)));\n        return (_jsxs(\"div\", Object.assign({ className: \"player-panel\" }, { children: [_jsx(\"div\", Object.assign({ className: \"player-container\" }, { children: _jsx(LiveControl, { ref: liveRef, onChannelChange: (channelsNum) => {\n                            const liveListState = new Map(state.liveListState);\n                            for (const channelNum of channelsNum) {\n                                liveListState.set(channelNum, !liveListState.get(channelNum));\n                            }\n                            for (const item of liveListState) {\n                                if (channelsNum.includes(item[0]))\n                                    liveListState.set(item[0], true);\n                                else\n                                    liveListState.set(item[0], false);\n                            }\n                            setState({ liveListState });\n                        } }) })), _jsxs(\"div\", Object.assign({ className: \"control-container\" }, { children: [_jsx(\"div\", Object.assign({ className: \"header\" }, { children: \"\\u89C6\\u9891\\u901A\\u9053\" })), _jsx(\"div\", Object.assign({ className: \"list\" }, { children: list }))] }))] })));\n    };\n    const onHistorySubmit = (values) => {\n        const historyControl = historyRef.current;\n        historyControl === null || historyControl === void 0 ? void 0 : historyControl.load({\n            channelNum: values.channelNum,\n            deviceId: state.deviceId,\n            beginTime: moment(values.beginTime).format(TimeFormat.params),\n            endTime: moment(values.endTime).format(TimeFormat.params),\n        });\n    };\n    const onTimeRadioChange = (e) => {\n        const value = e.target.value;\n        if (value === 'custom') {\n            setState({ datePickerDisabled: false });\n        }\n        else {\n            setState({ datePickerDisabled: true });\n            if (value === 'today') {\n                form.setFieldsValue({\n                    beginTime: moment().startOf('day'),\n                    endTime: moment(),\n                });\n            }\n            if (value === 'yesterday') {\n                form.setFieldsValue({\n                    beginTime: moment().subtract(1, 'day').startOf('day'),\n                    endTime: moment().subtract(1, 'day').endOf('day'),\n                });\n            }\n            if (value === 'dayBeforeYesterday') {\n                form.setFieldsValue({\n                    beginTime: moment().subtract(2, 'day').startOf('day'),\n                    endTime: moment().subtract(2, 'day').endOf('day'),\n                });\n            }\n        }\n    };\n    const getHistoryPanel = () => {\n        return (_jsxs(\"div\", Object.assign({ className: \"player-panel\" }, { children: [_jsx(\"div\", Object.assign({ className: \"player-container\" }, { children: _jsx(HistoryControl, { ref: historyRef }) })), _jsxs(\"div\", Object.assign({ className: \"control-container\" }, { children: [_jsx(\"div\", Object.assign({ className: \"header\" }, { children: \"\\u67E5\\u8BE2\\u89C6\\u9891\" })), _jsx(\"div\", Object.assign({ className: \"form\" }, { children: _jsxs(Form, Object.assign({ form: form, name: \"history\", labelCol: { span: 5 }, wrapperCol: { span: 19 }, onFinish: onHistorySubmit, requiredMark: false, colon: false, initialValues: {\n                                    beginTime: moment().subtract(1, 'day').startOf('day'),\n                                    endTime: moment().subtract(1, 'day').endOf('day'),\n                                }, autoComplete: \"off\" }, { children: [_jsx(Form.Item, Object.assign({ label: \"\\u9009\\u62E9\\u65F6\\u6BB5\" }, { children: _jsxs(Radio.Group, Object.assign({ onChange: onTimeRadioChange, defaultValue: \"custom\", className: \"time-radio-group\" }, { children: [_jsx(Radio, Object.assign({ value: \"today\" }, { children: \"\\u5F53\\u65E5\" })), _jsx(Radio, Object.assign({ value: \"yesterday\" }, { children: \"\\u6628\\u65E5\" })), _jsx(Radio, Object.assign({ value: \"dayBeforeYesterday\" }, { children: \"\\u524D\\u65E5\" })), _jsx(Radio, Object.assign({ value: \"custom\" }, { children: \"\\u81EA\\u9009\" }))] })) })), _jsx(Form.Item, Object.assign({ label: \"\\u5F00\\u59CB\\u65F6\\u95F4\", name: \"beginTime\", rules: [{ required: true, message: '请输入开始时间' }] }, { children: _jsx(DatePicker, { style: { width: '100%' }, showTime: true, disabled: state.datePickerDisabled }) })), _jsx(Form.Item, Object.assign({ label: \"\\u7ED3\\u675F\\u65F6\\u95F4\", name: \"endTime\", rules: [{ required: true, message: '请输入结束时间' }] }, { children: _jsx(DatePicker, { showTime: true, disabled: state.datePickerDisabled }) })), _jsx(Form.Item, Object.assign({ label: \"\\u89C6\\u9891\\u901A\\u9053\", name: \"channelNum\", rules: [{ required: true, message: '请选择视频通道' }] }, { children: _jsx(Select, { children: data === null || data === void 0 ? void 0 : data.map((item) => (_jsx(Select.Option, Object.assign({ value: item.channelNum }, { children: item.channelName }), item.channelNum))) }) })), _jsx(Form.Item, Object.assign({ wrapperCol: { span: 24 } }, { children: _jsx(Button, Object.assign({ type: \"primary\", htmlType: \"submit\" }, { children: \"\\u67E5\\u8BE2\" })) }))] })) }))] }))] })));\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-bill-player\", style: { height, width } }, { children: [live && history && (_jsxs(Tabs, Object.assign({ defaultActiveKey: \"live\", className: \"bill-tabs\" }, { children: [_jsx(TabPane, Object.assign({ tab: \"\\u5B9E\\u65F6\\u89C6\\u9891\" }, { children: getLivePanel() }), \"live\"), _jsx(TabPane, Object.assign({ tab: \"\\u5386\\u53F2\\u89C6\\u9891\" }, { children: getHistoryPanel() }), \"history\")] }))), live && !history && getLivePanel(), history && !live && getHistoryPanel()] })));\n};\nexport default BillPlayer;\n"],"mappings":"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"}

package/lib/bill-player/style/css.js

@@ -0,0 +1,22 @@
+"use strict";
+
+require("antd/lib/button/style/css");
+
+require("antd/lib/checkbox/style/css");
+
+require("antd/lib/date-picker/style/css");
+
+require("antd/lib/form/style/css");
+
+require("antd/lib/radio/style/css");
+
+require("antd/lib/select/style/css");
+
+require("antd/lib/tabs/style/css");
+
+require("../../live-control/style/css");
+
+require("../../history-control/style/css");
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/bill-player/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["bill-player/style/index.js"],"sourcesContent":["import \"antd/lib/button/style\";\nimport \"antd/lib/checkbox/style\";\nimport \"antd/lib/date-picker/style\";\nimport \"antd/lib/form/style\";\nimport \"antd/lib/radio/style\";\nimport \"antd/lib/select/style\";\nimport \"antd/lib/tabs/style\";\nimport '../../live-control/style';\nimport '../../history-control/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/bill-player/style/index.css

@@ -0,0 +1,55 @@
+.vtx-bill-player .bill-tabs {
+  height: 100%;
+}
+.vtx-bill-player .bill-tabs .ant-tabs-content-holder {
+  height: 100%;
+}
+.vtx-bill-player .bill-tabs .ant-tabs-content-holder .ant-tabs-content {
+  height: 100%;
+}
+.vtx-bill-player .player-panel {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+}
+.vtx-bill-player .player-panel > .player-container {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  width: 0;
+}
+.vtx-bill-player .player-panel .control-container {
+  width: 376px;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  margin-left: 16px;
+  border: 1px solid #e8e8e8;
+  border-radius: 2px;
+}
+.vtx-bill-player .player-panel .control-container .header {
+  padding: 12px 24px;
+  font-weight: bold;
+  border-bottom: 1px solid #e8e8e8;
+}
+.vtx-bill-player .player-panel .control-container .list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  padding: 12px 24px;
+}
+.vtx-bill-player .player-panel .control-container .list .ant-checkbox-wrapper {
+  margin-bottom: 12px;
+  margin-left: 0;
+}
+.vtx-bill-player .player-panel .control-container .form {
+  padding: 12px 24px;
+}
+.vtx-bill-player .player-panel .control-container .form .time-radio-group .ant-radio-wrapper {
+  margin-right: 4px;
+}

package/lib/bill-player/style/index.d.ts

@@ -0,0 +1,10 @@
+import "antd/lib/button/style";
+import "antd/lib/checkbox/style";
+import "antd/lib/date-picker/style";
+import "antd/lib/form/style";
+import "antd/lib/radio/style";
+import "antd/lib/select/style";
+import "antd/lib/tabs/style";
+import '../../live-control/style';
+import '../../history-control/style';
+import './index.less';

package/lib/bill-player/style/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+require("antd/lib/button/style");
+
+require("antd/lib/checkbox/style");
+
+require("antd/lib/date-picker/style");
+
+require("antd/lib/form/style");
+
+require("antd/lib/radio/style");
+
+require("antd/lib/select/style");
+
+require("antd/lib/tabs/style");
+
+require("../../live-control/style");
+
+require("../../history-control/style");
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/bill-player/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["bill-player/style/index.js"],"sourcesContent":["import \"antd/lib/button/style\";\nimport \"antd/lib/checkbox/style\";\nimport \"antd/lib/date-picker/style\";\nimport \"antd/lib/form/style\";\nimport \"antd/lib/radio/style\";\nimport \"antd/lib/select/style\";\nimport \"antd/lib/tabs/style\";\nimport '../../live-control/style';\nimport '../../history-control/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/bill-player/style/index.less

@@ -0,0 +1,58 @@
+.vtx-bill-player {
+    .bill-tabs {
+        height: 100%;
+
+        .ant-tabs-content-holder {
+            height: 100%;
+
+            .ant-tabs-content {
+                height: 100%;
+            }
+        }
+    }
+
+    .player-panel {
+        display: flex;
+        height: 100%;
+
+        > .player-container {
+            flex-grow: 1;
+            width: 0;
+        }
+
+        .control-container {
+            width: 376px;
+            height: fit-content;
+            margin-left: 16px;
+            border: 1px solid #e8e8e8;
+            border-radius: 2px;
+
+            .header {
+                padding: 12px 24px;
+                font-weight: bold;
+                border-bottom: 1px solid #e8e8e8;
+            }
+
+            .list {
+                display: flex;
+                flex-direction: column;
+                padding: 12px 24px;
+
+                .ant-checkbox-wrapper {
+                    margin-bottom: 12px;
+                    margin-left: 0;
+                }
+            }
+
+            .form {
+                padding: 12px 24px;
+
+                .time-radio-group {
+                    .ant-radio-wrapper {
+                        margin-right: 4px;
+                    }
+                }
+            }
+        }
+    }
+}

package/lib/context/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.PlayerThemeContext = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var PlayerThemeContext = /*#__PURE__*/_react["default"].createContext({
+  theme: 'light'
+});
+
+exports.PlayerThemeContext = PlayerThemeContext;
+var PlayerThemeProvider = PlayerThemeContext.Provider;
+var _default = PlayerThemeProvider;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PlayerThemeContext","React","createContext","theme","PlayerThemeProvider","Provider"],"sources":["context/index.js"],"sourcesContent":["import React from 'react';\nexport const PlayerThemeContext = React.createContext({\n    theme: 'light',\n});\nconst PlayerThemeProvider = PlayerThemeContext.Provider;\nexport default PlayerThemeProvider;\n"],"mappings":";;;;;;;AAAA;;;;AACO,IAAMA,kBAAkB,gBAAGC,iBAAA,CAAMC,aAAN,CAAoB;EAClDC,KAAK,EAAE;AAD2C,CAApB,CAA3B;;;AAGP,IAAMC,mBAAmB,GAAGJ,kBAAkB,CAACK,QAA/C;eACeD,mB"}