Ant Design Pro 官方版是基于企业级 UI 设计语言与 React 框架打造的组件库软件，专为前端开发与 UI 设计人员量身开发。软件提供专业规范的组件模型与全面的前端 UI 设计辅助功能，内置丰富优质的设计方案与设计素材，可有效激发设计灵感，帮助用户快速搭建界面、提升设计效率。

软件亮点

---

开箱即用：提供完整的解决方案，减少基础搭建时间，专注业务逻辑实现。

高效开发：丰富的模板和组件库，加速页面构建和功能开发。

代码健壮：TypeScript 支持，类型安全，减少运行时错误。

体验一致：遵循 Ant Design 设计规范，确保产品体验统一性。

技术先进：基于现代前端技术栈，保持技术领先性和可扩展性。

社区活跃：由蚂蚁金服团队开发和维护，GitHub 上有大量星标和贡献者，社区支持强大。

软件功能

设计语言与视觉风格

遵循 Ant Design 的设计价值观，提供一致的设计语言和视觉风格，确保产品体验的统一性。

基于 Ant Design 体系精心设计 UI 组件，美观大方且符合中后台应用的使用习惯。

丰富的模板与组件

提供多种页面模板，包括仪表盘、表单、列表、详情页等，覆盖常见业务场景。

内置大量高质量组件，如表格、表单、图表、导航等，支持复杂数据展示和交互需求。

提炼自中后台应用的典型页面和场景，形成成熟的设计模式，加速功能落地。

技术栈与开发体验

基于 React、UmiJS、Dva、Antd 等前端前沿技术开发，确保技术先进性和可扩展性。

支持 TypeScript，提供类型安全，减少运行时错误，提高代码可维护性。

提供完整的开发和构建工具链，包括路由、权限管理、国际化、数据模拟等。

响应式与主题配置

完美适配不同屏幕尺寸，从桌面到移动设备提供一致的用户体验。

支持可配置的主题功能，满足多样化品牌诉求，轻松实现 UI 风格个性化定制。

国际化与权限管理

内建业界通用的国际化方案，支持多语言切换，助力应用全球化拓展。

提供完整的权限管理方案，支持页面级和功能级权限控制，确保系统安全性。

工程实践与质量保障

融入大量最佳实践，遵循行业高标准，助力持续产出高质量代码。

支持 Mock 数据和 UI 测试，保障前端产品质量。

插件生态与扩展性

提供丰富的插件系统，可轻松扩展功能，满足个性化需求。

支持二次开发，开发者可根据项目需求灵活调整和优化。

软件特色

企业级管理后台：快速搭建功能丰富的后台管理系统，如 CRM、ERP、OA 等。

数据可视化平台：利用内置图表组件，构建交互式数据展示和分析平台。

多语言国际化应用：支持多语言切换，满足全球化业务需求。

权限控制复杂系统：提供灵活的权限管理机制，适应不同角色和场景需求。

常见问题

Node.js 版本不兼容

问题描述：新手在初次使用 Ant Design Pro 时，可能会遇到 Node.js 版本不兼容的问题。

解决方案：确保 Node.js 版本在项目要求的范围内，可以通过 node -v 命令查看当前版本。

依赖安装失败

问题描述：使用 npm install 或 yarn install 命令安装项目依赖时，可能会遇到安装失败的情况。

解决方案：

尝试使用 npm cache clean --force 清理缓存后重试。

项目推荐使用 pnpm 进行依赖管理，可以通过 pnpm install 命令安装依赖。

更新日志

      新增 tableLayout 属性，支持设置表格的 table-layout 布局，并在固定表头/列下默认开启 tableLayout="fixed"，解决因为表格自动根据内容排版造成的列对齐问题。

      新增 column.ellipsis 支持单元格内容自动省略。

      新增 scroll.scrollToFirstRowOnChange 属性，用于设置在翻页后是否滚动到表格顶部。

      filterDropdown 新增 visible 参数，用于获取下拉框的显示状态。

      title 方法新增 sortColumn 参数，用于获取当前排序的列。

      排序时 onChange 的 sorter 参数将始终包含 column 信息。

      修复过滤下拉菜单的间距问题。

      Anchor 新增 onChange 属性，用于监听锚点链接的改变。

      新增 showDownloadIcon 属性，用于展示下载图标。

      支持 onRemove 对上传中断的控制。

      Input.Search 新增 loading 属性，用于展示加载中的状态。

      Grid 的 gutter 属性新增垂直间距的支持，现在你可以给 gutter 设置一个数组，数组的第二个值就表示垂直间距。

      message 新增支持通过唯一的 key 来更新内容。

      Layout 新增 zeroWidthTriggerStyle 属性以控制当 collapsedWidth 为 0 时，出现的特殊 trigger 的样式。

      Drawer 新增 drawerStyle 和 headerStyle 属性。

      新增 ghost 属性，用于设置是否需要白底背景。

      新增 pageHeader 用于全局控制 PageHeader 的样式。

      修复 moment 不能被 tree shaking 的问题。

      修复 TreeSelect 的 removeIcon 和 clearIcon 属性不生效的问题。

      修复 Tree 设置 showLine 后 switcherIcon 不生效的问题。

      修复 Slider 组件设置 handle 大小后定位错误的问题。

      修复在 IE 11 下的图标样式。

      修复 expandIcon 的 className 会被覆盖的问题。

      修复 Tree.DirectoryTree 组件传入 treeData 时 defaultExpandAll 不生效的问题。

      修复 Dropdown 下部分 Menu 样式错乱的问题。

      修复 Cascader 的 placeholder 国际化错误。

      新增 less 变量 @typography-title-margin-top 和 @typography-title-margin-bottom。

      提示：废弃 Input.TextArea 的 autosize 属性，请使用 autoSize 代替。