Skip to content

[P1] ListView Tabs — 多标签视图切换 UI #753

@hotlong

Description

@hotlong

背景

Parent Issue: #736

Spec 定义了 ViewTabSchema(name, label, icon, view, filter, order, pinned, isDefault, visible),ObjectUI 类型已定义但无 Tab UI 渲染。

目标

  • 在 ListView toolbar 上方渲染 Tab 栏
  • 每个 Tab 应用对应的 filter/view 配置
  • 支持 icon、pinned、isDefault 属性

技术要点

  • packages/types/src/objectql.ts L1653-1662 — 已定义 tabs 类型
  • 需新增 TabBar 组件在 ListView toolbar 上方

改动范围

  • packages/plugin-list/src/components/TabBar.tsx — 新增 Tab 栏组件
  • packages/plugin-list/src/ListView.tsx — 集成 TabBar,切换 Tab 时更新 filter/sort
  • packages/i18n/src/locales/*.ts — 添加 tab 相关 i18n key

验收标准

  • Tab 栏在 toolbar 上方正确渲染
  • 点击 Tab 切换 filter/sort 配置
  • isDefault Tab 默认选中
  • pinned Tab 始终显示
  • Tab icon 通过 Lucide 解析
  • 所有新增代码有对应单元测试
  • pnpm test 全部通过

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions