📦 安装

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

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

✨ 特性

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

![](https://next.ossinsight.io/widgets/official/compose-activity-trends?repo_id=183895098)

$3

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

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

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

$3

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

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

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

🖥 浏览器兼容性

> \[!NOTE]
>
> - 现代浏览器和 Internet Explorer 11（使用兼容性填充）
> - Electron

| ![edge](http://godban.github.io/browsers-support-badges/) | ![Edge](http://godban.github.io/browsers-support-badges/) | ![chrome](http://godban.github.io/browsers-support-badges/) | ![safari](http://godban.github.io/browsers-support-badges/) | ![electron_48x48](http://godban.github.io/browsers-support-badges/) |
| --- | --- | --- | --- | --- |
| Edge | 最近 2 个版本 | 最近 2 个版本 | 最近 2 个版本 | 最近 2 个版本 |

⌨️ 本地开发

您可以使用 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
``

🤝 贡献

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

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

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

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

🛣️ 生态系统

- ProComponents - 专为企业级应用设计，像专业人士一样使用 Ant Design！
- ProEditor - 编辑器领域 UI 框架与前端组件解决方案。
- ProFlow - 基于 React-Flow 的流程编辑器框架。
- ProChat - 用于快速构建 LLM 聊天界面的组件库。

---

#### 📝 License

Copyright © 2023 - present [AFX][ant-design-link] & Ant Digital.
This project is MIT licensed.

[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 趋势