Browse Source

docs: update README and cheatsheet for v6 release

- Add v6 release link in both READMEs
- Update tech stack references (Umi Max 4, utoopack, Tailwind CSS v4)
- Add AI Assistant feature in feature list
- Update Templates section to match current routes
- Remove Opera from browser support table
- Add "What's New in v6" section in cheatsheets

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
pull/11730/head
afc163 5 months ago
parent
commit
908e931efd
  1. 36
      README.md
  2. 24
      README.zh-CN.md
  3. 12
      docs/cheatsheet.en-US.md
  4. 12
      docs/cheatsheet.zh-CN.md

36
README.md

@ -22,6 +22,7 @@ Language: 🇺🇸 | [🇨🇳](./README.zh-CN.md)
- Documentation: [docs/cheatsheet.en-US.md](./docs/cheatsheet.en-US.md)
- ChangeLog: https://github.com/ant-design/ant-design-pro/releases
- FAQ: [docs/cheatsheet.en-US.md#faq](./docs/cheatsheet.en-US.md#faq)
- **v6 Released!** — [What's new in v6](https://github.com/ant-design/ant-design-pro/releases/tag/v6.0.0)
## Features
@ -29,43 +30,46 @@ Language: 🇺🇸 | [🇨🇳](./README.zh-CN.md)
- :scroll: **Blocks**: Build page with block template
- :gem: **Neat Design**: Built on [Ant Design 6](https://ant.design/) specification
- :triangular_ruler: **Common Templates**: Typical templates for enterprise applications
- :rocket: **State of The Art Development**: Newest development stack of React 19/[umi](https://umijs.org/)/[antd 6](https://ant.design/)/[utoo](https://utoo.land)
- :rocket: **State of The Art Development**: Newest development stack of React 19/[Umi Max 4](https://umijs.org/)/[antd 6](https://ant.design/)/[utoopack](https://utoo.land)
- :iphone: **Responsive**: Designed for variable screen sizes
- :art: **Theming**: Customizable theme with [antd-style](https://github.com/ant-design/antd-style)
- :art: **Theming**: Customizable theme with [Tailwind CSS v4](https://tailwindcss.com/) + [antd-style](https://github.com/ant-design/antd-style)
- :globe_with_meridians: **International**: Built-in i18n solution
- :gear: **Best Practices**: Solid workflow to make your code healthy
- :1234: **Mock development**: Easy to use mock development solution
- :robot: **AI Assistant**: Built-in AI chatbot page powered by [Ant Design X](https://x.ant.design/)
- :white_check_mark: **UI Test**: Fly safely with unit and e2e tests
## Templates
```
- Welcome
- Dashboard
- Analytic
- Analysis
- Monitor
- Workspace
- Workplace
- Form
- Basic Form
- Step Form
- Advanced From
- Advanced Form
- List
- Standard Table
- Standard List
- Search List (Articles/Projects/Applications)
- Table List
- Basic List
- Card List
- Search List (Project/Applications/Article)
- Profile
- Simple Profile
- Basic Profile
- Advanced Profile
- Account
- Account Center
- Account Settings
- Result
- Success
- Failed
- Fail
- Exception
- 403
- 404
- 500
- Account
- Account Center
- Account Settings
- AI Assistant
- User
- Login
- Register
@ -122,9 +126,9 @@ npm run build
Modern browsers.
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
| --- | --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions |
## Contributing

24
README.zh-CN.md

@ -21,6 +21,7 @@ Language : [🇺🇸](./README.md) | 🇨🇳
- 使用文档:[docs/cheatsheet.zh-CN.md](./docs/cheatsheet.zh-CN.md)
- 更新日志: https://github.com/ant-design/ant-design-pro/releases
- 常见问题:[docs/cheatsheet.zh-CN.md#faq](./docs/cheatsheet.zh-CN.md#faq)
- **v6 正式发布!** — [查看 v6 更新内容](https://github.com/ant-design/ant-design-pro/releases/tag/v6.0.0)
## 特性
@ -28,17 +29,19 @@ Language : [🇺🇸](./README.md) | 🇨🇳
- :scroll: **区块**: 通过区块模板快速构建页面
- :gem: **优雅美观**:基于 [Ant Design 6](https://ant.design/) 体系精心设计
- :triangular_ruler: **常见设计模式**:提炼自中后台应用的典型页面和场景
- :rocket: **最新技术栈**:使用 React 19/[umi](https://umijs.org/)/[antd 6](https://ant.design/)/[utoo](https://utoo.land) 等前端前沿技术开发
- :rocket: **最新技术栈**:使用 React 19/[Umi Max 4](https://umijs.org/)/[antd 6](https://ant.design/)/[utoopack](https://utoo.land) 等前端前沿技术开发
- :iphone: **响应式**:针对不同屏幕大小设计
- :art: **主题**:基于 [antd-style](https://github.com/ant-design/antd-style) 的可配置主题满足多样化品牌诉求
- :art: **主题**:基于 [Tailwind CSS v4](https://tailwindcss.com/) + [antd-style](https://github.com/ant-design/antd-style) 的可配置主题满足多样化品牌诉求
- :globe_with_meridians: **国际化**:内建业界通用的国际化方案
- :gear: **最佳实践**:良好的工程实践助您持续产出高质量代码
- :1234: **Mock 数据**:实用的本地数据调试方案
- :robot: **AI 助手**:内置 AI 聊天助手页面,基于 [Ant Design X](https://x.ant.design/)
- :white_check_mark: **UI 测试**:自动化测试保障前端产品质量
## 模板
```
- 欢迎页
- Dashboard
- 分析页
- 监控页
@ -48,16 +51,13 @@ Language : [🇺🇸](./README.md) | 🇨🇳
- 分步表单页
- 高级表单页
- 列表页
- 搜索列表(文章/项目/应用)
- 查询表格
- 标准列表
- 卡片列表
- 搜索列表(项目/应用/文章)
- 详情页
- 基础详情页
- 高级详情页
- 用户
- 用户中心页
- 用户设置页
- 结果
- 成功页
- 失败页
@ -65,7 +65,11 @@ Language : [🇺🇸](./README.md) | 🇨🇳
- 403 无权限
- 404 找不到
- 500 服务器出错
- 帐户
- 用户
- 用户中心页
- 用户设置页
- AI 助手
- 账户
- 登录
- 注册
- 注册成功
@ -123,9 +127,9 @@ npm run build
现代浏览器。
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
| --- | --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions |
## 参与贡献

12
docs/cheatsheet.en-US.md

@ -4,6 +4,18 @@
![Ant Design Pro](https://mdn.alipayobjects.com/huamei_fkc4p0/afts/img/A*EX3ISYC2ghEAAAAAddAAAAgAeobDAQ/original)
## 🎉 What's New in v6
- **React 19 + antd 6 + Umi Max 4**: Full upgrade to the latest stack, powered by utoopack (Turbopack)
- **Style Overhaul**: Less → Tailwind CSS v4 + antd-style + CSS Modules, CSS variable theming enabled
- **AI Assistant Page**: Chat interface example built with Ant Design X
- **React Query**: Migrated from useRequest to @tanstack/react-query
- **Biome**: Replaces ESLint + Prettier for unified linting and formatting
- **Cloudflare Worker Backend**: Standalone demo API deployment using Hono
- **And more**: Route prefetch, skeleton Loading, D3 map, Cheatsheet docs, moment → dayjs, class → functional components
→ [View full changelog](https://github.com/ant-design/ant-design-pro/releases/tag/v6.0.0)
## Getting Started
**Create a project:**

12
docs/cheatsheet.zh-CN.md

@ -4,6 +4,18 @@
![Ant Design Pro](https://mdn.alipayobjects.com/huamei_fkc4p0/afts/img/A*EX3ISYC2ghEAAAAAddAAAAgAeobDAQ/original)
## 🎉 v6 新特性
- **React 19 + antd 6 + Umi Max 4**:全面升级到最新技术栈,utoopack(Turbopack)构建
- **样式重构**:Less → Tailwind CSS v4 + antd-style + CSS Modules,启用 CSS 变量主题
- **AI 助手页面**:基于 Ant Design X 的聊天界面示例
- **React Query**:从 useRequest 迁移到 @tanstack/react-query
- **Biome**:替代 ESLint + Prettier,统一 lint 和格式化
- **Cloudflare Worker 后端**:演示 API 独立部署,基于 Hono 框架
- **更多**:路由预加载、骨架屏 Loading、D3 地图、Cheatsheet 速查文档、moment → dayjs、Class → 函数式组件
→ [查看完整更新日志](https://github.com/ant-design/ant-design-pro/releases/tag/v6.0.0)
## 快速开始
**创建项目:**

Loading…
Cancel
Save