fix: contextMenus setting

src/common.js

@@ -142,7 +142,11 @@ async function showFab(translator) {
  * @param {*} param0
  * @returns
  */
-function showTransbox({ tranboxSetting = DEFAULT_TRANBOX_SETTING, transApis }) {
+function showTransbox({
+  contextMenus = true,
+  tranboxSetting = DEFAULT_TRANBOX_SETTING,
+  transApis,
+}) {
   if (!tranboxSetting?.transOpen) {
     return;
   }
@@ -163,7 +167,11 @@ function showTransbox({ tranboxSetting = DEFAULT_TRANBOX_SETTING, transApis }) {
   ReactDOM.createRoot(shadowRootElement).render(
     <React.StrictMode>
       <CacheProvider value={cache}>
-        <Slection tranboxSetting={tranboxSetting} transApis={transApis} />
+        <Slection
+          contextMenus={contextMenus}
+          tranboxSetting={tranboxSetting}
+          transApis={transApis}
+        />
       </CacheProvider>
     </React.StrictMode>
   );

src/views/Action/index.js

@@ -95,6 +95,8 @@ export default function Action({ translator, fab }) {
     // 注册菜单
     try {
       const menuCommandIds = [];
+      const { contextMenus = true } = translator.setting;
+      contextMenus &&
         menuCommandIds.push(
           GM.registerMenuCommand(
             "Toggle Translate (Alt+q)",

src/views/Options/Setting.js

@@ -68,7 +68,7 @@ export default function Settings() {
         value = limitNumber(value, 0, 4);
         break;
       case "contextMenus":
-        sendBgMsg(MSG_CONTEXT_MENUS, { contextMenus: value });
+        isExt && sendBgMsg(MSG_CONTEXT_MENUS, { contextMenus: value });
         break;
       default:
     }
@@ -214,6 +214,19 @@ export default function Settings() {
           </Select>
         </FormControl>
 
+        <FormControl size="small">
+          <InputLabel>{i18n("add_context_menus")}</InputLabel>
+          <Select
+            name="contextMenus"
+            value={contextMenus}
+            label={i18n("add_context_menus")}
+            onChange={handleChange}
+          >
+            <MenuItem value={false}>{i18n("disable")}</MenuItem>
+            <MenuItem value={true}>{i18n("enable")}</MenuItem>
+          </Select>
+        </FormControl>
+
         <FormControl size="small">
           <InputLabel>{i18n("detect_lang_remote")}</InputLabel>
           <Select
@@ -248,19 +261,6 @@ export default function Settings() {
 
         {isExt ? (
           <>
-            <FormControl size="small">
-              <InputLabel>{i18n("add_context_menus")}</InputLabel>
-              <Select
-                name="contextMenus"
-                value={contextMenus}
-                label={i18n("add_context_menus")}
-                onChange={handleChange}
-              >
-                <MenuItem value={false}>{i18n("disable")}</MenuItem>
-                <MenuItem value={true}>{i18n("enable")}</MenuItem>
-              </Select>
-            </FormControl>
-
             <FormControl size="small">
               <InputLabel>{i18n("if_clear_cache")}</InputLabel>
               <Select

src/views/Selection/index.js

@@ -6,7 +6,7 @@ import { sleep } from "../../libs/utils";
 import { isGm } from "../../libs/client";
 import { MSG_OPEN_TRANBOX, DEFAULT_TRANBOX_SHORTCUT } from "../../config";
 
-export default function Slection({ tranboxSetting, transApis }) {
+export default function Slection({ contextMenus, tranboxSetting, transApis }) {
   const [showBox, setShowBox] = useState(false);
   const [showBtn, setShowBtn] = useState(false);
   const [selectedText, setSelText] = useState("");
@@ -88,6 +88,7 @@ export default function Slection({ tranboxSetting, transApis }) {
     // 注册菜单
     try {
       const menuCommandIds = [];
+      contextMenus &&
         menuCommandIds.push(
           GM.registerMenuCommand(
             "Translate Selected Text (Alt+S)",
@@ -106,7 +107,7 @@ export default function Slection({ tranboxSetting, transApis }) {
     } catch (err) {
       console.log("[registerMenuCommand]", err);
     }
-  }, [handleTranbox]);
+  }, [handleTranbox, contextMenus]);
 
   return (
     <>