@ant-design/pro-components 2.8.9 → 3.0.0-beta.1

package/LICENSE.md

@@ -0,0 +1,7 @@
+The MIT License (MIT) Copyright © 2023 <copyright holders>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.es-PR.md

@@ -0,0 +1,199 @@
+<div align="center">
+
+<img height="160" src="https://gw.alipayobjects.com/zos/kitchen/wzToJwlSw%24/logo.svg">
+
+<h1>ProComponents</h1>
+
+Diseñado para aplicaciones a nivel empresarial, ¡usa Ant Design como un profesional!
+
+[![][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) · [简体中文](./README.zh-CN.md) · [Reportar error][github-issues-link] · [Solicitar función][github-issues-link]
+
+![](https://gw.alipayobjects.com/zos/kitchen/OsP5rUT6tc/pro-components.webp)
+
+</div>
+
+<details>
+<summary><kbd>Tabla de contenido</kbd></summary>
+
+#### TOC
+
+- [📦 Instalación](#-instalación)
+- [✨ Características](#-características)
+  - [Funcionalidades potenciadoras de ProComponents](#funcionalidades-potenciadoras-de-procomponents)
+  - [Consideraciones y Limitaciones](#consideraciones-y-limitaciones)
+- [🖥 Compatibilidad con navegadores](#-compatibilidad-con-navegadores)
+- [⌨️ Desarrollo local](#️-desarrollo-local)
+- [🤝 Contribuir](#-contribuir)
+- [🛣️ Ecosistema](#️-ecosistema)
+
+####
+
+</details>
+
+## 📦 Instalación
+
+Para instalar `@ant-design/pro-components`, ejecuta el siguiente comando:
+
+```bash
+$ pnpm install @ant-design/pro-components
+```
+
+<br/>
+
+## ✨ Características
+
+Los componentes de la Serie Pro están meticulosamente diseñados para reforzar la sólida arquitectura de aplicaciones de grado empresarial.
+
+[![](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/>
+
+### Funcionalidades potenciadoras de ProComponents
+
+> \[!NOTE]
+>
+> ProComponents se erige como un faro para el desarrollo de aplicaciones empresariales basadas en React. Aquí se detalla lo que lo hace excepcional:
+
+- 💡 **Suite de componentes extensiva**: ProComponents cuenta con una amplia gama de elementos de interfaz de usuario, que van desde tablas y formularios hasta gráficos y vistas de árbol. Satisface las diversas necesidades de las aplicaciones empresariales con destreza.
+- 🚀 **Funcionalidad avanzada**: Más allá de los elementos básicos de la interfaz de usuario, ProComponents está equipado con capacidades sofisticadas de manejo de datos y lógica empresarial, lo que permite a los desarrolladores construir rápidamente soluciones empresariales potentes.
+- 🎯 **Uso intuitivo**: Con su API sencilla y documentación detallada, ProComponents garantiza una experiencia de integración fluida para los desarrolladores, fomentando una rápida adopción y despliegue.
+- 🎨 **Herramientas de configuración visual**: Algunos componentes dentro de ProComponents se benefician de ayudas visuales de configuración, agilizando el proceso de diseño para los desarrolladores al simplificar la configuración de componentes.
+- 🛠️ **Personalización incomparable**: La biblioteca se adapta a una gran cantidad de configuraciones y opciones de estilo, asegurando que ProComponents pueda adaptarse a las demandas únicas de cualquier proyecto.
+
+En esencia, ProComponents es una biblioteca de componentes de interfaz de usuario robusta, fácil de usar y versátil, diseñada para potenciar aplicaciones en diversas escalas y dominios.
+
+<br/>
+
+### Consideraciones y Limitaciones
+
+> \[!WARNING]
+>
+> Aunque ProComponents ofrece una gran cantidad de beneficios, es importante considerar ciertas limitaciones:
+
+- **Personalización limitada**: A pesar de su rico repositorio de componentes, ProComponents puede plantear desafíos cuando se trata de personalizaciones profundamente personalizadas, lo que podría obstaculizar la realización de ciertas visiones de proyectos.
+- **Curva de aprendizaje**: La API integral de la biblioteca y su extensa documentación, aunque exhaustivas, pueden abrumar inicialmente a los recién llegados. Dominar ProComponents podría requerir una inversión de aprendizaje dedicada.
+- **Compatibilidad con navegadores**: ProComponents aprovecha tecnologías de navegadores de vanguardia, que pueden no ser compatibles con navegadores más antiguos, lo que podría restringir la accesibilidad de la aplicación y requerir esfuerzos de desarrollo adicionales para una compatibilidad más amplia.
+- **Tamaño del código base**: El tamaño sustancial del código base de ProComponents podría impactar la agilidad del proceso de desarrollo y complicar el mantenimiento a largo plazo.
+
+> \[!TIP]
+>
+> En resumen, ProComponents es un contendiente formidable en el ámbito de las bibliotecas de interfaz de usuario para aplicaciones empresariales, pero viene con su propio conjunto de compensaciones, incluyendo limitaciones de personalización, una considerable curva de aprendizaje, consideraciones de compatibilidad con navegadores y un tamaño de código considerable. Se recomienda a los desarrolladores evaluar minuciosamente las necesidades y limitaciones de su proyecto antes de integrar ProComponents en su flujo de trabajo.
+
+<br/>
+
+## 🖥 Compatibilidad con navegadores
+
+> \[!NOTE]
+>
+> - Navegadores modernos e Internet Explorer 11 (con [polyfills](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                                                                                                                                              | últimas 2 versiones                                                                                                                                     | últimas 2 versiones                                                                                                                                     | últimas 2 versiones                                                                                                                                     | últimas 2 versiones                                                                                                                                                 |
+
+<br/>
+
+## ⌨️ Desarrollo local
+
+Puedes usar Github Codespaces para desarrollo en línea:
+
+[![][github-codespace-shield]][github-codespace-link]
+
+O clonarlo para desarrollo local:
+
+```bash
+$ git clone https://github.com/ant-design/pro-components.git
+$ cd pro-components
+$ pnpm install
+$ pnpm dev
+```
+
+<br/>
+
+## 🤝 Contribuir
+
+> \[!IMPORTANTE]
+>
+> Únete a nuestro ecosistema colaborativo. Tus contribuciones son el latido de nuestro proyecto. Aquí te mostramos cómo puedes ser una parte integral de nuestra vibrante comunidad:
+
+- **Integra e Innova**: Incorpora Ant Design Pro, umi y ProComponents en tus proyectos. Tu uso real y tus comentarios son invaluables para nosotros.
+- **Expresa tus Perspectivas**: ¿Te encuentras con un error? ¿Tienes alguna pregunta? Tus perspectivas son importantes. Compártelas enviando [problemas][github-issues-link] y ayúdanos a mejorar la experiencia del usuario.
+- **Da Forma al Futuro**: ¿Tienes mejoras de código o ideas para nuevas funciones? Te invitamos a proponer [solicitudes de extracción][pr-welcome-link] y contribuir directamente a la evolución de nuestra base de código.
+
+Cada contribución, grande o pequeña, es celebrada. Únete a nuestra misión de refinar y elevar el mundo de los componentes de interfaz de usuario empresariales de código abierto. 😃
+
+[![][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>
+
+## 🛣️ Ecosistema
+
+- **[ProComponents](https://github.com/ant-design/pro-components)** - Diseñado para Aplicaciones a Nivel Empresarial, ¡Usa Ant Design como un Pro!.
+- **[ProEditor](https://github.com/ant-design/pro-editor)** - Un Marco y Componentes de Interfaz de Usuario para Editores.
+- **[ProFlow](https://github.com/ant-design/pro-flow)** - Un Marco de Editor de Flujo basado en React-Flow.
+- **[ProChat](https://github.com/ant-design/pro-chat)** - Biblioteca de Componentes para Construir Rápidamente Interfaces de Chat LLM.
+
+<br/>
+
+---
+
+#### 📝 License
+
+Copyright © 2023 - present [AFX][ant-design-link] & [Ant Digital](https://antdigital.com). <br/> This project is [MIT](./LICENSE) licensed.
+
+<!-- GRUPO DE ENLACES -->
+
+[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

package/README.md

@@ -1,19 +1,207 @@
-# @ant-design/pro-components
+<div align="center">
 
-> @ant-design/pro-components.
+<img height="160" src="https://gw.alipayobjects.com/zos/kitchen/wzToJwlSw%24/logo.svg">
 
-See our website [@ant-design/pro-components](https://procomponent.ant.design/) for more information.
+<h1>ProComponents</h1>
 
-## Install
+Designed for Enterprise-Level Application, Use Ant Design like a Pro!
 
-Using npm:
+[![][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.zh-CN.md) · [Report Bug][github-issues-link] · [Request Feature][github-issues-link]
+
+![](https://gw.alipayobjects.com/zos/kitchen/OsP5rUT6tc/pro-components.webp)
+
+</div>
+
+<details>
+<summary><kbd>Table of contents</kbd></summary>
+
+#### TOC
+
+- [📦 Installation](#-installation)
+- [✨ Features](#-features)
+  - [Empowering Features of ProComponents](#empowering-features-of-procomponents)
+  - [Considerations and Limitations](#considerations-and-limitations)
+- [🖥 Browser compatibility](#-browser-compatibility)
+- [⌨️ Local Development](#️-local-development)
+- [🤝 Contributing](#-contributing)
+- [🛣️ Ecosystem](#️-ecosystem)
+
+####
+
+</details>
+
+## 📦 Installation
+
+To install `@ant-design/pro-components`, run the following command:
 
 ```bash
-$ npm install --save  @ant-design/pro-components
+$ pnpm install @ant-design/pro-components
 ```
 
-or using yarn:
+<br/>
+
+## ✨ Features
+
+Pro Series components are meticulously engineered to bolster the robust architecture of enterprise-grade applications.
+
+[![](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/>
+
+### Empowering Features of ProComponents
+
+> \[!NOTE]
+>
+> ProComponents stands as a beacon for React-based enterprise application development. Here’s what makes it exceptional:
+
+- 💡 **Extensive Component Suite**: ProComponents boasts a comprehensive array of UI elements—ranging from tables and forms to charts and tree views. It caters to the diverse needs of enterprise applications with finesse.
+- 🚀 **Advanced Functionality**: Beyond basic UI elements, ProComponents is equipped with sophisticated data handling and business logic capabilities, enabling developers to swiftly construct powerful enterprise solutions.
+- 🎯 **Intuitive Usage**: With its straightforward API and detailed documentation, ProComponents ensures a smooth onboarding experience for developers, fostering quick adoption and deployment.
+- 🎨 **Visual Configuration Tools**: Certain components within ProComponents benefit from visual configuration aids, streamlining the design process for developers by simplifying component setup.
+- 🛠️ **Unmatched Customizability**: The library accommodates a plethora of configurations and styling options, ensuring that ProComponents can be tailored to the unique demands of any project.
+
+In essence, ProComponents is a robust, user-friendly, and versatile UI component library, architected to empower applications across various scales and domains.
+
+<br/>
+
+### Considerations and Limitations
+
+> \[!WARNING]
+>
+> While ProComponents offers a wealth of benefits, it’s important to weigh certain considerations:
+
+- **Limited customization**: Despite its rich component repository, ProComponents may pose challenges when it comes to deeply personalized customizations, potentially hindering the realization of certain project visions.
+- **Learning curve**: The library’s comprehensive API and extensive documentation, while thorough, may initially overwhelm newcomers. Mastery of ProComponents might require a dedicated learning investment.
+- **Browser compatibility**: ProComponents leverages cutting-edge browser technologies, which may not be supported by older browsers, potentially restricting application accessibility and necessitating additional development efforts for broader compatibility.
+- **Codebase size**: The substantial size of ProComponents’ codebase could impact the agility of the development process and complicate long-term maintenance.
+
+> \[!TIP]
+>
+> To summarize, ProComponents is a formidable contender in the realm of enterprise application UI libraries, yet it comes with its own set of trade-offs, including customization constraints, a considerable learning curve, browser compatibility considerations, and a sizable codebase. Developers are advised to thoroughly assess their project needs and limitations prior to integrating ProComponents into their workflow.
+
+<br/>
+
+## 🖥 Browser compatibility
+
+> \[!NOTE]
+>
+> - Modern browsers and Internet Explorer 11 (with [polyfills](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                                                                                                                                              | last 2 versions                                                                                                                                         | last 2 versions                                                                                                                                         | last 2 versions                                                                                                                                         | last 2 versions                                                                                                                                                     |
+
+<br/>
+
+## ⌨️ Local Development
+
+You can use Github Codespaces for online development:
+
+[![][github-codespace-shield]][github-codespace-link]
+
+Or clone it for local development:
 
 ```bash
-$ yarn add @ant-design/pro-components
+$ git clone https://github.com/ant-design/pro-components.git
+$ cd pro-components
+$ pnpm install
+$ pnpm dev
 ```
+
+<br/>
+
+## 🤝 Contributing
+
+> \[!IMPORTANT]
+>
+> Join our collaborative ecosystem. Your contributions are the heartbeat of our project. Here's how you can be an integral part of our vibrant community:
+
+- **Integrate and Innovate**: Incorporate Ant Design Pro, umi, and ProComponents into your projects. Your real-world usage and feedback are invaluable to us.
+- **Voice Your Insights**: Encounter a glitch? Have a query? Your perspectives matter. Share them by submitting [issues][github-issues-link] and help us enhance the user experience.
+- **Shape the Future**: Have code enhancements or feature ideas? We invite you to propose [pull requests][pr-welcome-link] and contribute directly to the evolution of our codebase.
+
+Every contribution, big or small, is celebrated. Join us in our mission to refine and elevate the world of open-source enterprise UI components. 😃
+
+[![][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>
+
+<a href="https://openomy.app/github/ant-design/pro-components" target="_blank" style="display: block; width: 100%;" align="center">
+  <img src="https://openomy.app/svg?repo=ant-design/pro-components&chart=bubble&latestMonth=3" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
+</a>
+
+## 🛣️ Ecosystem
+
+- **[ProComponents](https://github.com/ant-design/pro-components)** - Designed for Enterprise-Level Application, Use Ant Design like a Pro!.
+- **[ProEditor](https://github.com/ant-design/pro-editor)** - The Ultimate Editor UI Framework and Components.
+- **[ProFlow](https://github.com/ant-design/pro-flow)** - A Flow Editor Framework base on React-Flow.
+- **[ProChat](https://github.com/ant-design/pro-chat)** - Components Library for Quickly Building LLM Chat Interfaces.
+
+<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 History
+
+[![Star History](https://api.lucabubi.me/chart?username=ant-design&repository=pro-components)](https://github.com/lucabubi/star-history)

package/README.zh-CN.md

@@ -0,0 +1,207 @@
+<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>
+
+<a href="https://openomy.app/github/ant-design/pro-components" target="_blank" style="display: block; width: 100%;" align="center">
+  <img src="https://openomy.app/svg?repo=ant-design/pro-components&chart=bubble&latestMonth=3" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
+</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)