ant-design / pro-chat

🤖 Components Library for Quickly Building LLM Chat Interfaces.
https://pro-chat.antdigital.dev
MIT License
649 stars 78 forks source link

在对话窗口内,是否是否支持图表和表格展示? #191

Open 1144075799 opened 3 months ago

1144075799 commented 3 months ago

我这里有一个需求,就是在机器人对话的过程中,机器人根据我的接口返回的值,输出对应的图表和表格?就是文字、表格、图表【折线图、柱状图、饼图】这些的,请问现在是否支持这个功能

ONLY-yours commented 3 months ago

支持的 @1144075799

参考这里:https://pro-chat.antdigital.dev/guide/chat-item-render-config

从逻辑上说,我们支持任何 React 组件的渲染,不管是各种,只要前端写的出来,我们就支持

Sunshine-Zanilia commented 3 months ago

支持的 @1144075799

参考这里:https://pro-chat.antdigital.dev/guide/chat-item-render-config

从逻辑上说,我们支持任何 React 组件的渲染,不管是各种,只要前端写的出来,我们就支持

返回的数据是markdown 正常显示 有个问题是内容没有显示全 右边还有部分数据没有展示出来 但是没有左右横向的滚动条 如何设置左右横向的滚动条? 还有个问题 助手的回复内容框能不能定格 WechatIMG196

ONLY-yours commented 3 months ago

@Sunshine-Zanilia 我这边一切良好,感觉是一些 Css 问题? image

开 devtools 看下试试通过 css 改一改

Sunshine-Zanilia commented 3 months ago

@Sunshine-Zanilia 我这边一切良好,感觉是一些 Css 问题? image

开 devtools 看下试试通过 css 改一改

image 这样更直观的看到 直接截断了

Sunshine-Zanilia commented 3 months ago

@Sunshine-Zanilia 我这边一切良好,感觉是一些 Css 问题? image

开 devtools 看下试试通过 css 改一改

image 它是整个对齐截断的 我应该怎么调能够有个横滑的滚动条 contentRender: (_, defaultContent) => { console.log("defaultContent",defaultContent) return ( <div style={{ overflowX: 'scroll' }}

{defaultContent}

); },