#Fix 成员列表 增加对服务器源地址的显示 #26

assets/css/main.css

@@ -39,7 +39,7 @@ html.dark body {
 }
 
 .full-label .el-form-item__label {
-	width: 100%;
+	width: 100%!important;
 	padding-right: 0;
 }
 
@@ -50,6 +50,13 @@ html.dark body {
 	flex: 1;
 }
 
+.el-select__selection {
+	/* display: none!important; */
+	min-height: 20px!important;
+	flex-wrap: nowrap!important;
+	overflow: hidden!important;
+}
+
 .el-table {
 	font-size: 12px !important;
 }

build.bat

@@ -1,12 +1,12 @@
 pnpm run build
-@REM rustup default nightly
+rustup default nightly
 @REM rem 使用rust nightly构建支持win7的版本，请先将根目录的windows.0.48.5 放入以下目录
 @REM rem C:\Program Files\Microsoft Visual Studio\2022\Community\VC\Tools\MSVC\你自己的版本\lib\x64
 @REM rem C:\Program Files\Microsoft Visual Studio\2022\Community\VC\Tools\MSVC\你自己的版本\lib\x86
 @REM rem C:\Program Files\Microsoft Visual Studio\2022\Community\VC\Tools\MSVC\你自己的版本\atlmfc\lib\x64
 @REM rem C:\Program Files\Microsoft Visual Studio\2022\Community\VC\Tools\MSVC\你自己的版本\atlmfc\lib\x86
-@REM pnpm tauri build -- -Z  build-std --target x86_64-win7-windows-msvc
+pnpm tauri build -- -Z  build-std --target x86_64-win7-windows-msvc
 rustup default stable
 pnpm tauri build
 pnpm run release
-@REM pnpm run release-win7
+pnpm run release-win7

composables/configJson.ts

@@ -5,7 +5,7 @@ import { uniq, intersection, isNil } from "lodash-es";
 import { bounce } from "~/utils";
 
 const b = bounce(600);
-export type ConfigServerUrlType = Array<string> | string | null | undefined | null;
+export type ConfigServerUrlType = Array<string>;
 
 export const updateConfigJsonBounce = (configJsonSeverUrl?: ConfigServerUrlType) => {
 	b(async () => {
@@ -22,8 +22,10 @@ export const updateConfigJson = async (configJsonSeverUrl?: ConfigServerUrlType)
 	if (isNil(configJsonSeverUrl)) {
 		configJsonSeverUrl = [];
 	}
-	const isArray = Array.isArray(configJsonSeverUrl);
+	if(typeof(configJsonSeverUrl) == 'string') {
-	const isString = typeof configJsonSeverUrl === "string";
+		configJsonSeverUrl = [configJsonSeverUrl];
+	}
+	configJsonSeverUrl = configJsonSeverUrl || [];
 	try {
 		const {
 			proxyNetworks,
@@ -37,22 +39,20 @@ export const updateConfigJson = async (configJsonSeverUrl?: ConfigServerUrlType)
 			acceptDNS,
 			enablePortForward,
 			portForwardData,
+			tcpWhitelist,
+			udpWhitelist,
+			tcpWhitelistEnable,
+			udpWhitelistEnable,
 			...otherConfig
 		} = mainStore.config;
-		let writeServerUrl: Array<string> | string = serverUrl;
+		let writeServerUrl: Array<string> = serverUrl;
 		let writeCustomListenerData: Array<string> = (customListenerData || "").split("\n");
-		if (isArray) {
+
-			writeServerUrl = intersection(
+		writeServerUrl = intersection(
-				uniq([serverUrl, ...configJsonSeverUrl]).filter(boolean => boolean),
+			uniq([...serverUrl, ...configJsonSeverUrl]).filter(boolean => boolean),
-				mainStore.basePeers
+			mainStore.basePeers
-			);
+		);
-		}
+
-		if (isString && configJsonSeverUrl) {
-			writeServerUrl = intersection(
-				uniq([serverUrl, ...(configJsonSeverUrl as string).split(",")]).filter(boolean => boolean),
-				mainStore.basePeers
-			).join(",");
-		}
 		await writeTextFile(
 			path,
 			JSON.stringify({ serverUrl: writeServerUrl, enableCustomListener, customListenerData: writeCustomListenerData, ...otherConfig }, null, 4),

composables/netcard.ts

@@ -6,55 +6,55 @@ import { BaseDirectory } from "@tauri-apps/api/path";
 import { exists } from "@tauri-apps/plugin-fs";
 
 const getWinIpBroadcastPid = async () => {
-	const mainStore = useMainStore();
+	// const mainStore = useMainStore();
-	const pid = await invoke("search_pid_by_pname", { target_process_name: "WinIPBroadcast" });
+	// const pid = await invoke("search_pid_by_pname", { target_process_name: "WinIPBroadcast" });
-	mainStore.winipBcPid = (pid as number) || 0;
+	// mainStore.winipBcPid = (pid as number) || 0;
-	mainStore.$patch({
+	// mainStore.$patch({
-		winipBcStart: !!(mainStore.winipBcPid && mainStore.winipBcPid > 0)
+	// 	winipBcStart: !!(mainStore.winipBcPid && mainStore.winipBcPid > 0)
-	});
+	// });
 };
 
 export const handleWinipBcStart = async () => {
-	const mainStore = useMainStore();
+	// const mainStore = useMainStore();
-	if (!mainStore.winipBcStart) {
+	// if (!mainStore.winipBcStart) {
-		try {
+	// 	try {
-			await invoke("stop_command", { child_id: mainStore.winipBcPid || 0 });
+	// 		await invoke("stop_command", { child_id: mainStore.winipBcPid || 0 });
-			const isExists = await exists("easytier/tool/WinIPBroadcast.exe", { baseDir: BaseDirectory.Resource });
+	// 		const isExists = await exists("easytier/tool/WinIPBroadcast.exe", { baseDir: BaseDirectory.Resource });
-			if (!isExists) {
+	// 		if (!isExists) {
-				ElMessage.error(`WinipBc不存在`);
+	// 			ElMessage.error(`WinipBc不存在`);
-				console.error(`WinipBc不存在`);
+	// 			console.error(`WinipBc不存在`);
-				return;
+	// 			return;
-			}
+	// 		}
-			const child = await Command.create("WinIPBroadcast", ["run"]).spawn();
+	// 		const child = await Command.create("WinIPBroadcast", ["run"]).spawn();
-			mainStore.winipBcPid = child.pid || 0;
+	// 		mainStore.winipBcPid = child.pid || 0;
-			await getWinIpBroadcastPid();
+	// 		await getWinIpBroadcastPid();
-			if (mainStore.winipBcPid) {
+	// 		if (mainStore.winipBcPid) {
-				mainStore.$patch({
+	// 			mainStore.$patch({
-					winIpBcAutoStart: true
+	// 				winIpBcAutoStart: true
-				});
+	// 			});
-			} else {
+	// 		} else {
-				ElMessage.error(`WinipBc失败`);
+	// 			ElMessage.error(`WinipBc失败`);
-			}
+	// 		}
-		} catch (err) {
+	// 	} catch (err) {
-			ElMessage.error(`WinipBc失败`);
+	// 		ElMessage.error(`WinipBc失败`);
-			console.error(err);
+	// 		console.error(err);
-		}
+	// 	}
-	} else {
+	// } else {
-		await invoke("stop_command", { child_id: mainStore.winipBcPid || 0 });
+	// 	await invoke("stop_command", { child_id: mainStore.winipBcPid || 0 });
-		await getWinIpBroadcastPid();
+	// 	await getWinIpBroadcastPid();
-		if (mainStore.winipBcPid <= 0) {
+	// 	if (mainStore.winipBcPid <= 0) {
-			mainStore.$patch({
+	// 		mainStore.$patch({
-				winIpBcAutoStart: false
+	// 			winIpBcAutoStart: false
-			});
+	// 		});
-		}
+	// 	}
-	}
+	// }
 };
 
 export const initStartWinIpBroadcast = async () => {
-	const mainStore = useMainStore();
+	// const mainStore = useMainStore();
-	await getWinIpBroadcastPid();
+	// await getWinIpBroadcastPid();
 	// console.error(mainStore.winipBcStart, mainStore.winIpBcAutoStart)
-	if (mainStore.winIpBcAutoStart && !mainStore.winipBcStart) {
+	// if (mainStore.winIpBcAutoStart && !mainStore.winipBcStart) {
-		await handleWinipBcStart();
+		// await handleWinipBcStart();
-	}
+	// }
 };

composables/server.ts

@@ -23,5 +23,14 @@ export const getServerArgs = () => {
 	if (mainStore.serverConfig.privateMode) {
 		args.push("--private-mode", "true");
 	}
+	const networkName = mainStore.serverConfig.privateNetworkName.trim();
+	if (networkName) {
+		args.push("--network-name", networkName);
+	}
+	const networkSecret = mainStore.serverConfig.privateNetworkPassword.trim();
+	if (networkSecret) {
+		args.push("--network-secret", networkSecret);
+	}
+
 	return args;
 };

composables/tray.ts

@@ -22,7 +22,7 @@ async function toggleVisibility() {
 	}
 }
 
-export async function useTray(init: boolean = false, beforExit: Function, handleConnection: Function, handleReconnect: Function) {
+export async function useTray(init: boolean = false, beforExit: Function, handleConnection: Function, handleReconnect: Function, handleNodesList: Function) {
 	let tray;
 	try {
 		tray = await TrayIcon.getById(DEFAULT_TRAY_NAME);
@@ -31,7 +31,7 @@ export async function useTray(init: boolean = false, beforExit: Function, handle
 				tooltip: `EasyTierGame\n${pkg.version}`,
 				title: `EasyTierGame\n${pkg.version}`,
 				id: DEFAULT_TRAY_NAME,
-				menu: await Menu.new({ id: "main", items: await generateMenuItem(beforExit, handleConnection, handleReconnect) }),
+				menu: await Menu.new({ id: "main", items: await generateMenuItem(beforExit, handleConnection, handleReconnect, handleNodesList) }),
 				action: async e => {
 					toggleVisibility();
 				}
@@ -45,20 +45,20 @@ export async function useTray(init: boolean = false, beforExit: Function, handle
 	if (init) {
 		tray.setTooltip(`EasyTierGame\n${pkg.version}`);
 		tray.setShowMenuOnLeftClick(false);
-		tray.setMenu(await Menu.new({ id: "main", items: await generateMenuItem(beforExit, handleConnection, handleReconnect) }));
+		tray.setMenu(await Menu.new({ id: "main", items: await generateMenuItem(beforExit, handleConnection, handleReconnect, handleNodesList) }));
 	}
 
 	return tray;
 }
 
-export async function generateMenuItem(beforExit: Function, handleConnection: Function, handleReconnect: Function) {
+export async function generateMenuItem(beforExit: Function, handleConnection: Function, handleReconnect: Function, handleNodesList: Function) {
 	return [
 		await MenuItemShow("显示 / 隐藏"),
 		await MenuItemExchangeConnection("联机 / 断开", handleConnection),
 		await MenuItemReconnect("重新联机", handleReconnect),
 		await MenuItemTheme(),
 		await PredefinedMenuItem.new({ item: "Separator" }),
-		await MenuItemPublicPeers(),
+		await MenuItemPublicPeers(handleNodesList),
 		await PredefinedMenuItem.new({ item: "Separator" }),
 		await MenuItemExit("退出", beforExit)
 	];
@@ -87,12 +87,12 @@ export async function MenuItemExit(text: string, beforExit: Function) {
 	});
 }
 
-export async function MenuItemPublicPeers() {
+export async function MenuItemPublicPeers(handleNodesList: Function) {
 	return await MenuItem.new({
 		id: "publicPeers",
 		text: "公共节点",
 		action: async () => {
-			await open(import.meta.env.VITE_PUBLIC_PEERS_URL);
+			await handleNodesList();
 		}
 	});
 }

layouts/default.vue

@@ -6,7 +6,8 @@
 	//屏蔽右键菜单
 	document.addEventListener("contextmenu", (e: MouseEvent) => {
 		const el = (e.target as HTMLElement);
-		if (import.meta.env.PROD && !el.classList.contains("el-input__inner") && !el.classList.contains("el-textarea__inner")) { // 所有输入框不禁用右键
+		if (import.meta.env.PROD && !el.classList.contains("el-input__inner") && !el.classList.contains("el-textarea__inner")
+	&& !el.classList.contains("allow-contextmenu")) { // 所有输入框不禁用右键
 			e.preventDefault();
 		}
 	});

package.json

@@ -3,7 +3,7 @@
 	"private": true,
 	"author": "leizi97",
 	"description": "A simple network initiator based on Easytier",
-	"version": "1.4.7",
+	"version": "1.5.1",
 	"scripts": {
 		"dev": "nuxt dev --dotenv env/.env.dev --host 0.0.0.0",
 		"build": "nuxt generate --dotenv env/.env.prod",
@@ -11,31 +11,34 @@
 		"release-win7": "node zip.js win7"
 	},
 	"devDependencies": {
-		"@element-plus/icons-vue": "^2.3.1",
+		"@element-plus/icons-vue": "^2.3.2",
-		"@element-plus/nuxt": "1.1.3",
+		"@element-plus/nuxt": "1.1.4",
 		"@nuxtjs/tailwindcss": "6.13.2",
-		"@pinia/nuxt": "0.11.1",
+		"@pinia/nuxt": "0.11.2",
-		"@tauri-apps/api": "2.5.0",
+		"@tauri-apps/api": "2.9.0",
-		"@tauri-apps/cli": "2.5.0",
+		"@tauri-apps/cli": "2.9.1",
-		"@tauri-apps/plugin-cli": "^2.2.0",
+		"@tauri-apps/plugin-cli": "2.4.0",
-		"@tauri-apps/plugin-clipboard-manager": "2.2.2",
+		"@tauri-apps/plugin-clipboard-manager": "2.3.0",
-		"@tauri-apps/plugin-dialog": "2.2.2",
+		"@tauri-apps/plugin-dialog": "2.4.0",
-		"@tauri-apps/plugin-fs": "2.3.0",
+		"@tauri-apps/plugin-fs": "2.4.2",
-		"@tauri-apps/plugin-log": "2.4.0",
+		"@tauri-apps/plugin-log": "2.7.0",
-		"@tauri-apps/plugin-shell": "2.2.1",
+		"@tauri-apps/plugin-shell": "2.3.1",
-		"@tauri-apps/plugin-window-state": "2.2.2",
+		"@tauri-apps/plugin-window-state": "2.4.0",
 		"@types/lodash-es": "^4.17.12",
-		"@vitejs/plugin-vue-jsx": "4.1.2",
+		"@vitejs/plugin-vue-jsx": "5.1.1",
 		"@vueuse/core": "12.7.0",
 		"archiver": "^7.0.1",
-		"element-plus": "2.10.2",
+		"element-plus": "2.11.5",
 		"less": "4.2.1",
 		"lodash-es": "^4.17.21",
-		"nuxt": "3.17.5",
+		"nuxt": "3.19.2",
 		"pinia": "3.0.3",
-		"pinia-plugin-persistedstate": "4.3.0",
+		"pinia-plugin-persistedstate": "4.5.0",
 		"postcss": "^8.4.38",
-		"prettier": "3.5.2",
+		"prettier": "3.6.2",
-		"prettier-plugin-tailwindcss": "0.6.13"
+		"prettier-plugin-tailwindcss": "0.6.14"
+	},
+	"dependencies": {
+		"is-ip": "^5.0.1"
 	}
 }

pages/advance.vue

@@ -98,6 +98,16 @@
 			<CoreVersionWarning version="2.3.1" />
 		</div>
 		<ElDivider />
+		<div class="flex w-full flex-nowrap items-center gap-[5px] mb-[3px]">
+			<ElCheckbox v-model="mainStore.config.tcpWhitelistEnable">TCP端口白名单</ElCheckbox>
+			<ElInput class="flex-1" v-model="mainStore.config.tcpWhitelist" placeholder="支持单个端口（80）和范围（8000-9000）" />
+			<CoreVersionWarning version="2.4.2" />
+		</div>
+		<div class="flex w-full flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.udpWhitelistEnable">UDP端口白名单</ElCheckbox>
+			<ElInput class="flex-1" v-model="mainStore.config.udpWhitelist" placeholder="支持单个端口（53）和范围（5000-6000）" />
+			<CoreVersionWarning version="2.4.2" />
+		</div>
 		<div class="flex items-center gap-[10px]">
 			<ElCheckbox v-model="mainStore.config.disbleListenner">不监听任何端口，只连接到对等节点</ElCheckbox>
 			<ElTooltip content="无法联机时，可以尝试开启这个选项">

pages/cidr.vue

@@ -69,7 +69,7 @@
 		data.isRunning = true;
 		const [error, member] = await ATJ(invoke<string>("get_route_by_cli"));
 		data.isRunning = false;
-		// if(!member) return;
+		if(!member) return;
 		if (error) {
 			data.route = [];
 			return "";
@@ -79,16 +79,7 @@
 			await listenOutput();
 			return;
 		}
-		const routeInfo = parseCliInfo(member);
+		data.route = JSON.parse(member);
-		routeInfo.forEach(value => {
-			if (value.cost === "Local") {
-				value.cost = "本机";
-			}
-			if (value.ipv4 && value.ipv4.includes("/")) {
-				value.ipv4 = value.ipv4.split("/")[0];
-			}
-		});
-		data.route = routeInfo;
 	};
 
 	const listenStart = async () => {

pages/index.vue

@@ -45,7 +45,7 @@
 					</div>
 					<ElTooltip content="请先停止自建服务和联机后再使用，否则内核被占用的情况下，无法进行内核更换">
 						<ElBadge
-							badge-class="!text-[9px] cursor-pointer"
+							badge-class="!text-[9px] cursor-pointer ml-auto"
 							:hidden="!haveNewCoreVersion"
 							:offset="[-5, 6]"
 							@click.stop="handleCoreManagement"
@@ -67,7 +67,11 @@
 			</template>
 			<ElSelect
 				allow-create
+				:reserve-keyword="false"
 				filterable
+				multiple
+				collapse-tags
+				collapse-tags-tooltip
 				placeholder="请选择服务器地址"
 				default-first-option
 				v-model="mainStore.config.serverUrl"
@@ -75,14 +79,13 @@
 				@change="handleServerUrlChange"
 			>
 				<template #prefix>
-					<div :class="mainStore.config.protocol && mainStore.config.protocol.length > 1 ? 'w-[120px]' : 'w-[80px]'">
+					<div :class="mainStore.config.protocol && mainStore.config.protocol.length > 1 ? 'w-[110px]' : 'w-[80px]'">
 						<ElSelect
 							placeholder="协议"
 							multiple
 							collapse-tags
 							@click.stop
 							v-model="mainStore.config.protocol"
-							@change="handleServerUrlChange"
 						>
 							<ElOption
 								v-for="item in protocols"
@@ -99,7 +102,7 @@
 							type="primary"
 							size="small"
 							underline="never"
-							@click.stop="open(publicPeersLink)"
+							@click.stop="handleShowPublicServersDialog"
 						>
 							其他公共服务器
 						</ElLink>
@@ -206,23 +209,40 @@
 				label="局域网IP"
 			>
 				<template #label>
-					<div class="flex h-[20px] items-center gap-[3px]">
+					<div class="flex h-[22px] items-center gap-[3px]">
-						虚拟网IP
+						<div class="mr-[8px]">IP</div>
+						<ElSwitch
+							v-model="mainStore.config.dhcp"
+							inline-prompt
+							inactive-text="固定V4"
+							active-text="动态V4"
+							size="small"
+						></ElSwitch>
+						<ElTooltip>
+							<template #content>
+								<div>选填V6地址，可与IPv4一起使用以进行双栈操作</div>
+								<div>----------------------------------------</div>
+								<div>当前V6地址: {{ mainStore.config.ipv6 || "-" }}</div>
+							</template>
+							<ElButton
+								text
+								size="small"
+								class="cursor-pointer"
+								@click="handleDealIpv6"
+								:type="mainStore.config.ipv6 ? 'success' : 'info'"
+							>
+								V6
+							</ElButton>
+						</ElTooltip>
+						<ElDivider direction="vertical" />
 						<ElButton
 							@click.stop="handleCopyIp"
 							type="primary"
 							text
 							size="small"
-							title="复制IP"
+							title="复制V4"
 							:icon="CopyDocument"
 						></ElButton>
-						<ElSwitch
-							v-model="mainStore.config.dhcp"
-							inline-prompt
-							inactive-text="固定IP"
-							active-text="动态获取"
-							size="small"
-						></ElSwitch>
 						<!-- <ElTooltip content="对应命令行参数 --ipv4">
 							<ElIcon><QuestionFilled /></ElIcon>
 						</ElTooltip> -->
@@ -698,6 +718,35 @@
 			</div>
 		</template>
 	</ElDialog>
+	<ElDialog
+		width="95%"
+		top="30px"
+		append-to-body
+		:z-index="10"
+		class="!mb-0"
+		title="IPV6地址填写"
+		:close-on-press-escape="false"
+		:close-on-click-modal="false"
+		:show-close="false"
+		v-model="ipv6InputDialog.visible"
+	>
+		<ElInput
+			v-model="mainStore.config.ipv6"
+			clearable
+			placeholder="请输入IPV6地址"
+		></ElInput>
+		<template #footer>
+			<div class="text-right">
+				<ElButton
+					type="primary"
+					size="small"
+					@click="handleValidateIpv6"
+				>
+					确定
+				</ElButton>
+			</div>
+		</template>
+	</ElDialog>
 </template>
 <script setup lang="ts">
 	import { invoke } from "@tauri-apps/api/core";
@@ -734,9 +783,10 @@
 	import { updateConfigJson, updateConfigJsonBounce } from "~/composables/configJson";
 	import { writeText, readText } from "@tauri-apps/plugin-clipboard-manager";
 	import { sortedUniq, uniq } from "lodash-es";
-	import { addQQGroup, supportProtocols, preventSleep, stopPreventSleep, ATJ, copyText, isValidWindowsFileName } from "~/utils";
+	import { addQQGroup, supportProtocols, preventSleep, stopPreventSleep, ATJ, copyText, isValidWindowsFileName, mixedArray } from "~/utils";
 	import { ElConfirmDanger, ElConfirmPrimary } from "~/utils/element";
 	import { getServerArgs } from "@/composables/server";
+	import { isIPv6 } from "is-ip";
 
 	let is_close = false;
 	const publicPeersLink = import.meta.env.VITE_PUBLIC_PEERS_URL;
@@ -755,6 +805,9 @@
 		},
 		async () => {
 			await handleReconnect();
+		},
+		async () => {
+			await handleShowPublicServersDialog();
 		}
 	);
 
@@ -768,6 +821,7 @@
 		advanceVisible: false,
 		toolVisible: false,
 		gameListVisible: false,
+		nodesListVisible: false,
 		serverVisible: false,
 		winipBcPid: 0, //WinIPBroadcast进程id
 		winipBcStart: false,
@@ -781,7 +835,7 @@
 		startLoading: false,
 		isStart: false,
 		connectionSuccess: false,
-		configJsonSeverUrl: "" // 本地保存一次，用于回填config.json
+		configJsonSeverUrl: [] // 本地保存一次，用于回填config.json
 	});
 
 	const configStart = reactive<{ list: Array<{ path: string; name: string }>; [key: string]: any }>({
@@ -823,12 +877,54 @@
 		}
 	};
 
+	const ipv6InputDialog = reactive<{ visible: boolean; [key: string]: any }>({
+		visible: false
+	});
+
+	const handleDealIpv6 = async () => {
+		ipv6InputDialog.visible = true;
+	};
+
+	const handleValidateIpv6 = () => {
+		mainStore.config.ipv6 = mainStore.config.ipv6?.trim() || "";
+		if (mainStore.config.ipv6 && !isIPv6(mainStore.config.ipv6)) {
+			ElMessage.error("请输入正确的IPV6地址");
+			return;
+		}
+		ipv6InputDialog.visible = false;
+	};
+
 	const handleCopyIp = async () => {
-		if (!mainStore.config.ipv4?.trim()) return;
+		const v6 = mainStore.config.ipv6?.trim();
-		if (data.isStart || !mainStore.config.dhcp) {
+		const v4 = mainStore.config.ipv4?.trim();
-			await copyText(mainStore.config.ipv4);
+		if (v6) {
+			const [err] = await ElConfirmPrimary("检测到您填写了IPV6地址，是否复制IPV6地址？", "提示", {
+				confirmButtonText: "复制IPV6",
+				cancelButtonText: "复制IPV4"
+			});
+			if (!err) {
+				await copyText(v6);
+			} else {
+				if (!v4) {
+					ElMessage.error("没有IPV4地址，无法复制");
+					return;
+				}
+				if (data.isStart || !mainStore.config.dhcp) {
+					await copyText(v4);
+				} else {
+					await copyText(v4, "复制成功,联机后IP可能会变化");
+				}
+			}
 		} else {
-			await copyText(mainStore.config.ipv4, "复制成功,联机后IP可能会变化");
+			if (!v4) {
+				ElMessage.error("没有IPV4地址，无法复制");
+				return;
+			}
+			if (data.isStart || !mainStore.config.dhcp) {
+				await copyText(v4);
+			} else {
+				await copyText(v4, "复制成功,联机后IP可能会变化");
+			}
 		}
 	};
 
@@ -850,30 +946,40 @@
 		const newBasePeers = [...mainStore.basePeers];
 		const idx = newBasePeers.indexOf(url);
 		if (idx >= 0) {
-			if (mainStore.config.serverUrl === url) {
+			const selectIdx = mainStore.config.serverUrl.indexOf(url);
-				mainStore.config.serverUrl = "";
+			if (selectIdx >= 0) {
+				mainStore.config.serverUrl.splice(selectIdx, 1);
 			}
 			newBasePeers.splice(idx, 1);
 		}
 		mainStore.basePeers = uniq([...newBasePeers]);
-		if (mainStore.basePeers.length > 0) {
+		if (mainStore.basePeers.length > 0 && mainStore.config.serverUrl.length <= 0) {
-			mainStore.config.serverUrl = mainStore.basePeers[0];
+			mainStore.config.serverUrl = [mainStore.basePeers[0]];
 		}
 	};
 
 	const handleServerUrlChange = () => {
-		let inputProtocols: string | null = null;
+		let inputProtocols: string[] = [];
+		// console.log(mainStore.config.serverUrl);
 		for (const p of protocols) {
-			if (mainStore.config.serverUrl.toLowerCase().startsWith(`${p}://`)) {
+			for (const url of mainStore.config.serverUrl) {
-				inputProtocols = p;
+				if (url.replace(/\\/g, "/").toLowerCase().startsWith(`${p}://`)) {
-				break;
+					inputProtocols.push(p);
+				}
 			}
 		}
 		if (inputProtocols) {
-			mainStore.config.protocol = [inputProtocols];
+			mainStore.config.protocol = uniq([...mainStore.config.protocol, ...inputProtocols]);
-			mainStore.config.serverUrl = mainStore.config.serverUrl.slice(inputProtocols.length + 3);
+			mainStore.config.serverUrl = (mainStore.config.serverUrl || []).map(url => {
+				for (const p of protocols) {
+					if (url.replace(/\\/g, "/").toLowerCase().startsWith(`${p}://`)) {
+						return url.slice(p.length + 3);
+					}
+				}
+				return url;
+			});
 		}
-		mainStore.basePeers = uniq([mainStore.config.serverUrl, ...mainStore.basePeers]);
+		mainStore.basePeers = uniq([...mainStore.config.serverUrl, ...mainStore.basePeers]);
 	};
 
 	const listenObj: { [key: string]: any } = {
@@ -1045,6 +1151,28 @@
 		// await getReleaseList();
 	};
 
+	const handleShowPublicServersDialog = async () => {
+		await etWindows(
+			"nodesList",
+			{
+				title: "公共服务器节点",
+				width: 1000,
+				height: 600,
+				minWidth: 800,
+				minHeight: 500,
+				resizable: true,
+				url: "#/nodesList"
+			},
+			(_, appWindow) => {
+				data.nodesListVisible = true;
+			},
+			() => {
+				data.nodesListVisible = false;
+			}
+		);
+	};
+
+
 	let unlistenDownload: UnlistenFn | null = null;
 	let unlistenDownloadError: UnlistenFn | null = null;
 	let progress = ref<number>(0);
@@ -1095,7 +1223,7 @@
 		data.releaseList = [
 			...list.flat().filter(el => {
 				// console.log(el, el[0], el[2], el[3]); // el[3] 是prerelease bool值
-				return el && el[0] && el[2] && !el[2].includes("gui") && (el[3] != 'true' || !el[3]);
+				return el && el[0] && el[2] && !el[2].includes("gui") && (el[3] != "true" || !el[3]);
 			})
 		] as any;
 		coreManagementData.loading = false;
@@ -1128,25 +1256,23 @@
 		}
 	};
 
-	const compatibleIpv6Listener = async () => {
+	// const compatibleIpv6Listener = async () => {
-		// ipv6监听在后续版本合并到customListenner里了，这里做兼容处理
+	// 	// ipv6监听在后续版本合并到customListenner里了，这里做兼容处理，去掉IPV6监听
-		if (mainStore.config.enableCustomListenerV6 && mainStore.config.customListenerV6Data) {
+	// 	const customListenerV4 = mainStore.config.customListenerData
-			const customListener = mainStore.config.customListenerV6Data.trim();
+	// 				.trim()
-			if (customListener) {
+	// 				.split("\n")
-				const customListenerV4 = mainStore.config.customListenerData
+	// 				.map(el => el.trim())
-					.trim()
+	// 				.filter(el => el);
-					.split("\n")
+	// 	const udpv6 = customListenerV4.indexOf("udp://[::]:11010")
-					.map(el => el.trim())
+	// 	const tcpv6 = customListenerV4.indexOf("tcp://[::]:11010")
-					.filter(el => el);
+	// 	if (udpv6 != -1) {
-				if (!customListenerV4.includes(customListener)) {
+	// 		customListenerV4.splice(udpv6, 1);
-					mainStore.config.customListenerData += `\n${customListener}`;
+	// 	}
-				}
+	// 	if (tcpv6 != -1) {
-			}
+	// 		customListenerV4.splice(tcpv6, 1);
-		}
+	// 	}
-		if (mainStore.config.enableCustomListenerV6) {
+	// 	mainStore.config.customListenerData = customListenerV4.join("\n");
-			mainStore.config.enableCustomListenerV6 = false;
+	// };
-		}
-	};
 
 	const initConnectAfterStart = async () => {
 		if (mainStore.config.connectAfterStart && data.coreVersion) {
@@ -1155,6 +1281,13 @@
 		}
 	};
 
+	// 多选serverUrl兼容
+	const compatibleInitServerUrl = async () => {
+		if (typeof mainStore.config.serverUrl == "string") {
+			mainStore.config.serverUrl = [mainStore.config.serverUrl || ""];
+		}
+	};
+
 	const initGuiJson = async () => {
 		const path = import.meta.env.VITE_CONFIG_FILE_NAME;
 		const isExists = await exists(path, { baseDir: BaseDirectory.Resource });
@@ -1170,20 +1303,22 @@
 					// const resultStr = guiJsonStr.replace(regex, "").replace(regex2, "$1");
 					// console.log(resultStr);
 					const guiJson = JSON.parse(guiJsonStr);
-					let saveServerUrl = "";
+					let saveServerUrl = [];
 					if (guiJson.serverUrl) {
 						if (Array.isArray(guiJson.serverUrl)) {
 							mainStore.basePeers = uniq([...guiJson.serverUrl, ...mainStore.basePeers]);
+							saveServerUrl = uniq([...guiJson.serverUrl]);
 						}
 						if (typeof guiJson.serverUrl === "string") {
 							mainStore.basePeers = uniq([...guiJson.serverUrl.split(","), ...mainStore.basePeers]);
+							saveServerUrl = [mainStore.basePeers[0] || ""];
+							guiJson.serverUrl = guiJson.serverUrl ? guiJson.serverUrl.split(",") : [];
 						}
-						saveServerUrl = mainStore.basePeers[0] || "";
 					} else {
-						saveServerUrl = mainStore.basePeers.length > 0 ? mainStore.basePeers[0] || "" : "";
+						saveServerUrl = [mainStore.basePeers.length > 0 ? mainStore.basePeers[0] || "" : ""];
 					}
-					data.configJsonSeverUrl = guiJson.serverUrl;
+					data.configJsonSeverUrl = [...guiJson.serverUrl] as any;
-					if(guiJson.enableKcpProxy && guiJson.enableQuicProxy) {
+					if (guiJson.enableKcpProxy && guiJson.enableQuicProxy) {
 						// 如果同时开启kcp代理和quic代理，则禁用quic代理
 						guiJson.enableQuicProxy = false;
 					}
@@ -1241,7 +1376,7 @@
 		const logicalAppSize = {
 			width: 340,
 			height: 305
-		}
+		};
 		const scaleFactor = await appWindow.scaleFactor();
 		const size = new PhysicalSize(Math.ceil(logicalAppSize.width * scaleFactor), Math.ceil(logicalAppSize.height * scaleFactor));
 		appWindow.setSize(size);
@@ -1251,16 +1386,111 @@
 		});
 	};
 
-	let logsTimer: NodeJS.Timeout | null = null;
+	// 过滤可用节点的函数
-	let serverLogsTimer: NodeJS.Timeout | null = null;
+	const filterAvailableNodes = (nodes: NodeItem[]): NodeItem[] => {
-	let cidrTimer: NodeJS.Timeout | null = null;
+		return nodes.filter(node => {
+			// 基本条件：节点必须激活且被批准
+			if (!node.is_active || !node.is_approved) {
+				return false;
+			}
+
+			// 健康状态检查
+			if (node.current_health_status !== "healthy") {
+				return false;
+			}
+
+			// 使用率检查：使用率不能超过95%
+			if (node.usage_percentage > 95) {
+				return false;
+			}
+
+			// 24小时健康率检查：必须大于90%
+			if (node.health_percentage_24h < 90) {
+				return false;
+			}
+
+			// 响应时间检查：响应时间不能超过60秒
+			if (node.last_response_time > 60000) {
+				return false;
+			}
+
+			// 连接数检查：当前连接数不能超过最大连接数的90%
+			if (node.current_connections > node.max_connections * 0.9) {
+				return false;
+			}
+
+			// 必须有有效的地址
+			if (!node.address || !node.host || !node.port) {
+				return false;
+			}
+
+			return true;
+		});
+	};
+
+	// 按优先级排序节点的函数
+	const sortNodesByPriority = (nodes: NodeItem[]): NodeItem[] => {
+		return nodes.sort((a, b) => {
+			// 优先级排序规则：
+			// 1. 响应时间越短越好
+			// 2. 使用率越低越好
+			// 3. 24小时健康率越高越好
+			// 4. 当前连接数越少越好
+
+			// 响应时间权重最高
+			const responseTimeDiff = a.last_response_time - b.last_response_time;
+			if (Math.abs(responseTimeDiff) > 1000) {
+				// 如果响应时间差异超过1秒
+				return responseTimeDiff;
+			}
+
+			// 使用率权重次之
+			const usageDiff = a.usage_percentage - b.usage_percentage;
+			if (Math.abs(usageDiff) > 5) {
+				// 如果使用率差异超过5%
+				return usageDiff;
+			}
+
+			// 24小时健康率
+			const healthDiff = b.health_percentage_24h - a.health_percentage_24h;
+			if (Math.abs(healthDiff) > 1) {
+				// 如果健康率差异超过1%
+				return healthDiff;
+			}
+
+			// 当前连接数
+			return a.current_connections - b.current_connections;
+		});
+	};
+
+	// 将节点添加到服务器列表的函数
+	const addNodesToServerList = (nodes: NodeItem[]) => {
+		// 提取服务器地址
+		const serverAddresses = nodes.map(node => node.address.replace(`${node.protocol}://`, ""));
+
+		// 去重并添加到基础服务器列表
+		const uniqueAddresses = uniq([...serverAddresses, ...mainStore.basePeers]);
+		mainStore.basePeers = uniqueAddresses;
+
+		// 如果当前没有选择服务器，自动选择第一个最佳节点
+		if (mainStore.config.serverUrl.length === 0 && serverAddresses.length > 0) {
+			mainStore.config.serverUrl = [serverAddresses[0]];
+			console.log(`自动选择最佳服务器: ${serverAddresses[0]}`);
+		}
+
+		console.log(`已添加 ${serverAddresses.length} 个可用服务器到列表`);
+	};
+
+	let logsTimer: number | null = null;
+	let serverLogsTimer: number | null = null;
+	let cidrTimer: number | null = null;
 
 	onMounted(async () => {
+		await compatibleInitServerUrl();
 		await initGuiJson();
 		await compatibleInitAutoStart();
 		// await initAutoStart();
 		// await initStartWinIpBroadcast();  // 对于三层tun而言，winipbroadcast没有作用，先禁用
-		await compatibleIpv6Listener();
 		await getCoreVersion();
 		await listenObj.listenThreadId();
 		await listenObj.listenServerThreadId();
@@ -1276,6 +1506,7 @@
 			checkNewVersion();
 		}
 		await storageDialog();
+		
 	});
 
 	// storageEventEmitter.addEventListener("localStorageChange", () => {
@@ -1288,6 +1519,7 @@
 		return data.configJsonSeverUrl;
 	});
 
+
 	onBeforeUnmount(() => {
 		unListenAll();
 		listenObj.unListenReleaseList && listenObj.unListenReleaseList();
@@ -1297,6 +1529,7 @@
 		cidrTimer && clearInterval(cidrTimer);
 		stopPreventSleep();
 		// unListenStorage && unListenStorage();
+		
 	});
 
 	const getArgs = async () => {
@@ -1328,7 +1561,16 @@
 				return [];
 			}
 		}
-
+		if (mainStore.config.serverUrl?.length <= 0) {
+			ElMessage.warning(`请至少选择一个服务器`);
+			return [];
+		}
+		// 		lodash-es 如何将两个数组的值混合  比如["tcp","udp"] [1,2]
+		// 混合后["tcp1","tcp2","udp1","udp2"]
+		if (mainStore.config.protocol?.length <= 0) {
+			ElMessage.warning(`请至少选择一个协议`);
+			return [];
+		}
 		if (mainStore.config.dhcp) {
 			args.push("-d");
 		}
@@ -1345,8 +1587,8 @@
 			args.push("--ipv4", mainStore.config.ipv4.trim());
 		}
 		if (mainStore.config.serverUrl) {
-			const formatUrl = mainStore.config.serverUrl.replace(/\\/g, "/");
+			const formatUrlArr = mainStore.config.serverUrl.map((url: string) => url.replace(/\\/g, "/"));
-			args.push("--peers", ...mainStore.config.protocol.map(protocol => `${protocol}://${formatUrl}`));
+			args.push("--peers", ...mixedArray(mainStore.config.protocol, formatUrlArr, "://"));
 		}
 		if (mainStore.config.enableCustomProtocol) {
 			const includes = mainStore.config.protocol.includes(mainStore.config.customProtocol);
@@ -1373,9 +1615,7 @@
 				args.push("-l", ...customListener);
 			}
 		}
-		if (!mainStore.config.disbleListenner && mainStore.config.enableCustomListenerV6 && mainStore.config.customListenerV6Data) {
+
-			args.push("--ipv6-listener", mainStore.config.customListenerV6Data);
-		}
 		if (!mainStore.config.disbleListenner && !mainStore.config.enableCustomListener && mainStore.config.port) {
 			args.push("-l", mainStore.config.port);
 		}
@@ -1425,16 +1665,16 @@
 			args.push("--compression", mainStore.config.compression);
 		}
 		if (mainStore.config.enableKcpProxy) {
-			args.push("--enable-kcp-proxy", 'true');
+			args.push("--enable-kcp-proxy", "true");
 		}
 		if (mainStore.config.disableKcpInput) {
-			args.push("--disable-kcp-input", 'true');
+			args.push("--disable-kcp-input", "true");
 		}
 		if (mainStore.config.enableQuicProxy) {
-			args.push("--enable-quic-proxy", 'true');
+			args.push("--enable-quic-proxy", "true");
 		}
 		if (mainStore.config.disableQuicInput) {
-			args.push("--disable-quic-input", 'true');
+			args.push("--disable-quic-input", "true");
 		}
 		if (mainStore.config.bindDeviceEnable) {
 			args.push("--bind-device", "true");
@@ -1457,6 +1697,17 @@
 		if (mainStore.config.privateMode) {
 			args.push("--private-mode", "true");
 		}
+		if (mainStore.config.ipv6 && !mainStore.config.disableIpv6) {
+			args.push("--ipv6", mainStore.config.ipv6.trim());
+		}
+		const tcpWhitelist = mainStore.config.tcpWhitelist.trim();
+		if (mainStore.config.tcpWhitelistEnable && tcpWhitelist) {
+			args.push("--tcp-whitelist", tcpWhitelist);
+		}
+		const udpWhitelist = mainStore.config.udpWhitelist.trim();
+		if (mainStore.config.udpWhitelistEnable && udpWhitelist) {
+			args.push("--udp-whitelist", udpWhitelist);
+		}
 		return args;
 	};
 
@@ -1551,8 +1802,6 @@
 					port,
 					enableCustomListener,
 					customListenerData,
-					enableCustomListenerV6,
-					customListenerV6Data,
 					devName,
 					devNameValue,
 					enableNetCardMetric,
@@ -1587,8 +1836,6 @@
 								port,
 								enableCustomListener,
 								customListenerData,
-								enableCustomListenerV6,
-								customListenerV6Data,
 								devName,
 								devNameValue,
 								enableNetCardMetric,
@@ -1794,7 +2041,13 @@
 		});
 		if (!err) {
 			const payload = JSON.parse(decodeURIComponent(atob(importConfigData.data)));
-			payload.config.serverUrl = payload?.config?.serverUrl?.trim() || mainStore.config.serverUrl;
+			payload.config.serverUrl = Array.isArray(payload?.config?.serverUrl)
+				? payload?.config?.serverUrl
+				: typeof payload?.config?.serverUrl == "string"
+					? [payload?.config?.serverUrl.split(",")]
+					: typeof mainStore.config.serverUrl == "string"
+						? [mainStore.config.serverUrl]
+						: [];
 			mainStore.$patch({
 				config: {
 					...mainStore.config,
@@ -1803,7 +2056,7 @@
 			});
 			ElMessage.success("导入成功");
 			importConfigData.visible = false;
-			mainStore.basePeers = uniq([mainStore.config.serverUrl, ...mainStore.basePeers].filter(el => el.trim()));
+			mainStore.basePeers = uniq([...(mainStore.config.serverUrl || []), ...mainStore.basePeers].filter(el => el.trim()));
 		} else {
 			console.error(err);
 			if (err !== "cancel") {

pages/log.vue

@@ -1,27 +1,145 @@
 <template>
-	<ElInput
+	<!-- <ElInput
 		type="textarea"
 		:rows="17"
-		v-model="data.log"
+		v-model="data.originLog"
 		resize="none"
 		readonly
 		placeholder="等待日志中，请先'启动联机'..."
-	/>
+	/> -->
+	<div
+		ref="logRef"
+		@scroll="handleScroll"
+		class="overflow-auto"
+	>
+		<div
+			v-if="!data.log || data.log.length <= 0"
+			class="p-[5px]"
+		>
+			<ElText type="info">等待日志中，请先'启动联机'...</ElText>
+		</div>
+		<div
+			v-else
+			v-for="item in data.log"
+			:key="item.id"
+			class="p-[5px]"
+		>
+			<div class="group/item flex items-center justify-start leading-[26px]">
+				<ElText
+					:closable="false"
+					:type="item.type"
+				>
+					{{ item.text }}
+					<ElTooltip
+						placement="right"
+						content="复制"
+					>
+						<ElButton
+							class="ml-[3px] !hidden w-fit group-hover/item:!inline-flex"
+							@click.stop="handleCopyLog(item.text)"
+							type="success"
+							size="small"
+							circle
+							plain
+							:icon="CopyDocument"
+						></ElButton>
+					</ElTooltip>
+				</ElText>
+			</div>
+		</div>
+		<ElAffix
+			v-if="data.originLog"
+			class="w-full"
+			position="bottom"
+			:offset="10"
+		>
+			<div class="bg-(var(--el-color-primary)) mr-[10px] flex items-center justify-end">
+				<ElTooltip
+					content="复制全部"
+					placement="top"
+				>
+					<ElButton
+						@click.stop="handleCopyLog(data.originLog)"
+						type="info"
+						size="large"
+						circle
+						:icon="CopyDocument"
+					></ElButton>
+				</ElTooltip>
+			</div>
+		</ElAffix>
+	</div>
 </template>
 <script setup lang="ts">
+	import { CopyDocument } from "@element-plus/icons-vue";
 	import { listen, type UnlistenFn } from "@tauri-apps/api/event";
-	import { reactive, onMounted, onBeforeUnmount } from "vue";
+	import { reactive, onMounted, onBeforeUnmount, useTemplateRef, nextTick } from "vue";
-	const data = reactive({
+	import { copyText } from "~/utils";
-		log: ""
+	type LogItem = { id: string; text: string; type: "danger" | "info" | "warning" | "primary" };
+	const data = reactive<{ log: LogItem[]; originLog: string; autoScrollToBottom: boolean }>({
+		log: [],
+		originLog: "", // 原始日志
+		autoScrollToBottom: true // 是否允许自动滚动到底部
 	});
 
+	const logEl = useTemplateRef<HTMLDivElement>("logRef");
+
+	const scrollToBottom = () => {
+		if (data.autoScrollToBottom) {
+			logEl.value?.scrollTo({
+				top: logEl.value?.scrollHeight,
+				behavior: "smooth"
+			});
+		}
+	};
+
+	const handleScroll = () => {
+		if (logEl.value) {
+			const autoScrollToBottom = logEl.value.scrollTop + logEl.value.clientHeight >= logEl.value.scrollHeight;
+			data.autoScrollToBottom = autoScrollToBottom;
+		}
+	};
+
 	const listenStart = async () => {
-		const unListen = await listen<string>("logs", event => {
+		const unListen = await listen<string>("logs", async event => {
-			data.log = event.payload || "";
+			const payload = event.payload || "";
+			if (data.originLog === payload) return;
+			data.originLog = payload;
+			data.log = payload
+				.split("\n")
+				.filter(text => text.trim())
+				.map((text, idx) => {
+					if (idx === 0) {
+						return { id: `${text}-${idx}`, text, type: "primary" };
+					}
+					const toLowerCaseText = text.toLocaleLowerCase();
+					return {
+						id: `${text}-${idx}`,
+						text,
+						type:
+							toLowerCaseText.includes("error") ||
+							toLowerCaseText.includes("fail") ||
+							toLowerCaseText.includes("failed") ||
+							toLowerCaseText.includes("exception") ||
+							toLowerCaseText.includes("err")
+								? "danger"
+								: toLowerCaseText.includes("warn")
+									? "warning"
+									: toLowerCaseText.includes("new peer connection")
+										? "primary"
+										: "info"
+					};
+				});
+			await nextTick();
+			scrollToBottom();
 		});
 		return unListen;
 	};
 
+	const handleCopyLog = async (text: string) => {
+		await copyText(text, "复制记录成功");
+	};
+
 	let unlistenStart: UnlistenFn | null = null;
 	onMounted(async () => {
 		unlistenStart = await listenStart();

pages/member.vue

@@ -15,16 +15,31 @@
 			>
 				<ElTableColumn
 					sortable
-					width="140"
 					label="成员名"
 					prop="hostname"
 				>
 					<template #default="{ row }">
-						{{
+						<div class="whitespace-pre-wrap">
-							(row.hostname || "").toLowerCase().includes("publicserver")
+							<div>
-								? (row.hostname || "").replace("PublicServer", "服务器")
+								{{
-								: row.hostname || "-"
+									(row.hostname || "").toLowerCase().includes("publicserver")
-						}}
+										? (row.hostname || "").replace("PublicServer", "服务器")
+										: row.hostname || "-"
+								}}
+							</div>
+							<div
+								class="space-y-1"
+								v-if="row?.connections_addrs?.length > 0"
+							>
+								<ElTag
+									:key="url"
+									v-for="url in row.connections_addrs"
+									class="!flex !h-auto !whitespace-pre-wrap !break-all !py-[5px]"
+								>
+									{{ url }}
+								</ElTag>
+							</div>
+						</div>
 					</template>
 				</ElTableColumn>
 				<ElTableColumn
@@ -70,7 +85,13 @@
 					label="丢包率"
 				>
 					<template #default="{ row }">
-						{{ row.loss_rate && row.loss_rate != "-" ? Number(row.loss_rate * 100).toFixed(2) + "%" : row.loss_rate }}
+						{{
+							row.loss_rate && row.loss_rate != "-"
+								? row.loss_rate.endsWith("%")
+									? row.loss_rate
+									: Number(row.loss_rate * 100).toFixed(2) + "%"
+								: row.loss_rate
+						}}
 					</template>
 				</ElTableColumn>
 				<ElTableColumn
@@ -107,7 +128,7 @@
 					sortable
 					prop="tx_bytes"
 					label="传输"
-					:sort-method="(a, b) => sortBytes(a, b, 'tx_bytes')"
+					:sort-method="(a: any, b: any) => sortBytes(a, b, 'tx_bytes')"
 					:sort-orders="['ascending', 'descending', null]"
 				></ElTableColumn>
 			</ElTable>
@@ -120,20 +141,62 @@
 	import { ATJ, parseCliInfo } from "@/utils";
 	import { ElConfirmDanger } from "~/utils/element";
 	import { getCurrentWindow } from "@tauri-apps/api/window";
-	import { isNaN } from "lodash-es";
+	import { endsWith, isNaN } from "lodash-es";
-	// 	enum NatType {
+
-	//   // has NAT; but own a single public IP, port is not changed
+	type Member = {
-	//   Unknown = 0;
+		cidr: string;
-	//   OpenInternet = 1;
+		ipv4: string;
-	//   NoPAT = 2;
+		hostname: string;
-	//   FullCone = 3;
+		cost: string;
-	//   Restricted = 4;
+		lat_ms: string;
-	//   PortRestricted = 5;
+		loss_rate: string;
-	//   Symmetric = 6;
+		rx_bytes: string;
-	//   SymUdpFirewall = 7;
+		tx_bytes: string;
-	//   SymmetricEasyInc = 8;
+		tunnel_proto: string;
-	//   SymmetricEasyDec = 9;
+		nat_type: string;
-	// }
+		id: string;
+		version: string;
+		connections_addrs: string[];
+	};
+
+	type ConnectionsType = {
+		route: {
+			peer_id: number;
+			ipv4_addr: string | null;
+			next_hop_peer_id: number;
+			cost: number;
+			path_latency: number;
+			proxy_cidrs: string[];
+			hostname: string;
+			stun_info: {
+				udp_nat_type: number;
+				tcp_nat_type: number;
+				last_update_time: number;
+				public_ip: string[];
+				min_port: number;
+				max_port: number;
+			};
+		};
+		peer: {
+			peer_id: number;
+			conns: {
+				conn_id: string;
+				my_peer_id: number;
+				peer_id: number;
+				features: string[];
+				tunnel: {
+					tunnel_type: string;
+					local_addr: {
+						url: string;
+					};
+					remote_addr: {
+						url: string;
+					};
+				};
+			}[];
+		};
+	};
+
 	const natMaps = {
 		unknown: "未知",
 		OpenInternet: "nat0-openinternet",
@@ -148,13 +211,13 @@
 	};
 	type natKyes = keyof typeof natMaps;
 
-	const data = reactive<{ member: { hostname: string; cost: string; ipv4: string; lat_msg: string; loss_rate: string; nat_type: string }[] }>({
+	const data = reactive<{ member: Member[] }>({
 		member: []
 	});
 
 	// 延迟排序函数
-	const sortLatMs = (a: any, b: any): number => {
+	const sortLatMs = (a: Member, b: Member): number => {
-		const getLatencyValue = (row: any): number => {
+		const getLatencyValue = (row: Member): number => {
 			const latMs = row.lat_ms;
 
 			if (latMs === null || latMs === undefined || latMs === "") {
@@ -214,7 +277,7 @@
 	};
 
 	// 字节数据排序函数
-	const sortBytes = (a: any, b: any, field: string = 'rx_bytes'): number => {
+	const sortBytes = (a: any, b: any, field: string = "rx_bytes"): number => {
 		const parseBytes = (bytesStr: string): number => {
 			if (!bytesStr || bytesStr === "-" || bytesStr === "") {
 				return 0;
@@ -222,7 +285,7 @@
 
 			// 统一转换为小写并去除空格
 			const cleanStr = bytesStr.toLowerCase().trim();
-			
+
 			// 使用正则表达式匹配数字和单位
 			const match = cleanStr.match(/^(\d+(?:\.\d+)?)\s*([a-z]*)$/);
 			if (!match) {
@@ -238,30 +301,30 @@
 
 			// 根据单位转换为字节数
 			switch (unit) {
-				case 'b':
+				case "b":
-				case 'byte':
+				case "byte":
-				case 'bytes':
+				case "bytes":
-				case '':
+				case "":
 					return value;
-				case 'k':
+				case "k":
-				case 'kb':
+				case "kb":
-				case 'kib':
+				case "kib":
 					return value * 1024;
-				case 'm':
+				case "m":
-				case 'mb':
+				case "mb":
-				case 'mib':
+				case "mib":
 					return value * 1024 * 1024;
-				case 'g':
+				case "g":
-				case 'gb':
+				case "gb":
-				case 'gib':
+				case "gib":
 					return value * 1024 * 1024 * 1024;
-				case 't':
+				case "t":
-				case 'tb':
+				case "tb":
-				case 'tib':
+				case "tib":
 					return value * 1024 * 1024 * 1024 * 1024;
-				case 'p':
+				case "p":
-				case 'pb':
+				case "pb":
-				case 'pib':
+				case "pib":
 					return value * 1024 * 1024 * 1024 * 1024 * 1024;
 				default:
 					return value; // 未知单位当作字节处理
@@ -292,24 +355,10 @@
 		return num.toFixed(0);
 	};
 
-	const _showTableHeader = [
+	let timer: number | null = null;
-		["hostname", "主机名"],
-		["cost", "路由"],
-		["ipv4", "虚拟网IP"],
-		["lat_ms", "延迟/ms"],
-		["loss_rate", "丢包率"],
-		["nat_type", "NAT类型"],
-		["version", "版本"],
-		["tunnel_proto", "隧道协议"],
-		["rx_bytes", "接收"],
-		["tx_bytes", "传输"]
-	];
-
-	let timer: NodeJS.Timeout | null = null;
 
 	const listenOutput = async () => {
 		const [error, member] = await ATJ(invoke<string>("get_members_by_cli"));
-		// if(!member) return;
 		if (error) {
 			data.member = [];
 			return "";
@@ -329,17 +378,23 @@
 			}
 			return;
 		}
-		const peerInfo = parseCliInfo(member);
+		const [errorConnections, connections] = await ATJ(invoke<string>("get_members_connections_cli"));
-		peerInfo.forEach(value => {
+		const memberConnections: ConnectionsType[] = JSON.parse(connections) as ConnectionsType[];
-			if (value.cost === "Local") {
+
-				value.cost = "本机";
+		if (errorConnections != "_EasytierGameCliFailedToGetConnections_") {
-			}
+			data.member = (JSON.parse(member) as Member[]).map(member => {
-			if (value.ipv4 && value.ipv4.includes("/")) {
+				const connection = memberConnections.find(conn => String(conn.route.peer_id) === member.id);
-				value.ipv4 = value.ipv4.split("/")[0];
+				if (connection) {
-			}
+					member.connections_addrs = connection?.peer?.conns?.map(conn => conn?.tunnel?.remote_addr?.url || "") || [];
-		});
+				} else {
-		// console.log(peerInfo)
+					member.connections_addrs = [];
-		data.member = peerInfo;
+				}
+				return member;
+			});
+		} else {
+			data.member = JSON.parse(member) as Member[];
+		}
+		// console.log(data.member);
 		startTimer();
 	};
 

pages/nodesList.vue

@@ -0,0 +1,364 @@
+<template>
+	<div class="relative flex h-full flex-col flex-wrap gap-[0] overflow-hidden">
+		<div class="flex h-[40px] w-full flex-nowrap items-center gap-[0_5px]">
+			<div class="ml-[5px] mr-auto flex flex-1">
+				<ElText class="text-lg font-semibold">公共服务器节点列表</ElText>
+			</div>
+			<div>
+				<ElButton
+					:loading="loading"
+					size="small"
+					type="primary"
+					class="mr-[5px]"
+					@click="refreshNodes"
+				>
+					刷新
+				</ElButton>
+				<ElButton
+					:disabled="selectedNodes.length === 0"
+					size="small"
+					type="success"
+					class="mr-[5px]"
+					@click="addSelectedToServerList"
+				>
+					添加选中 ({{ selectedNodes.length }})
+				</ElButton>
+				<ElTag
+					v-if="lastUpdateTime"
+					size="small"
+					type="info"
+				>
+					最后更新: {{ lastUpdateTime }}
+				</ElTag>
+			</div>
+		</div>
+		<div class="flex w-full flex-1 flex-wrap gap-[0] overflow-auto">
+			<ElTable
+				:data="nodes"
+				stripe
+				height="100%"
+				ref="tableRef"
+				:empty-text="loading ? '加载中...' : '暂无可用服务器'"
+				:default-sort="{ prop: 'last_response_time', order: 'ascending' }"
+				@selection-change="handleSelectionChange"
+				@row-click="handleRowClick"
+			>
+				<ElTableColumn
+					type="selection"
+					width="55"
+				/>
+				<ElTableColumn
+					prop="name"
+					label="服务器名称"
+					width="200"
+					show-overflow-tooltip
+					sortable
+				/>
+				<ElTableColumn
+					prop="protocol"
+					label="协议"
+					width="80"
+					sortable
+				>
+					<template #default="{ row }">
+						<ElTag
+							:type="row.protocol === 'tcp' ? 'success' : 'warning'"
+							size="small"
+						>
+							{{ row.protocol.toUpperCase() }}
+						</ElTag>
+					</template>
+				</ElTableColumn>
+				<ElTableColumn
+					prop="address"
+					label="地址"
+					width="200"
+					show-overflow-tooltip
+					sortable
+				/>
+				<ElTableColumn
+					prop="last_response_time"
+					label="响应时间"
+					width="100"
+					sortable
+				>
+					<template #default="{ row }">
+						<ElTag
+							:type="getResponseTimeType(row.last_response_time)"
+							size="small"
+						>
+							{{ Number(row.last_response_time / 1000).toFixed(2) }}ms
+						</ElTag>
+					</template>
+				</ElTableColumn>
+				<ElTableColumn
+					prop="current_health_status"
+					label="状态/健康率"
+					width="120"
+					sortable
+				>
+					<template #default="{ row }">
+						<div class="flex flex-col gap-1">
+							<ElTag
+								:type="row.current_health_status === 'healthy' ? 'success' : 'danger'"
+								size="small"
+							>
+								{{ row.current_health_status === "healthy" ? "健康" : "异常" }}
+							</ElTag>
+							<ElTag
+								:type="getHealthType(row.health_percentage_24h)"
+								size="small"
+							>
+								{{ Number(row.health_percentage_24h).toFixed(1) }}%
+							</ElTag>
+						</div>
+					</template>
+				</ElTableColumn>
+				<ElTableColumn
+					prop="usage_percentage"
+					label="使用率"
+					width="100"
+					sortable
+				>
+					<template #default="{ row }">
+						<div class="flex items-center">
+							<ElProgress
+								:percentage="row.usage_percentage"
+								:stroke-width="6"
+								:show-text="false"
+								:color="getUsageColor(row.usage_percentage)"
+								class="mr-2 flex-1"
+							/>
+							<span class="text-xs">{{ row.usage_percentage.toFixed(1) }}%</span>
+						</div>
+					</template>
+				</ElTableColumn>
+				<ElTableColumn
+					prop="description"
+					label="描述"
+					width="300"
+					sortable
+				>
+					<template #default="{ row }">
+						<div class="whitespace-pre-wrap">{{ row.description }}</div>
+					</template>
+				</ElTableColumn>
+			</ElTable>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import useMainStore from "@/stores/index";
+	import { invoke } from "@tauri-apps/api/core";
+	import { reactive, onMounted, onBeforeUnmount, ref, useTemplateRef } from "vue";
+	import { ElMessage, type TableInstance } from "element-plus";
+	import { dataSubscribe } from "~/composables/windows";
+import { uniq } from "lodash-es";
+
+	const mainStore = useMainStore();
+	// 节点数据
+	const nodes = reactive<NodeItem[]>([]);
+	const loading = ref(false);
+	const lastUpdateTime = ref("");
+	const selectedNodes = ref<NodeItem[]>([]);
+	const tableRef = useTemplateRef<TableInstance>("tableRef");
+
+	// 定时器
+	let refreshTimer: number | null = null;
+
+	// 获取使用率颜色
+	const getUsageColor = (percentage: number) => {
+		if (percentage < 50) return "#67c23a";
+		if (percentage < 80) return "#e6a23c";
+		return "#f56c6c";
+	};
+
+	// 获取响应时间类型
+	const getResponseTimeType = (responseTime: number) => {
+		if (responseTime < 60 * 1000) return "success";
+		if (responseTime < 100 * 1000) return "warning";
+		return "danger";
+	};
+
+	// 获取健康率类型
+	const getHealthType = (health: number) => {
+		if (health >= 95) return "success";
+		if (health >= 90) return "warning";
+		return "danger";
+	};
+
+	// 刷新节点数据
+	const refreshNodes = async () => {
+		loading.value = true;
+		try {
+			let nodesList = await invoke<string>("fetch_nodes_list", { page: 1, limit: 1000 });
+			if (nodesList === "_EasytierGameFetchNodesError_") {
+				nodesList = "";
+			}
+			if (nodesList) {
+				const nodesListData: NodesResponse = JSON.parse(nodesList);
+				console.log(nodesListData);
+				if (nodesListData.success && nodesListData.data.items) {
+					// 过滤可用节点
+					const availableNodes = filterAvailableNodes(nodesListData.data.items);
+					// 按优先级排序
+					const sortedNodes = sortNodesByPriority(availableNodes);
+
+					// 更新节点数据
+					nodes.splice(0, nodes.length, ...sortedNodes);
+
+					// 更新最后更新时间
+					lastUpdateTime.value = new Date().toLocaleTimeString();
+
+					// console.log(`已更新 ${sortedNodes.length} 个可用节点`);
+				}
+			}
+		} catch (err) {
+			console.error("获取节点数据失败:", err);
+			ElMessage.error("获取节点数据失败");
+		} finally {
+			loading.value = false;
+		}
+	};
+
+	// 过滤可用节点的函数
+	const filterAvailableNodes = (nodes: NodeItem[]): NodeItem[] => {
+		return nodes.filter(node => {
+			// 基本条件：节点必须激活且被批准
+			if (!node.is_active || !node.is_approved) {
+				return false;
+			}
+
+			// 健康状态检查
+			if (node.current_health_status !== "healthy") {
+				return false;
+			}
+
+			// 使用率检查：使用率不能超过95%
+			if (node.usage_percentage > 95) {
+				return false;
+			}
+
+			// 24小时健康率检查：必须大于90%
+			if (node.health_percentage_24h < 90) {
+				return false;
+			}
+
+			// 响应时间检查：响应时间不能超过60秒
+			if (node.last_response_time > 60000) {
+				return false;
+			}
+
+			// 连接数检查：当前连接数不能超过最大连接数的90%
+			if (node.current_connections > node.max_connections * 0.9) {
+				return false;
+			}
+
+			// 必须有有效的地址
+			if (!node.address || !node.host || !node.port) {
+				return false;
+			}
+
+			return true;
+		});
+	};
+
+	// 按优先级排序节点的函数
+	const sortNodesByPriority = (nodes: NodeItem[]): NodeItem[] => {
+		return nodes.sort((a, b) => {
+			// 优先级排序规则：
+			// 1. 响应时间越短越好
+			// 2. 使用率越低越好
+			// 3. 24小时健康率越高越好
+			// 4. 当前连接数越少越好
+
+			// 响应时间权重最高
+			const responseTimeDiff = a.last_response_time - b.last_response_time;
+			if (Math.abs(responseTimeDiff) > 1000) {
+				// 如果响应时间差异超过1秒
+				return responseTimeDiff;
+			}
+
+			// 使用率权重次之
+			const usageDiff = a.usage_percentage - b.usage_percentage;
+			if (Math.abs(usageDiff) > 5) {
+				// 如果使用率差异超过5%
+				return usageDiff;
+			}
+
+			// 24小时健康率
+			const healthDiff = b.health_percentage_24h - a.health_percentage_24h;
+			if (Math.abs(healthDiff) > 1) {
+				// 如果健康率差异超过1%
+				return healthDiff;
+			}
+
+			// 当前连接数
+			return a.current_connections - b.current_connections;
+		});
+	};
+
+	// 启动定时器
+	const startRefreshTimer = () => {
+		refreshTimer = setInterval(() => {
+			refreshNodes();
+		}, 10000); // 10秒刷新一次
+	};
+
+	// 停止定时器
+	const stopRefreshTimer = () => {
+		if (refreshTimer) {
+			clearInterval(refreshTimer);
+			refreshTimer = null;
+		}
+	};
+
+	// 处理选择变化
+	const handleSelectionChange = (selection: NodeItem[]) => {
+		selectedNodes.value = selection;
+	};
+
+	const handleRowClick = (row: NodeItem) => {
+		tableRef.value?.toggleRowSelection(row);
+	};
+
+	// 添加选中的服务器到主页面服务器列表
+	const addSelectedToServerList = async () => {
+		if (selectedNodes.value.length === 0) {
+			ElMessage.warning("请先选择要添加的服务器");
+			return;
+		}
+
+		try {
+			// 提取服务器地址（去掉协议前缀）
+			const protocols = selectedNodes.value.map(node => node.protocol.toLowerCase());
+			const serverAddresses = selectedNodes.value.map(node => node.address.replace(`${node.protocol}://`, ""));
+			mainStore.basePeers = uniq([...mainStore.basePeers, ...serverAddresses]);
+			mainStore.config.serverUrl = uniq([...serverAddresses, ...mainStore.config.serverUrl]);
+			mainStore.config.protocol = uniq([...protocols, ...mainStore.config.protocol]);
+			ElMessage.success(`${selectedNodes.value.length} 个服务器，添加成功`);
+
+			// 清空选择
+			tableRef.value?.clearSelection();
+			selectedNodes.value = [];
+		} catch (err) {
+			console.error("处理选中服务器失败:", err);
+			ElMessage.error("处理选中服务器失败");
+		}
+	};
+
+	onMounted(async () => {
+		// 初始加载数据
+		await refreshNodes();
+		// 启动定时器
+		startRefreshTimer();
+	});
+
+	onBeforeUnmount(() => {
+		// 清理定时器
+		stopRefreshTimer();
+	});
+
+	dataSubscribe();
+</script>

pages/server.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="flex flex-col gap-[10px] h-full">
+	<div class="flex h-full flex-col gap-[10px]">
 		<ElForm
 			size="small"
 			label-position="top"
@@ -8,7 +8,7 @@
 			<ElFormItem
 				label="白名单"
 				prop="ServerWhiteList"
-				class="full-label full-content overflow-hidden !flex flex-col h-full !mb-[0]"
+				class="full-label full-content !mb-[0] !flex h-full flex-col overflow-hidden"
 			>
 				<template #label>
 					<div class="flex items-center gap-[10px]">
@@ -31,7 +31,12 @@
 								placement="top"
 								content="启用后，不允许使用了与本网络不同的房间名和密码的节点通过本节点进行握手或中转"
 							>
-								<ElCheckbox v-model="mainStore.serverConfig.privateMode">私有模式</ElCheckbox>
+								<ElCheckbox
+									@click.stop="handlePrivateModeClick"
+									:model-value="mainStore.serverConfig.privateMode"
+								>
+									私有模式
+								</ElCheckbox>
 							</ElTooltip>
 							<ElTooltip
 								placement="top"
@@ -42,7 +47,7 @@
 						</div>
 					</div>
 				</template>
-				<div class="h-full w-full flex flex-col overflow-hidden">
+				<div class="flex h-full w-full flex-col overflow-hidden">
 					<div class="flex-1 overflow-auto">
 						<ElInput
 							:disabled="!mainStore.serverConfig.enableWhiteList"
@@ -76,6 +81,58 @@
 			</ElButton>
 		</div>
 
+		<ElDialog
+			v-model="privateModeDialogData.visible"
+			:close-on-click-modal="false"
+			:close-on-press-escape="false"
+			title="私有模式"
+			:show-close="false"
+			width="300px"
+		>
+			<ElAlert
+				type="primary"
+				:closable="false"
+			>
+				建议为服务器设置一个房间名和密码
+			</ElAlert>
+			<div class="h-[15px]"></div>
+			<ElForm
+				:model="mainStore.serverConfig"
+				label-position="top"
+			>
+				<ElFormItem
+					label="房间名"
+					prop="privateNetworkName"
+				>
+					<ElInput
+						clearable
+						placeholder="请输入房间名 (默认为default)"
+						v-model="mainStore.serverConfig.privateNetworkName"
+					></ElInput>
+				</ElFormItem>
+				<ElFormItem
+					label="密码"
+					prop="privateNetworkPassword"
+				>
+					<ElInput
+						clearable
+						type="password"
+						show-password
+						placeholder="请输入密码 (可选)"
+						v-model="mainStore.serverConfig.privateNetworkPassword"
+					></ElInput>
+				</ElFormItem>
+			</ElForm>
+			<template #footer>
+				<ElButton
+					type="primary"
+					@click="handlePrivateModeDialogConfirm"
+				>
+					继续启用
+				</ElButton>
+			</template>
+		</ElDialog>
+
 		<ElInput
 			placeholder="服务器日志"
 			:model-value="data.log"
@@ -87,13 +144,14 @@
 </template>
 <script setup lang="ts">
 	import useMainStore from "@/stores/index";
-	import { reactive, onMounted, onBeforeUnmount } from "vue";
+	import { reactive, onMounted, onBeforeUnmount, useTemplateRef, nextTick } from "vue";
 	import { getCurrentWindow } from "@tauri-apps/api/window";
 	import { listen, type UnlistenFn } from "@tauri-apps/api/event";
 	import { getServerArgs } from "@/composables/server";
 	import { dataSubscribe } from "@/composables/windows";
+	import { ElMessage, type FormInstance } from "element-plus";
 
-    const appWindow = getCurrentWindow();
+	const appWindow = getCurrentWindow();
 	const mainStore = useMainStore();
 	const data = reactive({
 		log: "",
@@ -125,10 +183,30 @@
 
 	const hanldeClickStart = async () => {
 		data.loading = true;
-        const args = getServerArgs();
+		const args = getServerArgs();
 		await appWindow.emitTo("main", "startStopServer", { args });
 	};
 
-	dataSubscribe();
+	// const privateModeDialogFormEl = useTemplateRef<FormInstance>("privateModeDialogFormRef");
 
+	const privateModeDialogData = reactive({
+		visible: false
+	});
+
+
+	const handlePrivateModeClick = async () => {
+		if (mainStore.serverConfig.privateMode) {
+			mainStore.serverConfig.privateMode = false;
+			return;
+		}
+		privateModeDialogData.visible = true;
+	};
+
+	const handlePrivateModeDialogConfirm = async () => {
+		privateModeDialogData.visible = false;
+		mainStore.serverConfig.privateMode = true;
+		
+	};
+
+	dataSubscribe();
 </script>

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "easytier-game"
-version = "1.4.7"
+version = "1.5.1"
 homepage = "https://github.com/EasyTier/EasyTier"
 repository = "https://github.com/EasyTier/EasytierGame"
 description = "A simple network initiator based on Easytier"
@@ -18,7 +18,7 @@ name = "app_lib"
 crate-type = ["staticlib", "cdylib", "rlib"]
 
 [build-dependencies]
-tauri-build = { version = "2.2.0", features = [] }
+tauri-build = { version = "2.5.1", features = [] }
 # prost-build = "0.13.2"
 
 [target.x86_64-pc-windows-msvc.build-dependencies]
@@ -28,34 +28,34 @@ thunk-rs = { git = "https://github.com/easytier/thunk.git", default-features = f
 serde_json = "1.0.137"
 serde = { version = "1.0.217", features = ["derive"] }
 log = "0.4.26"
-tauri = { version = "2.5.1", features = [ "protocol-asset",
+tauri = { version = "2.9.1", features = [ "protocol-asset",
     "tray-icon",
     "image-png",
     "image-ico"
 ] }
 
-tauri-plugin-log = "2.3.1"
+tauri-plugin-log = "2.7.0"
-tauri-plugin-shell = "2.2.1"
+tauri-plugin-shell = "2.3.1"
 reqwest = { version = "0.12.12", features = ["json"] }
 zip = "2.2.3"
 sysinfo = '0.33.1'
 # planif = { git = "https://github.com/mattrobineau/planif", tag = "1.0.1" }
 whoami = "1.5.2"
-tauri-plugin-fs = "2.3.0"
+tauri-plugin-fs = "2.4.2"
-tauri-plugin-clipboard-manager = "2.2.2"
+tauri-plugin-clipboard-manager = "2.3.0"
 rand = "0.9.0"
 tokio = { version = "1.45.1", features = ["process"] }
-tauri-plugin-dialog = "2.2.2"
+tauri-plugin-dialog = "2.4.0"
 # prost = "0.13"
 # prost-types = "0.13"
 hashbrown = "0.15.2"
 # futures-util = "0.3"
 
 [dependencies.windows]
-version = "0.58.0"
+version = "0.61.3"
 features = ["Win32_System_TaskScheduler", "Win32_System_Com", "Win32_System_Power", "Win32_NetworkManagement_IpHelper", "Win32_NetworkManagement_Ndis", "Win32_Networking_WinSock"]
 
 [target."cfg(not(any(target_os = \"android\", target_os = \"ios\")))".dependencies]
-tauri-plugin-cli = "2.2.0"
+tauri-plugin-cli = "2.4.0"
-tauri-plugin-single-instance = "2.2.4"
+tauri-plugin-single-instance = "2.3.4"
-tauri-plugin-window-state = "2.2.2"
+tauri-plugin-window-state = "2.4.0"

src-tauri/easytier/config_template.json

@@ -9,16 +9,13 @@
     "enableCustomListener": true,
     "customListenerData": [
         "tcp://0.0.0.0:11010",
-        "udp://0.0.0.0:11010",
+        "udp://0.0.0.0:11010"
-        "tcp://[::]:11010"
     ],
     "networkName": "",  //房间名
     "networkPassword": "", //房间密码
     "hostname": "", //主机名
     "ipv4": "", // 虚拟IP地址
     "disableIpv6": false,  // 禁用ipv6
-    "enableCustomListenerV6": true, // 启用ipv6监听
-    "customListenerV6Data": "udp://[::]:11010",  // ipv6监听地址
     "disbleListenner": false, //    禁用监听
     "disableEncryption": false, // 禁用加密
     "enablExitNode": false, // 启用出口节点

src-tauri/src/lib.rs

@@ -13,7 +13,7 @@ use sysinfo::System;
 use tauri::tray::{MouseButton, MouseButtonState, TrayIconBuilder, TrayIconEvent};
 use tauri::Emitter;
 use tauri::Manager;
-use windows::core::{Interface, BSTR, VARIANT};
+use windows::core::{Interface, BSTR};
 use windows::Win32::Foundation::VARIANT_BOOL;
 use windows::Win32::NetworkManagement::IpHelper::{
     GetAdaptersAddresses, GAA_FLAG_INCLUDE_PREFIX, IP_ADAPTER_ADDRESSES_LH,
@@ -21,6 +21,7 @@ use windows::Win32::NetworkManagement::IpHelper::{
 use windows::Win32::Networking::WinSock::AF_UNSPEC;
 use windows::Win32::System::Com::*;
 use windows::Win32::System::TaskScheduler::*;
+use windows::Win32::System::Variant::VARIANT;
 // use std::ffi::CStr;
 
 use windows::Win32::System::Power::SetThreadExecutionState;
@@ -268,10 +269,13 @@ struct MyResponse {
     response: PeerRoute,
 }
 
+
 #[tauri::command(rename_all = "snake_case")]
 async fn get_members_by_cli() -> String {
     let cli_path = get_tool_exe_path("\\easytier\\easytier-cli.exe");
     match tokioCommand::new(&cli_path)
+        .arg("-o")
+        .arg("json")
         .arg("peer")
         .arg("list")
         .creation_flags(0x08000000)
@@ -295,10 +299,41 @@ async fn get_members_by_cli() -> String {
     }
 }
 
+#[tauri::command(rename_all = "snake_case")]
+async fn get_members_connections_cli() -> String {
+    let cli_path = get_tool_exe_path("\\easytier\\easytier-cli.exe");
+    match tokioCommand::new(&cli_path)
+        .arg("-v")
+        .arg("-o")
+        .arg("json")
+        .arg("peer")
+        .creation_flags(0x08000000)
+        .output()
+        .await
+    {
+        Ok(output) => {
+            if output.status.success() {
+                let output_str = String::from_utf8_lossy(&output.stdout);
+                return output_str.trim().to_string();
+            } else {
+                let output_str = String::from_utf8_lossy(&output.stderr);
+                log::error!("{}", output_str.trim().to_string());
+                return "_EasytierGameCliFailedToGetConnections_".to_string();
+            }
+        }
+        Err(_e) => {
+            log::error!("get member list error");
+            return "".to_string();
+        }
+    }
+}
+
 #[tauri::command(rename_all = "snake_case")]
 async fn get_route_by_cli() -> String {
     let cli_path = get_tool_exe_path("\\easytier\\easytier-cli.exe");
     match tokioCommand::new(&cli_path)
+        .arg("-o")
+        .arg("json")
         .arg("route")
         .creation_flags(0x08000000)
         .output()
@@ -321,6 +356,39 @@ async fn get_route_by_cli() -> String {
     }
 }
 
+#[tauri::command(rename_all = "snake_case")]
+async fn fetch_nodes_list(page: u64, limit: u64) -> String {
+    let client = Client::new();
+    let url = format!("https://uptime.easytier.cn/api/nodes?page={}&per_page={}", page, limit);
+    let user_agent = generate_random_user_agent();
+    
+    match client
+        .get(url)
+        .header("User-Agent", user_agent)
+        .send()
+        .await
+    {
+        Ok(response) => {
+            if response.status().is_success() {
+                match response.text().await {
+                    Ok(text) => text,
+                    Err(e) => {
+                        log::error!("Failed to get response text: {}", e);
+                        format!("_EasytierGameFetchNodesError_: {}", e)
+                    }
+                }
+            } else {
+                log::error!("HTTP request failed with status: {}", response.status());
+                format!("_EasytierGameFetchNodesError_: HTTP request failed with status: {}", response.status())
+            }
+        }
+        Err(e) => {
+            log::error!("Failed to fetch nodes list: {}", e);
+            format!("_EasytierGameFetchNodesError_: {}", e)
+        }
+    }
+}
+
 #[tauri::command(rename_all = "snake_case")]
 async fn download_easytier_zip(
     app_handle: tauri::AppHandle,
@@ -350,6 +418,12 @@ async fn download_easytier_zip(
 
     let path = path::Path::new(&file_path);
     println!("download easytier to {}", path.display());
+    if path.exists() {
+        match fs::remove_file(path) {
+            Ok(_) => println!("删除上次下载的Zip文件成功"),
+            Err(_) => log::error!("删除上次下载Zip的文件失败"),
+        }
+    }
 
     let mut file = match File::create(&path) {
         Err(why) => panic!("couldn't create {}", why),
@@ -651,11 +725,11 @@ fn autostart_enabled() -> Result<bool, Box<dyn std::error::Error>> {
 fn autostart_is_enabled() -> bool {
     match autostart_enabled() {
         Ok(enabled) => {
-            println!("autostart enabled: {}", enabled);
+            // println!("autostart enabled: {}", enabled);
             return enabled;
         }
-        Err(e) => {
+        Err(_e) => {
-            log::error!("autostart enabled: false -> {}", e);
+            // log::error!("autostart enabled: false -> {}", e);
             return false;
         }
     }
@@ -773,7 +847,6 @@ fn autostart(enabled: bool) -> std::result::Result<(), Box<dyn std::error::Error
             exec_action.SetPath(&BSTR::from(exe_path))?;
             exec_action.SetArguments(&BSTR::from("--task-auto-start"))?;
 
-            // 使用当前用户运行
             let principal = task_definition.Principal()?;
             principal.SetUserId(&BSTR::from(whoami::username().as_str()))?;
             principal.SetLogonType(TASK_LOGON_INTERACTIVE_TOKEN)?;
@@ -886,7 +959,9 @@ pub fn run() {
             fetch_game_releases,
             download_easytier_zip,
             get_members_by_cli,
+            get_members_connections_cli,
             get_route_by_cli,
+            fetch_nodes_list,
             search_pid_by_pname,
             get_exe_directory,
             spawn_autostart,

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
 	"$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
 	"productName": "easytier-game",
-	"version": "1.4.7",
+	"version": "1.5.1",
 	"identifier": "com.tauri.easytier-game",
 
 	"build": {
@@ -12,7 +12,7 @@
 	"app": {
 		"windows": [
 			{
-				"title": "easytier-game 1.4.7",
+				"title": "easytier-game 1.5.1",
 				"label": "main",
 				"minWidth": 340,
 				"width": 340,
@@ -49,7 +49,7 @@
 		}
 	},
 	"bundle": {
-		"active": false,
+		"active": true,
 		"targets": "all",
 		"resources": [
 			"easytier/config/",

stores/index.ts

@@ -7,20 +7,23 @@ const store = defineStore("main", {
 		return {
 			config: {
 				protocol: ["tcp"], // 网络协议
-				serverUrl: "public.easytier.top:11010",
+				serverUrl: ["public.easytier.top:11010"],
 				networkName: "",
 				networkPassword: "",
 				hostname: "",
 				ipv4: "",
+				ipv6:"",
+				tcpWhitelistEnable: false, // tcp端口白名单
+				udpWhitelistEnable: false, // udp端口白名单
+				tcpWhitelist: "", // tcp端口白名单
+				udpWhitelist: "", // udp端口白名单
 				proxyNetworks: "", // 子网代理
 				autoStart: false, // 是否自动启动
 				connectAfterStart: false, //软件打开后，是否自动连接
 				disableIpv6: false, // 是否禁用IPv6
-				port: "11010", // 监听端口号
+				port: "0", // 监听端口号
 				enableCustomListener: true, // 是否自定义监听
-				enableCustomListenerV6: true, // 是否自定义IPV6监听
+				customListenerData: "tcp://0.0.0.0:11010\nudp://0.0.0.0:11010", // 自定义监听地址
-				customListenerV6Data: "udp://[::]:11010", //自定义ipv6监
-				customListenerData: "tcp://0.0.0.0:11010\nudp://0.0.0.0:11010\ntcp://[::]:11010", // 自定义监听地址
 				disbleListenner: false, // 是否禁用监听
 				disableEncryption: false, // 是否禁用加密
 				multiThread: false, //使用多线程
@@ -61,6 +64,8 @@ const store = defineStore("main", {
 				autoStart: false, //随软件自启
 				port: "11010", // 服务器端口
 				privateMode: false, //是否启用私有模式
+				privateNetworkName: "", // 私有模式房间名
+				privateNetworkPassword: "", // 私有模式密码
 			},
 			cidrEnable: false,
 			proxyForwardBySystem: false, // 是否通过系统内核转发子网代理数据包，禁用内置NAT
@@ -94,6 +99,7 @@ const store = defineStore("main", {
 			"config.networkPassword",
 			"config.hostname",
 			"config.ipv4",
+			"config.ipv6",
 			"config.proxyNetworks",
 			"config.autoStart",
 			"config.connectAfterStart",
@@ -115,6 +121,10 @@ const store = defineStore("main", {
 			"config.enableNetCardMetric",
 			"config.netCardMetricValue",
 			"config.port",
+			"config.tcpWhitelist",
+			"config.udpWhitelist",
+			"config.tcpWhitelistEnable",
+			"config.udpWhitelistEnable",
 
 			"config.enablePortForward",
 			"config.portForwardData",
@@ -122,8 +132,6 @@ const store = defineStore("main", {
 			"config.disbleListenner",
 			"config.enableCustomListener",
 			"config.customListenerData",
-			"config.enableCustomListenerV6",
-			"config.customListenerV6Data",
 
 			"config.enableCustomProtocol",
 			"config.customProtocol",
@@ -149,6 +157,8 @@ const store = defineStore("main", {
 			"serverConfig.serverWhiteList",
 			"serverConfig.port",
 			"serverConfig.privateMode",
+			"serverConfig.privateNetworkName",
+			"serverConfig.privateNetworkPassword",
 
 			"cidrEnable",
 			"proxyForwardBySystem",

typings/index.d.ts

@@ -10,3 +10,50 @@ interface ImportMetaEnv {
 interface ImportMeta {
 	readonly env: ImportMetaEnv;
 }
+
+// 节点数据类型定义
+interface NodeItem {
+	id: number;
+	name: string;
+	host: string;
+	port: number;
+	protocol: string;
+	version: string;
+	description: string;
+	max_connections: number;
+	current_connections: number;
+	is_active: boolean;
+	is_approved: boolean;
+	allow_relay: boolean;
+	network_name: string | null;
+	network_secret: string | null;
+	created_at: string;
+	updated_at: string;
+	address: string;
+	usage_percentage: number;
+	current_health_status: string;
+	last_check_time: string;
+	last_response_time: number;
+	health_percentage_24h: number;
+	health_record_total_counter_ring: number[];
+	health_record_healthy_counter_ring: number[];
+	ring_granularity: number;
+	qq_number: string | null;
+	wechat: string | null;
+	mail: string | null;
+}
+
+interface NodesData {
+	items: NodeItem[];
+	total: number;
+	page: number;
+	per_page: number;
+	total_pages: number;
+}
+
+interface NodesResponse {
+	success: boolean;
+	data: NodesData;
+	error: string | null;
+	message: string | null;
+}

utils/index.ts

@@ -2,11 +2,17 @@ import { invoke } from "@tauri-apps/api/core";
 import { writeText } from "@tauri-apps/plugin-clipboard-manager";
 import { open } from "@tauri-apps/plugin-shell";
 import { ElMessage } from "element-plus";
+import { flatMap, map } from "lodash-es";
+
 export const ENV = import.meta.env;
 
+export const mixedArray = (a: Array<string>, b: Array<string>, split:string="") => {
+	return flatMap(a, protocol => map(b, port => `${protocol}${split}${port}`));
+};
+
 //防抖
 export const bounce = (time = 3000) => {
-	let bounceTimer: NodeJS.Timeout | null = null;
+	let bounceTimer: number | null = null;
 	return (cb: Function) => {
 		bounceTimer && clearTimeout(bounceTimer);
 		bounceTimer = setTimeout(() => {
@@ -67,13 +73,13 @@ export const ATJ = (promise: Promise<any>, errorExt: string | undefined = undefi
 		});
 };
 
-const _supportProtocols = ["tcp", "udp", "ws", "wss", "quic"];
+const _supportProtocols = ["tcp", "udp", "ws", "wss", 'srv', 'schema'];
 
 export const supportProtocols = () => {
 	return _supportProtocols.slice();
 };
 
-let _prevent_timer: NodeJS.Timeout | null = null;
+let _prevent_timer: number | null = null;
 let _prevent_timer_count = 15; // 秒
 export const preventSleep = () => {
 	_prevent_timer && clearInterval(_prevent_timer);
@@ -127,17 +133,35 @@ export const parseCliInfo = (content: string) => {
 };
 
 export function isValidWindowsFileName(name: string) {
-	if(name.length > 255) return false;
+	if (name.length > 255) return false;
 	const reserved_names = [
-        "CON", "PRN", "AUX", "NUL",
+		"CON",
-        "COM1", "COM2", "COM3", "COM4", "COM5", "COM6", "COM7", "COM8", "COM9",
+		"PRN",
-        "LPT1", "LPT2", "LPT3", "LPT4", "LPT5", "LPT6", "LPT7", "LPT8", "LPT9"
+		"AUX",
+		"NUL",
+		"COM1",
+		"COM2",
+		"COM3",
+		"COM4",
+		"COM5",
+		"COM6",
+		"COM7",
+		"COM8",
+		"COM9",
+		"LPT1",
+		"LPT2",
+		"LPT3",
+		"LPT4",
+		"LPT5",
+		"LPT6",
+		"LPT7",
+		"LPT8",
+		"LPT9"
 	];
-	if(reserved_names.includes(name.toUpperCase())) {
+	if (reserved_names.includes(name.toUpperCase())) {
 		return false;
 	}
 	return /^[^<>:"/\\|?*\x00-\x1F]+[^<>:"/\\|?*\x00-\x1F .]$/g.test(name);
-	
 }
 
 export const addQQGroup = () => {