import { useXAgent } from '@ant-design/x';

// ... react env
const [agent] = useXAgent({
  baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
  model: 'qwen-plus',
  // 请谨慎在生产环境使用！
  dangerouslyApiKey: 'DASHSCOPE_API_KEY',
});

function request() {
  agent.request(
    {
      // 对话消息
      messages: [
        {
          role: 'user',
          content: 'Hello',
        },
      ],
      // 是否流式渲染
      stream: true,
    },
    {
      // 成功回调
      onSuccess: (sseChunks) => {
        // 在请求完成时触发
        // 这里将得到已经解析好的 sseChunks
      },
      onError: (error) => {
        // 在请求异常时触发
      },
      onUpdate: (sse) => {
        // 在流更新时触发
        // 这里将得到已经解析好的 sse 对象
      },
    },
  );
}

import { XRequest } from '@ant-design/x';

const xRequest = XRequest({
  baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
  model: 'qwen-plus',
  // 请谨慎在生产环境使用！
  dangerouslyApiKey: 'DASHSCOPE_API_KEY',
});

function request() {
  xRequest.create(
    {
      // 对话消息
      messages: [
        {
          role: 'user',
          content: 'Hello',
        },
      ],
      // 是否流式渲染
      stream: true,
    },
    {
      // 成功回调
      onSuccess: (sseChunks) => {
        // 在请求完成时触发
        // 这里将得到已经解析好的 sseChunks
      },
      onError: (error) => {
        // 在请求异常时触发
      },
      onUpdate: (sse) => {
        // 在流更新时触发
        // 这里将得到已经解析好的 sse 对象
      },
    },
  );
}