docs: fix compoments docs

This commit is contained in:
wangxueliang 2019-01-08 19:00:39 +08:00
parent 981a889098
commit 51cc269b31
6 changed files with 77 additions and 76 deletions

View File

@ -24,7 +24,7 @@ const md = {
`,
us: `# Card
Simple rectangular container.
##When To Use
## When To Use
A card can be used to display content related to a single subject. The content can consist of multiple elements of varying types and sizes.
## Examples
`,

View File

@ -19,11 +19,13 @@ const md = {
- '手风琴' 是一种特殊的折叠面板只允许单个内容区域展开
## 代码演示`,
us: `# When To Use
us: `# Collapse
A content area which can be collapsed and expanded.
## When To Use
- Can be used to group or hide complex regions to keep the page clean.
- 'Accordion' is a special kind of 'Collapse', which allows only one panel to be expanded at a time.
## Examples
## Examples
`,
}
export default {

View File

@ -2,7 +2,6 @@
| Property | Description | Type | Default |
| -------- | ----------- | ---- | ------- |
| --- | --- | --- | --- |
| closable | Whether a close (x) button is visible on top right of the Drawer dialog or not. | boolean | true |
| destroyOnClose | Whether to unmount child components on closing drawer or not. | boolean | false |
| getContainer | Return the mounted node for Drawer. | HTMLElement \| `() => HTMLElement` \| selectors  | 'body' |

View File

@ -7212,7 +7212,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
<div class="ant-select ant-select-enabled ant-select-sm ant-fullcalendar-month-select">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div title="ئەیلوول" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">ئەیلوول</div>
<div title="9月" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">9月</div>
</div><span unselectable="unselectable" class="ant-select-arrow"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
</div>
</div>
@ -7223,279 +7223,279 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
<table cellspacing="0" role="grid" class="ant-fullcalendar-table">
<thead>
<tr role="row">
<th role="columnheader" title="شه‌ممه‌" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">ش</span></th>
<th role="columnheader" title="یه‌كشه‌م" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">ی</span></th>
<th role="columnheader" title="دووشه‌م" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">د</span></th>
<th role="columnheader" title="سێشه‌م" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">س</span></th>
<th role="columnheader" title="چوارشه‌م" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">چ</span></th>
<th role="columnheader" title="پێنجشه‌م" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">پ</span></th>
<th role="columnheader" title="هه‌ینی" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner">ه</span></th>
<th role="columnheader" title="周一" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner"></span></th>
<th role="columnheader" title="周二" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner"></span></th>
<th role="columnheader" title="周三" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner"></span></th>
<th role="columnheader" title="周四" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner"></span></th>
<th role="columnheader" title="周五" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner"></span></th>
<th role="columnheader" title="周六" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner"></span></th>
<th role="columnheader" title="周日" class="ant-fullcalendar-column-header"><span class="ant-fullcalendar-column-header-inner"></span></th>
</tr>
</thead>
<tbody class="ant-fullcalendar-tbody">
<tr role="row" class="">
<td role="gridcell" title="٢٦ ئاب ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">26</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٧ ئاب ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">27</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٨ ئاب ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<td role="gridcell" title="2017年8月28日" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">28</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٩ ئاب ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<td role="gridcell" title="2017年8月29日" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">29</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٣٠ ئاب ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<td role="gridcell" title="2017年8月30日" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">30</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٣١ ئاب ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month">
<td role="gridcell" title="2017年8月31日" class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">31</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月1日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">01</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
</tr>
<tr role="row" class="">
<td role="gridcell" title="٢ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月2日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">02</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٣ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月3日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">03</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٤ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
</tr>
<tr role="row" class="">
<td role="gridcell" title="2017年9月4日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">04</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٥ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月5日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">05</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٦ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月6日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">06</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٧ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月7日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">07</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٨ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月8日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">08</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
</tr>
<tr role="row" class="">
<td role="gridcell" title="٩ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月9日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">09</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١٠ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月10日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">10</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١١ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
</tr>
<tr role="row" class="">
<td role="gridcell" title="2017年9月11日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">11</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١٢ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月12日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">12</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١٣ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月13日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">13</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١٤ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月14日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">14</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١٥ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月15日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">15</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
</tr>
<tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week">
<td role="gridcell" title="١٦ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月16日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">16</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١٧ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月17日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">17</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١٨ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day">
</tr>
<tr role="row" class="ant-fullcalendar-current-week ant-fullcalendar-active-week">
<td role="gridcell" title="2017年9月18日" class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">18</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١٩ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月19日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">19</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٠ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月20日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">20</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢١ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月21日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">21</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٢ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月22日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">22</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
</tr>
<tr role="row" class="">
<td role="gridcell" title="٢٣ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月23日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">23</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٤ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月24日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">24</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٥ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
</tr>
<tr role="row" class="">
<td role="gridcell" title="2017年9月25日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">25</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٦ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月26日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">26</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٧ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月27日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">27</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٨ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月28日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">28</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢٩ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell">
<td role="gridcell" title="2017年9月29日" class="ant-fullcalendar-cell">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">29</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
</tr>
<tr role="row" class="">
<td role="gridcell" title="٣٠ ئەیلوول ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month">
<td role="gridcell" title="2017年9月30日" class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">30</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="١ تشرینی یەكەم ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<td role="gridcell" title="2017年10月1日" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">01</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٢ تشرینی یەكەم ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
</tr>
<tr role="row" class="">
<td role="gridcell" title="2017年10月2日" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">02</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٣ تشرینی یەكەم ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<td role="gridcell" title="2017年10月3日" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">03</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٤ تشرینی یەكەم ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<td role="gridcell" title="2017年10月4日" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">04</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٥ تشرینی یەكەم ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<td role="gridcell" title="2017年10月5日" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">05</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="٦ تشرینی یەكەم ٢٠١٧" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<td role="gridcell" title="2017年10月6日" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">06</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="2017年10月7日" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">07</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
<td role="gridcell" title="2017年10月8日" class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day">
<div class="ant-fullcalendar-date">
<div class="ant-fullcalendar-value">08</div>
<div class="ant-fullcalendar-content"></div>
</div>
</td>
</tr>
</tbody>
</table>

View File

@ -4,7 +4,7 @@
| Param | Description | Type | Default value |
| ----- | ----------- | ---- | ------------- |
| content | Content of the card | string\|slot\|vNode | - |
| title | Title of the card | string\|slot\VNode | - |
| title | Title of the card | string\|slot\|VNode | - |
Consult [Tooltip's documentation](/ant-design-vue/components/tooltip/#API) to find more APIs.

View File

@ -17,7 +17,7 @@ const md = {
- 当有一系列信息需按时间排列时可正序和倒序
- 需要有一条时间轴进行视觉上的串联时
## 代码演示`,
us: `# Data Display
us: `# Timeline
Vertical display timeline.
## When To Use
- When a series of information needs to be ordered by time (ascend or descend).