feat: move 'remote detect' from rule to setting

src/views/Options/Rules.js

@@ -113,8 +113,8 @@ function RuleFields({ rule, rules, setShow, setKeyword }) {
     transTag = DEFAULT_TRANS_TAG,
     transTitle = "false",
     transSelected = "true",
-    detectRemote = "true",
-    skipLangs = [],
+    // detectRemote = "true",
+    // skipLangs = [],
     // fixerSelector = "",
     // fixerFunc = "-",
     transStartHook = "",
@@ -478,23 +478,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="detectRemote"
-                value={detectRemote}
-                label={i18n("detect_lang_remote")}
-                disabled={disabled}
-                onChange={handleChange}
-              >
-                {GlobalItem}
-                <MenuItem value={"false"}>{i18n("disable")}</MenuItem>
-                <MenuItem value={"true"}>{i18n("enable")}</MenuItem>
-              </TextField>
-            </Grid>
           </Grid>
         </Box>
 
@@ -549,26 +532,6 @@ function RuleFields({ rule, rules, setShow, setKeyword }) {
 
         {showMore && (
           <>
-            <TextField
-              select
-              size="small"
-              label={i18n("skip_langs")}
-              helperText={i18n("skip_langs_helper")}
-              name="skipLangs"
-              value={skipLangs}
-              disabled={disabled}
-              onChange={handleChange}
-              SelectProps={{
-                multiple: true,
-              }}
-            >
-              {OPT_LANGS_TO.map(([langKey, langName]) => (
-                <MenuItem key={langKey} value={langKey}>
-                  {langName}
-                </MenuItem>
-              ))}
-            </TextField>
-
             <TextField
               size="small"
               label={i18n("terms")}

src/views/Options/Setting.js

@@ -24,6 +24,7 @@ import {
   MSG_CONTEXT_MENUS,
   MSG_UPDATE_CSP,
   DEFAULT_HTTP_TIMEOUT,
+  OPT_LANGS_TO,
 } from "../../config";
 import { useShortcut } from "../../hooks/Shortcut";
 import ShortcutInput from "./ShortcutInput";
@@ -119,6 +120,8 @@ export default function Settings() {
     transInterval = 100,
     langDetector = OPT_TRANS_MICROSOFT,
     preInit = true,
+    skipLangs = [],
+    detectRemote = true,
   } = setting;
   const { isHide = false, fabClickAction = 0 } = fab || {};
 
@@ -297,6 +300,20 @@ export default function Settings() {
                 <MenuItem value={2}>{i18n("secondary_context_menus")}</MenuItem>
               </TextField>
             </Grid>
+            <Grid item xs={12} sm={12} md={6} lg={3}>
+              <TextField
+                select
+                size="small"
+                fullWidth
+                name="detectRemote"
+                value={detectRemote}
+                label={i18n("detect_lang_remote")}
+                onChange={handleChange}
+              >
+                <MenuItem value={true}>{i18n("enable")}</MenuItem>
+                <MenuItem value={false}>{i18n("disable")}</MenuItem>
+              </TextField>
+            </Grid>
             <Grid item xs={12} sm={12} md={6} lg={3}>
               <TextField
                 select
@@ -304,7 +321,7 @@ export default function Settings() {
                 size="small"
                 name="langDetector"
                 value={langDetector}
-                label={i18n("detect_lang_remote")}
+                label={i18n("detect_lang_serve")}
                 onChange={handleChange}
               >
                 {OPT_LANGDETECTOR_ALL.map((item) => (
@@ -317,6 +334,25 @@ export default function Settings() {
           </Grid>
         </Box>
 
+        <TextField
+          select
+          size="small"
+          label={i18n("skip_langs")}
+          helperText={i18n("skip_langs_helper")}
+          name="skipLangs"
+          value={skipLangs}
+          onChange={handleChange}
+          SelectProps={{
+            multiple: true,
+          }}
+        >
+          {OPT_LANGS_TO.map(([langKey, langName]) => (
+            <MenuItem key={langKey} value={langKey}>
+              {langName}
+            </MenuItem>
+          ))}
+        </TextField>
+
         {isExt ? (
           <>
             <TextField