# 组件总览
@h3/cloudpivot-nexus-ui 支持 云枢 8.1 及以上版本,是基于 Vue 2.7 + @h3/antd-vue 构建的企业级组件库。
所有组件均围绕云枢平台的业务场景设计,高级组件为核心业务组件,基础组件主要服务于高级组件的编辑器体系。
# 高级组件
面向业务场景的核心组件,提供完整的数据展示、编辑和选择能力。
| 组件 | 说明 |
|---|---|
| CloudTable 表格 | 高性能表格,基于 VTable 引擎,支持编辑/导入/导出/拖拽/分页 |
| StaffSelect 员工选择 | 员工/部门选择器,支持组织树浏览和搜索 |
| RelevanceSelect 关联选择 | 关联表单数据选择器,支持条件筛选 |
| ModalForm 弹窗表单 | Schema 驱动的弹窗表单,包含设计器和运行态 |
| Popper 弹出层 | 基于 Floating UI 的浮动定位弹出层 |
# 基础组件
面向表单场景的基础控件。每个组件都可以通过 CustomEditor 桥接层在 CloudTable 中作为单元格编辑器使用。
| 组件 | 说明 |
|---|---|
| Checkbox 复选框 | 多选控件,支持字典/模型数据源 |
| Radio 单选框 | 单选控件 |
| Switch 开关 | 开关选择器 |
| Number 数字输入 | 数字输入框,支持范围和格式化 |
| Date 日期选择 | 日期/日期时间选择器 |
| Time 时间选择 | 时间选择器 |
| Select 选择器 | 下拉选择,支持异步加载和分页 |
| Tree 树形控件 | 树形数据展示和选择 |
# 工具函数
| 函数 | 说明 |
|---|---|
| Utils 工具函数 | 数据字典查询、模型数据加载等 |
# 架构关系
CloudTable (高性能表格)
├── CustomEditor (编辑器桥接层)
│ ├── Select ← 基础组件
│ ├── Date ← 基础组件
│ ├── Number ← 基础组件
│ ├── Checkbox ← 基础组件
│ ├── Radio ← 基础组件
│ ├── Switch ← 基础组件
│ ├── Time ← 基础组件
│ ├── StaffSelect ← 高级组件
│ └── RelevanceSelect ← 高级组件
│
└── Popper (弹出层定位)
├── StaffSelect 弹出面板
└── RelevanceSelect 弹出面板
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
快速开始 →