云枢 Nexus UI
支持云枢 8.1 及以上版本 · 基于 @h3/antd-vue 深度扩展
高性能表格引擎
基于 VTable 构建的 CloudTable 组件，支持 2000 行 × 50 列大数据量渲染、单元格编辑、导入导出、拖拽排序
云枢业务组件
提供员工选择、关联选择、Popper 弹出层等云枢平台专属业务组件，与云枢 8.1 及以上版本深度集成
表单控件集
基于 @h3/antd-vue 封装的 Switch、Checkbox、Radio、Select、Date、Time、Number、Tree 等表单控件
VTable 编辑器桥接
通过 CustomEditor 桥接层，所有表单控件均可作为 VTable 单元格编辑器使用
TypeScript 支持
使用 TypeScript + TSX 开发，提供完整的类型定义和智能提示
按需引入
支持按需引入单个组件，Rollup 构建输出 ESM / UMD 双格式
# 适用场景
云枢 Nexus UI 支持 云枢 8.1 及以上版本，基于 @h3/antd-vue（云枢定制版 Ant Design Vue）深度扩展。主要用于：
- 子表场景：通过 CloudTable + CustomEditor 实现高性能的子表编辑体验
- 表单扩展：在云枢表单中使用封装好的业务组件，统一交互体验
- 二次开发：为云枢 VIP 客户提供标准化的二开组件方案
# 技术栈
| 技术 | 版本 | 说明 |
|---|---|---|
| Vue | 2.7.x | 基础框架 |
| @h3/antd-vue | 1.6.3 | 云枢定制版 Ant Design |
| @visactor/vtable | ^1.19 | 高性能表格引擎 |
| Floating UI | ^1.7 | 弹出层定位 |
| TypeScript | ^5.4 | 类型系统 |
| Rollup | ^4.0 | 构建工具 |
# 快速开始
# 安装
pnpm add @h3/cloudpivot-nexus-ui
# 确保已安装 peer dependencies
pnpm add @h3/antd-vue@1.6.3 vue@^2.7.16
1
2
3
4
5
2
3
4
5
@h3/cloudpivot-nexus-ui@2.0.0-beta.41 安装包下载约 373 KB，解压后约 1.5 MB。完整引入的脚本约 329 KB（gzip 约 92 KB），样式约 70 KB。Vue、@h3/antd-vue、VTable 等依赖不包含在这个体积里。
import Vue from 'vue'
import Antd from '@h3/antd-vue'
import NexusUI from '@h3/cloudpivot-nexus-ui'
import '@h3/antd-vue/dist/antd.css'
import '@h3/cloudpivot-nexus-ui/dist/index.esm.css'
Vue.use(Antd)
Vue.use(NexusUI)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 浏览器支持
| Chrome | Firefox | Safari | Edge |
|---|---|---|---|
| >= 60 | >= 60 | >= 12 | >= 79 |