@vtx/player 1.4.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/bill-player/index.js +4 -4
- package/lib/bill-player/index.js.map +1 -1
- package/lib/bill-player/style/index.css +92 -86
- package/lib/bill-player/style/index.less +107 -105
- package/lib/history-control/index.d.ts +0 -2
- package/lib/history-control/index.js +2 -3
- package/lib/history-control/index.js.map +1 -1
- package/lib/history-control/style/index.css +13 -10
- package/lib/history-control/style/index.less +9 -7
- package/lib/live-control/style/index.css +8 -8
- package/lib/live-control/style/index.less +5 -5
- package/package.json +1 -1
package/lib/bill-player/index.js
CHANGED
|
@@ -279,7 +279,6 @@ var BillPlayer = function BillPlayer(props) {
|
|
|
279
279
|
className: "player-container"
|
|
280
280
|
}, {
|
|
281
281
|
children: (0, _jsxRuntime.jsx)(_historyControl["default"], {
|
|
282
|
-
theme: theme,
|
|
283
282
|
isDark: isDark,
|
|
284
283
|
ref: historyRef
|
|
285
284
|
})
|
|
@@ -414,14 +413,15 @@ var BillPlayer = function BillPlayer(props) {
|
|
|
414
413
|
locale: _zh_CN["default"]
|
|
415
414
|
}, {
|
|
416
415
|
children: (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
417
|
-
|
|
416
|
+
"data-theme": theme,
|
|
417
|
+
className: "vtx-bill-player".concat(isDark ? ' bill-dark' : '', " ").concat(theme ? 'bill-theme' : ''),
|
|
418
418
|
style: {
|
|
419
419
|
height: height,
|
|
420
420
|
width: width
|
|
421
421
|
}
|
|
422
422
|
}, {
|
|
423
|
-
children: [live && history && (theme
|
|
424
|
-
className: "
|
|
423
|
+
children: [live && history && (theme ? (0, _jsxRuntime.jsx)("div", Object.assign({
|
|
424
|
+
className: "theme-body"
|
|
425
425
|
}, {
|
|
426
426
|
children: (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
427
427
|
className: "ridio-list"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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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"}
|
|
1
|
+
{"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, { 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({ \"data-theme\": theme, className: `vtx-bill-player${isDark ? ' bill-dark' : ''} ${theme ? 'bill-theme' : ''}`, style: { height, width } }, { children: [live &&\n history &&\n (theme ? (_jsx(\"div\", Object.assign({ className: \"theme-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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"}
|
|
@@ -63,92 +63,6 @@
|
|
|
63
63
|
border-color: #95fff9;
|
|
64
64
|
background: #95fff9;
|
|
65
65
|
}
|
|
66
|
-
.blue-body {
|
|
67
|
-
font-size: #fff;
|
|
68
|
-
height: 100%;
|
|
69
|
-
background: #02355b;
|
|
70
|
-
}
|
|
71
|
-
.bludColor {
|
|
72
|
-
background: -webkit-gradient(linear, left bottom, left top, from(#2a55e9), to(#0dbafe)) !important;
|
|
73
|
-
background: linear-gradient(0deg, #2a55e9 0%, #0dbafe 100%) !important;
|
|
74
|
-
-webkit-background-clip: text !important;
|
|
75
|
-
color: transparent !important;
|
|
76
|
-
}
|
|
77
|
-
.blue .control-container {
|
|
78
|
-
background: rgba(3, 177, 252, 0.1) !important;
|
|
79
|
-
border-radius: 2px 2px 2px 2px;
|
|
80
|
-
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
81
|
-
}
|
|
82
|
-
.blue .control-container .header {
|
|
83
|
-
color: #fff;
|
|
84
|
-
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
85
|
-
}
|
|
86
|
-
.blue .control-container .list .ant-checkbox-wrapper {
|
|
87
|
-
color: #0d517c;
|
|
88
|
-
}
|
|
89
|
-
.blue .control-container .list .ant-checkbox-checked .ant-checkbox-inner {
|
|
90
|
-
background-color: #0d517c;
|
|
91
|
-
border-color: #0d517c;
|
|
92
|
-
}
|
|
93
|
-
.blue .control-container .list .ant-checkbox-checked .ant-checkbox-inner::after {
|
|
94
|
-
border-color: #000;
|
|
95
|
-
}
|
|
96
|
-
.blue .control-container .list .ant-checkbox-inner::after {
|
|
97
|
-
border-color: #03b1fc !important;
|
|
98
|
-
}
|
|
99
|
-
.blue .control-container .list .ant-checkbox-wrapper-checked span {
|
|
100
|
-
background: -webkit-gradient(linear, left bottom, left top, from(#2a55e9), to(#0dbafe)) !important;
|
|
101
|
-
background: linear-gradient(0deg, #2a55e9 0%, #0dbafe 100%) !important;
|
|
102
|
-
-webkit-background-clip: text !important;
|
|
103
|
-
color: transparent !important;
|
|
104
|
-
}
|
|
105
|
-
.blue .control-container .list .ant-checkbox-wrapper-checked .ant-checkbox-inner {
|
|
106
|
-
border: 1px solid #0faffb !important;
|
|
107
|
-
}
|
|
108
|
-
.blue .control-container .form .ant-form-item-label > label {
|
|
109
|
-
color: rgba(255, 255, 255, 0.65);
|
|
110
|
-
}
|
|
111
|
-
.blue .control-container .form .time-radio-group .ant-radio-wrapper {
|
|
112
|
-
color: rgba(255, 255, 255, 0.65);
|
|
113
|
-
}
|
|
114
|
-
.blue .control-container .form .time-radio-group .ant-radio-checked .ant-radio-inner {
|
|
115
|
-
border-color: #0d517c;
|
|
116
|
-
}
|
|
117
|
-
.blue .control-container .form .time-radio-group .ant-radio-inner::after {
|
|
118
|
-
background: #0d517c;
|
|
119
|
-
}
|
|
120
|
-
.blue .control-container .form .ant-picker {
|
|
121
|
-
background: transparent;
|
|
122
|
-
}
|
|
123
|
-
.blue .control-container .form .ant-picker-input > input {
|
|
124
|
-
color: rgba(255, 255, 255, 0.65);
|
|
125
|
-
}
|
|
126
|
-
.blue .control-container .form .ant-picker-suffix {
|
|
127
|
-
color: rgba(255, 255, 255, 0.65);
|
|
128
|
-
}
|
|
129
|
-
.blue .control-container .form .ant-picker:hover,
|
|
130
|
-
.blue .control-container .form .ant-picker-focused {
|
|
131
|
-
border-color: #0d517c;
|
|
132
|
-
}
|
|
133
|
-
.blue .control-container .form .ant-select-selector {
|
|
134
|
-
background-color: transparent;
|
|
135
|
-
color: rgba(255, 255, 255, 0.65);
|
|
136
|
-
}
|
|
137
|
-
.blue .control-container .form .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
|
|
138
|
-
border-color: #0d517c;
|
|
139
|
-
}
|
|
140
|
-
.blue .control-container .form .ant-btn-primary {
|
|
141
|
-
color: rgba(0, 0, 0, 0.65);
|
|
142
|
-
border-color: #0d517c;
|
|
143
|
-
background: #0d517c;
|
|
144
|
-
}
|
|
145
|
-
.blue .submit-button {
|
|
146
|
-
background: -webkit-gradient(linear, left bottom, left top, from(#2a55e9), to(#0dbafe)) !important;
|
|
147
|
-
background: linear-gradient(0deg, #2a55e9, #0dbafe) !important;
|
|
148
|
-
border-radius: 4px;
|
|
149
|
-
border: none;
|
|
150
|
-
color: #fff !important;
|
|
151
|
-
}
|
|
152
66
|
.vtx-bill-player .bill-tabs {
|
|
153
67
|
height: 100%;
|
|
154
68
|
}
|
|
@@ -158,6 +72,9 @@
|
|
|
158
72
|
.vtx-bill-player .bill-tabs .ant-tabs-content-holder .ant-tabs-content {
|
|
159
73
|
height: 100%;
|
|
160
74
|
}
|
|
75
|
+
.vtx-bill-player .bill-tabs .ant-tabs-tabpane {
|
|
76
|
+
height: 100%;
|
|
77
|
+
}
|
|
161
78
|
.vtx-bill-player .ridio-list {
|
|
162
79
|
width: 100%;
|
|
163
80
|
height: 100%;
|
|
@@ -247,3 +164,92 @@
|
|
|
247
164
|
.vtx-bill-player .player-panel .control-container .form .time-radio-group .ant-radio-wrapper {
|
|
248
165
|
margin-right: 4px;
|
|
249
166
|
}
|
|
167
|
+
/* 修改主题颜色修改添加以下变量颜色即可 */
|
|
168
|
+
.bill-theme[data-theme='blue'] {
|
|
169
|
+
--backgroundContainer: rgba(3, 177, 252, 0.1);
|
|
170
|
+
--backgroundTable: #02355b;
|
|
171
|
+
--color: #0d517c;
|
|
172
|
+
--borderColor: #03b1fc;
|
|
173
|
+
--buttonBackground: linear-gradient(0deg, #2a55e9 0%, #0dbafe 100%);
|
|
174
|
+
}
|
|
175
|
+
.bill-theme .theme-body {
|
|
176
|
+
font-size: #fff;
|
|
177
|
+
height: 100%;
|
|
178
|
+
background: var(--backgroundTable);
|
|
179
|
+
}
|
|
180
|
+
.bill-theme .bludColor {
|
|
181
|
+
background: var(--buttonBackground) !important;
|
|
182
|
+
-webkit-background-clip: text !important;
|
|
183
|
+
}
|
|
184
|
+
.bill-theme .control-container {
|
|
185
|
+
background: var(--backgroundContainer) !important;
|
|
186
|
+
border-radius: 2px 2px 2px 2px;
|
|
187
|
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
188
|
+
}
|
|
189
|
+
.bill-theme .control-container .header {
|
|
190
|
+
color: #fff;
|
|
191
|
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
192
|
+
}
|
|
193
|
+
.bill-theme .control-container .list .ant-checkbox-wrapper {
|
|
194
|
+
color: var(--color);
|
|
195
|
+
}
|
|
196
|
+
.bill-theme .control-container .list .ant-checkbox-checked .ant-checkbox-inner {
|
|
197
|
+
background-color: var(--color);
|
|
198
|
+
border-color: var(--color);
|
|
199
|
+
}
|
|
200
|
+
.bill-theme .control-container .list .ant-checkbox-checked .ant-checkbox-inner::after {
|
|
201
|
+
border-color: #000;
|
|
202
|
+
}
|
|
203
|
+
.bill-theme .control-container .list .ant-checkbox-inner::after {
|
|
204
|
+
border-color: var(--borderColor) !important;
|
|
205
|
+
}
|
|
206
|
+
.bill-theme .control-container .list .ant-checkbox-wrapper-checked span {
|
|
207
|
+
background: var(--buttonBackground) !important;
|
|
208
|
+
-webkit-background-clip: text !important;
|
|
209
|
+
}
|
|
210
|
+
.bill-theme .control-container .list .ant-checkbox-wrapper-checked .ant-checkbox-inner {
|
|
211
|
+
border: 1px solid var(--borderColor) !important;
|
|
212
|
+
}
|
|
213
|
+
.bill-theme .control-container .form .ant-form-item-label > label {
|
|
214
|
+
color: rgba(255, 255, 255, 0.65);
|
|
215
|
+
}
|
|
216
|
+
.bill-theme .control-container .form .time-radio-group .ant-radio-wrapper {
|
|
217
|
+
color: rgba(255, 255, 255, 0.65);
|
|
218
|
+
}
|
|
219
|
+
.bill-theme .control-container .form .time-radio-group .ant-radio-checked .ant-radio-inner {
|
|
220
|
+
border-color: var(--color);
|
|
221
|
+
}
|
|
222
|
+
.bill-theme .control-container .form .time-radio-group .ant-radio-inner::after {
|
|
223
|
+
background: var(--color);
|
|
224
|
+
}
|
|
225
|
+
.bill-theme .control-container .form .ant-picker {
|
|
226
|
+
background: transparent;
|
|
227
|
+
}
|
|
228
|
+
.bill-theme .control-container .form .ant-picker-input > input {
|
|
229
|
+
color: rgba(255, 255, 255, 0.65);
|
|
230
|
+
}
|
|
231
|
+
.bill-theme .control-container .form .ant-picker-suffix {
|
|
232
|
+
color: rgba(255, 255, 255, 0.65);
|
|
233
|
+
}
|
|
234
|
+
.bill-theme .control-container .form .ant-picker:hover,
|
|
235
|
+
.bill-theme .control-container .form .ant-picker-focused {
|
|
236
|
+
border-color: var(--color);
|
|
237
|
+
}
|
|
238
|
+
.bill-theme .control-container .form .ant-select-selector {
|
|
239
|
+
background-color: transparent;
|
|
240
|
+
color: rgba(255, 255, 255, 0.65);
|
|
241
|
+
}
|
|
242
|
+
.bill-theme .control-container .form .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
|
|
243
|
+
border-color: var(--color);
|
|
244
|
+
}
|
|
245
|
+
.bill-theme .control-container .form .ant-btn-primary {
|
|
246
|
+
color: rgba(0, 0, 0, 0.65);
|
|
247
|
+
border-color: var(--color);
|
|
248
|
+
background: var(--color);
|
|
249
|
+
}
|
|
250
|
+
.bill-theme .submit-button {
|
|
251
|
+
background: var(--buttonBackground) !important;
|
|
252
|
+
border-radius: 4px;
|
|
253
|
+
border: none;
|
|
254
|
+
color: #fff !important;
|
|
255
|
+
}
|
|
@@ -85,111 +85,6 @@
|
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
|
-
.blue-body {
|
|
89
|
-
font-size: #fff;
|
|
90
|
-
height: 100%;
|
|
91
|
-
background: #02355b;
|
|
92
|
-
}
|
|
93
|
-
.bludColor {
|
|
94
|
-
background: linear-gradient(0deg, #2a55e9 0%, #0dbafe 100%) !important;
|
|
95
|
-
-webkit-background-clip: text !important;
|
|
96
|
-
color: transparent !important;
|
|
97
|
-
}
|
|
98
|
-
.blue {
|
|
99
|
-
.control-container {
|
|
100
|
-
background: rgba(3, 177, 252, 0.1) !important;
|
|
101
|
-
border-radius: 2px 2px 2px 2px;
|
|
102
|
-
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
103
|
-
|
|
104
|
-
.header {
|
|
105
|
-
color: #fff;
|
|
106
|
-
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.list {
|
|
110
|
-
.ant-checkbox-wrapper {
|
|
111
|
-
color: #0d517c;
|
|
112
|
-
}
|
|
113
|
-
.ant-checkbox-checked .ant-checkbox-inner {
|
|
114
|
-
background-color: #0d517c;
|
|
115
|
-
border-color: #0d517c;
|
|
116
|
-
}
|
|
117
|
-
.ant-checkbox-checked .ant-checkbox-inner::after {
|
|
118
|
-
border-color: #000;
|
|
119
|
-
}
|
|
120
|
-
.ant-checkbox-inner::after {
|
|
121
|
-
border-color: #03b1fc !important;
|
|
122
|
-
}
|
|
123
|
-
.ant-checkbox-wrapper-checked {
|
|
124
|
-
span {
|
|
125
|
-
.bludColor();
|
|
126
|
-
}
|
|
127
|
-
.ant-checkbox-inner {
|
|
128
|
-
border: 1px solid #0faffb !important;
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.form {
|
|
134
|
-
.ant-form-item-label > label {
|
|
135
|
-
color: rgba(255, 255, 255, 0.65);
|
|
136
|
-
}
|
|
137
|
-
.time-radio-group {
|
|
138
|
-
.ant-radio-wrapper {
|
|
139
|
-
color: rgba(255, 255, 255, 0.65);
|
|
140
|
-
}
|
|
141
|
-
.ant-radio-checked .ant-radio-inner {
|
|
142
|
-
border-color: #0d517c;
|
|
143
|
-
}
|
|
144
|
-
.ant-radio-inner::after {
|
|
145
|
-
background: #0d517c;
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
.ant-picker {
|
|
149
|
-
background: transparent;
|
|
150
|
-
}
|
|
151
|
-
.ant-picker-input > input {
|
|
152
|
-
color: rgba(255, 255, 255, 0.65);
|
|
153
|
-
}
|
|
154
|
-
.ant-picker-suffix {
|
|
155
|
-
color: rgba(255, 255, 255, 0.65);
|
|
156
|
-
}
|
|
157
|
-
.ant-picker:hover,
|
|
158
|
-
.ant-picker-focused {
|
|
159
|
-
border-color: #0d517c;
|
|
160
|
-
}
|
|
161
|
-
.ant-select-selector {
|
|
162
|
-
background-color: transparent;
|
|
163
|
-
color: rgba(255, 255, 255, 0.65);
|
|
164
|
-
}
|
|
165
|
-
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
|
|
166
|
-
border-color: #0d517c;
|
|
167
|
-
}
|
|
168
|
-
.ant-btn-primary {
|
|
169
|
-
color: rgba(0, 0, 0, 0.65);
|
|
170
|
-
border-color: #0d517c;
|
|
171
|
-
background: #0d517c;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
// 日历面板
|
|
175
|
-
.date-dark {
|
|
176
|
-
:global {
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
// 下拉
|
|
180
|
-
.select-dark {
|
|
181
|
-
:global {
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
.submit-button {
|
|
187
|
-
background: linear-gradient(0deg, #2a55e9, #0dbafe) !important;
|
|
188
|
-
border-radius: 4px;
|
|
189
|
-
border: none;
|
|
190
|
-
color: #fff !important;
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
88
|
|
|
194
89
|
.vtx-bill-player {
|
|
195
90
|
.bill-tabs {
|
|
@@ -202,6 +97,9 @@
|
|
|
202
97
|
height: 100%;
|
|
203
98
|
}
|
|
204
99
|
}
|
|
100
|
+
.ant-tabs-tabpane {
|
|
101
|
+
height: 100%;
|
|
102
|
+
}
|
|
205
103
|
}
|
|
206
104
|
.ridio-list {
|
|
207
105
|
width: 100%;
|
|
@@ -286,3 +184,107 @@
|
|
|
286
184
|
}
|
|
287
185
|
}
|
|
288
186
|
}
|
|
187
|
+
|
|
188
|
+
/* 修改主题颜色修改添加以下变量颜色即可 */
|
|
189
|
+
.bill-theme[data-theme='blue'] {
|
|
190
|
+
--backgroundContainer: rgba(3, 177, 252, 0.1); // 主色块的背景颜色
|
|
191
|
+
--backgroundTable: #02355b; // 历史视频table背景颜色
|
|
192
|
+
--color: #0d517c; // 文字主要颜色
|
|
193
|
+
--borderColor: #03b1fc; // 边框主要颜色
|
|
194
|
+
--buttonBackground: linear-gradient(0deg, #2a55e9 0%, #0dbafe 100%); // 按钮背景颜色
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.bill-theme {
|
|
198
|
+
.theme-body {
|
|
199
|
+
font-size: #fff;
|
|
200
|
+
height: 100%;
|
|
201
|
+
background: var(--backgroundTable);
|
|
202
|
+
}
|
|
203
|
+
.bludColor {
|
|
204
|
+
background: var(--buttonBackground) !important;
|
|
205
|
+
-webkit-background-clip: text !important;
|
|
206
|
+
// color: transparent !important;
|
|
207
|
+
}
|
|
208
|
+
.control-container {
|
|
209
|
+
background: var(--backgroundContainer) !important;
|
|
210
|
+
border-radius: 2px 2px 2px 2px;
|
|
211
|
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
212
|
+
|
|
213
|
+
.header {
|
|
214
|
+
color: #fff;
|
|
215
|
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.list {
|
|
219
|
+
.ant-checkbox-wrapper {
|
|
220
|
+
color: var(--color);
|
|
221
|
+
}
|
|
222
|
+
.ant-checkbox-checked .ant-checkbox-inner {
|
|
223
|
+
background-color: var(--color);
|
|
224
|
+
border-color: var(--color);
|
|
225
|
+
}
|
|
226
|
+
.ant-checkbox-checked .ant-checkbox-inner::after {
|
|
227
|
+
border-color: #000;
|
|
228
|
+
}
|
|
229
|
+
.ant-checkbox-inner::after {
|
|
230
|
+
border-color: var(--borderColor) !important;
|
|
231
|
+
}
|
|
232
|
+
.ant-checkbox-wrapper-checked {
|
|
233
|
+
span {
|
|
234
|
+
.bludColor();
|
|
235
|
+
}
|
|
236
|
+
.ant-checkbox-inner {
|
|
237
|
+
border: 1px solid var(--borderColor) !important;
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.form {
|
|
243
|
+
.ant-form-item-label > label {
|
|
244
|
+
color: rgba(255, 255, 255, 0.65);
|
|
245
|
+
}
|
|
246
|
+
.time-radio-group {
|
|
247
|
+
.ant-radio-wrapper {
|
|
248
|
+
color: rgba(255, 255, 255, 0.65);
|
|
249
|
+
}
|
|
250
|
+
.ant-radio-checked .ant-radio-inner {
|
|
251
|
+
border-color: var(--color);
|
|
252
|
+
}
|
|
253
|
+
.ant-radio-inner::after {
|
|
254
|
+
background: var(--color);
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
.ant-picker {
|
|
258
|
+
background: transparent;
|
|
259
|
+
}
|
|
260
|
+
.ant-picker-input > input {
|
|
261
|
+
color: rgba(255, 255, 255, 0.65);
|
|
262
|
+
}
|
|
263
|
+
.ant-picker-suffix {
|
|
264
|
+
color: rgba(255, 255, 255, 0.65);
|
|
265
|
+
}
|
|
266
|
+
.ant-picker:hover,
|
|
267
|
+
.ant-picker-focused {
|
|
268
|
+
border-color: var(--color);
|
|
269
|
+
}
|
|
270
|
+
.ant-select-selector {
|
|
271
|
+
background-color: transparent;
|
|
272
|
+
color: rgba(255, 255, 255, 0.65);
|
|
273
|
+
}
|
|
274
|
+
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
|
|
275
|
+
border-color: var(--color);
|
|
276
|
+
}
|
|
277
|
+
.ant-btn-primary {
|
|
278
|
+
color: rgba(0, 0, 0, 0.65);
|
|
279
|
+
border-color: var(--color);
|
|
280
|
+
background: var(--color);
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
.submit-button {
|
|
285
|
+
background: var(--buttonBackground) !important;
|
|
286
|
+
border-radius: 4px;
|
|
287
|
+
border: none;
|
|
288
|
+
color: #fff !important;
|
|
289
|
+
}
|
|
290
|
+
}
|
|
@@ -84,8 +84,7 @@ var HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
84
84
|
_props$info = props.info,
|
|
85
85
|
info = _props$info === void 0 ? [] : _props$info,
|
|
86
86
|
_props$isDark = props.isDark,
|
|
87
|
-
isDark = _props$isDark === void 0 ? false : _props$isDark
|
|
88
|
-
theme = props.theme;
|
|
87
|
+
isDark = _props$isDark === void 0 ? false : _props$isDark;
|
|
89
88
|
var segmentsRef = (0, _react.useRef)(null);
|
|
90
89
|
|
|
91
90
|
var _useRequest = (0, _ahooks.useRequest)(_api.getHistoryUrl, {
|
|
@@ -349,7 +348,7 @@ var HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
349
348
|
console.log('showInfo', showInfo);
|
|
350
349
|
console.log('info', info);
|
|
351
350
|
return (0, _jsxRuntime.jsxs)("div", Object.assign({
|
|
352
|
-
className: "vtx-history-control".concat(isDark ? ' history-dark' : ''
|
|
351
|
+
className: "vtx-history-control".concat(isDark ? ' history-dark' : ''),
|
|
353
352
|
style: {
|
|
354
353
|
width: width,
|
|
355
354
|
height: height,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["DEFAULT_PLAY_PARAMS","index","url","enableAgent","startTime","endTime","channelNum","deviceId","deviceCode","deviceIp","devicePort","streamType","HistoryControl","forwardRef","props","ref","width","height","onExpandChange","onTimeChange","showInfo","onVideoClose","info","isDark","theme","segmentsRef","useRef","useRequest","getHistoryUrl","manual","runAsync","loading","getPlaybackUrlSingle","GetHKV2Url","useCollapse","defaultExpanded","getCollapseProps","getToggleProps","isExpanded","useSetState","expand","name","tableData","segmentData","list","totalUrl","timeLinePosition","playParams","state","setState","useImperativeHandle","load","channel","JSON","stringify","useEffect","then","result","_a","_b","_c","_d","Array","isArray","getUrlTableData","start","moment","beginTime","startOf","end","endOf","map","item","Object","assign","deviceName","channelName","totalTimeUrl","params","hkType","code","tenantId","getUrlParam","data","playbackUrl","message","handleExpand","handleClose","undefined","columns","title","dataIndex","key","render","_","record","active","_jsx","Button","className","onClick","children","_jsxs","_Fragment","VideoCloseIcon","VideoPlayIcon","handleTimeChange","time","speed","progress","diff","getRef","current","console","log","style","backgroundColor","PlayerHeader","onClose","Spin","spinning","size","HistoryPlayer","controlBottom","length","src","collapseBtnImg","alt","transform","TimeVerticalLine","history","getSegments","TimePositionIcon","left","TimeLine","Table","dataSource","scroll","y","pagination","rowClassName","Space","align","Tooltip","FoldIcon","ExpandIcon","displayName","getSplitLines","step","i","element","push","total","itemStart","itemEnd","itemTotal","ONEDAY_MILL","mouse","useMouse","elementX","elementY","elementW","elementH","visible","percent","valueOf","format","TimeFormat","flag","playStart","playEnd","now","begin","playUrl"],"sources":["history-control/index.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport useCollapse from 'react-collapsed';\nimport { getHistoryUrl, getPlaybackUrlSingle } from '../api';\nimport { PlayerHeader } from '../controls';\nimport HistoryPlayer from '../history-player';\nimport { ExpandIcon, FoldIcon, TimePositionIcon, VideoCloseIcon, VideoPlayIcon } from '../icons';\nimport { TimeFormat, getUrlTableData, getUrlParam } from '../utils';\nimport { useMouse, useRequest, useSetState } from 'ahooks';\n// import { Button, Space, Table, Tooltip } from 'antd';\nimport Button from 'antd/lib/button';\nimport message from 'antd/lib/message';\nimport Space from 'antd/lib/space';\nimport Spin from 'antd/lib/spin';\nimport Table from 'antd/lib/table';\nimport Tooltip from 'antd/lib/tooltip';\nimport moment from 'moment';\nimport collapseBtnImg from './images/collapse.png';\n/** 默认播放器参数 */\nconst DEFAULT_PLAY_PARAMS = {\n index: -1,\n url: '',\n enableAgent: false,\n startTime: '',\n endTime: '',\n channelNum: '',\n deviceId: '',\n deviceCode: '',\n deviceIp: '',\n devicePort: '',\n streamType: '0'\n};\n/**\n * 历史视频控制器\n */\nexport const HistoryControl = forwardRef((props, ref) => {\n const { width = '100%', height = '100%', onExpandChange, onTimeChange, showInfo = false, onVideoClose, info = [], isDark = false, theme } = props;\n const segmentsRef = useRef(null);\n const { runAsync, loading } = useRequest(getHistoryUrl, {\n manual: true,\n });\n const { runAsync: GetHKV2Url } = useRequest(getPlaybackUrlSingle, {\n manual: true,\n });\n const { getCollapseProps, getToggleProps, isExpanded } = useCollapse({\n defaultExpanded: true, // 默认展开\n });\n const [state, setState] = useSetState({\n expand: true,\n name: '',\n tableData: [],\n segmentData: { list: [] },\n totalUrl: '',\n timeLinePosition: -1,\n playParams: DEFAULT_PLAY_PARAMS,\n });\n useImperativeHandle(ref, () => {\n return {\n load: (channel) => {\n if (JSON.stringify(channel) !== JSON.stringify(state.channel)) {\n setState({ channel, timeLinePosition: -1 });\n }\n },\n };\n });\n useEffect(() => {\n if (state.channel) {\n runAsync(state.channel).then((result) => {\n var _a, _b, _c, _d;\n // 如果没有list,只有url,则直接播放url\n if (Array.isArray(result === null || result === void 0 ? void 0 : result.list)) {\n const tableData = getUrlTableData(result);\n const segmentData = {\n list: result.list,\n start: moment((_a = state.channel) === null || _a === void 0 ? void 0 : _a.beginTime).startOf('day'),\n end: moment((_b = state.channel) === null || _b === void 0 ? void 0 : _b.endTime).endOf('day'),\n };\n setState({\n tableData: tableData.map(item => (Object.assign(Object.assign({}, item), { enableAgent: result.enableAgent || false }))),\n segmentData,\n name: `${result.deviceName}-${result.channelName}`,\n totalUrl: result.totalTimeUrl,\n });\n }\n else if (result.totalTimeUrl) {\n const params = {\n tableData: [],\n segmentData: { list: [] },\n name: `${result.deviceName}-${result.channelName}`,\n totalUrl: result.totalTimeUrl,\n playParams: {\n index: 0,\n enableAgent: (result === null || result === void 0 ? void 0 : result.enableAgent) || false,\n url: result.totalTimeUrl,\n startTime: ((_c = state.channel) === null || _c === void 0 ? void 0 : _c.beginTime) || '',\n endTime: ((_d = state.channel) === null || _d === void 0 ? void 0 : _d.endTime) || '',\n channelNum: result.channelNum,\n deviceCode: result.deviceCode,\n deviceIp: result.deviceIp,\n deviceId: result.deviceId,\n devicePort: result.devicePort,\n streamType: result.streamType\n },\n };\n if (result.hkType === 'HK_CAR_CLOUD_V2') {\n GetHKV2Url({\n code: result.code,\n beginTime: result.beginTime,\n endTime: result.endTime,\n deviceId: result.deviceId,\n channelNum: result.channelNum,\n tenantId: getUrlParam('tenantId'),\n }).then((data) => {\n params.playParams.url = data.playbackUrl;\n setState(params);\n });\n }\n else {\n setState(params);\n }\n }\n else {\n message.info('未查询到视频');\n setState({\n tableData: [],\n segmentData: { list: [] },\n name: ``,\n playParams: DEFAULT_PLAY_PARAMS,\n });\n }\n });\n return () => {\n setState({\n tableData: [],\n segmentData: { list: [] },\n name: ``,\n playParams: DEFAULT_PLAY_PARAMS,\n });\n };\n }\n }, [state.channel]);\n const handleExpand = () => {\n onExpandChange && onExpandChange(!state.expand);\n setState({ expand: !state.expand });\n };\n const handleClose = () => {\n setState({ channel: undefined, timeLinePosition: -1 });\n onVideoClose && onVideoClose();\n };\n const columns = [\n {\n title: '序号',\n dataIndex: 'index',\n width: 60,\n },\n {\n title: '播放视频',\n key: 'play',\n width: 90,\n render: (_, record, index) => {\n const active = state.playParams.index === index;\n return (_jsx(Button, Object.assign({ className: `play-btn ${active ? 'active' : ''}`, onClick: () => {\n if (active) {\n setState({\n playParams: DEFAULT_PLAY_PARAMS,\n timeLinePosition: -1,\n });\n onVideoClose && onVideoClose();\n }\n else {\n const url = record.url || state.totalUrl;\n const params = {\n index,\n url,\n enableAgent: record.enableAgent || false,\n startTime: record.beginTime,\n endTime: record.endTime,\n channelNum: record.channelNum,\n deviceCode: record.deviceCode,\n streamType: record.streamType,\n deviceIp: record.deviceIp,\n devicePort: record.devicePort,\n deviceId: record.deviceId\n };\n if (record.hkType === 'HK_CAR_CLOUD_V2') {\n GetHKV2Url({\n code: record.code,\n beginTime: record.beginTime,\n endTime: record.endTime,\n deviceId: record.deviceId,\n channelNum: record.channelNum,\n tenantId: getUrlParam('tenantId'),\n }).then((data) => {\n setState({\n playParams: Object.assign(Object.assign({}, params), { url: data.playbackUrl })\n });\n });\n }\n else {\n setState({\n playParams: params\n });\n }\n }\n } }, { children: active ? (_jsxs(_Fragment, { children: [_jsx(VideoCloseIcon, { active: true }), \"\\u5173\\u95ED\"] })) : (_jsxs(_Fragment, { children: [_jsx(VideoPlayIcon, {}), \"\\u64AD\\u653E\"] })) })));\n },\n },\n // {\n // title: '设备名称',\n // dataIndex: 'deviceName',\n // },\n // {\n // title: '通道名称',\n // dataIndex: 'channelName',\n // },\n {\n title: '开始时间',\n dataIndex: 'beginTime',\n width: 170,\n },\n {\n title: '结束时间',\n dataIndex: 'endTime',\n width: 170,\n },\n {\n title: '持续时间',\n width: 120,\n dataIndex: 'duration',\n },\n {\n title: '视频大小',\n width: 100,\n dataIndex: 'size',\n },\n ];\n const handleTimeChange = (time, speed) => {\n var _a;\n onTimeChange && onTimeChange(time, speed);\n // 计算播放时间占起始时间当日的百分比\n const progress = (moment(time).diff(moment((_a = state.channel) === null || _a === void 0 ? void 0 : _a.beginTime).startOf('day'), 'seconds') /\n (24 * 60 * 60)) *\n 100;\n setState({ timeLinePosition: progress });\n };\n const getRef = () => {\n return segmentsRef.current;\n };\n console.log('state.playParams,', state.playParams);\n console.log('isExpanded', isExpanded);\n console.log('showInfo', showInfo);\n console.log('info', info);\n return (_jsxs(\"div\", Object.assign({ className: `vtx-history-control${isDark ? ' history-dark' : ''} ${theme}`, style: { width, height, backgroundColor: isDark ? 'rgba(0,59,64,0.3)' : '#2b3d51' } }, { children: [state.name && _jsx(PlayerHeader, { name: state.name, onClose: handleClose }), _jsx(Spin, { spinning: loading, className: \"vtx-spin\", size: \"large\" }), _jsx(\"div\", Object.assign({ className: \"player-container\" }, { children: state.playParams.url && (_jsx(HistoryPlayer, Object.assign({}, state.playParams, { controlBottom: isExpanded ? 235 : 0, onTimeChange: handleTimeChange, showInfo: showInfo, info: info }))) })), state.tableData && state.tableData.length > 0 && (_jsxs(\"div\", Object.assign({ className: \"collapse-controls\" }, { children: [_jsx(\"div\", Object.assign({ className: \"action-bar\" }, getToggleProps({}), { children: _jsx(\"img\", { src: collapseBtnImg, alt: \"\", style: { transform: `rotate(${isExpanded ? 180 : 0}deg)` } }) })), _jsx(\"section\", Object.assign({ className: \"collapse-panel-container\" }, getCollapseProps(), { children: _jsxs(\"div\", Object.assign({ className: \"panels\" }, { children: [_jsxs(\"div\", Object.assign({ className: \"time-panel\" }, { children: [_jsxs(\"div\", Object.assign({ className: \"segments\", ref: segmentsRef }, { children: [_jsx(TimeVerticalLine, { getRef: getRef, history: state.segmentData, totalUrl: state.totalUrl, setState: setState }), getSegments(state.segmentData)] })), state.timeLinePosition >= 0 && (_jsx(TimePositionIcon, { className: \"time-line-icon\", style: { left: `${state.timeLinePosition}%` } })), _jsx(TimeLine, {})] })), _jsx(\"div\", Object.assign({ className: \"urls-panel\" }, { children: _jsx(Table, { className: \"history-url-table\", columns: columns, dataSource: state.tableData, scroll: { y: 100 }, pagination: false, rowClassName: (_, index) => index === state.playParams.index ? 'active' : '' }) }))] })) }))] }))), _jsx(\"div\", Object.assign({ className: \"bottom-controls\" }, { children: _jsx(Space, Object.assign({ className: \"left\", size: 12, align: \"center\" }, { children: onExpandChange && (_jsx(Tooltip, Object.assign({ title: state.expand ? '收起' : '展开' }, { children: _jsx(\"div\", Object.assign({ onClick: handleExpand }, { children: state.expand ? _jsx(FoldIcon, {}) : _jsx(ExpandIcon, {}) })) }))) })) }))] })));\n});\nHistoryControl.displayName = 'HistoryControl';\nconst TimeLine = () => {\n const getSplitLines = () => {\n const result = [];\n const step = 100 / 24;\n for (let i = 0; i < 25; i++) {\n const element = (_jsx(\"div\", Object.assign({ className: \"line\", style: { left: `${step * i}%` } }, { children: _jsx(\"div\", Object.assign({ className: \"number\" }, { children: i >= 10 ? i : '0' + i })) }), i));\n result.push(element);\n }\n return result;\n };\n return (_jsxs(\"div\", Object.assign({ className: \"time-axis\" }, { children: [_jsx(\"div\", { className: \"axis\" }), _jsx(\"div\", Object.assign({ className: \"split-lines\" }, { children: getSplitLines() }))] })));\n};\nconst getSegments = (props) => {\n const { list, start, end } = props;\n const startTime = moment(start);\n const endTime = moment(end);\n const total = endTime.diff(startTime, 'seconds'); // 总时间\n const result = list.map((i) => {\n const itemStart = moment(i.beginTime).diff(startTime, 'seconds') > 0 ? moment(i.beginTime) : startTime;\n const itemEnd = moment(i.endTime);\n const itemTotal = itemEnd.diff(itemStart, 'seconds'); // 分段总时间\n const width = (itemTotal / total) * 100; // 分段时间占总时间百分比\n const left = (itemStart.diff(startTime, 'seconds') / total) * 100; // 分段其实时间\n return (_jsx(\"div\", { className: \"segment\", style: { width: `${width}%`, left: `${left < 0 ? 0 : left}%` } }, i.beginTime));\n });\n return result;\n};\nconst ONEDAY_MILL = 24 * 60 * 60 * 1000;\nconst TimeVerticalLine = ({ getRef, history, totalUrl, setState, }) => {\n var _a;\n const mouse = useMouse(getRef());\n const { elementX, elementY, elementW, elementH } = mouse;\n const visible = elementX >= 0 && elementY >= 0 && elementX <= elementW && elementY <= elementH;\n // 计算elementX在整个宽度的占比,根据占比在一天中的比例算出具体时间,最后判断这个时间是否在某段视频中。在则显示提示时间。\n const percent = elementX / elementW;\n const time = moment(moment(history.start).valueOf() + percent * ONEDAY_MILL).format(TimeFormat.params);\n let flag = false, url, playStart = -1, playEnd = -1, index = -1;\n const now = moment(time).valueOf();\n for (let i = 0; i < ((_a = history.list) === null || _a === void 0 ? void 0 : _a.length); i++) {\n const begin = moment(history.list[i].beginTime).valueOf(), end = moment(history.list[i].endTime).valueOf();\n if (now >= begin && now <= end) {\n index = i;\n url = history.list[i].playbackUrl;\n playStart = now;\n playEnd = end;\n flag = true;\n break;\n }\n }\n const onClick = () => {\n const playUrl = url || totalUrl;\n setState({\n playParams: {\n index,\n url: playUrl,\n startTime: playStart,\n endTime: playEnd,\n },\n });\n };\n return visible ? (flag ? (_jsx(Tooltip, Object.assign({ title: time }, { children: _jsx(\"div\", { className: \"timeline\", style: { left: elementX }, onClick: onClick }) }))) : (_jsx(\"div\", { className: \"timeline\", style: { left: elementX }, onClick: onClick }))) : (_jsx(_Fragment, {}));\n};\nexport default HistoryControl;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["DEFAULT_PLAY_PARAMS","index","url","enableAgent","startTime","endTime","channelNum","deviceId","deviceCode","deviceIp","devicePort","streamType","HistoryControl","forwardRef","props","ref","width","height","onExpandChange","onTimeChange","showInfo","onVideoClose","info","isDark","segmentsRef","useRef","useRequest","getHistoryUrl","manual","runAsync","loading","getPlaybackUrlSingle","GetHKV2Url","useCollapse","defaultExpanded","getCollapseProps","getToggleProps","isExpanded","useSetState","expand","name","tableData","segmentData","list","totalUrl","timeLinePosition","playParams","state","setState","useImperativeHandle","load","channel","JSON","stringify","useEffect","then","result","_a","_b","_c","_d","Array","isArray","getUrlTableData","start","moment","beginTime","startOf","end","endOf","map","item","Object","assign","deviceName","channelName","totalTimeUrl","params","hkType","code","tenantId","getUrlParam","data","playbackUrl","message","handleExpand","handleClose","undefined","columns","title","dataIndex","key","render","_","record","active","_jsx","Button","className","onClick","children","_jsxs","_Fragment","VideoCloseIcon","VideoPlayIcon","handleTimeChange","time","speed","progress","diff","getRef","current","console","log","style","backgroundColor","PlayerHeader","onClose","Spin","spinning","size","HistoryPlayer","controlBottom","length","src","collapseBtnImg","alt","transform","TimeVerticalLine","history","getSegments","TimePositionIcon","left","TimeLine","Table","dataSource","scroll","y","pagination","rowClassName","Space","align","Tooltip","FoldIcon","ExpandIcon","displayName","getSplitLines","step","i","element","push","total","itemStart","itemEnd","itemTotal","ONEDAY_MILL","mouse","useMouse","elementX","elementY","elementW","elementH","visible","percent","valueOf","format","TimeFormat","flag","playStart","playEnd","now","begin","playUrl"],"sources":["history-control/index.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport useCollapse from 'react-collapsed';\nimport { getHistoryUrl, getPlaybackUrlSingle } from '../api';\nimport { PlayerHeader } from '../controls';\nimport HistoryPlayer from '../history-player';\nimport { ExpandIcon, FoldIcon, TimePositionIcon, VideoCloseIcon, VideoPlayIcon } from '../icons';\nimport { TimeFormat, getUrlTableData, getUrlParam } from '../utils';\nimport { useMouse, useRequest, useSetState } from 'ahooks';\n// import { Button, Space, Table, Tooltip } from 'antd';\nimport Button from 'antd/lib/button';\nimport message from 'antd/lib/message';\nimport Space from 'antd/lib/space';\nimport Spin from 'antd/lib/spin';\nimport Table from 'antd/lib/table';\nimport Tooltip from 'antd/lib/tooltip';\nimport moment from 'moment';\nimport collapseBtnImg from './images/collapse.png';\n/** 默认播放器参数 */\nconst DEFAULT_PLAY_PARAMS = {\n index: -1,\n url: '',\n enableAgent: false,\n startTime: '',\n endTime: '',\n channelNum: '',\n deviceId: '',\n deviceCode: '',\n deviceIp: '',\n devicePort: '',\n streamType: '0'\n};\n/**\n * 历史视频控制器\n */\nexport const HistoryControl = forwardRef((props, ref) => {\n const { width = '100%', height = '100%', onExpandChange, onTimeChange, showInfo = false, onVideoClose, info = [], isDark = false, } = props;\n const segmentsRef = useRef(null);\n const { runAsync, loading } = useRequest(getHistoryUrl, {\n manual: true,\n });\n const { runAsync: GetHKV2Url } = useRequest(getPlaybackUrlSingle, {\n manual: true,\n });\n const { getCollapseProps, getToggleProps, isExpanded } = useCollapse({\n defaultExpanded: true, // 默认展开\n });\n const [state, setState] = useSetState({\n expand: true,\n name: '',\n tableData: [],\n segmentData: { list: [] },\n totalUrl: '',\n timeLinePosition: -1,\n playParams: DEFAULT_PLAY_PARAMS,\n });\n useImperativeHandle(ref, () => {\n return {\n load: (channel) => {\n if (JSON.stringify(channel) !== JSON.stringify(state.channel)) {\n setState({ channel, timeLinePosition: -1 });\n }\n },\n };\n });\n useEffect(() => {\n if (state.channel) {\n runAsync(state.channel).then((result) => {\n var _a, _b, _c, _d;\n // 如果没有list,只有url,则直接播放url\n if (Array.isArray(result === null || result === void 0 ? void 0 : result.list)) {\n const tableData = getUrlTableData(result);\n const segmentData = {\n list: result.list,\n start: moment((_a = state.channel) === null || _a === void 0 ? void 0 : _a.beginTime).startOf('day'),\n end: moment((_b = state.channel) === null || _b === void 0 ? void 0 : _b.endTime).endOf('day'),\n };\n setState({\n tableData: tableData.map(item => (Object.assign(Object.assign({}, item), { enableAgent: result.enableAgent || false }))),\n segmentData,\n name: `${result.deviceName}-${result.channelName}`,\n totalUrl: result.totalTimeUrl,\n });\n }\n else if (result.totalTimeUrl) {\n const params = {\n tableData: [],\n segmentData: { list: [] },\n name: `${result.deviceName}-${result.channelName}`,\n totalUrl: result.totalTimeUrl,\n playParams: {\n index: 0,\n enableAgent: (result === null || result === void 0 ? void 0 : result.enableAgent) || false,\n url: result.totalTimeUrl,\n startTime: ((_c = state.channel) === null || _c === void 0 ? void 0 : _c.beginTime) || '',\n endTime: ((_d = state.channel) === null || _d === void 0 ? void 0 : _d.endTime) || '',\n channelNum: result.channelNum,\n deviceCode: result.deviceCode,\n deviceIp: result.deviceIp,\n deviceId: result.deviceId,\n devicePort: result.devicePort,\n streamType: result.streamType\n },\n };\n if (result.hkType === 'HK_CAR_CLOUD_V2') {\n GetHKV2Url({\n code: result.code,\n beginTime: result.beginTime,\n endTime: result.endTime,\n deviceId: result.deviceId,\n channelNum: result.channelNum,\n tenantId: getUrlParam('tenantId'),\n }).then((data) => {\n params.playParams.url = data.playbackUrl;\n setState(params);\n });\n }\n else {\n setState(params);\n }\n }\n else {\n message.info('未查询到视频');\n setState({\n tableData: [],\n segmentData: { list: [] },\n name: ``,\n playParams: DEFAULT_PLAY_PARAMS,\n });\n }\n });\n return () => {\n setState({\n tableData: [],\n segmentData: { list: [] },\n name: ``,\n playParams: DEFAULT_PLAY_PARAMS,\n });\n };\n }\n }, [state.channel]);\n const handleExpand = () => {\n onExpandChange && onExpandChange(!state.expand);\n setState({ expand: !state.expand });\n };\n const handleClose = () => {\n setState({ channel: undefined, timeLinePosition: -1 });\n onVideoClose && onVideoClose();\n };\n const columns = [\n {\n title: '序号',\n dataIndex: 'index',\n width: 60,\n },\n {\n title: '播放视频',\n key: 'play',\n width: 90,\n render: (_, record, index) => {\n const active = state.playParams.index === index;\n return (_jsx(Button, Object.assign({ className: `play-btn ${active ? 'active' : ''}`, onClick: () => {\n if (active) {\n setState({\n playParams: DEFAULT_PLAY_PARAMS,\n timeLinePosition: -1,\n });\n onVideoClose && onVideoClose();\n }\n else {\n const url = record.url || state.totalUrl;\n const params = {\n index,\n url,\n enableAgent: record.enableAgent || false,\n startTime: record.beginTime,\n endTime: record.endTime,\n channelNum: record.channelNum,\n deviceCode: record.deviceCode,\n streamType: record.streamType,\n deviceIp: record.deviceIp,\n devicePort: record.devicePort,\n deviceId: record.deviceId\n };\n if (record.hkType === 'HK_CAR_CLOUD_V2') {\n GetHKV2Url({\n code: record.code,\n beginTime: record.beginTime,\n endTime: record.endTime,\n deviceId: record.deviceId,\n channelNum: record.channelNum,\n tenantId: getUrlParam('tenantId'),\n }).then((data) => {\n setState({\n playParams: Object.assign(Object.assign({}, params), { url: data.playbackUrl })\n });\n });\n }\n else {\n setState({\n playParams: params\n });\n }\n }\n } }, { children: active ? (_jsxs(_Fragment, { children: [_jsx(VideoCloseIcon, { active: true }), \"\\u5173\\u95ED\"] })) : (_jsxs(_Fragment, { children: [_jsx(VideoPlayIcon, {}), \"\\u64AD\\u653E\"] })) })));\n },\n },\n // {\n // title: '设备名称',\n // dataIndex: 'deviceName',\n // },\n // {\n // title: '通道名称',\n // dataIndex: 'channelName',\n // },\n {\n title: '开始时间',\n dataIndex: 'beginTime',\n width: 170,\n },\n {\n title: '结束时间',\n dataIndex: 'endTime',\n width: 170,\n },\n {\n title: '持续时间',\n width: 120,\n dataIndex: 'duration',\n },\n {\n title: '视频大小',\n width: 100,\n dataIndex: 'size',\n },\n ];\n const handleTimeChange = (time, speed) => {\n var _a;\n onTimeChange && onTimeChange(time, speed);\n // 计算播放时间占起始时间当日的百分比\n const progress = (moment(time).diff(moment((_a = state.channel) === null || _a === void 0 ? void 0 : _a.beginTime).startOf('day'), 'seconds') /\n (24 * 60 * 60)) *\n 100;\n setState({ timeLinePosition: progress });\n };\n const getRef = () => {\n return segmentsRef.current;\n };\n console.log('state.playParams,', state.playParams);\n console.log('isExpanded', isExpanded);\n console.log('showInfo', showInfo);\n console.log('info', info);\n return (_jsxs(\"div\", Object.assign({ className: `vtx-history-control${isDark ? ' history-dark' : ''}`, style: { width, height, backgroundColor: isDark ? 'rgba(0,59,64,0.3)' : '#2b3d51' } }, { children: [state.name && _jsx(PlayerHeader, { name: state.name, onClose: handleClose }), _jsx(Spin, { spinning: loading, className: \"vtx-spin\", size: \"large\" }), _jsx(\"div\", Object.assign({ className: \"player-container\" }, { children: state.playParams.url && (_jsx(HistoryPlayer, Object.assign({}, state.playParams, { controlBottom: isExpanded ? 235 : 0, onTimeChange: handleTimeChange, showInfo: showInfo, info: info }))) })), state.tableData && state.tableData.length > 0 && (_jsxs(\"div\", Object.assign({ className: \"collapse-controls\" }, { children: [_jsx(\"div\", Object.assign({ className: \"action-bar\" }, getToggleProps({}), { children: _jsx(\"img\", { src: collapseBtnImg, alt: \"\", style: { transform: `rotate(${isExpanded ? 180 : 0}deg)` } }) })), _jsx(\"section\", Object.assign({ className: \"collapse-panel-container\" }, getCollapseProps(), { children: _jsxs(\"div\", Object.assign({ className: \"panels\" }, { children: [_jsxs(\"div\", Object.assign({ className: \"time-panel\" }, { children: [_jsxs(\"div\", Object.assign({ className: \"segments\", ref: segmentsRef }, { children: [_jsx(TimeVerticalLine, { getRef: getRef, history: state.segmentData, totalUrl: state.totalUrl, setState: setState }), getSegments(state.segmentData)] })), state.timeLinePosition >= 0 && (_jsx(TimePositionIcon, { className: \"time-line-icon\", style: { left: `${state.timeLinePosition}%` } })), _jsx(TimeLine, {})] })), _jsx(\"div\", Object.assign({ className: \"urls-panel\" }, { children: _jsx(Table, { className: \"history-url-table\", columns: columns, dataSource: state.tableData, scroll: { y: 100 }, pagination: false, rowClassName: (_, index) => index === state.playParams.index ? 'active' : '' }) }))] })) }))] }))), _jsx(\"div\", Object.assign({ className: \"bottom-controls\" }, { children: _jsx(Space, Object.assign({ className: \"left\", size: 12, align: \"center\" }, { children: onExpandChange && (_jsx(Tooltip, Object.assign({ title: state.expand ? '收起' : '展开' }, { children: _jsx(\"div\", Object.assign({ onClick: handleExpand }, { children: state.expand ? _jsx(FoldIcon, {}) : _jsx(ExpandIcon, {}) })) }))) })) }))] })));\n});\nHistoryControl.displayName = 'HistoryControl';\nconst TimeLine = () => {\n const getSplitLines = () => {\n const result = [];\n const step = 100 / 24;\n for (let i = 0; i < 25; i++) {\n const element = (_jsx(\"div\", Object.assign({ className: \"line\", style: { left: `${step * i}%` } }, { children: _jsx(\"div\", Object.assign({ className: \"number\" }, { children: i >= 10 ? i : '0' + i })) }), i));\n result.push(element);\n }\n return result;\n };\n return (_jsxs(\"div\", Object.assign({ className: \"time-axis\" }, { children: [_jsx(\"div\", { className: \"axis\" }), _jsx(\"div\", Object.assign({ className: \"split-lines\" }, { children: getSplitLines() }))] })));\n};\nconst getSegments = (props) => {\n const { list, start, end } = props;\n const startTime = moment(start);\n const endTime = moment(end);\n const total = endTime.diff(startTime, 'seconds'); // 总时间\n const result = list.map((i) => {\n const itemStart = moment(i.beginTime).diff(startTime, 'seconds') > 0 ? moment(i.beginTime) : startTime;\n const itemEnd = moment(i.endTime);\n const itemTotal = itemEnd.diff(itemStart, 'seconds'); // 分段总时间\n const width = (itemTotal / total) * 100; // 分段时间占总时间百分比\n const left = (itemStart.diff(startTime, 'seconds') / total) * 100; // 分段其实时间\n return (_jsx(\"div\", { className: \"segment\", style: { width: `${width}%`, left: `${left < 0 ? 0 : left}%` } }, i.beginTime));\n });\n return result;\n};\nconst ONEDAY_MILL = 24 * 60 * 60 * 1000;\nconst TimeVerticalLine = ({ getRef, history, totalUrl, setState, }) => {\n var _a;\n const mouse = useMouse(getRef());\n const { elementX, elementY, elementW, elementH } = mouse;\n const visible = elementX >= 0 && elementY >= 0 && elementX <= elementW && elementY <= elementH;\n // 计算elementX在整个宽度的占比,根据占比在一天中的比例算出具体时间,最后判断这个时间是否在某段视频中。在则显示提示时间。\n const percent = elementX / elementW;\n const time = moment(moment(history.start).valueOf() + percent * ONEDAY_MILL).format(TimeFormat.params);\n let flag = false, url, playStart = -1, playEnd = -1, index = -1;\n const now = moment(time).valueOf();\n for (let i = 0; i < ((_a = history.list) === null || _a === void 0 ? void 0 : _a.length); i++) {\n const begin = moment(history.list[i].beginTime).valueOf(), end = moment(history.list[i].endTime).valueOf();\n if (now >= begin && now <= end) {\n index = i;\n url = history.list[i].playbackUrl;\n playStart = now;\n playEnd = end;\n flag = true;\n break;\n }\n }\n const onClick = () => {\n const playUrl = url || totalUrl;\n setState({\n playParams: {\n index,\n url: playUrl,\n startTime: playStart,\n endTime: playEnd,\n },\n });\n };\n return visible ? (flag ? (_jsx(Tooltip, Object.assign({ title: time }, { children: _jsx(\"div\", { className: \"timeline\", style: { left: elementX }, onClick: onClick }) }))) : (_jsx(\"div\", { className: \"timeline\", style: { left: elementX }, onClick: onClick }))) : (_jsx(_Fragment, {}));\n};\nexport default HistoryControl;\n"],"mappings":"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"}
|
|
@@ -205,18 +205,21 @@
|
|
|
205
205
|
color: #177ddc;
|
|
206
206
|
border-color: #177ddc;
|
|
207
207
|
}
|
|
208
|
-
.
|
|
209
|
-
background:
|
|
208
|
+
.theme-body .bottom-controls {
|
|
209
|
+
background: var(--backgroundContainer) !important;
|
|
210
210
|
}
|
|
211
|
-
.
|
|
212
|
-
background:
|
|
211
|
+
.theme-body .vtx-history-control {
|
|
212
|
+
background: var(--backgroundContainer);
|
|
213
213
|
}
|
|
214
|
-
.
|
|
215
|
-
|
|
214
|
+
.theme-body .vtx-player-header {
|
|
215
|
+
width: 100%;
|
|
216
|
+
padding: 5px 15px;
|
|
217
|
+
background: var(--backgroundContainer);
|
|
218
|
+
color: var(--borderColor);
|
|
216
219
|
}
|
|
217
|
-
.
|
|
218
|
-
background:
|
|
220
|
+
.theme-body .collapse-controls {
|
|
221
|
+
background: var(--backgroundTable);
|
|
219
222
|
}
|
|
220
|
-
.
|
|
221
|
-
background:
|
|
223
|
+
.theme-body .collapse-controls .panels {
|
|
224
|
+
background: var(--backgroundContainer) !important;
|
|
222
225
|
}
|
|
@@ -230,21 +230,23 @@
|
|
|
230
230
|
}
|
|
231
231
|
}
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.theme-body {
|
|
234
234
|
.bottom-controls {
|
|
235
|
-
background:
|
|
236
|
-
// background-color: red !important;
|
|
235
|
+
background: var(--backgroundContainer) !important;
|
|
237
236
|
}
|
|
238
237
|
.vtx-history-control {
|
|
239
|
-
background:
|
|
238
|
+
background: var(--backgroundContainer);
|
|
240
239
|
}
|
|
241
240
|
.vtx-player-header {
|
|
242
|
-
|
|
241
|
+
width: 100%;
|
|
242
|
+
padding: 5px 15px;
|
|
243
|
+
background: var(--backgroundContainer);
|
|
244
|
+
color: var(--borderColor);
|
|
243
245
|
}
|
|
244
246
|
.collapse-controls {
|
|
245
|
-
background:
|
|
247
|
+
background: var(--backgroundTable);
|
|
246
248
|
.panels {
|
|
247
|
-
background:
|
|
249
|
+
background: var(--backgroundContainer) !important;
|
|
248
250
|
}
|
|
249
251
|
}
|
|
250
252
|
}
|
|
@@ -10,17 +10,17 @@
|
|
|
10
10
|
.live-dark .control-icon.active {
|
|
11
11
|
fill: #95fff9;
|
|
12
12
|
}
|
|
13
|
-
.
|
|
14
|
-
background:
|
|
13
|
+
.theme-body .grid-item-container {
|
|
14
|
+
background: var(--backgroundContainer) !important;
|
|
15
15
|
}
|
|
16
|
-
.
|
|
17
|
-
background:
|
|
16
|
+
.theme-body .controls {
|
|
17
|
+
background: var(--backgroundContainer) !important;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
20
|
-
fill:
|
|
19
|
+
.theme-body .control-icon:hover {
|
|
20
|
+
fill: var(--borderColor);
|
|
21
21
|
}
|
|
22
|
-
.
|
|
23
|
-
fill:
|
|
22
|
+
.theme-body .control-icon.active {
|
|
23
|
+
fill: var(--borderColor);
|
|
24
24
|
}
|
|
25
25
|
.vtx-live-control {
|
|
26
26
|
display: -webkit-box;
|
|
@@ -15,20 +15,20 @@
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
.theme-body {
|
|
19
19
|
.grid-item-container {
|
|
20
|
-
background:
|
|
20
|
+
background: var(--backgroundContainer) !important;
|
|
21
21
|
}
|
|
22
22
|
.controls {
|
|
23
|
-
background:
|
|
23
|
+
background: var(--backgroundContainer) !important;
|
|
24
24
|
}
|
|
25
25
|
.control-icon {
|
|
26
26
|
&:hover {
|
|
27
|
-
fill:
|
|
27
|
+
fill: var(--borderColor);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
&.active {
|
|
31
|
-
fill:
|
|
31
|
+
fill: var(--borderColor);
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
}
|