feat: close #680 lazy load markdown dom

This commit is contained in:
Yidadaa
2023-04-12 23:27:28 +08:00
parent 9146b98285
commit d790b0b372
3 changed files with 59 additions and 43 deletions

View File

@@ -672,22 +672,18 @@ export function Chat(props: {
</div>
</div>
)}
{(message.preview || message.content.length === 0) &&
!isUser ? (
<LoadingIcon />
) : (
<div
className="markdown-body"
style={{ fontSize: `${fontSize}px` }}
onContextMenu={(e) => onRightClick(e, message)}
onDoubleClickCapture={() => {
if (!isMobileScreen()) return;
setUserInput(message.content);
}}
>
<Markdown content={message.content} />
</div>
)}
<Markdown
content={message.content}
loading={
(message.preview || message.content.length === 0) &&
!isUser
}
onContextMenu={(e) => onRightClick(e, message)}
onDoubleClickCapture={() => {
if (!isMobileScreen()) return;
setUserInput(message.content);
}}
/>
</div>
{!isUser && !message.preview && (
<div className={styles["chat-message-actions"]}>