RuoYi-Vue-Pro 文档

Appearance

2026-06-11
4741
25.2m

系统组件 ​

# 1. 常用组件 ​

# 1.1 Vben Vxe Table 表格 ​

Vben 提供的 Table 列表组件，基于 vxe-table，结合 Vben Form 表单进行了二次封装，支持树形结构。

# 1.2 TableAction 表格操作 ​

表格行操作按钮组件，用于展示编辑、删除等操作按钮。

# 1.3 Vben Modal 模态框 ​

Vben 提供的模态框组件，支持拖拽、全屏、自动高度、loading 等功能。

# 1.4 Vben Drawer 抽屉 ​

Vben 提供的抽屉组件，类似 Modal 但以侧边栏形式展示。

# 1.5 Vben Form 表单 ​

Vben 提供的表单组件，可适配 Element Plus、Ant Design Vue、Naive UI 等框架。支持表单验证、表单联动、自定义组件等功能。

# 1.6 Description 描述列表 ​

项目提供的详情组件，可适配 Element Plus、Ant Design Vue、Naive UI 等框架。类似 Form，支持多列布局。

# 1.7 Vben ApiComponent API 组件包装器 ​

Vben 提供的 API “包装器”，它一般不独立使用，主要用于包装其它组件，为目标组件提供自动获取远程数据的能力，但仍然保持了目标组件的原始用法。

# 1.8 Upload 上传 ​

文件上传组件，支持单（多）文件、单（多）图片上传等。

# 1.9 TinyMCE 富文本编辑器 ​

基于 TinyMCE 的富文本编辑器组件。

# 1.10 Vben Alert 轻量提示框 ​

Vben 提供的一些用于轻量提示的弹窗，仅使用 js 代码即可快速动态创建提示，而不需要在 template 写任何代码。

# 1.11 OperateLog 操作日志 ​

用于展示操作日志的组件。

# 1.12 ECharts 图表 ​

基于 Vben 提供的 ECharts 插件，用于展示各类图表。

# 2. 不常用组件 ​

# 2.1 form-create 动态表单生成器 ​

动态表单生成器，支持通过 JSON 配置生成表单。

# 2.2 bpmn-js 工作流组件 ​

基于 bpmn-js 的工作流设计和展示组件。

# 2.1 Vben CountToAnimator 数字动画 ​

数字动画组件，用于展示数字的动画效果。

# 2.2 Vben EllipsisText 省略文本 ​

文本省略组件，用于展示超长文本。

# 2.3 MarkdownView Markdown 预览 ​

Markdown 内容预览组件。

# 2.4 ShortcutDateRangePicker 快捷日期范围选择 ​

快捷日期范围选择组件，提供预设的日期范围选项。

# 2.5 CronTab Cron 表达式编辑 ​

Cron 表达式可视化编辑组件。

# 2.6 Cropper 图片裁剪 ​

图片裁剪组件，支持旋转、缩放等操作。

# 2.7 CodeEditor 代码编辑器 ​

基于 Code Mirror 的代码编辑器组件。

# 2.8 Markmap 思维导图 ​

基于 Markmap 的思维导图组件。

# 2.9 Captcha 验证码 ​

Vben 提供的验证码组件，支持滑块验证、点选验证等多种验证方式。

# 2.10 JsonViewer JSON 查看器 ​

JSON 数据可视化查看组件，支持折叠展开、复制等功能。

# 3. 其他组件 ​

最近更新