element-pro-components：给 Element Plus 中后台页面用的 Pro 组件库

element-pro-components（作者 tolking）是一个基于 Element Plus 封装的 Pro 层组件库，面向中后台 admin 场景。源码使用 TypeScript，协议 MIT，GitHub stars 约 327，仓库创建于 2019-08，默认分支 main，近期仍有活跃更新。

组件清单

组件目录包含：

AutocompleteTag、InputTag、Breadcrumb、Card、Checkbox、CheckboxButton、ColumnSetting、Crud、Descriptions、FilterRoutes、Form、Layout、Link、Menu、Radio、RadioButton、Search、Select、Table、Tabs、TreeSelect

其中后台场景最常用的组合是 Crud（列表增删改查一体化）、Form、Search、Table、Layout/Menu、FilterRoutes（路由过滤）与 ColumnSetting（列设置）。

安装

pnpm add element-pro-components

快速上手

在入口文件（main.ts）里全局注册组件库并引入样式：

import ElementPro from 'element-pro-components'
import 'element-pro-components/lib/styles/index'

createApp(App).use(ElementPro).mount('#app')

之后即可在 Vue 单文件中直接使用内置模板，例如：

官方链接

• 组件库仓库：
• 文档站：
• 官方配套 admin 模板仓库：

以上链接均为项目官方来源。