@vtx/player 1.10.8 → 1.10.10

package/lib/icons/index.d.ts

@@ -8,76 +8,77 @@ interface IconProps extends Partial<CustomIconComponentProps> {
 interface ActiveIconProps extends IconProps {
     active?: boolean;
 }
+export declare const DownloadIcon: (props: ActiveIconProps) => JSX.Element;
 /** 暂停Icon */
-export declare const PauseIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PauseIcon: (props: IconProps) => JSX.Element;
 /** 播放Icon */
-export declare const PlayIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlayIcon: (props: IconProps) => JSX.Element;
 /** 截图Icon */
-export declare const CaptureIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CaptureIcon: (props: IconProps) => JSX.Element;
 /** 全屏Icon */
-export declare const FullScreenIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FullScreenIcon: (props: IconProps) => JSX.Element;
 /** 退出全屏Icon */
-export declare const ExitFullScreenIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExitFullScreenIcon: (props: IconProps) => JSX.Element;
 /** 音量低Icon */
-export declare const VolumeSmallIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VolumeSmallIcon: (props: IconProps) => JSX.Element;
 /** 音量高Icon */
-export declare const VolumeLargeIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VolumeLargeIcon: (props: IconProps) => JSX.Element;
 /** 静音Icon */
-export declare const VolumeMutedIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VolumeMutedIcon: (props: IconProps) => JSX.Element;
 /** 设置Icon */
-export declare const SettingsIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingsIcon: (props: IconProps) => JSX.Element;
 /** 关闭全部Icon */
-export declare const CloseAllIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseAllIcon: (props: IconProps) => JSX.Element;
 /** 展开Icon */
-export declare const ExpandIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExpandIcon: (props: IconProps) => JSX.Element;
 /** 收缩Icon */
-export declare const FoldIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FoldIcon: (props: IconProps) => JSX.Element;
 /** 添加标签Icon */
-export declare const SetTagIcon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SetTagIcon: (props: ActiveIconProps) => JSX.Element;
 /** 停止对讲Icon */
-export declare const TalkDisableIcon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TalkDisableIcon: (props: ActiveIconProps) => JSX.Element;
 /** 对讲Icon */
-export declare const TalkIcon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TalkIcon: (props: ActiveIconProps) => JSX.Element;
 /** 云台控制 */
-export declare const CloudControlIcon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloudControlIcon: (props: ActiveIconProps) => JSX.Element;
 /** 屏幕占比Icon */
-export declare const OccupyingScreenIcon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OccupyingScreenIcon: (props: ActiveIconProps) => JSX.Element;
 /** 网格Icon */
-export declare const GridIcon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GridIcon: (props: ActiveIconProps) => JSX.Element;
 /** 1x1网格Icon */
-export declare const Grid1x1Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid1x1Icon: (props: ActiveIconProps) => JSX.Element;
 /** 2x2网格Icon */
-export declare const Grid2x2Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid2x2Icon: (props: ActiveIconProps) => JSX.Element;
 /** 3x3网格Icon */
-export declare const Grid3x3Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid3x3Icon: (props: ActiveIconProps) => JSX.Element;
 /** 4x4网格Icon */
-export declare const Grid4x4Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid4x4Icon: (props: ActiveIconProps) => JSX.Element;
 /** 5x5网格Icon */
-export declare const Grid5x5Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid5x5Icon: (props: ActiveIconProps) => JSX.Element;
 /** 1x5网格Icon */
-export declare const Grid1x5Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid1x5Icon: (props: ActiveIconProps) => JSX.Element;
 /** 1x7网格Icon */
-export declare const Grid1x7Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid1x7Icon: (props: ActiveIconProps) => JSX.Element;
 /** 1x9网格Icon */
-export declare const Grid1x9Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid1x9Icon: (props: ActiveIconProps) => JSX.Element;
 /** 1x12网格Icon */
-export declare const Grid1x12Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid1x12Icon: (props: ActiveIconProps) => JSX.Element;
 /** 1x13网格Icon */
-export declare const Grid1x13Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid1x13Icon: (props: ActiveIconProps) => JSX.Element;
 /** 1x16网格Icon */
-export declare const Grid1x16Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid1x16Icon: (props: ActiveIconProps) => JSX.Element;
 /** 1x21网格Icon */
-export declare const Grid1x21Icon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid1x21Icon: (props: ActiveIconProps) => JSX.Element;
 /** 标签Icon */
-export declare const TagIcon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TagIcon: (props: ActiveIconProps) => JSX.Element;
 /** 关闭Icon */
-export declare const CloseIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseIcon: (props: IconProps) => JSX.Element;
 /** 视频播放Icon */
-export declare const VideoPlayIcon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoPlayIcon: (props: ActiveIconProps) => JSX.Element;
 /** 视频关闭Icon */
-export declare const VideoCloseIcon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoCloseIcon: (props: ActiveIconProps) => JSX.Element;
 /** 时间刻度Icon */
-export declare const TimePositionIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimePositionIcon: (props: IconProps) => JSX.Element;
 /** 播放视频Icon */
-export declare const PlayVideoBlueIcon: (props: ActiveIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlayVideoBlueIcon: (props: ActiveIconProps) => JSX.Element;
 export {};

package/lib/icons/index.js

@@ -1,13 +1,15 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VolumeSmallIcon = exports.VolumeMutedIcon = exports.VolumeLargeIcon = exports.VideoPlayIcon = exports.VideoCloseIcon = exports.TimePositionIcon = exports.TalkIcon = exports.TalkDisableIcon = exports.TagIcon = exports.SettingsIcon = exports.SetTagIcon = exports.PlayVideoBlueIcon = exports.PlayIcon = exports.PauseIcon = exports.OccupyingScreenIcon = exports.GridIcon = exports.Grid5x5Icon = exports.Grid4x4Icon = exports.Grid3x3Icon = exports.Grid2x2Icon = exports.Grid1x9Icon = exports.Grid1x7Icon = exports.Grid1x5Icon = exports.Grid1x21Icon = exports.Grid1x1Icon = exports.Grid1x16Icon = exports.Grid1x13Icon = exports.Grid1x12Icon = exports.FullScreenIcon = exports.FoldIcon = exports.ExpandIcon = exports.ExitFullScreenIcon = exports.CloudControlIcon = exports.CloseIcon = exports.CloseAllIcon = exports.CaptureIcon = void 0;
+exports.VolumeSmallIcon = exports.VolumeMutedIcon = exports.VolumeLargeIcon = exports.VideoPlayIcon = exports.VideoCloseIcon = exports.TimePositionIcon = exports.TalkIcon = exports.TalkDisableIcon = exports.TagIcon = exports.SettingsIcon = exports.SetTagIcon = exports.PlayVideoBlueIcon = exports.PlayIcon = exports.PauseIcon = exports.OccupyingScreenIcon = exports.GridIcon = exports.Grid5x5Icon = exports.Grid4x4Icon = exports.Grid3x3Icon = exports.Grid2x2Icon = exports.Grid1x9Icon = exports.Grid1x7Icon = exports.Grid1x5Icon = exports.Grid1x21Icon = exports.Grid1x1Icon = exports.Grid1x16Icon = exports.Grid1x13Icon = exports.Grid1x12Icon = exports.FullScreenIcon = exports.FoldIcon = exports.ExpandIcon = exports.ExitFullScreenIcon = exports.DownloadIcon = exports.CloudControlIcon = exports.CloseIcon = exports.CloseAllIcon = exports.CaptureIcon = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 require("./index.less");
-var _icons = _interopRequireDefault(require("@ant-design/icons"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _icons = _interopRequireWildcard(require("@ant-design/icons"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var PauseSvg = function PauseSvg() {
   return (0, _jsxRuntime.jsx)("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1657,8 +1659,20 @@ var SetTagSvg = function SetTagSvg() {
     }))
   }));
 };
+var DownloadIcon = function DownloadIcon(props) {
+  return (0, _jsxRuntime.jsx)(_icons.DownloadOutlined, Object.assign({
+    title: "\u4E0B\u8F7D",
+    className: "control-icon download-icon"
+  }, props, {
+    style: {
+      color: 'rgba(255, 255, 255, 0.65)',
+      cursor: 'pointer'
+    }
+  }));
+};
 /** 暂停Icon */
-var PauseIcon = exports.PauseIcon = function PauseIcon(props) {
+exports.DownloadIcon = DownloadIcon;
+var PauseIcon = function PauseIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u6682\u505C",
     className: "control-icon",
@@ -1666,7 +1680,8 @@ var PauseIcon = exports.PauseIcon = function PauseIcon(props) {
   }, props));
 };
 /** 播放Icon */
-var PlayIcon = exports.PlayIcon = function PlayIcon(props) {
+exports.PauseIcon = PauseIcon;
+var PlayIcon = function PlayIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u64AD\u653E",
     className: "control-icon",
@@ -1674,7 +1689,8 @@ var PlayIcon = exports.PlayIcon = function PlayIcon(props) {
   }, props));
 };
 /** 截图Icon */
-var CaptureIcon = exports.CaptureIcon = function CaptureIcon(props) {
+exports.PlayIcon = PlayIcon;
+var CaptureIcon = function CaptureIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u622A\u56FE",
     className: "control-icon",
@@ -1682,7 +1698,8 @@ var CaptureIcon = exports.CaptureIcon = function CaptureIcon(props) {
   }, props));
 };
 /** 全屏Icon */
-var FullScreenIcon = exports.FullScreenIcon = function FullScreenIcon(props) {
+exports.CaptureIcon = CaptureIcon;
+var FullScreenIcon = function FullScreenIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u5168\u5C4F",
     className: "control-icon",
@@ -1690,7 +1707,8 @@ var FullScreenIcon = exports.FullScreenIcon = function FullScreenIcon(props) {
   }, props));
 };
 /** 退出全屏Icon */
-var ExitFullScreenIcon = exports.ExitFullScreenIcon = function ExitFullScreenIcon(props) {
+exports.FullScreenIcon = FullScreenIcon;
+var ExitFullScreenIcon = function ExitFullScreenIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u9000\u51FA\u5168\u5C4F",
     className: "control-icon",
@@ -1698,7 +1716,8 @@ var ExitFullScreenIcon = exports.ExitFullScreenIcon = function ExitFullScreenIco
   }, props));
 };
 /** 音量低Icon */
-var VolumeSmallIcon = exports.VolumeSmallIcon = function VolumeSmallIcon(props) {
+exports.ExitFullScreenIcon = ExitFullScreenIcon;
+var VolumeSmallIcon = function VolumeSmallIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u97F3\u91CF",
     className: "control-icon",
@@ -1706,7 +1725,8 @@ var VolumeSmallIcon = exports.VolumeSmallIcon = function VolumeSmallIcon(props)
   }, props));
 };
 /** 音量高Icon */
-var VolumeLargeIcon = exports.VolumeLargeIcon = function VolumeLargeIcon(props) {
+exports.VolumeSmallIcon = VolumeSmallIcon;
+var VolumeLargeIcon = function VolumeLargeIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u97F3\u91CF",
     className: "control-icon",
@@ -1714,7 +1734,8 @@ var VolumeLargeIcon = exports.VolumeLargeIcon = function VolumeLargeIcon(props)
   }, props));
 };
 /** 静音Icon */
-var VolumeMutedIcon = exports.VolumeMutedIcon = function VolumeMutedIcon(props) {
+exports.VolumeLargeIcon = VolumeLargeIcon;
+var VolumeMutedIcon = function VolumeMutedIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u97F3\u91CF",
     className: "control-icon",
@@ -1722,14 +1743,16 @@ var VolumeMutedIcon = exports.VolumeMutedIcon = function VolumeMutedIcon(props)
   }, props));
 };
 /** 设置Icon */
-var SettingsIcon = exports.SettingsIcon = function SettingsIcon(props) {
+exports.VolumeMutedIcon = VolumeMutedIcon;
+var SettingsIcon = function SettingsIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon",
     component: SettingsSvg
   }, props));
 };
 /** 关闭全部Icon */
-var CloseAllIcon = exports.CloseAllIcon = function CloseAllIcon(props) {
+exports.SettingsIcon = SettingsIcon;
+var CloseAllIcon = function CloseAllIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u5173\u95ED\u5168\u90E8",
     className: "control-icon",
@@ -1737,7 +1760,8 @@ var CloseAllIcon = exports.CloseAllIcon = function CloseAllIcon(props) {
   }, props));
 };
 /** 展开Icon */
-var ExpandIcon = exports.ExpandIcon = function ExpandIcon(props) {
+exports.CloseAllIcon = CloseAllIcon;
+var ExpandIcon = function ExpandIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u5C55\u5F00",
     className: "control-icon",
@@ -1745,7 +1769,8 @@ var ExpandIcon = exports.ExpandIcon = function ExpandIcon(props) {
   }, props));
 };
 /** 收缩Icon */
-var FoldIcon = exports.FoldIcon = function FoldIcon(props) {
+exports.ExpandIcon = ExpandIcon;
+var FoldIcon = function FoldIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u6536\u8D77",
     className: "control-icon",
@@ -1753,7 +1778,8 @@ var FoldIcon = exports.FoldIcon = function FoldIcon(props) {
   }, props));
 };
 /** 添加标签Icon */
-var SetTagIcon = exports.SetTagIcon = function SetTagIcon(props) {
+exports.FoldIcon = FoldIcon;
+var SetTagIcon = function SetTagIcon(props) {
   var _props$active = props.active,
     active = _props$active === void 0 ? false : _props$active;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
@@ -1763,7 +1789,8 @@ var SetTagIcon = exports.SetTagIcon = function SetTagIcon(props) {
   }, props));
 };
 /** 停止对讲Icon */
-var TalkDisableIcon = exports.TalkDisableIcon = function TalkDisableIcon(props) {
+exports.SetTagIcon = SetTagIcon;
+var TalkDisableIcon = function TalkDisableIcon(props) {
   var _props$active2 = props.active,
     active = _props$active2 === void 0 ? false : _props$active2;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
@@ -1773,7 +1800,8 @@ var TalkDisableIcon = exports.TalkDisableIcon = function TalkDisableIcon(props)
   }, props));
 };
 /** 对讲Icon */
-var TalkIcon = exports.TalkIcon = function TalkIcon(props) {
+exports.TalkDisableIcon = TalkDisableIcon;
+var TalkIcon = function TalkIcon(props) {
   var _props$active3 = props.active,
     active = _props$active3 === void 0 ? false : _props$active3;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
@@ -1783,7 +1811,8 @@ var TalkIcon = exports.TalkIcon = function TalkIcon(props) {
   }, props));
 };
 /** 云台控制 */
-var CloudControlIcon = exports.CloudControlIcon = function CloudControlIcon(props) {
+exports.TalkIcon = TalkIcon;
+var CloudControlIcon = function CloudControlIcon(props) {
   var _props$active4 = props.active,
     active = _props$active4 === void 0 ? false : _props$active4;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
@@ -1793,7 +1822,8 @@ var CloudControlIcon = exports.CloudControlIcon = function CloudControlIcon(prop
   }, props));
 };
 /** 屏幕占比Icon */
-var OccupyingScreenIcon = exports.OccupyingScreenIcon = function OccupyingScreenIcon(props) {
+exports.CloudControlIcon = CloudControlIcon;
+var OccupyingScreenIcon = function OccupyingScreenIcon(props) {
   var _props$active5 = props.active,
     active = _props$active5 === void 0 ? false : _props$active5;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
@@ -1803,7 +1833,8 @@ var OccupyingScreenIcon = exports.OccupyingScreenIcon = function OccupyingScreen
   }, props));
 };
 /** 网格Icon */
-var GridIcon = exports.GridIcon = function GridIcon(props) {
+exports.OccupyingScreenIcon = OccupyingScreenIcon;
+var GridIcon = function GridIcon(props) {
   var _props$active6 = props.active,
     active = _props$active6 === void 0 ? false : _props$active6,
     disabled = props.disabled;
@@ -1814,7 +1845,8 @@ var GridIcon = exports.GridIcon = function GridIcon(props) {
   }, props));
 };
 /** 1x1网格Icon */
-var Grid1x1Icon = exports.Grid1x1Icon = function Grid1x1Icon(props) {
+exports.GridIcon = GridIcon;
+var Grid1x1Icon = function Grid1x1Icon(props) {
   var _props$active7 = props.active,
     active = _props$active7 === void 0 ? false : _props$active7;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
@@ -1823,7 +1855,8 @@ var Grid1x1Icon = exports.Grid1x1Icon = function Grid1x1Icon(props) {
   }, props));
 };
 /** 2x2网格Icon */
-var Grid2x2Icon = exports.Grid2x2Icon = function Grid2x2Icon(props) {
+exports.Grid1x1Icon = Grid1x1Icon;
+var Grid2x2Icon = function Grid2x2Icon(props) {
   var _props$active8 = props.active,
     active = _props$active8 === void 0 ? false : _props$active8;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
@@ -1832,7 +1865,8 @@ var Grid2x2Icon = exports.Grid2x2Icon = function Grid2x2Icon(props) {
   }, props));
 };
 /** 3x3网格Icon */
-var Grid3x3Icon = exports.Grid3x3Icon = function Grid3x3Icon(props) {
+exports.Grid2x2Icon = Grid2x2Icon;
+var Grid3x3Icon = function Grid3x3Icon(props) {
   var _props$active9 = props.active,
     active = _props$active9 === void 0 ? false : _props$active9;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
@@ -1841,90 +1875,100 @@ var Grid3x3Icon = exports.Grid3x3Icon = function Grid3x3Icon(props) {
   }, props));
 };
 /** 4x4网格Icon */
-var Grid4x4Icon = exports.Grid4x4Icon = function Grid4x4Icon(props) {
-  var _props$active0 = props.active,
-    active = _props$active0 === void 0 ? false : _props$active0;
+exports.Grid3x3Icon = Grid3x3Icon;
+var Grid4x4Icon = function Grid4x4Icon(props) {
+  var _props$active10 = props.active,
+    active = _props$active10 === void 0 ? false : _props$active10;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid4x4Svg
   }, props));
 };
 /** 5x5网格Icon */
-var Grid5x5Icon = exports.Grid5x5Icon = function Grid5x5Icon(props) {
-  var _props$active1 = props.active,
-    active = _props$active1 === void 0 ? false : _props$active1;
+exports.Grid4x4Icon = Grid4x4Icon;
+var Grid5x5Icon = function Grid5x5Icon(props) {
+  var _props$active11 = props.active,
+    active = _props$active11 === void 0 ? false : _props$active11;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid5x5Svg
   }, props));
 };
 /** 1x5网格Icon */
-var Grid1x5Icon = exports.Grid1x5Icon = function Grid1x5Icon(props) {
-  var _props$active10 = props.active,
-    active = _props$active10 === void 0 ? false : _props$active10;
+exports.Grid5x5Icon = Grid5x5Icon;
+var Grid1x5Icon = function Grid1x5Icon(props) {
+  var _props$active12 = props.active,
+    active = _props$active12 === void 0 ? false : _props$active12;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid1x5Svg
   }, props));
 };
 /** 1x7网格Icon */
-var Grid1x7Icon = exports.Grid1x7Icon = function Grid1x7Icon(props) {
-  var _props$active11 = props.active,
-    active = _props$active11 === void 0 ? false : _props$active11;
+exports.Grid1x5Icon = Grid1x5Icon;
+var Grid1x7Icon = function Grid1x7Icon(props) {
+  var _props$active13 = props.active,
+    active = _props$active13 === void 0 ? false : _props$active13;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid1x7Svg
   }, props));
 };
 /** 1x9网格Icon */
-var Grid1x9Icon = exports.Grid1x9Icon = function Grid1x9Icon(props) {
-  var _props$active12 = props.active,
-    active = _props$active12 === void 0 ? false : _props$active12;
+exports.Grid1x7Icon = Grid1x7Icon;
+var Grid1x9Icon = function Grid1x9Icon(props) {
+  var _props$active14 = props.active,
+    active = _props$active14 === void 0 ? false : _props$active14;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid1x9Svg
   }, props));
 };
 /** 1x12网格Icon */
-var Grid1x12Icon = exports.Grid1x12Icon = function Grid1x12Icon(props) {
-  var _props$active13 = props.active,
-    active = _props$active13 === void 0 ? false : _props$active13;
+exports.Grid1x9Icon = Grid1x9Icon;
+var Grid1x12Icon = function Grid1x12Icon(props) {
+  var _props$active15 = props.active,
+    active = _props$active15 === void 0 ? false : _props$active15;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid1x12Svg
   }, props));
 };
 /** 1x13网格Icon */
-var Grid1x13Icon = exports.Grid1x13Icon = function Grid1x13Icon(props) {
-  var _props$active14 = props.active,
-    active = _props$active14 === void 0 ? false : _props$active14;
+exports.Grid1x12Icon = Grid1x12Icon;
+var Grid1x13Icon = function Grid1x13Icon(props) {
+  var _props$active16 = props.active,
+    active = _props$active16 === void 0 ? false : _props$active16;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid1x13Svg
   }, props));
 };
 /** 1x16网格Icon */
-var Grid1x16Icon = exports.Grid1x16Icon = function Grid1x16Icon(props) {
-  var _props$active15 = props.active,
-    active = _props$active15 === void 0 ? false : _props$active15;
+exports.Grid1x13Icon = Grid1x13Icon;
+var Grid1x16Icon = function Grid1x16Icon(props) {
+  var _props$active17 = props.active,
+    active = _props$active17 === void 0 ? false : _props$active17;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid1x16Svg
   }, props));
 };
 /** 1x21网格Icon */
-var Grid1x21Icon = exports.Grid1x21Icon = function Grid1x21Icon(props) {
-  var _props$active16 = props.active,
-    active = _props$active16 === void 0 ? false : _props$active16;
+exports.Grid1x16Icon = Grid1x16Icon;
+var Grid1x21Icon = function Grid1x21Icon(props) {
+  var _props$active18 = props.active,
+    active = _props$active18 === void 0 ? false : _props$active18;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid1x21Svg
   }, props));
 };
 /** 标签Icon */
-var TagIcon = exports.TagIcon = function TagIcon(props) {
-  var _props$active17 = props.active,
-    active = _props$active17 === void 0 ? false : _props$active17;
+exports.Grid1x21Icon = Grid1x21Icon;
+var TagIcon = function TagIcon(props) {
+  var _props$active19 = props.active,
+    active = _props$active19 === void 0 ? false : _props$active19;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u6807\u7B7E",
     className: "control-icon ".concat(active ? 'active' : ''),
@@ -1932,7 +1976,8 @@ var TagIcon = exports.TagIcon = function TagIcon(props) {
   }, props));
 };
 /** 关闭Icon */
-var CloseIcon = exports.CloseIcon = function CloseIcon(props) {
+exports.TagIcon = TagIcon;
+var CloseIcon = function CloseIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u5173\u95ED",
     className: "close-icon",
@@ -1940,9 +1985,10 @@ var CloseIcon = exports.CloseIcon = function CloseIcon(props) {
   }, props));
 };
 /** 视频播放Icon */
-var VideoPlayIcon = exports.VideoPlayIcon = function VideoPlayIcon(props) {
-  var _props$active18 = props.active,
-    active = _props$active18 === void 0 ? false : _props$active18;
+exports.CloseIcon = CloseIcon;
+var VideoPlayIcon = function VideoPlayIcon(props) {
+  var _props$active20 = props.active,
+    active = _props$active20 === void 0 ? false : _props$active20;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u64AD\u653E",
     className: "control-icon ".concat(active ? 'active' : ''),
@@ -1950,9 +1996,10 @@ var VideoPlayIcon = exports.VideoPlayIcon = function VideoPlayIcon(props) {
   }, props));
 };
 /** 视频关闭Icon */
-var VideoCloseIcon = exports.VideoCloseIcon = function VideoCloseIcon(props) {
-  var _props$active19 = props.active,
-    active = _props$active19 === void 0 ? false : _props$active19;
+exports.VideoPlayIcon = VideoPlayIcon;
+var VideoCloseIcon = function VideoCloseIcon(props) {
+  var _props$active21 = props.active,
+    active = _props$active21 === void 0 ? false : _props$active21;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u5173\u95ED",
     className: "control-icon ".concat(active ? 'active' : ''),
@@ -1960,19 +2007,22 @@ var VideoCloseIcon = exports.VideoCloseIcon = function VideoCloseIcon(props) {
   }, props));
 };
 /** 时间刻度Icon */
-var TimePositionIcon = exports.TimePositionIcon = function TimePositionIcon(props) {
+exports.VideoCloseIcon = VideoCloseIcon;
+var TimePositionIcon = function TimePositionIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     component: TimePositionSvg
   }, props));
 };
 /** 播放视频Icon */
-var PlayVideoBlueIcon = exports.PlayVideoBlueIcon = function PlayVideoBlueIcon(props) {
-  var _props$active20 = props.active,
-    active = _props$active20 === void 0 ? false : _props$active20;
+exports.TimePositionIcon = TimePositionIcon;
+var PlayVideoBlueIcon = function PlayVideoBlueIcon(props) {
+  var _props$active22 = props.active,
+    active = _props$active22 === void 0 ? false : _props$active22;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     title: "\u64AD\u653E",
     className: "control-icon ".concat(active ? 'active' : ''),
     component: PlayVideoBlueSvg
   }, props));
 };
+exports.PlayVideoBlueIcon = PlayVideoBlueIcon;
 //# sourceMappingURL=index.js.map