docs: 🌈 Add Components overview page (ant-design#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>
hulkyuan · May 31, 2020 · 882cec6 · 882cec6
1 parent e573ac4
commit 882cec6
Show file tree

Hide file tree

Showing 140 changed files with 456 additions and 161 deletions.
diff --git 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)

diff --git 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)

diff --git 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)

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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

diff --git 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.

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