<div align="center">
npm install hip1-pro-components专为企业级应用设计,像专家一样使用 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]
[![][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]
[![][ant-design-shield]][ant-design-link] [![][devops-dumi-shield]][devops-dumi-link] [![][devops-father-shield]][devops-father-link]
English ・ 简体中文 ・ [报告错误][github-issues-link] · [请求功能][github-issues-link]

目录
#### 目录
- 📦 安装
- ✨ 特性
- ProComponents 的强大功能
- 考虑因素和限制
- 🖥 浏览器兼容性
- ⌨️ 本地开发
- 🤝 贡献
- 🛣️ 生态系统
####
安装 @ant-design/pro-components,请运行以下命令:
``bash`
$ pnpm install @ant-design/pro-components
Pro Series 组件经过精心设计,以增强企业级应用程序的健壮架构。

> \[!NOTE]
>
> ProComponents 是基于 React 的企业应用程序开发的灯塔。以下是它的特点:
- 💡 丰富的组件套件:ProComponents 拥有全面的 UI 元素,从表格和表单到图表和树视图应有尽有。它能够精细地满足企业应用程序的多样化需求。
- 🚀 高级功能:除了基本的 UI 元素外,ProComponents 还配备了复杂的数据处理和业务逻辑功能,使开发人员能够快速构建强大的企业解决方案。
- 🎯 直观的使用:通过其简单的 API 和详细的文档,ProComponents 确保开发人员能够顺利上手,促进快速采用和部署。
- 🎨 可视化配置工具:ProComponents 中的某些组件受益于可视化配置辅助工具,通过简化组件设置,为开发人员的设计过程提供便利。
- 🛠️ 无与伦比的可定制性:该库可以适应大量的配置和样式选项,确保 ProComponents 可以根据任何项目的独特需求进行定制。
总的来说,ProComponents 是一个健壮、用户友好且多才多艺的 UI 组件库,旨在赋能各种规模和领域的应用程序。
> \[!WARNING]
>
> 尽管 ProComponents 提供了丰富的好处,但权衡某些考虑因素也很重要:
- 有限的定制化:尽管其丰富的组件库,ProComponents 在深度个性化定制方面可能会带来挑战,潜在地阻碍了某些项目愿景的实现。
- 学习曲线:该库的全面 API 和广泛的文档,虽然详尽,但可能会初期让新手感到不知所措。掌握 ProComponents 可能需要专门的学习投入。
- 浏览器兼容性:ProComponents 利用尖端的浏览器技术,这些技术可能不受旧版浏览器支持,可能限制应用程序的可访问性,并需要额外的开发工作以实现更广泛的兼容性。
- 代码库大小:ProComponents 的庞大代码库可能会影响开发过程的灵活性,并使长期维护变得复杂。
> \[!TIP]
>
> ProComponents 在企业应用程序 UI 库领域是一个强大的竞争者,但它也有一系列权衡,包括定制化限制、相当大的学习曲线、浏览器兼容性考虑和庞大的代码库。建议开发人员在将 ProComponents 集成到其工作流程之前,彻底评估其项目需求和限制。
> \[!NOTE]
>
> - 现代浏览器和 Internet Explorer 11(使用兼容性填充)
> - Electron
|  |  |  |  |  |
| --- | --- | --- | --- | --- |
| 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
