@vtx/player 1.3.11 → 1.4.0

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

@@ -10,6 +10,7 @@ interface BillPlayerProps {
     live?: boolean;
     /** 是否显示历史视频，默认为true */
     history?: boolean;
+    theme?: 'blue';
     /** 实时默认播放 */
     defaultLivePlay?: boolean;
     /** 历史默认播放 */

package/lib/bill-player/index.js

@@ -70,17 +70,26 @@ var BillPlayer = function BillPlayer(props) {
       _props$defaultLivePla = props.defaultLivePlay,
       defaultLivePlay = _props$defaultLivePla === void 0 ? true : _props$defaultLivePla,
       _props$isDark = props.isDark,
-      isDark = _props$isDark === void 0 ? false : _props$isDark;
+      isDark = _props$isDark === void 0 ? false : _props$isDark,
+      _props$theme = props.theme,
+      theme = _props$theme === void 0 ? '' : _props$theme;
 
   var _useSetState = (0, _ahooks.useSetState)({
     datePickerDisabled: false,
     liveListState: new Map(),
-    deviceId: ''
+    deviceId: '',
+    mode: 'live'
   }),
       _useSetState2 = _slicedToArray(_useSetState, 2),
       state = _useSetState2[0],
       setState = _useSetState2[1];
 
+  var handleModeChange = function handleModeChange(e) {
+    setState({
+      mode: e.target.value
+    });
+  };
+
   var _useRequest = (0, _ahooks.useRequest)(function () {
     return (0, _api.loadVideoInfo)(params);
   }, {
@@ -270,6 +279,7 @@ var BillPlayer = function BillPlayer(props) {
         className: "player-container"
       }, {
         children: (0, _jsxRuntime.jsx)(_historyControl["default"], {
+          theme: theme,
           isDark: isDark,
           ref: historyRef
         })
@@ -388,7 +398,8 @@ var BillPlayer = function BillPlayer(props) {
             }, {
               children: (0, _jsxRuntime.jsx)(_button["default"], Object.assign({
                 type: "primary",
-                htmlType: "submit"
+                htmlType: "submit",
+                className: "submit-button"
               }, {
                 children: "\u67E5\u8BE2"
               }))
@@ -403,13 +414,45 @@ var BillPlayer = function BillPlayer(props) {
     locale: _zh_CN["default"]
   }, {
     children: (0, _jsxRuntime.jsxs)("div", Object.assign({
-      className: "vtx-bill-player".concat(isDark ? ' bill-dark' : ''),
+      className: "vtx-bill-player".concat(isDark ? ' bill-dark' : '', " ").concat(theme),
       style: {
         height: height,
         width: width
       }
     }, {
-      children: [live && history && (0, _jsxRuntime.jsxs)(_tabs["default"], Object.assign({
+      children: [live && history && (theme === 'blue' ? (0, _jsxRuntime.jsx)("div", Object.assign({
+        className: "blue-body"
+      }, {
+        children: (0, _jsxRuntime.jsxs)("div", Object.assign({
+          className: "ridio-list"
+        }, {
+          children: [(0, _jsxRuntime.jsx)("div", Object.assign({
+            className: "radio-head"
+          }, {
+            children: (0, _jsxRuntime.jsxs)(_radio["default"].Group, Object.assign({
+              onChange: handleModeChange,
+              value: state.mode,
+              className: "radio-group"
+            }, {
+              children: [(0, _jsxRuntime.jsx)(_radio["default"].Button, Object.assign({
+                value: "live"
+              }, {
+                children: (0, _jsxRuntime.jsx)("span", {
+                  children: "\u5B9E\u65F6\u89C6\u9891"
+                })
+              })), (0, _jsxRuntime.jsx)(_radio["default"].Button, Object.assign({
+                value: "history"
+              }, {
+                children: "\u5386\u53F2\u89C6\u9891"
+              }))]
+            }))
+          })), (0, _jsxRuntime.jsx)("div", Object.assign({
+            className: "ridio-body"
+          }, {
+            children: state.mode === 'live' ? getLivePanel() : getHistoryPanel()
+          }))]
+        }))
+      })) : (0, _jsxRuntime.jsxs)(_tabs["default"], Object.assign({
         defaultActiveKey: "live",
         className: "bill-tabs"
       }, {
@@ -422,7 +465,7 @@ var BillPlayer = function BillPlayer(props) {
         }, {
           children: getHistoryPanel()
         }), "history")]
-      })), live && !history && getLivePanel(), history && !live && getHistoryPanel()]
+      }))), live && !history && getLivePanel(), history && !live && getHistoryPanel()]
     }))
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TabPane","Tabs","BillPlayer","props","params","live","history","height","width","defaultLivePlay","isDark","useSetState","datePickerDisabled","liveListState","Map","deviceId","state","setState","useRequest","loadVideoInfo","refreshDeps","billId","onSuccess","result","livePlayer","liveRef","current","item","set","channelNum","videoDeviceId","multiLoad","map","channelId","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","dropdownClassName","Select","Option","textAlign","Button","type","htmlType","ConfigProvider","locale","zhCN","defaultActiveKey","tab"],"sources":["bill-player/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useRef } from 'react';\nimport { loadVideoInfo } from '../api';\nimport HistoryControl from '../history-control';\nimport LiveControl from '../live-control';\nimport { TimeFormat } from '../utils';\nimport { useRequest, useSetState } from 'ahooks';\nimport zhCN from 'antd/es/locale/zh_CN';\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 ConfigProvider from 'antd/lib/config-provider';\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';\nconst { TabPane } = Tabs;\nexport const BillPlayer = (props) => {\n    const { params, live = true, history = true, height = '100%', width = '100%', defaultLivePlay = true, isDark = false, } = 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                        channelId: item.channelNum,\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, isDark: isDark, 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, { isDark: isDark, 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, dropdownClassName: \"date-dark\" }) })), _jsx(Form.Item, Object.assign({ label: \"\\u7ED3\\u675F\\u65F6\\u95F4\", name: \"endTime\", rules: [{ required: true, message: '请输入结束时间' }] }, { children: _jsx(DatePicker, { style: { width: '100%' }, showTime: true, disabled: state.datePickerDisabled, dropdownClassName: \"date-dark\" }) })), _jsx(Form.Item, Object.assign({ label: \"\\u89C6\\u9891\\u901A\\u9053\", name: \"channelNum\", rules: [{ required: true, message: '请选择视频通道' }] }, { children: _jsx(Select, Object.assign({ dropdownClassName: \"select-dark\" }, { 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 }, style: { textAlign: 'center' } }, { children: _jsx(Button, Object.assign({ type: \"primary\", htmlType: \"submit\" }, { children: \"\\u67E5\\u8BE2\" })) }))] })) }))] }))] })));\n    };\n    return (_jsx(ConfigProvider, Object.assign({ locale: zhCN }, { children: _jsxs(\"div\", Object.assign({ className: `vtx-bill-player${isDark ? ' bill-dark' : ''}`, 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":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AACA,IAAQA,OAAR,GAAoBC,gBAApB,CAAQD,OAAR;;AACO,IAAME,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EACjC,IAAQC,MAAR,GAA0HD,KAA1H,CAAQC,MAAR;EAAA,kBAA0HD,KAA1H,CAAgBE,IAAhB;EAAA,IAAgBA,IAAhB,4BAAuB,IAAvB;EAAA,qBAA0HF,KAA1H,CAA6BG,OAA7B;EAAA,IAA6BA,OAA7B,+BAAuC,IAAvC;EAAA,oBAA0HH,KAA1H,CAA6CI,MAA7C;EAAA,IAA6CA,MAA7C,8BAAsD,MAAtD;EAAA,mBAA0HJ,KAA1H,CAA8DK,KAA9D;EAAA,IAA8DA,KAA9D,6BAAsE,MAAtE;EAAA,4BAA0HL,KAA1H,CAA8EM,eAA9E;EAAA,IAA8EA,eAA9E,sCAAgG,IAAhG;EAAA,oBAA0HN,KAA1H,CAAsGO,MAAtG;EAAA,IAAsGA,MAAtG,8BAA+G,KAA/G;;EACA,mBAA0B,IAAAC,mBAAA,EAAY;IAClCC,kBAAkB,EAAE,KADc;IAElCC,aAAa,EAAE,IAAIC,GAAJ,EAFmB;IAGlCC,QAAQ,EAAE;EAHwB,CAAZ,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAKA,kBAAiB,IAAAC,kBAAA,EAAW;IAAA,OAAM,IAAAC,kBAAA,EAAcf,MAAd,CAAN;EAAA,CAAX,EAAwC;IACrDgB,WAAW,EAAE,CAAChB,MAAM,CAACiB,MAAR,CADwC;IAErDC,SAAS,EAAE,mBAACC,MAAD,EAAY;MACnB,IAAId,eAAJ,EAAqB;QACjB,IAAMe,UAAU,GAAGC,OAAO,CAACC,OAA3B;;QACA,IAAIF,UAAJ,EAAgB;UACZ,IAAMX,aAAa,GAAG,IAAIC,GAAJ,EAAtB;;UADY,2CAEOS,MAFP;UAAA;;UAAA;YAEZ,oDAA2B;cAAA,IAAhBI,IAAgB;cACvBd,aAAa,CAACe,GAAd,CAAkBD,IAAI,CAACE,UAAvB,EAAmC,IAAnC;YACH;UAJW;YAAA;UAAA;YAAA;UAAA;;UAKZZ,QAAQ,CAAC;YAAEJ,aAAa,EAAbA,aAAF;YAAiBE,QAAQ,EAAEQ,MAAM,CAAC,CAAD,CAAN,CAAUO;UAArC,CAAD,CAAR;UACAN,UAAU,CAACO,SAAX,CAAqBR,MAAM,CAACS,GAAP,CAAW,UAACL,IAAD;YAAA,OAAW;cACvCE,UAAU,EAAEF,IAAI,CAACE,UADsB;cAEvCd,QAAQ,EAAEY,IAAI,CAACG,aAFwB;cAGvCG,SAAS,EAAEN,IAAI,CAACE;YAHuB,CAAX;UAAA,CAAX,CAArB;QAKH;MACJ;;MACDK,IAAI,CAACC,cAAL,CAAoB;QAAEN,UAAU,EAAEN,MAAM,CAAC,CAAD,CAAN,CAAUM;MAAxB,CAApB;IACH;EAnBoD,CAAxC,CAAjB;EAAA,IAAQO,IAAR,eAAQA,IAAR;;EAqBA,oBAAeC,gBAAA,CAAKC,OAAL,EAAf;EAAA;EAAA,IAAOJ,IAAP;;EACA,IAAMT,OAAO,GAAG,IAAAc,aAAA,EAAO,IAAP,CAAhB;EACA,IAAMC,UAAU,GAAG,IAAAD,aAAA,EAAO,IAAP,CAAnB;;EACA,IAAME,YAAY,GAAG,SAAfA,YAAe,GAAM;IACvB,IAAMC,IAAI,GAAGN,IAAI,KAAK,IAAT,IAAiBA,IAAI,KAAK,KAAK,CAA/B,GAAmC,KAAK,CAAxC,GAA4CA,IAAI,CAACJ,GAAL,CAAS,UAACL,IAAD;MAAA,OAAW,IAAAgB,eAAA,EAAKC,oBAAL,EAAeC,MAAM,CAACC,MAAP,CAAc;QAAEC,OAAO,EAAE/B,KAAK,CAACH,aAAN,CAAoBmC,GAApB,CAAwBrB,IAAI,CAACE,UAA7B,CAAX;QAAqDoB,QAAQ,EAAE,kBAACC,CAAD,EAAO;UACxK,IAAMH,OAAO,GAAGG,CAAC,CAACC,MAAF,CAASJ,OAAzB;UACA,IAAMK,WAAW,GAAG3B,OAAO,CAACC,OAA5B;;UACA,IAAI0B,WAAJ,EAAiB;YACb,IAAIL,OAAJ,EAAa;cACTK,WAAW,CAACC,IAAZ,CAAiBR,MAAM,CAACC,MAAP,CAAcD,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBnB,IAAlB,CAAd,EAAuC;gBAAEZ,QAAQ,EAAEY,IAAI,CAACG;cAAjB,CAAvC,CAAjB;YACH,CAFD,MAGK;cACDsB,WAAW,CAACE,MAAZ,CAAmB3B,IAAI,CAACE,UAAxB;YACH;UACJ;QACJ;MAXqG,CAAd,EAWnF;QAAE0B,QAAQ,EAAE5B,IAAI,CAAC6B;MAAjB,CAXmF,CAAf,EAWnC7B,IAAI,CAACE,UAX8B,CAAX;IAAA,CAAT,CAAzD;IAYA,OAAQ,IAAA4B,gBAAA,EAAM,KAAN,EAAaZ,MAAM,CAACC,MAAP,CAAc;MAAEY,SAAS,EAAE;IAAb,CAAd,EAA6C;MAAEH,QAAQ,EAAE,CAAC,IAAAZ,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;QAAEY,SAAS,EAAE;MAAb,CAAd,EAAiD;QAAEH,QAAQ,EAAE,IAAAZ,eAAA,EAAKgB,uBAAL,EAAkB;UAAEC,GAAG,EAAEnC,OAAP;UAAgBf,MAAM,EAAEA,MAAxB;UAAgCmD,eAAe,EAAE,yBAACC,WAAD,EAAiB;YACxN,IAAMjD,aAAa,GAAG,IAAIC,GAAJ,CAAQE,KAAK,CAACH,aAAd,CAAtB;;YADwN,4CAE/LiD,WAF+L;YAAA;;YAAA;cAExN,uDAAsC;gBAAA,IAA3BjC,UAA2B;gBAClChB,aAAa,CAACe,GAAd,CAAkBC,UAAlB,EAA8B,CAAChB,aAAa,CAACmC,GAAd,CAAkBnB,UAAlB,CAA/B;cACH;YAJuN;cAAA;YAAA;cAAA;YAAA;;YAAA,4CAKrMhB,aALqM;YAAA;;YAAA;cAKxN,uDAAkC;gBAAA,IAAvBc,IAAuB;gBAC9B,IAAImC,WAAW,CAACC,QAAZ,CAAqBpC,IAAI,CAAC,CAAD,CAAzB,CAAJ,EACId,aAAa,CAACe,GAAd,CAAkBD,IAAI,CAAC,CAAD,CAAtB,EAA2B,IAA3B,EADJ,KAGId,aAAa,CAACe,GAAd,CAAkBD,IAAI,CAAC,CAAD,CAAtB,EAA2B,KAA3B;cACP;YAVuN;cAAA;YAAA;cAAA;YAAA;;YAWxNV,QAAQ,CAAC;cAAEJ,aAAa,EAAbA;YAAF,CAAD,CAAR;UACH;QAZyJ,CAAlB;MAAZ,CAAjD,CAAZ,CAAD,EAYpD,IAAA4C,gBAAA,EAAM,KAAN,EAAaZ,MAAM,CAACC,MAAP,CAAc;QAAEY,SAAS,EAAE;MAAb,CAAd,EAAkD;QAAEH,QAAQ,EAAE,CAAC,IAAAZ,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;UAAEY,SAAS,EAAE;QAAb,CAAd,EAAuC;UAAEH,QAAQ,EAAE;QAAZ,CAAvC,CAAZ,CAAD,EAAgG,IAAAZ,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;UAAEY,SAAS,EAAE;QAAb,CAAd,EAAqC;UAAEH,QAAQ,EAAEb;QAAZ,CAArC,CAAZ,CAAhG;MAAZ,CAAlD,CAAb,CAZoD;IAAZ,CAA7C,CAAb,CAAR;EAaH,CA1BD;;EA2BA,IAAMsB,eAAe,GAAG,SAAlBA,eAAkB,CAACC,MAAD,EAAY;IAChC,IAAMC,cAAc,GAAG1B,UAAU,CAACd,OAAlC;IACAwC,cAAc,KAAK,IAAnB,IAA2BA,cAAc,KAAK,KAAK,CAAnD,GAAuD,KAAK,CAA5D,GAAgEA,cAAc,CAACb,IAAf,CAAoB;MAChFxB,UAAU,EAAEoC,MAAM,CAACpC,UAD6D;MAEhFd,QAAQ,EAAEC,KAAK,CAACD,QAFgE;MAGhFoD,SAAS,EAAE,IAAAC,kBAAA,EAAOH,MAAM,CAACE,SAAd,EAAyBE,MAAzB,CAAgCC,iBAAA,CAAWlE,MAA3C,CAHqE;MAIhFmE,OAAO,EAAE,IAAAH,kBAAA,EAAOH,MAAM,CAACM,OAAd,EAAuBF,MAAvB,CAA8BC,iBAAA,CAAWlE,MAAzC;IAJuE,CAApB,CAAhE;EAMH,CARD;;EASA,IAAMoE,iBAAiB,GAAG,SAApBA,iBAAoB,CAACtB,CAAD,EAAO;IAC7B,IAAMuB,KAAK,GAAGvB,CAAC,CAACC,MAAF,CAASsB,KAAvB;;IACA,IAAIA,KAAK,KAAK,QAAd,EAAwB;MACpBxD,QAAQ,CAAC;QAAEL,kBAAkB,EAAE;MAAtB,CAAD,CAAR;IACH,CAFD,MAGK;MACDK,QAAQ,CAAC;QAAEL,kBAAkB,EAAE;MAAtB,CAAD,CAAR;;MACA,IAAI6D,KAAK,KAAK,OAAd,EAAuB;QACnBvC,IAAI,CAACC,cAAL,CAAoB;UAChBgC,SAAS,EAAE,IAAAC,kBAAA,IAASM,OAAT,CAAiB,KAAjB,CADK;UAEhBH,OAAO,EAAE,IAAAH,kBAAA;QAFO,CAApB;MAIH;;MACD,IAAIK,KAAK,KAAK,WAAd,EAA2B;QACvBvC,IAAI,CAACC,cAAL,CAAoB;UAChBgC,SAAS,EAAE,IAAAC,kBAAA,IAASO,QAAT,CAAkB,CAAlB,EAAqB,KAArB,EAA4BD,OAA5B,CAAoC,KAApC,CADK;UAEhBH,OAAO,EAAE,IAAAH,kBAAA,IAASO,QAAT,CAAkB,CAAlB,EAAqB,KAArB,EAA4BC,KAA5B,CAAkC,KAAlC;QAFO,CAApB;MAIH;;MACD,IAAIH,KAAK,KAAK,oBAAd,EAAoC;QAChCvC,IAAI,CAACC,cAAL,CAAoB;UAChBgC,SAAS,EAAE,IAAAC,kBAAA,IAASO,QAAT,CAAkB,CAAlB,EAAqB,KAArB,EAA4BD,OAA5B,CAAoC,KAApC,CADK;UAEhBH,OAAO,EAAE,IAAAH,kBAAA,IAASO,QAAT,CAAkB,CAAlB,EAAqB,KAArB,EAA4BC,KAA5B,CAAkC,KAAlC;QAFO,CAApB;MAIH;IACJ;EACJ,CA1BD;;EA2BA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;IAC1B,OAAQ,IAAApB,gBAAA,EAAM,KAAN,EAAaZ,MAAM,CAACC,MAAP,CAAc;MAAEY,SAAS,EAAE;IAAb,CAAd,EAA6C;MAAEH,QAAQ,EAAE,CAAC,IAAAZ,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;QAAEY,SAAS,EAAE;MAAb,CAAd,EAAiD;QAAEH,QAAQ,EAAE,IAAAZ,eAAA,EAAKmC,0BAAL,EAAqB;UAAEpE,MAAM,EAAEA,MAAV;UAAkBkD,GAAG,EAAEpB;QAAvB,CAArB;MAAZ,CAAjD,CAAZ,CAAD,EAAyI,IAAAiB,gBAAA,EAAM,KAAN,EAAaZ,MAAM,CAACC,MAAP,CAAc;QAAEY,SAAS,EAAE;MAAb,CAAd,EAAkD;QAAEH,QAAQ,EAAE,CAAC,IAAAZ,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;UAAEY,SAAS,EAAE;QAAb,CAAd,EAAuC;UAAEH,QAAQ,EAAE;QAAZ,CAAvC,CAAZ,CAAD,EAAgG,IAAAZ,eAAA,EAAK,KAAL,EAAYE,MAAM,CAACC,MAAP,CAAc;UAAEY,SAAS,EAAE;QAAb,CAAd,EAAqC;UAAEH,QAAQ,EAAE,IAAAE,gBAAA,EAAMpB,gBAAN,EAAYQ,MAAM,CAACC,MAAP,CAAc;YAAEZ,IAAI,EAAEA,IAAR;YAAc6C,IAAI,EAAE,SAApB;YAA+BC,QAAQ,EAAE;cAAEC,IAAI,EAAE;YAAR,CAAzC;YAAsDC,UAAU,EAAE;cAAED,IAAI,EAAE;YAAR,CAAlE;YAAgFE,QAAQ,EAAEnB,eAA1F;YAA2GoB,YAAY,EAAE,KAAzH;YAAgIC,KAAK,EAAE,KAAvI;YAA8IC,aAAa,EAAE;cAC1lBnB,SAAS,EAAE,IAAAC,kBAAA,IAASO,QAAT,CAAkB,CAAlB,EAAqB,KAArB,EAA4BD,OAA5B,CAAoC,KAApC,CAD+kB;cAE1lBH,OAAO,EAAE,IAAAH,kBAAA,IAASO,QAAT,CAAkB,CAAlB,EAAqB,KAArB,EAA4BC,KAA5B,CAAkC,KAAlC;YAFilB,CAA7J;YAG9bW,YAAY,EAAE;UAHgb,CAAd,EAGzZ;YAAEhC,QAAQ,EAAE,CAAC,IAAAZ,eAAA,EAAKN,gBAAA,CAAKmD,IAAV,EAAgB3C,MAAM,CAACC,MAAP,CAAc;cAAE2C,KAAK,EAAE;YAAT,CAAd,EAAqD;cAAElC,QAAQ,EAAE,IAAAE,gBAAA,EAAMiC,iBAAA,CAAMC,KAAZ,EAAmB9C,MAAM,CAACC,MAAP,CAAc;gBAAEG,QAAQ,EAAEuB,iBAAZ;gBAA+BoB,YAAY,EAAE,QAA7C;gBAAuDlC,SAAS,EAAE;cAAlE,CAAd,EAAsG;gBAAEH,QAAQ,EAAE,CAAC,IAAAZ,eAAA,EAAK+C,iBAAL,EAAY7C,MAAM,CAACC,MAAP,CAAc;kBAAE2B,KAAK,EAAE;gBAAT,CAAd,EAAkC;kBAAElB,QAAQ,EAAE;gBAAZ,CAAlC,CAAZ,CAAD,EAA+E,IAAAZ,eAAA,EAAK+C,iBAAL,EAAY7C,MAAM,CAACC,MAAP,CAAc;kBAAE2B,KAAK,EAAE;gBAAT,CAAd,EAAsC;kBAAElB,QAAQ,EAAE;gBAAZ,CAAtC,CAAZ,CAA/E,EAAiK,IAAAZ,eAAA,EAAK+C,iBAAL,EAAY7C,MAAM,CAACC,MAAP,CAAc;kBAAE2B,KAAK,EAAE;gBAAT,CAAd,EAA+C;kBAAElB,QAAQ,EAAE;gBAAZ,CAA/C,CAAZ,CAAjK,EAA4P,IAAAZ,eAAA,EAAK+C,iBAAL,EAAY7C,MAAM,CAACC,MAAP,CAAc;kBAAE2B,KAAK,EAAE;gBAAT,CAAd,EAAmC;kBAAElB,QAAQ,EAAE;gBAAZ,CAAnC,CAAZ,CAA5P;cAAZ,CAAtG,CAAnB;YAAZ,CAArD,CAAhB,CAAD,EAA2iB,IAAAZ,eAAA,EAAKN,gBAAA,CAAKmD,IAAV,EAAgB3C,MAAM,CAACC,MAAP,CAAc;cAAE2C,KAAK,EAAE,0BAAT;cAAqCV,IAAI,EAAE,WAA3C;cAAwDc,KAAK,EAAE,CAAC;gBAAEC,QAAQ,EAAE,IAAZ;gBAAkBC,OAAO,EAAE;cAA3B,CAAD;YAA/D,CAAd,EAAyH;cAAExC,QAAQ,EAAE,IAAAZ,eAAA,EAAKqD,sBAAL,EAAiB;gBAAEC,KAAK,EAAE;kBAAEzF,KAAK,EAAE;gBAAT,CAAT;gBAA4B0F,QAAQ,EAAE,IAAtC;gBAA4CC,QAAQ,EAAEnF,KAAK,CAACJ,kBAA5D;gBAAgFwF,iBAAiB,EAAE;cAAnG,CAAjB;YAAZ,CAAzH,CAAhB,CAA3iB,EAAw0B,IAAAzD,eAAA,EAAKN,gBAAA,CAAKmD,IAAV,EAAgB3C,MAAM,CAACC,MAAP,CAAc;cAAE2C,KAAK,EAAE,0BAAT;cAAqCV,IAAI,EAAE,SAA3C;cAAsDc,KAAK,EAAE,CAAC;gBAAEC,QAAQ,EAAE,IAAZ;gBAAkBC,OAAO,EAAE;cAA3B,CAAD;YAA7D,CAAd,EAAuH;cAAExC,QAAQ,EAAE,IAAAZ,eAAA,EAAKqD,sBAAL,EAAiB;gBAAEC,KAAK,EAAE;kBAAEzF,KAAK,EAAE;gBAAT,CAAT;gBAA4B0F,QAAQ,EAAE,IAAtC;gBAA4CC,QAAQ,EAAEnF,KAAK,CAACJ,kBAA5D;gBAAgFwF,iBAAiB,EAAE;cAAnG,CAAjB;YAAZ,CAAvH,CAAhB,CAAx0B,EAAmmC,IAAAzD,eAAA,EAAKN,gBAAA,CAAKmD,IAAV,EAAgB3C,MAAM,CAACC,MAAP,CAAc;cAAE2C,KAAK,EAAE,0BAAT;cAAqCV,IAAI,EAAE,YAA3C;cAAyDc,KAAK,EAAE,CAAC;gBAAEC,QAAQ,EAAE,IAAZ;gBAAkBC,OAAO,EAAE;cAA3B,CAAD;YAAhE,CAAd,EAA0H;cAAExC,QAAQ,EAAE,IAAAZ,eAAA,EAAK0D,kBAAL,EAAaxD,MAAM,CAACC,MAAP,CAAc;gBAAEsD,iBAAiB,EAAE;cAArB,CAAd,EAAoD;gBAAE7C,QAAQ,EAAEnB,IAAI,KAAK,IAAT,IAAiBA,IAAI,KAAK,KAAK,CAA/B,GAAmC,KAAK,CAAxC,GAA4CA,IAAI,CAACJ,GAAL,CAAS,UAACL,IAAD;kBAAA,OAAW,IAAAgB,eAAA,EAAK0D,kBAAA,CAAOC,MAAZ,EAAoBzD,MAAM,CAACC,MAAP,CAAc;oBAAE2B,KAAK,EAAE9C,IAAI,CAACE;kBAAd,CAAd,EAA0C;oBAAE0B,QAAQ,EAAE5B,IAAI,CAAC6B;kBAAjB,CAA1C,CAApB,EAA+F7B,IAAI,CAACE,UAApG,CAAX;gBAAA,CAAT;cAAxD,CAApD,CAAb;YAAZ,CAA1H,CAAhB,CAAnmC,EAAigD,IAAAc,eAAA,EAAKN,gBAAA,CAAKmD,IAAV,EAAgB3C,MAAM,CAACC,MAAP,CAAc;cAAEoC,UAAU,EAAE;gBAAED,IAAI,EAAE;cAAR,CAAd;cAA4BgB,KAAK,EAAE;gBAAEM,SAAS,EAAE;cAAb;YAAnC,CAAd,EAA4E;cAAEhD,QAAQ,EAAE,IAAAZ,eAAA,EAAK6D,kBAAL,EAAa3D,MAAM,CAACC,MAAP,CAAc;gBAAE2D,IAAI,EAAE,SAAR;gBAAmBC,QAAQ,EAAE;cAA7B,CAAd,EAAuD;gBAAEnD,QAAQ,EAAE;cAAZ,CAAvD,CAAb;YAAZ,CAA5E,CAAhB,CAAjgD;UAAZ,CAHyZ,CAAZ;QAAZ,CAArC,CAAZ,CAAhG;MAAZ,CAAlD,CAAb,CAAzI;IAAZ,CAA7C,CAAb,CAAR;EAIH,CALD;;EAMA,OAAQ,IAAAZ,eAAA,EAAKgE,0BAAL,EAAqB9D,MAAM,CAACC,MAAP,CAAc;IAAE8D,MAAM,EAAEC;EAAV,CAAd,EAAgC;IAAEtD,QAAQ,EAAE,IAAAE,gBAAA,EAAM,KAAN,EAAaZ,MAAM,CAACC,MAAP,CAAc;MAAEY,SAAS,2BAAoBhD,MAAM,GAAG,YAAH,GAAkB,EAA5C,CAAX;MAA6DuF,KAAK,EAAE;QAAE1F,MAAM,EAANA,MAAF;QAAUC,KAAK,EAALA;MAAV;IAApE,CAAd,EAAuG;MAAE+C,QAAQ,EAAE,CAAClD,IAAI,IAAIC,OAAR,IAAoB,IAAAmD,gBAAA,EAAMxD,gBAAN,EAAY4C,MAAM,CAACC,MAAP,CAAc;QAAEgE,gBAAgB,EAAE,MAApB;QAA4BpD,SAAS,EAAE;MAAvC,CAAd,EAAoE;QAAEH,QAAQ,EAAE,CAAC,IAAAZ,eAAA,EAAK3C,OAAL,EAAc6C,MAAM,CAACC,MAAP,CAAc;UAAEiE,GAAG,EAAE;QAAP,CAAd,EAAmD;UAAExD,QAAQ,EAAEd,YAAY;QAAxB,CAAnD,CAAd,EAAgG,MAAhG,CAAD,EAA0G,IAAAE,eAAA,EAAK3C,OAAL,EAAc6C,MAAM,CAACC,MAAP,CAAc;UAAEiE,GAAG,EAAE;QAAP,CAAd,EAAmD;UAAExD,QAAQ,EAAEsB,eAAe;QAA3B,CAAnD,CAAd,EAAmG,SAAnG,CAA1G;MAAZ,CAApE,CAAZ,CAArB,EAAgVxE,IAAI,IAAI,CAACC,OAAT,IAAoBmC,YAAY,EAAhX,EAAoXnC,OAAO,IAAI,CAACD,IAAZ,IAAoBwE,eAAe,EAAvZ;IAAZ,CAAvG,CAAb;EAAZ,CAAhC,CAArB,CAAR;AACH,CArGM;;;eAsGQ3E,U"}
+{"version":3,"file":"index.js","names":["TabPane","Tabs","BillPlayer","props","params","live","history","height","width","defaultLivePlay","isDark","theme","useSetState","datePickerDisabled","liveListState","Map","deviceId","mode","state","setState","handleModeChange","e","target","value","useRequest","loadVideoInfo","refreshDeps","billId","onSuccess","result","livePlayer","liveRef","current","item","set","channelNum","videoDeviceId","multiLoad","map","channelId","form","setFieldsValue","data","Form","useForm","useRef","historyRef","getLivePanel","list","_jsx","Checkbox","Object","assign","checked","get","onChange","liveControl","load","unLoad","children","channelName","_jsxs","className","LiveControl","ref","onChannelChange","channelsNum","includes","onHistorySubmit","values","historyControl","beginTime","moment","format","TimeFormat","endTime","onTimeRadioChange","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","dropdownClassName","Select","Option","textAlign","Button","type","htmlType","ConfigProvider","locale","zhCN","defaultActiveKey","tab"],"sources":["bill-player/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useRef } from 'react';\nimport { loadVideoInfo } from '../api';\nimport HistoryControl from '../history-control';\nimport LiveControl from '../live-control';\nimport { TimeFormat } from '../utils';\nimport { useRequest, useSetState } from 'ahooks';\nimport zhCN from 'antd/es/locale/zh_CN';\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 ConfigProvider from 'antd/lib/config-provider';\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';\nconst { TabPane } = Tabs;\nexport const BillPlayer = (props) => {\n    const { params, live = true, history = true, height = '100%', width = '100%', defaultLivePlay = true, isDark = false, theme = '', } = props;\n    const [state, setState] = useSetState({\n        datePickerDisabled: false,\n        liveListState: new Map(),\n        deviceId: '',\n        mode: 'live',\n    });\n    const handleModeChange = (e) => {\n        setState({\n            mode: e.target.value,\n        });\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                        channelId: item.channelNum,\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, isDark: isDark, 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, { theme: theme, isDark: isDark, 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, dropdownClassName: \"date-dark\" }) })), _jsx(Form.Item, Object.assign({ label: \"\\u7ED3\\u675F\\u65F6\\u95F4\", name: \"endTime\", rules: [{ required: true, message: '请输入结束时间' }] }, { children: _jsx(DatePicker, { style: { width: '100%' }, showTime: true, disabled: state.datePickerDisabled, dropdownClassName: \"date-dark\" }) })), _jsx(Form.Item, Object.assign({ label: \"\\u89C6\\u9891\\u901A\\u9053\", name: \"channelNum\", rules: [{ required: true, message: '请选择视频通道' }] }, { children: _jsx(Select, Object.assign({ dropdownClassName: \"select-dark\" }, { 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 }, style: { textAlign: 'center' } }, { children: _jsx(Button, Object.assign({ type: \"primary\", htmlType: \"submit\", className: \"submit-button\" }, { children: \"\\u67E5\\u8BE2\" })) }))] })) }))] }))] })));\n    };\n    return (_jsx(ConfigProvider, Object.assign({ locale: zhCN }, { children: _jsxs(\"div\", Object.assign({ className: `vtx-bill-player${isDark ? ' bill-dark' : ''} ${theme}`, style: { height, width } }, { children: [live &&\n                    history &&\n                    (theme === 'blue' ? (_jsx(\"div\", Object.assign({ className: \"blue-body\" }, { children: _jsxs(\"div\", Object.assign({ className: \"ridio-list\" }, { children: [_jsx(\"div\", Object.assign({ className: \"radio-head\" }, { children: _jsxs(Radio.Group, Object.assign({ onChange: handleModeChange, value: state.mode, className: \"radio-group\" }, { children: [_jsx(Radio.Button, Object.assign({ value: \"live\" }, { children: _jsx(\"span\", { children: \"\\u5B9E\\u65F6\\u89C6\\u9891\" }) })), _jsx(Radio.Button, Object.assign({ value: \"history\" }, { children: \"\\u5386\\u53F2\\u89C6\\u9891\" }))] })) })), _jsx(\"div\", Object.assign({ className: \"ridio-body\" }, { children: state.mode === 'live' ? getLivePanel() : getHistoryPanel() }))] })) }))) : (_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/index.css

@@ -2,10 +2,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 .bill-dark .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
-  color: #95FFF9;
+  color: #95fff9;
 }
 .bill-dark .ant-tabs-ink-bar {
-  background: #95FFF9;
+  background: #95fff9;
 }
 .bill-dark .control-container {
   background: rgba(0, 59, 64, 0.3);
@@ -17,11 +17,11 @@
   border: 1px solid rgba(255, 255, 255, 0.2);
 }
 .bill-dark .control-container .list .ant-checkbox-wrapper {
-  color: #95FFF9;
+  color: #95fff9;
 }
 .bill-dark .control-container .list .ant-checkbox-checked .ant-checkbox-inner {
-  background-color: #95FFF9;
-  border-color: #95FFF9;
+  background-color: #95fff9;
+  border-color: #95fff9;
 }
 .bill-dark .control-container .list .ant-checkbox-checked .ant-checkbox-inner::after {
   border-color: #000;
@@ -33,10 +33,10 @@
   color: rgba(255, 255, 255, 0.65);
 }
 .bill-dark .control-container .form .time-radio-group .ant-radio-checked .ant-radio-inner {
-  border-color: #95FFF9;
+  border-color: #95fff9;
 }
 .bill-dark .control-container .form .time-radio-group .ant-radio-inner::after {
-  background: #95FFF9;
+  background: #95fff9;
 }
 .bill-dark .control-container .form .ant-picker {
   background: transparent;
@@ -49,19 +49,105 @@
 }
 .bill-dark .control-container .form .ant-picker:hover,
 .bill-dark .control-container .form .ant-picker-focused {
-  border-color: #95FFF9;
+  border-color: #95fff9;
 }
 .bill-dark .control-container .form .ant-select-selector {
   background-color: transparent;
   color: rgba(255, 255, 255, 0.65);
 }
 .bill-dark .control-container .form .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
-  border-color: #95FFF9;
+  border-color: #95fff9;
 }
 .bill-dark .control-container .form .ant-btn-primary {
   color: rgba(0, 0, 0, 0.65);
-  border-color: #95FFF9;
-  background: #95FFF9;
+  border-color: #95fff9;
+  background: #95fff9;
+}
+.blue-body {
+  font-size: #fff;
+  height: 100%;
+  background: #02355b;
+}
+.bludColor {
+  background: -webkit-gradient(linear, left bottom, left top, from(#2a55e9), to(#0dbafe)) !important;
+  background: linear-gradient(0deg, #2a55e9 0%, #0dbafe 100%) !important;
+  -webkit-background-clip: text !important;
+  color: transparent !important;
+}
+.blue .control-container {
+  background: rgba(3, 177, 252, 0.1) !important;
+  border-radius: 2px 2px 2px 2px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+}
+.blue .control-container .header {
+  color: #fff;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+}
+.blue .control-container .list .ant-checkbox-wrapper {
+  color: #0d517c;
+}
+.blue .control-container .list .ant-checkbox-checked .ant-checkbox-inner {
+  background-color: #0d517c;
+  border-color: #0d517c;
+}
+.blue .control-container .list .ant-checkbox-checked .ant-checkbox-inner::after {
+  border-color: #000;
+}
+.blue .control-container .list .ant-checkbox-inner::after {
+  border-color: #03b1fc !important;
+}
+.blue .control-container .list .ant-checkbox-wrapper-checked span {
+  background: -webkit-gradient(linear, left bottom, left top, from(#2a55e9), to(#0dbafe)) !important;
+  background: linear-gradient(0deg, #2a55e9 0%, #0dbafe 100%) !important;
+  -webkit-background-clip: text !important;
+  color: transparent !important;
+}
+.blue .control-container .list .ant-checkbox-wrapper-checked .ant-checkbox-inner {
+  border: 1px solid #0faffb !important;
+}
+.blue .control-container .form .ant-form-item-label > label {
+  color: rgba(255, 255, 255, 0.65);
+}
+.blue .control-container .form .time-radio-group .ant-radio-wrapper {
+  color: rgba(255, 255, 255, 0.65);
+}
+.blue .control-container .form .time-radio-group .ant-radio-checked .ant-radio-inner {
+  border-color: #0d517c;
+}
+.blue .control-container .form .time-radio-group .ant-radio-inner::after {
+  background: #0d517c;
+}
+.blue .control-container .form .ant-picker {
+  background: transparent;
+}
+.blue .control-container .form .ant-picker-input > input {
+  color: rgba(255, 255, 255, 0.65);
+}
+.blue .control-container .form .ant-picker-suffix {
+  color: rgba(255, 255, 255, 0.65);
+}
+.blue .control-container .form .ant-picker:hover,
+.blue .control-container .form .ant-picker-focused {
+  border-color: #0d517c;
+}
+.blue .control-container .form .ant-select-selector {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.65);
+}
+.blue .control-container .form .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
+  border-color: #0d517c;
+}
+.blue .control-container .form .ant-btn-primary {
+  color: rgba(0, 0, 0, 0.65);
+  border-color: #0d517c;
+  background: #0d517c;
+}
+.blue .submit-button {
+  background: -webkit-gradient(linear, left bottom, left top, from(#2a55e9), to(#0dbafe)) !important;
+  background: linear-gradient(0deg, #2a55e9, #0dbafe) !important;
+  border-radius: 4px;
+  border: none;
+  color: #fff !important;
 }
 .vtx-bill-player .bill-tabs {
   height: 100%;
@@ -72,6 +158,45 @@
 .vtx-bill-player .bill-tabs .ant-tabs-content-holder .ant-tabs-content {
   height: 100%;
 }
+.vtx-bill-player .ridio-list {
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.vtx-bill-player .ridio-list .radio-head {
+  width: 100%;
+  padding: 12px;
+  background-color: rgba(255, 255, 255, 0.2);
+  margin-bottom: 12px;
+}
+.vtx-bill-player .ridio-list .radio-head .ant-radio-button-wrapper {
+  background-color: rgba(20, 64, 99, 0.4);
+  font-size: 14px;
+  color: #fff;
+}
+.vtx-bill-player .ridio-list .radio-head .ant-radio-button-checked {
+  border: 1px solid #fff;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#2661ea), to(#0faffb));
+  background-image: linear-gradient(to bottom, #2661ea, #0faffb);
+}
+.vtx-bill-player .ridio-list .radio-head .ant-radio-button-wrapper-checked span {
+  font-size: 14px;
+  color: #fff;
+}
+.vtx-bill-player .ridio-list .ridio-body {
+  width: 100%;
+  padding: 12px;
+  background-color: rgba(255, 255, 255, 0.2);
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
 .vtx-bill-player .player-panel {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -113,6 +238,9 @@
   margin-bottom: 12px;
   margin-left: 0;
 }
+.vtx-bill-player .player-panel .control-container .list .ant-checkbox-wrapper span {
+  color: #fff;
+}
 .vtx-bill-player .player-panel .control-container .form {
   padding: 12px 24px;
 }