@vtx/player 0.0.30 → 1.0.0

package/lib/icons/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VolumeSmallIcon = exports.VolumeMutedIcon = exports.VolumeLargeIcon = exports.VideoPlayIcon = exports.VideoCloseIcon = exports.TimePositionIcon = exports.TalkIcon = exports.TalkDisableIcon = exports.SettingsIcon = exports.PlayIcon = exports.PauseIcon = exports.Grid3x3Icon = exports.Grid2x2Icon = exports.Grid1x1Icon = 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.CloudControlIcon = exports.CloseIcon = exports.CloseAllIcon = exports.CaptureIcon = void 0;
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -528,11 +528,1181 @@ var CloudControlSvg = function CloudControlSvg() {
     }))]
   }));
 };
+
+var GridSvg = function GridSvg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "21",
+    height: "21",
+    viewBox: "0 0 24 24"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "\u753B\u9762\u7EC4\u5408",
+      transform: "translate(-954.5 -98)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1109",
+        "data-name": "\u77E9\u5F62 1109",
+        width: "24",
+        height: "24",
+        transform: "translate(954.5 98)",
+        fill: "#40a9ff",
+        opacity: "0"
+      }), (0, _jsxRuntime.jsxs)("g", Object.assign({
+        id: "\u591A\u5BAB\u683C\u5207\u6362",
+        transform: "translate(-458 -507)"
+      }, {
+        children: [(0, _jsxRuntime.jsx)("path", {
+          id: "\u77E9\u5F62_1232",
+          "data-name": "\u77E9\u5F62 1232",
+          d: "M1,1V17H20V1H1M1,0H20a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+          transform: "translate(1414 608)"
+        }), (0, _jsxRuntime.jsx)("path", {
+          id: "\u76F4\u7EBF_112",
+          "data-name": "\u76F4\u7EBF 112",
+          d: "M9.826.5H0v-1H9.826Z",
+          transform: "translate(1414.702 617.125)"
+        }), (0, _jsxRuntime.jsx)("path", {
+          id: "\u76F4\u7EBF_113",
+          "data-name": "\u76F4\u7EBF 113",
+          d: "M.5,16.845h-1V0h1Z",
+          transform: "translate(1424.528 608.702)"
+        }), (0, _jsxRuntime.jsx)("path", {
+          id: "\u76F4\u7EBF_114",
+          "data-name": "\u76F4\u7EBF 114",
+          d: "M9.826.5H0v-1H9.826Z",
+          transform: "translate(1424.528 614.317)"
+        }), (0, _jsxRuntime.jsx)("path", {
+          id: "\u76F4\u7EBF_115",
+          "data-name": "\u76F4\u7EBF 115",
+          d: "M9.826.5H0v-1H9.826Z",
+          transform: "translate(1424.528 619.932)"
+        })]
+      }))]
+    }))
+  }));
+};
+
+var OccupyingScreenSvg = function OccupyingScreenSvg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "22",
+    height: "22",
+    viewBox: "0 0 24 24"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "\u663E\u793A\u6A21\u5F0F",
+      transform: "translate(-954.5 -98)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1109",
+        "data-name": "\u77E9\u5F62 1109",
+        width: "24",
+        height: "24",
+        transform: "translate(954.5 98)",
+        fill: "#40a9ff",
+        opacity: "0"
+      }), (0, _jsxRuntime.jsxs)("g", Object.assign({
+        id: "\u6EE1\u753B\u9762",
+        transform: "translate(-871 -790)"
+      }, {
+        children: [(0, _jsxRuntime.jsx)("path", {
+          id: "\u77E9\u5F62_1373",
+          "data-name": "\u77E9\u5F62 1373",
+          d: "M1,1V17H20V1H1M1,0H20a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+          transform: "translate(1827 891)"
+        }), (0, _jsxRuntime.jsx)("path", {
+          id: "\u77E9\u5F62_1374",
+          "data-name": "\u77E9\u5F62 1374",
+          d: "M1,1V12H6V1H1M0,0H7V13H0Z",
+          transform: "translate(1834 893.5)"
+        }), (0, _jsxRuntime.jsx)("path", {
+          id: "\u591A\u8FB9\u5F62_8",
+          "data-name": "\u591A\u8FB9\u5F62 8",
+          d: "M3.5,0,7,4H0Z",
+          transform: "translate(1829 903.5) rotate(-90)"
+        }), (0, _jsxRuntime.jsx)("path", {
+          id: "\u591A\u8FB9\u5F62_9",
+          "data-name": "\u591A\u8FB9\u5F62 9",
+          d: "M3.5,0,7,4H0Z",
+          transform: "translate(1846 896.5) rotate(90)"
+        })]
+      }))]
+    }))
+  }));
+};
+
+var Grid4x4Svg = function Grid4x4Svg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "23",
+    height: "18",
+    viewBox: "0 0 23 18"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "_4x4",
+      "data-name": "4x4",
+      transform: "translate(-1582 -608)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("path", {
+        id: "\u77E9\u5F62_1249",
+        "data-name": "\u77E9\u5F62 1249",
+        d: "M1,1V17H22V1H1M1,0H22a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+        transform: "translate(1582 608)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1250",
+        "data-name": "\u77E9\u5F62 1250",
+        width: "4",
+        height: "3",
+        transform: "translate(1584 610)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1262",
+        "data-name": "\u77E9\u5F62 1262",
+        width: "4",
+        height: "2",
+        transform: "translate(1584 614)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1255",
+        "data-name": "\u77E9\u5F62 1255",
+        width: "4",
+        height: "3",
+        transform: "translate(1584 617)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1259",
+        "data-name": "\u77E9\u5F62 1259",
+        width: "4",
+        height: "3",
+        transform: "translate(1584 621)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1251",
+        "data-name": "\u77E9\u5F62 1251",
+        width: "4",
+        height: "3",
+        transform: "translate(1589 610)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1263",
+        "data-name": "\u77E9\u5F62 1263",
+        width: "4",
+        height: "2",
+        transform: "translate(1589 614)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1256",
+        "data-name": "\u77E9\u5F62 1256",
+        width: "4",
+        height: "3",
+        transform: "translate(1589 617)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1260",
+        "data-name": "\u77E9\u5F62 1260",
+        width: "4",
+        height: "3",
+        transform: "translate(1589 621)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1252",
+        "data-name": "\u77E9\u5F62 1252",
+        width: "4",
+        height: "3",
+        transform: "translate(1594 610)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1264",
+        "data-name": "\u77E9\u5F62 1264",
+        width: "4",
+        height: "2",
+        transform: "translate(1594 614)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1257",
+        "data-name": "\u77E9\u5F62 1257",
+        width: "4",
+        height: "3",
+        transform: "translate(1594 617)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1261",
+        "data-name": "\u77E9\u5F62 1261",
+        width: "4",
+        height: "3",
+        transform: "translate(1594 621)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1253",
+        "data-name": "\u77E9\u5F62 1253",
+        width: "4",
+        height: "3",
+        transform: "translate(1599 610)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1265",
+        "data-name": "\u77E9\u5F62 1265",
+        width: "4",
+        height: "2",
+        transform: "translate(1599 614)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1254",
+        "data-name": "\u77E9\u5F62 1254",
+        width: "4",
+        height: "3",
+        transform: "translate(1599 617)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1258",
+        "data-name": "\u77E9\u5F62 1258",
+        width: "4",
+        height: "3",
+        transform: "translate(1599 621)"
+      })]
+    }))
+  }));
+};
+
+var Grid5x5Svg = function Grid5x5Svg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "23",
+    height: "18",
+    viewBox: "0 0 23 18"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "_5x5",
+      "data-name": "5x5",
+      transform: "translate(-1638 -608)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("path", {
+        id: "\u77E9\u5F62_1266",
+        "data-name": "\u77E9\u5F62 1266",
+        d: "M1,1V17H22V1H1M1,0H22a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+        transform: "translate(1638 608)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1267",
+        "data-name": "\u77E9\u5F62 1267",
+        width: "3",
+        height: "2",
+        transform: "translate(1640 610)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1276",
+        "data-name": "\u77E9\u5F62 1276",
+        width: "3",
+        height: "2",
+        transform: "translate(1640 613)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1281",
+        "data-name": "\u77E9\u5F62 1281",
+        width: "3",
+        height: "2",
+        transform: "translate(1640 616)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1286",
+        "data-name": "\u77E9\u5F62 1286",
+        width: "3",
+        height: "2",
+        transform: "translate(1640 619)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1291",
+        "data-name": "\u77E9\u5F62 1291",
+        width: "3",
+        height: "2",
+        transform: "translate(1640 622)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1268",
+        "data-name": "\u77E9\u5F62 1268",
+        width: "3",
+        height: "2",
+        transform: "translate(1644 610)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1275",
+        "data-name": "\u77E9\u5F62 1275",
+        width: "3",
+        height: "2",
+        transform: "translate(1644 613)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1280",
+        "data-name": "\u77E9\u5F62 1280",
+        width: "3",
+        height: "2",
+        transform: "translate(1644 616)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1285",
+        "data-name": "\u77E9\u5F62 1285",
+        width: "3",
+        height: "2",
+        transform: "translate(1644 619)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1290",
+        "data-name": "\u77E9\u5F62 1290",
+        width: "3",
+        height: "2",
+        transform: "translate(1644 622)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1269",
+        "data-name": "\u77E9\u5F62 1269",
+        width: "3",
+        height: "2",
+        transform: "translate(1648 610)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1274",
+        "data-name": "\u77E9\u5F62 1274",
+        width: "3",
+        height: "2",
+        transform: "translate(1648 613)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1279",
+        "data-name": "\u77E9\u5F62 1279",
+        width: "3",
+        height: "2",
+        transform: "translate(1648 616)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1284",
+        "data-name": "\u77E9\u5F62 1284",
+        width: "3",
+        height: "2",
+        transform: "translate(1648 619)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1289",
+        "data-name": "\u77E9\u5F62 1289",
+        width: "3",
+        height: "2",
+        transform: "translate(1648 622)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1270",
+        "data-name": "\u77E9\u5F62 1270",
+        width: "3",
+        height: "2",
+        transform: "translate(1652 610)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1273",
+        "data-name": "\u77E9\u5F62 1273",
+        width: "3",
+        height: "2",
+        transform: "translate(1652 613)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1278",
+        "data-name": "\u77E9\u5F62 1278",
+        width: "3",
+        height: "2",
+        transform: "translate(1652 616)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1283",
+        "data-name": "\u77E9\u5F62 1283",
+        width: "3",
+        height: "2",
+        transform: "translate(1652 619)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1288",
+        "data-name": "\u77E9\u5F62 1288",
+        width: "3",
+        height: "2",
+        transform: "translate(1652 622)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1271",
+        "data-name": "\u77E9\u5F62 1271",
+        width: "3",
+        height: "2",
+        transform: "translate(1656 610)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1272",
+        "data-name": "\u77E9\u5F62 1272",
+        width: "3",
+        height: "2",
+        transform: "translate(1656 613)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1277",
+        "data-name": "\u77E9\u5F62 1277",
+        width: "3",
+        height: "2",
+        transform: "translate(1656 616)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1282",
+        "data-name": "\u77E9\u5F62 1282",
+        width: "3",
+        height: "2",
+        transform: "translate(1656 619)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1287",
+        "data-name": "\u77E9\u5F62 1287",
+        width: "3",
+        height: "2",
+        transform: "translate(1656 622)"
+      })]
+    }))
+  }));
+};
+
+var Grid1x5Svg = function Grid1x5Svg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "23",
+    height: "18",
+    viewBox: "0 0 23 18"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "_1_5",
+      "data-name": "1+5",
+      transform: "translate(-1470 -664)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("path", {
+        id: "\u77E9\u5F62_1293",
+        "data-name": "\u77E9\u5F62 1293",
+        d: "M1,1V17H22V1H1M1,0H22a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+        transform: "translate(1470 664)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1292",
+        "data-name": "\u77E9\u5F62 1292",
+        width: "13",
+        height: "9",
+        transform: "translate(1472 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1294",
+        "data-name": "\u77E9\u5F62 1294",
+        width: "5",
+        height: "4",
+        transform: "translate(1486 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1295",
+        "data-name": "\u77E9\u5F62 1295",
+        width: "5",
+        height: "4",
+        transform: "translate(1486 671)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1296",
+        "data-name": "\u77E9\u5F62 1296",
+        width: "5",
+        height: "4",
+        transform: "translate(1486 676)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1297",
+        "data-name": "\u77E9\u5F62 1297",
+        width: "6",
+        height: "4",
+        transform: "translate(1479 676)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1298",
+        "data-name": "\u77E9\u5F62 1298",
+        width: "6",
+        height: "4",
+        transform: "translate(1472 676)"
+      })]
+    }))
+  }));
+};
+
+var Grid1x7Svg = function Grid1x7Svg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "23",
+    height: "18",
+    viewBox: "0 0 23 18"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "_1_7",
+      "data-name": "1+7",
+      transform: "translate(-1526 -664)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("path", {
+        id: "\u77E9\u5F62_1299",
+        "data-name": "\u77E9\u5F62 1299",
+        d: "M1,1V17H22V1H1M1,0H22a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+        transform: "translate(1526 664)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1300",
+        "data-name": "\u77E9\u5F62 1300",
+        width: "14",
+        height: "10",
+        transform: "translate(1528 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1301",
+        "data-name": "\u77E9\u5F62 1301",
+        width: "4",
+        height: "3",
+        transform: "translate(1543 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1302",
+        "data-name": "\u77E9\u5F62 1302",
+        width: "4",
+        height: "2",
+        transform: "translate(1543 670)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1303",
+        "data-name": "\u77E9\u5F62 1303",
+        width: "4",
+        height: "3",
+        transform: "translate(1543 673)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1304",
+        "data-name": "\u77E9\u5F62 1304",
+        width: "4",
+        height: "3",
+        transform: "translate(1543 677)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1305",
+        "data-name": "\u77E9\u5F62 1305",
+        width: "4",
+        height: "3",
+        transform: "translate(1538 677)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1306",
+        "data-name": "\u77E9\u5F62 1306",
+        width: "4",
+        height: "3",
+        transform: "translate(1533 677)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1307",
+        "data-name": "\u77E9\u5F62 1307",
+        width: "4",
+        height: "3",
+        transform: "translate(1528 677)"
+      })]
+    }))
+  }));
+};
+
+var Grid1x9Svg = function Grid1x9Svg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "23",
+    height: "18",
+    viewBox: "0 0 23 18"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "_1_9",
+      "data-name": "1+9",
+      transform: "translate(-1638 -664)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("path", {
+        id: "\u77E9\u5F62_1308",
+        "data-name": "\u77E9\u5F62 1308",
+        d: "M1,1V17H22V1H1M1,0H22a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+        transform: "translate(1638 664)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1309",
+        "data-name": "\u77E9\u5F62 1309",
+        width: "14",
+        height: "8",
+        transform: "translate(1640 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1310",
+        "data-name": "\u77E9\u5F62 1310",
+        width: "4",
+        height: "2",
+        transform: "translate(1655 669)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2011",
+        "data-name": "\u77E9\u5F62 2011",
+        width: "4",
+        height: "2",
+        transform: "translate(1655 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1311",
+        "data-name": "\u77E9\u5F62 1311",
+        width: "4",
+        height: "2",
+        transform: "translate(1655 672)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1312",
+        "data-name": "\u77E9\u5F62 1312",
+        width: "4",
+        height: "2",
+        transform: "translate(1655 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2006",
+        "data-name": "\u77E9\u5F62 2006",
+        width: "7",
+        height: "2",
+        transform: "translate(1647 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2008",
+        "data-name": "\u77E9\u5F62 2008",
+        width: "6",
+        height: "2",
+        transform: "translate(1640 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1313",
+        "data-name": "\u77E9\u5F62 1313",
+        width: "4",
+        height: "2",
+        transform: "translate(1655 678)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1314",
+        "data-name": "\u77E9\u5F62 1314",
+        width: "7",
+        height: "2",
+        transform: "translate(1647 678)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1316",
+        "data-name": "\u77E9\u5F62 1316",
+        width: "6",
+        height: "2",
+        transform: "translate(1640 678)"
+      })]
+    }))
+  }));
+};
+
+var Grid1x12Svg = function Grid1x12Svg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "23",
+    height: "18",
+    viewBox: "0 0 23 18"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "_1_12",
+      "data-name": "1+12",
+      transform: "translate(-1638 -664)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("path", {
+        id: "\u77E9\u5F62_1308",
+        "data-name": "\u77E9\u5F62 1308",
+        d: "M1,1V17H22V1H1M1,0H22a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+        transform: "translate(1638 664)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1309",
+        "data-name": "\u77E9\u5F62 1309",
+        width: "9",
+        height: "7",
+        transform: "translate(1640 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1310",
+        "data-name": "\u77E9\u5F62 1310",
+        width: "4",
+        height: "3",
+        transform: "translate(1655 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2010",
+        "data-name": "\u77E9\u5F62 2010",
+        width: "4",
+        height: "3",
+        transform: "translate(1650 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1311",
+        "data-name": "\u77E9\u5F62 1311",
+        width: "4",
+        height: "3",
+        transform: "translate(1655 670)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2009",
+        "data-name": "\u77E9\u5F62 2009",
+        width: "4",
+        height: "3",
+        transform: "translate(1650 670)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1312",
+        "data-name": "\u77E9\u5F62 1312",
+        width: "4",
+        height: "2",
+        transform: "translate(1655 674)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2006",
+        "data-name": "\u77E9\u5F62 2006",
+        width: "4",
+        height: "2",
+        transform: "translate(1650 674)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2007",
+        "data-name": "\u77E9\u5F62 2007",
+        width: "4",
+        height: "2",
+        transform: "translate(1645 674)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2008",
+        "data-name": "\u77E9\u5F62 2008",
+        width: "4",
+        height: "2",
+        transform: "translate(1640 674)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1313",
+        "data-name": "\u77E9\u5F62 1313",
+        width: "4",
+        height: "3",
+        transform: "translate(1655 677)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1314",
+        "data-name": "\u77E9\u5F62 1314",
+        width: "4",
+        height: "3",
+        transform: "translate(1650 677)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1315",
+        "data-name": "\u77E9\u5F62 1315",
+        width: "4",
+        height: "3",
+        transform: "translate(1645 677)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1316",
+        "data-name": "\u77E9\u5F62 1316",
+        width: "4",
+        height: "3",
+        transform: "translate(1640 677)"
+      })]
+    }))
+  }));
+};
+
+var Grid1x13Svg = function Grid1x13Svg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "23",
+    height: "18",
+    viewBox: "0 0 23 18"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "_1_13",
+      "data-name": "1+13",
+      transform: "translate(-1638 -664)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("path", {
+        id: "\u77E9\u5F62_1308",
+        "data-name": "\u77E9\u5F62 1308",
+        d: "M1,1V17H22V1H1M1,0H22a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+        transform: "translate(1638 664)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1309",
+        "data-name": "\u77E9\u5F62 1309",
+        width: "9",
+        height: "8",
+        transform: "translate(1640 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1310",
+        "data-name": "\u77E9\u5F62 1310",
+        width: "4",
+        height: "2",
+        transform: "translate(1655 669)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2013",
+        "data-name": "\u77E9\u5F62 2013",
+        width: "4",
+        height: "2",
+        transform: "translate(1650 669)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2014",
+        "data-name": "\u77E9\u5F62 2014",
+        width: "4",
+        height: "2",
+        transform: "translate(1650 672)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2012",
+        "data-name": "\u77E9\u5F62 2012",
+        width: "9",
+        height: "2",
+        transform: "translate(1650 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1311",
+        "data-name": "\u77E9\u5F62 1311",
+        width: "4",
+        height: "2",
+        transform: "translate(1655 672)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1312",
+        "data-name": "\u77E9\u5F62 1312",
+        width: "4",
+        height: "2",
+        transform: "translate(1655 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2006",
+        "data-name": "\u77E9\u5F62 2006",
+        width: "4",
+        height: "2",
+        transform: "translate(1650 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2007",
+        "data-name": "\u77E9\u5F62 2007",
+        width: "4",
+        height: "2",
+        transform: "translate(1645 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_2008",
+        "data-name": "\u77E9\u5F62 2008",
+        width: "4",
+        height: "2",
+        transform: "translate(1640 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1313",
+        "data-name": "\u77E9\u5F62 1313",
+        width: "4",
+        height: "2",
+        transform: "translate(1655 678)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1314",
+        "data-name": "\u77E9\u5F62 1314",
+        width: "4",
+        height: "2",
+        transform: "translate(1650 678)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1315",
+        "data-name": "\u77E9\u5F62 1315",
+        width: "4",
+        height: "2",
+        transform: "translate(1645 678)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1316",
+        "data-name": "\u77E9\u5F62 1316",
+        width: "4",
+        height: "2",
+        transform: "translate(1640 678)"
+      })]
+    }))
+  }));
+};
+
+var Grid1x16Svg = function Grid1x16Svg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "23",
+    height: "18",
+    viewBox: "0 0 23 18"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "_1_16",
+      "data-name": "1+16",
+      transform: "translate(-1694 -664)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("path", {
+        id: "\u77E9\u5F62_1318",
+        "data-name": "\u77E9\u5F62 1318",
+        d: "M1,1V17H22V1H1M1,0H22a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+        transform: "translate(1694 664)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1317",
+        "data-name": "\u77E9\u5F62 1317",
+        width: "11",
+        height: "8",
+        transform: "translate(1696 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1319",
+        "data-name": "\u77E9\u5F62 1319",
+        width: "3",
+        height: "2",
+        transform: "translate(1708 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1322",
+        "data-name": "\u77E9\u5F62 1322",
+        width: "3",
+        height: "2",
+        transform: "translate(1708 669)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1324",
+        "data-name": "\u77E9\u5F62 1324",
+        width: "3",
+        height: "2",
+        transform: "translate(1708 672)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1326",
+        "data-name": "\u77E9\u5F62 1326",
+        width: "3",
+        height: "2",
+        transform: "translate(1708 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1328",
+        "data-name": "\u77E9\u5F62 1328",
+        width: "3",
+        height: "2",
+        transform: "translate(1708 678)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1330",
+        "data-name": "\u77E9\u5F62 1330",
+        width: "3",
+        height: "2",
+        transform: "translate(1700 678)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1332",
+        "data-name": "\u77E9\u5F62 1332",
+        width: "3",
+        height: "2",
+        transform: "translate(1700 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1333",
+        "data-name": "\u77E9\u5F62 1333",
+        width: "3",
+        height: "2",
+        transform: "translate(1696 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1334",
+        "data-name": "\u77E9\u5F62 1334",
+        width: "3",
+        height: "2",
+        transform: "translate(1696 678)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1320",
+        "data-name": "\u77E9\u5F62 1320",
+        width: "3",
+        height: "2",
+        transform: "translate(1712 666)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1321",
+        "data-name": "\u77E9\u5F62 1321",
+        width: "3",
+        height: "2",
+        transform: "translate(1712 669)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1323",
+        "data-name": "\u77E9\u5F62 1323",
+        width: "3",
+        height: "2",
+        transform: "translate(1712 672)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1325",
+        "data-name": "\u77E9\u5F62 1325",
+        width: "3",
+        height: "2",
+        transform: "translate(1712 675)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1327",
+        "data-name": "\u77E9\u5F62 1327",
+        width: "3",
+        height: "2",
+        transform: "translate(1712 678)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1329",
+        "data-name": "\u77E9\u5F62 1329",
+        width: "3",
+        height: "2",
+        transform: "translate(1704 678)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1331",
+        "data-name": "\u77E9\u5F62 1331",
+        width: "3",
+        height: "2",
+        transform: "translate(1704 675)"
+      })]
+    }))
+  }));
+};
+
+var Grid1x21Svg = function Grid1x21Svg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "23",
+    height: "18",
+    viewBox: "0 0 23 18"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "_1_21",
+      "data-name": "1+21",
+      transform: "translate(-1526 -720)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("path", {
+        id: "\u77E9\u5F62_1345",
+        "data-name": "\u77E9\u5F62 1345",
+        d: "M1,1V17H22V1H1M1,0H22a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0Z",
+        transform: "translate(1526 720)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1346",
+        "data-name": "\u77E9\u5F62 1346",
+        width: "7",
+        height: "5",
+        transform: "translate(1528 722)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1347",
+        "data-name": "\u77E9\u5F62 1347",
+        width: "3",
+        height: "2",
+        transform: "translate(1536 731)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1363",
+        "data-name": "\u77E9\u5F62 1363",
+        width: "3",
+        height: "2",
+        transform: "translate(1532 731)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1371",
+        "data-name": "\u77E9\u5F62 1371",
+        width: "3",
+        height: "2",
+        transform: "translate(1532 728)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1366",
+        "data-name": "\u77E9\u5F62 1366",
+        width: "3",
+        height: "2",
+        transform: "translate(1528 731)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1372",
+        "data-name": "\u77E9\u5F62 1372",
+        width: "3",
+        height: "2",
+        transform: "translate(1528 728)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1348",
+        "data-name": "\u77E9\u5F62 1348",
+        width: "3",
+        height: "2",
+        transform: "translate(1536 734)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1364",
+        "data-name": "\u77E9\u5F62 1364",
+        width: "3",
+        height: "2",
+        transform: "translate(1532 734)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1367",
+        "data-name": "\u77E9\u5F62 1367",
+        width: "3",
+        height: "2",
+        transform: "translate(1528 734)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1349",
+        "data-name": "\u77E9\u5F62 1349",
+        width: "3",
+        height: "2",
+        transform: "translate(1540 734)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1356",
+        "data-name": "\u77E9\u5F62 1356",
+        width: "3",
+        height: "2",
+        transform: "translate(1540 728)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1368",
+        "data-name": "\u77E9\u5F62 1368",
+        width: "3",
+        height: "2",
+        transform: "translate(1536 728)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1350",
+        "data-name": "\u77E9\u5F62 1350",
+        width: "3",
+        height: "2",
+        transform: "translate(1540 731)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1353",
+        "data-name": "\u77E9\u5F62 1353",
+        width: "3",
+        height: "2",
+        transform: "translate(1540 725)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1369",
+        "data-name": "\u77E9\u5F62 1369",
+        width: "3",
+        height: "2",
+        transform: "translate(1536 725)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1359",
+        "data-name": "\u77E9\u5F62 1359",
+        width: "3",
+        height: "2",
+        transform: "translate(1540 722)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1370",
+        "data-name": "\u77E9\u5F62 1370",
+        width: "3",
+        height: "2",
+        transform: "translate(1536 722)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1351",
+        "data-name": "\u77E9\u5F62 1351",
+        width: "3",
+        height: "2",
+        transform: "translate(1544 731)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1358",
+        "data-name": "\u77E9\u5F62 1358",
+        width: "3",
+        height: "2",
+        transform: "translate(1544 725)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1361",
+        "data-name": "\u77E9\u5F62 1361",
+        width: "3",
+        height: "2",
+        transform: "translate(1544 722)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1352",
+        "data-name": "\u77E9\u5F62 1352",
+        width: "3",
+        height: "2",
+        transform: "translate(1544 734)"
+      }), (0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1357",
+        "data-name": "\u77E9\u5F62 1357",
+        width: "3",
+        height: "2",
+        transform: "translate(1544 728)"
+      })]
+    }))
+  }));
+};
+
+var TagSvg = function TagSvg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "\u6807\u7B7E",
+      transform: "translate(-21 -5)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("rect", {
+        id: "\u5E95",
+        width: "16",
+        height: "16",
+        transform: "translate(21 5)",
+        fill: "#fff",
+        opacity: "0"
+      }), (0, _jsxRuntime.jsx)("path", {
+        id: "\u8DEF\u5F84_483",
+        "data-name": "\u8DEF\u5F84 483",
+        d: "M75.859,64.709A1.345,1.345,0,0,1,77.2,66.05v3.133a3.731,3.731,0,0,1-.95,2.291l-5.342,5.342a1.344,1.344,0,0,1-1.9,0L65.094,72.9a1.346,1.346,0,0,1,0-1.9l5.342-5.342a3.73,3.73,0,0,1,2.291-.949Zm-1.782,4.464a1.339,1.339,0,1,0-1.339-1.339,1.339,1.339,0,0,0,1.339,1.339Zm0,0",
+        transform: "translate(-41.953 -57.958)"
+      })]
+    }))
+  }));
+};
+
+var PlayVideoBlueSvg = function PlayVideoBlueSvg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "\u64AD\u653E\u89C6\u9891",
+      transform: "translate(-139.199 -82)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("path", {
+        id: "\u8DEF\u5F84_486",
+        "data-name": "\u8DEF\u5F84 486",
+        d: "M439.981,351.3l-3.19,1.842a.994.994,0,0,1-1.491-.861V348.6a1,1,0,0,1,1.491-.861l3.19,1.842A1,1,0,0,1,439.981,351.3Z",
+        transform: "translate(-290.182 -260.305)"
+      }), (0, _jsxRuntime.jsx)("path", {
+        id: "\u8DEF\u5F84_487",
+        "data-name": "\u8DEF\u5F84 487",
+        d: "M147.2,98a8,8,0,1,1,8-8A8.009,8.009,0,0,1,147.2,98Zm0-14.966A6.967,6.967,0,1,0,154.167,90,6.974,6.974,0,0,0,147.2,83.033Z"
+      })]
+    }))
+  }));
+};
+
+var SetTagSvg = function SetTagSvg() {
+  return (0, _jsxRuntime.jsx)("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, {
+    children: (0, _jsxRuntime.jsxs)("g", Object.assign({
+      id: "\u6DFB\u52A0\u6807\u7B7E-\u60AC\u505C",
+      transform: "translate(-711 -629)"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("rect", {
+        id: "\u77E9\u5F62_1003",
+        "data-name": "\u77E9\u5F62 1003",
+        width: "24",
+        height: "24",
+        transform: "translate(711 629)",
+        fill: "#fff",
+        opacity: "0"
+      }), (0, _jsxRuntime.jsx)("path", {
+        id: "\u8054\u5408_6",
+        "data-name": "\u8054\u5408 6",
+        d: "M18914.949-10400.437a4.354,4.354,0,0,1,4.355-4.343,4.361,4.361,0,0,1,4.363,4.343,4.361,4.361,0,0,1-4.363,4.348A4.355,4.355,0,0,1,18914.949-10400.437Zm1.346,0a.462.462,0,0,0,.461.459h2.09v2.081a.46.46,0,0,0,.459.459.462.462,0,0,0,.461-.459v-2.081h2.09a.459.459,0,0,0,.459-.459.46.46,0,0,0-.459-.459h-2.09v-2.082a.458.458,0,0,0-.461-.454.457.457,0,0,0-.459.454v2.082h-2.09A.463.463,0,0,0,18916.295-10400.437Zm-4.549,2.706-5.229-3.784a1.567,1.567,0,0,1-.625-1.018,1.551,1.551,0,0,1,.281-1.16l5.176-7.1a4.319,4.319,0,0,1,2.461-1.5l3.611-.573a1.38,1.38,0,0,1,.242-.02,1.578,1.578,0,0,1,1.549,1.316l.566,3.6a4.345,4.345,0,0,1-.354,2.232.989.989,0,0,0-.117,0,5.4,5.4,0,0,0-5.4,5.38,5.342,5.342,0,0,0,.336,1.867l-.314.423a1.576,1.576,0,0,1-1.27.646A1.55,1.55,0,0,1,18911.746-10397.731Zm3.951-12.764a1.548,1.548,0,0,0-1.025.623,1.544,1.544,0,0,0-.275,1.157,1.548,1.548,0,0,0,1.541,1.312,1.4,1.4,0,0,0,.244-.02,1.564,1.564,0,0,0,1.3-1.778,1.563,1.563,0,0,0-1.533-1.313A1.534,1.534,0,0,0,18915.7-10410.5Z",
+        transform: "translate(-18191.773 11046.3)"
+      })]
+    }))
+  }));
+};
 /** 暂停Icon */
 
 
 var PauseIcon = function PauseIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u6682\u505C",
     className: "control-icon",
     component: PauseSvg
   }, props));
@@ -544,6 +1714,7 @@ exports.PauseIcon = PauseIcon;
 
 var PlayIcon = function PlayIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u64AD\u653E",
     className: "control-icon",
     component: PlaySvg
   }, props));
@@ -555,6 +1726,7 @@ exports.PlayIcon = PlayIcon;
 
 var CaptureIcon = function CaptureIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u622A\u56FE",
     className: "control-icon",
     component: CaptureSvg
   }, props));
@@ -566,6 +1738,7 @@ exports.CaptureIcon = CaptureIcon;
 
 var FullScreenIcon = function FullScreenIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u5168\u5C4F",
     className: "control-icon",
     component: FullScreenSvg
   }, props));
@@ -577,6 +1750,7 @@ exports.FullScreenIcon = FullScreenIcon;
 
 var ExitFullScreenIcon = function ExitFullScreenIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u9000\u51FA\u5168\u5C4F",
     className: "control-icon",
     component: ExitFullScreenSvg
   }, props));
@@ -588,6 +1762,7 @@ exports.ExitFullScreenIcon = ExitFullScreenIcon;
 
 var VolumeSmallIcon = function VolumeSmallIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u97F3\u91CF",
     className: "control-icon",
     component: VolumeSmallSvg
   }, props));
@@ -599,6 +1774,7 @@ exports.VolumeSmallIcon = VolumeSmallIcon;
 
 var VolumeLargeIcon = function VolumeLargeIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u97F3\u91CF",
     className: "control-icon",
     component: VolumeLargeSvg
   }, props));
@@ -610,6 +1786,7 @@ exports.VolumeLargeIcon = VolumeLargeIcon;
 
 var VolumeMutedIcon = function VolumeMutedIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u97F3\u91CF",
     className: "control-icon",
     component: VolumeMutedSvg
   }, props));
@@ -632,6 +1809,7 @@ exports.SettingsIcon = SettingsIcon;
 
 var CloseAllIcon = function CloseAllIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u5173\u95ED\u5168\u90E8",
     className: "control-icon",
     component: CloseAllSvg
   }, props));
@@ -643,6 +1821,7 @@ exports.CloseAllIcon = CloseAllIcon;
 
 var ExpandIcon = function ExpandIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u5C55\u5F00",
     className: "control-icon",
     component: ExpandSvg
   }, props));
@@ -654,19 +1833,35 @@ exports.ExpandIcon = ExpandIcon;
 
 var FoldIcon = function FoldIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u6536\u8D77",
     className: "control-icon",
     component: FoldSvg
   }, props));
 };
-/** 停止对讲Icon */
+/** 添加标签Icon */
 
 
 exports.FoldIcon = FoldIcon;
 
-var TalkDisableIcon = function TalkDisableIcon(props) {
+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({
+    title: "\u6DFB\u52A0\u6807\u7B7E",
+    className: "control-icon ".concat(active ? 'active' : ''),
+    component: SetTagSvg
+  }, props));
+};
+/** 停止对讲Icon */
+
+
+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({
+    title: "\u505C\u6B62\u5BF9\u8BB2",
     className: "control-icon ".concat(active ? 'active' : ''),
     component: TalkDisableSvg
   }, props));
@@ -677,9 +1872,10 @@ var TalkDisableIcon = function TalkDisableIcon(props) {
 exports.TalkDisableIcon = TalkDisableIcon;
 
 var TalkIcon = function TalkIcon(props) {
-  var _props$active2 = props.active,
-      active = _props$active2 === void 0 ? false : _props$active2;
+  var _props$active3 = props.active,
+      active = _props$active3 === void 0 ? false : _props$active3;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u5BF9\u8BB2",
     className: "control-icon ".concat(active ? 'active' : ''),
     component: TalkSvg
   }, props));
@@ -690,21 +1886,51 @@ var TalkIcon = function TalkIcon(props) {
 exports.TalkIcon = TalkIcon;
 
 var CloudControlIcon = function CloudControlIcon(props) {
-  var _props$active3 = props.active,
-      active = _props$active3 === void 0 ? false : _props$active3;
+  var _props$active4 = props.active,
+      active = _props$active4 === void 0 ? false : _props$active4;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u4E91\u53F0\u63A7\u5236",
     className: "control-icon ".concat(active ? 'active' : ''),
     component: CloudControlSvg
   }, props));
 };
-/** 1x1网格Icon */
+/** 屏幕占比Icon */
 
 
 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({
+    title: "\u5C4F\u5E55\u5360\u6BD4",
+    className: "control-icon ".concat(active ? 'active' : ''),
+    component: OccupyingScreenSvg
+  }, props));
+};
+/** 网格Icon */
+
+
+exports.OccupyingScreenIcon = OccupyingScreenIcon;
+
+var GridIcon = function GridIcon(props) {
+  var _props$active6 = props.active,
+      active = _props$active6 === void 0 ? false : _props$active6,
+      disabled = props.disabled;
+  return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u7A97\u53E3\u6570\u91CF",
+    className: "control-icon ".concat(active ? 'active' : '', " ").concat(disabled ? 'disabled' : ''),
+    component: GridSvg
+  }, props));
+};
+/** 1x1网格Icon */
+
+
+exports.GridIcon = GridIcon;
+
 var Grid1x1Icon = function Grid1x1Icon(props) {
-  var _props$active4 = props.active,
-      active = _props$active4 === void 0 ? false : _props$active4;
+  var _props$active7 = props.active,
+      active = _props$active7 === void 0 ? false : _props$active7;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid1x1Svg
@@ -716,8 +1942,8 @@ var Grid1x1Icon = function Grid1x1Icon(props) {
 exports.Grid1x1Icon = Grid1x1Icon;
 
 var Grid2x2Icon = function Grid2x2Icon(props) {
-  var _props$active5 = props.active,
-      active = _props$active5 === void 0 ? false : _props$active5;
+  var _props$active8 = props.active,
+      active = _props$active8 === void 0 ? false : _props$active8;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid2x2Svg
@@ -729,20 +1955,152 @@ var Grid2x2Icon = function Grid2x2Icon(props) {
 exports.Grid2x2Icon = Grid2x2Icon;
 
 var Grid3x3Icon = function Grid3x3Icon(props) {
-  var _props$active6 = props.active,
-      active = _props$active6 === void 0 ? false : _props$active6;
+  var _props$active9 = props.active,
+      active = _props$active9 === void 0 ? false : _props$active9;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon ".concat(active ? 'active' : ''),
     component: Grid3x3Svg
   }, props));
 };
-/** 关闭Icon */
+/** 4x4网格Icon */
 
 
 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 */
+
+
+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 */
+
+
+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 */
+
+
+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 */
+
+
+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 */
+
+
+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 */
+
+
+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 */
+
+
+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 */
+
+
+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 */
+
+
+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' : ''),
+    component: TagSvg
+  }, props));
+};
+/** 关闭Icon */
+
+
+exports.TagIcon = TagIcon;
+
 var CloseIcon = function CloseIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
+    title: "\u5173\u95ED",
     className: "close-icon",
     component: CloseSvg
   }, props));
@@ -753,9 +2111,10 @@ var CloseIcon = function CloseIcon(props) {
 exports.CloseIcon = CloseIcon;
 
 var VideoPlayIcon = function VideoPlayIcon(props) {
-  var _props$active7 = props.active,
-      active = _props$active7 === void 0 ? false : _props$active7;
+  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' : ''),
     component: VideoPlaySvg
   }, props));
@@ -766,9 +2125,10 @@ var VideoPlayIcon = function VideoPlayIcon(props) {
 exports.VideoPlayIcon = VideoPlayIcon;
 
 var VideoCloseIcon = function VideoCloseIcon(props) {
-  var _props$active8 = props.active,
-      active = _props$active8 === void 0 ? false : _props$active8;
+  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' : ''),
     component: VideoCloseSvg
   }, props));
@@ -783,6 +2143,20 @@ var TimePositionIcon = function TimePositionIcon(props) {
     component: TimePositionSvg
   }, props));
 };
+/** 播放视频Icon */
+
 
 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