用途:帮助用户在 Vue 3 项目中集成和使用 element-ai-vue 组件库,构建企业级 AI 交互界面,如聊天对话、Markdown 展示、代码高亮、打字机效果、思考过程展示和文件上传。
主要能力:提供 ElAMarkdown(Markdown 渲染,支持代码高亮、KaTeX 数学公式、Mermaid 图表)、ElABubble(对话气泡,支持打字机效果与 Markdown)、ElABubbleList(自动滚动消息列表)、ElASender(基于 Tiptap 的富文本输入框,支持文件粘贴)、ElAThinking(可折叠思考过程)、ElAThoughtChain(思维链可视化)、useTyperwriter Hook(逐字显示)、文件上传组件(ElAFilesUpload、ElADragUpload、ElAFilesCard、useFileOperation)、ElACodeHighlight(Shiki 代码高亮)、ElACodeMermaid(Mermaid 图表)、ElAOverflowToolbar(溢出工具栏)。
使用方式:安装 pnpm install element-ai-vue 或 npm install element-ai-vue;必须在 main.ts 中导入样式 import 'element-ai-vue/dist/index.css'。基础用法为在模板中使用 ElABubble 显示消息、ElASender 作为输入框,通过 placement 区分用户(end)与 AI(start),AI 消息设置 is-markdown。打字机效果可设置 typing 并持续更新 content,或使用 useTyperwriter Hook。文件上传需手动更新 progress 和 uploadingStatus。
适用场景:AI 聊天界面、流式文本展示、Markdown 文档渲染、代码与图表展示、带文件上传的对话应用。
限制:资料未提供收费、价格、平台兼容性等具体信息;需注意必须导入 CSS,打字机需 typing 且持续更新 content,文件上传需手动维护状态。