mirror of
				https://github.com/VaalaCat/frp-panel.git
				synced 2025-10-31 10:46:36 +08:00 
			
		
		
		
	feat: proxy list [新增代理列表实体]
refactor: change client manager structure [重构:更改客户端管理器结构适配影子客户端] feat: add proxy config table and dao [添加代理配置独立数据表和DAO层] feat: new proxy config entity [新建的代理配置实体] feat: update and delete proxy config [更新和删除代理配置接口] feat: get config api and beautify proxy item [更新获取配置API并美化代理项] feat: change proxy form style [美化修改代理的表单样式] fix: client edit [修复:编辑客户端的问题] fix: shadow copy status error [修复:影子客户端复制状态错误] fix: http proxy bug [修复:HTTP代理类型的错误] fix: cannot update client [修复:无法更新客户端] feat: record trigger refetch [自动重新获取表格内的数据] fix: filter string length [修复:过滤字符串长度] fix: add client error [修复:添加客户端错误] fix: do not notify client when stopped [修复:停止时不通知客户端] fix: delete when proxy duplicate [修复:代理重复时删除] feat: add http proxy location [添加HTTP代理路由路径] chore: edit style [编辑样式美化] fix: remove expired client [修复:自动移除过期客户端] feat: proxy status [新增代理状态提示] fix: build [修复:构建] fix: refetch trigger [修复:重新获取数据的问题] fix: remove all expired client [修复:移除所有过期客户端] feat: i18n for proxy [代理页面的国际化翻译]
This commit is contained in:
		| @@ -1,24 +1,26 @@ | ||||
| "use client" | ||||
|  | ||||
| import React from 'react' | ||||
| import React, { useEffect } from 'react' | ||||
| import { keepPreviousData, useQuery } from '@tanstack/react-query' | ||||
| import { listServer } from '@/api/server' | ||||
| import { Combobox } from './combobox' | ||||
| import { useTranslation } from 'react-i18next' | ||||
| import { Server } from '@/lib/pb/common' | ||||
|  | ||||
| export interface ServerSelectorProps { | ||||
|   serverID?: string | ||||
|   setServerID: (serverID: string) => void | ||||
|   onOpenChange?: () => void | ||||
|   setServer?: (server: Server) => void | ||||
| } | ||||
|  | ||||
| export const ServerSelector: React.FC<ServerSelectorProps> = ({  | ||||
|   serverID,  | ||||
|   setServerID,  | ||||
|   onOpenChange  | ||||
| export const ServerSelector: React.FC<ServerSelectorProps> = ({ | ||||
|   serverID, | ||||
|   setServerID, | ||||
|   onOpenChange, | ||||
|   setServer, | ||||
| }) => { | ||||
|   const { t } = useTranslation() | ||||
|   const handleServerChange = (value: string) => { setServerID(value) } | ||||
|   const [keyword, setKeyword] = React.useState('') | ||||
|  | ||||
|   const { data: serverList, refetch: refetchServers } = useQuery({ | ||||
| @@ -29,14 +31,24 @@ export const ServerSelector: React.FC<ServerSelectorProps> = ({ | ||||
|     placeholderData: keepPreviousData, | ||||
|   }) | ||||
|  | ||||
|   const handleServerChange = (value: string) => { | ||||
|     setServerID(value) | ||||
|   } | ||||
|  | ||||
|   useEffect(() => { | ||||
|     if (serverID) { | ||||
|       setServer && setServer(serverList?.servers.find((server) => server.id == serverID) || {}) | ||||
|     } | ||||
|   }, [serverID]) | ||||
|  | ||||
|   return ( | ||||
|     <Combobox | ||||
|       placeholder={t('selector.server.placeholder')} | ||||
|       value={serverID} | ||||
|       setValue={handleServerChange} | ||||
|       dataList={serverList?.servers.map((server) => ({  | ||||
|         value: server.id || '',  | ||||
|         label: server.id || ''  | ||||
|       dataList={serverList?.servers.map((server) => ({ | ||||
|         value: server.id || '', | ||||
|         label: server.id || '' | ||||
|       })) || []} | ||||
|       onKeyWordChange={setKeyword} | ||||
|       onOpenChange={() => { | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 VaalaCat
					VaalaCat