* 特性
- 🌈 企业一级人工智能产品的最佳做法:基于RICH互动范式,提供出色的AI互动经验
- 🧩 弹性原子元件:覆盖大多数AI方案,帮助您快速构建个性化AI互动页面
- ✨ 流畅、可扩展和高性能的Markdown渲染器:支持流线公式,代码加亮,人鱼图等. @ ant- design/ x- 标记下
- 🚀 箱外模式/代理整合: 方便连接OpenAI兼容型号/代理服务 @ 蚂蚁设计/ x- sdk
- ⚡️ 高效管理大型模型数据流:提供方便的数据流管理功能,以更高效地开发 @ 蚂蚁设计/ x- sdk
- 📦 丰富的模板支持: 快速LUI应用开发的多模板 模板
- 🛡 全部类型脚本覆盖: 使用 TypeScript 开发,为更好的经验和可靠性提供完整的类型支持
- 🎨 深度主题定制: 各种情景中因个性化需要而细微的风格调整
* 安装
npm install @ant-design/x
yarn add @ant-design/x
pnpm add @ant-design/x
ut install @ant-design/x
浏览器使用
使用 script 财务报告和审定财务报表 link 标记以直接导入文件并使用全局变量 antdx。 。 。 .
Npm 软件包 数字 提供目录 antdx.js, (中文(简体) ), antdx.min.js,以及 antdx.min.js.map。 。 。 .
强烈建议不使用已建文件 因为它们不支持按需加载,并且可能无法快速获得对基础依赖的bug修复.
说明:
antdx.js财务报告和审定财务报表antdx.min.js取决于react, (中文(简体) ),react-dom, (中文(简体) ),dayjs, (中文(简体) ),antd, (中文(简体) ),@ant-design/cssinjs,以及@ant-design/icons请确保先导入这些文件 .
原子组件
基于RICH交互范式,我们为不同的交互阶段提供了许多原子组件来帮助您灵活地构建你的AI应用:
以下是使用原子组件构建对话框的简单例子:
import React from 'react';
import {
// Message bubble
Bubble,
// Sender box
Sender,
} from '@ant-design/x';
const messages = [
{
key: 'message_1',
content: 'Hello, Ant Design X!',
role: 'user',
},
{
key: 'x_message_1',
content: 'Hello, I am Ant Design X!',
role: 'x',
},
];
const role = {
// Bubble position: end
x: {
placement: 'end',
},
};
const App = () => (
<div>
<Bubble.List items={messages} role={role} />
<Sender />
</div>
);
export default App;
模型/代理集成和高效数据流管理
@ant-design/x-sdk 为AI应用程序数据流的出箱管理提供一系列工具API. 详情见 这里。 。 。 .
Markdown 渲染器
@ant-design/x-markdown 目的是提供一个流畅、可扩展和高性能的Markdown渲染器。 支持流线公式,代码突出显示,人鱼图等. 详情见 这里。 。 。 .
点播加载
@ant-design/x 默认支持基于 ES 模块的树摇动.
类型脚本
@ant-design/x 以 TypeScript 书写,并提供完整的定义文件.
谁在用
Ant Design X在Ant Group内部的AI驱动用户界面中被广泛使用. 如果你的公司或产品使用Ant Design X,请随意留言 这里。 。 。 .
地方发展
# Install utoo
$ npm i -g utoo
# Install project dependencies (by utoo)
$ ut [install]
# Start project
$ ut start # Method 1: Start via main package script
$ ut start --workspace packages/x # Method 2: Start via workspace parameter
$ ut start --workspace @ant-design/x # Method 3: Start via package.name (utoo only)
$ cd packages/x && ut start # Method 4: Start in subpackage directory
# Add dependencies
$ ut install [pkg@version] # Add dependency to main package
$ ut install [pkg@version] --workspace packages/x # Add dependency to subpackage
$ cd packages/x && ut install [pkg@version] # Add dependency to subpackage
# Update dependencies
$ ut update # utoo only
如何贡献
在以任何形式参加之前,请先阅读 贡献者指南。如果你想作出贡献,请随意提交 拉请求 或者说 报告错误。 。 。 .
高度推荐读取 如何问问题 明智的方式, (中文(简体) ), 开放源码社区如何提问, (中文(简体) ), 如何有效报告臭虫,以及 如何向开源项目提交无法解决的问题 为了更好的帮助.
社区支助
如果在使用过程中遇到问题,您可通过下列渠道寻求帮助。 我们还鼓励有经验的用户通过这些渠道帮助新来者.
在 GitHub 讨论中提问时,请使用 Q&A 标签.