From 9d1004f6198a8b634e510aea27d558d20779f7be Mon Sep 17 00:00:00 2001 From: mimaoxiao <1142809915@qq.com> Date: Mon, 30 Mar 2026 20:00:25 +0800 Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9Etail=E5=8A=9F?= =?UTF-8?q?=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../chat/chat-markdown/README.md | 5 ++ .../chat-markdown/_example/chat-markdown.json | 5 +- .../chat-markdown/_example/chat-markdown.wxml | 3 + .../chat/chat-markdown/_example/tail/index.js | 45 ++++++++++++ .../chat-markdown/_example/tail/index.json | 5 ++ .../chat-markdown/_example/tail/index.wxml | 4 ++ .../chat-markdown/_example/tail/index.wxss | 4 ++ .../chat-markdown-node.wxml | 5 +- .../chat/chat-markdown/chat-markdown.less | 16 +++++ .../chat/chat-markdown/chat-markdown.ts | 60 ++++++++++++++++ .../chat/chat-markdown/props.ts | 5 ++ .../pro-components/chat/chat-markdown/type.ts | 19 ++++++ .../chat-markdown-node/chat-markdown-node.vue | 6 ++ .../chat/chat-markdown/README.md | 5 ++ .../chat-markdown/_example/chat-markdown.vue | 5 ++ .../chat-markdown/_example/tail/index.vue | 68 +++++++++++++++++++ .../chat/chat-markdown/chat-markdown.less | 17 +++++ .../chat/chat-markdown/chat-markdown.vue | 49 ++++++++++++- .../chat/chat-markdown/props.ts | 5 ++ .../chat/chat-markdown/type.ts | 11 +++ 20 files changed, 338 insertions(+), 4 deletions(-) create mode 100644 packages/pro-components/chat/chat-markdown/_example/tail/index.js create mode 100644 packages/pro-components/chat/chat-markdown/_example/tail/index.json create mode 100644 packages/pro-components/chat/chat-markdown/_example/tail/index.wxml create mode 100644 packages/pro-components/chat/chat-markdown/_example/tail/index.wxss create mode 100644 packages/uniapp-pro-components/chat/chat-markdown/_example/tail/index.vue diff --git a/packages/pro-components/chat/chat-markdown/README.md b/packages/pro-components/chat/chat-markdown/README.md index c324024cb4..0a34bda09e 100644 --- a/packages/pro-components/chat/chat-markdown/README.md +++ b/packages/pro-components/chat/chat-markdown/README.md @@ -54,6 +54,10 @@ isComponent: true {{ refer }} +### 05 流式输出光标 + +{{ tail }} + ## API ### ChatMarkdown Props @@ -63,6 +67,7 @@ isComponent: true style | Object | - | 样式 | N custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场景 | N content | String | - | 必需。markdown 内容文本 | Y +streaming | Object | - | 流式输出配置，控制光标显示。TS 类型：`TdChatStreamingConfig` `interface TdChatStreamingConfig { hasNextChunk?: boolean; tail?: boolean \| { content?: string } }`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/pro-components/chat/chat-markdown/type.ts) | N options | Object | { gfm: true, pedantic: false, breaks: true } | Markdown 解析器基础配置。TS 类型：`TdChatContentMDOptions ` `interface TdChatContentMDOptions {gfm?: boolean; pedantic?: boolean; smartLists?: boolean; breaks?: boolean}`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/packages/pro-components/chat/chat-markdown/type.ts) | N ### ChatMarkdown Events diff --git a/packages/pro-components/chat/chat-markdown/_example/chat-markdown.json b/packages/pro-components/chat/chat-markdown/_example/chat-markdown.json index 9ee8ba68a2..49da464511 100644 --- a/packages/pro-components/chat/chat-markdown/_example/chat-markdown.json +++ b/packages/pro-components/chat/chat-markdown/_example/chat-markdown.json @@ -6,6 +6,7 @@ "code": "./code", "sheet": "./sheet", "url": "./url", - "refer": "./refer" + "refer": "./refer", + "tail": "./tail" } -} +} \ No newline at end of file diff --git a/packages/pro-components/chat/chat-markdown/_example/chat-markdown.wxml b/packages/pro-components/chat/chat-markdown/_example/chat-markdown.wxml index 96a5a9b949..bfd31c71db 100644 --- a/packages/pro-components/chat/chat-markdown/_example/chat-markdown.wxml +++ b/packages/pro-components/chat/chat-markdown/_example/chat-markdown.wxml @@ -23,4 +23,7 @@ + + + diff --git a/packages/pro-components/chat/chat-markdown/_example/tail/index.js b/packages/pro-components/chat/chat-markdown/_example/tail/index.js new file mode 100644 index 0000000000..81d738c84c --- /dev/null +++ b/packages/pro-components/chat/chat-markdown/_example/tail/index.js @@ -0,0 +1,45 @@ +import markdownData from '../base/mock2.js'; + +const CHUNK_SIZE = 5; +const INTERVAL_MS = 80; + +Page({ + data: { + content: '', + streaming: { hasNextChunk: false, tail: true }, + }, + + onLoad() { + this.startStreaming(); + }, + + startStreaming() { + let index = 0; + + this.setData({ + content: '', + streaming: { hasNextChunk: true, tail: true }, + }); + + const timer = setInterval(() => { + index += CHUNK_SIZE; + const isDone = index >= markdownData.length; + this.setData({ + content: markdownData.slice(0, index), + streaming: { hasNextChunk: !isDone, tail: true }, + }); + if (isDone) clearInterval(timer); + }, INTERVAL_MS); + }, + + handleReplay() { + this.startStreaming(); + }, + + handleNodeTap(e) { + const { node } = e.detail; + if (node && node.type === 'image') { + wx.previewImage({ urls: [node.href], current: node.href }); + } + }, +}); diff --git a/packages/pro-components/chat/chat-markdown/_example/tail/index.json b/packages/pro-components/chat/chat-markdown/_example/tail/index.json new file mode 100644 index 0000000000..47f9538a81 --- /dev/null +++ b/packages/pro-components/chat/chat-markdown/_example/tail/index.json @@ -0,0 +1,5 @@ +{ + "usingComponents": { + "t-chat-markdown": "tdesign-miniprogram/chat-markdown/chat-markdown" + } +} \ No newline at end of file diff --git a/packages/pro-components/chat/chat-markdown/_example/tail/index.wxml b/packages/pro-components/chat/chat-markdown/_example/tail/index.wxml new file mode 100644 index 0000000000..91bd0c2abe --- /dev/null +++ b/packages/pro-components/chat/chat-markdown/_example/tail/index.wxml @@ -0,0 +1,4 @@ + + + + diff --git a/packages/pro-components/chat/chat-markdown/_example/tail/index.wxss b/packages/pro-components/chat/chat-markdown/_example/tail/index.wxss new file mode 100644 index 0000000000..700cf8b154 --- /dev/null +++ b/packages/pro-components/chat/chat-markdown/_example/tail/index.wxss @@ -0,0 +1,4 @@ +.chat-example-block { + background-color: var(--td-bg-color-container); + padding: 32rpx; +} diff --git a/packages/pro-components/chat/chat-markdown/chat-markdown-node/chat-markdown-node.wxml b/packages/pro-components/chat/chat-markdown/chat-markdown-node/chat-markdown-node.wxml index f3ce92f2f1..b746d2b3b5 100644 --- a/packages/pro-components/chat/chat-markdown/chat-markdown-node/chat-markdown-node.wxml +++ b/packages/pro-components/chat/chat-markdown/chat-markdown-node/chat-markdown-node.wxml @@ -55,7 +55,10 @@ - {{''+item.raw+''}} + + {{''+item.raw+''}} + {{item.tailContent}} + diff --git a/packages/pro-components/chat/chat-markdown/chat-markdown.less b/packages/pro-components/chat/chat-markdown/chat-markdown.less index 8c8e8ec3f4..7d27694276 100644 --- a/packages/pro-components/chat/chat-markdown/chat-markdown.less +++ b/packages/pro-components/chat/chat-markdown/chat-markdown.less @@ -189,4 +189,20 @@ border: 1rpx solid @component-border; } } + + // 流式输出尾部光标 + &-tail { + display: inline-block; + animation: chat-markdown-tail-blink 1s step-start infinite; + } +} + +@keyframes chat-markdown-tail-blink { + 0%, + 100% { + opacity: 1; + } + 50% { + opacity: 0; + } } diff --git a/packages/pro-components/chat/chat-markdown/chat-markdown.ts b/packages/pro-components/chat/chat-markdown/chat-markdown.ts index 3fce2f5c3a..8b4bf3b628 100644 --- a/packages/pro-components/chat/chat-markdown/chat-markdown.ts +++ b/packages/pro-components/chat/chat-markdown/chat-markdown.ts @@ -7,6 +7,55 @@ import { TdChatMarkdownProps } from './type'; const { prefix } = config; const name = `${prefix}-chat-markdown`; +const DEFAULT_TAIL_CONTENT = '▋'; + +/** 解析 tail 参数，返回光标字符；不需要显示时返回 null */ +function resolveTailContent(tail?: boolean | { content?: string }): string | null { + if (!tail) return null; + if (typeof tail === 'boolean') return DEFAULT_TAIL_CONTENT; + return tail.content || DEFAULT_TAIL_CONTENT; +} + +/** + * 将列表项的子 tokens 展平，供 injectTailToTokens 递归使用。 + * marked 的 list token 结构：list.items[].tokens（而非 list.tokens） + */ +function flatListItems(items: any[]): any[] { + return items.reduce((result: any[], item: any) => { + if (item.tokens?.length) result.push(...item.tokens); + return result; + }, []); +} + +/** + * 从后往前遍历 token 树，找到最后一个非空 text 叶子节点，打上 isTail 标记。 + * - 有子节点（tokens / items）时优先递归 + * - 末尾是 code / table / image 等非 text 节点时静默跳过，不注入 + * @returns 是否成功注入 + */ +function injectTailToTokens(tokens: any[], tailChar: string): boolean { + for (let i = tokens.length - 1; i >= 0; i -= 1) { + const token = tokens[i]; + // 优先递归子节点 + let children: any[] | null = null; + if (token.tokens?.length) { + children = token.tokens; + } else if (token.items?.length) { + children = flatListItems(token.items); + } + if (children?.length) { + if (injectTailToTokens(children, tailChar)) return true; + } + // 叶子文本节点且内容非空 + if (token.type === 'text' && (token.text || token.raw)?.trim()) { + token.isTail = true; + token.tailContent = tailChar; + return true; + } + } + return false; +} + export interface ChatMarkdownProps extends TdChatMarkdownProps {} @wxComponent() @@ -28,6 +77,10 @@ export default class ChatMarkdown extends SuperComponent { content: function (markdown: string) { this.parseMarkdown(markdown); }, + // streaming 变化时重新解析（如 hasNextChunk 从 true 变 false，光标消失） + streaming: function () { + this.parseMarkdown(this.data.content); + }, }; methods = { @@ -37,6 +90,13 @@ export default class ChatMarkdown extends SuperComponent { const lexer = new Lexer(this.data.options); const tokens = lexer.lex(markdown); + // 尾部光标注入 + const { streaming } = this.data; + const tailChar = resolveTailContent(streaming?.tail); + if (streaming?.hasNextChunk && tailChar) { + injectTailToTokens(tokens, tailChar); + } + this.setData({ nodes: tokens }); } catch (error) { console.error('Markdown parsing error:', error); diff --git a/packages/pro-components/chat/chat-markdown/props.ts b/packages/pro-components/chat/chat-markdown/props.ts index 5bcc8967f5..e83ec446e2 100644 --- a/packages/pro-components/chat/chat-markdown/props.ts +++ b/packages/pro-components/chat/chat-markdown/props.ts @@ -17,6 +17,11 @@ const props: TdChatMarkdownProps = { type: Object, value: { gfm: true, pedantic: false, breaks: true }, }, + /** 流式输出配置 */ + streaming: { + type: Object, + value: null, + }, }; export default props; diff --git a/packages/pro-components/chat/chat-markdown/type.ts b/packages/pro-components/chat/chat-markdown/type.ts index adf560d5a4..5e59a07d01 100644 --- a/packages/pro-components/chat/chat-markdown/type.ts +++ b/packages/pro-components/chat/chat-markdown/type.ts @@ -22,6 +22,13 @@ export interface TdChatMarkdownProps { type: ObjectConstructor; value?: TdChatContentMDOptions; }; + /** + * 流式输出配置，控制尾部光标的显示与隐藏 + */ + streaming?: { + type: ObjectConstructor; + value?: TdChatMarkdownStreamingOption; + }; } export interface TdChatContentMDOptions { @@ -30,3 +37,15 @@ export interface TdChatContentMDOptions { smartLists?: boolean; breaks?: boolean; } + +export interface TdChatMarkdownTailOption { + /** 自定义光标字符，默认 '▋' */ + content?: string; +} + +export interface TdChatMarkdownStreamingOption { + /** 是否还有后续内容块，false 时光标消失 */ + hasNextChunk: boolean; + /** 尾部光标配置，true 使用默认光标 ▋，false/不传则不显示 */ + tail?: boolean | TdChatMarkdownTailOption; +} diff --git a/packages/uniapp-pro-components/chat/chat-markdown-node/chat-markdown-node.vue b/packages/uniapp-pro-components/chat/chat-markdown-node/chat-markdown-node.vue index 24c5fa02e0..8604ff805e 100644 --- a/packages/uniapp-pro-components/chat/chat-markdown-node/chat-markdown-node.vue +++ b/packages/uniapp-pro-components/chat/chat-markdown-node/chat-markdown-node.vue @@ -149,6 +149,12 @@ {{ '' + item.raw + '' }} + + {{ item.tailContent }} + diff --git a/packages/uniapp-pro-components/chat/chat-markdown/README.md b/packages/uniapp-pro-components/chat/chat-markdown/README.md index 055c98ef01..7127c267f1 100644 --- a/packages/uniapp-pro-components/chat/chat-markdown/README.md +++ b/packages/uniapp-pro-components/chat/chat-markdown/README.md @@ -43,6 +43,10 @@ import TChatMarkdown from '@tdesign/uniapp-chat/chat-markdown/chat-markdown.vue' {{ refer }} +### 05 流式输出光标 + +{{ tail }} + ## API ### ChatMarkdown Props @@ -51,6 +55,7 @@ import TChatMarkdown from '@tdesign/uniapp-chat/chat-markdown/chat-markdown.vue' -- | -- | -- | -- | -- custom-style | Object | - | 自定义样式 | N content | String | - | 必需。markdown 内容文本 | Y +streaming | Object | - | 流式输出配置，控制光标显示。TS 类型：`TdChatStreamingConfig` `interface TdChatStreamingConfig { hasNextChunk?: boolean; tail?: boolean \| { content?: string } }`。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-pro-components/chat/chat-markdown/type.ts) | N options | Object | { gfm: true, pedantic: false, breaks: true } | Markdown 解析器基础配置。TS 类型：`TdChatContentMDOptions ` `interface TdChatContentMDOptions {gfm?: boolean; pedantic?: boolean; smartLists?: boolean; breaks?: boolean}`。[详细类型定义](https://github.com/tencent/tdesign-miniprogram/blob/develop/packages/uniapp-pro-components/chat/chat-markdown/type.ts) | N ### ChatMarkdown Events diff --git a/packages/uniapp-pro-components/chat/chat-markdown/_example/chat-markdown.vue b/packages/uniapp-pro-components/chat/chat-markdown/_example/chat-markdown.vue index 95c1875c92..3386b69da7 100644 --- a/packages/uniapp-pro-components/chat/chat-markdown/_example/chat-markdown.vue +++ b/packages/uniapp-pro-components/chat/chat-markdown/_example/chat-markdown.vue @@ -34,6 +34,9 @@ + + + @@ -45,6 +48,7 @@ import CodeDemo from './code/index.vue'; import SheetDemo from './sheet/index.vue'; import UrlDemo from './url/index.vue'; import ReferDemo from './refer/index.vue'; +import TailDemo from './tail/index.vue'; export default { @@ -55,6 +59,7 @@ export default { SheetDemo, UrlDemo, ReferDemo, + TailDemo, }, data() { return {}; diff --git a/packages/uniapp-pro-components/chat/chat-markdown/_example/tail/index.vue b/packages/uniapp-pro-components/chat/chat-markdown/_example/tail/index.vue new file mode 100644 index 0000000000..c45d9efd0a --- /dev/null +++ b/packages/uniapp-pro-components/chat/chat-markdown/_example/tail/index.vue @@ -0,0 +1,68 @@ + + + + diff --git a/packages/uniapp-pro-components/chat/chat-markdown/chat-markdown.less b/packages/uniapp-pro-components/chat/chat-markdown/chat-markdown.less index 09defedb2e..e02148a879 100644 --- a/packages/uniapp-pro-components/chat/chat-markdown/chat-markdown.less +++ b/packages/uniapp-pro-components/chat/chat-markdown/chat-markdown.less @@ -150,6 +150,12 @@ border: 1rpx solid @component-border; } + // 流式输出尾部光标 + &-tail { + display: inline-block; + animation: chat-markdown-tail-blink 1s step-start infinite; + } + // 表格样式 .@{chat-markdown-table}__container { display: table; @@ -190,3 +196,14 @@ } } } + +@keyframes chat-markdown-tail-blink { + 0%, + 100% { + opacity: 1; + } + + 50% { + opacity: 0; + } +} diff --git a/packages/uniapp-pro-components/chat/chat-markdown/chat-markdown.vue b/packages/uniapp-pro-components/chat/chat-markdown/chat-markdown.vue index 7831cff1f4..487cc84441 100644 --- a/packages/uniapp-pro-components/chat/chat-markdown/chat-markdown.vue +++ b/packages/uniapp-pro-components/chat/chat-markdown/chat-markdown.vue @@ -22,9 +22,44 @@ import props from './props'; import tools from '@tdesign/uniapp/common/utils.wxs'; import { uniComponent } from '@tdesign/uniapp/common/src/index'; - const name = `${prefix}-chat-markdown`; +const DEFAULT_TAIL_CONTENT = '▋'; + +function resolveTailContent(tail) { + if (!tail) return null; + if (typeof tail === 'boolean') return DEFAULT_TAIL_CONTENT; + return tail.content || DEFAULT_TAIL_CONTENT; +} + +function flatListItems(items) { + return items.reduce((result, item) => { + if (item.tokens?.length) result.push(...item.tokens); + return result; + }, []); +} + +function injectTailToTokens(tokens, tailChar) { + for (let i = tokens.length - 1; i >= 0; i -= 1) { + const token = tokens[i]; + let children = null; + if (token.tokens?.length) { + children = token.tokens; + } else if (token.items?.length) { + children = flatListItems(token.items); + } + if (children?.length) { + if (injectTailToTokens(children, tailChar)) return true; + } + if (token.type === 'text' && (token.text || token.raw)?.trim()) { + token.isTail = true; + token.tailContent = tailChar; + return true; + } + } + return false; +} + export default { components: { chatMarkdownNode, @@ -56,6 +91,12 @@ export default { immediate: true, deep: true, }, + streaming: { + handler() { + this.parseMarkdown(this.content); + }, + deep: true, + }, }, methods: { @@ -72,6 +113,12 @@ export default { const tokens = lexer.lex(markdown); + // 尾部光标注入 + const tailChar = resolveTailContent(this.streaming?.tail); + if (this.streaming?.hasNextChunk && tailChar) { + injectTailToTokens(tokens, tailChar); + } + this.nodes = tokens; } catch (error) { // 解析失败时，将原始文本作为普通文本显示 diff --git a/packages/uniapp-pro-components/chat/chat-markdown/props.ts b/packages/uniapp-pro-components/chat/chat-markdown/props.ts index 4eaccdcdd1..3723a0d1e6 100644 --- a/packages/uniapp-pro-components/chat/chat-markdown/props.ts +++ b/packages/uniapp-pro-components/chat/chat-markdown/props.ts @@ -16,6 +16,11 @@ export default { type: Object, default: () => ({ gfm: true, pedantic: false, breaks: true }), }, + /** 流式输出配置 */ + streaming: { + type: Object, + default: () => null, + }, /** 点击链接时触发 */ onClick: { type: Function, diff --git a/packages/uniapp-pro-components/chat/chat-markdown/type.ts b/packages/uniapp-pro-components/chat/chat-markdown/type.ts index da3890d2b0..d099eab6e4 100644 --- a/packages/uniapp-pro-components/chat/chat-markdown/type.ts +++ b/packages/uniapp-pro-components/chat/chat-markdown/type.ts @@ -15,12 +15,23 @@ export interface TdChatMarkdownProps { * @default { gfm: true, pedantic: false, breaks: true } */ options?: TdChatContentMDOptions; + /** + * 流式输出配置 + */ + streaming?: TdChatStreamingConfig; /** * 点击链接时触发 */ onClick?: (context: TdMarkdownClickContext) => void; } +export interface TdChatStreamingConfig { + /** 是否还有下一个数据块，控制光标显隐 */ + hasNextChunk?: boolean; + /** 尾部光标配置，true 使用默认光标 ▋，传对象可自定义光标字符 */ + tail?: boolean | { content?: string }; +} + export interface TdChatContentMDOptions { gfm?: boolean; pedantic?: boolean; From 2aa5ffa06321c68fd27c50165d117e7dbf7acabf Mon Sep 17 00:00:00 2001 From: mimaoxiao <1142809915@qq.com> Date: Mon, 30 Mar 2026 20:23:31 +0800 Subject: [PATCH 2/3] =?UTF-8?q?feat:=20list=E7=A4=BA=E4=BE=8B=E6=9B=B4?= =?UTF-8?q?=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../chat/chat-content/chat-content.wxml | 2 +- .../chat/chat-list/_example/docs/index.js | 2 ++ .../chat/chat-list/_example/docs/index.wxml | 17 ++++++++++++-- .../chat/chat-content/chat-content.vue | 1 + .../chat/chat-list/_example/docs/index.vue | 22 +++++++++++++++++-- 5 files changed, 39 insertions(+), 5 deletions(-) diff --git a/packages/pro-components/chat/chat-content/chat-content.wxml b/packages/pro-components/chat/chat-content/chat-content.wxml index 10a3b3a443..95a9e26639 100644 --- a/packages/pro-components/chat/chat-content/chat-content.wxml +++ b/packages/pro-components/chat/chat-content/chat-content.wxml @@ -10,7 +10,7 @@ - + diff --git a/packages/pro-components/chat/chat-list/_example/docs/index.js b/packages/pro-components/chat/chat-list/_example/docs/index.js index 179cbcad68..ef39efe05a 100644 --- a/packages/pro-components/chat/chat-list/_example/docs/index.js +++ b/packages/pro-components/chat/chat-list/_example/docs/index.js @@ -189,6 +189,7 @@ Component({ }, ], }, + markdownProps: { streaming: { hasNextChunk: true, tail: true } }, chatId: getUniqueKey(), }; @@ -208,6 +209,7 @@ Component({ complete() { that.setData({ 'chatList[0].message.status': 'complete', + 'chatList[0].markdownProps': {}, loading: false, }); }, diff --git a/packages/pro-components/chat/chat-list/_example/docs/index.wxml b/packages/pro-components/chat/chat-list/_example/docs/index.wxml index 3a22faae84..eba40e61f3 100644 --- a/packages/pro-components/chat/chat-list/_example/docs/index.wxml +++ b/packages/pro-components/chat/chat-list/_example/docs/index.wxml @@ -6,12 +6,25 @@ avatar="{{item.avatar || ''}}" name="{{item.name || ''}}" datetime="{{item.datetime || ''}}" - content="{{item.message.content}}" role="{{item.message.role}}" - chatContentProps="{{chatContentProps}}" placement="{{item.message.role === 'user' ? 'right' : 'left'}}" bind:message-longpress="showPopover" > + + + + + diff --git a/packages/uniapp-pro-components/chat/chat-list/_example/docs/index.vue b/packages/uniapp-pro-components/chat/chat-list/_example/docs/index.vue index 8c4204f6c4..e1b391ac76 100644 --- a/packages/uniapp-pro-components/chat/chat-list/_example/docs/index.vue +++ b/packages/uniapp-pro-components/chat/chat-list/_example/docs/index.vue @@ -14,12 +14,28 @@ :avatar="item.avatar || ''" :name="item.name || ''" :datetime="item.datetime || ''" - :content="item.message.content" :role="item.message.role" - :chat-content-props="chatContentProps" :placement="item.message.role === 'user' ? 'right' : 'left'" @message-longpress="showPopover" > +