From 0c396181f78dff33800e33b923cbfb27aabd0ff1 Mon Sep 17 00:00:00 2001
From: Soulter <905617992@qq.com>
Date: Thu, 13 Mar 2025 15:37:53 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=97=20refactor:=20=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B5=E6=A0=B7=E5=BC=8F=E9=87=8D=E5=86=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/shared/AstrBotConfig.vue   | 227 +++++++++---------
 .../src/components/shared/ListConfigItem.vue  | 166 ++++++-------
 dashboard/src/views/ConfigPage.vue            | 110 +++++----
 3 files changed, 253 insertions(+), 250 deletions(-)

diff --git a/dashboard/src/components/shared/AstrBotConfig.vue b/dashboard/src/components/shared/AstrBotConfig.vue
index 6ace849ef..38d3f3c27 100644
--- a/dashboard/src/components/shared/AstrBotConfig.vue
+++ b/dashboard/src/components/shared/AstrBotConfig.vue
@@ -1,130 +1,135 @@
 <template>
-    <h3 style="margin-bottom: 8px;" v-if="iterable && metadata[metadataKey]?.type === 'object'">
-        {{ metadata[metadataKey]?.description }}
-    </h3>
-    <v-card-text>
+    <div style="margin-bottom: 6px;" v-if="iterable && metadata[metadataKey]?.type === 'object'">
+        <v-list-item-title>
+            {{ metadata[metadataKey]?.description }} ({{ metadataKey }})
+            <v-chip color="primary" label size="x-small" class="mb-1">
+                object
+            </v-chip>
+        </v-list-item-title>
+        <v-list-item-subtitle style="font-size: 12px;">
+            <span v-if="metadata[metadataKey]?.obvious_hint && metadata[metadataKey]?.hint"
+                style="opacity: 1.0;">‼️</span>
+            {{ metadata[metadataKey]?.hint }}
+        </v-list-item-subtitle>
+    </div>
+
+    <v-card-text style="padding: 12px;">
         <div v-for="(index, key) in iterable" :key="key" style="margin-bottom: 0.5px;"
             v-if="metadata[metadataKey]?.type === 'object' || metadata[metadataKey]?.config_template">
-            <v-alert v-if="metadata[metadataKey].items[key]?.obvious_hint && metadata[metadataKey].items[key]?.hint"
-                style="margin-bottom: 8px" :text="metadata[metadataKey].items[key]?.hint"
-                :title="'💡 ' + metadata[metadataKey].items[key]?.description" type="info" variant="tonal" color="primary">
-            </v-alert>
 
-            <div style="display: flex; align-items: center; justify-content: center; gap: 16px">
-                <div style="width: 100%;" v-if="metadata[metadataKey].items[key]">
-                    <v-select
-                        v-if="metadata[metadataKey].items[key]?.options && !metadata[metadataKey].items[key]?.invisible"
-                        v-model="iterable[key]" variant="outlined" :items="metadata[metadataKey].items[key]?.options"
-                        :label="metadata[metadataKey].items[key]?.description + '(' + key + ')'" dense
-                        :disabled="metadata[metadataKey].items[key]?.readonly"></v-select>
-                    <v-text-field
-                        v-else-if="metadata[metadataKey].items[key]?.type === 'string' && !metadata[metadataKey].items[key]?.invisible"
-                        v-model="iterable[key]" :label="metadata[metadataKey].items[key]?.description + '(' + key + ')'"
-                        variant="outlined" dense></v-text-field>
-                    <v-text-field
-                        v-else-if="(metadata[metadataKey].items[key]?.type === 'int' || metadata[metadataKey].items[key]?.type === 'float') && !metadata[metadataKey].items[key]?.invisible"
-                        v-model="iterable[key]" :label="metadata[metadataKey].items[key]?.description + '(' + key + ')'"
-                        variant="outlined" dense></v-text-field>
-                    <v-textarea v-else-if="metadata[metadataKey].items[key]?.type === 'text' && !metadata[metadataKey].items[key]?.invisible" v-model="iterable[key]"
-                        :label="metadata[metadataKey].items[key]?.description + '(' + key + ')'" variant="outlined"
-                        dense></v-textarea>
-                    <v-switch v-else-if="metadata[metadataKey].items[key]?.type === 'bool' && !metadata[metadataKey].items[key]?.invisible" v-model="iterable[key]"
-                        :label="metadata[metadataKey].items[key]?.description + '(' + key + ')'" color="primary"
-                        inset></v-switch>
-                    <ListConfigItem
-                        v-else-if="metadata[metadataKey].items[key]?.type === 'list' && !metadata[metadataKey].items[key]?.invisible"
-                        :value="iterable[key]" 
-                        :label="metadata[metadataKey].items[key]?.description + '(' + key + ')'"/>
-
-                    <div v-else-if="metadata[metadataKey].items[key]?.type === 'object' && !metadata[metadataKey].items[key]?.invisible"
-                        style="border: 1px solid #e0e0e0; padding: 8px; margin-bottom: 16px; border-radius: 10px;">
-                        <AstrBotConfig :metadata="metadata[metadataKey].items" :iterable="iterable[key]"
-                            :metadataKey=key>
-                        </AstrBotConfig>
-                    </div>
-                </div>
-
-                <div style="width: 100%;" v-else>
-                    <!-- 在 metadata 中没有 key -->
-                    <v-text-field v-model="iterable[key]" :label="key" variant="outlined" dense></v-text-field>
-                </div>
-
-                <div
-                    v-if="!metadata[metadataKey].items[key]?.obvious_hint && metadata[metadataKey].items[key]?.hint && !metadata[metadataKey].items[key]?.invisible">
-                    <v-btn icon size="x-small" style="margin-bottom: 22px;">
-                        <v-icon size="x-small">mdi-help</v-icon>
-                        <v-tooltip activator="parent" location="start">{{ metadata[metadataKey].items[key]?.hint
-                            }}</v-tooltip>
-                    </v-btn>
-                </div>
-
-                <div>
-                    <v-chip v-if="!metadata[metadataKey].items[key]?.invisible" color="primary">{{ metadata[metadataKey].items[key]?.type }}</v-chip>
+            <div v-if="metadata[metadataKey].items[key]?.type === 'object'" style="padding-left: 16px;">
+                <div v-if="metadata[metadataKey].items[key] && !metadata[metadataKey].items[key]?.invisible"
+                    style="border: 1px solid #e0e0e0; padding: 8px; margin-bottom: 16px; border-radius: 10px;">
+                    <AstrBotConfig :metadata="metadata[metadataKey].items" :iterable="iterable[key]" :metadataKey=key>
+                    </AstrBotConfig>
                 </div>
             </div>
 
+            <v-row v-else>
+                <v-col cols="6">
+                    <v-list-item>
+                        <v-list-item-title style="font-size: 14px;">
+                            {{ metadata[metadataKey].items[key]?.description + '(' + key + ')' }}
+                            <v-chip v-if="!metadata[metadataKey].items[key]?.invisible" color="primary" label
+                                size="x-small" class="mb-1">{{
+                                    metadata[metadataKey].items[key]?.type }}
+                            </v-chip>
+                        </v-list-item-title>
+
+                        <v-list-item-subtitle style="font-size: 12px;">
+                            <span
+                                v-if="metadata[metadataKey].items[key]?.obvious_hint && metadata[metadataKey].items[key]?.hint"
+                                style="opacity: 1.0;">‼️</span>
+                            {{ metadata[metadataKey].items[key]?.hint }}
+                        </v-list-item-subtitle>
+                    </v-list-item>
+                </v-col>
+
+                <v-col cols="6">
+                    <div style="width: 100%;" v-if="metadata[metadataKey].items[key]">
+                        <v-select
+                            v-if="metadata[metadataKey].items[key]?.options && !metadata[metadataKey].items[key]?.invisible"
+                            v-model="iterable[key]" variant="outlined"
+                            :items="metadata[metadataKey].items[key]?.options" dense
+                            :disabled="metadata[metadataKey].items[key]?.readonly" density="compact"
+                            flat hide-details
+                            single-line></v-select>
+                        <v-text-field
+                            v-else-if="metadata[metadataKey].items[key]?.type === 'string' && !metadata[metadataKey].items[key]?.invisible"
+                            v-model="iterable[key]" variant="outlined" dense density="compact" flat hide-details
+                            single-line></v-text-field>
+                        <v-text-field
+                            v-else-if="(metadata[metadataKey].items[key]?.type === 'int' || metadata[metadataKey].items[key]?.type === 'float') && !metadata[metadataKey].items[key]?.invisible"
+                            v-model="iterable[key]" variant="outlined" dense density="compact"
+                            flat hide-details
+                            single-line></v-text-field>
+                        <v-textarea
+                            v-else-if="metadata[metadataKey].items[key]?.type === 'text' && !metadata[metadataKey].items[key]?.invisible"
+                            v-model="iterable[key]" variant="outlined" dense
+                            flat hide-details
+                            single-line></v-textarea>
+                        <v-switch
+                            v-else-if="metadata[metadataKey].items[key]?.type === 'bool' && !metadata[metadataKey].items[key]?.invisible"
+                            v-model="iterable[key]" color="primary"></v-switch>
+                        <ListConfigItem
+                            v-else-if="metadata[metadataKey].items[key]?.type === 'list' && !metadata[metadataKey].items[key]?.invisible"
+                            :value="iterable[key]" />
+                    </div>
+                    <div style="width: 100%;" v-else>
+                        <!-- 在 metadata 中没有 key -->
+                        <v-text-field v-model="iterable[key]" :label="key" variant="outlined" dense></v-text-field>
+                    </div>
+                </v-col>
+            </v-row>
+
         </div>
         <div v-else>
-            <v-alert v-if="metadata[metadataKey]?.obvious_hint && metadata[metadataKey]?.hint"
-                style="margin-bottom: 8px" :text="metadata[metadataKey]?.hint"
-                :title="'💡 ' + metadata[metadataKey]?.description" type="info" variant="tonal" color="primary">
-            </v-alert>
 
-            <div style="display: flex; align-items: center; justify-content: center; gap: 16px">
-                <div style="width: 100%;">
-                    <v-select v-if="metadata[metadataKey]?.options && !metadata[metadataKey]?.invisible"
-                        v-model="iterable[metadataKey]" variant="outlined" :items="metadata[metadataKey]?.options"
-                        :label="metadata[metadataKey]?.description + '(' + metadataKey + ')'" dense
-                        :disabled="metadata[metadataKey]?.readonly"></v-select>
-                    <v-text-field
-                        v-else-if="metadata[metadataKey]?.type === 'string' && !metadata[metadataKey]?.invisible"
-                        v-model="iterable[metadataKey]"
-                        :label="metadata[metadataKey]?.description + '(' + metadataKey + ')'" variant="outlined"
-                        dense></v-text-field>
-                    <v-text-field
-                        v-else-if="(metadata[metadataKey]?.type === 'int' || metadata[metadataKey]?.type === 'float') && !metadata[metadataKey]?.invisible"
-                        v-model="iterable[metadataKey]"
-                        :label="metadata[metadataKey]?.description + '(' + metadataKey + ')'" variant="outlined"
-                        dense></v-text-field>
-                    <v-textarea v-else-if="metadata[metadataKey]?.type === 'text' && !metadata[metadataKey]?.invisible"
-                        v-model="iterable[metadataKey]"
-                        :label="metadata[metadataKey]?.description + '(' + metadataKey + ')'" variant="outlined"
-                        dense></v-textarea>
-                    <v-switch v-else-if="metadata[metadataKey]?.type === 'bool' && !metadata[metadataKey]?.invisible"
-                        v-model="iterable[metadataKey]"
-                        :label="metadata[metadataKey]?.description + '(' + metadataKey + ')'" color="primary"
-                        inset></v-switch>
-                    <ListConfigItem
-                        v-else-if="metadata[metadataKey]?.type === 'list' && !metadata[metadataKey]?.invisible"
-                        :value="iterable[metadataKey]" 
-                        :label="metadata[metadataKey]?.description + '(' + metadataKey+ ')'"/>
-                    <div v-else-if="metadata[metadataKey]?.type === 'object' && !metadata[metadataKey]?.invisible"
-                        style="border: 1px solid #e0e0e0; padding: 8px; margin-bottom: 16px; border-radius: 10px;">
-                        <AstrBotConfig :metadata="metadata[metadataKey].items" :iterable="iterable[metadataKey]"
-                            :metadataKey=key>
-                        </AstrBotConfig>
+            <v-row>
+                <v-col cols="6">
+                    <v-list-item>
+                        <v-list-item-title style="font-size: 14px;">
+                            {{ metadata[metadataKey]?.description + '(' + metadataKey + ')' }}
+                            <v-chip v-if="!metadata[metadataKey]?.invisible" color="primary" label size="x-small"
+                                class="mb-1">{{
+                                    metadata[metadataKey]?.type }}
+                            </v-chip>
+                        </v-list-item-title>
+
+                        <v-list-item-subtitle style="font-size: 12px;">
+                            <span v-if="metadata[metadataKey]?.obvious_hint && metadata[metadataKey]?.hint">‼️</span>
+                            {{ metadata[metadataKey]?.hint }}
+                        </v-list-item-subtitle>
+                    </v-list-item>
+                </v-col>
+                <v-col cols="6">
+                    <div style="width: 100%;">
+                        <v-select v-if="metadata[metadataKey]?.options && !metadata[metadataKey]?.invisible"
+                            v-model="iterable[metadataKey]" variant="outlined" :items="metadata[metadataKey]?.options"
+                            dense :disabled="metadata[metadataKey]?.readonly" density="compact"></v-select>
+                        <v-text-field
+                            v-else-if="metadata[metadataKey]?.type === 'string' && !metadata[metadataKey]?.invisible"
+                            v-model="iterable[metadataKey]" variant="outlined" dense density="compact"></v-text-field>
+                        <v-text-field
+                            v-else-if="(metadata[metadataKey]?.type === 'int' || metadata[metadataKey]?.type === 'float') && !metadata[metadataKey]?.invisible"
+                            v-model="iterable[metadataKey]" variant="outlined" dense density="compact"></v-text-field>
+                        <v-textarea
+                            v-else-if="metadata[metadataKey]?.type === 'text' && !metadata[metadataKey]?.invisible"
+                            v-model="iterable[metadataKey]" variant="outlined" dense density="compact"></v-textarea>
+                        <v-switch
+                            v-else-if="metadata[metadataKey]?.type === 'bool' && !metadata[metadataKey]?.invisible"
+                            v-model="iterable[metadataKey]" color="primary"></v-switch>
+                        <ListConfigItem
+                            v-else-if="metadata[metadataKey]?.type === 'list' && !metadata[metadataKey]?.invisible"
+                            :value="iterable[metadataKey]" />
                     </div>
-                </div>
-
-                <div
-                    v-if="!metadata[metadataKey]?.obvious_hint && metadata[metadataKey]?.hint && !metadata[metadataKey]?.invisible">
-                    <v-btn icon size="x-small" style="margin-bottom: 22px;">
-                        <v-icon size="x-small">mdi-help</v-icon>
-                        <v-tooltip activator="parent" location="start">{{ metadata[metadataKey]?.hint
-                            }}</v-tooltip>
-                    </v-btn>
-                </div>
-
-                <div>
-                    <v-chip v-if="!metadata[metadataKey]?.invisible" color="primary">{{ metadata[metadataKey]?.type }}</v-chip>
-                </div>
-            </div>
+                </v-col>
+            </v-row>
         </div>
     </v-card-text>
 </template>
 
 <script>
-import { readonly } from 'vue';
 import ListConfigItem from './ListConfigItem.vue';
 
 export default {
diff --git a/dashboard/src/components/shared/ListConfigItem.vue b/dashboard/src/components/shared/ListConfigItem.vue
index 74ba445f2..9105b5724 100644
--- a/dashboard/src/components/shared/ListConfigItem.vue
+++ b/dashboard/src/components/shared/ListConfigItem.vue
@@ -1,93 +1,85 @@
 <template>
-    <div class="list-config-item">
-      <h3>{{ label }}</h3>
-      <v-list dense style="background-color: transparent;max-height: 300px; overflow-y: auto;" >
-        <v-list-item v-for="(item, index) in items" :key="index">
-          <v-list-item-content style="display: flex; justify-content: space-between;">
-            <v-list-item-title>
-                <v-chip>{{ item }}</v-chip>
-            </v-list-item-title>
-            <v-btn @click="removeItem(index)" variant="plain">
-              <v-icon>mdi-close</v-icon>
-            </v-btn>
-          </v-list-item-content>
-        </v-list-item>
-      </v-list>
-      <v-text-field
-        v-model="newItem"
-        label="添加新项，按回车确认添加"
-        @keyup.enter="addItem"
-        clearable
-        dense
-        hide-details
-        variant="outlined"
-      ></v-text-field>
+  <div class="list-config-item">
+    <v-list dense style="background-color: transparent;max-height: 300px; overflow-y: auto;">
+      <v-list-item v-for="(item, index) in items" :key="index">
+        <v-list-item-content style="display: flex; justify-content: space-between;">
+          <v-list-item-title>
+            <v-chip size="small" label color="primary">{{ item }}</v-chip>
+          </v-list-item-title>
+          <v-btn @click="removeItem(index)" variant="plain">
+            <v-icon>mdi-close</v-icon>
+          </v-btn>
+        </v-list-item-content>
+      </v-list-item>
+    </v-list>
+    <div style="display: flex; align-items: center;">
+      <v-text-field v-model="newItem" label="添加新项，按回车确认添加" @keyup.enter="addItem" clearable dense hide-details
+        variant="outlined" density="compact"></v-text-field>
+      <v-btn @click="addItem" text variant="tonal">
+        <v-icon>mdi-plus</v-icon>
+        添加
+      </v-btn>
     </div>
-  </template>
-  
-  <script>
-  export default {
-    name: 'ListConfigItem',
-    props: {
-      value: {
-        type: Array,
-        default: () => [],
-      },
-      label: {
-        type: String,
-        default: '',
-      },
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ListConfigItem',
+  props: {
+    value: {
+      type: Array,
+      default: () => [],
     },
-    data() {
-      return {
-        newItem: '',
-        items: this.value,
-      };
+    label: {
+      type: String,
+      default: '',
     },
-    watch: {
-      items(newVal) {
-        this.$emit('input', newVal);
-      },
+  },
+  data() {
+    return {
+      newItem: '',
+      items: this.value,
+    };
+  },
+  watch: {
+    items(newVal) {
+      this.$emit('input', newVal);
     },
-    methods: {
-      addItem() {
-        if (this.newItem.trim() !== '') {
-          this.items.push(this.newItem.trim());
-          this.newItem = '';
-        }
-      },
-      removeItem(index) {
-        this.items.splice(index, 1);
-      },
+  },
+  methods: {
+    addItem() {
+      if (this.newItem.trim() !== '') {
+        this.items.push(this.newItem.trim());
+        this.newItem = '';
+      }
     },
-  };
-  </script>
-  
-  <style scoped>
-  .list-config-item {
-    border: 1px solid #e0e0e0;
-    padding: 16px;
-    margin-bottom: 16px;
-    border-radius: 10px;
-    background-color: #ffffff;
-  }
-  
-  .list-config-item h3 {
-    margin-top: 0;
-    margin-bottom: 16px;
-    font-size: 18px;
-    font-weight: 500;
-  }
-  
-  .v-list-item {
-    padding: 0;
-  }
-  
-  .v-list-item-title {
-    font-size: 14px;
-  }
-  
-  .v-btn {
-    margin-left: 8px;
-  }
-  </style>
\ No newline at end of file
+    removeItem(index) {
+      this.items.splice(index, 1);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.list-config-item {
+  border: 1px solid #e0e0e0;
+  padding: 16px;
+  margin-bottom: 8px;
+  border-radius: 10px;
+  background-color: #ffffff;
+}
+
+.v-list-item {
+  padding: 0;
+}
+
+.v-list-item-title {
+  font-size: 14px;
+}
+
+.v-btn {
+  margin-left: 8px;
+}
+</style>
\ No newline at end of file
diff --git a/dashboard/src/views/ConfigPage.vue b/dashboard/src/views/ConfigPage.vue
index 48b866c0f..d7f0f4ecb 100644
--- a/dashboard/src/views/ConfigPage.vue
+++ b/dashboard/src/views/ConfigPage.vue
@@ -30,73 +30,79 @@ import config from '@/config';
   <!-- 可视化编辑 -->
   <v-card v-if="editorTab === 0">
     <v-tabs v-model="tab" align-tabs="left" color="deep-purple-accent-4">
-      <v-tab v-for="(val, key, index) in metadata" :key="index" :value="index" style="font-weight: 1000; font-size: 15px">
+      <v-tab v-for="(val, key, index) in metadata" :key="index" :value="index"
+        style="font-weight: 1000; font-size: 15px">
         {{ metadata[key]['name'] }}
       </v-tab>
     </v-tabs>
     <v-tabs-window v-model="tab">
       <v-tabs-window-item v-for="(val, key, index) in metadata" v-show="index == tab" :key="index">
         <v-container fluid>
-          <v-expansion-panels variant="accordion">
-            <v-expansion-panel v-for="(val2, key2, index2) in metadata[key]['metadata']">
-              <v-expansion-panel-title>
-                <h3>{{metadata[key]['metadata'][key2]['description']}}</h3>
-              </v-expansion-panel-title>
-              <v-expansion-panel-text v-if="metadata[key]['metadata'][key2]?.config_template">
-                <!-- 带有 config_template 的配置项 -->
 
-                <v-alert style="margin-top: 16px; margin-bottom: 16px" color="primary" variant="tonal" v-if="key2 === 'platform' || key2 === 'provider'">
-                  😄 消息平台适配器和服务提供商的配置已经迁移至更方便的独立页面！推荐前往左栏配置哦～
-                </v-alert>
+          <div v-for="(val2, key2, index2) in metadata[key]['metadata']">
+            <!-- <h3>{{ metadata[key]['metadata'][key2]['description'] }}</h3> -->
+            <div v-if="metadata[key]['metadata'][key2]?.config_template"
+              v-show="key2 !== 'platform' && key2 !== 'provider'">
+              <!-- 带有 config_template 的配置项 -->
+              <v-tabs style="margin-top: 16px;" align-tabs="left" color="deep-purple-accent-4"
+                v-model="config_template_tab">
+                <v-tab v-if="metadata[key]['metadata'][key2]?.tmpl_display_title"
+                  v-for="(item, index) in config_data[key2]" :key="index" :value="index">
+                  {{ item[metadata[key]['metadata'][key2]?.tmpl_display_title] }}
+                </v-tab>
+                <v-tab v-else v-for="(item, index) in config_data[key2]" :key="index + '_'" :value="index">
+                  {{ item.id }}({{ item.type }})
+                </v-tab>
+                <v-menu>
+                  <template v-slot:activator="{ props }">
+                    <v-btn variant="plain" size="large" v-bind="props">
+                      <v-icon>mdi-plus</v-icon>
+                    </v-btn>
+                  </template>
+                  <v-list @update:selected="addFromDefaultConfigTmpl($event, key, key2)">
+                    <v-list-item v-for="(item, index) in metadata[key]['metadata'][key2]?.config_template" :key="index"
+                      :value="index">
+                      <v-list-item-title>{{ index }}</v-list-item-title>
+                    </v-list-item>
+                  </v-list>
+                </v-menu>
+              </v-tabs>
+              <v-tabs-window v-model="config_template_tab">
+                <v-tabs-window-item v-for="(config_item, index) in config_data[key2]"
+                  v-show="config_template_tab === index" :key="index" :value="index">
+                  <v-container>
+                    <v-btn variant="tonal" rounded="xl" color="error" @click="deleteItem(key2, index)">
+                      删除这项
+                    </v-btn>
+
+                    <AstrBotConfig :metadata="metadata[key]['metadata']" :iterable="config_item" :metadataKey="key2">
+                    </AstrBotConfig>
+                  </v-container>
+                </v-tabs-window-item>
+              </v-tabs-window>
+            </div>
+
+            <div v-else>
+              <!-- 如果配置项是一个 object，那么 iterable 需要取到这个 object 的值，否则取到整个 config_data -->
+              <div v-if="metadata[key]['metadata'][key2]['type'] == 'object'" style="border: 1px solid #e0e0e0; padding: 8px; margin-bottom: 16px; border-radius: 10px">
+                <AstrBotConfig
+                  :metadata="metadata[key]['metadata']" :iterable="config_data[key2]" :metadataKey="key2">
+                </AstrBotConfig>
+              </div>
+              <AstrBotConfig v-else :metadata="metadata[key]['metadata']" :iterable="config_data" :metadataKey="key2">
+              </AstrBotConfig>
+            </div>
+
+          </div>
 
-                <v-tabs style="margin-top: 16px;" align-tabs="left" color="deep-purple-accent-4" v-model="config_template_tab">
-                  <v-tab v-if="metadata[key]['metadata'][key2]?.tmpl_display_title" v-for="(item, index) in config_data[key2]" :key="index" :value="index">
-                    {{ item[metadata[key]['metadata'][key2]?.tmpl_display_title] }}
-                  </v-tab>
-                  <v-tab v-else v-for="(item, index) in config_data[key2]" :key="index + '_'" :value="index">
-                    {{ item.id }}({{ item.type }})
-                  </v-tab>
-                  <v-menu>
-                    <template v-slot:activator="{ props }">
-                      <v-btn variant="plain" size="large" v-bind="props">
-                        <v-icon>mdi-plus</v-icon>
-                      </v-btn>
-                    </template>
-                    <v-list @update:selected="addFromDefaultConfigTmpl($event, key, key2)">
-                      <v-list-item v-for="(item, index) in metadata[key]['metadata'][key2]?.config_template" :key="index" :value="index">
-                        <v-list-item-title>{{ index }}</v-list-item-title>
-                      </v-list-item>
-                    </v-list>
-                  </v-menu>
-                </v-tabs>
-                <v-tabs-window v-model="config_template_tab">
-                  <v-tabs-window-item v-for="(config_item, index) in config_data[key2]" v-show="config_template_tab === index"
-                    :key="index" :value="index">
-                    <v-container>
-                      <v-btn variant="tonal" rounded="xl" color="error" @click="deleteItem(key2, index)">
-                        删除这项
-                      </v-btn>
 
-                      <AstrBotConfig :metadata="metadata[key]['metadata']" :iterable="config_item" :metadataKey="key2"></AstrBotConfig>
-                    </v-container>
-                  </v-tabs-window-item>
-                </v-tabs-window>
-              </v-expansion-panel-text>
-              <v-expansion-panel-text v-else>
-                <!-- 如果配置项是一个 object，那么 iterable 需要取到这个 object 的值，否则取到整个 config_data -->
-                <AstrBotConfig v-if="metadata[key]['metadata'][key2]['type'] == 'object'" :metadata="metadata[key]['metadata']" :iterable="config_data[key2]" :metadataKey="key2"></AstrBotConfig>
-                <AstrBotConfig v-else :metadata="metadata[key]['metadata']" :iterable="config_data" :metadataKey="key2"></AstrBotConfig>
-              </v-expansion-panel-text>
-            </v-expansion-panel>
 
-          </v-expansion-panels>
         </v-container>
       </v-tabs-window-item>
 
 
       <div style="margin-left: 16px; padding-bottom: 16px">
-        <small>不了解配置？请见 <a
-            href="https://astrbot.app/">官方文档</a>
+        <small>不了解配置？请见 <a href="https://astrbot.app/">官方文档</a>
           或 <a
             href="https://qm.qq.com/cgi-bin/qm/qr?k=EYGsuUTfe00_iOu9JTXS7_TEpMkXOvwv&jump_from=webapi&authKey=uUEMKCROfsseS+8IzqPjzV3y1tzy4AkykwTib2jNkOFdzezF9s9XknqnIaf3CDft">加群询问</a>。</small>
       </div>