Ant Design X Vue Next

Community continuation of ant-design-x-vue, aligning follow-up features with @ant-design/x.

Ant Design X For Vue. 🔥 English

这里是 Ant Design X 的 Vue 实现（社区续作）。

仓库： https://github.com/XiaShus/ant-design-x-vue-next
文档站： https://ant-design-x-vue-next-524.netlify.app
npm： https://www.npmjs.com/package/ant-design-x-vue-next

上游：

• Vue 原版：https://github.com/wzc520pyfm/ant-design-x-vue
• React 对齐目标：https://github.com/ant-design/x（当前 @ant-design/[email protected]）

✨ 特性

• 🌈 基于 RICH 交互范式，提供卓越的 AI 交互体验
• 🧩 覆盖绝大部分 AI 对话场景，助力快速构建个性化 AI 交互页面
• ⚡ 轻松对接符合 OpenAI 标准的模型推理服务
• 🔄 提供好用的数据流管理功能，让开发更高效
• 📦 提供多种模板，快速启动 LUI 应用开发
• 🛡 采用 TypeScript 开发，提供完整类型支持，提升开发体验与可靠性
• 🎨 支持细粒度的样式调整，满足各种场景的个性化需求

📦 安装

$ npm i ant-design-vue ant-design-x-vue-next

$ yarn add ant-design-vue ant-design-x-vue-next

$ pnpm add ant-design-vue ant-design-x-vue-next

开发阶段也可继续使用源码别名 ant-design-x-vue（与原仓库兼容）。

从上游包迁移请看：从 ant-design-x-vue 迁移。

🔨 示例

<script setup lang="ts">
import { Bubble, XProvider } from 'ant-design-x-vue-next';
</script>

<template>
  <Bubble content="Hello AI" />
</template>

🧭 对齐进度（相对 @ant-design/x 2.9）

| 组件 / 包 | Vue Next | React @ant-design/x | | --- | --- | --- | | Bubble / Sender / Conversations / … | ✅（继承 1.6.0） | ✅ | | Think | ✅（本仓库新增） | ✅ | | Sources | ✅（本仓库新增） | ✅ | | FileCard | ✅（本仓库新增） | ✅ | | Folder | ✅（本仓库新增） | ✅ | | Notification | ✅（本仓库新增） | ✅ | | CodeHighlighter | ✅（本仓库新增） | ✅ | | Mermaid | ✅（本仓库新增） | ✅ | | XMarkdown（安全 / 流式缓存 / LaTeX / Animation） | ✅（本仓库新增） | ✅（官方为独立包） | | OpenAI / DeepSeek Provider / conversationKey | ✅（本仓库新增） | ✅（@ant-design/x-sdk） | | XMCPClient | ✅（本仓库新增） | ✅（@ant-design/x-sdk） | | XCard A2UI v0.9 | ✅（本仓库新增） | ✅（@ant-design/x-card） | | AbstractChatProvider 完整栈 / x-skill | ⏳ | ✅ |

⌨️ 开发

# install dependencies
$ pnpm install

# develop library by docs demo
$ pnpm docs:dev

# build library source code
$ pnpm run build

# build docs code
$ pnpm run docs:build

# Locally preview the production build.
$ pnpm run docs:preview

# Lint
$ pnpm lint

🔗 链接

• Vue
• Ant Design Vue
• Ant Design X (React)
• 原 Vue 仓库

📄 LICENSE

MIT