Extend UI: 现代文档应用的开源 UI Kit

Extend UI 是一个专为现代文档应用设计的开源 UI kit，提供了一套专门的组件来处理复杂的文档类型和文档工作流。它允许开发者将专业级的文档查看器和文档管理工具集成到面向用户的流程、AI agent 或内部管理工具中，而无需从头开始构建这些高摩擦力的界面。

专业文档查看器与组件

Extend UI 提供了一组高级组件，用于处理各种文档格式的渲染和交互。这消除了将文档转换为 PDF 的需求，而转换为 PDF 通常是缺乏原生渲染库的开发者的常见备选方案。

支持的文件格式

  • PDF Viewer: 渲染 PDF 文档的专用组件。
  • DOCX Viewer: Microsoft Word 文档的原生渲染。
  • DOCX Editor: 用于编辑 Word 文档的区块。
  • XLSX Viewer: 用于查看 Excel 表格的组件，包括支持跨工作表和单元格范围的搜索。

工作流与管理工具

  • File System: 用于管理和浏览文件的组件，包括对 "Miller columns"（一种多列浏览界面）的支持。
  • Schema Builder: 用于定义数据结构和属性键的工具。
  • File Upload: 用于文件摄入的专用拖拽区。
  • File Thumbnail: 文件系统内文件的视觉预览。
  • E-Signature: 用于处理电子签名的集成组件。

高级文档交互功能

Extend UI 包含专为 AI 原生工作流设计的专门区块，例如 bounding box citations（边界框引用）。这些功能允许应用高亮显示文档的特定区域，为 AI 生成的答案提供证据，这是将 AI agent grounding 在源文档中的关键功能。

技术实现与社区反馈

Extend UI 是作为一组 React 组件构建的。虽然这为 React 开发者提供了深度集成，但一些社区成员指出，框架支持的多样性不足（例如，缺乏 web components）限制了其对使用其他技术栈开发者的可访问性。

性能与可用性观察

在高端硬件（如 MacBook Pro M3 和 M4 芯片）上测试该库的用户报告了落地页的性能问题，具体表现为在与 Schema Builder popover 等组件交互时出现滞后和延迟。社区反馈建议，可能需要采用懒加载（lazy loading）来优化这些重型组件的加载时间。

集成洞察

构建 AI 原生文档工具的开发者们强调了该 kit 的实用性，用于可视化原生解析器（例如用 Rust 编写的解析器）的输出，而无需要求用户打开 Microsoft Word 或 PowerPoint 等外部软件。

"We were looking to add DOCX and XLSX preview to our app, and were planning to do server-side conversion to PDF... and this is exactly what we were looking for!"

当前局限性

  • Search Functionality: 一些用户报告 Excel viewer 内部的搜索功能无法按预期触发，且浏览器原生的搜索无法找到单元格内的内容。
  • Mobile Compatibility: 报告显示落地页在移动端 Safari 上可能无法加载。
  • Framework Lock-in: 该库目前仅限于 React 生态系统。

Sources