ProComponents

专为企业级应用设计，像专家一样使用 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](./README.md) ・简体中文・ [报告错误][github-issues-link] · [请求功能][github-issues-link] ![](https://gw.alipayobjects.com/zos/kitchen/OsP5rUT6tc/pro-components.webp)

目录

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

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

](https://godban.github.io/browsers-support-badges/)
Edge | [

](https://godban.github.io/browsers-support-badges/)
Firefox | [

](https://godban.github.io/browsers-support-badges/)
Chrome | [

](https://godban.github.io/browsers-support-badges/)
Safari | [

](https://godban.github.io/browsers-support-badges/)
Opera | [

](https://godban.github.io/browsers-support-badges/)
Electron | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | 最近 2 个版本 | 最近 2 个版本 | 最近 2 个版本 | 最近 2 个版本 | 最近 2 个版本 | 最近 2 个版本 | > `ProComponents 3.0` 之后不再支持 IE。
## ⌨️ 本地开发您可以使用 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 ``` 常用命令： ```bash $ pnpm build # 组件库构建（father） $ pnpm test # Vitest 单测（覆盖率见 pnpm test:coverage） $ pnpm start # 与 pnpm dev 相同，启动 dumi 文档本地服务 $ pnpm docs build # 文档站静态构建（dumi） $ pnpm docs check # @umijs/doctor 发布前检查（同 pnpm checkPublish） ``` 更多说明见 [CONTRIBUTING.md](./CONTRIBUTING.md)。
## 🤝 贡献 > \[!IMPORTANT] > > 加入我们的协作生态系统。您的贡献是我们项目的心脏。以下是您如何成为我们充满活力的社区不可或缺的一部分： - **整合和创新**：将 Ant Design Pro、umi 和 ProComponents 整合到您的项目中。您的实际使用和反馈对我们非常宝贵。 - **发表您的见解**：遇到了问题？有疑问？您的观点很重要。通过提交 [问题][github-issues-link] 来分享它们，帮助我们提升用户体验。 - **塑造未来**：有代码增强或功能想法吗？我们邀请您提出 [拉取请求][pr-welcome-link] 并直接为我们的代码库发展做出贡献。每一个贡献，无论大小，都值得庆祝。加入我们的使命，完善和提升开源企业 UI 组件的世界。 😃 [![][pr-welcome-shield]][pr-welcome-link]

## 🛣️ 生态系统 - **[ProComponents](https://github.com/ant-design/pro-components)** - 专为企业级应用设计，像专业人士一样使用 Ant Design！ - **[Ant Design Agentic](https://agentic.antdigital.ai)** - 编辑器领域 UI 框架、流程编辑器与 LLM 聊天组件。
--- #### 📝 License Copyright © 2023 - present [AFX][ant-design-link] & [Ant Digital](https://antdigital.com).
This project is [MIT](./LICENSE) 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 趋势 [![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)