# pro-components

**Repository Path**: aeui/pro-components

## Basic Information

- **Project Name**: pro-components
- **Description**: https://github.com/ant-design/pro-components
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-12
- **Last Updated**: 2025-04-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">

<img height="160" src="https://gw.alipayobjects.com/zos/kitchen/wzToJwlSw%24/logo.svg">

<h1>ProComponents</h1>

专为企业级应用设计，像专家一样使用 Ant Design！

[![][npm-release-shield]][npm-release-link] [![][npm-downloads-shield]][npm-downloads-link] [![][github-releasedate-shield]][github-releasedate-link] [![][github-action-build-shield]][github-action-build-link] [![][codecov-shield]][codecov-link] <br/> [![][github-contributors-shield]][github-contributors-link] [![][github-forks-shield]][github-forks-link] [![][github-stars-shield]][github-stars-link] [![][github-issues-shield]][github-issues-link] [![][github-license-shield]][github-license-link] <br/> [![][ant-design-shield]][ant-design-link] [![][devops-dumi-shield]][devops-dumi-link] [![][devops-father-shield]][devops-father-link]

[English](./README.md) ・ 简体中文 ・ [报告错误][github-issues-link] · [请求功能][github-issues-link]

![](https://gw.alipayobjects.com/zos/kitchen/OsP5rUT6tc/pro-components.webp)

</div>

<details>
<summary><kbd>目录</kbd></summary>

#### 目录

- [📦 安装](#-安装)
- [✨ 特性](#-特性)
  - [ProComponents 的强大功能](#procomponents-的强大功能)
  - [考虑因素和限制](#考虑因素和限制)
- [🖥 浏览器兼容性](#-浏览器兼容性)
- [⌨️ 本地开发](#️-本地开发)
- [🤝 贡献](#-贡献)
- [🛣️ 生态系统](#️-生态系统)

####

</details>

## 📦 安装

安装 `@ant-design/pro-components`，请运行以下命令：

```bash
$ pnpm install @ant-design/pro-components
```

<br/>

## ✨ 特性

Pro Series 组件经过精心设计，以增强企业级应用程序的健壮架构。

[![](https://next.ossinsight.io/widgets/official/compose-activity-trends/thumbnail.png?repo_id=183895098&image_size=auto&color_scheme=dark)](https://next.ossinsight.io/widgets/official/compose-activity-trends?repo_id=183895098)

<br/>

### 丰富的高阶特性

> \[!NOTE]
>
> ProComponents 是基于 React 的企业应用程序开发的灯塔。以下是它的特点：

- 💡 **丰富的组件套件**：ProComponents 拥有全面的 UI 元素，从表格和表单到图表和树视图应有尽有。它能够精细地满足企业应用程序的多样化需求。
- 🚀 **高级功能**：除了基本的 UI 元素外，ProComponents 还配备了复杂的数据处理和业务逻辑功能，使开发人员能够快速构建强大的企业解决方案。
- 🎯 **直观的使用**：通过其简单的 API 和详细的文档，ProComponents 确保开发人员能够顺利上手，促进快速采用和部署。
- 🎨 **可视化配置工具**：ProComponents 中的某些组件受益于可视化配置辅助工具，通过简化组件设置，为开发人员的设计过程提供便利。
- 🛠️ **无与伦比的可定制性**：该库可以适应大量的配置和样式选项，确保 ProComponents 可以根据任何项目的独特需求进行定制。

总的来说，ProComponents 是一个健壮、用户友好且多才多艺的 UI 组件库，旨在赋能各种规模和领域的应用程序。

<br/>

### 考虑因素和限制

> \[!WARNING]
>
> 尽管 ProComponents 提供了丰富的好处，但权衡某些考虑因素也很重要：

- **有限的定制化**：尽管其丰富的组件库，ProComponents 在深度个性化定制方面可能会带来挑战，潜在地阻碍了某些项目愿景的实现。
- **学习曲线**：该库的全面 API 和广泛的文档，虽然详尽，但可能会初期让新手感到不知所措。掌握 ProComponents 可能需要专门的学习投入。
- **浏览器兼容性**：ProComponents 利用尖端的浏览器技术，这些技术可能不受旧版浏览器支持，可能限制应用程序的可访问性，并需要额外的开发工作以实现更广泛的兼容性。
- **代码库大小**：ProComponents 的庞大代码库可能会影响开发过程的灵活性，并使长期维护变得复杂。

> \[!TIP]
>
> ProComponents 在企业应用程序 UI 库领域是一个强大的竞争者，但它也有一系列权衡，包括定制化限制、相当大的学习曲线、浏览器兼容性考虑和庞大的代码库。建议开发人员在将 ProComponents 集成到其工作流程之前，彻底评估其项目需求和限制。

<br/>

## 🖥 浏览器兼容性

> \[!NOTE]
>
> - 现代浏览器和 Internet Explorer 11（使用[兼容性填充](https://stackoverflow.com/questions/57020976/polyfills-in-2019-for-ie11)）
> - [Electron](https://www.electronjs.org/)

| [![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/) | [![electron_48x48](https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png)](http://godban.github.io/browsers-support-badges/) |
| --- | --- | --- | --- | --- |
| Edge | 最近 2 个版本 | 最近 2 个版本 | 最近 2 个版本 | 最近 2 个版本 |

<br/>

## ⌨️ 本地开发

您可以使用 Github Codespaces 进行在线开发：

[![][github-codespace-shield]][github-codespace-link]

或者将其克隆到本地进行开发：

```bash
$ git clone https://github.com/ant-design/pro-components.git
$ cd pro-components
$ pnpm install
$ pnpm dev
```

<br/>

## 🤝 贡献

> \[!IMPORTANT]
>
> 加入我们的协作生态系统。您的贡献是我们项目的心脏。以下是您如何成为我们充满活力的社区不可或缺的一部分：

- **整合和创新**：将 Ant Design Pro、umi 和 ProComponents 整合到您的项目中。您的实际使用和反馈对我们非常宝贵。
- **发表您的见解**：遇到了问题？有疑问？您的观点很重要。通过提交 [问题][github-issues-link] 来分享它们，帮助我们提升用户体验。
- **塑造未来**：有代码增强或功能想法吗？我们邀请您提出 [拉取请求][pr-welcome-link] 并直接为我们的代码库发展做出贡献。

每一个贡献，无论大小，都值得庆祝。加入我们的使命，完善和提升开源企业 UI 组件的世界。 😃

[![][pr-welcome-shield]][pr-welcome-link]

<a href="https://github.com/ant-design/pro-components/graphs/contributors" target="_blank">
  <table>
    <tr>
      <th colspan="2">
        <br><img src="https://contrib.rocks/image?repo=ant-design/pro-components"><br><br>
      </th>
    </tr>
    <tr>
      <td>
        <img src="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?activity=active&period=past_28_days&owner_id=12101536&repo_ids=183895098&image_size=2x3&color_scheme=dark">
      </td>
      <td rowspan="2">
        <img src="https://next.ossinsight.io/widgets/official/compose-org-participants-growth/thumbnail.png?activity=active&period=past_28_days&owner_id=12101536&repo_ids=183895098&image_size=4x7&color_scheme=dark">
      </td>
    </tr>
    <tr>
      <td>
        <img src="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?activity=new&period=past_28_days&owner_id=12101536&repo_ids=183895098&image_size=2x3&color_scheme=dark">
      </td>
    </tr>
  </table>
</a>

## 🛣️ 生态系统

- **[ProComponents](https://github.com/ant-design/pro-components)** - 专为企业级应用设计，像专业人士一样使用 Ant Design！
- **[ProEditor](https://github.com/ant-design/pro-editor)** - 编辑器领域 UI 框架与前端组件解决方案。
- **[ProFlow](https://github.com/ant-design/pro-flow)** - 基于 React-Flow 的流程编辑器框架。
- **[ProChat](https://github.com/ant-design/pro-chat)** - 用于快速构建 LLM 聊天界面的组件库。

<br/>

---

#### 📝 License

Copyright © 2023 - present [AFX][ant-design-link] & [Ant Digital](https://antdigital.com). <br/> This project is [MIT](./LICENSE) licensed.

<!-- LINK GROUP -->

[ant-design-link]: https://ant.design
[ant-design-shield]: https://img.shields.io/badge/-Ant%20Design-1677FF?labelColor=black&logo=antdesign&style=flat-square
[codecov-link]: https://codecov.io/gh/ant-design/pro-components
[codecov-shield]: https://img.shields.io/codecov/c/github/ant-design/pro-components?color=1677FF&labelColor=black&style=flat-square&logo=codecov&logoColor=white
[devops-dumi-link]: https://d.umijs.org/
[devops-dumi-shield]: https://img.shields.io/badge/docs%20by-dumi-blue?color=1677FF&labelColor=black&style=flat-square
[devops-father-link]: https://github.com/umijs/father
[devops-father-shield]: https://img.shields.io/badge/build%20with-father-028fe4.svg?color=1677FF&labelColor=black&style=flat-square
[github-action-build-link]: https://github.com/ant-design/pro-components/actions/workflows/build.yml
[github-action-build-shield]: https://img.shields.io/github/actions/workflow/status/ant-design/pro-components/build.yml?color=1677FF&label=build&labelColor=black&logo=githubactions&logoColor=white&style=flat-square
[github-codespace-link]: https://codespaces.new/ant-design/pro-components
[github-codespace-shield]: https://github.com/codespaces/badge.svg
[github-contributors-link]: https://github.com/ant-design/pro-components/graphs/contributors
[github-contributors-shield]: https://img.shields.io/github/contributors/ant-design/pro-components?color=1677FF&labelColor=black&style=flat-square
[github-forks-link]: https://github.com/ant-design/pro-components/network/members
[github-forks-shield]: https://img.shields.io/github/forks/ant-design/pro-components?color=1677FF&labelColor=black&style=flat-square
[github-issues-link]: https://github.com/ant-design/pro-components/issues
[github-issues-shield]: https://img.shields.io/github/issues/ant-design/pro-components?color=1677FF&labelColor=black&style=flat-square
[github-license-link]: https://github.com/ant-design/pro-components/blob/master/LICENSE
[github-license-shield]: https://img.shields.io/github/license/ant-design/pro-components?color=1677FF&labelColor=black&style=flat-square
[github-releasedate-link]: https://github.com/ant-design/pro-components/releases
[github-releasedate-shield]: https://img.shields.io/github/release-date/ant-design/pro-components?color=1677FF&labelColor=black&style=flat-square
[github-stars-link]: https://github.com/ant-design/pro-components/network/stargazers
[github-stars-shield]: https://img.shields.io/github/stars/ant-design/pro-components?color=1677FF&labelColor=black&style=flat-square
[npm-downloads-link]: https://www.npmjs.com/package/@ant-design/pro-components
[npm-downloads-shield]: https://img.shields.io/npm/dt/@ant-design/pro-components?labelColor=black&style=flat-square&color=1677FF
[npm-release-link]: https://www.npmjs.com/package/@ant-design/pro-components
[npm-release-shield]: https://img.shields.io/npm/v/@ant-design/pro-components?color=1677FF&labelColor=black&logo=npm&logoColor=white&style=flat-square
[pr-welcome-link]: https://github.com/ant-design/pro-components/pulls
[pr-welcome-shield]: https://img.shields.io/badge/%E2%9D%A4%EF%B8%8F%20PR%20WELCOME-%E2%86%92-1677FF?labelColor=black&style=for-the-badge

## Star 趋势

[![Star History Chart](https://api.star-history.com/svg?repos=ant-design/pro-components&type=Date)](https://star-history.com/#ant-design/pro-components&Date)