丰富输出
互动表格、图表、HTML 预览、PDF 和代码差异 — 在对话中本地呈现
xiantong 不仅仅是纯文本。你的对话可以包含互动数据表、图表、样式化 HTML、PDF 和代码差异 — 所有内容都无需设置即可本地渲染。
数据表#
当 xiantong 展示结构化数据时，它会使用互动 datatable 块，而不是静态的 Markdown 表格。你可以：
- 点击列标题 以升序/降序排序
- 输入文本即可筛选 所有列
- 智能格式化 — 货币、百分比、日期和状态徽章都有对应的样式
“显示按收入排名的前十名客户”
xiantong 返回一个可排序的表格，包含诸如收入（$4,200,000）、增长（+15.2% 以绿色显示）和状态（彩色徽章）等列 — 不只是原始数字。
列类型#
| 类型 | 功能 | 示例 |
|---|---|---|
| 文本 | 纯文本 | John Doe |
| 数字 | 使用千位分隔符格式化 | 1,500,000 |
| 货币 | 美元格式 | $4,200,000 |
| 百分比 | 彩色百分比 | +15.2%（绿色）或 -3.0%（红色） |
| 布尔值 | 是/否显示 | 是 / 否 |
| 日期 | 格式化日期 | 2025年1月15日 |
| 徽章 | 彩色状态标签 | 激活、待处理 |
电子表格#
针对财务报告或可能需要导出的数据，xiantong 使用 spreadsheet 块 — 类似 Excel 的网格，带有行号和列字母。
“按地区创建第四季度收入报告”
结果看起来就像真实的电子表格，并且可以直接从对话中 导出为 .xlsx 或 .csv。
图表#
xiantong 将 Mermaid 图表 渲染为风格一致的 SVG。它在解释架构、数据流或关系时会主动使用这些图表。
“展示我们应用中身份验证流程的工作方式”
支持的图表类型#
流程图#
流程步骤、决策树、系统架构
时序图#
API 交互、请求/响应流程、协议顺序
实体关系图#
数据库模式、数据模型、表之间的关系
状态图#
状态机、工作流转换、生命周期状态
类图#
对象模型、继承层级、接口
图表#
用于指标和趋势的柱状图和折线图
HTML 预览#
当 xiantong 处理丰富的 HTML 内容（例如电子邮件、新闻通讯、样式化报表）时，它会以内联预览的方式渲染，而不是转换为纯文本。
“展示 Gmail 中最新的营销邮件”
HTML 会在沙箱 iframe 中渲染，保留所有 CSS 样式、表格布局和格式。这对于以下内容尤其有用：
- 来自 Gmail 或 Outlook 的邮件正文
- 来自分析工具的 HTML 报告
- 布局复杂的新闻通讯预览
- 在 Markdown 中无法保留格式的样式化文档
选项卡视图#
当你有多个相关项目（例如邮件线程）时，xiantong 会以选项卡形式展示 — 点击即可在原始邮件、回复和转发之间切换。
PDF 预览#
PDF 文档会以内联方式展示，默认显示第一页，并提供展开按钮以进行完整多页导航。
“展示第四季度财务报告 PDF”
xiantong 还可以将多个 PDF 作为选项卡显示 — 在比较季度报告或合同版本时非常实用。
代码差异#
当 xiantong 修改文件时，它会以 统一的代码差异 格式展示更改 — 使用熟悉的红色（删除）和绿色（新增）行，让你一目了然地查看具体变动。
“将身份验证模块重构为使用 async/await”
差异视图显示了具体哪些行被更改、添加或删除 — 不再需要猜测 xiantong 做了哪些操作。
xiantong 如何选择使用哪种格式？
xiantong 会根据数据自动选择最佳格式：
- 结构化数据（行和列）→ datatable 或电子表格
- 关系或流程 → Mermaid 图表
- 丰富的 HTML 内容（邮件、报表）→ HTML 预览
- PDF 文件 → PDF 预览
- 代码更改 → 统一代码差异
- 简单文本 → 常规 Markdown
你也可以直接要求特定格式：“以电子表格展示”或“画一个图表”。
我可以从表格中导出数据吗？
电子表格块包含导出功能 — 你可以将数据下载为 .xlsx 或 .csv。datatable 块则更适合查看和筛选，而不是导出。
处理大量数据会怎样？
对于 20 行以上的数据集，xiantong 会将数据写入文件并引用它，而不是将所有行直接包含在对话中。即使有数千行数据，这也能保持对话快速响应。