📑 选项卡管理（TabHome）

概述

TabHome 是设置中心的选项卡（Tab）管理页面。Tab 定义了前台应用中导航栏的标签，每个 Tab 可以关联到一个对象或一个 URL，是用户在前台切换不同数据视图的入口。

核心功能

1. Tab 列表展示

2. Tab 操作

• 添加 Tab：通过 TabForm 组件的 openAddModal() 打开创建弹窗
• 查看详情：通过 TabForm 的 viewDetail() 方法查看
• 编辑：通过 TabForm 的 openEdit() 方法编辑
• 删除：确认后删除 Tab
• 导出：将 Tab 配置导出为 JSON 文件

3. TabForm 集成

TabHome 通过 ref 引用 TabForm 组件，所有表单操作委托给 TabForm：tabFormRef.current.openAddModal() / viewDetail(item) / openEdit(item)。

页面状态

• 加载状态：居中 Spinner + "加载Tabs数据中..."
• 错误状态：红色错误提示框，显示"正在使用示例数据展示"提示
• 正常状态：Card + DataTable

技术要点

• API 接口：getAllTabs, deleteTabById, getTabByName
• 组件通信：通过 ref + useImperativeHandle 模式与 TabForm 交互
• 导出功能：JSON 文件下载
• 组件库：@salesforce/design-system-react 的 Card, DataTable, Button, IconSettings

截图