feat: add proxy auto scroll toggle setting (#3674)

* feat: add proxy auto scroll toggle setting

* refactor: rename enable_proxy_auto_scroll to enable_hover_jump_navigator

* 参考 Unified Delay 调整式样

src/components/proxy/proxy-groups.tsx

@@ -106,10 +106,12 @@ const LetterItem = memo(
     name,
     onClick,
     getFirstChar,
+    enableAutoScroll = true,
   }: {
     name: string;
     onClick: (name: string) => void;
     getFirstChar: (str: string) => string;
+    enableAutoScroll?: boolean;
   }) => {
     const [showTooltip, setShowTooltip] = useState(false);
     const letterRef = useRef<HTMLDivElement>(null);
@@ -136,11 +138,14 @@ const LetterItem = memo(
 
     const handleMouseEnter = useCallback(() => {
       setShowTooltip(true);
-      // 添加 200ms 的延迟，避免鼠标快速划过时触发滚动
-      hoverTimeoutRef.current = setTimeout(() => {
-        onClick(name);
-      }, 100);
-    }, [name, onClick]);
+      // 只有在启用自动滚动时才触发滚动
+      if (enableAutoScroll) {
+        // 添加 100ms 的延迟，避免鼠标快速划过时触发滚动
+        hoverTimeoutRef.current = setTimeout(() => {
+          onClick(name);
+        }, 100);
+      }
+    }, [name, onClick, enableAutoScroll]);
 
     const handleMouseLeave = useCallback(() => {
       setShowTooltip(false);
@@ -198,6 +203,9 @@ export const ProxyGroups = (props: Props) => {
 
   const { verge } = useVerge();
   const { current, patchCurrent } = useProfiles();
+
+  // 获取自动滚动开关状态，默认为 true
+  const enableAutoScroll = verge?.enable_hover_jump_navigator ?? true;
   const timeout = verge?.default_latency_timeout || 10000;
 
   const virtuosoRef = useRef<VirtuosoHandle>(null);
@@ -541,6 +549,7 @@ export const ProxyGroups = (props: Props) => {
                 name={name}
                 onClick={handleLetterClick}
                 getFirstChar={getFirstChar}
+                enableAutoScroll={enableAutoScroll}
               />
             ))}
           </div>

src/components/setting/mods/layout-viewer.tsx

@@ -12,6 +12,7 @@ import {
 } from "@mui/material";
 import { useVerge } from "@/hooks/use-verge";
 import { BaseDialog, DialogRef, Switch } from "@/components/base";
+import { TooltipIcon } from "@/components/base/base-tooltip-icon";
 import { GuardState } from "./guard-state";
 import { open as openDialog } from "@tauri-apps/plugin-dialog";
 import { convertFileSrc } from "@tauri-apps/api/core";
@@ -147,6 +148,30 @@ export const LayoutViewer = forwardRef<DialogRef>((props, ref) => {
           </GuardState>
         </Item>
 
+        <Item>
+          <ListItemText
+            primary={
+              <Box sx={{ display: "flex", alignItems: "center", gap: 0.5 }}>
+                <span>{t("Hover Jump Navigator")}</span>
+                <TooltipIcon
+                  title={t("Hover Jump Navigator Info")}
+                  sx={{ opacity: "0.7" }}
+                />
+              </Box>
+            }
+          />
+          <GuardState
+            value={verge?.enable_hover_jump_navigator ?? true}
+            valueProps="checked"
+            onCatch={onError}
+            onFormat={onSwitchFormat}
+            onChange={(e) => onChangeData({ enable_hover_jump_navigator: e })}
+            onGuard={(e) => patchVerge({ enable_hover_jump_navigator: e })}
+          >
+            <Switch edge="end" />
+          </GuardState>
+        </Item>
+
         <Item>
           <ListItemText primary={t("Nav Icon")} />
           <GuardState

src/components/setting/setting-system.tsx

@@ -58,6 +58,7 @@ const SettingSystem = ({ onError }: Props) => {
     enable_silent_start,
     enable_system_proxy,
     proxy_auto_config,
+    enable_hover_jump_navigator,
   } = verge ?? {};
 
   const onSwitchFormat = (_e: any, value: boolean) => value;