feat: support custom timeout for latency testing

Author: Ayideyia

frontend/src/api/kernel.ts

@@ -95,10 +95,10 @@ export const deleteConnection = (id: string) => request.delete<null>(Api.Connect
 export const useProxy = (group: string, proxy: string) => {
   return request.put<null>(Api.Proxies + '/' + group, { name: proxy })
 }
-export const getProxyDelay = (proxy: string, url: string) => {
+export const getProxyDelay = (proxy: string, url: string, timeout: number) => {
   return request.get<Record<string, number>>(Api.ProxyDelay.replace('{0}', proxy), {
     url,
-    timeout: 5000,
+    timeout,
   })
 }
 

frontend/src/constant/app.ts

@@ -160,6 +160,8 @@ export const DefaultSubscribeScript = `const onSubscribe = async (proxies, subsc
 
 export const DefaultTestURL = 'https://www.gstatic.com/generate_204'
 
+export const DefaultTestTimeout = 5000
+
 export const DefaultConcurrencyLimit = 20
 
 export const DefaultCardColumns = 5

frontend/src/lang/locale/en.ts

@@ -354,7 +354,8 @@ export default {
       unAvailable: 'Show UnAvailable',
       cardMode: 'Card Mode',
       sortBy: 'Sort By Delay',
-      delay: 'Delay test URL',
+      delay: 'Latency test URL',
+      timeout: 'Latency test timeout (ms)',
       concurrencyLimit: 'Latency test concurrency',
       cardColumns: 'Number of card columns',
       sensitivity: 'Controller Scroll Sensitivity',

frontend/src/lang/locale/zh.ts

@@ -354,6 +354,7 @@ export default {
       cardMode: '卡片模式',
       sortBy: '按延迟排序',
       delay: '延迟测试URL',
+      timeout: '延迟测试超时时间(ms)',
       concurrencyLimit: '延迟测试并发数量',
       cardColumns: '卡片展示列数',
       sensitivity: '控制器滚动灵敏度',

frontend/src/stores/appSettings.ts

@@ -15,6 +15,7 @@ import {
   DefaultConcurrencyLimit,
   DefaultControllerSensitivity,
   DefaultFontFamily,
+  DefaultTestTimeout,
   DefaultTestURL,
   UserFilePath,
 } from '@/constant/app'
@@ -82,6 +83,7 @@ export const useAppSettingsStore = defineStore('app-settings', () => {
       cardColumns: DefaultCardColumns,
       sortByDelay: false,
       testUrl: DefaultTestURL,
+      testTimeout: DefaultTestTimeout,
       concurrencyLimit: DefaultConcurrencyLimit,
       controllerCloseMode: ControllerCloseMode.All,
       controllerSensitivity: DefaultControllerSensitivity,

frontend/src/types/app.d.ts

@@ -75,6 +75,7 @@ export interface AppSettings {
     cardColumns: number
     sortByDelay: boolean
     testUrl: string
+    testTimeout: number
     concurrencyLimit: number
     controllerCloseMode: ControllerCloseMode
     controllerSensitivity: number

frontend/src/views/HomeView/components/GroupsController.vue

@@ -8,6 +8,7 @@ import {
   DefaultCardColumns,
   DefaultConcurrencyLimit,
   DefaultControllerSensitivity,
+  DefaultTestTimeout,
   DefaultTestURL,
 } from '@/constant/app'
 import { ControllerCloseMode } from '@/enums/app'
@@ -112,6 +113,7 @@ const handleGroupDelay = async (group: string) => {
         const { delay = 0 } = await getProxyDelay(
           encodeURIComponent(proxy),
           appSettings.app.kernel.testUrl || DefaultTestURL,
+          appSettings.app.kernel.testTimeout || DefaultTestTimeout,
         )
         success += 1
         _proxy && _proxy.history.push({ delay })
@@ -153,6 +155,7 @@ const handleProxyDelay = async (proxy: string) => {
     const { delay = 0 } = await getProxyDelay(
       encodeURIComponent(proxy),
       appSettings.app.kernel.testUrl || DefaultTestURL,
+      appSettings.app.kernel.testTimeout || DefaultTestTimeout,
     )
     const _proxy = kernelApiStore.proxies[proxy]
     _proxy && _proxy.history.push({ delay })
@@ -189,6 +192,7 @@ const delayColor = (delay = 0) => {
 
 const handleResetMoreSettings = () => {
   appSettings.app.kernel.testUrl = DefaultTestURL
+  appSettings.app.kernel.testTimeout = DefaultTestTimeout
   appSettings.app.kernel.concurrencyLimit = DefaultConcurrencyLimit
   appSettings.app.kernel.controllerCloseMode = ControllerCloseMode.All
   appSettings.app.kernel.controllerSensitivity = DefaultControllerSensitivity
@@ -351,6 +355,17 @@ onActivated(() => {
       />
     </div>
 
+    <div class="form-item">
+      {{ t('home.controller.timeout') }}
+      <Input
+        v-model="appSettings.app.kernel.testTimeout"
+        :placeholder="String(DefaultTestTimeout)"
+        type="number"
+        editable
+        clearable
+      />
+    </div>
+
     <div class="form-item">
       {{ t('home.controller.concurrencyLimit') }}
       <Input