导言
@ant-design/x-sdk 提供一套工具API,旨在帮助开发者管理AI对话应用数据流出框.
* 安装
npm install @ant-design/x-sdk
yarn add @ant-design/x-sdk
pnpm add @ant-design/x-sdk
ut install @ant-design/x-sdk
浏览器导入
使用 script 财务报告和审定财务报表 link 在浏览器中直接导入文件的标签,并使用全局变量 XSDK。 。 。 .
我们提供 x-sdk.js, (中文(简体) ), x-sdk.min.js,以及 x-sdk.min.js.map 在 npm 软件包的 dist 目录中.
强烈建议不使用已建文件,因为这样可以防止按需加载,并使得对基础依赖模块难以获得快速的bug修复.
说明:
x-sdk.js, (中文(简体) ),x-sdk.min.js,以及x-sdk.min.js.map取决于react财务报告和审定财务报表react-dom请确保提前导入这些文件.
示例
import React from 'react';
import { XRequest } from '@ant-design/x-sdk';
export default () => {
const [status, setStatus] = React.useState('');
const [lines, setLines] = React.useState<Record<string, string>[]>([]);
React.useEffect(() => {
setStatus('pending');
XRequest('https://api.example.com/chat', {
params: {
model: 'gpt-3.5-turbo',
messages: [{ role: 'user', content: 'hello, who are u?' }],
stream: true,
},
callbacks: {
onSuccess: (messages) => {
setStatus('success');
console.log('onSuccess', messages);
},
onError: (error) => {
setStatus('error');
console.error('onError', error);
},
onUpdate: (msg) => {
setLines((pre) => [...pre, msg]);
console.log('onUpdate', msg);
},
},
});
}, []);
return (
<div>
<div>Status: {status}</div>
<div>Lines: {lines.length}</div>
</div>
);
};
企业级LLM组件 离开盒子
@ant-design/x 基于 RICH 交互范式,为不同的相互作用阶段提供一组丰富的原子组件,帮助您灵活地构建自己的AI应用. 详情见 这里。 。 。 .
Markdown 渲染器
@ant-design/x-markdown 目的是提供流畅、可扩展和高性能的Markdown渲染器。 它支持流线渲染公式,代码突出,美人鱼等. 详情见 这里。 。 。 .
如何贡献
在以任何形式参加之前,请先阅读 贡献者指南。如果你想作出贡献,请随意提交 拉请求 或者说 报告错误。 。 。 .
我们强烈推荐阅读 如何问问题 明智的方式, (中文(简体) ), 开放源码社区如何提问, (中文(简体) ), 如何有效报告臭虫,以及 如何向开源项目提交无法回答的问题更好的问题更有可能得到帮助.
社区支助
如果在使用过程中遇到问题,您可通过下列渠道寻求帮助。 我们还鼓励有经验的用户通过这些渠道帮助新来者.
在询问关于GitHub讨论的问题时,建议使用 Q&A 标签.