优化多个组件的远程加载逻辑，移除不必要的属性绑定，增强错误处理机制，提升用户体验。

src/components/dialog/PluginConfigDialog.vue

@@ -46,9 +46,6 @@ const isRefreshed = ref(false)
 // 渲染模式: 'vuetify' 或 'vue'
 const renderMode = ref('vuetify')
 
-// 远程组件加载错误
-const remoteComponentError = ref<Error | string | null>(null)
-
 // Vue 模式：动态加载的组件
 const dynamicComponent = defineAsyncComponent({
   // 工厂函数
@@ -61,46 +58,28 @@ const dynamicComponent = defineAsyncComponent({
       // 动态加载远程组件
       const module = await loadRemoteComponent(props.plugin.id, 'Config')
 
-      // 返回组件
-      return module.default
+      // 直接返回加载的组件，无需再获取default
+      return module
     } catch (error) {
       console.error('加载远程组件失败:', error)
-      remoteComponentError.value = error instanceof Error ? error.message : String(error)
-      // 返回一个简单的错误组件
-      return {
-        template: `
-          <div class="pa-4">
-            <VAlert type="error" title="组件加载失败">
-              无法加载远程组件: {{ error }}
-            </VAlert>
-          </div>
-        `,
-        props: ['error'],
-        setup() {
-          return { error: remoteComponentError.value }
-        },
-      }
     }
   },
   // 加载中显示的组件
   loadingComponent: {
     template: '<VSkeletonLoader type="card"></VSkeletonLoader>',
   },
-  // 如果加载组件超时
-  timeout: 10000,
-  // 在显示loadingComponent之前的延迟 | 默认值：200（毫秒）
-  delay: 200,
-  // 定义组件是否可挂起 | 默认值：true
-  suspensible: false,
-  onError(error, retry, fail, attempts) {
-    if (attempts <= 3) {
-      // 重试3次
-      retry()
-    } else {
-      // 超过重试次数后不再重试
-      fail()
-    }
+  // 添加错误处理
+  errorComponent: {
+    template: `
+      <div class="pa-4">
+        <VAlert type="error" title="组件加载错误">
+          无法加载组件，请稍后再试
+        </VAlert>
+      </div>
+    `,
   },
+  // 添加超时设置
+  timeout: 20000,
 })
 
 //调用API读取UI和配置数据
@@ -110,7 +89,6 @@ async function loadPluginUIData() {
   pluginFormItems = []
   pluginConfigForm.value = {}
   renderMode.value = 'vuetify'
-  remoteComponentError.value = null
 
   try {
     // 获取UI定义
@@ -184,9 +162,6 @@ onBeforeMount(async () => {
         <!-- Vue 渲染模式 -->
         <div v-else-if="renderMode === 'vue'">
           <component :is="dynamicComponent" :initial-config="pluginConfigForm" @save="handleVueComponentSave" />
-          <div v-if="remoteComponentError">
-            <v-alert type="error" title="组件加载失败"> 无法加载远程组件: {{ remoteComponentError }} </v-alert>
-          </div>
         </div>
       </VCardText>
       <VCardActions class="pt-3">

src/components/dialog/PluginDataDialog.vue

@@ -29,9 +29,6 @@ const renderMode = ref('vuetify')
 // 插件数据页面配置项
 let pluginPageItems = ref([])
 
-// 远程组件加载错误
-const remoteComponentError = ref<Error | string | null>(null)
-
 // Vue 模式：动态加载的组件
 const dynamicComponent = defineAsyncComponent({
   // 工厂函数
@@ -44,46 +41,27 @@ const dynamicComponent = defineAsyncComponent({
       // 动态加载远程组件
       const module = await loadRemoteComponent(props.plugin.id, 'Page')
 
-      // 返回组件
-      return module.default
+      return module
     } catch (error) {
       console.error('加载远程组件失败:', error)
-      remoteComponentError.value = error instanceof Error ? error.message : String(error)
-      // 返回一个简单的错误组件
-      return {
-        template: `
-          <div class="pa-4">
-            <VAlert type="error" title="组件加载失败">
-              无法加载远程组件: {{ error }}
-            </VAlert>
-          </div>
-        `,
-        props: ['error'],
-        setup() {
-          return { error: remoteComponentError.value }
-        },
-      }
     }
   },
   // 加载中显示的组件
   loadingComponent: {
     template: '<VSkeletonLoader type="card"></VSkeletonLoader>',
   },
-  // 如果加载组件超时
-  timeout: 10000,
-  // 在显示loadingComponent之前的延迟 | 默认值：200（毫秒）
-  delay: 200,
-  // 定义组件是否可挂起 | 默认值：true
-  suspensible: false,
-  onError(error, retry, fail, attempts) {
-    if (attempts <= 3) {
-      // 重试3次
-      retry()
-    } else {
-      // 超过重试次数后不再重试
-      fail()
-    }
+  // 添加错误处理
+  errorComponent: {
+    template: `
+      <div class="pa-4">
+        <VAlert type="error" title="组件加载错误">
+          无法加载组件，请稍后再试
+        </VAlert>
+      </div>
+    `,
   },
+  // 添加超时设置
+  timeout: 20000,
 })
 
 // 调用API读取数据页面UI
@@ -91,7 +69,6 @@ async function loadPluginUIData() {
   isRefreshed.value = false
   pluginPageItems.value = []
   renderMode.value = 'vuetify'
-  remoteComponentError.value = null
 
   try {
     const result: { [key: string]: any } = await api.get(`plugin/page/${props.plugin?.id}`)
@@ -134,9 +111,6 @@ onMounted(() => {
         <!-- Vue 渲染模式 -->
         <div v-else-if="renderMode === 'vue'">
           <component :is="dynamicComponent" @action="handleAction" />
-          <div v-if="remoteComponentError">
-            <v-alert type="error" title="组件加载失败"> 无法加载远程组件: {{ remoteComponentError }} </v-alert>
-          </div>
         </div>
       </VCardText>
       <VFab