PrimeVue Designer

简介

Vue 的下一代 UI 组件套件。

PrimeVue 是 Vue.js 的完整 UI 套件,包含丰富的 UI 组件、图标、块和应用程序模板。该项目的主要目标是通过提供易于调整和定制的、可重复使用的解决方案来提高开发人员的生产力,这些解决方案可以作为内部库。

该项目由 PrimeTek 创建,PrimeTek 是全球知名的流行 UI 组件套件供应商,包括 PrimeFacesPrimeNGPrimeReact。 我们团队 中的所有成员都是 PrimeTek 的全职员工,他们对开源抱有相同的热情和愿景,以创建出色的 UI 库。依赖第三方库可能会带来风险,如果库维护者决定不再维护项目,但 PrimeVue 并非如此,因为 PrimeTek 的过往记录证明了这一点。例如,PrimeFaces 自 2008 年以来一直积极维护。

PrimeVue 可以通过两种模式进行样式化:样式化或无样式化。样式化模式基于预先皮肤化的组件,具有 PrimeOne 设计的意见主题变体,如 Aura、Lara 或 Nora 预设。另一方面,无样式化模式让您在实现功能和可访问性时自行完成样式化。无样式化模式通过实现可插拔架构来利用 Tailwind CSS、Bootstrap、Bulma 或您自己的自定义 CSS,从而提供对样式的完全控制,没有限制。我们甚至进一步构建了 Tailwind 预设 库,以使用 Tailwind 的实用程序类对 UI 库进行皮肤化。这种设计是面向未来的,因为 PrimeVue 可以使用任何 CSS 库进行样式化,而无需实际依赖于其核心。

PassThrough 是一种创新的 API,用于提供对内部 DOM 元素的访问权限,以添加任意属性。通常,传统的 UI 组件库会封装 UI 和逻辑,并提供有限的 API,这使得开发人员依赖于库维护者通过添加新的 props 或事件来扩展此 API。使用 Pass Through 消除了这种限制,因为您可以访问组件的内部以添加事件和属性。一些常见的用例是添加测试属性、额外的 aria 属性、自定义事件和样式。

PrimeVue 具有 WCAG 2.1 AA 级别的合规性;每个组件都有一个专门的可访问性部分,用于记录几个方面,包括键盘和屏幕阅读器支持。通过 GitHub 或 Discord 等通信渠道,全球众多无障碍专家持续提供持续反馈,以进一步改进无障碍功能。查看 无障碍指南 以了解更多信息。

PrimeVue 不需要其社区的财务赞助;相反,为了获得坚实的财务基础,提供了可选的附加组件。这些包括 Figma UI 工具包、高级应用程序模板和可重复使用的 UI 块,称为 PrimeBlocks。附加组件是可选的,使用 PrimeVue 时没有付费墙。