From ae83fce5244d4f3671ac040939417d81d0d7f960 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 11 Apr 2024 10:12:50 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=9C=BA=E5=99=A8?=
 =?UTF-8?q?=E4=BA=BA=E5=9B=9E=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/store/markdown.js         |  2 +-
 .../components/dialog-markdown/markdown.less  | 21 ++++++++++++-------
 .../sass/pages/components/dialog-wrapper.scss |  5 ++++-
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/resources/assets/js/store/markdown.js b/resources/assets/js/store/markdown.js
index 0ad76430b..aaae75157 100644
--- a/resources/assets/js/store/markdown.js
+++ b/resources/assets/js/store/markdown.js
@@ -25,7 +25,7 @@ const MarkdownUtils = {
 
 export function MarkdownConver(text) {
     if (text === '...') {
-        return '<p><span class="input-blink"></span>&nbsp;</p>'
+        return '<div class="input-blink"></div>'
     }
     if (MarkdownUtils.mdi === null) {
         MarkdownUtils.mdi = new MarkdownIt({
diff --git a/resources/assets/sass/pages/components/dialog-markdown/markdown.less b/resources/assets/sass/pages/components/dialog-markdown/markdown.less
index 39518129a..fe0b4d613 100644
--- a/resources/assets/sass/pages/components/dialog-markdown/markdown.less
+++ b/resources/assets/sass/pages/components/dialog-markdown/markdown.less
@@ -74,14 +74,19 @@ body {
         }
 
         .input-blink {
-            position: absolute;
-            content: '';
-            display: inline-block;
-            width: 2px;
-            height: 16px;
-            top: 50%;
-            transform: translateY(-50%);
-            animation: blink-animate 1.2s infinite steps(1, start);
+            width: 10px;
+            height: 20px;
+            position: relative;
+            &:before {
+                position: absolute;
+                content: '';
+                display: inline-block;
+                width: 2px;
+                height: 16px;
+                top: 50%;
+                transform: translateY(-50%);
+                animation: blink-animate 1.2s infinite steps(1, start);
+            }
         }
     }
 
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index bd4a58ace..2ea0d2cb9 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -578,7 +578,9 @@
         }
 
         .item-leave {
-            pre, code {
+            pre,
+            code,
+            .markdown-body {
                 visibility: hidden;
             }
         }
@@ -774,6 +776,7 @@
                             }
 
                             .markdown-body {
+                                min-height: 20px;
                                 line-height: 20px;
                             }