From 2f61ba7f2520775e2a71095f1444044b797c4fae 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: Sat, 16 Nov 2024 11:32:27 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E4=B8=8A=E6=8A=A5?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/network/HttpClientComponent.vue  | 18 +++++++++++++++---
 .../src/pages/network/HttpServerComponent.vue  | 18 +++++++++++++++---
 .../pages/network/WebsocketClientComponent.vue | 18 +++++++++++++++---
 .../pages/network/WebsocketServerComponent.vue | 18 +++++++++++++++---
 4 files changed, 60 insertions(+), 12 deletions(-)

diff --git a/napcat.webui/src/pages/network/HttpClientComponent.vue b/napcat.webui/src/pages/network/HttpClientComponent.vue
index 7014c888..b36d36e1 100644
--- a/napcat.webui/src/pages/network/HttpClientComponent.vue
+++ b/napcat.webui/src/pages/network/HttpClientComponent.vue
@@ -7,7 +7,7 @@
                     <t-input v-model="config.url" />
                 </t-form-item>
                 <t-form-item label="消息格式">
-                    <t-input v-model="config.messagePostFormat" />
+                    <t-select v-model="config.messagePostFormat" :options="messageFormatOptions" />
                 </t-form-item>
                 <t-form-item label="报告自身消息">
                     <t-checkbox v-model="config.reportSelfMessage" />
@@ -27,11 +27,23 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps } from 'vue';
+import { defineProps, ref, watch } from 'vue';
 import { HttpClientConfig } from '../../../../src/onebot/config/config';
-defineProps<{
+
+const props = defineProps<{
     config: HttpClientConfig;
 }>();
+
+const messageFormatOptions = ref([
+    { label: 'Array', value: 'array' },
+    { label: 'String', value: 'string' }
+]);
+
+watch(() => props.config.messagePostFormat, (newValue) => {
+    if (newValue !== 'array' && newValue !== 'string') {
+        props.config.messagePostFormat = 'array';
+    }
+});
 </script>
 
 <style scoped>
diff --git a/napcat.webui/src/pages/network/HttpServerComponent.vue b/napcat.webui/src/pages/network/HttpServerComponent.vue
index d0495ee3..8aa40809 100644
--- a/napcat.webui/src/pages/network/HttpServerComponent.vue
+++ b/napcat.webui/src/pages/network/HttpServerComponent.vue
@@ -10,7 +10,7 @@
                     <t-input v-model.number="config.port" type="number" />
                 </t-form-item>
                 <t-form-item label="消息格式">
-                    <t-input v-model="config.messagePostFormat" />
+                    <t-select v-model="config.messagePostFormat" :options="messageFormatOptions" />
                 </t-form-item>
                 <t-form-item label="报告自身消息">
                     <t-checkbox v-model="config.reportSelfMessage" />
@@ -36,11 +36,23 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps } from 'vue';
+import { defineProps, ref, watch } from 'vue';
 import { WebsocketServerConfig } from '../../../../src/onebot/config/config';
-defineProps<{
+
+const props = defineProps<{
     config: WebsocketServerConfig;
 }>();
+
+const messageFormatOptions = ref([
+    { label: 'Array', value: 'array' },
+    { label: 'String', value: 'string' }
+]);
+
+watch(() => props.config.messagePostFormat, (newValue) => {
+    if (newValue !== 'array' && newValue !== 'string') {
+        props.config.messagePostFormat = 'array';
+    }
+});
 </script>
 
 <style scoped>
diff --git a/napcat.webui/src/pages/network/WebsocketClientComponent.vue b/napcat.webui/src/pages/network/WebsocketClientComponent.vue
index 92700863..3215bcac 100644
--- a/napcat.webui/src/pages/network/WebsocketClientComponent.vue
+++ b/napcat.webui/src/pages/network/WebsocketClientComponent.vue
@@ -7,7 +7,7 @@
                     <t-input v-model="config.url" />
                 </t-form-item>
                 <t-form-item label="消息格式">
-                    <t-input v-model="config.messagePostFormat" />
+                    <t-select v-model="config.messagePostFormat" :options="messageFormatOptions" />
                 </t-form-item>
                 <t-form-item label="报告自身消息">
                     <t-checkbox v-model="config.reportSelfMessage" />
@@ -30,11 +30,23 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps } from 'vue';
+import { defineProps, ref, watch } from 'vue';
 import { WebsocketClientConfig } from '../../../../src/onebot/config/config';
-defineProps<{
+
+const props = defineProps<{
     config: WebsocketClientConfig;
 }>();
+
+const messageFormatOptions = ref([
+    { label: 'Array', value: 'array' },
+    { label: 'String', value: 'string' }
+]);
+
+watch(() => props.config.messagePostFormat, (newValue) => {
+    if (newValue !== 'array' && newValue !== 'string') {
+        props.config.messagePostFormat = 'array';
+    }
+});
 </script>
 
 <style scoped>
diff --git a/napcat.webui/src/pages/network/WebsocketServerComponent.vue b/napcat.webui/src/pages/network/WebsocketServerComponent.vue
index dc922c16..7525536d 100644
--- a/napcat.webui/src/pages/network/WebsocketServerComponent.vue
+++ b/napcat.webui/src/pages/network/WebsocketServerComponent.vue
@@ -16,7 +16,7 @@
                     <t-checkbox v-model="config.enableWebsocket" />
                 </t-form-item>
                 <t-form-item label="消息格式">
-                    <t-input v-model="config.messagePostFormat" type="text" />
+                    <t-select v-model="config.messagePostFormat" :options="messageFormatOptions" />
                 </t-form-item>
                 <t-form-item label="Token">
                     <t-input v-model="config.token" type="text" />
@@ -33,11 +33,23 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps } from 'vue';
+import { defineProps, ref, watch } from 'vue';
 import { HttpServerConfig } from '../../../../src/onebot/config/config';
-defineProps<{
+
+const props = defineProps<{
     config: HttpServerConfig;
 }>();
+
+const messageFormatOptions = ref([
+    { label: 'Array', value: 'array' },
+    { label: 'String', value: 'string' }
+]);
+
+watch(() => props.config.messagePostFormat, (newValue) => {
+    if (newValue !== 'array' && newValue !== 'string') {
+        props.config.messagePostFormat = 'array';
+    }
+});
 </script>
 
 <style scoped>