From f58743efbca8548e461e9a57f6934c00fc91f684 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=9D=E5=B0=98?= <237809796@qq.com>
Date: Sun, 14 Jun 2026 22:16:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D:=20AR-1=20=E6=B5=81=E5=BC=8F?=
 =?UTF-8?q?=20Markdown=20=E5=85=A8=E9=87=8F=E9=87=8D=E8=A7=A3=E6=9E=90?=
 =?UTF-8?q?=E6=8E=89=E5=B8=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

renderMd 加 isStreaming 参数:流式态(streaming 中 currentText)纯文本(escapeHtml+<br>)不 parse,避免每 delta 全量 marked.parse+DOMPurify.sanitize 致主线程阻塞掉帧;不缓存流式文本(每 delta 变,污染缓存);完成后再走 markdown 一次 parse
来源 aichat审查报告 第一章 H1 P0;vue-tsc 0 err
---
 src/components/AiChat.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/AiChat.vue b/src/components/AiChat.vue
index e9f9bd9..b36e121 100644
--- a/src/components/AiChat.vue
+++ b/src/components/AiChat.vue
@@ -197,7 +197,7 @@
                 class="ai-msg-bubble ai-msg-bubble--ai ai-md"
                 :class="{ 'ai-msg-bubble--error': msg.isError }"
               >
-                <div v-html="renderMd(isLastAi(msg) && store.state.currentText ? store.state.currentText : msg.content)"></div>
+                <div v-html="renderMd(isLastAi(msg) && store.state.currentText ? store.state.currentText : msg.content, isLastAi(msg) && store.state.streaming)"></div>
                 <span v-if="isLastAi(msg) && isViewingGenerating" class="ai-cursor"></span>
               </div>
               <!-- 流式开始但尚无文本时显示光标 -->
@@ -344,14 +344,16 @@ function escapeHtml(text: string): string {
   return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
 }
 
-function renderMd(text: string): string {
+function renderMd(text: string, isStreaming = false): string {
   if (!text) return ''
+  // 流式态纯文本(AR-1):避免每 delta 全量 marked.parse+sanitize 致主线程阻塞掉帧;
+  // 不缓存流式文本(每 delta 变,缓存无收益且污染),仅 escapeHtml + 换行转 <br>;完成后再走 markdown
+  if (isStreaming || !mdReady.value || !_marked || !_purify) {
+    return escapeHtml(text).replace(/\n/g, '<br>')
+  }
   const cached = _mdCache.get(text)
   if (cached !== undefined) return cached
-  // 依赖 mdReady 使加载完成后自动重渲染；未就绪时先以纯文本兜底
-  const html = (!mdReady.value || !_marked || !_purify)
-    ? escapeHtml(text)
-    : _purify.sanitize(_marked.parse(text) as string)
+  const html = _purify.sanitize(_marked.parse(text) as string)
   if (_mdCache.size > 200) _mdCache.clear()
   _mdCache.set(text, html)
   return html