docs: 🌈 Add Components overview page (#24491)

* docs: Add components overview page * fix detail * remove ContributorsList form overview page * fix components url * improve code style * remove extra file * fix detail * fix lint * fix lint * docs: Finish components overview page * fix lint * docs: Update cover * fix lint * update cover * update menu * improve overview page * refactor code * fix order * update title * add components count * fix overview page ssr bug * move less file * update title margin Co-authored-by: arvinxx <arvinx@foxmail.com>
5 years ago · 882cec62d6
140 changed files with 456 additions and 161 deletions
--- a/README-pt_BR.md
+++ b/README-pt_BR.md
@ -110,7 +110,7 @@ Veja [i18n](https://ant.design/docs/react/i18n).
 ## 🔗 Links

 - [Página inicial](https://ant.design/)
- [Componentes](https://ant.design/components/button)
+- [Componentes](https://ant.design/components/overview)
 - [Ant Design Pro](http://pro.ant.design/)
 - [Ant Design Charts](https://charts.ant.design)
 - [Change Log](CHANGELOG.en-US.md)
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@ -114,7 +114,7 @@ import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
 ## 🔗 链接

 - [首页](https://ant.design/)
- [组件库](https://ant.design/docs/react/introduce)
+- [组件库](https://ant.design/components/overview-cn)
 - [Ant Design Pro](http://pro.ant.design/)
 - [Ant Design Charts](https://charts.ant.design)
 - [更新日志](CHANGELOG.en-US.md)
--- a/README.md
+++ b/README.md
@ -110,7 +110,7 @@ Dozens of languages supported in `antd`, see [i18n](https://ant.design/docs/reac
 ## 🔗 Links

 - [Home page](https://ant.design/)
- [Components](https://ant.design/components/button/)
+- [Components](https://ant.design/components/overview)
 - [Ant Design Pro](http://pro.ant.design/)
 - [Ant Design Charts](https://charts.ant.design)
 - [Change Log](CHANGELOG.en-US.md)
--- a/components/affix/index.en-US.md
+++ b/components/affix/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Navigation
 title: Affix
+cover: https://gw.alipayobjects.com/zos/alicdn/SQGCQ7gOO/Affix.svg
 ---

 Wrap Affix around another component to make it stick the viewport.
--- a/components/affix/index.zh-CN.md
+++ b/components/affix/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 固钉
 type: 导航
 title: Affix
+cover: https://gw.alipayobjects.com/zos/alicdn/SQGCQ7gOO/Affix.svg
 ---

 将页面元素钉在可视范围。
--- a/components/alert/index.en-US.md
+++ b/components/alert/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Feedback
 title: Alert
+cover: https://gw.alipayobjects.com/zos/antfincdn/nuhf3vdRno/Alert.svg
 ---

 Alert component for feedback.
--- a/components/alert/index.zh-CN.md
+++ b/components/alert/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 警告提示
 type: 反馈
 title: Alert
+cover: https://gw.alipayobjects.com/zos/antfincdn/nuhf3vdRno/Alert.svg
 ---

 警告提示，展现需要关注的信息。
--- a/components/anchor/index.en-US.md
+++ b/components/anchor/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Other
 cols: 2
 title: Anchor
+cover: https://gw.alipayobjects.com/zos/alicdn/ep_L42LFy/Anchor.svg
 ---

 Hyperlinks to scroll on one page.
--- a/components/anchor/index.zh-CN.md
+++ b/components/anchor/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 锚点
 cols: 2
 type: 其他
 title: Anchor
+cover: https://gw.alipayobjects.com/zos/alicdn/ep_L42LFy/Anchor.svg
 ---

 用于跳转到页面指定位置。
--- a/components/auto-complete/index.en-US.md
+++ b/components/auto-complete/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Data Entry
 cols: 2
 title: AutoComplete
+cover: https://gw.alipayobjects.com/zos/alicdn/gtGCgVDKv/AutoComplete.svg
 ---

 Autocomplete function of input field.
--- a/components/auto-complete/index.zh-CN.md
+++ b/components/auto-complete/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 自动完成
 type: 数据录入
 cols: 2
 title: AutoComplete
+cover: https://gw.alipayobjects.com/zos/alicdn/gtGCgVDKv/AutoComplete.svg
 ---

 输入框自动完成功能。
--- a/components/avatar/index.en-US.md
+++ b/components/avatar/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Display
 title: Avatar
+cover: https://gw.alipayobjects.com/zos/antfincdn/aBcnbw68hP/Avatar.svg
 ---

 Avatars can be used to represent people or objects. It supports images, `Icon`s, or letters.
--- a/components/avatar/index.zh-CN.md
+++ b/components/avatar/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 头像
 type: 数据展示
 title: Avatar
+cover: https://gw.alipayobjects.com/zos/antfincdn/aBcnbw68hP/Avatar.svg
 ---

 用来代表用户或事物，支持图片、图标或字符展示。
--- a/components/back-top/index.en-US.md
+++ b/components/back-top/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Other
 title: BackTop
+cover: https://gw.alipayobjects.com/zos/alicdn/Ji3PnAAMT/BackTop.svg
 ---

 `BackTop` makes it easy to go back to the top of the page.
--- a/components/back-top/index.zh-CN.md
+++ b/components/back-top/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 type: 其他
 subtitle: 回到顶部
 title: BackTop
+cover: https://gw.alipayobjects.com/zos/alicdn/Ji3PnAAMT/BackTop.svg
 ---

 返回页面顶部的操作按钮。
--- a/components/badge/index.en-US.md
+++ b/components/badge/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Display
 title: Badge
+cover: https://gw.alipayobjects.com/zos/antfincdn/6%26GF9WHwvY/Badge.svg
 ---

 Small numerical value or status descriptor for UI elements.
--- a/components/badge/index.zh-CN.md
+++ b/components/badge/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 徽标数
 type: 数据展示
 title: Badge
+cover: https://gw.alipayobjects.com/zos/antfincdn/6%26GF9WHwvY/Badge.svg
 ---

 图标右上角的圆形徽标数字。
--- a/components/breadcrumb/index.en-US.md
+++ b/components/breadcrumb/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Navigation
 title: Breadcrumb
+cover: https://gw.alipayobjects.com/zos/alicdn/9Ltop8JwH/Breadcrumb.svg
 ---

 A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy.
--- a/components/breadcrumb/index.zh-CN.md
+++ b/components/breadcrumb/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 面包屑
 type: 导航
 title: Breadcrumb
+cover: https://gw.alipayobjects.com/zos/alicdn/9Ltop8JwH/Breadcrumb.svg
 ---

 显示当前页面在系统层级结构中的位置，并能向上返回。
--- a/components/button/index.en-US.md
+++ b/components/button/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: General
 title: Button
+cover: https://gw.alipayobjects.com/zos/antfincdn/qZWIjVIkQ7/Button.svg
 ---

 To trigger an operation.
--- a/components/button/index.zh-CN.md
+++ b/components/button/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 type: 通用
 title: Button
 subtitle: 按钮
+cover: https://gw.alipayobjects.com/zos/antfincdn/qZWIjVIkQ7/Button.svg
 ---

 按钮用于开始一个即时操作。
--- a/components/calendar/index.en-US.md
+++ b/components/calendar/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Data Display
 cols: 1
 title: Calendar
+cover: https://gw.alipayobjects.com/zos/antfincdn/dPQmLq08DI/Calendar.svg
 ---

 Container for displaying data in calendar form.
--- a/components/calendar/index.zh-CN.md
+++ b/components/calendar/index.zh-CN.md
@ -4,6 +4,7 @@ type: 数据展示
 subtitle: 日历
 cols: 1
 title: Calendar
+cover: https://gw.alipayobjects.com/zos/antfincdn/dPQmLq08DI/Calendar.svg
 ---

 按照日历形式展示数据的容器。
--- a/components/card/index.en-US.md
+++ b/components/card/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Data Display
 title: Card
 cols: 1
+cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
 ---

 Simple rectangular container.
--- a/components/card/index.zh-CN.md
+++ b/components/card/index.zh-CN.md
@ -4,6 +4,7 @@ type: 数据展示
 title: Card
 subtitle: 卡片
 cols: 1
+cover: https://gw.alipayobjects.com/zos/antfincdn/NqXt8DJhky/Card.svg
 ---

 通用卡片容器。
--- a/components/carousel/index.en-US.md
+++ b/components/carousel/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Display
 title: Carousel
+cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
 ---

 A carousel component. Scales with its container.
--- a/components/carousel/index.zh-CN.md
+++ b/components/carousel/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 type: 数据展示
 title: Carousel
 subtitle: 走马灯
+cover: https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg
 ---

 旋转木马，一组轮播的区域。
--- a/components/cascader/index.en-US.md
+++ b/components/cascader/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Entry
 title: Cascader
+cover: https://gw.alipayobjects.com/zos/antfincdn/cOHaAyTQ3u/Cascader.svg
 ---

 Cascade selection box.
--- a/components/cascader/index.zh-CN.md
+++ b/components/cascader/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 type: 数据录入
 title: Cascader
 subtitle: 级联选择
+cover: https://gw.alipayobjects.com/zos/antfincdn/cOHaAyTQ3u/Cascader.svg
 ---

 级联选择框。
--- a/components/checkbox/index.en-US.md
+++ b/components/checkbox/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Entry
 title: Checkbox
+cover: https://gw.alipayobjects.com/zos/alicdn/p7QZthygf/Checkbox.svg
 ---

 Checkbox component.
--- a/components/checkbox/index.zh-CN.md
+++ b/components/checkbox/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 多选框
 type: 数据录入
 title: Checkbox
+cover: https://gw.alipayobjects.com/zos/alicdn/p7QZthygf/Checkbox.svg
 ---

 多选框。
--- a/components/collapse/index.en-US.md
+++ b/components/collapse/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Data Display
 title: Collapse
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/IxH16B9RD/Collapse.svg
 ---

 A content area which can be collapsed and expanded.
--- a/components/collapse/index.zh-CN.md
+++ b/components/collapse/index.zh-CN.md
@ -4,6 +4,7 @@ type: 数据展示
 title: Collapse
 subtitle: 折叠面板
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/IxH16B9RD/Collapse.svg
 ---

 可以折叠/展开的内容区域。
--- a/components/comment/index.en-US.md
+++ b/components/comment/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Data Display
 title: Comment
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/uNYjrKkPv/Comment.svg
 ---

 A comment displays user feedback and discussion to website content.
--- a/components/comment/index.zh-CN.md
+++ b/components/comment/index.zh-CN.md
@ -4,6 +4,7 @@ type: 数据展示
 title: Comment
 subtitle: 评论
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/uNYjrKkPv/Comment.svg
 ---

 对网站内容的反馈、评价和讨论。
--- a/components/config-provider/index.en-US.md
+++ b/components/config-provider/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Other
 cols: 1
 title: ConfigProvider
+cover: https://gw.alipayobjects.com/zos/alicdn/kegYxl1wj/ConfigProvider.svg
 ---

 `ConfigProvider` provides a uniform configuration support for components.
--- a/components/config-provider/index.zh-CN.md
+++ b/components/config-provider/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 全局化配置
 cols: 1
 type: 其他
 title: ConfigProvider
+cover: https://gw.alipayobjects.com/zos/alicdn/kegYxl1wj/ConfigProvider.svg
 ---

 为组件提供统一的全局化配置。
--- a/components/date-picker/index.en-US.md
+++ b/components/date-picker/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Entry
 title: DatePicker
+cover: https://gw.alipayobjects.com/zos/alicdn/Xr6CsbN_a/DatePicker.svg
 ---

 To select or input a date.
--- a/components/date-picker/index.zh-CN.md
+++ b/components/date-picker/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 type: 数据录入
 title: DatePicker
 subtitle: 日期选择框
+cover: https://gw.alipayobjects.com/zos/alicdn/Xr6CsbN_a/DatePicker.svg
 ---

 输入或选择日期的控件。
--- a/components/descriptions/index.en-US.md
+++ b/components/descriptions/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Data Display
 title: Descriptions
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg
 ---

 Display multiple read-only fields in groups.
--- a/components/descriptions/index.zh-CN.md
+++ b/components/descriptions/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 描述列表
 type: 数据展示
 title: Descriptions
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg
 ---

 成组展示多个只读字段。
--- a/components/divider/index.en-US.md
+++ b/components/divider/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Layout
 title: Divider
+cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
 ---

 A divider line separates different content.
--- a/components/divider/index.zh-CN.md
+++ b/components/divider/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 type: 布局
 title: Divider
 subtitle: 分割线
+cover: https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg
 ---

 区隔内容的分割线。
--- a/components/drawer/index.en-US.md
+++ b/components/drawer/index.en-US.md
@ -3,6 +3,7 @@ type: Feedback
 category: Components
 subtitle:
 title: Drawer
+cover: https://gw.alipayobjects.com/zos/alicdn/7z8NJQhFb/Drawer.svg
 ---

 A panel which slides in from the edge of the screen.
--- a/components/drawer/index.zh-CN.md
+++ b/components/drawer/index.zh-CN.md
@ -3,6 +3,7 @@ type: 反馈
 category: Components
 subtitle: 抽屉
 title: Drawer
+cover: https://gw.alipayobjects.com/zos/alicdn/7z8NJQhFb/Drawer.svg
 ---

 屏幕边缘滑出的浮层面板。
--- a/components/dropdown/index.en-US.md
+++ b/components/dropdown/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Navigation
 title: Dropdown
+cover: https://gw.alipayobjects.com/zos/alicdn/TIIiKrsQT/Dropdown.svg
 ---

 A dropdown list.
--- a/components/dropdown/index.zh-CN.md
+++ b/components/dropdown/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 下拉菜单
 type: 导航
 title: Dropdown
+cover: https://gw.alipayobjects.com/zos/alicdn/TIIiKrsQT/Dropdown.svg
 ---

 向下弹出的列表。
--- a/components/empty/index.en-US.md
+++ b/components/empty/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Data Display
 title: Empty
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/HzvSywumz/Empty.svg
 ---

 Empty state placeholder.
--- a/components/empty/index.zh-CN.md
+++ b/components/empty/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 空状态
 type: 数据展示
 title: Empty
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/HzvSywumz/Empty.svg
 ---

 空状态时的展示占位图。
--- a/components/form/index.en-US.md
+++ b/components/form/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Data Entry
 cols: 1
 title: Form
+cover: https://gw.alipayobjects.com/zos/antfincdn/YeW5m96xHG/Form.svg
 ---

 High performance Form component with data scope management. Including data collection, verification, and styles.
--- a/components/form/index.zh-CN.md
+++ b/components/form/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 表单
 type: 数据录入
 cols: 1
 title: Form
+cover: https://gw.alipayobjects.com/zos/antfincdn/YeW5m96xHG/Form.svg
 ---

 高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。
--- a/components/grid/index.en-US.md
+++ b/components/grid/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Layout
 cols: 1
 title: Grid
+cover: https://gw.alipayobjects.com/zos/alicdn/5rWLU27so/Grid.svg
 ---

 24 Grids System。
--- a/components/grid/index.zh-CN.md
+++ b/components/grid/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 栅格
 type: 布局
 cols: 1
 title: Grid
+cover: https://gw.alipayobjects.com/zos/alicdn/5rWLU27so/Grid.svg
 ---

 24 栅格系统。
--- a/components/icon/index.en-US.md
+++ b/components/icon/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: General
 title: Icon
 toc: false
+cover: https://gw.alipayobjects.com/zos/alicdn/rrwbSt3FQ/Icon.svg
 ---

 Semantic vector graphics. Before use icons, you need to install `@ant-design/icons` package:
--- a/components/icon/index.zh-CN.md
+++ b/components/icon/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 图标
 type: 通用
 title: Icon
 toc: false
+cover: https://gw.alipayobjects.com/zos/alicdn/rrwbSt3FQ/Icon.svg
 ---

 语义化的矢量图形。使用图标组件，你需要安装 `@ant-design/icons` 图标组件包：
--- a/components/input-number/index.en-US.md
+++ b/components/input-number/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Entry
 title: InputNumber
+cover: https://gw.alipayobjects.com/zos/alicdn/SPEln9WgK/InputNumber.svg
 ---

 Enter a number within certain range with the mouse or keyboard.
--- a/components/input-number/index.zh-CN.md
+++ b/components/input-number/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 数字输入框
 type: 数据录入
 title: InputNumber
+cover: https://gw.alipayobjects.com/zos/alicdn/SPEln9WgK/InputNumber.svg
 ---

 通过鼠标或键盘，输入范围内的数值。
--- a/components/input/index.en-US.md
+++ b/components/input/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Entry
 title: Input
+cover: https://gw.alipayobjects.com/zos/alicdn/By8Gcczjz/Input.svg
 ---

 A basic widget for getting the user input is a text field. Keyboard and mouse can be used for providing or changing data.
--- a/components/input/index.zh-CN.md
+++ b/components/input/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 输入框
 type: 数据录入
 title: Input
+cover: https://gw.alipayobjects.com/zos/alicdn/By8Gcczjz/Input.svg
 ---

 通过鼠标或键盘输入内容，是最基础的表单域的包装。
--- a/components/layout/index.en-US.md
+++ b/components/layout/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Layout
 cols: 1
 title: Layout
+cover: https://gw.alipayobjects.com/zos/alicdn/hzEndUVEx/Layout.svg
 ---

 Handling the overall layout of a page.
--- a/components/layout/index.zh-CN.md
+++ b/components/layout/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 布局
 type: 布局
 cols: 1
 title: Layout
+cover: https://gw.alipayobjects.com/zos/alicdn/hzEndUVEx/Layout.svg
 ---

 协助进行页面级整体布局。
--- a/components/list/index.en-US.md
+++ b/components/list/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Data Display
 title: List
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
 ---

 Simple List.
--- a/components/list/index.zh-CN.md
+++ b/components/list/index.zh-CN.md
@ -4,6 +4,7 @@ type: 数据展示
 title: List
 subtitle: 列表
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg
 ---

 通用列表。
--- a/components/mentions/index.en-US.md
+++ b/components/mentions/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Entry
 title: Mentions
+cover: https://gw.alipayobjects.com/zos/alicdn/0pF5j477V/Mentions.svg
 ---

 Mention component.
--- a/components/mentions/index.zh-CN.md
+++ b/components/mentions/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 提及
 type: 数据录入
 title: Mentions
+cover: https://gw.alipayobjects.com/zos/alicdn/0pF5j477V/Mentions.svg
 ---

 提及组件。
--- a/components/menu/index.en-US.md
+++ b/components/menu/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 cols: 1
 type: Navigation
 title: Menu
+cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
 ---

 A versatile menu for navigation.
--- a/components/menu/index.zh-CN.md
+++ b/components/menu/index.zh-CN.md
@ -4,6 +4,7 @@ cols: 1
 type: 导航
 title: Menu
 subtitle: 导航菜单
+cover: https://gw.alipayobjects.com/zos/alicdn/3XZcjGpvK/Menu.svg
 ---

 为页面和功能提供导航的菜单列表。
--- a/components/message/index.en-US.md
+++ b/components/message/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Feedback
 noinstant: true
 title: Message
+cover: https://gw.alipayobjects.com/zos/alicdn/DDde1IT6g/Message.svg
 ---

 Display global messages as feedback in response to user operations.
--- a/components/message/index.zh-CN.md
+++ b/components/message/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 全局提示
 type: 反馈
 noinstant: true
 title: Message
+cover: https://gw.alipayobjects.com/zos/alicdn/DDde1IT6g/Message.svg
 ---

 全局展示操作反馈信息。
--- a/components/modal/index.en-US.md
+++ b/components/modal/index.en-US.md
@ -2,6 +2,7 @@
 type: Feedback
 category: Components
 title: Modal
+cover: https://gw.alipayobjects.com/zos/alicdn/3StSdUlSH/Modal.svg
 ---

 Modal dialogs.
--- a/components/modal/index.zh-CN.md
+++ b/components/modal/index.zh-CN.md
@ -3,6 +3,7 @@ type: 反馈
 category: Components
 subtitle: 对话框
 title: Modal
+cover: https://gw.alipayobjects.com/zos/alicdn/3StSdUlSH/Modal.svg
 ---

 模态对话框。
--- a/components/notification/index.en-US.md
+++ b/components/notification/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Feedback
 noinstant: true
 title: Notification
+cover: https://gw.alipayobjects.com/zos/alicdn/KiuspIW60/Notification.svg
 ---

 Display a notification message globally.
--- a/components/notification/index.zh-CN.md
+++ b/components/notification/index.zh-CN.md
@ -4,6 +4,7 @@ type: 反馈
 noinstant: true
 title: Notification
 subtitle: 通知提醒框
+cover: https://gw.alipayobjects.com/zos/alicdn/KiuspIW60/Notification.svg
 ---

 全局展示通知提醒信息。
--- a/components/overview/index.en-US.md
+++ b/components/overview/index.en-US.md
@ -0,0 +1,7 @@
+---
+category: Components
+title: Components Overview
+type: Overview
+---
+
+`antd` provides plenty of UI components to enrich your web applications, and we will improve components expirerence consistently.
--- a/components/overview/index.zh-CN.md
+++ b/components/overview/index.zh-CN.md
@ -0,0 +1,7 @@
+---
+category: Components
+title: 组件总览
+type: 组件总览
+---
+
+`antd` 为 Web 应用提供了丰富的基础 UI 组件，我们还将持续探索企业级应用的最佳 UI 实践。
--- a/components/page-header/index.en-US.md
+++ b/components/page-header/index.en-US.md
@ -4,6 +4,7 @@ type: Navigation
 title: PageHeader
 cols: 1
 subtitle:
+cover: https://gw.alipayobjects.com/zos/alicdn/Uh-BJWMqm/PageHeader.svg
 ---

 A header with common actions and design elements built in.
--- a/components/page-header/index.zh-CN.md
+++ b/components/page-header/index.zh-CN.md
@ -4,6 +4,7 @@ type: 导航
 title: PageHeader
 cols: 1
 subtitle: 页头
+cover: https://gw.alipayobjects.com/zos/alicdn/Uh-BJWMqm/PageHeader.svg
 ---

 页头位于页容器中，页容器顶部，起到了内容概览和引导页级操作的作用。包括由面包屑、标题、页面内容简介、页面级操作等、页面级导航组成。
--- a/components/pagination/index.en-US.md
+++ b/components/pagination/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Navigation
 title: Pagination
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/hRRde7p5u/Pagination.svg
 ---

 A long list can be divided into several pages using `Pagination`, and only one page will be loaded at a time.
--- a/components/pagination/index.zh-CN.md
+++ b/components/pagination/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 分页
 type: 导航
 title: Pagination
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/hRRde7p5u/Pagination.svg
 ---

 采用分页的形式分隔长列表，每次只加载一个页面。
--- a/components/popconfirm/index.en-US.md
+++ b/components/popconfirm/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Feedback
 title: Popconfirm
+cover: https://gw.alipayobjects.com/zos/alicdn/8ln6VUFkX/Popconfirm.svg
 ---

 A simple and compact confirmation dialog of an action.
--- a/components/popconfirm/index.zh-CN.md
+++ b/components/popconfirm/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 气泡确认框
 type: 反馈
 title: Popconfirm
+cover: https://gw.alipayobjects.com/zos/alicdn/8ln6VUFkX/Popconfirm.svg
 ---

 点击元素，弹出气泡式的确认框。
--- a/components/popover/index.en-US.md
+++ b/components/popover/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Display
 title: Popover
+cover: https://gw.alipayobjects.com/zos/antfincdn/GkviFueLQwx/Popover.svg
 ---

 The floating card popped by clicking or hovering.
--- a/components/popover/index.zh-CN.md
+++ b/components/popover/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 气泡卡片
 type: 数据展示
 title: Popover
+cover: https://gw.alipayobjects.com/zos/antfincdn/GkviFueLQwx/Popover.svg
 ---

 点击/鼠标移入元素，弹出气泡式的卡片浮层。
--- a/components/progress/index.en-US.md
+++ b/components/progress/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Feedback
 title: Progress
+cover: https://gw.alipayobjects.com/zos/antfincdn/%24X8q%26OILIY/Progress.svg
 ---

 Display the current progress of an operation flow.
--- a/components/progress/index.zh-CN.md
+++ b/components/progress/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 进度条
 type: 反馈
 title: Progress
+cover: https://gw.alipayobjects.com/zos/antfincdn/%24X8q%26OILIY/Progress.svg
 ---

 展示操作的当前进度。
--- a/components/radio/index.en-US.md
+++ b/components/radio/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Entry
 title: Radio
+cover: https://gw.alipayobjects.com/zos/alicdn/jhSTlg4WQ/Radio.svg
 ---

 Radio.
--- a/components/radio/index.zh-CN.md
+++ b/components/radio/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 单选框
 type: 数据录入
 title: Radio
+cover: https://gw.alipayobjects.com/zos/alicdn/jhSTlg4WQ/Radio.svg
 ---

 单选框。
--- a/components/rate/index.en-US.md
+++ b/components/rate/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Entry
 title: Rate
+cover: https://gw.alipayobjects.com/zos/alicdn/V-ycROUpN/Rate.svg
 ---

 Rate component.
--- a/components/rate/index.zh-CN.md
+++ b/components/rate/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 评分
 type: 数据录入
 title: Rate
+cover: https://gw.alipayobjects.com/zos/alicdn/V-ycROUpN/Rate.svg
 ---

 评分组件。
--- a/components/result/index.en-US.md
+++ b/components/result/index.en-US.md
@ -3,7 +3,7 @@ type: Feedback
 category: Components
 title: Result
 cols: 1
-subtitle:
+cover: https://gw.alipayobjects.com/zos/alicdn/EuEXmy7nO/Result.svg
 ---

 Used to feed back the results of a series of operational tasks.
--- a/components/result/index.zh-CN.md
+++ b/components/result/index.zh-CN.md
@ -4,6 +4,7 @@ category: Components
 title: Result
 cols: 1
 subtitle: 结果
+cover: https://gw.alipayobjects.com/zos/alicdn/EuEXmy7nO/Result.svg
 ---

 用于反馈一系列操作任务的处理结果。
--- a/components/select/index.en-US.md
+++ b/components/select/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Entry
 title: Select
+cover: https://gw.alipayobjects.com/zos/alicdn/oCqbyNvbA/Select.svg
 ---

 Select component to select value from options.
--- a/components/select/index.zh-CN.md
+++ b/components/select/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 选择器
 type: 数据录入
 title: Select
+cover: https://gw.alipayobjects.com/zos/alicdn/oCqbyNvbA/Select.svg
 ---

 下拉选择器。
--- a/components/skeleton/index.en-US.md
+++ b/components/skeleton/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Feedback
 title: Skeleton
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
 ---

 Provide a placeholder while you wait for content to load, or to visualise content that doesn't exist yet.
--- a/components/skeleton/index.zh-CN.md
+++ b/components/skeleton/index.zh-CN.md
@ -4,6 +4,7 @@ subtitle: 骨架屏
 type: 反馈
 title: Skeleton
 cols: 1
+cover: https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg
 ---

 在需要等待加载内容的位置提供一个占位图形组合。
--- a/components/slider/index.en-US.md
+++ b/components/slider/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Data Entry
 title: Slider
+cover: https://gw.alipayobjects.com/zos/alicdn/HZ3meFc6W/Silder.svg
 ---

 A Slider component for displaying current value and intervals in range.
--- a/components/slider/index.zh-CN.md
+++ b/components/slider/index.zh-CN.md
@ -3,6 +3,7 @@ category: Components
 subtitle: 滑动输入条
 type: 数据录入
 title: Slider
+cover: https://gw.alipayobjects.com/zos/alicdn/HZ3meFc6W/Silder.svg
 ---

 滑动型输入器，展示当前值和可选范围。
--- a/components/space/index.en-US.md
+++ b/components/space/index.en-US.md
@ -3,6 +3,7 @@ category: Components
 type: Layout
 title: Space
 cols: 1
+cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
 ---

 Set components spacing.
--- a/components/space/index.zh-CN.md
+++ b/components/space/index.zh-CN.md
@ -4,6 +4,7 @@ type: 布局
 subtitle: 间距
 title: Space
 cols: 1
+cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
 ---

 设置组件之间的间距。
--- a/components/spin/index.en-US.md
+++ b/components/spin/index.en-US.md
@ -2,6 +2,7 @@
 category: Components
 type: Feedback
 title: Spin
+cover: https://gw.alipayobjects.com/zos/alicdn/LBcJqCPRv/Spin.svg
 ---

 A spinner for displaying loading state of a page or a section.