@vtx/player 0.0.13 → 0.0.16

package/lib/history-player/index.js

@@ -9,8 +9,14 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
+var _controls = require("../controls");
+
+var _icons = require("../icons");
+
 var _player = _interopRequireDefault(require("../player"));
 
+var _utils = require("../utils");
+
 var _ahooks = require("ahooks");
 
 var _slider = _interopRequireDefault(require("antd/lib/slider"));
@@ -19,12 +25,6 @@ var _space = _interopRequireDefault(require("antd/lib/space"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
-var _controls = require("@/controls");
-
-var _icons = require("@/icons");
-
-var _utils = require("@/utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["HistoryPlayer","forwardRef","props","ref","url","type","width","height","captureName","controlBottom","startTime","endTime","onTimeChange","showInfo","info","totalTime","moment","diff","containerRef","useRef","wrapRef","controlsRef","playerRef","useFullscreen","isFullscreen","toggleFullscreen","useSetState","play","error","loading","id","guidGenerator","volume","currentTime","progress","controls","state","setState","useImperativeHandle","seekTo","time","player","current","Promise","reject","useEffect","container","Player","live","console","log","playBack","then","onTimeUpdate","speed","Math","floor","add","format","TimeFormat","params","destroy","handleCapture","e","capture","stopPropagation","handleFullScreen","resize","handleSlider","value","handlePause","pause","handleResume","resume","_jsxs","Object","assign","className","style","children","_jsx","LoadingState","InfoPanel","bottom","PauseIcon","onClick","PlayIcon","secondsToTime","Slider","disabled","tipFormatter","onChange","Space","size","align","VolumeControl","defaultValue","SpeedControl","CaptureIcon","ExitFullScreenIcon","FullScreenIcon","displayName"],"sources":["history-player/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport Player from '../player';\nimport { useFullscreen, useSetState } from 'ahooks';\n// import { Slider, Space } from 'antd';\nimport Slider from 'antd/lib/slider';\nimport Space from 'antd/lib/space';\nimport moment from 'moment';\nimport { InfoPanel, LoadingState, SpeedControl, VolumeControl } from '@/controls';\nimport { CaptureIcon, ExitFullScreenIcon, FullScreenIcon, PauseIcon, PlayIcon } from '@/icons';\nimport { TimeFormat, guidGenerator, secondsToTime } from '@/utils';\nexport const HistoryPlayer = forwardRef((props, ref) => {\n    const { url, type, width = '100%', height = '100%', captureName, controlBottom = 0, startTime, endTime, onTimeChange, showInfo = false, info = [], } = props;\n    const totalTime = moment(endTime).diff(moment(startTime), 'seconds');\n    const containerRef = useRef(null);\n    const wrapRef = useRef(null);\n    const controlsRef = useRef(null);\n    const playerRef = useRef();\n    const [isFullscreen, { toggleFullscreen }] = useFullscreen(wrapRef);\n    const [state, setState] = useSetState({\n        play: false,\n        error: false,\n        loading: false,\n        id: 'vtx_hk_player_' + guidGenerator(),\n        volume: 0,\n        currentTime: 0,\n        progress: 0,\n        controls: {\n            progress: true,\n        },\n    });\n    useImperativeHandle(ref, () => {\n        return {\n            seekTo: (time) => {\n                const player = playerRef.current;\n                if (player) {\n                    const currentTime = moment(time).diff(moment(startTime), 'seconds');\n                    return player.seekTo(currentTime);\n                }\n                else {\n                    return Promise.reject();\n                }\n            },\n        };\n    });\n    useEffect(() => {\n        const container = containerRef.current;\n        if (!url || !container)\n            return;\n        const player = new Player({ url, container, live: false, startTime, endTime, type });\n        playerRef.current = player;\n        setState({ loading: true, controls: { progress: player.type === 'hk_ws' } });\n        console.log(player.type);\n        player\n            .playBack()\n            .then(() => setState({ play: true, error: false }))\n            .catch(() => setState({ error: true }))\n            .finally(() => setState({ loading: false }));\n        player.onTimeUpdate((currentTime, speed) => {\n            setState({ currentTime, progress: Math.floor((currentTime / totalTime) * 100) });\n            onTimeChange &&\n                onTimeChange(moment(startTime).add(currentTime, 'seconds').format(TimeFormat.params), speed);\n        });\n        return () => {\n            player.destroy();\n            setState({ error: false, loading: false, play: false });\n        };\n    }, [url, startTime, endTime]);\n    /** 截图方法 */\n    const handleCapture = (e) => {\n        const player = playerRef.current;\n        player && player.capture(captureName);\n        e.stopPropagation();\n    };\n    /** 全屏方法 */\n    const handleFullScreen = (e) => {\n        toggleFullscreen();\n        const player = playerRef.current;\n        player && player.resize();\n        e.stopPropagation();\n    };\n    /** 进度条控制器 */\n    const handleSlider = (value) => {\n        const currentTime = Math.floor((totalTime * value) / 100);\n        const player = playerRef.current;\n        setState({ progress: value });\n        player === null || player === void 0 ? void 0 : player.seekTo(currentTime);\n    };\n    /** 暂停方法 */\n    const handlePause = () => {\n        const player = playerRef.current;\n        player === null || player === void 0 ? void 0 : player.pause(() => {\n            setState({ play: false });\n        });\n    };\n    /** 恢复播放方法 */\n    const handleResume = () => {\n        const player = playerRef.current;\n        player === null || player === void 0 ? void 0 : player.resume(() => {\n            setState({ play: true });\n        });\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-history-player\", ref: wrapRef, style: { width, height } }, { children: [_jsx(\"div\", { ref: containerRef, style: { height: '100%', width: '100%' }, id: state.id }), state.loading && _jsx(LoadingState, {}), _jsx(InfoPanel, { showInfo: showInfo, info: info }), _jsxs(\"div\", Object.assign({ className: \"controls\", ref: controlsRef, style: { bottom: controlBottom } }, { children: [state.play ? (_jsx(PauseIcon, { onClick: handlePause })) : (_jsx(PlayIcon, { onClick: handleResume })), _jsxs(\"div\", Object.assign({ className: \"time\" }, { children: [_jsx(\"span\", Object.assign({ className: \"current\" }, { children: secondsToTime(state.currentTime) })), _jsxs(\"span\", Object.assign({ className: \"total\" }, { children: [\"/\", secondsToTime(totalTime)] }))] })), _jsx(\"div\", Object.assign({ className: \"slider\" }, { children: _jsx(Slider, { disabled: !state.controls.progress, tipFormatter: null, onChange: handleSlider, value: state.progress }) })), _jsxs(Space, Object.assign({ className: \"right\", size: 12, align: \"center\" }, { children: [_jsx(VolumeControl, { player: playerRef.current, defaultValue: 0, container: controlsRef.current }), _jsx(SpeedControl, { player: playerRef.current, container: controlsRef.current }), _jsx(CaptureIcon, { onClick: handleCapture }), isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: handleFullScreen })) : (_jsx(FullScreenIcon, { onClick: handleFullScreen }))] }))] }))] })));\n});\nHistoryPlayer.displayName = 'HistoryPlayer';\nexport default HistoryPlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["HistoryPlayer","forwardRef","props","ref","url","type","width","height","captureName","controlBottom","startTime","endTime","onTimeChange","showInfo","info","totalTime","moment","diff","containerRef","useRef","wrapRef","controlsRef","playerRef","useFullscreen","isFullscreen","toggleFullscreen","useSetState","play","error","loading","id","guidGenerator","volume","currentTime","progress","controls","state","setState","useImperativeHandle","seekTo","time","player","current","Promise","reject","useEffect","container","Player","live","console","log","playBack","then","onTimeUpdate","speed","Math","floor","add","format","TimeFormat","params","destroy","handleCapture","e","capture","stopPropagation","handleFullScreen","resize","handleSlider","value","handlePause","pause","handleResume","resume","_jsxs","Object","assign","className","style","children","_jsx","LoadingState","InfoPanel","bottom","PauseIcon","onClick","PlayIcon","secondsToTime","Slider","disabled","tipFormatter","onChange","Space","size","align","VolumeControl","defaultValue","SpeedControl","CaptureIcon","ExitFullScreenIcon","FullScreenIcon","displayName"],"sources":["history-player/index.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { InfoPanel, LoadingState, SpeedControl, VolumeControl } from '../controls';\nimport { CaptureIcon, ExitFullScreenIcon, FullScreenIcon, PauseIcon, PlayIcon } from '../icons';\nimport Player from '../player';\nimport { TimeFormat, guidGenerator, secondsToTime } from '../utils';\nimport { useFullscreen, useSetState } from 'ahooks';\n// import { Slider, Space } from 'antd';\nimport Slider from 'antd/lib/slider';\nimport Space from 'antd/lib/space';\nimport moment from 'moment';\nexport const HistoryPlayer = forwardRef((props, ref) => {\n    const { url, type, width = '100%', height = '100%', captureName, controlBottom = 0, startTime, endTime, onTimeChange, showInfo = false, info = [], } = props;\n    const totalTime = moment(endTime).diff(moment(startTime), 'seconds');\n    const containerRef = useRef(null);\n    const wrapRef = useRef(null);\n    const controlsRef = useRef(null);\n    const playerRef = useRef();\n    const [isFullscreen, { toggleFullscreen }] = useFullscreen(wrapRef);\n    const [state, setState] = useSetState({\n        play: false,\n        error: false,\n        loading: false,\n        id: 'vtx_hk_player_' + guidGenerator(),\n        volume: 0,\n        currentTime: 0,\n        progress: 0,\n        controls: {\n            progress: true,\n        },\n    });\n    useImperativeHandle(ref, () => {\n        return {\n            seekTo: (time) => {\n                const player = playerRef.current;\n                if (player) {\n                    const currentTime = moment(time).diff(moment(startTime), 'seconds');\n                    return player.seekTo(currentTime);\n                }\n                else {\n                    return Promise.reject();\n                }\n            },\n        };\n    });\n    useEffect(() => {\n        const container = containerRef.current;\n        if (!url || !container)\n            return;\n        const player = new Player({ url, container, live: false, startTime, endTime, type });\n        playerRef.current = player;\n        setState({ loading: true, controls: { progress: player.type === 'hk_ws' } });\n        console.log(player.type);\n        player\n            .playBack()\n            .then(() => setState({ play: true, error: false }))\n            .catch(() => setState({ error: true }))\n            .finally(() => setState({ loading: false }));\n        player.onTimeUpdate((currentTime, speed) => {\n            setState({ currentTime, progress: Math.floor((currentTime / totalTime) * 100) });\n            onTimeChange &&\n                onTimeChange(moment(startTime).add(currentTime, 'seconds').format(TimeFormat.params), speed);\n        });\n        return () => {\n            player.destroy();\n            setState({ error: false, loading: false, play: false });\n        };\n    }, [url, startTime, endTime]);\n    /** 截图方法 */\n    const handleCapture = (e) => {\n        const player = playerRef.current;\n        player && player.capture(captureName);\n        e.stopPropagation();\n    };\n    /** 全屏方法 */\n    const handleFullScreen = (e) => {\n        toggleFullscreen();\n        const player = playerRef.current;\n        player && player.resize();\n        e.stopPropagation();\n    };\n    /** 进度条控制器 */\n    const handleSlider = (value) => {\n        const currentTime = Math.floor((totalTime * value) / 100);\n        const player = playerRef.current;\n        setState({ progress: value });\n        player === null || player === void 0 ? void 0 : player.seekTo(currentTime);\n    };\n    /** 暂停方法 */\n    const handlePause = () => {\n        const player = playerRef.current;\n        player === null || player === void 0 ? void 0 : player.pause(() => {\n            setState({ play: false });\n        });\n    };\n    /** 恢复播放方法 */\n    const handleResume = () => {\n        const player = playerRef.current;\n        player === null || player === void 0 ? void 0 : player.resume(() => {\n            setState({ play: true });\n        });\n    };\n    return (_jsxs(\"div\", Object.assign({ className: \"vtx-history-player\", ref: wrapRef, style: { width, height } }, { children: [_jsx(\"div\", { ref: containerRef, style: { height: '100%', width: '100%' }, id: state.id }), state.loading && _jsx(LoadingState, {}), _jsx(InfoPanel, { showInfo: showInfo, info: info }), _jsxs(\"div\", Object.assign({ className: \"controls\", ref: controlsRef, style: { bottom: controlBottom } }, { children: [state.play ? (_jsx(PauseIcon, { onClick: handlePause })) : (_jsx(PlayIcon, { onClick: handleResume })), _jsxs(\"div\", Object.assign({ className: \"time\" }, { children: [_jsx(\"span\", Object.assign({ className: \"current\" }, { children: secondsToTime(state.currentTime) })), _jsxs(\"span\", Object.assign({ className: \"total\" }, { children: [\"/\", secondsToTime(totalTime)] }))] })), _jsx(\"div\", Object.assign({ className: \"slider\" }, { children: _jsx(Slider, { disabled: !state.controls.progress, tipFormatter: null, onChange: handleSlider, value: state.progress }) })), _jsxs(Space, Object.assign({ className: \"right\", size: 12, align: \"center\" }, { children: [_jsx(VolumeControl, { player: playerRef.current, defaultValue: 0, container: controlsRef.current }), _jsx(SpeedControl, { player: playerRef.current, container: controlsRef.current }), _jsx(CaptureIcon, { onClick: handleCapture }), isFullscreen ? (_jsx(ExitFullScreenIcon, { onClick: handleFullScreen })) : (_jsx(FullScreenIcon, { onClick: handleFullScreen }))] }))] }))] })));\n});\nHistoryPlayer.displayName = 'HistoryPlayer';\nexport default HistoryPlayer;\n"],"mappings":"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"}

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

@@ -1,5 +1,9 @@
 "use strict";
 
+require("antd/lib/slider/style/css");
+
+require("antd/lib/space/style/css");
+
 require("../../controls/style/css");
 
 require("./index.css");

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

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

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

@@ -1,2 +1,4 @@
+import "antd/lib/slider/style";
+import "antd/lib/space/style";
 import '../../controls/style';
 import './index.less';

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

@@ -1,5 +1,9 @@
 "use strict";
 
+require("antd/lib/slider/style");
+
+require("antd/lib/space/style");
+
 require("../../controls/style");
 
 require("./index.less");

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

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

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

@@ -1,5 +1,9 @@
 "use strict";
 
+require("antd/lib/space/style/css");
+
+require("antd/lib/tooltip/style/css");
+
 require("../../controls/style/css");
 
 require("./index.css");

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

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["live-control/style/index.js"],"sourcesContent":["import '../../controls/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA"}
+{"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"}

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

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

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

@@ -1,5 +1,9 @@
 "use strict";
 
+require("antd/lib/space/style");
+
+require("antd/lib/tooltip/style");
+
 require("../../controls/style");
 
 require("./index.less");

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["live-control/style/index.js"],"sourcesContent":["import '../../controls/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA"}
+{"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"}

package/lib/live-player/demo/src/components/lib/vtx-color-picker/style/index.css

@@ -0,0 +1,12 @@
+.vtx-color-picker .ant-input-group-addon {
+  width: 37px;
+}
+.vtx-color-picker .rc-color-picker-wrap {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  line-height: 0;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}

package/lib/live-player/demo/src/components/lib/vtx-color-picker/style/index.less

@@ -0,0 +1,12 @@
+.vtx-color-picker {
+    .ant-input-group-addon {
+        width: 37px;
+    }
+    .rc-color-picker-wrap {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        line-height: 0;
+        transform: translate(-50%, -50%);
+    }
+}

package/lib/live-player/demo/src/components/lib/vtx-combogrid/style/index.css

@@ -0,0 +1,24 @@
+.vtx-combogrid-popover {
+  width: 550px;
+}
+.vtx-combogrid-popover .ant-form-item {
+  margin-bottom: 12px;
+}
+.vtx-combogrid-btns {
+  line-height: 32px;
+}
+.vtx-combogrid-btns button + button {
+  margin-left: 4px;
+}
+.vtx-combogrid-main {
+  height: 400px;
+}
+.vtx-combogrid-dropdown {
+  padding-top: 0;
+}
+.vtx-combogrid-dropdown .ant-popover-arrow {
+  display: none;
+}
+.vtx-combogrid-dropdown .ant-pagination.mini .ant-pagination-item {
+  line-height: 24px;
+}

package/lib/live-player/demo/src/components/lib/vtx-combogrid/style/index.less

@@ -0,0 +1,29 @@
+@prefix-cls: vtx-combogrid;
+
+.@{prefix-cls} {
+    &-popover {
+        width: 550px;
+        .ant-form-item {
+            margin-bottom: 12px;
+        }
+    }
+    &-btns {
+        line-height: 32px;
+        button + button {
+            margin-left: 4px;
+        }
+    }
+    &-main {
+        height: 400px;
+    }
+
+    &-dropdown {
+        padding-top: 0;
+        .ant-popover-arrow {
+            display: none;
+        }
+        .ant-pagination.mini .ant-pagination-item {
+            line-height: 24px;
+        }
+    }
+}

package/lib/live-player/demo/src/components/lib/vtx-datagrid/style/index.css

@@ -0,0 +1,136 @@
+.vtx-datagrid {
+  position: relative;
+  overflow: hidden;
+}
+.vtx-datagrid-fit {
+  height: 100%;
+}
+.vtx-datagrid-fit .ant-table-header::-webkit-scrollbar,
+.vtx-datagrid-fit .ant-table-body::-webkit-scrollbar {
+  width: 5px;
+  background-color: hsla(0, 0%, 80%, 0.08);
+}
+.vtx-datagrid-fit .ant-table-header::-webkit-scrollbar-thumb,
+.vtx-datagrid-fit .ant-table-body::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.05);
+  border-radius: 3px;
+}
+.vtx-datagrid-fit .ant-table-fixed-header .ant-table-scroll .ant-table-header {
+  min-width: 5px !important;
+}
+.vtx-datagrid-fit .ant-table-pagination {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.vtx-datagrid-fit .ant-spin-nested-loading {
+  height: 100%;
+}
+.vtx-datagrid-fit .ant-spin-nested-loading .ant-spin-container {
+  position: relative;
+  height: 100%;
+}
+.vtx-datagrid-fit .ant-spin-nested-loading .ant-spin-container .ant-table {
+  height: 100%;
+}
+.vtx-datagrid .ant-table-has-fix-right .ant-table-body::-webkit-scrollbar {
+  width: 17px;
+}
+.vtx-datagrid-userAgent-mac .ant-table-has-fix-right .ant-table-body::-webkit-scrollbar {
+  width: 15px;
+}
+.vtx-datagrid .ant-table-thead > tr > th {
+  background-color: #edf6ff;
+}
+.vtx-datagrid .ant-table-tbody > tr:nth-child(even) {
+  background: #f6f6f6;
+}
+.vtx-datagrid .ant-table-tbody > tr.ant-table-placeholder {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: transparent;
+  border-top: none;
+}
+.vtx-datagrid .ant-table-tbody > tr.ant-table-placeholder > td.ant-table-cell {
+  display: table;
+  width: 100%;
+  border-right: none !important;
+}
+.vtx-datagrid-alert {
+  margin-bottom: 8px;
+}
+.vtx-datagrid-alert-message {
+  color: rgba(0, 0, 0, 0.65);
+}
+.vtx-datagrid-alert-info-content > strong {
+  margin: 0 4px;
+  color: #13c2c2;
+}
+.vtx-datagrid-alert-info-option {
+  margin-left: 10px;
+}
+.vtx-datagrid-nodata .ant-table-scroll {
+  overflow-y: hidden;
+}
+.vtx-datagrid-toolbar {
+  display: table;
+  width: 100%;
+  margin: 16px 0;
+  color: rgba(0, 0, 0, 0.85);
+}
+.vtx-datagrid-toolbar-left,
+.vtx-datagrid-toolbar-right {
+  display: inline-block;
+  display: table-cell;
+  vertical-align: middle;
+}
+.vtx-datagrid-toolbar-left {
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 16px;
+}
+.vtx-datagrid-toolbar-right {
+  float: right;
+}
+.vtx-datagrid-toolbar-setting-item {
+  display: inline-block;
+  margin-left: 16px;
+  color: inherit;
+  font-size: 16px;
+  vertical-align: middle;
+  cursor: pointer;
+}
+.vtx-datagrid-toolbar-setting-item:hover {
+  color: rgba(0, 0, 0, 0.75);
+}
+.vtx-datagrid-column-setting-title {
+  height: 32px;
+  line-height: 32px;
+}
+.vtx-datagrid-column-setting-title a {
+  display: inline-block;
+  float: right;
+  vertical-align: middle;
+}
+.vtx-datagrid-column-setting-checkbox-wrapper {
+  color: rgba(0, 0, 0, 0.85);
+  vertical-align: middle;
+}
+.vtx-datagrid-space-item {
+  display: inline-block;
+  vertical-align: middle;
+}
+.vtx-datagrid .react-resizable {
+  position: relative;
+  background-clip: padding-box;
+}
+.vtx-datagrid .react-resizable-handle {
+  position: absolute;
+  right: -5px;
+  bottom: 0;
+  z-index: 1;
+  width: 10px;
+  height: 100%;
+  cursor: col-resize;
+}

package/lib/live-player/demo/src/components/lib/vtx-datagrid/style/index.less

@@ -0,0 +1,166 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+@prefix-cls: vtx-datagrid;
+
+.@{prefix-cls} {
+    position: relative;
+    overflow: hidden;
+    &-fit {
+        height: 100%;
+        .ant-table-header,
+        .ant-table-body {
+            &::-webkit-scrollbar {
+                width: 5px;
+                background-color: hsla(0, 0%, 80%, 0.08);
+            }
+            &::-webkit-scrollbar-thumb {
+                background-color: rgba(0, 0, 0, 0.05);
+                border-radius: 3px;
+            }
+        }
+
+        .ant-table-fixed-header .ant-table-scroll .ant-table-header {
+            min-width: 5px !important;
+        }
+        .ant-table-pagination {
+            position: absolute;
+            right: 0;
+            bottom: 0;
+        }
+        .ant-spin-nested-loading {
+            height: 100%;
+            .ant-spin-container {
+                position: relative;
+                height: 100%;
+                .ant-table {
+                    height: 100%;
+                }
+            }
+        }
+    }
+    // 固定列目前没有办法用细的滚动条
+    .ant-table-has-fix-right {
+        .ant-table-body {
+            &::-webkit-scrollbar {
+                width: 17px;
+            }
+        }
+    }
+    // mac 和 windows下有差异，window chrome下滚动条宽度17px，mac chrome下15px
+    &-userAgent-mac {
+        .ant-table-has-fix-right {
+            .ant-table-body {
+                &::-webkit-scrollbar {
+                    width: 15px;
+                }
+            }
+        }
+    }
+    .ant-table-thead > tr > th when(@theme=default) {
+        // antd4.0 半透明会重叠
+        // background-color: fade(#1890ff, 8);
+        background-color: rgba(237, 246, 255, 1);
+    }
+    .ant-table-tbody > tr {
+        &:nth-child(even) when(@theme=default) {
+            background: #f6f6f6;
+        }
+        &.ant-table-placeholder {
+            position: absolute;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            background-color: transparent;
+            border-top: none;
+            & > td.ant-table-cell {
+                display: table;
+                width: 100%;
+                border-right: none !important;
+            }
+        }
+    }
+    // fix: checkbox 选中时 固定列 最上面一层透明会 和下面重叠
+    // .ant-table-tbody > tr.ant-table-row-selected td {
+    //     background: transparent;
+    // }
+    &-alert {
+        margin-bottom: 8px;
+        &-message when(@theme=default) {
+            color: fade(@black, 65%);
+        }
+        &-message when(@theme=dark) {
+            color: @text-color;
+        }
+        &-info-content > strong {
+            margin: 0 4px;
+            color: #13c2c2;
+        }
+        &-info-option {
+            margin-left: 10px;
+        }
+    }
+    &-nodata {
+        .ant-table-scroll {
+            overflow-y: hidden;
+        }
+    }
+    &-toolbar {
+        display: table;
+        width: 100%;
+        margin: 16px 0;
+        color: @text-color;
+    }
+    &-toolbar-left,
+    &-toolbar-right {
+        display: inline-block;
+        display: table-cell;
+        vertical-align: middle;
+    }
+    &-toolbar-left {
+        color: @text-color;
+        font-size: 16px;
+    }
+    &-toolbar-right {
+        float: right;
+    }
+    &-toolbar-setting-item {
+        display: inline-block;
+        margin-left: 16px;
+        color: @icon-color;
+        font-size: 16px;
+        vertical-align: middle;
+        cursor: pointer;
+        &:hover {
+            color: @icon-color-hover;
+        }
+    }
+    &-column-setting-title {
+        height: 32px;
+        line-height: 32px;
+        a {
+            display: inline-block;
+            float: right;
+            vertical-align: middle;
+        }
+    }
+    &-column-setting-checkbox-wrapper {
+        color: @text-color;
+        vertical-align: middle;
+    }
+    &-space-item {
+        display: inline-block;
+        vertical-align: middle;
+    }
+    .react-resizable {
+        position: relative;
+        background-clip: padding-box;
+    }
+    .react-resizable-handle {
+        position: absolute;
+        right: -5px;
+        bottom: 0;
+        z-index: 1;
+        width: 10px;
+        height: 100%;
+        cursor: col-resize;
+    }
+}

package/lib/live-player/demo/src/components/lib/vtx-date-picker/style/index.css

@@ -0,0 +1,29 @@
+.vtx-qdate-wrap {
+  position: relative;
+}
+.vtx-qdate-wrap .ant-calendar-picker-input {
+  color: transparent;
+}
+.vtx-qdate-input-wrap {
+  position: absolute;
+  top: 50%;
+  left: 12px;
+  margin-top: -16px;
+}
+.vtx-qdate-extra-footer {
+  text-align: center;
+}
+.vtx-qdate-text-year:hover,
+.vtx-qdate-text-date:hover,
+.vtx-qdate-text-month:hover,
+.vtx-qdate-text-time:hover {
+  text-decoration: underline;
+  cursor: pointer;
+}
+.vtx-qdate-text-time::before {
+  content: ' ';
+}
+.vtx-qdate-text-month:not(:first-child)::before,
+.vtx-qdate-text-date:not(:first-child)::before {
+  content: '-';
+}

package/lib/live-player/demo/src/components/lib/vtx-date-picker/style/index.less

@@ -0,0 +1,39 @@
+@prefix-cls: vtx-qdate;
+
+.@{prefix-cls} {
+    &-wrap {
+        position: relative;
+
+        .ant-calendar-picker-input {
+            color: transparent;
+        }
+    }
+
+    &-input-wrap {
+        position: absolute;
+        top: 50%;
+        left: 12px;
+        margin-top: -16px;
+    }
+
+    &-extra-footer {
+        text-align: center;
+    }
+
+    &-text-year:hover,
+    &-text-date:hover,
+    &-text-month:hover,
+    &-text-time:hover {
+        text-decoration: underline;
+        cursor: pointer;
+    }
+
+    &-text-time::before {
+        content: ' ';
+    }
+
+    &-text-month:not(:first-child)::before,
+    &-text-date:not(:first-child)::before {
+        content: '-';
+    }
+}

package/lib/live-player/demo/src/components/lib/vtx-editor/style/index.css

@@ -0,0 +1,6 @@
+.vtx-editor {
+  border: 1px solid #d9d9d9;
+}
+.vtx-editor .bf-content {
+  height: 300px;
+}

package/lib/live-player/demo/src/components/lib/vtx-editor/style/index.less

@@ -0,0 +1,8 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+
+.vtx-editor {
+    border: @border-width-base @border-style-base @border-color-base;
+    .bf-content {
+        height: 300px;
+    }
+}

package/lib/live-player/demo/src/components/lib/vtx-ellipsis-text/style/index.css

@@ -0,0 +1,13 @@
+.vtx-ellipsis-text {
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.vtx-ellipsis-text--single {
+  white-space: nowrap;
+}
+.vtx-ellipsis-text--multi {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}