@vtx/player 1.10.19 → 1.12.1

package/lib/icons/index.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,8 +8,16 @@ exports.VolumeSmallIcon = exports.VolumeMutedIcon = exports.VolumeLargeIcon = ex
 var _jsxRuntime = require("react/jsx-runtime");
 require("./index.less");
 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 _useTranslation = require("../hooks/useTranslation");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 var PauseSvg = function PauseSvg() {
   return (0, _jsxRuntime.jsx)("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -512,44 +520,30 @@ var GridSvg = function GridSvg() {
     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)"
         })]
@@ -565,39 +559,27 @@ var OccupyingScreenSvg = function OccupyingScreenSvg() {
     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)"
         })]
@@ -613,108 +595,72 @@ var Grid4x4Svg = function Grid4x4Svg() {
     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)"
@@ -730,162 +676,108 @@ var Grid5x5Svg = function Grid5x5Svg() {
     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)"
@@ -901,48 +793,32 @@ var Grid1x5Svg = function Grid1x5Svg() {
     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)"
@@ -958,60 +834,40 @@ var Grid1x7Svg = function Grid1x7Svg() {
     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)"
@@ -1027,72 +883,48 @@ var Grid1x9Svg = function Grid1x9Svg() {
     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)"
@@ -1108,90 +940,60 @@ var Grid1x12Svg = function Grid1x12Svg() {
     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)"
@@ -1207,96 +1009,64 @@ var Grid1x13Svg = function Grid1x13Svg() {
     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)"
@@ -1312,114 +1082,76 @@ var Grid1x16Svg = function Grid1x16Svg() {
     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)"
@@ -1435,144 +1167,96 @@ var Grid1x21Svg = function Grid1x21Svg() {
     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)"
@@ -1588,19 +1272,15 @@ var TagSvg = function TagSvg() {
     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)"
       })]
@@ -1615,17 +1295,12 @@ var PlayVideoBlueSvg = function PlayVideoBlueSvg() {
     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"
       })]
     }))
@@ -1639,29 +1314,24 @@ var SetTagSvg = function SetTagSvg() {
     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)"
       })]
     }))
   }));
 };
-var DownloadIcon = function DownloadIcon(props) {
+var DownloadIcon = exports.DownloadIcon = function DownloadIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons.DownloadOutlined, Object.assign({
-    title: "\u4E0B\u8F7D",
+    title: (0, _useTranslation.translateLocaleText)("t('common.download')"),
     className: "control-icon download-icon"
   }, props, {
     style: {
@@ -1671,182 +1341,164 @@ var DownloadIcon = function DownloadIcon(props) {
   }));
 };
 /** 暂停Icon */
-exports.DownloadIcon = DownloadIcon;
-var PauseIcon = function PauseIcon(props) {
+var PauseIcon = exports.PauseIcon = function PauseIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u6682\u505C",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.pause')"),
     className: "control-icon",
     component: PauseSvg
   }, props));
 };
 /** 播放Icon */
-exports.PauseIcon = PauseIcon;
-var PlayIcon = function PlayIcon(props) {
+var PlayIcon = exports.PlayIcon = function PlayIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u64AD\u653E",
+    title: (0, _useTranslation.translateLocaleText)("t('common.play')"),
     className: "control-icon",
     component: PlaySvg
   }, props));
 };
 /** 截图Icon */
-exports.PlayIcon = PlayIcon;
-var CaptureIcon = function CaptureIcon(props) {
+var CaptureIcon = exports.CaptureIcon = function CaptureIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u622A\u56FE",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.capture')"),
     className: "control-icon",
     component: CaptureSvg
   }, props));
 };
 /** 全屏Icon */
-exports.CaptureIcon = CaptureIcon;
-var FullScreenIcon = function FullScreenIcon(props) {
+var FullScreenIcon = exports.FullScreenIcon = function FullScreenIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u5168\u5C4F",
+    title: (0, _useTranslation.translateLocaleText)("t('common.fullscreen')"),
     className: "control-icon",
     component: FullScreenSvg
   }, props));
 };
 /** 退出全屏Icon */
-exports.FullScreenIcon = FullScreenIcon;
-var ExitFullScreenIcon = function ExitFullScreenIcon(props) {
+var ExitFullScreenIcon = exports.ExitFullScreenIcon = function ExitFullScreenIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u9000\u51FA\u5168\u5C4F",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.exitFullscreen')"),
     className: "control-icon",
     component: ExitFullScreenSvg
   }, props));
 };
 /** 音量低Icon */
-exports.ExitFullScreenIcon = ExitFullScreenIcon;
-var VolumeSmallIcon = function VolumeSmallIcon(props) {
+var VolumeSmallIcon = exports.VolumeSmallIcon = function VolumeSmallIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u97F3\u91CF",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.volume')"),
     className: "control-icon",
     component: VolumeSmallSvg
   }, props));
 };
 /** 音量高Icon */
-exports.VolumeSmallIcon = VolumeSmallIcon;
-var VolumeLargeIcon = function VolumeLargeIcon(props) {
+var VolumeLargeIcon = exports.VolumeLargeIcon = function VolumeLargeIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u97F3\u91CF",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.volume')"),
     className: "control-icon",
     component: VolumeLargeSvg
   }, props));
 };
 /** 静音Icon */
-exports.VolumeLargeIcon = VolumeLargeIcon;
-var VolumeMutedIcon = function VolumeMutedIcon(props) {
+var VolumeMutedIcon = exports.VolumeMutedIcon = function VolumeMutedIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u97F3\u91CF",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.volume')"),
     className: "control-icon",
     component: VolumeMutedSvg
   }, props));
 };
 /** 设置Icon */
-exports.VolumeMutedIcon = VolumeMutedIcon;
-var SettingsIcon = function SettingsIcon(props) {
+var SettingsIcon = exports.SettingsIcon = function SettingsIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     className: "control-icon",
     component: SettingsSvg
   }, props));
 };
 /** 关闭全部Icon */
-exports.SettingsIcon = SettingsIcon;
-var CloseAllIcon = function CloseAllIcon(props) {
+var CloseAllIcon = exports.CloseAllIcon = function CloseAllIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u5173\u95ED\u5168\u90E8",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.close')"),
     className: "control-icon",
     component: CloseAllSvg
   }, props));
 };
 /** 展开Icon */
-exports.CloseAllIcon = CloseAllIcon;
-var ExpandIcon = function ExpandIcon(props) {
+var ExpandIcon = exports.ExpandIcon = function ExpandIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u5C55\u5F00",
+    title: (0, _useTranslation.translateLocaleText)("t('common.expand')"),
     className: "control-icon",
     component: ExpandSvg
   }, props));
 };
 /** 收缩Icon */
-exports.ExpandIcon = ExpandIcon;
-var FoldIcon = function FoldIcon(props) {
+var FoldIcon = exports.FoldIcon = function FoldIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u6536\u8D77",
+    title: (0, _useTranslation.translateLocaleText)("t('common.collapse')"),
     className: "control-icon",
     component: FoldSvg
   }, props));
 };
 /** 添加标签Icon */
-exports.FoldIcon = FoldIcon;
-var SetTagIcon = function SetTagIcon(props) {
+var SetTagIcon = exports.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",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.addTag')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: SetTagSvg
   }, props));
 };
 /** 停止对讲Icon */
-exports.SetTagIcon = SetTagIcon;
-var TalkDisableIcon = function TalkDisableIcon(props) {
+var TalkDisableIcon = exports.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",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.stopTalk')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: TalkDisableSvg
   }, props));
 };
 /** 对讲Icon */
-exports.TalkDisableIcon = TalkDisableIcon;
-var TalkIcon = function TalkIcon(props) {
+var TalkIcon = exports.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({
-    title: "\u5BF9\u8BB2",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.talk')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: TalkSvg
   }, props));
 };
-/** 云台控制 */
-exports.TalkIcon = TalkIcon;
-var CloudControlIcon = function CloudControlIcon(props) {
+/** 云台 */
+var CloudControlIcon = exports.CloudControlIcon = function CloudControlIcon(props) {
   var _props$active4 = props.active,
-    active = _props$active4 === void 0 ? false : _props$active4;
+    active = _props$active4 === void 0 ? false : _props$active4,
+    restProps = __rest(props, ["active"]);
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u4E91\u53F0\u63A7\u5236",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.ptzControl')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: CloudControlSvg
-  }, props));
+  }, restProps));
 };
 /** 屏幕占比Icon */
-exports.CloudControlIcon = CloudControlIcon;
-var OccupyingScreenIcon = function OccupyingScreenIcon(props) {
+var OccupyingScreenIcon = exports.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",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.screenRatio')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: OccupyingScreenSvg
   }, props));
 };
 /** 网格Icon */
-exports.OccupyingScreenIcon = OccupyingScreenIcon;
-var GridIcon = function GridIcon(props) {
+var GridIcon = exports.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",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.quantity')"),
     className: "control-icon ".concat(active ? 'active' : '', " ").concat(disabled ? 'disabled' : ''),
     component: GridSvg
   }, props));
 };
 /** 1x1网格Icon */
-exports.GridIcon = GridIcon;
-var Grid1x1Icon = function Grid1x1Icon(props) {
+var Grid1x1Icon = exports.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({
@@ -1855,8 +1507,7 @@ var Grid1x1Icon = function Grid1x1Icon(props) {
   }, props));
 };
 /** 2x2网格Icon */
-exports.Grid1x1Icon = Grid1x1Icon;
-var Grid2x2Icon = function Grid2x2Icon(props) {
+var Grid2x2Icon = exports.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({
@@ -1865,8 +1516,7 @@ var Grid2x2Icon = function Grid2x2Icon(props) {
   }, props));
 };
 /** 3x3网格Icon */
-exports.Grid2x2Icon = Grid2x2Icon;
-var Grid3x3Icon = function Grid3x3Icon(props) {
+var Grid3x3Icon = exports.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({
@@ -1875,154 +1525,138 @@ var Grid3x3Icon = function Grid3x3Icon(props) {
   }, props));
 };
 /** 4x4网格Icon */
-exports.Grid3x3Icon = Grid3x3Icon;
-var Grid4x4Icon = function Grid4x4Icon(props) {
-  var _props$active10 = props.active,
-    active = _props$active10 === void 0 ? false : _props$active10;
+var Grid4x4Icon = exports.Grid4x4Icon = function Grid4x4Icon(props) {
+  var _props$active0 = props.active,
+    active = _props$active0 === void 0 ? false : _props$active0;
   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;
+var Grid5x5Icon = exports.Grid5x5Icon = function Grid5x5Icon(props) {
+  var _props$active1 = props.active,
+    active = _props$active1 === void 0 ? false : _props$active1;
   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;
+var Grid1x5Icon = exports.Grid1x5Icon = function Grid1x5Icon(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: 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;
+var Grid1x7Icon = exports.Grid1x7Icon = function Grid1x7Icon(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: 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;
+var Grid1x9Icon = exports.Grid1x9Icon = function Grid1x9Icon(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: 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;
+var Grid1x12Icon = exports.Grid1x12Icon = function Grid1x12Icon(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: 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;
+var Grid1x13Icon = exports.Grid1x13Icon = function Grid1x13Icon(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: 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;
+var Grid1x16Icon = exports.Grid1x16Icon = function Grid1x16Icon(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: 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;
+var Grid1x21Icon = exports.Grid1x21Icon = function Grid1x21Icon(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: Grid1x21Svg
   }, props));
 };
 /** 标签Icon */
-exports.Grid1x21Icon = Grid1x21Icon;
-var TagIcon = function TagIcon(props) {
-  var _props$active19 = props.active,
-    active = _props$active19 === void 0 ? false : _props$active19;
+var TagIcon = exports.TagIcon = function TagIcon(props) {
+  var _props$active17 = props.active,
+    active = _props$active17 === void 0 ? false : _props$active17;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u6807\u7B7E",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.tag')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: TagSvg
   }, props));
 };
 /** 关闭Icon */
-exports.TagIcon = TagIcon;
-var CloseIcon = function CloseIcon(props) {
+var CloseIcon = exports.CloseIcon = function CloseIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u5173\u95ED",
+    title: (0, _useTranslation.translateLocaleText)("t('common.close')"),
     className: "close-icon",
     component: CloseSvg
   }, props));
 };
 /** 视频播放Icon */
-exports.CloseIcon = CloseIcon;
-var VideoPlayIcon = function VideoPlayIcon(props) {
-  var _props$active20 = props.active,
-    active = _props$active20 === void 0 ? false : _props$active20;
+var VideoPlayIcon = exports.VideoPlayIcon = function VideoPlayIcon(props) {
+  var _props$active18 = props.active,
+    active = _props$active18 === void 0 ? false : _props$active18;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u64AD\u653E",
+    title: (0, _useTranslation.translateLocaleText)("t('common.play')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: VideoPlaySvg
   }, props));
 };
 /** 视频关闭Icon */
-exports.VideoPlayIcon = VideoPlayIcon;
-var VideoCloseIcon = function VideoCloseIcon(props) {
-  var _props$active21 = props.active,
-    active = _props$active21 === void 0 ? false : _props$active21;
+var VideoCloseIcon = exports.VideoCloseIcon = function VideoCloseIcon(props) {
+  var _props$active19 = props.active,
+    active = _props$active19 === void 0 ? false : _props$active19;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u5173\u95ED",
+    title: (0, _useTranslation.translateLocaleText)("t('common.close')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: VideoCloseSvg
   }, props));
 };
 /** 时间刻度Icon */
-exports.VideoCloseIcon = VideoCloseIcon;
-var TimePositionIcon = function TimePositionIcon(props) {
+var TimePositionIcon = exports.TimePositionIcon = function TimePositionIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     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;
+var PlayVideoBlueIcon = exports.PlayVideoBlueIcon = function PlayVideoBlueIcon(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",
+    title: (0, _useTranslation.translateLocaleText)("t('common.play')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: PlayVideoBlueSvg
   }, props));
 };
-exports.PlayVideoBlueIcon = PlayVideoBlueIcon;
 //# sourceMappingURL=index.js.map