@vtx/player 0.0.16 → 0.0.17

package/lib/history-control/index.js

@@ -25,8 +25,12 @@ var _ahooks = require("ahooks");
 
 var _button = _interopRequireDefault(require("antd/lib/button"));
 
+var _message = _interopRequireDefault(require("antd/lib/message"));
+
 var _space = _interopRequireDefault(require("antd/lib/space"));
 
+var _spin = _interopRequireDefault(require("antd/lib/spin"));
+
 var _table = _interopRequireDefault(require("antd/lib/table"));
 
 var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
@@ -76,7 +80,8 @@ var HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _useRequest = (0, _ahooks.useRequest)(_api.getHistoryUrl, {
     manual: true
   }),
-      runAsync = _useRequest.runAsync;
+      runAsync = _useRequest.runAsync,
+      loading = _useRequest.loading;
 
   var _useCollapse = (0, _reactCollapsed["default"])({
     defaultExpanded: true // 默认展开
@@ -148,6 +153,8 @@ var HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
             }
           });
         } else {
+          _message["default"].info('未查询到视频');
+
           setState({
             tableData: [],
             segmentData: {
@@ -276,6 +283,10 @@ var HistoryControl = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     children: [state.name && (0, _jsxRuntime.jsx)(_controls.PlayerHeader, {
       name: state.name,
       onClose: handleClose
+    }), (0, _jsxRuntime.jsx)(_spin["default"], {
+      spinning: loading,
+      className: "vtx-spin",
+      size: "large"
     }), (0, _jsxRuntime.jsx)("div", Object.assign({
       className: "player-container"
     }, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DEFAULT_PLAY_PARAMS","index","url","startTime","endTime","HistoryControl","forwardRef","props","ref","width","height","onExpandChange","onTimeChange","showInfo","info","segmentsRef","useRef","useRequest","getHistoryUrl","manual","runAsync","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","deviceName","channelName","totalTimeUrl","handleExpand","handleClose","undefined","columns","title","dataIndex","key","render","_","record","active","_jsx","Button","Object","assign","className","onClick","children","_jsxs","_Fragment","VideoCloseIcon","VideoPlayIcon","handleTimeChange","time","speed","progress","diff","getRef","current","style","PlayerHeader","onClose","HistoryPlayer","controlBottom","length","src","collapseBtnImg","alt","transform","TimeVerticalLine","history","getSegments","TimePositionIcon","left","TimeLine","Table","dataSource","scroll","y","pagination","rowClassName","Space","size","align","Tooltip","FoldIcon","ExpandIcon","displayName","getSplitLines","step","i","element","push","total","map","itemStart","itemEnd","itemTotal","ONEDAY_MILL","mouse","useMouse","elementX","elementY","elementW","elementH","visible","percent","valueOf","format","TimeFormat","params","flag","playStart","playEnd","now","begin","playbackUrl","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 } from '../api';\nimport { PlayerHeader } from '../controls';\nimport HistoryPlayer from '../history-player';\nimport { ExpandIcon, FoldIcon, TimePositionIcon, VideoCloseIcon, VideoPlayIcon } from '../icons';\nimport { TimeFormat, getUrlTableData } from '../utils';\nimport { useMouse, useRequest, useSetState } from 'ahooks';\n// import { Button, Space, Table, Tooltip } from 'antd';\nimport Button from 'antd/lib/button';\nimport Space from 'antd/lib/space';\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    startTime: '',\n    endTime: '',\n};\n/**\n * 历史视频控制器\n */\nexport const HistoryControl = forwardRef((props, ref) => {\n    const { width = '100%', height = '100%', onExpandChange, onTimeChange, showInfo = false, info = [], } = props;\n    const segmentsRef = useRef(null);\n    const { runAsync } = useRequest(getHistoryUrl, {\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.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,\n                        segmentData,\n                        name: `${result.deviceName}-${result.channelName}`,\n                        totalUrl: result.totalTimeUrl,\n                    });\n                }\n                else if (result.totalTimeUrl) {\n                    setState({\n                        tableData: [],\n                        segmentData: { list: [] },\n                        name: `${result.deviceName}-${result.channelName}`,\n                        totalUrl: result.totalTimeUrl,\n                        playParams: {\n                            index: 0,\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                        },\n                    });\n                }\n                else {\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    };\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                        }\n                        else {\n                            const url = record.url || state.totalUrl;\n                            setState({\n                                playParams: {\n                                    index,\n                                    url,\n                                    startTime: record.beginTime,\n                                    endTime: record.endTime,\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    return (_jsxs(\"div\", Object.assign({ className: \"vtx-history-control\", style: { width, height } }, { children: [state.name && _jsx(PlayerHeader, { name: state.name, onClose: handleClose }), _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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"}
+{"version":3,"file":"index.js","names":["DEFAULT_PLAY_PARAMS","index","url","startTime","endTime","HistoryControl","forwardRef","props","ref","width","height","onExpandChange","onTimeChange","showInfo","info","segmentsRef","useRef","useRequest","getHistoryUrl","manual","runAsync","loading","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","deviceName","channelName","totalTimeUrl","message","handleExpand","handleClose","undefined","columns","title","dataIndex","key","render","_","record","active","_jsx","Button","Object","assign","className","onClick","children","_jsxs","_Fragment","VideoCloseIcon","VideoPlayIcon","handleTimeChange","time","speed","progress","diff","getRef","current","style","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","map","itemStart","itemEnd","itemTotal","ONEDAY_MILL","mouse","useMouse","elementX","elementY","elementW","elementH","visible","percent","valueOf","format","TimeFormat","params","flag","playStart","playEnd","now","begin","playbackUrl","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 } from '../api';\nimport { PlayerHeader } from '../controls';\nimport HistoryPlayer from '../history-player';\nimport { ExpandIcon, FoldIcon, TimePositionIcon, VideoCloseIcon, VideoPlayIcon } from '../icons';\nimport { TimeFormat, getUrlTableData } 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    startTime: '',\n    endTime: '',\n};\n/**\n * 历史视频控制器\n */\nexport const HistoryControl = forwardRef((props, ref) => {\n    const { width = '100%', height = '100%', onExpandChange, onTimeChange, showInfo = false, info = [], } = props;\n    const segmentsRef = useRef(null);\n    const { runAsync, loading } = useRequest(getHistoryUrl, {\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.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,\n                        segmentData,\n                        name: `${result.deviceName}-${result.channelName}`,\n                        totalUrl: result.totalTimeUrl,\n                    });\n                }\n                else if (result.totalTimeUrl) {\n                    setState({\n                        tableData: [],\n                        segmentData: { list: [] },\n                        name: `${result.deviceName}-${result.channelName}`,\n                        totalUrl: result.totalTimeUrl,\n                        playParams: {\n                            index: 0,\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                        },\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    };\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                        }\n                        else {\n                            const url = record.url || state.totalUrl;\n                            setState({\n                                playParams: {\n                                    index,\n                                    url,\n                                    startTime: record.beginTime,\n                                    endTime: record.endTime,\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    return (_jsxs(\"div\", Object.assign({ className: \"vtx-history-control\", style: { width, height } }, { 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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"}

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

@@ -10,5 +10,7 @@ require("antd/lib/tooltip/style/css");
 
 require("../../controls/style/css");
 
+require("../../history-player/style/css");
+
 require("./index.css");
 //# sourceMappingURL=css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["history-control/style/index.js"],"sourcesContent":["import \"antd/lib/button/style\";\nimport \"antd/lib/space/style\";\nimport \"antd/lib/table/style\";\nimport \"antd/lib/tooltip/style\";\nimport '../../controls/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"css.js","names":[],"sources":["history-control/style/index.js"],"sourcesContent":["import \"antd/lib/button/style\";\nimport \"antd/lib/space/style\";\nimport \"antd/lib/table/style\";\nimport \"antd/lib/tooltip/style\";\nimport '../../controls/style';\nimport '../../history-player/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/history-control/style/index.css

@@ -120,6 +120,14 @@
   height: 0;
   padding-bottom: 13px;
 }
+.vtx-history-control .vtx-spin {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
 .history-url-table {
   border-right: 1px solid #383838;
   border-bottom: 1px solid #383838;

package/lib/history-control/style/index.d.ts

@@ -3,4 +3,5 @@ import "antd/lib/space/style";
 import "antd/lib/table/style";
 import "antd/lib/tooltip/style";
 import '../../controls/style';
+import '../../history-player/style';
 import './index.less';

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

@@ -10,5 +10,7 @@ require("antd/lib/tooltip/style");
 
 require("../../controls/style");
 
+require("../../history-player/style");
+
 require("./index.less");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["history-control/style/index.js"],"sourcesContent":["import \"antd/lib/button/style\";\nimport \"antd/lib/space/style\";\nimport \"antd/lib/table/style\";\nimport \"antd/lib/tooltip/style\";\nimport '../../controls/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["history-control/style/index.js"],"sourcesContent":["import \"antd/lib/button/style\";\nimport \"antd/lib/space/style\";\nimport \"antd/lib/table/style\";\nimport \"antd/lib/tooltip/style\";\nimport '../../controls/style';\nimport '../../history-player/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/history-control/style/index.less

@@ -114,6 +114,12 @@
         height: 0;
         padding-bottom: 13px;
     }
+    .vtx-spin {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
 }
 
 .history-url-table {

package/lib/icons/index.css

@@ -15,7 +15,7 @@
 .close-icon {
   width: 14px;
   cursor: pointer;
-  fill: rgba(255, 255, 255, 0.65);
+  fill: rgb(255 255 3.92307692%);
   -webkit-transition: -webkit-transform 0.3s;
   transition: -webkit-transform 0.3s;
   transition: transform 0.3s;

package/lib/icons/index.less

@@ -1,6 +1,6 @@
 .control-icon {
     cursor: pointer;
-    fill:rgba(255, 255 ,255 , .65);
+    fill:rgba(255, 255, 255, 0.65);
 
     > svg {
         transition: fill 0.3s;
@@ -18,7 +18,7 @@
 .close-icon {
     width: 14px;
     cursor: pointer;
-    fill: rgba(255, 255 ,255 , .65);
+    fill: rgb(255 255 255 / 65%);
     transition: transform 0.3s;
 
     &:hover {

package/lib/live-control/style/css.js

@@ -1,10 +1,12 @@
 "use strict";
 
-require("antd/lib/space/style/css");
-
-require("antd/lib/tooltip/style/css");
+require("./index.css");
 
 require("../../controls/style/css");
 
-require("./index.css");
+require("../../live-player/style/css");
+
+require("antd/lib/space/style/css");
+
+require("antd/lib/tooltip/style/css");
 //# sourceMappingURL=css.js.map

package/lib/live-control/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["live-control/style/index.js"],"sourcesContent":["import \"antd/lib/space/style\";\nimport \"antd/lib/tooltip/style\";\nimport '../../controls/style';\nimport \"antd/lib/space/style\";\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AAEA"}
+{"version":3,"file":"css.js","names":[],"sources":["live-control/style/index.js"],"sourcesContent":["import './index.less';\nimport '../../controls/style';\nimport '../../live-player/style';\nimport 'antd/lib/space/style';\nimport 'antd/lib/space/style';\nimport 'antd/lib/tooltip/style';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AAEA"}

package/lib/live-control/style/index.d.ts

@@ -1,5 +1,6 @@
-import "antd/lib/space/style";
-import "antd/lib/tooltip/style";
-import '../../controls/style';
-import "antd/lib/space/style";
 import './index.less';
+import '../../controls/style';
+import '../../live-player/style';
+import 'antd/lib/space/style';
+import 'antd/lib/space/style';
+import 'antd/lib/tooltip/style';

package/lib/live-control/style/index.js

@@ -1,10 +1,12 @@
 "use strict";
 
-require("antd/lib/space/style");
-
-require("antd/lib/tooltip/style");
+require("./index.less");
 
 require("../../controls/style");
 
-require("./index.less");
+require("../../live-player/style");
+
+require("antd/lib/space/style");
+
+require("antd/lib/tooltip/style");
 //# sourceMappingURL=index.js.map

package/lib/live-control/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["live-control/style/index.js"],"sourcesContent":["import \"antd/lib/space/style\";\nimport \"antd/lib/tooltip/style\";\nimport '../../controls/style';\nimport \"antd/lib/space/style\";\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AAEA"}
+{"version":3,"file":"index.js","names":[],"sources":["live-control/style/index.js"],"sourcesContent":["import './index.less';\nimport '../../controls/style';\nimport '../../live-player/style';\nimport 'antd/lib/space/style';\nimport 'antd/lib/space/style';\nimport 'antd/lib/tooltip/style';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AAEA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/player",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "private": false,
   "description": "视频业务组件",
   "main": "./dist/index.js",