-
@@ -23,6 +29,9 @@ interface Props {
const { msg } = defineProps
()
const md = new MarkdownIt({
+ html: true,
+ linkify: true,
+ typographer: true,
highlight: function (str: string, lang: string) {
if (lang && hljs.getLanguage(lang)) {
try {
@@ -33,6 +42,18 @@ const md = new MarkdownIt({
return hljs.highlightAuto(str).value;
}
});
+
const compiledMarkdown = computed(() => md.render(msg.messageContent))
+const compiledList = computed(() => {
+ return (msg.messageContentList || []).map((m: string) => md.render(m || ''))
+})
+
+const compiledAt = (index: number): string => {
+ const list: string[] = (compiledList as any).value || []
+ if (list[index]) return list[index]
+ const raw = msg?.messageContentList?.[index] || ''
+ return md.render(raw || '')
+}
+
\ No newline at end of file
diff --git a/src/renderer/views/home/model/ChatModel.ts b/src/renderer/views/home/model/ChatModel.ts
index 2955c9c..3354c76 100644
--- a/src/renderer/views/home/model/ChatModel.ts
+++ b/src/renderer/views/home/model/ChatModel.ts
@@ -16,6 +16,8 @@ export class ChatMessage {
messageRole: MessageRole;
// 消息内容
messageContent: string;
+ // 消息内容列表（用于流式更新）
+ messageContentList: string[];
// 是否加载中
isLoading?: boolean;
// 是否完成
@@ -31,6 +33,7 @@ export class ChatMessage {
messageId: string,
messageRole: MessageRole,
messageContent: string,
+ messageContentList: string[] = [],
isLoading: boolean = false,
finished: boolean = false,
toolCall?: any,
@@ -40,6 +43,7 @@ export class ChatMessage {
this.messageId = messageId;
this.messageRole = messageRole;
this.messageContent = messageContent;
+ this.messageContentList = messageContentList;
this.isLoading = isLoading;
this.finished = finished;
this.toolCall = toolCall;