XMarkdown在hasNextChunk为true时对|字符处理有异常

[mhfe123]

重现步骤

<XMarkdown
    streaming={{
    enableAnimation: true,
    hasNextChunk: true,
    animationConfig: { fadeDuration: 400 },
  }}
>
     "Ant Design X|AI"
</XMarkdown>

当前行为

XMarkdown在输出到|时会卡主，不显示后边的内容了

预期行为

No response

上下文

No response

版本

2.1.3

您在哪些浏览器上遇到了这个问题？

No response

[dosubot]

这是 XMarkdown 的已知行为：在 streaming 模式下（hasNextChunk: true），如果遇到 |，组件会判断你正在输入一个 Markdown 表格，但内容还不完整，所以会把后面的内容缓存起来，等到完整的表格结构补全后再渲染。这样做是为了避免在流式渲染时输出不完整的 Markdown 结构，尤其是表格相关的内容（| 是表格语法的分隔符）相关实现和测试。

如果你的 | 只是普通字符，不是表格语法的一部分，这种行为确实会导致内容“卡住”。目前 2.1.3 版本没有针对这个场景的修复，2.2.0 及以上版本对占位符和自定义 incompleteMarkdownComponentMap 有增强，但核心机制还是如此相关说明。

解决方法有三种：

1. 避免在流式模式下单独使用 |，除非它是完整表格语法的一部分。
2. 如果必须用 |，可以等流式输入结束后（hasNextChunk: false）再渲染，这样不会被当作表格处理。
3. 升级到 2.2.0 及以上版本，并通过 incompleteMarkdownComponentMap 配置自定义占位符，或者根据业务场景自定义处理。

如果你需要 | 作为普通字符即时显示，建议规避流式模式下的这种用法，或者考虑升级并自定义占位符组件。

To reply, just mention @dosu.

---

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

   

[Div627]

@mhfe123 Hi，请提供一个可复现的 Demo（例如 CodeSandbox、GitHub 仓库或最小化代码片段），以便能更快定位和解决问题。谢谢！

[mhfe123]

@mhfe123 Hi，请提供一个可复现的 Demo（例如 CodeSandbox、GitHub 仓库或最小化代码片段），以便能更快定位和解决问题。谢谢！

上面那段代码就可以直接复现的

[mhfe123]

@mhfe123 Hi，请提供一个可复现的 Demo（例如 CodeSandbox、GitHub 仓库或最小化代码片段），以便能更快定位和解决问题。谢谢！

还有个问题就是XMarkdown中\n会被忽略，\n\n只会显示一个，这种要怎么处理呀 @Div627

[Div627]

@mhfe123 你好！这是由于设置了 hasNextChunk: true ，命中了 x-markdown 的缓存机制。 hasNextChunk 应该与流式状态保持一致，不应该始终设置为 true（参见文档)。

[Div627]

@mhfe123 Hi，请提供一个可复现的 Demo（例如 CodeSandbox、GitHub 仓库或最小化代码片段），以便能更快定位和解决问题。谢谢！

还有个问题就是XMarkdown中\n会被忽略，\n\n只会显示一个，这种要怎么处理呀 @Div627

在 Markdown 语法中，单个 \n 并不会产生换行效果；需要两个换行符（即 \n\n）来创建一个段落分隔（表现为视觉上的换行）。
如果你希望单个换行符 \n 就能生效为换行（即“软换行”），可以在解析器配置中启用 breaks: true。

[Div627]

@mhfe123 该问题即将关闭。如仍有疑问或需要进一步协助，欢迎随时重新打开！