From 81bd7e3cba0b5b555435c7f520e754303f2c525f Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 21 May 2024 12:08:33 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E7=9F=A5=E8=AF=86=E6=9D=A5=E6=BA=90?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8markdown=E9=A1=B5=E9=9D=A2=E6=98=BE=E7=A4=BA(?=
 =?UTF-8?q?#457)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-chat/ParagraphSourceDialog.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
index 2c8749dc3..abe090e94 100644
--- a/ui/src/components/ai-chat/ParagraphSourceDialog.vue
+++ b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -34,7 +34,11 @@
                   <div class="active-button primary">{{ item.similarity?.toFixed(3) }}</div>
                   <template #description>
                     <el-scrollbar height="90">
-                      {{ item.content }}
+                      <MdPreview
+                        ref="editorRef"
+                        editorId="preview-only"
+                        :modelValue="item.content"
+                      />
                     </el-scrollbar>
                   </template>
                   <template #footer>
@@ -67,6 +71,7 @@
 import { ref, watch, onBeforeUnmount } from 'vue'
 import { cloneDeep } from 'lodash'
 import { arraySort } from '@/utils/utils'
+import { MdPreview } from 'md-editor-v3'
 const emit = defineEmits(['refresh'])
 
 const ParagraphDialogRef = ref()
@@ -109,6 +114,12 @@ defineExpose({ open })
 @media only screen and (max-width: 768px) {
   .paragraph-source {
     width: 90% !important;
+    .footer-content {
+      display: block;
+    }
+    .paragraph-source-card {
+      height: 225px;
+    }
   }
 }
 </style>