From dce4988767a8b456ff3c1f7f79196c021a9eb84c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=89=8B=E7=93=9C=E4=B8=80=E5=8D=81=E9=9B=AA?=
 <nanaeonn@outlook.com>
Date: Fri, 15 Nov 2024 19:51:19 +0800
Subject: [PATCH] refactor: network

---
 napcat.webui/src/pages/NetWork.vue | 49 +++++++++++++++++-------------
 1 file changed, 28 insertions(+), 21 deletions(-)

diff --git a/napcat.webui/src/pages/NetWork.vue b/napcat.webui/src/pages/NetWork.vue
index 4a063aa1..9817a2f9 100644
--- a/napcat.webui/src/pages/NetWork.vue
+++ b/napcat.webui/src/pages/NetWork.vue
@@ -51,32 +51,39 @@ const setOB11Config = async (config) => {
     return result;
 };
 
+const log = (message, data) => {
+    console.log(message, data);
+};
+
+const generatePanels = (networkConfig) => {
+    const panels = [];
+    Object.keys(networkConfig).forEach((key) => {
+        networkConfig[key].forEach((config, index) => {
+            const component = componentMap[key];
+            if (!component) {
+                console.error(`No component found for key: ${key}`);
+                return;
+            }
+            panels.push({
+                value: `${key}-${index}`,
+                label: `${config.name}`,
+                component,
+                config,
+                removable: true,
+            });
+        });
+    });
+    return panels;
+};
+
 const loadConfig = async () => {
     try {
         const userConfig = await getOB11Config();
         const mergedConfig = mergeOnebotConfigs(defaultOnebotConfig, userConfig);
         const networkConfig = mergedConfig.network;
-        console.log('networkConfig:', networkConfig); // 添加日志输出
-        const panels = [];
-
-        Object.keys(networkConfig).forEach((key) => {
-            networkConfig[key].forEach((config, index) => {
-                const component = componentMap[key];
-                if (!component) {
-                    console.error(`No component found for key: ${key}`);
-                    return;
-                }
-                panels.push({
-                    value: `${key}-${index}`,
-                    label: `${config.name}`,
-                    component,
-                    config,
-                    removable: true,
-                });
-            });
-        });
-
-        console.log('panels:', panels); // 添加日志输出
+        log('networkConfig:', networkConfig);
+        const panels = generatePanels(networkConfig);
+        log('panels:', panels);
         panelData.value = panels;
         if (panels.length > 0) {
             value.value = panels[0].value;