@vtx/player 1.10.18 → 1.11.0

package/lib/icons/index.js

@@ -8,6 +8,7 @@ exports.VolumeSmallIcon = exports.VolumeMutedIcon = exports.VolumeLargeIcon = ex
 var _jsxRuntime = require("react/jsx-runtime");
 require("./index.less");
 var _icons = _interopRequireWildcard(require("@ant-design/icons"));
+var _useTranslation = require("../hooks/useTranslation");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var PauseSvg = function PauseSvg() {
@@ -512,44 +513,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 +552,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 +588,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 +669,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 +786,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 +827,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 +876,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 +933,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 +1002,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 +1075,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 +1160,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 +1265,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 +1288,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,20 +1307,15 @@ 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)"
       })]
@@ -1661,7 +1324,7 @@ var SetTagSvg = function SetTagSvg() {
 };
 var 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: {
@@ -1670,79 +1333,79 @@ var DownloadIcon = function DownloadIcon(props) {
     }
   }));
 };
-/** 暂停Icon */
+/** 鏆傚仠Icon */
 exports.DownloadIcon = DownloadIcon;
 var 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 */
+/** 鎾斁Icon */
 exports.PauseIcon = PauseIcon;
 var 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 */
+/** 鎴浘Icon */
 exports.PlayIcon = PlayIcon;
 var 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 */
+/** 鍏ㄥ睆Icon */
 exports.CaptureIcon = CaptureIcon;
 var 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 */
+/** 閫€鍑哄叏灞廔con */
 exports.FullScreenIcon = FullScreenIcon;
 var 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 */
+/** 闊抽噺浣嶪con */
 exports.ExitFullScreenIcon = ExitFullScreenIcon;
 var 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 */
+/** 闊抽噺楂業con */
 exports.VolumeSmallIcon = VolumeSmallIcon;
 var 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 */
+/** 闈欓煶Icon */
 exports.VolumeLargeIcon = VolumeLargeIcon;
 var 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 */
+/** 璁剧疆Icon */
 exports.VolumeMutedIcon = VolumeMutedIcon;
 var SettingsIcon = function SettingsIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
@@ -1750,101 +1413,101 @@ var SettingsIcon = function SettingsIcon(props) {
     component: SettingsSvg
   }, props));
 };
-/** 关闭全部Icon */
+/** 鍏抽棴鍏ㄩ儴Icon */
 exports.SettingsIcon = SettingsIcon;
 var 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 */
+/** 灞曞紑Icon */
 exports.CloseAllIcon = CloseAllIcon;
 var 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 */
+/** 鏀剁缉Icon */
 exports.ExpandIcon = ExpandIcon;
 var 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 */
+/** 娣诲姞鏍囩Icon */
 exports.FoldIcon = FoldIcon;
 var SetTagIcon = function SetTagIcon(props) {
   var _props$active = props.active,
     active = _props$active === void 0 ? false : _props$active;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u6DFB\u52A0\u6807\u7B7E",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.addTag')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: SetTagSvg
   }, props));
 };
-/** 停止对讲Icon */
+/** 鍋滄瀵硅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",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.stopTalk')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: TalkDisableSvg
   }, props));
 };
-/** 对讲Icon */
+/** 瀵硅Icon */
 exports.TalkDisableIcon = TalkDisableIcon;
 var TalkIcon = function TalkIcon(props) {
   var _props$active3 = props.active,
     active = _props$active3 === void 0 ? false : _props$active3;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    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 _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",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.ptzControl')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: CloudControlSvg
   }, props));
 };
-/** 屏幕占比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",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.screenRatio')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: OccupyingScreenSvg
   }, props));
 };
-/** 网格Icon */
+/** 缃戞牸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",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.quantity')"),
     className: "control-icon ".concat(active ? 'active' : '', " ").concat(disabled ? 'disabled' : ''),
     component: GridSvg
   }, props));
 };
-/** 1x1网格Icon */
+/** 1x1缃戞牸Icon */
 exports.GridIcon = GridIcon;
 var Grid1x1Icon = function Grid1x1Icon(props) {
   var _props$active7 = props.active,
@@ -1854,7 +1517,7 @@ var Grid1x1Icon = function Grid1x1Icon(props) {
     component: Grid1x1Svg
   }, props));
 };
-/** 2x2网格Icon */
+/** 2x2缃戞牸Icon */
 exports.Grid1x1Icon = Grid1x1Icon;
 var Grid2x2Icon = function Grid2x2Icon(props) {
   var _props$active8 = props.active,
@@ -1864,7 +1527,7 @@ var Grid2x2Icon = function Grid2x2Icon(props) {
     component: Grid2x2Svg
   }, props));
 };
-/** 3x3网格Icon */
+/** 3x3缃戞牸Icon */
 exports.Grid2x2Icon = Grid2x2Icon;
 var Grid3x3Icon = function Grid3x3Icon(props) {
   var _props$active9 = props.active,
@@ -1874,7 +1537,7 @@ var Grid3x3Icon = function Grid3x3Icon(props) {
     component: Grid3x3Svg
   }, props));
 };
-/** 4x4网格Icon */
+/** 4x4缃戞牸Icon */
 exports.Grid3x3Icon = Grid3x3Icon;
 var Grid4x4Icon = function Grid4x4Icon(props) {
   var _props$active10 = props.active,
@@ -1884,7 +1547,7 @@ var Grid4x4Icon = function Grid4x4Icon(props) {
     component: Grid4x4Svg
   }, props));
 };
-/** 5x5网格Icon */
+/** 5x5缃戞牸Icon */
 exports.Grid4x4Icon = Grid4x4Icon;
 var Grid5x5Icon = function Grid5x5Icon(props) {
   var _props$active11 = props.active,
@@ -1894,7 +1557,7 @@ var Grid5x5Icon = function Grid5x5Icon(props) {
     component: Grid5x5Svg
   }, props));
 };
-/** 1x5网格Icon */
+/** 1x5缃戞牸Icon */
 exports.Grid5x5Icon = Grid5x5Icon;
 var Grid1x5Icon = function Grid1x5Icon(props) {
   var _props$active12 = props.active,
@@ -1904,7 +1567,7 @@ var Grid1x5Icon = function Grid1x5Icon(props) {
     component: Grid1x5Svg
   }, props));
 };
-/** 1x7网格Icon */
+/** 1x7缃戞牸Icon */
 exports.Grid1x5Icon = Grid1x5Icon;
 var Grid1x7Icon = function Grid1x7Icon(props) {
   var _props$active13 = props.active,
@@ -1914,7 +1577,7 @@ var Grid1x7Icon = function Grid1x7Icon(props) {
     component: Grid1x7Svg
   }, props));
 };
-/** 1x9网格Icon */
+/** 1x9缃戞牸Icon */
 exports.Grid1x7Icon = Grid1x7Icon;
 var Grid1x9Icon = function Grid1x9Icon(props) {
   var _props$active14 = props.active,
@@ -1924,7 +1587,7 @@ var Grid1x9Icon = function Grid1x9Icon(props) {
     component: Grid1x9Svg
   }, props));
 };
-/** 1x12网格Icon */
+/** 1x12缃戞牸Icon */
 exports.Grid1x9Icon = Grid1x9Icon;
 var Grid1x12Icon = function Grid1x12Icon(props) {
   var _props$active15 = props.active,
@@ -1934,7 +1597,7 @@ var Grid1x12Icon = function Grid1x12Icon(props) {
     component: Grid1x12Svg
   }, props));
 };
-/** 1x13网格Icon */
+/** 1x13缃戞牸Icon */
 exports.Grid1x12Icon = Grid1x12Icon;
 var Grid1x13Icon = function Grid1x13Icon(props) {
   var _props$active16 = props.active,
@@ -1944,7 +1607,7 @@ var Grid1x13Icon = function Grid1x13Icon(props) {
     component: Grid1x13Svg
   }, props));
 };
-/** 1x16网格Icon */
+/** 1x16缃戞牸Icon */
 exports.Grid1x13Icon = Grid1x13Icon;
 var Grid1x16Icon = function Grid1x16Icon(props) {
   var _props$active17 = props.active,
@@ -1954,7 +1617,7 @@ var Grid1x16Icon = function Grid1x16Icon(props) {
     component: Grid1x16Svg
   }, props));
 };
-/** 1x21网格Icon */
+/** 1x21缃戞牸Icon */
 exports.Grid1x16Icon = Grid1x16Icon;
 var Grid1x21Icon = function Grid1x21Icon(props) {
   var _props$active18 = props.active,
@@ -1964,62 +1627,62 @@ var Grid1x21Icon = function Grid1x21Icon(props) {
     component: Grid1x21Svg
   }, props));
 };
-/** 标签Icon */
+/** 鏍囩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",
+    title: (0, _useTranslation.translateLocaleText)("t('icons.tag')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: TagSvg
   }, props));
 };
-/** 关闭Icon */
+/** 鍏抽棴Icon */
 exports.TagIcon = TagIcon;
 var 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 */
+/** 瑙嗛鎾斁Icon */
 exports.CloseIcon = CloseIcon;
 var VideoPlayIcon = function VideoPlayIcon(props) {
   var _props$active20 = props.active,
     active = _props$active20 === void 0 ? false : _props$active20;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u64AD\u653E",
+    title: (0, _useTranslation.translateLocaleText)("t('common.play')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: VideoPlaySvg
   }, props));
 };
-/** 视频关闭Icon */
+/** 瑙嗛鍏抽棴Icon */
 exports.VideoPlayIcon = VideoPlayIcon;
 var VideoCloseIcon = function VideoCloseIcon(props) {
   var _props$active21 = props.active,
     active = _props$active21 === void 0 ? false : _props$active21;
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
-    title: "\u5173\u95ED",
+    title: (0, _useTranslation.translateLocaleText)("t('common.close')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: VideoCloseSvg
   }, props));
 };
-/** 时间刻度Icon */
+/** 鏃堕棿鍒诲害Icon */
 exports.VideoCloseIcon = VideoCloseIcon;
 var TimePositionIcon = function TimePositionIcon(props) {
   return (0, _jsxRuntime.jsx)(_icons["default"], Object.assign({
     component: TimePositionSvg
   }, props));
 };
-/** 播放视频Icon */
+/** 鎾斁瑙嗛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",
+    title: (0, _useTranslation.translateLocaleText)("t('common.play')"),
     className: "control-icon ".concat(active ? 'active' : ''),
     component: PlayVideoBlueSvg
   }, props));