组件总览
Pro El Components 提供了丰富的业务组件,帮助您快速构建企业级中台应用。所有组件都基于 Element Plus 设计,保持一致的用户体验。
设计原则
- 兼容性优先 - 完全兼容 Element Plus 的所有原始用法,支持渐进式升级
- 业务导向 - 专注解决中台系统常见业务场景
- 灵活可扩展 - 支持自定义配置,满足不同业务需求
- 开箱即用 - 提供合理的默认配置,降低使用门槛
📦 组件分类
数据展示
高效展示各种数据格式,提供丰富的交互功能。
| 组件 | 描述 | 特性 |
|---|---|---|
| ProTable | 高级表格组件 | 自动分页、列配置、数据格式化、操作列 |
| StatusText | 状态文本显示 | 多种状态样式、自定义颜色、图标支持 |
| TextSummary | 文本摘要组件 | 展开收起、字数限制、优雅截断 |
| SwiperCard | 轮播卡片组件 | 左右悬浮按钮、多个卡片切换 |
数据录入
快速构建各种表单,提升数据录入效率。
| 组件 | 描述 | 特性 |
|---|---|---|
| FormFields | 表单项生成器 | 配置化生成、多种布局、联动支持 |
| Field | 统一表单字段 | 多种输入类型、验证规则、格式化 |
| SearchForm | 搜索表单组件 | 快速筛选、重置功能、响应式布局 |
| RemoteSelect | 远程选择器 | 异步加载、搜索过滤、无限滚动 |
| Cascader | 级联选择器 | 多级联动、异步加载、自定义显示 |
| Select | 增强选择器 | 多选支持、搜索功能、自定义选项 |
| Checkbox | 增强复选框 | 远程数据、查看模式、自定义选项名称 |
| Radio | 增强单选按钮 | 远程数据、查看模式、自定义选项名称 |
| Upload | 上传组件 | 图片预览弹窗、扩展自 el-upload |
| TableForm | 表格表单 | 动态添加/删除行、每行多种表单组件、查看模式 |
反馈组件
提供用户操作反馈,提升交互体验。
| 组件 | 描述 | 特性 |
|---|---|---|
| Dialog | 增强对话框 | 拖拽支持、全屏模式、嵌套处理 |
| ModalForm | 弹窗表单 | 表单验证、提交处理、加载状态 |
| ModalDetail | 弹窗详情 | 数据展示、打印功能、操作按钮 |
| ModalSelector | 弹窗选择器 | 自定义请求、临时存储选中、确认返回 |
| TableModal | 表格弹窗组件 | 自动获取数据、分页支持、自定义插槽 |
导航组件
帮助用户快速定位和操作。
| 组件 | 描述 | 特性 |
|---|---|---|
| ButtonActions | 操作按钮组 | 权限控制、批量操作、响应式隐藏 |
| SectionHeader | 章节标题 | 分割线样式、图标支持、操作区域 |
| TableSelector | 表格选择器 | 弹窗选择、多选支持、搜索过滤 |
布局组件
提供标准化的页面布局结构。
| 组件 | 描述 | 特性 |
|---|---|---|
| PageContainer | 页面容器 | 面包屑、标题栏、内容区域 |
| PageHeader | 页面头部 | 返回按钮、标题描述、操作区域 |
| PageWrapper | 页面包裹器 | 标准页面容器样式、布局支持 |
| ListPage | 列表页容器 | 搜索区域、表格区域、分页组件 |
| DetailPage | 详情页组件 | 自动状态切换、编辑/创建/详情模式 |
工具组件
提供常用的工具功能。
| 组件 | 描述 | 特性 |
|---|---|---|
| Clipboard | 剪贴板操作 | 一键复制、成功提示、兼容性处理 |
| SubmitTextarea | 提交文本框 | 快捷键提交、字数统计、自动扩展 |
| QuickLogin | 快速登录 | 便捷的登录入口 |