概述
SetupHome 是 One Platform 设置管理系统的主容器组件，作为整个 Setup 模块的 SPA（单页应用）导航中枢。它基于 Salesforce Lightning Design System 的 SplitView 组件构建，提供左侧导航栏 + 右侧详情区域的经典布局。
页面结构
导航栏 (Master)
- HOME
- 对象管理器
- Applications
- Tabs
详情区域 (Detail)
- 根据当前视图动态
- 渲染对应组件
核心功能
1. SPA 导航管理
| 视图类型 | 说明 | 对应组件 |
|---|---|---|
home | 设置首页 | SetupDetail |
object-manager | 对象管理器列表 | ObjectHome |
platform_applications | 应用管理 | ApplicationHome |
platform_tabs | Tab 管理 | TabHome |
object_detail | 对象详情 | ObjectDetail |
object_fields | 对象字段管理 | ObjectFields |
object_layouts | 对象布局管理 | ObjectLayouts |
object_listviews | 对象列表视图管理 | ObjectListViews |
2. 智能导航栏切换
- 主导航栏：在首页、对象管理器、Applications、Tabs 视图时显示
- 对象导航栏：在进入对象详情/字段/布局/列表视图时自动切换
3. 跨组件通信
通过 setup-spa-navigate 自定义事件支持外部组件触发 Setup 内部导航。
技术要点
- 组件库：
@salesforce/design-system-react的SplitView - 导航模式：SPA 内部导航，不改变 URL
- Master 宽度：固定
16rem - 状态管理：React
useState+ 自定义事件
截图
SetupHome 首页 SplitView 布局 — 待插入
../../images/product/one_platform/setup-home-splitview.png
切换到对象管理器 — 待插入
../../images/product/one_platform/setup-home-object-manager.png
进入对象详情 ObjectNavigationBar — 待插入
../../images/product/one_platform/setup-home-object-detail.png