feat: move open_tranbox shortcurt to browser commands

src/views/Options/Tranbox.js

@@ -4,10 +4,8 @@ import TextField from "@mui/material/TextField";
 import MenuItem from "@mui/material/MenuItem";
 import { useI18n } from "../../hooks/I18n";
 import { OPT_TRANS_ALL, OPT_LANGS_FROM, OPT_LANGS_TO } from "../../config";
-import ShortcutInput from "./ShortcutInput";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Switch from "@mui/material/Switch";
-import { useCallback } from "react";
 import { limitNumber } from "../../libs/utils";
 import { useTranbox } from "../../hooks/Tranbox";
 
@@ -32,20 +30,12 @@ export default function Tranbox() {
     });
   };
 
-  const handleShortcutInput = useCallback(
-    (val) => {
-      updateTranbox({ tranboxShortcut: val });
-    },
-    [updateTranbox]
-  );
-
   const {
     transOpen,
     translator,
     fromLang,
     toLang,
     toLang2 = "en",
-    tranboxShortcut,
     btnOffsetX,
     btnOffsetY,
     hideTranBtn = false,
@@ -158,12 +148,6 @@ export default function Tranbox() {
           <MenuItem value={false}>{i18n("show")}</MenuItem>
           <MenuItem value={true}>{i18n("hide")}</MenuItem>
         </TextField>
-
-        <ShortcutInput
-          value={tranboxShortcut}
-          onChange={handleShortcutInput}
-          label={i18n("trigger_tranbox_shortcut")}
-        />
       </Stack>
     </Box>
   );

src/views/Selection/index.js

@@ -1,10 +1,9 @@
 import { useState, useEffect, useCallback } from "react";
 import TranBtn from "./TranBtn";
 import TranBox from "./TranBox";
-import { shortcutRegister } from "../../libs/shortcut";
 import { sleep, limitNumber } from "../../libs/utils";
 import { isGm } from "../../libs/client";
-import { MSG_OPEN_TRANBOX, DEFAULT_TRANBOX_SHORTCUT } from "../../config";
+import { MSG_OPEN_TRANBOX } from "../../config";
 import { isMobile } from "../../libs/mobile";
 
 export default function Slection({ contextMenus, tranboxSetting, transApis }) {
@@ -76,17 +75,6 @@ export default function Slection({ contextMenus, tranboxSetting, transApis }) {
     };
   }, [tranboxSetting.hideTranBtn]);
 
-  useEffect(() => {
-    const clearShortcut = shortcutRegister(
-      tranboxSetting.tranboxShortcut || DEFAULT_TRANBOX_SHORTCUT,
-      handleTranbox
-    );
-
-    return () => {
-      clearShortcut();
-    };
-  }, [tranboxSetting.tranboxShortcut, handleTranbox]);
-
   useEffect(() => {
     window.addEventListener(MSG_OPEN_TRANBOX, handleTranbox);
     return () => {