到底以哪个文档为主？

[yyt520]

https://x.ant.design/x-markdowns/introduce-cn
https://ant-design-x.antgroup.com/x-markdowns/components-data-cn

我发现@ant-design/x-markdown 文档有两份，内容不一样，我到底以哪种用法参考为主呢？请告知，比如配合 GPT-VIS 在流式过程中展示 Loading 状态，流式结束后展示最终结果。 这个用法在x-markdowns是可用的吗

[dosubot]

Hi @yyt520! I'm Dosu and I’m helping the x team.

以 x.ant.design 为主。这是官方文档的主要来源，而 ant-design-x.antgroup.com 是镜像站点。

关于你的需求——配合 GPT-VIS 在流式过程中展示 Loading 状态，流式结束后展示最终结果——x-markdowns 完全支持！

实现方式：

import { Line } from '@antv/gpt-vis';
import { XMarkdown } from '@ant-design/x-markdown';
import { Skeleton } from 'antd';

const LineComponent = (props) => {
  const { children, streamstatus } = props;
  
  // 流式过程中显示 Loading
  if (streamstatus === 'loading') {
    return <Skeleton.Image active style={{ width: 901, height: 408 }} />;
  }
  
  // 流式结束后展示图表
  const parsedData = JSON.parse(children);
  return <Line data={parsedData} />;
};

<XMarkdown
  content={content}
  streaming={{ hasNextChunk }}  // 控制流式状态
  components={{ 'custom-line': LineComponent }}
/>

核心是通过 streaming.hasNextChunk 控制流式状态，自定义组件会收到 streamstatus 属性（'loading' 或 'done'），从而实现你需要的效果。

详细用法可参考 DataChart 组件文档。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}

   

[Div627]

@yyt520 Hi，以 https://x.ant.design/x-markdowns/introduce-cn 为准。
https://ant-design-x.antgroup.com/x-markdowns/components-data-cn 是内网站点，需发版后更新。
外网站点（x.ant.design）在文档更新后会自动部署，保持最新。
两处站点的 x-markdown 核心功能完全一致。
关于 GPT-VIS 流式展示用法：
该用法在 x-markdowns 中是可用的。您可以参考外网最新文档中的组件属性与事件回调（如 loading 状态控制或内容流式渲染接口），配合 GPT-VIS 实现“流式过程中展示 Loading 状态，结束后展示最终结果”的交互效果。

[yyt520]

https://x.ant.design/x-markdowns/introduce-cn 我在这个站点的文档中完全没看到 https://ant-design-x.antgroup.com/x-markdowns/components-data-cn 这个站点数据图表和信息图的内容，所以https://ant-design-x.antgroup.com/x-markdowns/components-data-cn 这个文档内容是比较新的吗，后续新的内容会更新到https://x.ant.design/x-markdowns/introduce-cn 上面吗

[Div627]

@yyt520 关于文档内容的差异，说明如下：

• 以哪个为准？
  请以官方主站 https://x.ant.design/x-markdowns/introduce-cn 的内容为准。
• 内容变更说明
  原有的“数据图表”和“信息图”独立 Demo 已进行精简合并。现在，这类功能统一通过 Components（自定义组件） 机制实现，不再作为单独的 Markdown 语法展示。
• 当前分类
  所有增强能力现已整合为以下三类，详情请查看 组件总览：
  • 聊天增强
  • 数据展示
  • 富文本增强

后续新内容将直接更新在主站的 Components 章节中，建议您以此为准进行查阅。

[kimteayon]

本周会发布版本后更新 官网