Skip to content
On this page

The concept of ProComponents

类似于 Ant Design Pro Components,Naive UI Pro Components 是一个基于 Naive UI 的高级组件库,为后端系统提供更高级的抽象和封装。

我们对 Naive UI Pro Components 的设计进行了一些调整,以更好地与 Naive UI 的设计风格保持一致,并提供快速高效地构建高质量后端应用程序的能力。

Design Ideas

以下内容来自 Ant Pro Components

对于几乎任何业务来说,我们实际上是基于状态定义了一系列行为。以表格为例,首先我们需要一个状态 data 用于存储从服务器请求的数据,为了优化体验,我们还需要一个 loading。所以我们有了一系列行为,我们需要首先设置 loading=true,然后发起网络请求,网络请求完成后设置 data 为请求的数据,loading=false,一个网络请求完成了,虽然非常简单,但一个业务系统有相当数量的表格,每个表格只定义一次,工作量非常大。

如果要重新请求网络,我们需要将上述行为封装成一个方法,点击重新加载数据,如果有分页,那么还需要一个新的变量 page,我们需要根据需要在重新请求之前确定是否将页码重置为第一页,这引入了另一个变量。如果您的表单还需要控制每页显示的数量,那么将会更加繁琐。这种重复的工作会浪费我们大量的时间。

A component !≈ a page

我们并不希望您将组件视为页面,而是将其视为功能的超集。这样可以使您的代码保持灵活性,这也是它与 Ant Design Pro Components 的区别之处。

列表页面可以使用 pro-form + pro-table 组合,而编辑页面可以利用 pro-form + button 或其他各种组件。这使我们能够专注于实现核心业务逻辑和页面效果。

基于此原因,我们对开发新的组件会尽可能的谨慎,我们会尽可能的将组件的功能拆分到更小的组件中,以便您可以更好的组合它们。

Released under the MIT License.