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 库或您自己的自定义 CSS,从而对样式进行完全控制,没有任何限制。我们甚至进一步构建了Tailwind Presets库,以 Tailwind 的实用程序类来设计 UI 库。这种设计是面向未来的,因为 PrimeVue 可以使用任何 CSS 库进行样式设置,而实际上并不依赖于其核心。

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

PrimeVue 符合 WCAG 2.1 AA 级标准;每个组件都有一个专门的可访问性部分,以记录多个方面,包括键盘和屏幕阅读器支持。通过 GitHub 或 Discord 等沟通渠道,全球众多辅助功能专家不断提供反馈,以进一步改进辅助功能特性。查看辅助功能指南以了解更多信息。

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