ChatUI 3.0 正式发布,“对话式交互”开源组件库


ChatUI 是服务于对话领域的设计和开发体系,助力智能对话机器人的搭建。

特性

  • 最佳实践:基于阿里小蜜业务积累和打磨的对话式交互最佳实践
  • TypeScript:使用 TypeScript 开发,提供完整的类型定义文件
  • 响应式:响应式布局,在无线和 PC 端都可以友好展现
  • 障碍:支持无障碍,已通过深圳市无障碍研究会的认证
  • 主题:支持灵活的样式定制,以满足业务和品牌上多样化的视觉需求
  • 国际化:支持多语言和本土化特性

ChatUI 3.0 已于近日正式发布,本次升级围绕「自然」、「高效」、「沉浸」三大核心原则展开系统性优化。

此版本还引入了众多全新组件,极大地提升了构建对话应用的便捷性和高效性。尤为值得一提的是「输入中」系列组件,其中包含了备受期待的打字机效果。

部分新组件:

  • 新增 Typing 组件,用于服务端消息响应速度比较慢时,展示处理中的状态,缓解用户等待焦虑:

  • 新增 TypingBubble 组件,让气泡内容以打字效果呈现:

同时也提供了 useTypewriter 方便在其它组件里使用:

const { typedContent, isTyping } = useTypewriter('内容详情', { interval: 50, step: 1 });

  • 新增 Think 组件,用于展示大模型思考过程:

  • 新增 useTitleTyping,用于导航栏和标题交替展示,模拟对方正在输入文字:

  • 新增 CardHeader 组件,让卡片头部可以自定义更加丰富的内容:

除此之外还新增了 ScrollGridSkeletonBackBottomQuote 等组件,具体可以通过官网组件文档查看。

ChatUI 3.0 还带来了对深色模式的支持,只需要配置 colorScheme 即可启用:

export default () => {
  return (
    <Chat
      // - auto 自动(跟随系统)
      // - light 浅色
      // - dark 深色
      colorScheme="auto"
      {...other}
    />
  );
};

详情查看文档:https://chatui.io/docs/quick-start


相關推薦

2023-02-18

​​​​​​关于 FlyFish FlyFish 是云智慧公司自主设计、研发的一款低门槛、高拓展性的低代码应用开发平台, 为数据可视化开发场景提供了高效的一站式解决方案。飞鱼提供丰富的组件和应用模板库, 可通过拖拉拽的形

2023-06-15

学家和软件工程师联合开发,完全开源。 Tremor 3.0 日前正式发布,带来了人们期待已久的一堆新功能。 通过 tailwind.config.js 进行全面的全局主题设计 一个开箱即用的黑暗模式 一个新的 tremor CLI,帮助你更快地设置项目

2023-05-06

云片、网易云) V6.3.0版本更新 2023年05月05日ModStartCMS发布v6.3.0版本,增加了以下13个特性: [新功能] 用户PC端在线充值功能 [新功能] Echarts基础库升级5.4.2 [新功能] UEditorPlus升级3.1.0 [新功能] ManyRelation组件,支持

2022-10-08

更新内容: [修复] layer 组件 v-model 默认为 true 时弹出层不显示的问题。 [修复] layer 组件 success 回调函数属性默认显示时不触发的问题。 [修复] layer 组件 msg 调用 content-height 内容高度计算不正确。 [修复] layer 组件 btn 与 close 操

2022-10-04

更新内容: [新增] avatar 组件 default 插槽, 支持文本头像, 用于复杂场景。 [新增] avatar 组件 icon 属性, 用于展示 iconfont 头像, 默认值为 layui-icon-username。 [新增] tree 组件 checkStrictly 属性, 开启复选框时解除父子联动关系, 默认为 fal

2022-10-16

更新内容: [新增] datePicker 组件 type 属性为 date 与 datetime 时, 支持时间戳传入。 [新增] menu 组件 ident 属性, 用于开启目录缩进与缩进尺寸。 [新增] table 组件 column 配置 total-row-method 属性, 用于自定义列统计逻辑。 [修复] upload 组

2024-07-11

橙单3.0 首先感谢开源PHP的平台,也感谢大家的阅读与关注。橙单赠人玫瑰,手有余香,希望我们的免费代码生成工具可以为更多的开发者带来更多的学习和休息时间。 创业维艰,在过去的一年中,我们团队在大家的帮助下和

2022-11-19

,为用户们提前带来了一些新的功能体验。今天,APISIX 正式发布了 3.0.0 版本,将产品从体验和功能角度,带到了新一轮的进程中。 经过迭代的 3.0.0 正式版与此前 3.0.0-beta 预览版相比: 新增了 Consumer Group,可以更方便地管理

2023-08-30

于 Vue 3.0 的桌面端组件库 Element Plus。 Element 2.15.14 现已正式发布,该版本更新内容如下: Bug 修复 Img 删除 referrerpolicy 属性 (#22651) 优化 Docs 更新 readme and website example links (#22642) 更新 popper 官方文档链接 (#22539)

2023-02-14

于 Vue 3.0 的桌面端组件库 Element Plus。 Element 2.15.13 现已正式发布,该版本更新内容如下: Bug 修复 Docs 修复 Statistic 文案 (#22383 ) 修复 Input 文案 (#22093 ) 修复 en-US 文案 (#22268 #22269 #22270 ) 修复 Pagination 文案 (#22288 ) 修

2022-09-14

于 Vue 3.0 的桌面端组件库 Element Plus。 Element 2.15.10 现已正式发布,该版本更新内容如下: Bug 修复 DatePicker 修复 props placement 报错信息 问题 (#21908 by @lqzhgood) Loading 修复 使用 Loading 的DOM元素 sticky失效 问题 (#2

2022-06-07

基于 Vue 3.0 的桌面端组件库 Element Plus。 Element 2.15.9 现已正式发布,该版本更新内容如下: Bug 修复 Table 表头抖动修复 (#21863 by @bofeng) 按需引用时 el-checkbox not imported 修复 (#21828 by @bobohuochai) Form

2025-04-19

“自今年三月份开始,Layui 的版本迭代突然加速,接连发布了许多具有重要意义的更新,其中包含的一些新特性,也为 Layui 2 增添了一定的「生命力」” 动态 关于 Layui 不同版本的浏览器兼容说明:https://layui.dev/notes/browse

2022-12-13

Vant 4.0 上周发布了正式版。发布公告写道,这是 Vant 自 2017 年开源以来发布的第四个重要版本。 在本次迭代中,Vant 支持了深色模式,增加五个新组件,改善工具函数 API 并重构 Picker 等组件,同时继续在轻量化和易用性方面做