#Fix 新配置没有持久化的问题 #35

#Update 开机自启兼容配置改为win7 优化联机是否成功的判断方式

优化联机是否成功的判断方式

版本号更新->1.5.3

.gitignore

@@ -10,7 +10,8 @@ dist
 .idea
 .vscode
 release
-src-tauri/easytier-cli.exe
-src-tauri/easytier-core.exe
-src-tauri/Packet.dll
-src-tauri/wintun.dll
+target
+
+src-tauri/easytier/logs
+src-tauri/easytier/tool/ResourcesExtract.exe
+src-tauri/easytier/tool/ResourcesExtract.cfg

.nvmdrc

@@ -1 +1 @@
-18.18.2
+20.18.3

.prettierrc

@@ -0,0 +1,23 @@
+{
+    "plugins": ["prettier-plugin-tailwindcss"],
+    "arrowParens": "avoid",
+    "bracketSpacing": true,
+    "endOfLine": "lf",
+    "htmlWhitespaceSensitivity": "ignore",
+    "insertPragma": false,
+    "singleAttributePerLine": true,
+    "bracketSameLine": false,
+    "jsxBracketSameLine": false,
+    "jsxSingleQuote": true,
+    "printWidth": 150,
+    "proseWrap": "preserve",
+    "quoteProps": "as-needed",
+    "requirePragma": false,
+    "semi": true,
+    "singleQuote": false,
+    "tabWidth": 4,
+    "trailingComma": "none",
+    "useTabs": true,
+    "embeddedLanguageFormatting": "auto",
+    "vueIndentScriptAndStyle": true
+}

README.md

@@ -1,10 +1,85 @@
-# EasyiterGame
-基于easytier的简易游戏联机客户端
+# [EasyTier游戏联机启动器](https://github.com/EasyTier/EasytierGame)
 
-1. 开发环境如何运行
-   拉取仓库，使用命令行  pnpm install  安装包
-   安装完成后， 使用 pnpm tauri dev 进行rust编译 等待启动
+## 简介
+
+EasyTierGame游戏联机启动器，由`nuxt3` `typescript` `rust` `tauri` 开发
+具有简易的界面，附带最新版easytier内核，联机游玩的时候无论是心理上和使用上都能给予您最舒服的体验，同时支持自定义配置文件启动，满足各种需求
+
+## 下载
+
+Github
+Releases： [https://github.com/EasyTier/EasytierGame/releases](https://github.com/EasyTier/EasytierGame/releases)
+
+- 只有绿色zip包，个人不喜欢安装包各种写注册表，解压即用就行，目录清爽干净
+
+![game-step1](/assets/game-step1.png)
+
+
+## 使用教程
+
+- 第一次使用，输入一个“主机名”点击启动联机即可，后续可以自建服务器或者使用爱心群友提供的服务器
+    ![game-step2](/assets/game-step2.png)
+
+![game-step3](/assets/game-step3.png)
+
+- 高级选项里有一些特殊配置，可以自行选择
+    ![game-step4](/assets/game-step4.png)
+
+- 如果还是无法满足您的需求，可以使用配置文件进行启动，具体如何配置，可以查看文档[配置文件](/guide/network/config-file.html)
+    ![game-step5](/assets/game-step5.png)
+
+- easytier内核升级后，可以点击内核管理按钮就可以进行内核切换和更新，但是需要出国或者github加速链接，如果无法更新，可以在群里获取
+- 1.2.6内核管理下载的内核 保存于easytier/cache目录，下次切换不用二次下载
+    ![game-step6](/assets/game-step6.png)
+
+- 1.1.4更新了 配置分享功能 可以与朋友之间分享配置，方便联机
+
+
+![game-step7](/assets/game-step7.png)
+
+- 1.1.5 合并额外插件于 "增强工具" 窗口 新增了网卡跃点设置 关闭防火墙功能 ping功能
+![game-step8](/assets/game-step8.png)
+
+![game-step9](/assets/game-step9.png)
+
+- 1.1.8 新增了 生成 easytier/config.json 的功能 会将一部分配置写入到 config.json 文件中，方便用户自定义配置，你可以在高级设置里启用和关闭这个功能(默认关闭)
+**需要注意的是，如果config.json存在，每次启动easytierGame默认按照config.json的配置为准**
+**解压zip后你可以查看 easytier/config_template.json 里的注释进行配置**
+![game-step10](/assets/game-step10.png)
+
+- 1.2.3新增了帮助.txt 位于“easytier/帮助.txt" 内含 无法打开界面和卸载EasytierGame的办法，新增 "easytier/clear_local_data.bat" 用于清除easytierGame的本地缓存数据（需要管理员模式运行）
+![game-step11](/assets/game-step11.png)
+
+- 1.2.5新增 自建服务器功能，可以自行搭建服务器，但是需要一些网络知识，具体可以查看文档[自建服务器](https://www.easytier.top/guide/network/host-public-server.html)
+![game-step12](/assets/game-step12.png)
+
+- 1.2.6重写 自建服务器功能，可以自行搭建服务器，但是需要一些网络知识，具体可以查看文档[自建服务器](https://www.easytier.top/guide/network/host-public-server.html),也可查看帮助.txt
+![game-step13](/assets/game-step13.png)
+
+- 1.3.5 增强工具 新增了forceBindIP
+![game-step14](/assets/game-step14.png)
+
+## 特性
+
+- 基于easytier组网工具开发，界面清晰简单
+- 自带“更新”按钮，在easytier组网工具发布新版本时，点击更新即可（需要出国工具）
+- 第一次使用，输入一个“主机名”点击启动联机即可，后续可以自建服务器或者使用群友的服务器
+- 配置简单，也含有高级功能，同时也支持自定义配置文件启动
+- 默认开启 **WinIPBroadcast** 不再怕联机找不到房间（例如：无主之地3）
+- 已经测试 **艾尔登法环学习版**，**无主之地3**，**深岩银河**，**怪物猎人世界** 等都可稳定联机游玩
+
+## 系统支持
+
+支持Windows 11 、Windows 10 、 Windows 7
+
+## 群聊交流
+- 主群 EasyTier 支持 
+### 949700262
+
+- EasyTier游戏联机交流群
+### 596667137
+
+
+
+## 请不要将本程序和仓库代码用于任何违法用途，由此产生的一切后果，仓库所有者和参与开发的人员不承担任何责任
 
-2. 生产环境发布
-   执行 pnpm tauri build
-   产物位于 src-tauri/target/release 下 easytier-game.exe

app.vue

@@ -4,4 +4,33 @@
 	</NuxtLayout>
 </template>
 <script setup lang="ts">
+	import useMainStore from "@/stores/index";
+	import { initTheme } from "@/composables/theme";
+	import { warn, debug, trace, info, error } from "@tauri-apps/plugin-log";
+	function forwardConsole(fnName: "log" | "debug" | "info" | "warn" | "error", logger: (message: string) => Promise<void>) {
+		const original = console[fnName];
+		console[fnName] = message => {
+			original(message);
+			try {
+				if (typeof message === "string") {
+					logger(message);
+				} else {
+					logger(JSON.stringify(message));
+				}
+			} catch (e) {
+				logger(`${message}`);
+			}
+		};
+	}
+	if (import.meta.env.PROD) {
+		forwardConsole("log", info);
+		forwardConsole("debug", debug);
+		forwardConsole("info", info);
+		forwardConsole("warn", warn);
+		forwardConsole("error", error);
+	}
+
+	const mainStore = useMainStore();
+	// console.log(mainStore.theme)
+	initTheme(mainStore.theme);
 </script>

assets/css/main.css

@@ -1,15 +1,17 @@
-@tailwind base;
+/* @tailwind base; */
 
 /*
 	用于进行主题更换，如果要更换elemenet-plus-ui的主题记得加上!important，不然更换会失败
 */
 
-@layer base {
+/* @layer base {
 	html {
 		font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
 	}
+} */
+html {
+	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
 }
-
 html,
 body {
 	height: 100%;
@@ -19,25 +21,61 @@ body {
 * {
 	outline: none;
 }
+body {
+	background-color: #fff;
+}
+html.dark body {
+	background-color: #000;
+}
 
 #__easytier {
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
 	height: 100%;
 	overflow: hidden;
-	background-color: #fff;
 	box-sizing: border-box;
 	padding: 3px 5px;
 }
 
-::-webkit-scrollbar {
-	width: 6px;
+.full-label .el-form-item__label {
+	width: 100%!important;
+	padding-right: 0;
 }
 
-::-webkit-scrollbar-thumb {
-	background-color: #0003;
-	border-radius: 10px;
-	transition: all 0.2s ease-in-out;
+.full-content .el-form-item__content {
+	/* height: 100%; */
+	align-items: flex-start;
+	overflow: auto;
+	flex: 1;
 }
 
-::-webkit-scrollbar-track {
-	border-radius: 10px;
+.el-select__selection {
+	/* display: none!important; */
+	min-height: 20px!important;
+	flex-wrap: nowrap!important;
+	overflow: hidden!important;
+}
+
+.el-table {
+	font-size: 12px !important;
+}
+
+.el-select-dropdown__wrap {
+	max-height: 138px !important;
+}
+
+.el-popper:not(.is-pure) {
+	font-size: 10px !important;
+	line-height: 1.2em !important;
+	padding: 5px !important;
+	font-weight: lighter !important;
+}
+
+.el-message-box__content + .el-message-box__btns {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	flex-direction: row-reverse;
+	gap: 0 10px;
 }

components/CoreVersionWarning.vue

@@ -0,0 +1,3 @@
+<template>
+    <ElTag size="small" type="danger">内核 >= {{ $attrs.version }}</ElTag>
+</template>

composables/configJson.ts

@@ -0,0 +1,60 @@
+import { BaseDirectory, writeTextFile } from "@tauri-apps/plugin-fs";
+import useMainStore from "@/stores/index";
+import { ElMessage } from "element-plus";
+import { uniq, intersection, isNil } from "lodash-es";
+import { bounce } from "~/utils";
+
+const b = bounce(600);
+export type ConfigServerUrlType = Array<string>;
+
+export const updateConfigJsonBounce = (configJsonSeverUrl?: ConfigServerUrlType | null) => {
+	b(async () => {
+		const mainStore = useMainStore();
+		if (mainStore.createConfigInEasytier) {
+			await updateConfigJson(configJsonSeverUrl);
+		}
+	});
+};
+
+export const updateConfigJson = async (configJsonSeverUrl?: ConfigServerUrlType | null) => {
+	const mainStore = useMainStore();
+	const path = import.meta.env.VITE_CONFIG_FILE_NAME;
+	if (isNil(configJsonSeverUrl)) {
+		configJsonSeverUrl = [];
+	}
+	if(typeof(configJsonSeverUrl) == 'string') {
+		configJsonSeverUrl = [configJsonSeverUrl];
+	}
+	configJsonSeverUrl = configJsonSeverUrl || [];
+	try {
+		const {
+			proxyNetworks,
+			autoStart,
+			saveErrorLog,
+			serverUrl,
+			enableCustomListener,
+			customListenerData,
+			bindDeviceEnable,
+			acceptDNS,
+			enablePortForward,
+			portForwardData,
+			...otherConfig
+		} = mainStore.config;
+		let writeServerUrl: Array<string> = serverUrl;
+		let writeCustomListenerData: Array<string> = (customListenerData || "").split("\n");
+
+		writeServerUrl = intersection(
+			uniq([...serverUrl, ...configJsonSeverUrl]).filter(boolean => boolean),
+			mainStore.basePeers
+		);
+
+		await writeTextFile(
+			path,
+			JSON.stringify({ serverUrl: writeServerUrl, enableCustomListener, customListenerData: writeCustomListenerData, ...otherConfig }, null, 4),
+			{ baseDir: BaseDirectory.Resource }
+		);
+	} catch (err) {
+		console.error(err);
+		ElMessage.error(`更新config.json失败`);
+	}
+};

composables/icon.ts

@@ -0,0 +1,33 @@
+import { basename, extname } from "@tauri-apps/api/path";
+import { exists } from "@tauri-apps/plugin-fs";
+import { Command } from "@tauri-apps/plugin-shell";
+
+export const getIcon = async function (sourcePath: string, icoDirPath: string) {
+	if(sourcePath.endsWith(".url")) return false;
+	let res = await Command.create("ResourcesExtract", [
+		"/Source",
+		sourcePath,
+		"/DestFolder",
+		icoDirPath,
+		"/ExtractIcons",
+		"1",
+		"/ExtractCursors",
+		"0",
+		"/OpenDestFolder",
+		"0",
+		"/MultiFilesMode",
+		"1"
+	]).execute();
+	if (res.code == 0) {
+		let icoPath = icoDirPath + "\\" + (await basename(sourcePath));
+		icoPath = icoPath.replace(`.${await extname(sourcePath)}`, "_1.ico");
+		if (await exists(icoPath)) {
+			return icoPath;
+		} else {
+			return false;
+		}
+		return;
+	} else {
+		return false;
+	}
+};

composables/log.ts

@@ -1,8 +0,0 @@
-// const infoDialog = new WebviewWindow("log", {
-//     title: "日志",
-//     resizable: false,
-//     width: 600,
-//     height: 400,
-//     parent: appWindow,
-//     url: "/log"
-// });

composables/netcard.ts

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

composables/server.ts

@@ -0,0 +1,42 @@
+import useMainStore from "@/stores/index";
+export const getServerArgs = () => {
+	const mainStore = useMainStore();
+	const args = [];
+	if (!mainStore.serverConfig.port) {
+		mainStore.serverConfig.port = "11010";
+	}
+	args.push("-l", mainStore.serverConfig.port);
+	if (mainStore.serverConfig.relayAllPeerrpc) {
+		args.push("--relay-all-peer-rpc");
+	}
+	const whiteList = mainStore.serverConfig.serverWhiteList
+		.trim()
+		.split("\n")
+		.map(el => el.trim())
+		.filter(el => el)
+	if (whiteList && mainStore.serverConfig.enableWhiteList) {
+		args.push("--relay-network-whitelist", ...whiteList);
+	}
+	if (!whiteList && mainStore.serverConfig.enableWhiteList) {
+		args.push("--relay-network-whitelist");
+	}
+	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);
+	}
+	if (mainStore.serverConfig.ipv6PublicAddrProvider) {
+		args.push("--ipv6-public-addr-provider", "true");
+	}
+	if (mainStore.serverConfig.disableRelayData) {
+		args.push("--disable-relay-data", "true");
+	}
+
+	return args;
+};

composables/theme.ts

@@ -0,0 +1,21 @@
+import { useDark, useToggle, usePreferredDark } from "@vueuse/core";
+import { isFunction } from "lodash-es";
+// const isDark = usePreferredDark();
+const darkConfig = useDark({
+	selector: "html",
+	attribute: "class",
+	valueDark: "dark",
+	valueLight: "",
+});
+const toggleDark = useToggle(darkConfig);
+export const initTheme = (isDark: boolean) => {
+	if (isDark && isFunction(toggleDark)) {
+		toggleDark(isDark);
+	}
+};
+
+export const setTheme = (dark: boolean) => {
+    if (isFunction(toggleDark)) {
+		toggleDark(dark);
+	}
+}

composables/tray.ts

@@ -1,89 +1,139 @@
-import { Menu, MenuItem, PredefinedMenuItem } from '@tauri-apps/api/menu'
-import { TrayIcon } from '@tauri-apps/api/tray'
-import { getCurrentWindow } from '@tauri-apps/api/window'
-import pkg from '@/package.json'
+import { Menu, MenuItem, PredefinedMenuItem } from "@tauri-apps/api/menu";
+import { TrayIcon } from "@tauri-apps/api/tray";
+import { getCurrentWindow } from "@tauri-apps/api/window";
+import pkg from "@/package.json";
+import { setTheme } from "~/composables/theme";
+import useMainStore from "@/stores/index";
+import { resourceDir as getResourceDir, join } from "@tauri-apps/api/path";
+import { invoke } from "@tauri-apps/api/core";
+// import { ElConfirmPrimary } from "~/utils/element";
+import { open } from "@tauri-apps/plugin-shell";
+import { computed } from "vue";
 
-const DEFAULT_TRAY_NAME = 'main'
+const DEFAULT_TRAY_NAME = "main";
 
 async function toggleVisibility() {
-  if (await getCurrentWindow().isVisible()) {
-    await getCurrentWindow().hide()
-  }
-  else {
-    await getCurrentWindow().show()
-    await getCurrentWindow().setFocus()
-  }
+	if (await getCurrentWindow().isVisible()) {
+		await getCurrentWindow().hide();
+	} else {
+		await getCurrentWindow().show();
+		await getCurrentWindow().unminimize();
+		await getCurrentWindow().setFocus();
+	}
 }
 
-export async function useTray(init: boolean = false, beforExit) {
-  let tray
-  try {
-    tray = await TrayIcon.getById(DEFAULT_TRAY_NAME)
-    if (!tray) {
-      tray = await TrayIcon.new({
-        tooltip: `EasyTier\n${pkg.version}`,
-        title: `EasyTier\n${pkg.version}`,
-        id: DEFAULT_TRAY_NAME,
-        menu: await Menu.new({
-          id: 'main',
-          items: await generateMenuItem(beforExit),
-        }),
-        action: async (e) => {
-          toggleVisibility()
-        },
-      })
-    }
-  }
-  catch (error) {
-    console.warn('Error while creating tray icon:', error)
-    return null
-  }
+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);
+		if (!tray) {
+			tray = await TrayIcon.new({
+				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, handleNodesList) }),
+				action: async e => {
+					toggleVisibility();
+				}
+			});
+		}
+	} catch (error) {
+		console.error("Error while creating tray icon:", error);
+		return null;
+	}
 
-  if (init) {
-    tray.setTooltip(`EasyTier\n${pkg.version}`)
-    tray.setMenuOnLeftClick(false)
-    tray.setMenu(await Menu.new({
-      id: 'main',
-      items: await generateMenuItem(beforExit),
-    }))
-  }
+	if (init) {
+		tray.setTooltip(`EasyTierGame\n${pkg.version}`);
+		tray.setShowMenuOnLeftClick(false);
+		tray.setMenu(await Menu.new({ id: "main", items: await generateMenuItem(beforExit, handleConnection, handleReconnect, handleNodesList) }));
+	}
 
-  return tray
+	return tray;
 }
 
-export async function generateMenuItem(beforExit: Function) {
-  return [
-    await MenuItemExit('退出', beforExit),
-    await PredefinedMenuItem.new({ item: 'Separator' }),
-    await MenuItemShow('显示 / 隐藏'),
-  ]
+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(handleNodesList),
+		await PredefinedMenuItem.new({ item: "Separator" }),
+		await MenuItemExit("退出", beforExit)
+	];
+}
+
+export async function MenuItemReconnect(text: string, handleReconnect: Function) {
+	return await MenuItem.new({
+		id: "reconnect",
+		text,
+		action: async () => {
+			await handleReconnect();
+		}
+	});
 }
 
 export async function MenuItemExit(text: string, beforExit: Function) {
-  return await MenuItem.new({
-    id: "quit",
-    text,
-    action: async () => {
-      if (beforExit) {
-        await beforExit();
-      }
-      await getCurrentWindow().close();
-    }
-  })
+	return await MenuItem.new({
+		id: "quit",
+		text,
+		action: async () => {
+			if (beforExit) {
+				await beforExit();
+			}
+			await getCurrentWindow().close();
+		}
+	});
+}
+
+export async function MenuItemPublicPeers(handleNodesList: Function) {
+	return await MenuItem.new({
+		id: "publicPeers",
+		text: "公共节点",
+		action: async () => {
+			await handleNodesList();
+		}
+	});
 }
 
 export async function MenuItemShow(text: string) {
-  return await MenuItem.new({
-    id: 'show',
-    text,
-    action: async () => {
-      await toggleVisibility()
-    },
-  })
+	return await MenuItem.new({
+		id: "show",
+		text,
+		action: async () => {
+			await toggleVisibility();
+		}
+	});
+}
+
+export async function MenuItemExchangeConnection(text: string, handleConnection: Function) {
+	const menutItem = await MenuItem.new({
+		id: "exchangeConnection",
+		text,
+		action: async () => {
+			const isStart = await handleConnection();
+		}
+	});
+	return menutItem;
+}
+
+export async function MenuItemTheme() {
+	return await MenuItem.new({
+		id: "theme",
+		text: "主题切换",
+		action: async () => {
+			const mainStore = useMainStore();
+			mainStore.$patch({ theme: !mainStore.theme });
+			// mainStore.$persist();
+			await setTheme(mainStore.theme);
+		}
+	});
 }
 
 // export async function setTrayMenu(items: (MenuItem | PredefinedMenuItem)[] | undefined = undefined) {
-//   const tray = await useTray()
+//   // const tray = await useTray()
+//   const tray = await TrayIcon.getById(DEFAULT_TRAY_NAME)
 //   if (!tray)
 //     return
 //   const menu = await Menu.new({
@@ -93,19 +143,44 @@ export async function MenuItemShow(text: string) {
 //   tray.setMenu(menu)
 // }
 
-// export async function setTrayRunState(isRunning: boolean = false) {
-//   const tray = await useTray()
-//   if (!tray)
-//     return
-//   tray.setIcon(isRunning ? 'icons/icon-inactive.ico' : 'icons/icon.ico')
-// }
+export async function setTrayRunState(tray: TrayIcon | null, isRunning: boolean = false) {
+	if (!tray) return;
+	const resourceDir = await getResourceDir();
+	const path = await join(resourceDir, isRunning ? "easytier/icons/icon-inactive.ico" : "easytier/icons/icon.ico");
+	// "easytier/icons/icon-inactive.ico", { baseDir: BaseDirectory.Resource }
+	await tray.setIcon(path);
+}
 
-// export async function setTrayTooltip(tooltip: string) {
-//   if (tooltip) {
-//     const tray = await useTray()
-//     if (!tray)
-//       return
-//     tray.setTooltip(`EasyTier\n${pkg.version}\n${tooltip}`)
-//     tray.setTitle(`EasyTier\n${pkg.version}\n${tooltip}`)
-//   }
-// }
+export async function setTrayTooltip(tray: TrayIcon | null, tooltip?: string | null) {
+	if (!tray) return;
+	if (tooltip) {
+		await tray.setTooltip(`EasyTierGame\n${pkg.version}\n${tooltip}`);
+	} else {
+		await tray.setTooltip(`EasyTierGame\n${pkg.version}`);
+	}
+}
+
+const versionWeight = (version: string) => {
+	version = version ? version.trim() : "";
+	const [major = "0", minor = "0", patch = "0"] = version.split(".");
+	return parseInt(major) * 10000 + parseInt(minor) * 100 + parseInt(patch);
+};
+
+const versionDifference = (current: string, latest: string) => {
+	const currentVersion = versionWeight(current);
+	const latestVersion = versionWeight(latest);
+	return currentVersion - latestVersion;
+};
+
+export const checkNewVersion = async () => {
+	const mainStore = useMainStore();
+	// if(mainStore.latestTagName && mainStore.latestTagName == pkg.version) return;
+	if (hasNewVersion.value) return;
+	let [tagName, downloadUrl] = await invoke<string[]>("fetch_game_releases");
+	mainStore.latestTagName = tagName;
+};
+
+export const hasNewVersion = computed<boolean>(() => {
+	const mainStore = useMainStore();
+	return !!mainStore.latestTagName && versionDifference(pkg.version, mainStore.latestTagName) < 0 ;
+});

composables/windows.ts

@@ -0,0 +1,98 @@
+import { type UnlistenFn } from "@tauri-apps/api/event";
+import { getCurrentWindow, PhysicalPosition, type WindowOptions, Window, currentMonitor, PhysicalSize } from "@tauri-apps/api/window";
+import { WebviewWindow } from "@tauri-apps/api/webviewWindow";
+import type { WebviewLabel, WebviewOptions } from "@tauri-apps/api/webview";
+import useMainStore from "@/stores/index";
+import { onBeforeUnmount } from "vue";
+import { updateConfigJsonBounce, type ConfigServerUrlType } from "./configJson";
+
+const _listenersMaps: { [key: string]: [UnlistenFn | null] } = {};
+
+const dealCloseListener = async (dialog: WebviewWindow, label: string, beforeCloseFunc?: () => void | null) => {
+	const unlistenFnList: [UnlistenFn | null] = _listenersMaps[label] || [null];
+	let [unListenlogClose] = unlistenFnList;
+
+	unListenlogClose && (await unListenlogClose());
+
+	unListenlogClose = await dialog.onCloseRequested(async () => {
+		beforeCloseFunc && (await beforeCloseFunc());
+		unListenlogClose && (await unListenlogClose());
+		console.log("close");
+	});
+};
+export default async (
+	label: WebviewLabel,
+	options?: Omit<WebviewOptions, "x" | "y" | "width" | "height"> & WindowOptions,
+	afterCreatedFunc?: (webviewWindow: WebviewWindow, appWindow: Window) => void | null,
+	beforeCloseFunc?: () => void | null
+) => {
+	const unlistenFnList: [UnlistenFn | null] = _listenersMaps[label] || [null];
+	let dialog = await WebviewWindow.getByLabel(label);
+	if (!dialog) {
+		let defaultOpts: { [key: string]: any; parent: Window | undefined } = {
+			parent: undefined,
+			closable: true,
+			resizable: true,
+			decorations: true,
+			maximizable: false,
+			minimizable: false,
+			x: 0,
+			y: 0
+		};
+		const appWindow = getCurrentWindow();
+		if (appWindow) {
+			defaultOpts.parent = appWindow;
+			// console.error(logicalPosition);
+			if (defaultOpts.x == 0 && defaultOpts.y == 0) {
+				const logicalAppSize = {
+					width: 340,
+					height: 305
+				}
+				const factor = await appWindow.scaleFactor();
+				const appPosition = await appWindow.outerPosition();
+				const logicalPosition = new PhysicalPosition(appPosition.x + Math.ceil((logicalAppSize.width + 5) * factor), appPosition.y).toLogical(factor);
+				defaultOpts.x = logicalPosition.x;
+				defaultOpts.y = logicalPosition.y;
+			}
+		}
+		dialog = new WebviewWindow(label, { ...defaultOpts, ...options });
+		await dealCloseListener(dialog, label, beforeCloseFunc);
+		await dialog.show();
+		afterCreatedFunc && (await afterCreatedFunc(dialog, appWindow));
+	} else {
+		const visible = await dialog.isVisible();
+		if (visible) {
+			await dialog.close();
+		} else {
+			const appWindow = getCurrentWindow();
+			await dealCloseListener(dialog, label, beforeCloseFunc);
+			await dialog.show();
+			afterCreatedFunc && (await afterCreatedFunc(dialog, appWindow));
+		}
+	}
+};
+
+export const dataSubscribe = async (cb?: any, getconfigServerUrl?: () => ConfigServerUrlType) => {
+	const mainStore = useMainStore();
+	const abort = new AbortController();
+
+	window.addEventListener(
+		"storage",
+		async () => {
+			// console.log("触发", {dhcp:mainStore.config.dhcp, c: mainStore.createConfigInEasytier})
+			mainStore.$hydrate();
+			const configServerUrl = getconfigServerUrl && getconfigServerUrl instanceof Function ? getconfigServerUrl() : null;
+			updateConfigJsonBounce(configServerUrl);
+			if (cb && cb instanceof Function) {
+				await cb();
+			}
+		},
+		{
+			signal: abort.signal
+		}
+	);
+	onBeforeUnmount(() => {
+		console.log("取消监听");
+		abort?.abort();
+	});
+};

env/.env.dev

@@ -0,0 +1,8 @@
+VITE_CONFIG_PATH=easytier/config/
+VITE_CONFIG_ADMIN_PATH=easytier/config/.admin/
+VITE_CONFIG_FILE_NAME=easytier/config.json
+VITE_LOG_PATH=easytier/logs/
+VITE_CACHE_PATH=easytier/cache/
+VITE_GAME_LIST_PATH=easytier/gameList/
+VITE_PUBLIC_PEERS_URL=https://easytier.gd.nkbpal.cn/status/easytier
+VITE_AUTO_START_SERVICE_NAME=easytierGameAutoStart

env/.env.prod

@@ -0,0 +1,8 @@
+VITE_CONFIG_PATH=easytier/config/
+VITE_CONFIG_ADMIN_PATH=easytier/config/.admin/
+VITE_CONFIG_FILE_NAME=easytier/config.json
+VITE_LOG_PATH=easytier/logs/
+VITE_CACHE_PATH=easytier/cache/
+VITE_GAME_LIST_PATH=easytier/gameList/
+VITE_PUBLIC_PEERS_URL=https://easytier.gd.nkbpal.cn/status/easytier
+VITE_AUTO_START_SERVICE_NAME=easytierGameAutoStart

layouts/default.vue

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

nuxt.config.ts

@@ -1,16 +1,7 @@
 import { defineNuxtConfig } from "nuxt/config";
-import fs from "fs";
 import path from "path";
 import vueJSX from "@vitejs/plugin-vue-jsx";
-const isDev = process?.argv?.[2] == "_dev" || process?.argv?.[2] == "dev";
-const optimizeDepsElementPlusIncludes = ["element-plus/es"];
-fs.readdirSync("node_modules/element-plus/es/components").map(dirname => {
-	fs.access(`node_modules/element-plus/es/components/${dirname}/style/css.mjs`, err => {
-		if (!err) {
-			optimizeDepsElementPlusIncludes.push(`element-plus/es/components/${dirname}/style/css`);
-		}
-	});
-});
+
 export default defineNuxtConfig({
 	ssr: false,
 
@@ -18,12 +9,25 @@ export default defineNuxtConfig({
 		port: 5000
 	},
 
+	telemetry: false,
+
 	imports: {
 		autoImport: false
 	},
 
-	css: ["~/assets/css/main.css"],
-	modules: ["@element-plus/nuxt", "@pinia/nuxt", "@pinia-plugin-persistedstate/nuxt", "@nuxtjs/tailwindcss"],
+	css: ["~/assets/css/main.css", "element-plus/theme-chalk/dark/css-vars.css"],
+	modules: [
+		"@element-plus/nuxt",
+		"@pinia/nuxt",
+		[
+			"pinia-plugin-persistedstate/nuxt",
+			{
+				key: "__glj_persisted_%id",
+				storage: "localStorage"
+			}
+		],
+		"@nuxtjs/tailwindcss"
+	],
 
 	alias: {
 		"@": path.resolve(__dirname, "./")
@@ -44,12 +48,10 @@ export default defineNuxtConfig({
 	},
 
 	vite: {
-		plugins: [
-			vueJSX({}),
-		],
+		plugins: [vueJSX({})],
 		envDir: "env",
 		optimizeDeps: {
-			include: [...optimizeDepsElementPlusIncludes]
+			// include: [...optimizeDepsElementPlusIncludes]
 		},
 		// prevent vite from obscuring rust errors
 		clearScreen: false,
@@ -70,7 +72,7 @@ export default defineNuxtConfig({
 			sourcemap: !!process.env.TAURI_DEBUG
 		},
 		esbuild: {
-			pure: ["console.log"],
+			// pure: ["console.log"],
 			drop: ["debugger"]
 		}
 	},
@@ -84,7 +86,7 @@ export default defineNuxtConfig({
 
 	app: {
 		rootId: "__easytier",
-		cdnURL: "./", 
+		cdnURL: "./",
 		buildAssetsDir: "__easytier/",
 		head: {
 			meta: [
@@ -102,5 +104,6 @@ export default defineNuxtConfig({
 			// script: [],
 			// noscript: []
 		}
-	}
+	},
+	compatibilityDate: "2024-11-12"
 });

package.json

@@ -3,39 +3,45 @@
 	"private": true,
 	"author": "leizi97",
 	"description": "A simple network initiator based on Easytier",
-	"version": "1.0.4",
+	"version": "1.5.5",
 	"scripts": {
 		"dev": "nuxt dev --dotenv env/.env.dev --host 0.0.0.0",
-		"build": "nuxt generate --dotenv env/.env.prod"
+		"build": "nuxt generate --dotenv env/.env.prod",
+		"release": "node zip.js",
+		"release-win7": "node zip.js win7"
 	},
 	"devDependencies": {
-		"@element-plus/icons-vue": "^2.3.1",
-		"@element-plus/nuxt": "^1.0.9",
-		"@nuxtjs/tailwindcss": "^6.12.0",
-		"@pinia-plugin-persistedstate/nuxt": "^1.2.0",
-		"@pinia/nuxt": "^0.5.1",
-		"@tauri-apps/api": "^2.0.2",
-		"@tauri-apps/cli": "^2.0.2",
-		"@tauri-apps/plugin-cli": "^2.0.0",
-		"@tauri-apps/plugin-http": "^2.0.0",
-		"@tinymce/tinymce-vue": "^5.1.1",
-		"@types/lodash-es": "^4.17.12",
-		"@types/qs": "^6.9.15",
-		"@vitejs/plugin-vue-jsx": "^3.1.0",
-		"dayjs": "^1.11.10",
-		"defu": "^6.1.4",
-		"element-plus": "^2.7.1",
-		"javascript-obfuscator": "^4.1.0",
-		"less": "^4.2.0",
-		"lodash-es": "^4.17.21",
-		"nuxt": "^3.11.2",
-		"pinia": "^2.1.7",
-		"postcss": "^8.4.38",
-		"qs": "^6.12.0",
-		"typescript": "^5.4.5",
-		"vue": "^3.4.24",
-		"vue-clipboard3": "^2.0.0",
-		"xlsx": "^0.18.5",
-		"@tauri-apps/plugin-shell": "~2"
+		"@element-plus/icons-vue": "2.3.2",
+		"@element-plus/nuxt": "1.1.4",
+		"@nuxtjs/tailwindcss": "6.13.2",
+		"@oxc-minify/binding-win32-x64-msvc": "^0.107.0",
+		"@oxc-parser/binding-win32-x64-msvc": "^0.107.0",
+		"@oxc-transform/binding-win32-x64-msvc": "^0.107.0",
+		"@pinia/nuxt": "0.11.2",
+		"@tauri-apps/api": "2.11.0",
+		"@tauri-apps/cli": "2.11.1",
+		"@tauri-apps/plugin-cli": "2.4.1",
+		"@tauri-apps/plugin-clipboard-manager": "2.3.2",
+		"@tauri-apps/plugin-dialog": "2.7.1",
+		"@tauri-apps/plugin-fs": "2.5.1",
+		"@tauri-apps/plugin-log": "2.8.0",
+		"@tauri-apps/plugin-shell": "2.3.5",
+		"@tauri-apps/plugin-window-state": "2.4.1",
+		"@types/lodash-es": "4.17.12",
+		"@vitejs/plugin-vue-jsx": "5.1.1",
+		"@vueuse/core": "12.7.0",
+		"archiver": "7.0.1",
+		"element-plus": "2.13.0",
+		"less": "4.2.1",
+		"lodash-es": "4.17.21",
+		"nuxt": "3.20.2",
+		"pinia": "3.0.4",
+		"pinia-plugin-persistedstate": "4.7.1",
+		"postcss": "8.4.49",
+		"prettier": "3.7.4",
+		"prettier-plugin-tailwindcss": "0.7.2"
+	},
+	"dependencies": {
+		"is-ip": "^5.0.1"
 	}
 }

pages/advance.vue

@@ -0,0 +1,516 @@
+<template>
+	<div class="flex h-full flex-col items-start overflow-auto px-[25px]">
+		<div class="flex flex-nowrap items-center gap-[15px]">
+			<div class="flex flex-nowrap items-center gap-[5px]">
+				<ElCheckbox v-model="mainStore.config.enableCustomProtocol">直连(P2P)优先使用传输协议</ElCheckbox>
+				<ElTooltip content="若无法建立指定的协议，会自动使用可建立连接的协议">
+					<ElIcon><QuestionFilled /></ElIcon>
+				</ElTooltip>
+			</div>
+			<div class="w-[80px]">
+				<ElSelect
+					size="small"
+					v-model="mainStore.config.customProtocol"
+					placeholder="请选择协议"
+					class="ml-[5px]"
+				>
+					<ElOption
+						v-for="item in protocols"
+						:key="item"
+						:label="`${item}`"
+						:value="item"
+					></ElOption>
+				</ElSelect>
+			</div>
+		</div>
+		<div>
+			<ElCheckbox v-model="mainStore.config.relayAllPeerrpc">帮助他人建立直连(P2P)连接</ElCheckbox>
+		</div>
+		<div><ElCheckbox v-model="mainStore.config.connectAfterStart">软件启动后，自动"启动联机"(搭配开机自启，无感联机)</ElCheckbox></div>
+		<div class="flex flex-nowrap items-center gap-[15px]">
+			<ElCheckbox v-model="mainStore.createConfigInEasytier">自动生成界面配置文件easytier/config.json</ElCheckbox>
+			<ElButton
+				@click="openConfigJsonDir"
+				size="small"
+			>
+				打开config.json目录
+			</ElButton>
+		</div>
+		<div><ElCheckbox v-model="mainStore.config.enablePreventSleep">防止系统休眠(比如:屏幕会一直亮着)</ElCheckbox></div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.enableUdpBroadcastRelay">Windows UDP 广播中继</ElCheckbox>
+			<ElTooltip
+				content="开启后，虚拟网络内的其他设备可以接收到本机发出的 UDP 广播包，让依赖局域网广播的应用（如局域网游戏发现、DLNA 投屏）在虚拟网络中正常工作"
+			>
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.6.4" />
+		</div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.latencyfirst">使用低延迟模式</ElCheckbox>
+			<ElTooltip content="弱网环境下可能会导致网络延迟延迟忽高忽低">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+		</div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox
+				@change="handleKcpProxyChange"
+				v-model="mainStore.config.enableKcpProxy"
+			>
+				启用KCP代理
+			</ElCheckbox>
+			<ElTooltip content="（不可与QUIC代理同时开启）将TCP流量转为KCP流量，降低传输延迟，提升传输速度">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.2.0" />
+		</div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.disableKcpInput">禁用KCP输入</ElCheckbox>
+			<ElTooltip content="不允许其他节点使用 KCP 代理 TCP 流到此节点。开启 KCP 代理的节点访问此节点时，依然使用原始 TCP 连接">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.2.0" />
+		</div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox
+				@change="handleQuicProxyChange"
+				v-model="mainStore.config.enableQuicProxy"
+			>
+				启用QUIC代理
+			</ElCheckbox>
+			<ElTooltip content="（不可与KCP代理同时开启）使用 QUIC 代理 TCP 流，提高在 UDP 丢包网络上的延迟和吞吐量">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.3.2" />
+		</div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.disableQuicInput">禁用QUIC输入</ElCheckbox>
+			<ElTooltip content="不允许其他节点使用 QUIC 代理 TCP 流到此节点。开启 QUIC 代理的节点访问此节点时，依然使用原始 TCP 连接">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.3.2" />
+		</div>
+		<div><ElCheckbox v-model="mainStore.config.disableUdpHolePunching">禁用UDP打洞功能</ElCheckbox></div>
+		<div><ElCheckbox v-model="mainStore.config.disableIpv6">不使用IPv6</ElCheckbox></div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.acceptDNS">魔法DNS</ElCheckbox>
+			<ElTooltip content="您可以使用域名访问其他节点，例如：<hostname>.et.net。魔法DNS将修改您的系统DNS设置，请谨慎启用">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.3.0" />
+		</div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.privateMode">启用私有模式</ElCheckbox>
+			<ElTooltip content="启用后，不允许使用了与本网络不同的房间名和密码的节点通过本节点进行握手或中转">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.3.1" />
+		</div>
+		<ElDivider />
+		<div class="mb-[3px] flex w-full flex-nowrap items-center gap-[5px]">
+			<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="无法联机时，可以尝试开启这个选项">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+		</div>
+		<div class="flex items-center gap-[10px]">
+			<ElText
+				class="flex-shrink-0"
+				size="small"
+			>
+				监听端口
+			</ElText>
+			<ElInput
+				:disabled="mainStore.config.disbleListenner || mainStore.config.enableCustomListener"
+				size="small"
+				:maxlength="10"
+				v-model="mainStore.config.port"
+				placeholder="请输入端口号"
+			/>
+		</div>
+		<div class="flex items-center gap-[10px]">
+			<ElCheckbox
+				:disabled="mainStore.config.disbleListenner"
+				v-model="mainStore.config.enableCustomListener"
+			>
+				自定义监听地址
+			</ElCheckbox>
+			<ElButton
+				size="small"
+				:disabled="mainStore.config.disbleListenner"
+				@click="handleListenerDialog"
+			>
+				填写
+			</ElButton>
+			<ElDialog
+				width="95%"
+				top="10px"
+				append-to-body
+				:z-index="10"
+				class="!mb-0"
+				v-model="listenerDialogData.visible"
+				:close-on-press-escape="false"
+				:close-on-click-modal="false"
+				title="自定义监听地址"
+			>
+				<ElInput
+					type="textarea"
+					:rows="8"
+					placeholder="请输入监听地址一行一个"
+					v-model="mainStore.config.customListenerData"
+				></ElInput>
+				<template #footer>
+					<div class="text-right">
+						<ElButton
+							size="default"
+							@click="handleFinishInputListener"
+							type="primary"
+						>
+							确定
+						</ElButton>
+					</div>
+				</template>
+			</ElDialog>
+		</div>
+		<div class="flex items-center gap-[10px]">
+			<ElCheckbox v-model="mainStore.config.enablePortForward">端口转发</ElCheckbox>
+			<ElTooltip
+				:disabled="mainStore.config.enablePortForward"
+				content="请先开启端口转发功能"
+			>
+				<ElButton
+					size="small"
+					:disabled="!mainStore.config.enablePortForward"
+					@click="handlePortForwardDialog"
+				>
+					配置
+				</ElButton>
+			</ElTooltip>
+			<ElTooltip
+				content="将本地端口转发到虚拟网络中的远程端口.如：udp://0.0.0.0:12345/10.126.126.1:23456,表示将本地UDP端口12345转发到虚拟网络中的10.126.126.1:23456.可以指定多个"
+			>
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.3.0" />
+			<ElDialog
+				width="95%"
+				top="5px"
+				append-to-body
+				:z-index="10"
+				class="!mb-0"
+				v-model="portForwardDialogData.visible"
+				:close-on-press-escape="false"
+				:close-on-click-modal="false"
+				title="端口转发配置"
+			>
+				<div class="mb-4">
+					<ElText
+						size="small"
+						type="info"
+					>
+						<div>• 每行一个转发规则</div>
+						<div>• 格式：协议://本地地址:本地端口/目标地址:目标端口</div>
+						<div class="flex items-center">
+							<span class="mr-auto">• 例如：udp://0.0.0.0:12345/10.126.126.1:23456</span>
+							<ElButton
+								size="default"
+								type="primary"
+								@click.stop="handleFinishInputPortForward"
+							>
+								填写完毕
+							</ElButton>
+						</div>
+					</ElText>
+				</div>
+				<ElInput
+					type="textarea"
+					:rows="10"
+					placeholder="请输入端口转发规则，每行一个&#10;例如：&#10;udp://0.0.0.0:12345/10.126.126.1:23456&#10;tcp://0.0.0.0:8080/192.168.1.100:80"
+					v-model="mainStore.config.portForwardData"
+				></ElInput>
+				<!--  -->
+			</ElDialog>
+		</div>
+		<ElDivider />
+		<div class="flex items-center gap-[10px]">
+			<ElCheckbox v-model="mainStore.config.devName">自定义虚拟网卡名称</ElCheckbox>
+			<ElInput
+				size="small"
+				maxlength="10"
+				v-model="mainStore.config.devNameValue"
+				placeholder="请输入虚拟网卡名称"
+			/>
+		</div>
+		<div class="flex items-center gap-[10px]">
+			<ElCheckbox v-model="mainStore.config.enableNetCardMetric">自定义虚拟网卡优先级</ElCheckbox>
+			<ElInputNumber
+				controls-position="right"
+				:min="1"
+				:value-on-clear="1"
+				:max="9999"
+				:step="1"
+				:precision="0"
+				size="small"
+				v-model="mainStore.config.netCardMetricValue"
+				placeholder="请输入优先级"
+			/>
+			<ElTooltip content="数值越小，优先级越高">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+		</div>
+		<div>
+			<ElText
+				size="small"
+				type="warning"
+			>
+				(不使用自定义虚拟网卡名称,那么联机时默认会生成一个名为 "et_xxx" 的网卡，也可以使用 “自定义虚拟网卡优先级”
+				功能，除非你启用了下面的功能)
+			</ElText>
+		</div>
+
+		<div class="flex items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.noTun">不创建TUN虚拟网卡</ElCheckbox>
+
+			<ElTooltip content="开启后该节点无法主动访问其他节点">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+		</div>
+
+		<div class="flex items-center gap-[5px]">
+			<div><ElCheckbox v-model="mainStore.config.bindDeviceEnable">绑定物理网卡</ElCheckbox></div>
+			<ElTooltip content="将连接器的套接字绑定到物理设备以避免路由问题。比如子网代理网段与某节点的网段冲突，绑定物理设备后可以与该节点正常通信">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.2.3" />
+		</div>
+
+		<ElDivider />
+		<div><ElCheckbox v-model="mainStore.config.enablExitNode">允许此节点成为出口节点</ElCheckbox></div>
+		<div class="flex items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.disableEncryption">关闭信息加密</ElCheckbox>
+			<ElTooltip content="关闭后通信数据将在互联网上明文传输，如房间名和密码">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+		</div>
+		<div class="flex items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.multiThread">开启多线程</ElCheckbox>
+			<ElTooltip content="开启后可能会提高网络性能">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+		</div>
+		<div class="flex items-center gap-[10px]">
+			<ElText>传输数据压缩算法</ElText>
+			<div class="w-[160px]">
+				<ElSelect
+					size="small"
+					v-model="mainStore.config.compression"
+					placeholder="请选择压缩算法"
+				>
+					<ElOption
+						v-for="item in [
+							['none', '不压缩(游戏联机推荐)'],
+							['zstd', 'zstd算法']
+						]"
+						:key="item[0]"
+						:label="item[1]"
+						:value="item[0]"
+					></ElOption>
+				</ElSelect>
+			</div>
+			<CoreVersionWarning version="2.1.0" />
+		</div>
+		<ElDivider />
+
+		<div class="flex items-center gap-[10px]">
+			<ElCheckbox v-model="mainStore.config.useSmoltcp">为子网代理和 KCP 代理开启用户网络栈</ElCheckbox>
+			<ElTooltip content="开启后会降低网络性能，但不需要配置防火墙">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+		</div>
+		<div class="flex flex-nowrap items-center gap-[15px]">
+			<ElCheckbox v-model="mainStore.config.saveErrorLog">输出日志到本地</ElCheckbox>
+			<div class="w-[140px]">
+				<ElSelect
+					size="small"
+					v-model="mainStore.config.logLevel"
+					placeholder="请选择日志等级"
+					class="ml-[5px]"
+				>
+					<ElOption
+						v-for="item in data"
+						:key="item"
+						:label="`level - ${item}`"
+						:value="item"
+					></ElOption>
+				</ElSelect>
+			</div>
+			<ElButton
+				@click="openLogDir"
+				size="small"
+			>
+				打开日志目录
+			</ElButton>
+		</div>
+		<ElDivider />
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.enableUpnp">UPnP 端口映射</ElCheckbox>
+			<ElTooltip content="自动向路由器请求端口映射，默认开启，启动时无需额外配置">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.6.2" />
+		</div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.ipv6PublicAddrProvider">公网 IPv6 地址前缀提供</ElCheckbox>
+			<ElTooltip content="持有公网 IPv6 前缀的节点可开启，让同网络下其他节点自动获取独立公网地址">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.6.2" />
+		</div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.ipv6PublicAddrAuto">公网 IPv6 地址自动获取</ElCheckbox>
+			<ElTooltip content="从持有公网 IPv6 前缀的提供者节点自动获取独立公网地址">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.6.2" />
+		</div>
+		<div class="flex flex-nowrap items-center gap-[5px]">
+			<ElCheckbox v-model="mainStore.config.disableRelayData">禁用 Relay 数据转发</ElCheckbox>
+			<ElTooltip content="禁止节点转发 relay 数据流量而保留控制面功能，适用于不希望本节点承担中继带宽的场景">
+				<ElIcon><QuestionFilled /></ElIcon>
+			</ElTooltip>
+			<CoreVersionWarning version="2.6.3" />
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import useMainStore from "@/stores/index";
+	import { QuestionFilled } from "@element-plus/icons-vue";
+	import { resourceDir as getResourceDir, join } from "@tauri-apps/api/path";
+	import { Command } from "@tauri-apps/plugin-shell";
+	import { exists, mkdir, BaseDirectory, remove } from "@tauri-apps/plugin-fs";
+	import { ElMessage } from "element-plus";
+	import { reactive, ref } from "vue";
+	import { dataSubscribe } from "@/composables/windows";
+	import { ATJ, supportProtocols } from "~/utils";
+	import CoreVersionWarning from "@/components/CoreVersionWarning.vue";
+	import { ElConfirmDanger } from "~/utils/element";
+	import { invoke } from "@tauri-apps/api/core";
+
+	const protocols = supportProtocols();
+	const listenerDialogData = reactive<{ [key: string]: any }>({
+		visible: false,
+		loading: false
+	});
+
+	const portForwardDialogData = reactive<{ [key: string]: any }>({
+		visible: false,
+		loading: false
+	});
+
+	const handlePortForwardDialog = () => {
+		portForwardDialogData.visible = true;
+	};
+
+	const handleListenerDialog = () => {
+		listenerDialogData.visible = true;
+	};
+
+	const handleFinishInputListener = async () => {
+		listenerDialogData.visible = false;
+	};
+
+	const handleFinishInputPortForward = async () => {
+		portForwardDialogData.visible = false;
+	};
+
+	const mainStore = useMainStore();
+	const data = ["trace", "debug", "info", "warn", "error", "off"];
+	const guids = ref<string[][]>([]);
+	const openLogDir = async () => {
+		const resourceDir = await getResourceDir();
+		const logPath = import.meta.env.VITE_LOG_PATH;
+		const logDirPath = await join(resourceDir, logPath);
+		const isExists = await exists(logPath, { baseDir: BaseDirectory.Resource });
+		if (!isExists) {
+			try {
+				await mkdir(logPath, { baseDir: BaseDirectory.Resource });
+			} catch (err) {}
+		}
+		await Command.create("explorer", [logDirPath]).execute();
+	};
+
+	const openConfigJsonDir = async () => {
+		const resourceDir = await getResourceDir();
+		const easytierDir = await join(resourceDir, "easytier/");
+		const isExists = await exists("easytier/", { baseDir: BaseDirectory.Resource });
+		if (isExists) {
+			await Command.create("explorer", [easytierDir]).execute();
+		} else {
+			ElMessage.error("config.json的目录不存在");
+		}
+	};
+
+	const handleKcpProxyChange = () => {
+		if (mainStore.config.enableKcpProxy) {
+			if (mainStore.config.enableQuicProxy) {
+				ElMessage.warning("KCP代理和QUIC代理不能同时开启");
+			}
+			mainStore.config.enableQuicProxy = false;
+		}
+	};
+
+	const handleQuicProxyChange = () => {
+		if (mainStore.config.enableQuicProxy) {
+			if (mainStore.config.enableKcpProxy) {
+				ElMessage.warning("KCP代理和QUIC代理不能同时开启");
+			}
+			mainStore.config.enableKcpProxy = false;
+		}
+	};
+
+	// 为bind_device功能增加改方法
+	const getGuids = async () => {
+		const guidsValue = await invoke<string[][]>("get_network_adapter_guids");
+		guids.value = guidsValue && guidsValue.length > 0 ? guidsValue : [];
+	};
+
+	dataSubscribe(async () => {
+		if (!mainStore.createConfigInEasytier) {
+			// 考虑删除本地config.json文件
+			const configJsonPath = import.meta.env.VITE_CONFIG_FILE_NAME;
+			const isExists = await exists(configJsonPath, { baseDir: BaseDirectory.Resource });
+			// console.log({ isExists });
+			if (isExists) {
+				const [error, _] = await ElConfirmDanger("生成配置文件功能被关闭,是否删除本地config.json", "提示", {
+					confirmButtonText: "删除",
+					cancelButtonText: "保留"
+				});
+				if (!error) {
+					// 删除本地config.json文件
+					const [error, _] = await ATJ(remove(configJsonPath, { baseDir: BaseDirectory.Resource }));
+					if (error) {
+						ElMessage.error("删除失败，请打开目录手动删除");
+					}
+				}
+			}
+		}
+	});
+</script>

pages/cidr.vue

@@ -0,0 +1,114 @@
+<template>
+	<div class="flex h-full flex-col gap-[10px]">
+		<div class="flex items-center gap-[10px]">
+			<ElRadioGroup
+				:disabled="!data.isSwitchEnable"
+				v-model="mainStore.cidrEnable"
+			>
+				<ElRadioButton :value="true">开启</ElRadioButton>
+				<ElRadioButton :value="false">关闭</ElRadioButton>
+			</ElRadioGroup>
+			<div class="flex items-center gap-[10px]">
+				<ElCheckbox v-model="mainStore.proxyForwardBySystem">通过系统内核转发子网代理数据包，禁用内置NAT</ElCheckbox>
+				<CoreVersionWarning version="2.2.3" />
+			</div>
+		</div>
+		<div class="flex-1 overflow-auto">
+			<ElInput
+				placeholder="例如: 192.168.1.0/24 一行一个"
+				v-model="mainStore.config.proxyNetworks"
+				type="textarea"
+				:rows="5"
+				resize="none"
+			></ElInput>
+			<ElTable
+				stripe
+				border
+				empty-text="暂无数据"
+				:data="data.route"
+				class="mt-[5px]"
+			>
+				<ElTableColumn
+					sortable
+					width="140"
+					label="主机名"
+					prop="hostname"
+				></ElTableColumn>
+				<ElTableColumn
+					width="120"
+					sortable
+					label="虚拟网IP"
+					prop="ipv4"
+				></ElTableColumn>
+				<ElTableColumn
+					sortable
+					label="被代理的子网"
+					prop="proxy_cidrs"
+				></ElTableColumn>
+			</ElTable>
+		</div>
+	</div>
+</template>
+<script setup lang="ts">
+	import useMainStore from "@/stores/index";
+	import { dataSubscribe } from "@/composables/windows";
+	import { invoke } from "@tauri-apps/api/core";
+	import { reactive, onMounted, onBeforeUnmount } from "vue";
+	import { ATJ, parseCliInfo } from "@/utils";
+	import { listen, type UnlistenFn } from "@tauri-apps/api/event";
+	const mainStore = useMainStore();
+
+	const data = reactive<{ [key: string]: any }>({
+		route: [],
+		isStart: false,
+		isSwitchEnable: false,
+		isRunning: false
+	});
+
+	const listenOutput = async () => {
+		data.isRunning = true;
+		const [error, member] = await ATJ(invoke<string>("get_route_by_cli"));
+		data.isRunning = false;
+		if(!member) return;
+		if (error) {
+			data.route = [];
+			return "";
+		}
+		if (member === "_EasytierGameCliFailedToConnect_") {
+			data.route = [];
+			await listenOutput();
+			return;
+		}
+		data.route = JSON.parse(member);
+	};
+
+	const listenStart = async () => {
+		const unListen = await listen<boolean>("route", async event => {
+			data.isStart = event.payload;
+			if (data.isStart) {
+				data.isSwitchEnable = false;
+				if (mainStore.cidrEnable && !data.isRunning) {
+					await listenOutput();
+				} else {
+					data.route = [];
+				}
+			} else {
+				data.isSwitchEnable = true;
+				data.route = [];
+			}
+		});
+		return unListen;
+	};
+
+	let unlistenStart: UnlistenFn | null = null;
+
+	onMounted(async () => {
+		unlistenStart = await listenStart();
+	});
+
+	dataSubscribe();
+
+	onBeforeUnmount(() => {
+		unlistenStart && unlistenStart();
+	});
+</script>

pages/gameList.vue

@@ -0,0 +1,533 @@
+<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">
+				<ElInput
+					size="small"
+					v-model="searchValue"
+					placeholder="请输入游戏名进行查询"
+				></ElInput>
+			</div>
+			<div>
+				<ElButton
+					:icon="Plus"
+					size="small"
+					type="primary"
+					class="mr-[5px]"
+					@click="handleCreate"
+				>
+					新增游戏
+				</ElButton>
+				<ElButton
+					size="small"
+					class="!ml-[0px] mr-[5px]"
+					@click="openCoverDir"
+				>
+					封面目录
+				</ElButton>
+			</div>
+		</div>
+		<div class="flex flex-1 flex-wrap gap-[0] overflow-auto">
+			<div
+				v-for="(item, idx) in computedGameList"
+				:key="item.id"
+				class="w-[25%] p-[4px]"
+			>
+				<div class="group/card relative">
+					<ElCard>
+						<template #header>
+							<div class="flex flex-nowrap gap-[0_8px]">
+								<ElTooltip :content="item.name" placement="top">
+									<p class="ml-auto flex-1 truncate">
+										<ElText
+											size="default"
+											type="info"
+										>
+											{{ item.name }}
+										</ElText>
+									</p>
+								</ElTooltip>
+							</div>
+						</template>
+						<img
+							:src="showImgConvertFileSrc(item.showImg)"
+							@error="handleImgError(item, idx)"
+							class="aspect-[1] w-full object-cover"
+						/>
+					</ElCard>
+					<div
+						class="absolute left-0 top-[61px] z-[1] hidden h-[calc(100%-61px)] w-full flex-col items-center justify-center rounded-[5px] bg-[var(--el-mask-color)] group-hover/card:flex"
+					>
+						<ElButton
+							size="large"
+							type="success"
+							:icon="VideoPlay"
+							@click.stop="handleStartGame(item)"
+						>
+							启动游戏
+						</ElButton>
+						<div class="pt-[5px]">
+							<ElButton
+								size="small"
+								type="info"
+								:icon="EditPen"
+								title="修改"
+								@click.stop="handleEditItem(item)"
+							/>
+							<ElButton
+								size="small"
+								type="danger"
+								:icon="DeleteFilled"
+								title="删除"
+								@click.stop="handleDeleteItem(item)"
+							/>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="w-[25%] p-[4px]">
+				<ElTooltip content="新增本地游戏">
+					<ElCard
+						@click.stop="handleCreate"
+						shadow="hover"
+					>
+						<div class="group/plus flex cursor-pointer flex-col items-center justify-center py-[25px]">
+							<ElIcon class="!text-[80px] transition-all group-hover/plus:text-[color:var(--el-color-primary)]">
+								<Plus></Plus>
+							</ElIcon>
+							<div>
+								<ElText>支持从桌面拖放新增</ElText>
+							</div>
+						</div>
+					</ElCard>
+				</ElTooltip>
+			</div>
+		</div>
+		<ElDialog
+			width="95%"
+			top="30px"
+			append-to-body
+			:z-index="10"
+			class="!mb-0"
+			v-model="createGameData.visible"
+			:close-on-press-escape="false"
+			:title="`${createGameData.isEdit ? '编辑' : '新建'}本地游戏`"
+		>
+			<ElForm
+				hide-required-asterisk
+				label-position="left"
+				:model="createGameData.form"
+				:rules="createGameData.rules"
+				ref="formRef"
+			>
+				<ElFormItem
+					label="游戏名字"
+					prop="name"
+				>
+					<ElInput
+						v-model="createGameData.form.name"
+						placeholder="请输入游戏名字"
+					></ElInput>
+				</ElFormItem>
+				<ElFormItem
+					label="执行文件"
+					prop="exePath"
+				>
+					<ElInput
+						v-model="createGameData.form.exePath"
+						placeholder="请选择游戏执行文件"
+					>
+						<template #append>
+							<ElButton
+								size="small"
+								type="primary"
+								@click.stop="handleBrowser('exePath')"
+							>
+								浏览
+							</ElButton>
+						</template>
+					</ElInput>
+				</ElFormItem>
+				<ElFormItem
+					label="游戏封面"
+					prop="showImg"
+				>
+					<ElBadge :hidden="createGameData.form.showImg == defaultPng">
+						<template #content="{ value }">
+							<div
+								class="cursor-pointer"
+								@click.stop="handleBadgeDeleteCover"
+							>
+								<ElIcon>
+									<DeleteFilled />
+								</ElIcon>
+							</div>
+						</template>
+						<img
+							@click.stop="handleBrowser('showImg')"
+							:src="showImgConvertFileSrc(createGameData.form.showImg)"
+							class="aspect-[1] w-[120px] cursor-pointer object-cover"
+						/>
+					</ElBadge>
+				</ElFormItem>
+			</ElForm>
+			<template #footer>
+				<div><ElText type="warning">除了默认封面以外，自定义封面会集中保存在封面目录里</ElText></div>
+				<ElButton
+					size="default"
+					type="primary"
+					@click="handleSave"
+				>
+					保存
+				</ElButton>
+				<ElButton
+					size="default"
+					@click="createGameData.visible = false"
+				>
+					关闭
+				</ElButton>
+			</template>
+		</ElDialog>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { VideoPlay, DeleteFilled, EditPen, Plus, Delete } from "@element-plus/icons-vue";
+	import { dataSubscribe } from "~/composables/windows";
+	import { BaseDirectory, basename, extname, resourceDir as getResourceDir, join } from "@tauri-apps/api/path";
+	import { convertFileSrc, Resource } from "@tauri-apps/api/core";
+	import { computed, nextTick, onBeforeUnmount, onMounted, reactive, ref, useTemplateRef } from "vue";
+	import useMainStore from "@/stores/index";
+	import { uniqueId } from "lodash-es";
+	import { open as dialogOpen } from "@tauri-apps/plugin-dialog";
+	import { ElMessage, type FormInstance } from "element-plus";
+	import { ATJ, bounce } from "~/utils";
+	import { ElConfirmDanger } from "~/utils/element";
+	import { copyFile, exists, mkdir, readDir, remove } from "@tauri-apps/plugin-fs";
+	import { Command, open } from "@tauri-apps/plugin-shell";
+	import { listen, type UnlistenFn } from "@tauri-apps/api/event";
+
+	const resourceDir = await getResourceDir();
+	const gameListResourceDir = await join(resourceDir, import.meta.env.VITE_GAME_LIST_PATH);
+	// const defaultLocalIconPath = await join(configPath, "icon.png");
+	// const tauriPath = convertFileSrc(defaultLocalIconPath);
+	const mainStore = useMainStore();
+	const formEl = useTemplateRef<FormInstance>("formRef");
+	const searchValue = ref("");
+	const defaultPng = "/default.png";
+	// const b = bounce(600);
+	type gameItemType = { name: string; exePath: string; id: string; showImg: string };
+	const createGameData = reactive({
+		visible: false,
+		isEdit: false,
+		form: {
+			id: "",
+			name: "",
+			exePath: "",
+			showImg: defaultPng
+		},
+		rules: {
+			name: [{ required: true, message: "请输入游戏名", trigger: "blur" }],
+			exePath: [{ required: true, message: "请选择游戏执行文件", trigger: "blur" }]
+		}
+	});
+
+	const computedGameList = computed(() => {
+		if (!searchValue.value.trim()) return mainStore.gameList;
+		return mainStore.gameList.filter(item => {
+			return item.name.includes(searchValue.value); // 过滤
+		});
+	});
+
+	const handleCreate = async () => {
+		createGameData.isEdit = false;
+		createGameData.form = {
+			id: "",
+			name: "",
+			exePath: "",
+			showImg: defaultPng
+		};
+		await nextTick();
+		createGameData.visible = true;
+	};
+
+	const handleBrowser = async (type: "showImg" | "exePath") => {
+		const filters = type === "showImg" ? [{ name: "", extensions: ["png", "jpg", "jpeg"] }] : [{ name: "", extensions: ["exe"] }];
+		const file = await dialogOpen({
+			multiple: false,
+			directory: false,
+			filters
+		});
+		if (file) {
+			if (type === "showImg") {
+				if (file) {
+					if (!createGameData.form.id) {
+						const time = new Date().getTime();
+						createGameData.form.id = uniqueId(`${time}`);
+					}
+					let showImg = file;
+					const game_list_path = import.meta.env.VITE_GAME_LIST_PATH;
+					const isExists = await exists(game_list_path, { baseDir: BaseDirectory.Resource });
+					if (!isExists) {
+						try {
+							await mkdir(game_list_path, { baseDir: BaseDirectory.Resource });
+						} catch (err) {}
+					}
+					const toPath = await join(gameListResourceDir, createGameData.form.id);
+					const suffix = showImg.split(".").pop();
+					const toPathFileName = `${toPath}.${suffix}`;
+					if (showImg != toPathFileName) {
+						await copyFile(showImg, toPathFileName);
+					}
+					// console.log(toPathFileName);
+					const isExistsToPath = await exists(toPathFileName);
+					if (isExistsToPath) {
+						const baseName = await basename(toPathFileName);
+						createGameData.form = { ...createGameData.form, showImg: `${baseName}` }; // 如果复制正确，那就存储文件名即可
+					}
+				}
+			}
+			if (type === "exePath") {
+				createGameData.form.exePath = file;
+			}
+		} else {
+			ElMessage.error("获取文件路径失败");
+		}
+	};
+
+	const openCoverDir = async () => {
+		const game_list_path = import.meta.env.VITE_GAME_LIST_PATH;
+		const isExists = await exists(game_list_path, { baseDir: BaseDirectory.Resource });
+		if (!isExists) {
+			try {
+				await mkdir(game_list_path, { baseDir: BaseDirectory.Resource });
+			} catch (err) {}
+		}
+		await Command.create("explorer", [gameListResourceDir]).execute();
+	};
+
+	const handleSave = async () => {
+		const [error, _] = await ATJ(formEl.value?.validate() as Promise<boolean>);
+		if (!error) {
+			if (createGameData.form.showImg == defaultPng) {
+				//删除本地封面图
+				// const toPath = await join(gameListResourceDir, createGameData.form.id);
+				// const imgPath = `${toPath}.${suffix}`;
+				// await remove(imgPath);
+			}
+
+			const idx = mainStore.gameList.findIndex(i => i.id == createGameData.form.id);
+			if (idx >= 0) {
+				mainStore.gameList[idx] = { ...createGameData.form };
+				mainStore.$patch({
+					gameList: [...mainStore.gameList]
+				});
+			} else {
+				mainStore.$patch({
+					gameList: [...mainStore.gameList, createGameData.form]
+				});
+			}
+
+			ElMessage.success("保存成功");
+			createGameData.visible = false;
+			// await Command.create("explorer", [gameListResourceDir]).execute();
+		}
+	};
+
+	const handleBadgeDeleteCover = async () => {
+		await removeFileById(createGameData.form.id);
+		createGameData.form = { ...createGameData.form, showImg: defaultPng };
+	};
+
+	const removeFileById = async (id: string) => {
+		if (!id) return;
+		const isExists = await exists(gameListResourceDir);
+		if (!isExists) return;
+		const entries = await readDir(gameListResourceDir);
+		if (entries.length > 0) {
+			for (const entry of entries) {
+				if (entry.name.includes(id + ".")) {
+					const imgPath = await join(gameListResourceDir, entry.name);
+					const isExists = await exists(imgPath);
+					if (!isExists) continue;
+					await remove(imgPath);
+				}
+			}
+		}
+	};
+
+	const handleDeleteItem = async ({ id }: gameItemType) => {
+		if (id) {
+			const [error, _] = await ElConfirmDanger("确定要删除吗？");
+			if (!error) {
+				await removeFileById(id);
+				mainStore.$patch({
+					gameList: mainStore.gameList.filter(i => i.id !== id)
+				});
+			}
+		}
+	};
+
+	const handleEditItem = async (item: gameItemType) => {
+		createGameData.isEdit = true;
+		createGameData.form = { ...item };
+		createGameData.visible = true;
+	};
+
+	const handleStartGame = async (item: gameItemType) => {
+		try {
+			const isExists = await exists(item.exePath);
+			if (!isExists) {
+				return ElMessage.error("执行文件不存在");
+			}
+		} catch (err) {
+			return ElMessage.error("执行文件不存在");
+		}
+
+		ElMessage.info("正在启动游戏，请稍后...");
+		const _child = await open(item.exePath);
+	};
+
+	const handleImgError = (item: gameItemType, idx: number) => {
+		item.showImg = defaultPng;
+		mainStore.gameList[idx] = { ...item };
+		mainStore.$patch({
+			gameList: [...mainStore.gameList]
+		});
+	};
+
+	const showImgConvertFileSrc = (showImg: string) => {
+		if (showImg == defaultPng) return defaultPng;
+		showImg = /^[a-z]\:/g.test(showImg.toLowerCase())
+			? `${convertFileSrc(showImg)}?${new Date().getTime()}`
+			: `${convertFileSrc(`${gameListResourceDir}\\${showImg}`)}?${new Date().getTime()}`;
+		return showImg;
+	};
+
+	let unlistenDragDrop: UnlistenFn | null = null;
+	const listenDragDrop = async () => {
+		unlistenDragDrop = await listen<{ paths: string[]; position: { x: number; y: number } }>("tauri://drag-drop", async e => {
+			const AllFiles = e.payload.paths;
+			let result: Array<gameItemType> = [];
+			const date = new Date().getTime();
+			const showImg = defaultPng;
+			const extUrls = [];
+			const lnkFiles = [];
+			for (const item of AllFiles) {
+				if (item.endsWith(".url")) {
+					extUrls.push(item);
+				} else {
+					lnkFiles.push(item);
+				}
+			}
+
+			if (lnkFiles.length > 0) {
+				// console.log(lnkFiles)
+				let lnkFilesstr = "$lnkFiles = @(";
+				for (let i = 0; i < lnkFiles.length; i++) {
+					lnkFilesstr = lnkFilesstr + `\"${lnkFiles[i]}\"`;
+					if (i == lnkFiles.length - 1) {
+						lnkFilesstr = lnkFilesstr + ");";
+					} else {
+						lnkFilesstr = lnkFilesstr + ",";
+					}
+				}
+				let forstr =
+					lnkFilesstr +
+					`
+					$shell = New-Object -ComObject WScript.Shell;
+					$results = @();
+					foreach ($lnkFile in $lnkFiles) {
+						$shortcut = $shell.CreateShortcut($lnkFile);
+						$targetPath = $shortcut.TargetPath;
+						$iconLocation = $shortcut.IconLocation;
+						$results += [PSCustomObject]@{
+							TargetPath = $targetPath
+							LinkFile = $lnkFile
+						};
+					};
+					$results | ConvertTo-Json
+				`;
+				let outputtarget = await Command.create("powershell", [`${forstr}`], {
+					encoding: "GBK"
+				}).execute();
+				let res: {
+					TargetPath: string;
+					LinkFile: string;
+				}[] = JSON.parse(outputtarget.stdout);
+				if (res && !Array.isArray(res)) {
+					res = [res];
+				}
+				if (res.length > 0) {
+					for (const idx in res) {
+						const item = res[idx];
+						// console.log(item);
+						const id = `${date}-${idx}`;
+						const exePath = item.TargetPath || item.LinkFile;
+						const namePath = item.LinkFile || item.TargetPath;
+						const allName = await basename(namePath);
+						const extName = await extname(namePath);
+						result.push({
+							exePath: exePath,
+							name: allName.replace(`.${extName}`, ""),
+							id,
+							showImg
+						});
+					}
+				}
+			}
+			if (extUrls.length > 0) {
+				for (const idx in extUrls) {
+					const TargetPath = extUrls[idx];
+					const id = `${date}-${idx}-url`;
+					const allName = await basename(TargetPath);
+					const extName = await extname(TargetPath);
+					result.push({
+						exePath: TargetPath,
+						name: allName.replace(`.${extName}`, ""),
+						id,
+						showImg
+					});
+				}
+			}
+
+			if (result.length > 0) {
+				mainStore.$patch({
+					gameList: [...mainStore.gameList, ...result]
+				});
+			}
+		});
+	};
+
+	// 兼容新的存储方式
+	const compatibleGameList = async () => {
+		const gameList = [...mainStore.gameList];
+		if(gameList.length <= 0) return;
+		const newGameList = [];
+		for(const item of gameList) {
+			const newItem = {...item}
+			if(newItem.showImg != defaultPng && /^[a-z]\:/g.test(newItem.showImg.toLowerCase())) {
+				newItem.showImg = await basename(item.showImg);
+				if(Reflect.has(newItem, "coverImg")) {
+					delete newItem['coverImg'];
+				}
+			}
+			newGameList.push(newItem);
+		}
+		mainStore.$patch({
+			gameList: newGameList
+		})
+	}
+
+	onMounted(async () => {
+		await compatibleGameList();
+		listenDragDrop(); //监听拖放
+	});
+
+	onBeforeUnmount(() =>{
+		unlistenDragDrop && unlistenDragDrop();
+	})
+
+
+	dataSubscribe();
+</script>

pages/log.vue

@@ -1,27 +1,145 @@
 <template>
-	<ElInput
+	<!-- <ElInput
 		type="textarea"
-		rows="17"
-		v-model="data.log"
+		:rows="17"
+		v-model="data.originLog"
 		resize="none"
 		readonly
-		placeholder="等待日志中..."
-	/>
+		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";
-	const data = reactive({
-		log: ""
+	import { reactive, onMounted, onBeforeUnmount, useTemplateRef, nextTick } from "vue";
+	import { copyText } from "~/utils";
+	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("logs", event => {
-			data.log = (event.payload as string) || "";
+		const unListen = await listen<string>("logs", async event => {
+			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

@@ -1,16 +1,153 @@
 <template>
-	<div class="overflow-auto h-full">
-		<div class="w-[1200px]">
-			<span v-if="!data.member || data.member.length <= 0">{{ "等待成员信息中..." }}</span>
+	<div class="h-full overflow-auto">
+		<div class="max-w-[2000px]">
+			<ElText
+				size="small"
+				v-if="!data.member || data.member.length <= 0"
+			>
+				{{ "等待成员信息中..." }}
+			</ElText>
 			<ElTable
 				stripe
-				:data="data.member"
+				border
+				:data="computedMember"
 				v-else
 			>
 				<ElTableColumn
-					v-for="prop in showTableHeader"
-					:prop="prop"
-					:label="prop"
+					sortable
+					label="成员名"
+					prop="hostname"
+				>
+					<template #default="{ row }">
+						<div :class="`whitespace-pre-wrap`">
+							<div>
+								{{
+									(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
+					sortable
+					width="70"
+					prop="cost"
+					label="方式"
+				>
+					<template #default="{ row }">
+						<ElTag
+							size="small"
+							effect="dark"
+							:type="row.cost == 'p2p' ? 'success' : 'info'"
+						>
+							{{ row.cost ? row.cost.replace("relay", "中转").replace("p2p", "直连") : row.cost }}
+						</ElTag>
+					</template>
+				</ElTableColumn>
+				<ElTableColumn
+					sortable
+					width="120"
+					prop="ipv4"
+					label="虚拟网IP"
+					:sort-method="sortIpv4"
+					:sort-orders="['ascending', 'descending', null]"
+				>
+					<template #default="{ row }">
+						<div class="space-y-[5px]">
+							<div>
+								{{ row.ipv4 || "-" }}
+							</div>
+							<div v-if="row.proxy?.[0]">
+								<ElTooltip :content="row.proxy?.[1] == 'Connected' ? '已连接' : '已断开'">
+									<ElTag
+										size="small"
+										:type="row.proxy?.[1] == 'Connected' ? 'success' : 'danger'"
+									>
+										{{ row.proxy?.[0] || "-" }}代理
+									</ElTag>
+								</ElTooltip>
+							</div>
+						</div>
+					</template>
+				</ElTableColumn>
+				<ElTableColumn
+					sortable
+					prop="lat_ms"
+					width="80"
+					label="延迟/ms"
+					:sort-method="sortLatMs"
+					:sort-orders="['ascending', 'descending', null]"
+				>
+					<template #default="{ row }">
+						{{ formatLatency(row.lat_ms) }}
+					</template>
+				</ElTableColumn>
+				<ElTableColumn
+					sortable
+					width="70"
+					prop="loss_rate"
+					label="丢包率"
+				>
+					<template #default="{ row }">
+						{{
+							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
+					sortable
+					width="100"
+					label="NAT类型"
+					prop="nat_type"
+				>
+					<template #default="{ row }">
+						{{ natMaps[row.nat_type.toLowerCase() as NATKyes] || row.nat_type || "-" }}
+					</template>
+				</ElTableColumn>
+				<ElTableColumn
+					sortable
+					width="122"
+					prop="version"
+					label="版本"
+				></ElTableColumn>
+				<ElTableColumn
+					sortable
+					width="100"
+					prop="tunnel_proto"
+					label="隧道协议"
+				></ElTableColumn>
+				<ElTableColumn
+					sortable
+					width="90"
+					prop="rx_bytes"
+					label="接收"
+					:sort-method="sortBytes"
+					:sort-orders="['ascending', 'descending', null]"
+				></ElTableColumn>
+				<ElTableColumn
+					sortable
+					prop="tx_bytes"
+					label="传输"
+					:sort-method="(a: any, b: any) => sortBytes(a, b, 'tx_bytes')"
+					:sort-orders="['ascending', 'descending', null]"
 				></ElTableColumn>
 			</ElTable>
 		</div>
@@ -18,155 +155,265 @@
 </template>
 <script setup lang="ts">
 	import { invoke } from "@tauri-apps/api/core";
-	import { reactive, onMounted, onBeforeUnmount } from "vue";
-	const data = reactive<{ member: any[] }>({
-		member: []
+	import { reactive, onMounted, onBeforeUnmount, computed } from "vue";
+	import { ATJ } from "@/utils";
+	import { ElConfirmDanger } from "~/utils/element";
+	import { getCurrentWindow } from "@tauri-apps/api/window";
+	import { isNaN } from "lodash-es";
+
+	const natMaps = {
+		unknown: "未知",
+		OpenInternet: "nat0-openinternet",
+		nopat: "nat0-nopat",
+		fullcone: "nat1",
+		restricted: "nat2",
+		portrestricted: "nat3",
+		symmetric: "nat4",
+		symmetriceasydec: "nat4-easydec",
+		symmetriceasyinc: "nat4-easyinc",
+		symUdpfirewall: "nat4-udpfirewall"
+	};
+
+	type NATKyes = keyof typeof natMaps;
+
+	const data = reactive<{ member: Member[]; proxy: Proxy[] }>({
+		member: [],
+		proxy: []
 	});
 
-	const showTableHeader = ["ipv4", "hostname", "cost", "lat_ms", "loss_rate", "nat_type", "version"];
-	const headers = [
-		"ipv4",
-		"hostname",
-		"cost",
-		"lat_ms",
-		"loss_rate",
-		"rx_bytes",
-		"rx_unit",
-		"tx_bytes",
-		"tx_unit",
-		"tunnel_proto",
-		"nat_type",
-		"id",
-		"version"
-	];
-
-	const formatData = (data: any[]) => {
-		if (!data) return [];
-		const result = [];
-		let obj: any = {};
-		let length = data.length;
-		for (let idx = 0; idx < length; idx++) {
-			let headersIdx = idx % headers.length;
-			if (headersIdx === 0) {
-				console.log(idx, [...data]);
-				obj = {};
-				result.push(obj);
-			}
-			if (["ipv4"].includes(headers[headersIdx]) && !/\d+\.\d+\.\d+\.\d\/\d+/.test(data[idx]) && data[idx]) {
-				const next = data[idx];
-				data[idx] = "-";
-				const head = data.slice(0, idx);
-				const latest = data.slice(idx);
-				data = [...head, next, ...latest];
-				length = data.length;
-			} else if (["rx_bytes", "tx_bytes"].includes(headers[headersIdx]) && data[idx] == "-") {
-				const head = data.slice(0, idx);
-				const latest = data.slice(idx);
-				data = [...head, "-", ...latest];
-				length = data.length;
-			} else if (
-				["tunnel_proto"].includes(headers[headersIdx]) &&
-				![
-					"tcp",
-					"udp",
-					"ws",
-					"wss",
-					"wg",
-					"-",
-					"tcp,udp",
-					"ws,wss",
-					"tcp,udp,ws,wss,wg",
-					"tcp,ws,wss,wg",
-					"udp,ws,wss,wg",
-					"tcp,wg",
-					"udp,wg",
-					"tcp,ws",
-					"tcp,wss",
-					"udp,ws",
-					"udp,wss",
-					"tcp,udp,ws",
-					"tcp,udp,wss",
-					"tcp,udp,ws,wss",
-					"tcp,udp,ws,wss,wg",
-					"tcp,udp,wg",
-					"tcp,udp,ws,wg",
-					"udp,tcp",
-					"udp,tcp,ws",
-					"udp,tcp,wss",
-					"udp,tcp,ws,wss",
-					"udp,tcp,ws,wss,wg",
-					"udp,tcp,wg",
-					"udp,tcp,ws,wg",
-					"tcp,udp,wss,wg",
-					"tcp,udp,ws,wg",
-					"tcp,udp,wss,wg",
-					"ws,tcp",
-					"ws,udp",
-					"ws,tcp,udp",
-					"ws,tcp,udp,ws",
-					"ws,tcp,udp,wss",
-					"ws,tcp,udp,ws,wss",
-					"ws,tcp,udp,ws,wss,wg",
-					"ws,tcp,udp,wg",
-					"ws,tcp,udp,ws,wg",
-					"ws,udp,tcp",
-					"ws,udp,tcp,ws",
-					"ws,udp,tcp,wss",
-					"ws,udp,tcp,ws,wss",
-					"wss,tcp",
-					"wss,udp",
-					"wss,tcp,udp",
-					"wss,tcp,udp,ws",
-					"wss,tcp,udp,wss",
-					"wss,tcp,udp,ws,wss",
-					"wss,tcp,udp,ws,wss,wg",
-					"wss,tcp,udp,wg",
-					"wg,tcp",
-					"wg,udp",
-					"wg,tcp,udp",
-					"wg,tcp,udp,ws",
-					"wg,tcp,udp,wss",
-					"wg,tcp,udp,ws,wss",
-					"wg,tcp,udp,ws,wss,wg",
-					"wg,tcp,udp,wg",
-					"wg,udp,tcp"
-				].includes(data[idx])
-			) {
-				const head = data.slice(0, idx);
-				const latest = data.slice(idx);
-				data = [...head, "-", ...latest];
-				length = data.length;
-			}
-			obj[headers[headersIdx]] = data[idx];
+	const computedMember = computed(() => {
+		const localMember = data.member.find(member => member?.cost == "Local");
+		if (!localMember) return data.member;
+		const ipv4 = localMember.ipv4;
+		const proxyMember = data.proxy?.filter(proxy => proxy.src.startsWith(`${ipv4}:`));
+		const proxyObj: Record<string, [string, "Connected" | "Closed"]> = {};
+		for (const proxy of proxyMember) {
+			proxyObj[proxy.dst.split(":")[0]] = [proxy.transport_type, proxy.state];
 		}
-		return result;
+		return data.member.map(m => {
+			m.proxy = proxyObj?.[m.ipv4.split(":")?.[0]] || m?.proxy || ["", "Closed"];
+			return m;
+		});
+	});
+
+	// 延迟排序函数
+	const sortLatMs = (a: Member, b: Member): number => {
+		const getLatencyValue = (row: Member): number => {
+			const latMs = row.lat_ms;
+
+			if (latMs === null || latMs === undefined || latMs === "") {
+				return Infinity;
+			}
+
+			const num = Number(latMs);
+			if (isNaN(num) || num < 0) {
+				return Infinity;
+			}
+
+			return Math.floor(num);
+		};
+
+		const valueA = getLatencyValue(a);
+		const valueB = getLatencyValue(b);
+
+		if (valueA === Infinity && valueB === Infinity) {
+			return 0;
+		}
+
+		return valueA - valueB;
 	};
 
+	// IP地址排序函数
+	const sortIpv4 = (a: any, b: any): number => {
+		const ipToNumber = (ip: string): number => {
+			if (!ip || ip === "-" || ip === "") {
+				return 0;
+			}
+
+			// 处理可能包含端口号或子网掩码的情况
+			const cleanIp = ip.split("/")[0].split(":")[0];
+			const parts = cleanIp.split(".");
+
+			if (parts.length !== 4) {
+				return 0;
+			}
+
+			try {
+				const nums = parts.map(part => {
+					const num = parseInt(part, 10);
+					return isNaN(num) || num < 0 || num > 255 ? 0 : num;
+				});
+
+				// 将IP地址转换为32位数字进行比较
+				return (nums[0] << 24) + (nums[1] << 16) + (nums[2] << 8) + nums[3];
+			} catch {
+				return 0;
+			}
+		};
+
+		const numA = ipToNumber(a.ipv4);
+		const numB = ipToNumber(b.ipv4);
+
+		return numA - numB;
+	};
+
+	// 字节数据排序函数
+	const sortBytes = (a: any, b: any, field: string = "rx_bytes"): number => {
+		const parseBytes = (bytesStr: string): number => {
+			if (!bytesStr || bytesStr === "-" || bytesStr === "") {
+				return 0;
+			}
+
+			// 统一转换为小写并去除空格
+			const cleanStr = bytesStr.toLowerCase().trim();
+
+			// 使用正则表达式匹配数字和单位
+			const match = cleanStr.match(/^(\d+(?:\.\d+)?)\s*([a-z]*)$/);
+			if (!match) {
+				return 0;
+			}
+
+			const value = parseFloat(match[1]);
+			const unit = match[2];
+
+			if (isNaN(value)) {
+				return 0;
+			}
+
+			// 根据单位转换为字节数
+			switch (unit) {
+				case "b":
+				case "byte":
+				case "bytes":
+				case "":
+					return value;
+				case "k":
+				case "kb":
+				case "kib":
+					return value * 1024;
+				case "m":
+				case "mb":
+				case "mib":
+					return value * 1024 * 1024;
+				case "g":
+				case "gb":
+				case "gib":
+					return value * 1024 * 1024 * 1024;
+				case "t":
+				case "tb":
+				case "tib":
+					return value * 1024 * 1024 * 1024 * 1024;
+				case "p":
+				case "pb":
+				case "pib":
+					return value * 1024 * 1024 * 1024 * 1024 * 1024;
+				default:
+					return value; // 未知单位当作字节处理
+			}
+		};
+
+		const bytesA = parseBytes(a[field]);
+		const bytesB = parseBytes(b[field]);
+
+		return bytesA - bytesB;
+	};
+
+	// 格式化延迟显示
+	const formatLatency = (latMs: any): string => {
+		if (latMs === null || latMs === undefined || latMs === "") {
+			return "-";
+		}
+
+		const num = Number(latMs);
+		if (isNaN(num)) {
+			return "-";
+		}
+
+		if (num < 0) {
+			return "-";
+		}
+
+		return num.toFixed(0);
+	};
+
+	let timer: number | null = null;
+
 	const listenOutput = async () => {
-		const member = await invoke("get_members_by_cli");
-		let memberData = ((member as string) || "")
-			.replace(/[\│\├\┌\└\─\┬\┴\┼\┤\┐\┘]+/g, "")
-			.split(" ")
-			.filter(el => el && !["\n", "\n\n"].includes(el))
-			.slice(11);
-		if (memberData.length <= 0) {
+		const [error, member] = await ATJ(invoke<string>("get_members_by_cli"));
+		if (error) {
+			data.member = [];
+			return "";
+		}
+		if (member === "_EasytierGameCliFailedToConnect_") {
+			data.member = [];
+			stopTimer();
+			const [error] = await ElConfirmDanger("连接已断开,是否重新尝试?", "警告", {
+				confirmButtonText: "重试",
+				cancelButtonText: "关闭窗口"
+			});
+			if (!error) {
+				await listenOutput();
+			} else {
+				const appWindow = getCurrentWindow();
+				await appWindow.close();
+			}
 			return;
 		}
-		const result = formatData(memberData);
-		data.member = result;
-		console.log({ member: data.member });
+		const [errorConnections, connections] = await ATJ(invoke<string>("get_members_connections_cli"));
+		const memberConnections: ConnectionsType[] = JSON.parse(connections) as ConnectionsType[];
+
+		if (errorConnections != "_EasytierGameCliFailedToGetConnections_") {
+			data.member = (JSON.parse(member) as Member[]).map(member => {
+				const connection = memberConnections.find(conn => String(conn.route.peer_id) === member.id);
+				if (connection) {
+					member.connections_addrs = connection?.peer?.conns?.map(conn => conn?.tunnel?.remote_addr?.url || "") || [];
+				} else {
+					member.connections_addrs = [];
+				}
+				return member;
+			});
+		} else {
+			data.member = JSON.parse(member) as Member[];
+		}
+		// console.log(data.member);
+		getMembersProxy();
+		startTimer();
 	};
 
-	let timer: NodeJS.Timeout | null = null;
+	const getMembersProxy = async () => {
+		const [error, proxy] = await ATJ(invoke<string>("get_members_proxy"));
+		if (error) {
+			data.proxy = [];
+			return "";
+		}
+		if (proxy === "_EasytierGameCliFailedToGetProxy_") {
+			data.proxy = [];
+			return "";
+		}
+		try {
+			data.proxy = JSON.parse(proxy) as Proxy[];
+		} catch (error) {
+			data.proxy = [];
+		}
+	};
+
+	const startTimer = () => {
+		timer && clearTimeout(timer);
+		timer = setTimeout(() => {
+			listenOutput();
+		}, 1000);
+	};
+
+	const stopTimer = () => {
+		timer && clearTimeout(timer);
+		timer = null;
+	};
 
 	onMounted(async () => {
-		listenOutput();
-		// timer = setInterval(() => {
-		// 	listenOutput();
-		// }, 3000);
+		await listenOutput();
 	});
 
 	onBeforeUnmount(() => {
-		timer && clearInterval(timer);
+		stopTimer();
 	});
 </script>

pages/nodesList.vue

@@ -0,0 +1,389 @@
+<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_8px]">
+			<div class="ml-[5px] mr-auto flex">
+				<ElText class="text-lg font-semibold">公共服务器节点列表</ElText>
+			</div>
+			<div class="flex w-fit flex-nowrap items-center gap-[0_8px]">
+				<div>
+					<ElInput
+						placeholder="搜索名称/地址"
+						v-model="searchName"
+						clearable
+					></ElInput>
+				</div>
+				<div>
+					<ElButton
+						size="small"
+						type="primary"
+						@click="refreshNodes"
+					>
+						刷新
+					</ElButton>
+					<ElButton
+						:disabled="selectedNodes.length === 0"
+						size="small"
+						type="success"
+						class="mr-[8px]"
+						@click="addSelectedToServerList"
+					>
+						添加选中 ({{ selectedNodes.length }})
+					</ElButton>
+					<ElTag
+						size="small"
+						type="info"
+					>
+						最后更新: {{ lastUpdateTime || "00:00:00" }}
+					</ElTag>
+				</div>
+			</div>
+		</div>
+		<div class="flex w-full flex-1 flex-wrap gap-[0] overflow-auto">
+			<ElTable
+				:data="computedNodes"
+				stripe
+				height="100%"
+				ref="tableRef"
+				:empty-text="loading ? '加载中...' : '暂无可用服务器'"
+				:default-sort="{ prop: 'last_response_time', order: 'ascending' }"
+				@select-all="handleSelectChange"
+				@select="handleSelectChange"
+				@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="描述"
+					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, computed, nextTick } from "vue";
+	import { ElMessage, type TableInstance } from "element-plus";
+	import { dataSubscribe } from "~/composables/windows";
+	import { inputBounceRef } from "@/utils";
+	import { uniq } from "lodash-es";
+
+	const mainStore = useMainStore();
+	// 节点数据
+	const nodes = reactive<NodeItem[]>([]);
+	const loading = ref(false);
+	const lastUpdateTime = ref("");
+	const selectedNodes = ref<NodeItem[]>([]);
+	const searchName = ref<string>("");
+	const computedNodes = computed(() => {
+		const v = searchName.value.trim();
+		let result = nodes;
+		if (v) {
+			result = nodes.filter(node => node.name.includes(v) || node.address.includes(v));
+		}
+		nextTick(() => {
+			for (const node of selectedNodes.value) {
+				const nodeItem = nodes?.find(n => n.id === node.id);
+				tableRef.value?.toggleRowSelection(nodeItem, true);
+			}
+		});
+		return result;
+	});
+	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;
+		let nodesList = await invoke<string>("fetch_nodes_list", { page: 1, limit: 1000 });
+		try {
+			if (nodesList === "_EasytierGameFetchNodesError_") {
+				nodesList = "";
+				return;
+			}
+			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.log(nodesList);
+			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();
+		}, 60000); // 10秒刷新一次
+	};
+
+	// 停止定时器
+	const stopRefreshTimer = () => {
+		if (refreshTimer) {
+			clearInterval(refreshTimer);
+			refreshTimer = null;
+		}
+	};
+
+	// 处理选择变化
+	const handleSelectChange = (selection: NodeItem[]) => {
+		selectedNodes.value = selection;
+	};
+
+	const handleRowClick = (row: NodeItem) => {
+		tableRef.value?.toggleRowSelection(row);
+		selectedNodes.value = tableRef.value?.getSelectionRows() || [];
+	};
+
+	// 添加选中的服务器到主页面服务器列表
+	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

@@ -0,0 +1,224 @@
+<template>
+	<div class="flex h-full flex-col gap-[10px]">
+		<ElForm
+			size="small"
+			label-position="top"
+			:model="mainStore.serverConfig"
+		>
+			<ElFormItem
+				label="白名单"
+				prop="ServerWhiteList"
+				class="full-label full-content !mb-[0] !flex h-full flex-col overflow-hidden"
+			>
+				<template #label>
+					<div class="flex items-center gap-[10px]">
+						白名单
+						<ElSwitch
+							v-model="mainStore.serverConfig.enableWhiteList"
+							inline-prompt
+							active-text="启用"
+							inactive-text="禁用"
+						></ElSwitch>
+
+						<div class="ml-auto">
+							<ElTooltip
+								placement="top"
+								content="打开软件的时候，就会开启这个自建服务"
+							>
+								<ElCheckbox v-model="mainStore.serverConfig.autoStart">自动启动</ElCheckbox>
+							</ElTooltip>
+							<ElTooltip
+								placement="top"
+								content="启用后，不允许使用了与本网络不同的房间名和密码的节点通过本节点进行握手或中转"
+							>
+								<ElCheckbox
+									@click.stop="handlePrivateModeClick"
+									:model-value="mainStore.serverConfig.privateMode"
+								>
+									私有模式
+								</ElCheckbox>
+							</ElTooltip>
+							<ElTooltip
+								placement="top"
+								content="帮助其他虚拟网建立P2P链接"
+							>
+								<ElCheckbox v-model="mainStore.serverConfig.relayAllPeerrpc">转发所有对等节点的RPC数据包</ElCheckbox>
+							</ElTooltip>
+							<ElTooltip
+								placement="top"
+								content="持有公网 IPv6 前缀时开启，让同网络下其他节点自动获取独立公网地址"
+							>
+								<ElCheckbox v-model="mainStore.serverConfig.ipv6PublicAddrProvider">公网IPv6地址前缀提供</ElCheckbox>
+							</ElTooltip>
+							<ElTooltip
+								placement="top"
+								content="禁止节点转发 relay 数据流量而保留控制面功能，适用于不希望本节点承担中继带宽的场景"
+							>
+								<ElCheckbox v-model="mainStore.serverConfig.disableRelayData">禁用Relay数据转发</ElCheckbox>
+							</ElTooltip>
+						</div>
+					</div>
+				</template>
+				<div class="flex h-full w-full flex-col overflow-hidden">
+					<div class="flex-1 overflow-auto">
+						<ElInput
+							:disabled="!mainStore.serverConfig.enableWhiteList"
+							placeholder="一行一个，支持通配符列表，如（ab*）。当该参数的列表为空时，就不会为所有其他网络提供转发服务。"
+							:maxlength="1000"
+							v-model="mainStore.serverConfig.serverWhiteList"
+							type="textarea"
+							:rows="3"
+							resize="none"
+						></ElInput>
+					</div>
+				</div>
+			</ElFormItem>
+		</ElForm>
+		<div class="flex items-center gap-[10px]">
+			<div class="flex items-center gap-[5px]">
+				<ElText>服务器端口</ElText>
+				<div class="max-w-[100px]">
+					<ElTooltip content="端口号">
+						<ElInput v-model="mainStore.serverConfig.port"></ElInput>
+					</ElTooltip>
+				</div>
+			</div>
+			<ElButton
+				size="large"
+				:loading="data.loading"
+				:type="data.isStart ? 'danger' : 'primary'"
+				@click="hanldeClickStart"
+			>
+				{{ !data.isStart ? "启动服务器" : "停止服务器" }}
+			</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"
+			type="textarea"
+			:rows="14"
+			resize="none"
+		></ElInput>
+	</div>
+</template>
+<script setup lang="ts">
+	import useMainStore from "@/stores/index";
+	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 mainStore = useMainStore();
+	const data = reactive({
+		log: "",
+		isStart: false,
+		loading: true
+	});
+
+	const listenStart = async () => {
+		const unListen = await listen<{ log: string; threadId: number | null }>("server_logs", event => {
+			data.log = event.payload.log || "";
+			if (event.payload.threadId) {
+				data.isStart = true;
+			} else {
+				data.isStart = false;
+			}
+			data.loading = false;
+		});
+		return unListen;
+	};
+
+	let unlistenStart: UnlistenFn | null = null;
+	onMounted(async () => {
+		unlistenStart = await listenStart();
+	});
+
+	onBeforeUnmount(() => {
+		unlistenStart && unlistenStart();
+	});
+
+	const hanldeClickStart = async () => {
+		data.loading = true;
+		const args = getServerArgs();
+		await appWindow.emitTo("main", "startStopServer", { args });
+	};
+
+	// 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>

pages/storage-listener.vue

@@ -0,0 +1,6 @@
+<template></template>
+<script setup lang="ts">
+	import { dataSubscribe } from "~/composables/windows";
+
+	dataSubscribe();
+</script>

pages/tool.vue

@@ -0,0 +1,510 @@
+<template>
+	<div class="h-full overflow-auto">
+		<ElTabs
+			v-model="data.activeTab"
+			@tab-change="handleTabsChange"
+			class="h-full"
+		>
+			<ElTabPane
+				label="联机失败解决办法"
+				name="netcard"
+				class="flex h-full flex-col"
+			>
+				<!-- <div>
+					<div>
+						<ElTooltip
+							content="找不到游戏房间时，就开启它后再尝试搜索房间(默认开启)
+                        例如: 一个游戏玩家，有时通过本地局域网联机，有时通过某些联机工具进行联机，但是他只能在其中一个联机方式里看到朋友的游戏房间，而另一个里看不到，这时就可以使用这个工具，让他在两个地方都能看到游戏房间"
+						>
+							<ElText>
+								方案1
+								<ElIcon class="ml-[3px]"><QuestionFilled /></ElIcon>
+							</ElText>
+						</ElTooltip>
+					</div>
+					<ElLink
+						class="mr-[10px] !text-[15px]"
+						type="info"
+						underline="never"
+						@click="open('https://github.com/dechamps/WinIPBroadcast/releases/tag/winipbroadcast-1.6')"
+					>
+						WinIPBroadcast
+					</ElLink>
+					<ElSwitch
+						inline-prompt
+						:model-value="mainStore.winipBcStart"
+						@change="handleWinipBcStart"
+						size="small"
+						label="WinIPBroadcast"
+						active-text="已开启"
+						inactive-text="已关闭"
+					></ElSwitch>
+				</div> -->
+				<div>
+					<ElTooltip
+						content="使用ForceBindIP启动应用 (强制绑定IP或者网卡)，如果还没有启动联机，请先启动联机，联机成功后，点击刷新获取easytier生成的网卡"
+					>
+						<ElText>
+							方案1
+							<ElIcon class="ml-[3px]"><QuestionFilled /></ElIcon>
+						</ElText>
+					</ElTooltip>
+				</div>
+				<div>
+					<div>
+						<ElLink
+							class="!text-[15px]"
+							type="info"
+							underline="never"
+							@click="open('https://r1ch.net/projects/forcebindip')"
+						>
+							ForceBindIP
+						</ElLink>
+					</div>
+					<div>
+						<ElRadioGroup
+							class="mr-[30px]"
+							v-model="mainStore.forceBindIpBit"
+						>
+							<ElRadio
+								label="32位"
+								value="32"
+							></ElRadio>
+							<ElRadio
+								label="64位"
+								value="64"
+							></ElRadio>
+						</ElRadioGroup>
+						<ElTooltip
+							placement="top"
+							content="如果目标应用程序在启动时崩溃或出现其他意外行为，请尝试开启它，ForceBindIP 加载程序将等待应用程序进入其消息循环后再注入拦截 DLL"
+						>
+							<ElCheckbox
+								v-model="mainStore.delayInjectDll"
+								label="延迟注入DLL"
+							></ElCheckbox>
+						</ElTooltip>
+					</div>
+					<div class="flex items-center gap-[5px]">
+						<ElSelect
+							placeholder="请输入IP地址或选择网卡"
+							v-model="mainStore.forceBindInput"
+							filterable
+							allow-create
+							no-data-text="暂无网卡数据，请尝试刷新"
+						>
+							<ElOption
+								v-for="guid in data.guids"
+								:key="guid[0]"
+								:label="guid[1]"
+								:value="guid[0]"
+							></ElOption>
+						</ElSelect>
+						<ElButton @click="getGuids">刷新</ElButton>
+					</div>
+					<div class="mt-[5px] flex items-center gap-[5px]">
+						<ElInput
+							placeholder="请选择或输入应用程序路径"
+							:disabled="data.forceBindStart"
+							v-model="mainStore.forceBindFile"
+						></ElInput>
+						<div class="flex items-center">
+							<ElButton
+								@click="handleBrowser"
+								:disabled="data.forceBindStart"
+							>
+								浏览
+							</ElButton>
+							<ElButton
+								:disabled="data.forceBindStart"
+								@click="startForceBindIp"
+								type="primary"
+							>
+								启动
+							</ElButton>
+						</div>
+					</div>
+				</div>
+				<div>
+					<!-- const guids = await invoke<string[]>("get_network_adapter_guids"); -->
+				</div>
+				<div>
+					<ElTooltip content="设置网卡的跃点，提升网卡优先级，尝试将您联机使用的网卡跃点设置为最小，请先查询网卡信息">
+						<ElText>
+							方案2
+							<ElIcon class="ml-[3px]"><QuestionFilled /></ElIcon>
+						</ElText>
+					</ElTooltip>
+				</div>
+				<div class="mt-[5px] flex items-center">
+					<ElButton
+						@click="initNetCardInfo"
+						size="small"
+						type="primary"
+					>
+						查询网卡信息
+					</ElButton>
+					<div
+						v-if="data.row.name"
+						class="ml-auto flex flex-nowrap items-center gap-[10px]"
+					>
+						<ElTooltip content="跃点越小，网卡优先级越高，范围(1-9999)">
+							<ElInput
+								class="!w-[80px]"
+								autofocus
+								size="small"
+								v-model="data.row.metric"
+								placeholder="请输入跃点"
+							/>
+						</ElTooltip>
+						<ElButton
+							type="success"
+							size="small"
+							@click="handleSaveMetric"
+						>
+							保存
+						</ElButton>
+					</div>
+				</div>
+				<div class="mt-[5px] flex-1 overflow-auto">
+					<ElTable
+						height="100%"
+						empty-text="暂无数据"
+						highlight-current-row
+						:data="data.netcardList"
+						@row-click="handleRowClick"
+						border
+					>
+						<ElTableColumn
+							sortable
+							label="网卡名"
+							prop="name"
+						></ElTableColumn>
+						<ElTableColumn
+							sortable
+							label="跃点"
+							prop="metric"
+						></ElTableColumn>
+					</ElTable>
+				</div>
+			</ElTabPane>
+			<ElTabPane
+				label="防火墙"
+				name="firewall"
+				class="flex h-full flex-col"
+			>
+				<div class="flex flex-col items-center">
+					<div class="mb-[10px]">
+						<ElButton
+							type="warning"
+							size="small"
+							@click.stop="handleCloseAllFireWall"
+						>
+							一键关闭防火墙
+						</ElButton>
+					</div>
+					<div class="mb-[10px]">
+						<ElText class="!mx-[10px]">域防火墙</ElText>
+						<ElTag :type="data.firewallStatus.domain ? 'danger' : 'success'">
+							{{ data.firewallStatus.domain ? "已开启" : "已关闭" }}
+						</ElTag>
+					</div>
+					<div class="mb-[10px]">
+						<ElText class="!mx-[10px]">公用防火墙</ElText>
+						<ElTag :type="data.firewallStatus.public ? 'danger' : 'success'">
+							{{ data.firewallStatus.public ? "已开启" : "已关闭" }}
+						</ElTag>
+					</div>
+					<div>
+						<ElText class="!mx-[10px]">专用防火墙</ElText>
+						<ElTag :type="data.firewallStatus.dedicated ? 'danger' : 'success'">
+							{{ data.firewallStatus.dedicated ? "已开启" : "已关闭" }}
+						</ElTag>
+					</div>
+				</div>
+				<ElDivider>Ping测试</ElDivider>
+				<div class="flex items-center gap-[10px]">
+					<ElInput
+						style="width: 150px"
+						size="small"
+						v-model="data.pingIp"
+						placeholder="请输入IP地址"
+					/>
+					<ElInputNumber
+						controls-position="right"
+						size="small"
+						:precision="0"
+						v-model="data.pingNum"
+						:min="1"
+						:max="10"
+					>
+						<template #suffix>
+							<span>次</span>
+						</template>
+					</ElInputNumber>
+					<ElButton
+						size="small"
+						:disabled="data.isPing"
+						@click="handleTestPing('v4')"
+					>
+						Ping一下
+					</ElButton>
+					<!-- <ElButton
+						size="small"
+						:disabled="data.isPing"
+						@click="handleTestPing('v6')"
+					>
+						Ping一下(v6)
+					</ElButton> -->
+				</div>
+				<div class="mt-[5px] flex-1 overflow-auto">
+					<ElInput
+						placeholder="日志信息"
+						type="textarea"
+						:autosize="{ minRows: 9 }"
+						resize="none"
+						v-model="data.pingLog"
+					/>
+				</div>
+			</ElTabPane>
+		</ElTabs>
+	</div>
+</template>
+<script setup lang="ts">
+	import { open, Command } from "@tauri-apps/plugin-shell";
+	import { open as dialogOpen } from "@tauri-apps/plugin-dialog";
+	import { ElMessage, type TabPaneName } from "element-plus";
+	import { QuestionFilled } from "@element-plus/icons-vue";
+	import { onMounted, reactive } from "vue";
+	import useMainStore from "@/stores/index";
+	import { handleWinipBcStart, initStartWinIpBroadcast } from "@/composables/netcard";
+	import { isValidIP } from "~/utils";
+	import { dataSubscribe } from "~/composables/windows";
+	import { invoke } from "@tauri-apps/api/core";
+	import { BaseDirectory, exists } from "@tauri-apps/plugin-fs";
+
+	const mainStore = useMainStore();
+	const data = reactive<{ guids: string[][]; [key: string]: any }>({
+		activeTab: "netcard",
+		winipBcPid: 0,
+		pingNum: 1,
+		winipBcStart: false,
+		pingIp: "",
+		isPing: false,
+		pingLog: "",
+		firewallStatus: {
+			domain: false,
+			public: false,
+			dedicated: false
+		},
+		row: {
+			name: "",
+			metric: ""
+		},
+		netcardList: [],
+		guids: [],
+		forceBindStart: false
+	});
+
+
+	const handleCloseAllFireWall = async () => {
+		try {
+				const output = await Command.create("netsh", ["advfirewall", "set", "allprofiles", "state", "off"], {
+					encoding: "gb2312"
+				}).execute();
+				ElMessage.success("关闭成功");
+				await initFirewall();
+			} catch (err) {
+				ElMessage.error(`关闭失败${err}`);
+				console.error(err);
+			}
+	}
+
+	const handleTabsChange = async (tabPaneName: TabPaneName) => {
+		if (tabPaneName === "netcard") {
+			// await initNetCardInfo();
+		} else if (tabPaneName == "firewall") {
+			await initFirewall();
+		}
+	};
+
+	const handleRowClick = async (row: any, column: any, event: Event) => {
+		data.row = { ...row };
+	};
+
+	const handleSaveMetric = async () => {
+		if (data.row.metric && data.row.name) {
+			try {
+				const output = await Command.create("netsh", ["interface", "ipv4", "set", "interface", data.row.name, "metric=", data.row.metric], {
+					encoding: "gb2312"
+				}).execute();
+				ElMessage.success("设置成功");
+				await initNetCardInfo();
+			} catch (err) {
+				console.error(err);
+			}
+		}
+	};
+
+	const awaitTime = (time: number) => {
+		return new Promise(res => {
+			setTimeout(res, time);
+		});
+	};
+
+	const handleTestPing = async (type: 'v4' | 'v6' = 'v4') => {
+		// const is = isValidIP(data.pingIp);
+		if (data.pingIp) {
+			data.pingLog = "";
+			data.isPing = true;
+			const args = type === 'v4' ? ["-n", "1", data.pingIp] : ["-6", '-n', "1", data.pingIp]
+			try {
+				for (let i = 0; i < data.pingNum; i++) {
+					const output = await Command.create("ping", args, {
+						encoding: "gb2312"
+					}).execute();
+					if (output.stdout) {
+						data.pingLog += `${i + 1} - ${output.stdout.split("\n")[2]}`;
+					}
+					if (output.stderr) {
+						data.pingLog += `${i + 1}error - ${output.stderr}`;
+					}
+					if (i != data.pingNum - 1) {
+						await awaitTime(1000);
+					}
+				}
+				data.pingLog += "完毕";
+			} catch (err) {
+				ElMessage.error("Ping发生错误");
+				console.error(err);
+			} finally {
+				data.isPing = false;
+			}
+		} else {
+			ElMessage.error("请输入正确的IP");
+		}
+	};
+
+	const initNetCardInfo = async () => {
+		try {
+			const output = await Command.create("netsh", ["interface", "ipv4", "show", "interface"], {
+				encoding: "gb2312"
+			}).execute();
+			data.netcardList = output.stdout
+				.split("\n")
+				.map(el => el.trim().replace(/\s+/g, " "))
+				.filter(el => el)
+				.slice(2)
+				.map(el => {
+					const [idx, Met, MTU, status, ...rest] = el.split(" ");
+					return {
+						index: idx,
+						metric: Met,
+						MTU,
+						status,
+						name: rest.join(" ")
+					};
+				}) as any;
+		} catch (err) {
+			ElMessage.error("网卡获取失败");
+			console.error(err);
+		}
+	};
+
+	const initFirewall = async () => {
+		try {
+			const output = await Command.create("netsh", ["advfirewall", "show", "allprofiles", "state"], {
+				encoding: "gb2312"
+			}).execute();
+			const state = output.stdout
+				.trim()
+				.replace(/[\-]+/g, "")
+				.split("\n")
+				.map(el => el.trim())
+				.filter(el => el)
+				.slice(0, -1);
+			for (let idx = 0; idx < state.length; idx += 2) {
+				const status = state[idx + 1].replace(/状态\s+/, "");
+				const matchName = /域|公用|专用/.exec(state[idx]);
+				if (matchName) {
+					const name = matchName[0];
+					if (name == "域") {
+						data.firewallStatus.domain = status != "关闭";
+					} else if (name == "公用") {
+						data.firewallStatus.public = status != "关闭";
+					} else if (name == "专用") {
+						data.firewallStatus.dedicated = status != "关闭";
+					}
+				}
+			}
+		} catch (err) {
+			// netsh advfirewall firewall add rule name="EXE名称" dir=out action=allow program="EXE绝对路径"
+			ElMessage.error("获取防火墙状态失败");
+			console.error(err);
+		}
+	};
+
+	const handleBrowser = async () => {
+		const file = await dialogOpen({
+			multiple: false,
+			directory: false
+		});
+		if (file) {
+			mainStore.forceBindFile = file;
+		} else {
+			ElMessage.error("获取文件路径失败");
+		}
+	};
+
+	const startForceBindIp = async () => {
+		if (!mainStore.forceBindInput) {
+			return ElMessage.error("请输入IP地址或者选择一个网卡");
+		}
+		if (!mainStore.forceBindFile) {
+			return ElMessage.error("请选择一个执行文件");
+		}
+
+		const forceBindIpExe = mainStore.forceBindIpBit == "32" ? "ForceBindIP" : "ForceBindIP64";
+		const isExists = await exists(`easytier/tool/${forceBindIpExe}.exe`, { baseDir: BaseDirectory.Resource });
+		if (!isExists) {
+			return ElMessage.error("forcebindIP文件不存在");
+		}
+
+		data.forceBindStart = true;
+		try {
+			const dealyDll = mainStore.delayInjectDll ? "-i" : "";
+			const child = await Command.create(
+				forceBindIpExe,
+				[dealyDll, mainStore.forceBindInput, mainStore.forceBindFile.replace(/\//g, "\\")].filter(el => el),
+				{
+					encoding: "gb2312"
+				}
+			).spawn();
+			// console.log({child});
+		} catch (err) {
+			ElMessage.error("forcebindIP启动发生未知错误");
+			console.error(err);
+		} finally {
+			data.forceBindStart = false;
+		}
+	};
+
+	const getGuids = async () => {
+		const guids = await invoke<string[][]>("get_network_adapter_guids");
+		data.guids = guids && guids.length > 0 ? guids : [];
+		if (mainStore.forceBindInput.startsWith("{")) {
+			const has = data.guids.find(el => el[0] == mainStore.forceBindInput);
+			if (!has) {
+				mainStore.forceBindInput = "";
+			}
+		}
+	};
+
+	onMounted(() => {
+		data.pingIp = mainStore.config.ipv4;
+		// initStartWinIpBroadcast();
+		getGuids();
+	});
+	
+	dataSubscribe();
+</script>

plugins/pinia.ts

@@ -1,10 +0,0 @@
-import { createPersistedState } from "pinia-plugin-persistedstate";
-import { defineNuxtPlugin } from "nuxt/app";
-export default defineNuxtPlugin((nuxtApp: any) => {
-	nuxtApp.$pinia.use(
-		createPersistedState({
-			storage: localStorage,
-			key: id => `__glj_persisted_${id}`
-		})
-	);
-});

server/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "../.nuxt/tsconfig.server.json"
-}

src-tauri/.gitignore

@@ -1,6 +1,6 @@
 # Generated by Cargo
 # will have compiled files and executables
-/target/
-/gen/schemas
-/easytier-windows-x86_64-v2.0.3.zip
-/easytier-windows-x86_64/
+target/
+gen/schemas
+./easytier/logs
+easytier/logs

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "easytier-game"
-version = "1.0.4"
+version = "1.5.5"
 homepage = "https://github.com/EasyTier/EasyTier"
 repository = "https://github.com/EasyTier/EasytierGame"
 description = "A simple network initiator based on Easytier"
@@ -8,33 +8,54 @@ authors = ["leizi97"]
 license = "LICENSE"
 
 edition = "2021"
-rust-version = "1.77.2"
+# rust-version = "1.77.2"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
+
 [lib]
 name = "app_lib"
 crate-type = ["staticlib", "cdylib", "rlib"]
 
 [build-dependencies]
-tauri-build = { version = "2.0.1", features = [] }
+tauri-build = { version = "2.6.1", features = [] }
 # prost-build = "0.13.2"
 
+[target.x86_64-pc-windows-msvc.build-dependencies]
+thunk-rs = { git = "https://github.com/easytier/thunk.git", default-features = false, features = ["win7"] } # 需要安装curl和7zip，并添加他们的路径到环境变量
+
 [dependencies]
-serde_json = "1.0"
-serde = { version = "1.0", features = ["derive"] }
-log = "0.4"
-tauri = { version = "2.0.2", features = [
+serde_json = "1.0.137"
+serde = { version = "1.0.217", features = ["derive"] }
+log = "0.4.26"
+tauri = { version = "2.11.1", features = [ "protocol-asset",
     "tray-icon",
     "image-png",
-    "image-ico",
+    "image-ico"
 ] }
-tauri-plugin-log = "2.0.0-rc"
-tauri-plugin-shell = "2"
-reqwest = { version = "0.12", features = ["json"] }
-zip = "2.2.0"
+
+tauri-plugin-log = "2.8.0"
+tauri-plugin-shell = "2.3.5"
+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.5.1"
+tauri-plugin-clipboard-manager = "2.3.2"
+rand = "0.9.0"
+tokio = { version = "1.45.1", features = ["process"] }
+tauri-plugin-dialog = "2.7.1"
 # prost = "0.13"
 # prost-types = "0.13"
+hashbrown = "0.15.2"
+# futures-util = "0.3"
+
+[dependencies.windows]
+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-single-instance = "2"
+tauri-plugin-cli = "2.4.1"
+tauri-plugin-single-instance = "2.4.2"
+tauri-plugin-window-state = "2.4.1"

src-tauri/build.rs

@@ -1,4 +1,5 @@
 fn main() {
+    thunk::thunk();
     let mut windows = tauri_build::WindowsAttributes::new();
     windows = windows.app_manifest(
         r#"

src-tauri/capabilities/default.json

@@ -1,27 +1,124 @@
 {
-  "$schema": "../gen/schemas/desktop-schema.json",
-  "identifier": "default",
-  "description": "enables the default permissions",
-  "windows": [
-    "main",
-    "log"
-  ],
-  "permissions": [
-    "core:default",
-    "core:window:allow-minimize",
-    "core:window:allow-hide",
-    "core:window:allow-close",
-    "shell:allow-open",
-    "core:window:allow-show",
-    "core:window:allow-create",
-    "core:window:allow-set-position",
-    "core:window:allow-destroy",
-    "core:webview:allow-create-webview-window",
-    "core:webview:allow-set-webview-size",
-    "core:webview:allow-set-webview-position",
-    "core:webview:allow-create-webview",
-    "core:webview:allow-webview-show",
-    "core:webview:allow-webview-hide",
-    "core:webview:allow-webview-close"
-  ]
+	"$schema": "../gen/schemas/desktop-schema.json",
+	"identifier": "default",
+	"description": "enables the default permissions",
+	"windows": ["main", "log", "member", "nodesList", "cidr", "advance", "tool", "server", "gameList", "storage-listener"],
+	"permissions": [
+		"core:default",
+		"core:window:allow-minimize",
+		"core:window:allow-unminimize",
+		"core:window:allow-hide",
+		"core:window:allow-close",
+		"core:window:allow-set-focus",
+		"core:window:allow-is-visible",
+		"shell:allow-open",
+		"core:window:allow-show",
+		"core:window:allow-create",
+		"core:window:allow-set-position",
+		"core:window:allow-destroy",
+		"core:webview:allow-create-webview-window",
+		"core:webview:allow-set-webview-size",
+		"core:webview:allow-set-webview-position",
+		"core:webview:allow-create-webview",
+		"core:webview:allow-webview-show",
+		"core:webview:allow-webview-hide",
+		"core:webview:allow-webview-close",
+		"core:tray:allow-get-by-id",
+		"core:tray:allow-set-icon",
+		"core:tray:allow-new",
+		"core:window:allow-set-size",
+		{
+			"identifier": "shell:allow-spawn",
+			"allow": [
+				{
+					"args": ["run"],
+					"cmd": "$RESOURCE/easytier/tool/WinIPBroadcast",
+					"name": "WinIPBroadcast"
+				},
+				{
+					"args": true,
+					"cmd": "$RESOURCE/easytier/tool/ForceBindIP",
+					"name": "ForceBindIP"
+				},
+				{
+					"args": true,
+					"cmd": "$RESOURCE/easytier/tool/ForceBindIP64",
+					"name": "ForceBindIP64"
+				}
+			]
+		},
+		{
+			"identifier": "shell:allow-execute",
+			"allow": [
+				{
+					"args": ["run"],
+					"cmd": "$RESOURCE/easytier/tool/WinIPBroadcast",
+					"name": "WinIPBroadcast"
+				},
+				{
+					"args": true,
+					"cmd": "$RESOURCE/easytier/tool/ForceBindIP",
+					"name": "ForceBindIP"
+				},
+				{
+					"args": true,
+					"cmd": "$RESOURCE/easytier/tool/ForceBindIP64",
+					"name": "ForceBindIP64"
+				},
+				{
+					"args": true,
+					"cmd": "$RESOURCE/easytier/tool/nssm",
+					"name": "nssm"
+				},
+				{
+					"args": true,
+					"cmd": "explorer",
+					"name": "explorer"
+				},
+				{
+					"args": true,
+					"cmd": "wf.msc",
+					"name": "wf.msc"
+				},
+				{
+					"args": true,
+					"cmd": "netsh",
+					"name": "netsh"
+				},
+				{
+					"args": true,
+					"cmd": "ping",
+					"name": "ping"
+				},
+				{
+					"args": true,
+					"cmd": "powershell",
+					"name": "powershell"
+				}
+			]
+		},
+		"fs:default",
+		{
+			"identifier": "fs:allow-read-dir",
+			"allow": [{ "path": "$DESKTOP" }, { "path": "$DESKTOP/*" }, { "path": "**/*" }, { "path": "**" }]
+		},
+		"fs:allow-exists",
+		"fs:allow-open",
+		"fs:allow-resource-read",
+		"fs:allow-resource-read-recursive",
+		"fs:allow-resource-write",
+		"fs:allow-resource-write-recursive",
+		"clipboard-manager:allow-clear",
+		"clipboard-manager:allow-read-text",
+		"clipboard-manager:allow-write-text",
+		"window-state:default",
+		"window-state:allow-save-window-state",
+		"window-state:allow-restore-state",
+		"cli:default",
+		"cli:allow-cli-matches",
+		"log:default",
+		"log:allow-log",
+		"dialog:default",
+		"dialog:allow-open"
+	]
 }

src-tauri/easytier/README.md

@@ -0,0 +1 @@
+这里存放每次打包需要用到的最新版本的easytier 和 相关工具

src-tauri/easytier/clear_local_data.bat

@@ -0,0 +1,57 @@
+@echo off
+chcp 65001 >nul
+setlocal
+
+REM 检查是否具有管理员权限
+openfiles >nul 2>&1
+if %errorlevel% neq 0 (
+    echo 当前没有管理员权限，鼠标右键clear_data.bat，选择使用管理员模式运行...
+    pause
+    exit /b
+)
+
+REM 获取当前用户的 Local 目录路径
+set "local_dir=%LOCALAPPDATA%"
+
+REM 设置要删除的任务计划程序文件夹名称
+set "folder_name=\easytierGame"
+set "task_name=auto start"
+
+REM 设置要删除的目标文件夹
+set "target_data_dir=%local_dir%\com.tauri.easytier-game"
+echo ---
+REM 打印 Local 目录路径
+echo 当前数据目录: %target_data_dir%
+echo ---
+echo 您确定要清除EasytierGame的本地数据吗? (y/n)
+echo ---
+
+REM 等待用户输入
+set /p confirm=输入'y/n'进行确认:
+
+if /i "%confirm%"=="y" (
+    echo 清除数据中,请稍后...
+    echo ---
+    @REM REM 删除任务计划程序文件夹
+    echo delete auto_start task ...
+    echo ---
+
+    echo ---
+    schtasks /delete /tn "%folder_name%\%task_name%" /f
+    schtasks /delete /tn "%folder_name%" /f
+    echo ---
+    echo 开始清除本地缓存数据，没有使用开机自启上面就会报错，不影响数据清理...
+
+    if exist "%target_data_dir%" (
+        REM 删除目标文件夹及其内容
+        rd /s /q "%target_data_dir%"
+    )
+    echo 清除本地缓存数据完毕.
+    echo ---
+    echo 您可以手动删除EasytierGame目录下所有文件，即可完成卸载.
+) else (
+    echo 取消清理数据
+)
+
+pause
+endlocal

src-tauri/easytier/config/config_template.toml

@@ -0,0 +1,77 @@
+# 实例名称，用于在同一台机器上标识此节点
+instance_name = ""
+# 主机名，用于标识此设备的主机名
+hostname = ""
+# 实例 ID，一般为 UUID，在同一个虚拟网络中唯一
+instance_id = ""
+# 此节点的虚拟网 IPv4 地址，如果为空，则此节点将仅转发数据包，不会创建 TUN 设备
+ipv4 = ""
+# 由 Easytier 自动确定并设置IP地址，默认从10.0.0.1开始。警告：在使用 DHCP 时，如果网络中出现 IP 冲突，IP 将自动更改
+dhcp = false
+
+# 监听器列表，用于接受连接
+listeners = [
+"tcp://0.0.0.0:11010",
+"udp://0.0.0.0:11010",
+"wg://0.0.0.0:11011",
+"ws://0.0.0.0:11011/",
+"wss://0.0.0.0:11012/",
+]
+
+# 退出节点列表
+exit_nodes = [
+]
+
+# 用于管理的 RPC 门户地址
+rpc_portal = "127.0.0.1:15888"
+
+[network_identity]
+# 网络名称，用于标识虚拟网络
+network_name = ""
+# 网络密钥，用于验证此节点属于虚拟网络
+network_secret = ""
+
+# 这里是对等连接节点配置，可以多段配置
+[[peer]]
+uri = "tcp://public.easytier.top:11010"
+
+[[peer]]
+uri = "udp://public.easytier.top:11010"
+
+# 这里是子网代理节点配置，可以有多段配置
+[[proxy_network]]
+cidr = "10.0.1.0/24"
+
+[[proxy_network]]
+cidr = "10.0.2.0/24"
+
+# WireGuard 配置信息
+[vpn_portal_config]
+# WireGuard 客户端所在的网段，下面为示例
+client_cidr = "10.14.14.0/24"
+#wg所监听的端口(请勿和listeners的wg冲突)
+wireguard_listen = "0.0.0.0:11012"
+
+[flags]
+# 连接到对等节点使用的默认协议
+default_protocol = "tcp"
+# TUN 设备名称，如果为空，则使用默认名称
+dev_name = ""
+# 禁用p2p
+disable_p2p = false
+# 是否启用加密
+enable_encryption = true
+# 是否启用 IPv6 支持
+enable_ipv6 = true
+# TUN 设备的 MTU
+mtu = 1380
+# 延迟优先模式，将尝试使用最低延迟路径转发流量，默认使用最短路径
+latency_first = false
+# 将本节点配置为退出节点
+enable_exit_node = false
+# 禁用 TUN 设备
+no_tun = false
+# 为子网代理启用 smoltcp 堆栈
+use_smoltcp = false
+# 仅转发白名单网络的流量，支持通配符字符串。多个网络名称间可以使用英文空格间隔。如果该参数为空，则禁用转发。默认允许所有网络。例如：'*'（所有网络），'def*'（以def为前缀的网络），'net1 net2'（只允许net1和net2）
+foreign_network_whitelist = "*"

src-tauri/easytier/config_template.json

@@ -0,0 +1,51 @@
+{
+    // 如果您的配置过于复杂，可以参考 使用配置文件进行联机的办法，以下是基础的界面配置，用于快速分享联机
+    "protocol": [
+        "tcp",
+        "udp"
+    ], // 协议类型
+    // easytier服务地址 - 可填写多个 方式1，逗号分隔，"xxxx.cn,yyyy.com" 方式2,数组 ["xxxx.cn","yyyy.com"] （默认选中第一个）
+    "serverUrl": "public.easytier.top:11010",
+    "enableCustomListener": true,
+    "customListenerData": [
+        "tcp://0.0.0.0:11010",
+        "udp://0.0.0.0:11010"
+    ],
+    "networkName": "",  //房间名
+    "networkPassword": "", //房间密码
+    "hostname": "", //主机名
+    "ipv4": "", // 虚拟IPv4地址
+    "ipv6": "", // 虚拟IPv6地址
+    "tcpWhitelistEnable": false, // 启用TCP白名单
+    "udpWhitelistEnable": false, // 启用UDP白名单
+    "tcpWhitelist": "", // TCP端口白名单，格式为 "80" 或者 范围 "8000-9000"
+    "udpWhitelist": "", // UDP端口白名单，格式为 "53" 或者 范围 "5000-6000"
+    "connectAfterStart": false, // 启动后自动连接
+    "disableIpv6": false,  // 禁用ipv6
+    "disbleListenner": false, //    禁用监听
+    "disableEncryption": false, // 禁用加密
+    "enablExitNode": false, // 启用出口节点
+    "noTun": false, // 禁用tun
+    "latencyfirst": false, // 延迟优先
+    "disableUdpHolePunching": false,  // 禁用udp打洞
+    "disbleP2p": false, // 禁用p2p 强制中转
+    "dhcp": true, // 启用dhcp,动态获取IP
+    "devName": true, // 启用自定义网卡名
+    "devNameValue": "etgame", // 自定义网卡名
+    "enableCustomProtocol": true, // 自定义p2p时默认协议
+    "customProtocol": "tcp", // 自定义p2p时使用的协议类型
+    "enableNetCardMetric": true, // 启用自定义网卡跃点
+    "netCardMetricValue": 1, // 网卡跃点
+    "enablePreventSleep": false, // 启用防止睡眠
+    "enableUdpBroadcastRelay": true, // Windows UDP广播中继
+    "enableUpnp": true, // UPnP端口映射
+    "ipv6PublicAddrProvider": false, // 公网IPv6地址前缀提供
+    "ipv6PublicAddrAuto": false, // 公网IPv6地址自动获取
+    "disableRelayData": false, // 禁用Relay数据转发
+    "compression": "none", // 压缩算法
+    "enableKcpProxy": true, // 启用kcp代理，就不能启用quic代理
+    "disableKcpInput": false, //     禁用kcp输入
+    "enableQuicProxy": false, // 启用quic代理，就不能启用kcp代理
+    "disableQuicInput": false, // 禁用quic输入
+    "privateMode": false // 启用私有模式
+}

src-tauri/tauri.conf.json

@@ -1,37 +1,82 @@
 {
 	"$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
 	"productName": "easytier-game",
-	"version": "1.0.4",
+	"version": "1.5.5",
 	"identifier": "com.tauri.easytier-game",
 
 	"build": {
 		"frontendDist": "../dist",
 		"devUrl": "http://localhost:5000",
-		"beforeBuildCommand": "pnpm build",
 		"beforeDevCommand": "pnpm dev"
 	},
 	"app": {
 		"windows": [
 			{
-				"title": "easytier-game",
-				"width": 331,
-				"height": 285,
-				"resizable": false,
+				"title": "easytier-game 1.5.5",
+				"label": "main",
+				"minWidth": 340,
+				"width": 340,
+				"height": 305,
+				"minHeight": 305,
+				"maxHeight": 405,
+				"maxWidth": 460,
+				"resizable": true,
 				"fullscreen": false,
 				"decorations": true,
-				"maximizable": false,
 				"center": true,
+				"visible": false,
+				"maximizable": false,
 				"transparent": false
 			}
 		],
 		"security": {
-			"csp": null
+			"csp": null,
+			"assetProtocol": {
+				"enable": true,
+				"scope": ["**"]
+			}
+		}
+	},
+	"plugins": {
+		"cli": {
+			"description": "easytier game CLI Plugin",
+			"args": [
+				{
+					"name": "task-auto-start",
+					"description": "easytier game autostart"
+				}
+			]
 		}
 	},
 	"bundle": {
 		"active": false,
 		"targets": "all",
+		"resources": [
+			"easytier/config/",
+			"easytier/icons/",
+			"easytier/config_template.json",
+			"easytier/tool/WinIPBroadcast.exe",
+			"easytier/tool/ForceBindIP.exe",
+			"easytier/tool/ForceBindIP64.exe",
+			"easytier/tool/BindIP.dll",
+			"easytier/tool/BindIP64.dll",
+			"easytier/tool/MicrosoftEdgeWebview2Setup.exe",
+			"easytier/easytier-cli.exe",
+			"easytier/easytier-core.exe",
+			"easytier/Packet.dll",
+			"easytier/wintun.dll",
+			"easytier/clear_local_data.bat",
+			"帮助.txt",
+			"uninstall.exe"
+		],
+		"windows": {
+			"webviewInstallMode": {
+				"type": "embedBootstrapper"
+			},
+			"wix": null,
+			"nsis": null
+		},
 		"createUpdaterArtifacts": false,
-		"icon": ["icons/32x32.png", "icons/128x128.png", "icons/128x128@2x.png", "icons/icon.icns", "icons/icon.ico"]
+		"icon": ["icons/icon.png", "icons/icon.rgba", "icons/icon.icns", "icons/icon.ico"]
 	}
 }

src-tauri/帮助.txt

@@ -0,0 +1,26 @@
+[如果界面无法打开]
+
+1. 如果您已经启动easytier-game.exe，那它可能会在后台运行，打开任务管理器关闭easytier-game.exe
+
+2. 使用easytier-game安装目录下的 easytier/tool/MicrosoftEdgeWebview2Setup.exe 安装webview2
+
+3. 再次启用easytier-game.exe
+
+
+[如果想彻底删除easytierGame]
+--
+1. 关闭easytierGame
+
+2. 运行easytier-game安装目录下的 easytier/clear_local_data.bat (需要管理员权限) 输入y确认，清除本地存储数据
+
+3. 删除easytierGame文件夹
+--
+或者直接使用uninstall.exe
+
+
+[没有服务器，怎么自建服务]
+1. 点击 启动联机 按钮旁边的箭头 选择自建服务 设置好端口号后 点击启动服务器
+
+2. 搜索一下 openFrp mossFrp sakurafrp 等 将你的本地服务通过它（们）代理到公网
+
+3. 将代理之后的地址发给别人，他们就可以通过这个加入你的服务了

stores/index.ts

@@ -1,34 +1,201 @@
-import { defineStore } from "pinia";
-export default defineStore("main", {
+import { acceptHMRUpdate, defineStore } from "pinia";
+
+
+
+const store = defineStore("main", {
 	state() {
 		return {
 			config: {
-				protocol: ["tcp", "udp"], // 网络协议
-				serverUrl: "public.easytier.top:11010",
+				protocol: ["tcp"], // 网络协议
+				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: "0", // 监听端口号
+				enableCustomListener: true, // 是否自定义监听
+				customListenerData: "tcp://0.0.0.0:11010\nudp://0.0.0.0:11010", // 自定义监听地址
 				disbleListenner: false, // 是否禁用监听
-				disbleP2p: true, // 是否使用P2P
+				disableEncryption: false, // 是否禁用加密
+				multiThread: false, //使用多线程
+				enablExitNode: false, // 是否启用退出节点
+				noTun: false, // 是否使用TUN
+				latencyfirst: false, // 是否优先延迟
+				useSmoltcp: false, // 是否为子网代理启用smoltcp堆栈
+				disableUdpHolePunching: false, // 是否禁用UDP打洞
+				relayAllPeerrpc: true, // 是否启用所有对等RPC
+				disbleP2p: false, // 是否使用P2P
 				dhcp: true, // 是否使用DHCP
+				saveErrorLog: true, // 是否保存错误日志
+				logLevel: "error", //日志等级
+				devName: true, //自定义网卡名
+				devNameValue: "etgame", //自定义网卡名
+				enableCustomProtocol: true, //自定义默认协议
+				customProtocol: "tcp", //自定义默认协议
+				enableNetCardMetric: true, //启用网卡自定义跃点
+				netCardMetricValue: 1, //自定义网卡跃点值
+				enablePreventSleep: false, //组织系统休眠
+				enableUdpBroadcastRelay: true, //Windows UDP广播中继
+				enableUpnp: true, //UPnP端口映射
+				ipv6PublicAddrProvider: false, //公网IPv6地址前缀提供
+				ipv6PublicAddrAuto: false, //公网IPv6地址自动获取
+				disableRelayData: false, //禁用Relay数据转发
+				compression: "none", //加密算法
+				enableKcpProxy: true, //启用kcp代理  默认开启
+				disableKcpInput: false, //禁用kcp输入
+				enableQuicProxy: false, //启用quic代理  默认开启
+				disableQuicInput: false, //禁用quic输入
+				bindDeviceEnable: false, //是否绑定设备
+				acceptDNS: false, //魔法dns
+				privateMode: false, //是否启用私有模式
+
+				enablePortForward: false, //是否启用端口转发
+				portForwardData: "", //端口转发数据
 			},
-			basePeers: ["public.easytier.top:11010"],
+			serverConfig: {
+				enableWhiteList: true, // 是否启用白名单
+				relayAllPeerrpc: false, // 是否启用所有对等RPC
+				serverWhiteList: "", // 服务器流量转发白名单
+				// enableListener: true, // 是否启用监听
+				autoStart: false, //随软件自启
+				port: "11010", // 服务器端口
+				privateMode: false, //是否启用私有模式
+				privateNetworkName: "", // 私有模式房间名
+				privateNetworkPassword: "", // 私有模式密码
+				ipv6PublicAddrProvider: false, //公网IPv6地址前缀提供
+				disableRelayData: false, //禁用Relay数据转发
+			},
+			cidrEnable: false,
+			proxyForwardBySystem: false, // 是否通过系统内核转发子网代理数据包，禁用内置NAT
+			basePeers: ["public.easytier.top:11010", "public.easytier.net:11010"],
+			theme: false, //主题  false light true dark
+			configStartEnable: false, //使用配置文件启动
+			configPath: "", //配置文件路径
+			winIpBcAutoStart: true,
+			createConfigInEasytier: false, //在easytier目录生成config.json文件吗
+			githubFastUrl: "https://ghfast.top/",
+
+			// forceBindIp配置
+			forceBindIpBit: "64",
+			delayInjectDll: false,
+			forceBindInput: "",
+			forceBindFile: "",
+
+			winipBcPid: 0,
+			winipBcStart: false,
+			latestTagName: "",
+
+			gameList: [] as Array<{ name: string; exePath: string; id: string; coverImg?: string; showImg: string }> // 游戏列表
 		};
 	},
 	persist: {
-		paths: [
-			"basePeers",
+		// 防止持久化保存 用户使用config.json输入的无用的字段
+		pick: [
+			"config.protocol",
 			"config.serverUrl",
 			"config.networkName",
-			"config.protocol",
 			"config.networkPassword",
-			"config.disbleP2p",
-			"config.disableIpv6",
-			"config.disbleListenner",
 			"config.hostname",
+			"config.ipv4",
+			"config.ipv6",
+			"config.proxyNetworks",
+			"config.autoStart",
+			"config.connectAfterStart",
+			"config.disableIpv6",
+			"config.disableEncryption",
+			"config.multiThread",
+			"config.enablExitNode",
+			"config.noTun",
+			"config.latencyfirst",
+			"config.useSmoltcp",
+			"config.disableUdpHolePunching",
+			"config.relayAllPeerrpc",
+			"config.disbleP2p",
 			"config.dhcp",
-		],
-	},
+			"config.saveErrorLog",
+			"config.logLevel",
+			"config.devName",
+			"config.devNameValue",
+			"config.enableNetCardMetric",
+			"config.netCardMetricValue",
+			"config.port",
+			"config.tcpWhitelist",
+			"config.udpWhitelist",
+			"config.tcpWhitelistEnable",
+			"config.udpWhitelistEnable",
+
+			"config.enablePortForward",
+			"config.portForwardData",
+
+			"config.disbleListenner",
+			"config.enableCustomListener",
+			"config.customListenerData",
+
+			"config.enableCustomProtocol",
+			"config.customProtocol",
+			"config.enablePreventSleep",
+			"config.compression",
+
+			"config.enableKcpProxy",
+			"config.disableKcpInput",
+			"config.enableQuicProxy",
+			"config.disableQuicInput",
+
+
+			"config.bindDeviceEnable",
+
+			"config.acceptDNS",
+
+			"config.privateMode",
+
+			"config.enableUdpBroadcastRelay",
+			"config.enableUpnp",
+			"config.ipv6PublicAddrProvider",
+			"config.ipv6PublicAddrAuto",
+			"config.disableRelayData",
+
+			"serverConfig.autoStart",
+			// 'serverConfig.enableListener',
+			"serverConfig.enableWhiteList",
+			"serverConfig.relayAllPeerrpc",
+			"serverConfig.serverWhiteList",
+			"serverConfig.port",
+			"serverConfig.privateMode",
+			"serverConfig.privateNetworkName",
+			"serverConfig.privateNetworkPassword",
+			"serverConfig.ipv6PublicAddrProvider",
+			"serverConfig.disableRelayData",
+
+			"cidrEnable",
+			"proxyForwardBySystem",
+			"basePeers",
+			"theme",
+			"configStartEnable",
+			"configPath",
+			"winIpBcAutoStart",
+			"createConfigInEasytier",
+			"githubFastUrl",
+
+			"forceBindIpBit",
+			"delayInjectDll",
+			"forceBindInput",
+			"forceBindFile",
+			"latestTagName",
+			
+			"gameList"
+		]
+		// // 除了这些，其他都要存下来
+		// omit: ["winipBcPid", "winipBcStart"]
+	}
 });
+if (import.meta.hot) import.meta.hot.accept(acceptHMRUpdate(store, import.meta.hot));
+export default store;

tailwind.config.mjs

@@ -1,8 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 /** @type {import('tailwindcss/plugin')} */
-
-const plugin = require("tailwindcss/plugin");
-module.exports = {
+import plugin from "tailwindcss/plugin"
+// const plugin = require("tailwindcss/plugin");
+export default {
 	content: ["./components/**/*.{js,vue,ts}", "./layouts/**/*.vue", "./pages/**/*.vue", "./plugins/**/*.{js,ts}", "./app.vue", "./error.vue"],
 	theme: {
 		extend: {}

tsconfig.json

@@ -6,6 +6,8 @@
 		"components/**/*.ts",
 		"components/**/*.js",
 		"components/**/*.vue",
+		"composables/**/*.ts",
+		"app.vue",
 		"pages/**/*.ts",
 		"pages/**/*.js",
 		"pages/**/*.vue",
@@ -27,16 +29,16 @@
 	"compilerOptions": {
 		"target": "ESNext",
 		"module": "ESNext",
+		"moduleResolution": "Node",
 		// 	"types": ["element-plus/global"]
 		"resolveJsonModule": true,
 		// 从 Vue 3.4 开始，Vue 不再隐式注册全局 JSX 命名空间。要指示 TypeScript 使用 Vue 的 JSX 类型定义，请确保在你的 tsconfig.json 中包含以下内容
 		"jsx": "preserve",
 		"jsxImportSource": "vue",
-		"types": ["@pinia/nuxt", "vite/client", "element-plus/global"],
+		"types": ["@pinia/nuxt", "vite/client", "element-plus/global", "pinia-plugin-persistedstate"],
 		"allowJs": true, // 允许编译器编译JS，JSX文件
-		"checkJs": true, // 允许在JS文件中报错，通常与allowJS一起使用
+		"checkJs": false, // 允许在JS文件中报错，通常与allowJS一起使用
 		"esModuleInterop": true, // 允许export=导出，由import from 导入
-
 		"lib": ["DOM", "ESNext"],
 		"allowSyntheticDefaultImports": true
 	}

typings/index.d.ts

@@ -1 +1,121 @@
+interface ImportMetaEnv {
+	readonly VITE_CONFIG_PATH: string;
+	readonly VITE_CONFIG_FILE_NAME: string;
+	readonly VITE_LOG_PATH: string;
+	readonly VITE_CACHE_PATH: string;
+	readonly VITE_AUTO_START_SERVICE_NAME: string;
+	readonly VITE_GAME_LIST_PATH: string;
+}
 
+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;
+}
+
+type Member = {
+	cidr: string;
+	ipv4: string;
+	hostname: string;
+	cost: string;
+	lat_ms: string;
+	loss_rate: string;
+	rx_bytes: string;
+	tx_bytes: string;
+	tunnel_proto: string;
+	nat_type: string;
+	id: string;
+	version: string;
+	connections_addrs: string[];
+	proxy?: [string, "Connected" | "Closed"];
+};
+
+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;
+				};
+			};
+		}[];
+	};
+};
+type Proxy = {
+	src: string;
+	dst: string;
+	start_time: string;
+	state: "Connected" | "Closed";
+	transport_type: string;
+};

utils/element.ts

@@ -1,10 +1,10 @@
 import { ElMessageBox } from "element-plus";
 import { ATJ } from "./index";
 import { h, type VNode } from "vue";
-type Opt = { action?: string; confirmButtonText?: string; cancelButtonText?: string; VNode?: VNode | null }
+type Opt = { action?: string; confirmButtonText?: string; cancelButtonText?: string; VNode?: VNode | null, showCancelButton?:boolean }
 export const ElConfirmDanger = (
 	content: string,
-	title: string,
+	title: string = "提示",
 	opt: Opt = {
 		action: "",
 		confirmButtonText: "确定",
@@ -29,6 +29,8 @@ export const ElConfirmDanger = (
 	}
 	return ATJ(
 		ElMessageBox.confirm(message, title, {
+			closeOnClickModal: false, // 点击遮罩层不关闭弹窗
+			closeOnPressEscape: false, // 按下Esc键不关闭弹窗
 			cancelButtonText,
 			confirmButtonText,
 			confirmButtonClass: "el-button--danger"
@@ -38,7 +40,7 @@ export const ElConfirmDanger = (
 
 export const ElConfirmSucces = (
 	content: string,
-	title: string,
+	title: string = "提示",
 	opt: Opt = {
 		action: "",
 		confirmButtonText: "确定",
@@ -63,6 +65,8 @@ export const ElConfirmSucces = (
 	}
 	return ATJ(
 		ElMessageBox.confirm(message, title, {
+			closeOnClickModal: false, // 点击遮罩层不关闭弹窗
+			closeOnPressEscape: false, // 按下Esc键不关闭弹窗
 			cancelButtonText,
 			confirmButtonText,
 			confirmButtonClass: "el-button--success"
@@ -72,15 +76,16 @@ export const ElConfirmSucces = (
 
 export const ElConfirmPrimary = (
 	content: string,
-	title: string,
+	title: string = "提示",
 	opt: Opt = {
 		action: "",
 		confirmButtonText: "确定",
 		cancelButtonText: "取消",
+		showCancelButton: true,
 		VNode: null
 	}
 ): Promise<any | [any, any]> => {
-	const { action = "", confirmButtonText = "确定", cancelButtonText = "取消", VNode = null } = opt;
+	const { action = "", confirmButtonText = "确定", cancelButtonText = "取消", VNode = null, showCancelButton = true } = opt;
 	const formatContentArr = content.split("{action}");
 	const action_length = formatContentArr.length - 1;
 	const messageArr = [];
@@ -97,6 +102,9 @@ export const ElConfirmPrimary = (
 	}
 	return ATJ(
 		ElMessageBox.confirm(message, title, {
+			closeOnClickModal: false, // 点击遮罩层不关闭弹窗
+			closeOnPressEscape: false, // 按下Esc键不关闭弹窗
+			showCancelButton,
 			cancelButtonText,
 			confirmButtonText,
 			confirmButtonClass: "el-button--primary"

utils/index.ts

@@ -1,22 +1,19 @@
-
+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 Clipboard from "vue-clipboard3";
+import { flatMap, map } from "lodash-es";
+import { customRef, ref } from "vue";
 
 export const ENV = import.meta.env;
 
-export const clipBoardCopy = async (text: string) => {
-	const { toClipboard } = Clipboard();
-	try {
-		await toClipboard(text);
-		ElMessage.success("复制成功");
-	} catch (e) {
-		ElMessage.error("复制失败");
-	}
+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(() => {
@@ -25,6 +22,26 @@ export const bounce = (time = 3000) => {
 	};
 };
 
+export const inputBounceRef = (value: string, cb?: Function, delay = 650) => {
+	let timeout: number | null = null;
+	return customRef((track, trigger) => {
+		return {
+			get() {
+				track();
+				return value;
+			},
+			set(newValue) {
+				value = newValue;
+				trigger();
+				timeout && clearTimeout(timeout);
+				timeout = setTimeout(() => {
+					cb?.(newValue);
+				}, delay);
+			}
+		};
+	});
+};
+
 /**
  *
  * @param {number} size  byte number
@@ -77,7 +94,115 @@ export const ATJ = (promise: Promise<any>, errorExt: string | undefined = undefi
 		});
 };
 
-export const openBrowser = (key: string) => {
-	// logger.info(`${import.meta.env.VITE_BROWSER_JOB_URL}${key}`)
-	// _launcherApi.openBrowser(`${import.meta.env.VITE_BROWSER_JOB_URL}${key}`);
+const _supportProtocols = ["tcp", "udp", "ws", "wss", "srv", "schema", "txt"];
+
+export const supportProtocols = () => {
+	return _supportProtocols.slice();
+};
+
+let _prevent_timer: number | null = null;
+let _prevent_timer_count = 15; // 秒
+export const preventSleep = () => {
+	_prevent_timer && clearInterval(_prevent_timer);
+	_prevent_timer = setInterval(async () => {
+		const result = await invoke("prevent_sleep");
+		// console.log(`trigger prevent sleep ${result}`);
+	}, _prevent_timer_count * 1000);
+};
+
+export const stopPreventSleep = async () => {
+	_prevent_timer && clearInterval(_prevent_timer);
+	_prevent_timer = null;
+	const _result = await invoke("allow_sleep");
+};
+
+export const parseCliInfo = (content: string) => {
+	if (!content) return [];
+	// 将表格字符串分割成行
+	const lines = content.split("\n");
+
+	// 提取表头（keys）
+	const headers = lines[1]
+		.split("│")
+		.slice(1, -1)
+		.map(h => h.trim());
+
+	// 初始化结果数组
+	const result: any[] = [];
+
+	// 遍历数据行
+	for (let i = 3; i < lines.length - 1; i += 2) {
+		if (lines[i].trim() === "") continue; // 跳过空行
+
+		// 分割每一行的数据
+		const values = lines[i]
+			.split("│")
+			.slice(1, -1)
+			.map(v => v.trim());
+
+		// 创建对象并添加到结果数组
+		const obj: any = {};
+		headers.forEach((header, index) => {
+			obj[header] = values[index] === "-" || values[index] === "" ? null : values[index];
+		});
+
+		// 每行数据都作为一个新对象添加到结果数组中
+		result.push(obj);
+	}
+
+	return result;
+};
+
+export function isValidWindowsFileName(name: string) {
+	if (name.length > 255) return false;
+	const reserved_names = [
+		"CON",
+		"PRN",
+		"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())) {
+		return false;
+	}
+	return /^[^<>:"/\\|?*\x00-\x1F]+[^<>:"/\\|?*\x00-\x1F .]$/g.test(name);
+}
+
+export const addQQGroup = () => {
+	open("https://qm.qq.com/q/Yo3HmaEIWC");
+};
+
+export function isValidIP(ip: string) {
+	const ipv4Pattern =
+		/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
+	const ipv6Pattern = /^(?:[A-Fa-f0-9]{1,4}:){7}[A-Fa-f0-9]{1,4}$/;
+	return ipv4Pattern.test(ip) || ipv6Pattern.test(ip);
+}
+
+export const copyText = async (text: string, message: string = "复制成功") => {
+	const [err, _] = await ATJ(writeText(text));
+
+	if (!err) {
+		ElMessage.success(message);
+	} else {
+		console.error(err);
+		ElMessage.success("复制失败");
+	}
 };

utils/service.ts

@@ -0,0 +1,53 @@
+import useMainStore from "@/stores/index";
+import { open, Command } from "@tauri-apps/plugin-shell";
+import { invoke } from "@tauri-apps/api/core";
+
+const getExeAbsPath = async () => {
+	const aExePath = (await invoke("get_exe_directory")) as [string, string];
+	return aExePath;
+};
+
+const checkServerOnWindows = async () => {
+	try {
+		const serverStatus = await Command.create("nssm", ["status", import.meta.env.VITE_AUTO_START_SERVICE_NAME]).execute();
+		if (serverStatus.stderr.includes("Can't open service")) {
+			return false;
+		}
+		return true;
+	} catch (err) {
+		return false;
+	}
+};
+
+const handleAutoStartByNssm = async () => {
+    const config = useMainStore().config;
+	const [exeAbsPath, parentDir] = await getExeAbsPath();
+	const isExist = await checkServerOnWindows();
+	if (isExist) {
+		const outputStop = await Command.create("nssm", ["stop", import.meta.env.VITE_AUTO_START_SERVICE_NAME, "confirm"]).execute();
+		console.log({ outputStop });
+		const outputRemove = await Command.create("nssm", ["remove", import.meta.env.VITE_AUTO_START_SERVICE_NAME, "confirm"]).execute();
+		console.log({ outputRemove });
+	}
+	if (exeAbsPath) {
+		const output = await Command.create("nssm", ["install", import.meta.env.VITE_AUTO_START_SERVICE_NAME, exeAbsPath]).execute();
+		console.log(output);
+		if (output.stdout && output.stdout.includes("installed successfully")) {
+			const outputAppDirectory = await Command.create("nssm", [
+				"set",
+				import.meta.env.VITE_AUTO_START_SERVICE_NAME,
+				"AppDirectory",
+				parentDir
+			]).execute();
+			console.log({ outputAppDirectory });
+			const outputStart = await Command.create("nssm", [
+				"set",
+				import.meta.env.VITE_AUTO_START_SERVICE_NAME,
+				"Start",
+				"SERVICE_AUTO_START"
+			]).execute();
+			console.log({ outputStart });
+			config.autoStart = true;
+		}
+	}
+};

zip.js

@@ -0,0 +1,68 @@
+/**
+ * 生成 release 发布包 zip 文件
+ */
+const pkg = require("./package.json");
+const isWin7 = process.argv[2] == 'win7';
+const releaseDir = isWin7 ? "./src-tauri/target/x86_64-win7-windows-msvc/release" : "./src-tauri/target/release";
+const fileName = isWin7 ?  `easytier-game_windows7_fix_${pkg.version}.zip` : `easytier-game_windows_x86_64_${pkg.version}.zip`; // 发布包格式
+const releaseDirEasytier = `${releaseDir}/easytier/`;
+const releaseExe = `${releaseDir}/easytier-game.exe`;
+const releaseHelp = `${releaseDir}/帮助.txt`;
+const releaseUninstall = `${releaseDir}/uninstall.exe`;
+const deleteEasytierFiles = ["logs/", "guiLogs/", "cache/"];
+const releaseZipDir = "./release";
+const releaseZip = `${releaseZipDir}/${fileName}`;
+
+const fs = require("fs");
+const path = require("path");
+const archiver = require("archiver");
+
+const output = fs.createWriteStream(path.join(__dirname, releaseZip));
+const archive = archiver("zip", {
+	zlib: { level: 8 } // Sets the compression level.
+});
+
+// listen for all archive data to be written
+// 'close' event is fired only when a file descriptor is involved
+output.on("close", function () {
+	console.log(archive.pointer() + " total bytes");
+	console.log(`archiver has been finalized and the output ${releaseZip}`);
+});
+
+// This event is fired when the data source is drained no matter what was the data source.
+// It is not part of this library but rather from the NodeJS Stream API.
+// @see: https://nodejs.org/api/stream.html#stream_event_end
+output.on("end", function () {
+	console.log("Data has been drained");
+});
+
+// good practice to catch warnings (ie stat failures and other non-blocking errors)
+archive.on("warning", function (err) {
+	if (err.code === "ENOENT") {
+		// log warning
+	} else {
+		// throw error
+		throw err;
+	}
+});
+
+archive.on("error", function (err) {
+	throw err;
+});
+
+for (const f of deleteEasytierFiles) {
+	fs.rmSync(path.join(__dirname, releaseDirEasytier + f), { recursive: true, force: true });
+}
+const r = path.join(__dirname, releaseZipDir);
+if (!fs.existsSync(r)) {
+	fs.mkdirSync(r);
+}
+
+// pipe archive data to the file
+archive.pipe(output);
+archive
+	.append(fs.createReadStream(path.join(__dirname, releaseExe)), { name: "easytier-game.exe" })
+	.append(fs.createReadStream(path.join(__dirname, releaseHelp)), { name: "帮助.txt" })
+	.append(fs.createReadStream(path.join(__dirname, releaseUninstall)), { name: "uninstall.exe" })
+	.directory(path.join(__dirname, releaseDirEasytier), "easytier")
+	.finalize();