From f4ab540d2952ec676a5d1478b1ed12da0b52081a Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 26 Jul 2023 17:47:38 +0800
Subject: [PATCH] fix render

---
 src/components/cards/PluginCard.vue  | 2 +-
 src/components/render/PageRender.vue | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 90e60ae8..81a8b6cc 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -158,7 +158,7 @@ const dropdownItems = ref([
     >
       <div class="me-n3 absolute top-0 right-3">
         <IconBtn>
-          <VIcon icon="mdi-dots-vertical" />
+          <VIcon icon="mdi-dots-vertical" class="text-white" />
           <VMenu
             activator="parent"
             close-on-content-click
diff --git a/src/components/render/PageRender.vue b/src/components/render/PageRender.vue
index fbe35e8c..7cd5130c 100644
--- a/src/components/render/PageRender.vue
+++ b/src/components/render/PageRender.vue
@@ -5,6 +5,7 @@ import { type PropType, ref } from 'vue'
 interface RenderProps {
   component: string
   text: string
+  html: string
   content?: any
   props?: any
 }
@@ -19,6 +20,7 @@ const elementProps = defineProps({
 const formItem = ref<RenderProps>(elementProps.config || {
   component: 'div',
   text: '',
+  html: '',
   props: {},
   content: [],
 })
@@ -27,6 +29,7 @@ const formItem = ref<RenderProps>(elementProps.config || {
 <template>
   <Component
     :is="formItem.component"
+    v-if="!formItem.html"
     v-bind="formItem.props"
   >
     {{ formItem.text }}
@@ -36,4 +39,10 @@ const formItem = ref<RenderProps>(elementProps.config || {
       :config="innerItem"
     />
   </Component>
+  <Component
+    :is="formItem.component"
+    v-if="!formItem.content && formItem.html"
+    v-bind="formItem.props"
+    v-html="formItem.html"
+  />
 </template>