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>

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)

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)

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)

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.

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
 ---
 
 将页面元素钉在可视范围。

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.

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
 ---
 
 警告提示，展现需要关注的信息。

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.

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
 ---
 
 用于跳转到页面指定位置。

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.

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
 ---
 
 输入框自动完成功能。

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.

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
 ---
 
 用来代表用户或事物，支持图片、图标或字符展示。

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.

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
 ---
 
 返回页面顶部的操作按钮。

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.

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
 ---
 
 图标右上角的圆形徽标数字。

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.

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
 ---
 
 显示当前页面在系统层级结构中的位置，并能向上返回。

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.

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
 ---
 
 按钮用于开始一个即时操作。

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.

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
 ---
 
 按照日历形式展示数据的容器。

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.

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
 ---
 
 通用卡片容器。

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.

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
 ---
 
 旋转木马，一组轮播的区域。

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.

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
 ---
 
 级联选择框。

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.

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
 ---
 
 多选框。

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.

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
 ---
 
 可以折叠/展开的内容区域。

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.

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
 ---
 
 对网站内容的反馈、评价和讨论。

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.

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
 ---
 
 为组件提供统一的全局化配置。

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.

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
 ---
 
 输入或选择日期的控件。

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.

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
 ---
 
 成组展示多个只读字段。

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.

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
 ---
 
 区隔内容的分割线。

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.

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
 ---
 
 屏幕边缘滑出的浮层面板。

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.

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
 ---
 
 向下弹出的列表。

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.

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
 ---
 
 空状态时的展示占位图。

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.

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
 ---
 
 高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。

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。

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 栅格系统。

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:

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` 图标组件包：

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.

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
 ---
 
 通过鼠标或键盘，输入范围内的数值。

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.

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
 ---
 
 通过鼠标或键盘输入内容，是最基础的表单域的包装。

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.

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
 ---
 
 协助进行页面级整体布局。

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.

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
 ---
 
 通用列表。

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.

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
 ---
 
 提及组件。

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.

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
 ---
 
 为页面和功能提供导航的菜单列表。

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.

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
 ---
 
 全局展示操作反馈信息。

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.

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
 ---
 
 模态对话框。

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.

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
 ---
 
 全局展示通知提醒信息。

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.

components/overview/index.zh-CN.md

@@ -0,0 +1,7 @@
+---
+category: Components
+title: 组件总览
+type: 组件总览
+---
+
+`antd` 为 Web 应用提供了丰富的基础 UI 组件，我们还将持续探索企业级应用的最佳 UI 实践。

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.

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
 ---
 
 页头位于页容器中，页容器顶部，起到了内容概览和引导页级操作的作用。包括由面包屑、标题、页面内容简介、页面级操作等、页面级导航组成。

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.

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
 ---
 
 采用分页的形式分隔长列表，每次只加载一个页面。

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.

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
 ---
 
 点击元素，弹出气泡式的确认框。

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.

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
 ---
 
 点击/鼠标移入元素，弹出气泡式的卡片浮层。

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.

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
 ---
 
 展示操作的当前进度。

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.

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
 ---
 
 单选框。

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.

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
 ---
 
 评分组件。

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.

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
 ---
 
 用于反馈一系列操作任务的处理结果。

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.

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
 ---
 
 下拉选择器。

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.

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
 ---
 
 在需要等待加载内容的位置提供一个占位图形组合。

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.

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
 ---
 
 滑动型输入器，展示当前值和可选范围。

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.

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
 ---
 
 设置组件之间的间距。

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.