From dbd1315a9e13165970e0a9174b0b1c1bac2257fa Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 24 Jul 2023 17:27:09 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E6=8F=92=E4=BB=B6=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/PluginCard.vue  | 20 +++++++++++++-------
 src/components/render/FormRender.vue |  8 ++++++--
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 7416ccb4..6d0f7c32 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -119,12 +119,6 @@ function showPluginInfo() {
 
 // 显示插件配置
 async function showPluginConfig() {
-  // 加载插件表单
-  await loadPluginForm()
-  // 加载插件配置
-  loadPluginConf()
-  // 加载详情数据
-  loadPluginPage()
   // 显示对话框
   pluginConfigDialog.value = true
 }
@@ -141,6 +135,13 @@ const dropdownItems = ref([
     },
   },
 ])
+
+// 加载插件配置
+onBeforeMount(async () => {
+  await loadPluginForm()
+  await loadPluginConf()
+  await loadPluginPage()
+})
 </script>
 
 <template>
@@ -207,7 +208,12 @@ const dropdownItems = ref([
     <VCard :title="`插件 - ${props.plugin?.plugin_name}`">
       <DialogCloseBtn @click="pluginConfigDialog = false" />
       <VCardText>
-        <FormRender v-for="(item, index) in pluginFormItems" :key="index" :config="item" :form="pluginConfigForm" />
+        <FormRender
+          v-for="(item, index) in pluginFormItems"
+          :key="index"
+          :config="item"
+          :form="pluginConfigForm"
+        />
       </VCardText>
       <VCardActions>
         <VBtn v-if="pluginPageItems.length > 0" @click="showPluginInfo">
diff --git a/src/components/render/FormRender.vue b/src/components/render/FormRender.vue
index 08d684a0..f1b72a8b 100644
--- a/src/components/render/FormRender.vue
+++ b/src/components/render/FormRender.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { type PropType, ref } from 'vue'
 
-// 组件配置
+// 组件接口
 interface RenderProps {
   component: string
   content?: any
@@ -26,7 +26,11 @@ const formData = ref<any>(elementProps.form || {})
 </script>
 
 <template>
-  <Component :is="formItem.component" v-bind="formItem.props" v-model="formData[formItem.props?.model || '']">
+  <Component
+    :is="formItem.component"
+    v-bind="formItem.props"
+    v-model="formData[formItem.props?.model || '']"
+  >
     <FormRender
       v-for="(innerItem, innerIndex) in (formItem.content || [])"
       :key="innerIndex"