Become a sponsor
H. 前端组件速查
说明
ui/src/components 公共组件速查（28 个）。业务页面优先复用；页面私有组件放 views 下 components/。
骨架与容器
| 组件 | 职责 |
|---|---|
| Page | 页面容器（标题/内容区/响应高度） |
| Modal | 弹窗封装（新增/编辑常用） |
| Form | 表单容器（布局/重置/提交） |
| Table | 数据表格封装（列配置/加载/选择） |
| pagination | 分页条（pageNo/pageSize 契约） |
数据录入
| 组件 | 职责 |
|---|---|
| Select | 下拉（支持字典数据源） |
| TableSelect | 表格选择器（选人/选部门，单/多选） |
| Upload | 文件/图片上传（两段式契约） |
| Editor | 富文本（TinyMCE / vue-quill 双引擎） |
| Cropper | 图片裁剪 |
| Password | 密码输入 |
| numberInput / priceInput | 数字/金额输入（精度控制） |
| ChinaArea / Region | 省市区级联 |
数据展示
| 组件 | 职责 |
|---|---|
| CountTo | 数字滚动动画 |
| Qrcode | 二维码生成 |
| Render | 配置化/函数式渲染 |
| icon | 图标（菜单与页面统一入口） |
功能性
| 组件 | 职责 |
|---|---|
| Authority | 权限包装（组件式权限控制） |
| CheckToken | 令牌校验 |
| Websocket | WebSocket 封装（实时推送） |
| Lockscreen | 锁屏 |
| Application | 应用级注入 |
| importFile | 导入文件交互 |
| Excel | 前端 Excel 解析/生成 |
速览入口
组件 props 与用法以各组件源码注释为准（ui/src/components/{名}）。典型组合见：