# plus-pro-components

**Repository Path**: frontend-system/plus-pro-components

## Basic Information

- **Project Name**: plus-pro-components
- **Description**: plus-pro-components
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: dev
- **Homepage**: https://plus-pro-components.com
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2026-03-20
- **Last Updated**: 2026-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <img width="180px" src="https://plus-pro-components.github.io/logo.png">
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/plus-pro-components">
    <img src="https://img.shields.io/npm/v/plus-pro-components.svg?style=flat-square" />
  </a>
  <a href="https://vitepress.dev/">
    <img src="https://img.shields.io/badge/docs%20by-vitepress-10b981" />
  </a>
  <a href="https://rollupjs.org/">
    <img src="https://img.shields.io/badge/build%20with-rollup-646cff.svg" />
  </a>
  <a href="https://www.pnpm.cn/">
    <img src="https://img.shields.io/badge/maintained%20with-pnpm-cc00ff.svg" />
  </a>
  <a href="https://element-plus.org/">
    <img src="https://img.shields.io/badge/ui%20width-element%20plus-409eff.svg" />
  </a>
  <a href="https://npmcharts.com/compare/plus-pro-components?minimal=true">
    <img src="https://img.shields.io/npm/dm/plus-pro-components" />
  </a>
  <br>
</p>

# plus-pro-components

**页面级别的前端组件**

**中文** | [English](https://github.com/plus-pro-components/plus-pro-components/blob/dev/README.md)

## 文档

[文档](https://plus-pro-components.github.io/)| [国内镜像文档](https://plus-pro-components.com)

## 简介

plus-pro-components 是一个基于 Vue 和 element-plus 的页面级别的组件库，它具有以下优点：

- 功能强大：plus-pro-components 的组件不仅提供了基本的 UI 展示功能，还具备了复杂的数据操作和业务逻辑处理能力，能够快速构建出功能强大的企业应用。

- 易于使用：plus-pro-components 提供了简单易用的 API 和完善的文档，使得开发者能够快速上手并使用其中的组件。

- 高度可定制：plus-pro-components 的组件支持多种配置和样式自定义，能够满足不同项目的需求。

- 兼容 element-plus：plus-pro-components 100%兼容和 element-plus 同名的组件，包括属性，事件，方法，插槽等。

- 丰富的组件库：plus-pro-components 基于 element-plus 提供了大量的 UI 组件，包括表格、表单、布局等，能够满足大多数企业应用的需求。

- 使用 TypeScript：plus-pro-components 全量使用 TypeScript 编写，和你的 TypeScript 项目无缝衔接。

- 国际化： plus-pro-components 提供完备的国际化，与 element-plus 体系打通，无需多余配置。

- 预设： plus-pro-components 预设基本的样式，与 element-plus 样式一脉相承。 plus-pro-components 预设基本的行为，更少的代码具备更多的功能。

# 高级组件列表

- [x] Table 表格 -- 完成
- [x] Search 搜索 -- 完成
- [x] Page 页面 -- 完成
- [x] Form 表单 -- 完成
- [x] DialogForm 弹窗表单 -- 完成
- [x] DrawerForm 抽屉表单 -- 完成
- [x] Descriptions 详情 -- 完成
- [x] Layout 布局 -- 完成

# 内置组件列表

- [x] Dialog 弹窗 -- 完成
- [x] Pagination 分页 -- 完成
- [x] Radio 单选 -- 完成
- [x] DatePicker 日期 -- 完成
- [x] InputTag 输入标签 -- 完成
- [x] DisplayItem 单项显示 -- 完成
- [x] FormItem 表单单项 -- 完成
- [x] Sidebar 侧边菜单 -- 完成
- [x] Breadcrumb 面包屑 -- 完成
- [x] Header 页头 -- 完成

## 缺点

plus-pro-components 是一个基于 Vue 和 element-plus 的组件库，它提供了很多常用的 UI 组件和业务组件，可以方便地帮助开发者快速搭建前端页面。虽然 plus-pro-components 具有很多优点，但是也有以下一些缺点：

- 学习成本较高：plus-pro-components 的组件库比较复杂，学习所有组件可能需要花费较长时间。因此，对于新手开发者来说，学习成本可能会比较高。

- 高度可定制有限：plus-pro-components 的组件支持高度可定制，但是任然不可能保证组件 100%完全自定义，定制需求非常高的项目谨慎使用。

## 🖥 浏览器兼容性

- 现代浏览器

| [![edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png)](http://godban.github.io/browsers-support-badges/) | [![Edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png)](http://godban.github.io/browsers-support-badges/) | [![chrome](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png)](http://godban.github.io/browsers-support-badges/) | [![safari](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png)](http://godban.github.io/browsers-support-badges/) |
| ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Edge                                                                                                                                              | last 2 versions                                                                                                                                         | last 2 versions                                                                                                                                         | last 2 versions                                                                                                                                         |

## 贡献

在贡献代码之前请阅读[贡献指南
](https://plus-pro-components.com/guide/contribution.html) 和 [本地开发指南](https://plus-pro-components.com/guide/dev.html) 。

感谢所有已经为 plus-pro-components 组件做出贡献的人！

<a href="https://github.com/plus-pro-components/plus-pro-components/graphs/contributors"><img src="https://opencollective.com/plus-pro-components/contributors.svg?width=890" /></a>

## 捐赠

如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 🍹

| 微信                                                                                                           | 支付宝                                                                                                          |
| -------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
| <img src="https://plus-pro-components-1252186245.cos.ap-chengdu.myqcloud.com/wx.jpg" height="188" width="188"> | <img src="https://plus-pro-components-1252186245.cos.ap-chengdu.myqcloud.com/ali.jpg" height="188" width="188"> |

感谢所有已经为 plus-pro-components 组件做出捐赠的人！[捐赠列表](https://plus-pro-components.com/donate.html#%E6%8D%90%E8%B5%A0%E8%80%85%E5%90%8D%E5%8D%95)

## LICENSE

MIT

Copyright (c) 2023-present, xiaofei