feat: Add more shortcut keys to popup

src/views/Options/Rules.js

@@ -112,7 +112,6 @@ function RuleFields({ rule, rules, setShow, setKeyword }) {
     // transTiming = OPT_TIMING_PAGESCROLL,
     transTag = DEFAULT_TRANS_TAG,
     transTitle = "false",
-    transSelected = "true",
     // detectRemote = "true",
     // skipLangs = [],
     // fixerSelector = "",
@@ -337,22 +336,6 @@ function RuleFields({ rule, rules, setShow, setKeyword }) {
               </TextField>
             </Grid>
 
-            <Grid item xs={12} sm={12} md={6} lg={3}>
-              <TextField
-                select
-                size="small"
-                fullWidth
-                name="transSelected"
-                value={transSelected}
-                label={i18n("translate_selected")}
-                disabled={disabled}
-                onChange={handleChange}
-              >
-                {GlobalItem}
-                <MenuItem value={"false"}>{i18n("disable")}</MenuItem>
-                <MenuItem value={"true"}>{i18n("enable")}</MenuItem>
-              </TextField>
-            </Grid>
             <Grid item xs={12} sm={12} md={6} lg={3}>
               <TextField
                 select

src/views/Options/Tranbox.js

@@ -12,12 +12,13 @@ import {
   OPT_DICT_BAIDU,
 } 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";
 import { isExt } from "../../libs/client";
 import { useApiList } from "../../hooks/Api";
-import Alert from "@mui/material/Alert";
 
 export default function Tranbox() {
   const i18n = useI18n();
@@ -49,6 +50,7 @@ export default function Tranbox() {
   );
 
   const {
+    transOpen,
     apiSlug,
     fromLang,
     toLang,
@@ -70,7 +72,19 @@ export default function Tranbox() {
   return (
     <Box>
       <Stack spacing={3}>
-        <Alert severity="info">{i18n("selected_translation_alert")}</Alert>
+        <FormControlLabel
+          control={
+            <Switch
+              size="small"
+              name="transOpen"
+              checked={transOpen}
+              onChange={() => {
+                updateTranbox({ transOpen: !transOpen });
+              }}
+            />
+          }
+          label={i18n("toggle_selection_translate")}
+        />
 
         <Box>
           <Grid container spacing={2} columns={12}>