Skip to content

简介

PlusProComponents 灵感来自于AntDesign ProComponents。PlusProComponents 是基于 element-plus 而开发的模板组件,它提供了更高级别的抽象支持,开箱即用。可以显著的提升制作 CRUD 页面的效率,更加专注于页面。

组件列表

  • PlusLayout 页面布局组件,解决布局的问题,提供开箱即用的菜单和面包屑功能。

  • PlusPage 页面模板组件,抽象网络请求和表格格式化。

  • PlusTable 表格模板组件。

  • PlusSearch 搜索模板组件。

  • PlusForm 表单模板组件,预设常见布局和行为。

  • PlusDialogForm 弹窗表单模板组件,预设常见布局和行为。

  • PlusDrawerForm 抽屉表单模板组件,预设常见布局和行为。

  • PlusDescriptions 定义列表模板组件。

组件特性

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

  • 💡 易于使用:PlusProComponents 提供了简单易用的 API 和完善的文档,使得开发者能够快速上手并使用其中的组件。

  • 📦 高度可定制:PlusProComponents 的组件支持多种配置和样式自定义,能够满足不同项目的需求。

  • ✅ 兼容 element-plus:PlusProComponents 100%兼容和 element-plus 同名的组件,包括属性,事件,方法,插槽等。

  • 🛠️ 丰富的组件库:PlusProComponents 基于 element-plus 提供了大量的 UI 组件,包括表格、表单、布局等,能够满足大多数企业应用的需求。

  • ➕ 使用 TypeScript:PlusProComponents 全量使用 TypeScript 编写,和你的 TypeScript 项目无缝衔接。

  • 🌐 国际化:PlusProComponents提供完备的国际化,与 element-plus 体系打通,无需多余配置。

  • 🐋 预设: PlusProComponents 预设基本的样式,与 element-plus 样式一脉相承。 PlusProComponents 预设基本的行为,更少的代码具备更多的功能。

  • 🎄 可摇树:开箱即用的 Tree Shaking,只对引入的代码进行打包。

  • 🍭 代码零侵入:保持 element-plus 组件兼容的同时,提供更灵活的配置和更强大的功能。

  • ✅ 测试:单元测试覆盖率超过 90%,提供稳定性保障。

组件缺点

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

  • 学习成本较高:PlusProComponents 的组件库比较复杂,学习所有组件可能需要花费较长时间。因此,对于新手开发者来说,学习成本可能会比较高。

  • 高度可定制有限:PlusProComponents 的组件支持高度可定制,但是仍然不可能保证组件 100%完全自定义,定制需求非常高的项目谨慎使用。