Skip to content

参考主流低代码平台,优化 Lookup 字段弹窗选择体验 #1041

@hotlong

Description

@hotlong

参考主流低代码平台(如 Salesforce、Airtable、Retool 等),优化 objectui Lookup 字段弹窗选择体验,目前弹出窗口内没有加载任何数据(见截图):

lookup弹窗无数据

需求背景

  • 期望弹窗能展示关联字段的可选数据,支持搜索、筛选、分页,并具备友好的 UX 设计。
  • 当前弹窗界面为空,用户无法选择任何内容。

参考主流低代码平台的优化项:

  1. 搜索与筛选:顶部提供快速模糊搜索过滤,支持大数据集分页或无限滚动。
  2. 展示关键字段信息(如名称、标签、状态等),支持自定义列内容和渲染。
  3. 最近/推荐项预选,优先显示常用与最近访问记录。
  4. 新建记录快捷入口,无匹配结果时可直接新建并选中。
  5. 键���导航、快捷操作(如回车选中)。
  6. 加载、无结果、异常友好提示。

建议方案

  • 接入 DataSource 动态加载 lookup 数据。
  • 支持 loading/error 状态与空态提示。
  • 最近项、快速新建入口。
  • 多字段显示与自定义渲染(如头像、标签等)。
  • 性能优化:分页、大量数据(虚拟列表)。
  • 对标 Salesforce、Retool、Airtable 体验。

相关截图、文件

  • 截图见上
  • 涉及文件:packages/fields/src/widgets/LookupField.tsxcontent/docs/fields/lookup.mdx

请根据以上主流低代码平台体验,规划技术方案并分阶段实现。

Metadata

Metadata

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions