第一个数据视图
新项目请使用 View Engine，数据视图能力的后续演进由它承担。Viewer 已进入维护期（弃用），不再新增功能；下方 Viewer 路径仅供存量项目维护参考。两者模型与 API 不同，迁移需要适配。
| UI 与所有权 | 入口 |
|---|---|
| shadcn/Base UI、无头引擎、组件配置持久化与 ViewHost | View Engine 示例及任务指南 |
| Ant Design、应用控制表格数据和 Viewer 状态 | Viewer 示例 |
View Engine 在首次注册表发布前采用工作区/本地归档接入，核心入口可独立于 React UI 使用。
旧版 Ant Design Viewer 路径（已弃用）
从完整的本地 Viewer 示例开始。该页提供消费者安装命令、一个完整组件、React 入口和运行命令，无需服务端、认证设置或 Storybook fixture。
按示例的五步操作：查看首屏、切页、按 Name 排序、按 Active 过滤，然后保存并切换视图。行数据会变化，是因为示例应用计算了数据并传给 Viewer。
| 内容 | 归属 |
|---|---|
| 字段和可用过滤器 | 应用的 ViewDefinition |
| 页码、条件、排序交互 | Viewer 回调应用 |
| 过滤、排序、分页后的行与总数 | 应用的本地计算 |
| 已保存设置及成功回调 | 应用的内存状态 |
| 永久存储与访问控制 | 你的应用和后端 |
使用示例页的 Storybook 入口和浏览器命令，在本仓库验证同一行为。该示例是本页唯一的可执行来源；刷新会丢失已保存视图。可选的服务端数据监控不在此本地示例范围内。
单张表格可能只需要 View。需要管理多个视图，并由应用加载和保存时，使用 Viewer。只有服务端实现预期协议时才考虑 FetcherViewer，参见集成决策。