本期亮点

最新发布的 MateChat V1.10.0 版本新增文件列表组件重新生成功能等特性,希望这个版本为你带来全新的体验!

核心功能升级(新特性)

新增文件列表组件

1、基本用法

McFileList 组件的核心功能是接收一个文件对象数组,并将它们渲染为信息卡片。通过 fileItems 属性传入数据,并可使用 context 属性控制其在不同场景下的外观,详情点击文件列表组件Demo

文件列表组件最新.PNG

2、不同上下文与状态

McFileList 提供了两种上下文模式和多种文件状态,以适应不同业务场景。

  • input: 通常用于文件上传选择器下方,每个文件项右上角会显示删除按钮。
  • dialog: 通常用于对话历史记录中展示已发送的文件,外观更简洁。

不同上下文与状态最新.PNG

3、事件处理与交互

McFileList 通过触发事件来响应用户交互,允许你轻松实现自定义逻辑。

  • @remove: 在 context="input" 模式下,点击删除按钮时触发。
  • @preview: 点击可预览文件时触发。
  • @download: 点击下载按钮时触发。
  • @retry-upload: 点击上传失败文件的“重试”按钮时触发。
  • @retry-download: 点击下载失败文件的“重试”按钮时触发

事件处理与交互.PNG

支持重新生成答案

重新生成新5.PNG

支持McInput组件在点击发送按钮或者回车后是否清空输入框

头像支持插槽

输入框可配置高度自适应

优化与修复

  • 块级公式 ...... 无法正确渲染,被code渲染视图抢先渲染成为 math 标签
  • 聊天窗体展示布局有问题
  • 公式插件渲染公式无效果
  • 模型输出过程中,滚动条会一直滚动到底部
  • 使用demo生成的演示效果,”加载中效果“没有显示
  • McInput,在safari浏览器中,在中文输入法下按 Enter 时,消息会被发送
  • 输入框回车事件无法根据逻辑来确定是否执行
  • html元素渲染丢失
  • 当渲染的数学公式特别多的时候,界面下方会出现大量空间

贡献者荣誉

感谢这些优秀的贡献者(GitCode ID):

  • @八角螃蟹_lzh(新增文件列表组件)
  • @行言(支持重新生成功能)
  • @Zhangfuchuan(支持McInput组件在点击发送按钮或者回车后,是否自动清空输入)
  • @LovableCat(头像支持插槽)
  • @xbghc(输入框可配置高度自适应)

立即体验

两种方式快速上手体验:

  1. Web端直接访问官网示例项目:matechat.com演示
  2. MateChat本地应用集成:使用 MateChat cli快速集成到你的应用中,可参考使用指南

加入我们

MateChat 正在快速发展,我们欢迎更多开发者加入:

  • DevUI微信小助手:devui-official(添加时请备注MateChat)
  • 代码仓库地址:gitcode.com/DevCloudFE/…
本站提供的所有下载资源均来自互联网,仅提供学习交流使用,版权归原作者所有。如需商业使用,请联系原作者获得授权。 如您发现有涉嫌侵权的内容,请联系我们 邮箱:[email protected]