组件总览

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	快速登录	便捷的登录入口