mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 17:31:25 +08:00
149729e524
* feat: use @ant-design/icons@4.0 * feat: use createFromIconfontCN to make site works * feat: update doc for Icon * feat: use icon in component Alert * feat: use icon in component Avatar * feat: use icon in component Breadcrumb * feat: use icon in component Button * feat: use icon in component Cascader * feat: use icon in component Collapse * feat: use icon in component Datepicker * feat: use icon in component Dropdown * feat: use icon in component Form * feat: use icon in component Input * feat: use icon in component InputNumber * feat: use icon in component Layout * feat: use icon in component Mention * feat: use icon in component Message * feat: use icon in component Modal * feat: use icon in component Notification * feat: use icon in component PageHeader * feat: use icon in component Pagination * feat: use icon in component Popconfirm * feat: use icon in component Progress * feat: use icon in component Rate * feat: use icon in component Result * feat: use icon in component Select * feat: use icon in component Step * feat: use icon in component Switch * feat: use icon in component Table * feat: use icon in component Tab * feat: use icon in component Tag * feat: handle rest component which using Icon * fix: remove unused vars * feat: use latest alpha ant design icons * fix: failed test in uploadlist.test.js * test: update snapshot for icons * doc: add Icon for site * doc: use @ant-design/icons in site * chore: use latest icons * fix: tslint issue * fix: test cases * fix: types for react * fix: lint rules for import orders * fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render * fix: eslint error in demo/**.md * inject antd icons * update snapshot * fix site * doc: update docs * fix: code snippets icon in site * feat: use latest @ant-design/icons * fix: icon props in message
826 lines
25 KiB
Plaintext
826 lines
25 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`WeekPicker should support dateRender 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft "
|
|
>
|
|
<div
|
|
class="ant-calendar ant-calendar-week-number"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-calendar-panel"
|
|
>
|
|
<div
|
|
class="ant-calendar-date-panel"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-calendar-header"
|
|
>
|
|
<div
|
|
style="position:relative"
|
|
>
|
|
<a
|
|
class="ant-calendar-prev-year-btn"
|
|
role="button"
|
|
title="Last year (Control + left)"
|
|
/>
|
|
<a
|
|
class="ant-calendar-prev-month-btn"
|
|
role="button"
|
|
title="Previous month (PageUp)"
|
|
/>
|
|
<span
|
|
class="ant-calendar-my-select"
|
|
>
|
|
<a
|
|
class="ant-calendar-month-select"
|
|
role="button"
|
|
title="Choose a month"
|
|
>
|
|
Sep
|
|
</a>
|
|
<a
|
|
class="ant-calendar-year-select"
|
|
role="button"
|
|
title="Choose a year"
|
|
>
|
|
2017
|
|
</a>
|
|
</span>
|
|
<a
|
|
class="ant-calendar-next-month-btn"
|
|
title="Next month (PageDown)"
|
|
/>
|
|
<a
|
|
class="ant-calendar-next-year-btn"
|
|
title="Next year (Control + right)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-calendar-body"
|
|
>
|
|
<table
|
|
cellspacing="0"
|
|
class="ant-calendar-table"
|
|
role="grid"
|
|
>
|
|
<thead>
|
|
<tr
|
|
role="row"
|
|
>
|
|
<th
|
|
class="ant-calendar-column-header ant-calendar-week-number-header"
|
|
role="columnheader"
|
|
>
|
|
<span
|
|
class="ant-calendar-column-header-inner"
|
|
>
|
|
x
|
|
</span>
|
|
</th>
|
|
<th
|
|
class="ant-calendar-column-header"
|
|
role="columnheader"
|
|
title="Sun"
|
|
>
|
|
<span
|
|
class="ant-calendar-column-header-inner"
|
|
>
|
|
Su
|
|
</span>
|
|
</th>
|
|
<th
|
|
class="ant-calendar-column-header"
|
|
role="columnheader"
|
|
title="Mon"
|
|
>
|
|
<span
|
|
class="ant-calendar-column-header-inner"
|
|
>
|
|
Mo
|
|
</span>
|
|
</th>
|
|
<th
|
|
class="ant-calendar-column-header"
|
|
role="columnheader"
|
|
title="Tue"
|
|
>
|
|
<span
|
|
class="ant-calendar-column-header-inner"
|
|
>
|
|
Tu
|
|
</span>
|
|
</th>
|
|
<th
|
|
class="ant-calendar-column-header"
|
|
role="columnheader"
|
|
title="Wed"
|
|
>
|
|
<span
|
|
class="ant-calendar-column-header-inner"
|
|
>
|
|
We
|
|
</span>
|
|
</th>
|
|
<th
|
|
class="ant-calendar-column-header"
|
|
role="columnheader"
|
|
title="Thu"
|
|
>
|
|
<span
|
|
class="ant-calendar-column-header-inner"
|
|
>
|
|
Th
|
|
</span>
|
|
</th>
|
|
<th
|
|
class="ant-calendar-column-header"
|
|
role="columnheader"
|
|
title="Fri"
|
|
>
|
|
<span
|
|
class="ant-calendar-column-header-inner"
|
|
>
|
|
Fr
|
|
</span>
|
|
</th>
|
|
<th
|
|
class="ant-calendar-column-header"
|
|
role="columnheader"
|
|
title="Sat"
|
|
>
|
|
<span
|
|
class="ant-calendar-column-header-inner"
|
|
>
|
|
Sa
|
|
</span>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-calendar-tbody"
|
|
>
|
|
<tr
|
|
class=""
|
|
role="row"
|
|
>
|
|
<td
|
|
class="ant-calendar-week-number-cell"
|
|
role="gridcell"
|
|
>
|
|
35
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-last-month-cell"
|
|
role="gridcell"
|
|
title="August 27, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-08-27
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-last-month-cell"
|
|
role="gridcell"
|
|
title="August 28, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-08-28
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-last-month-cell"
|
|
role="gridcell"
|
|
title="August 29, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-08-29
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-last-month-cell"
|
|
role="gridcell"
|
|
title="August 30, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-08-30
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-last-month-cell ant-calendar-last-day-of-month"
|
|
role="gridcell"
|
|
title="August 31, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-08-31
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 1, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-01
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 2, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-02
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class=""
|
|
role="row"
|
|
>
|
|
<td
|
|
class="ant-calendar-week-number-cell"
|
|
role="gridcell"
|
|
>
|
|
36
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 3, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-03
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 4, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-04
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 5, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-05
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 6, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-06
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 7, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-07
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 8, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-08
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 9, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-09
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class=""
|
|
role="row"
|
|
>
|
|
<td
|
|
class="ant-calendar-week-number-cell"
|
|
role="gridcell"
|
|
>
|
|
37
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 10, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-10
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 11, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-11
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 12, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-12
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 13, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-13
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 14, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-14
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 15, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-15
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 16, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-16
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-calendar-current-week ant-calendar-active-week"
|
|
role="row"
|
|
>
|
|
<td
|
|
class="ant-calendar-week-number-cell"
|
|
role="gridcell"
|
|
>
|
|
38
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 17, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-17
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-today ant-calendar-selected-day"
|
|
role="gridcell"
|
|
title="September 18, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-18
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 19, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-19
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 20, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-20
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 21, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-21
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 22, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-22
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 23, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-23
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class=""
|
|
role="row"
|
|
>
|
|
<td
|
|
class="ant-calendar-week-number-cell"
|
|
role="gridcell"
|
|
>
|
|
39
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 24, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-24
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 25, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-25
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 26, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-26
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 27, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-27
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 28, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-28
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell"
|
|
role="gridcell"
|
|
title="September 29, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-29
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-last-day-of-month"
|
|
role="gridcell"
|
|
title="September 30, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-09-30
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class=""
|
|
role="row"
|
|
>
|
|
<td
|
|
class="ant-calendar-week-number-cell"
|
|
role="gridcell"
|
|
>
|
|
40
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-next-month-btn-day"
|
|
role="gridcell"
|
|
title="October 1, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-10-01
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-next-month-btn-day"
|
|
role="gridcell"
|
|
title="October 2, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-10-02
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-next-month-btn-day"
|
|
role="gridcell"
|
|
title="October 3, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-10-03
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-next-month-btn-day"
|
|
role="gridcell"
|
|
title="October 4, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-10-04
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-next-month-btn-day"
|
|
role="gridcell"
|
|
title="October 5, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-10-05
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-next-month-btn-day"
|
|
role="gridcell"
|
|
title="October 6, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-10-06
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td
|
|
class="ant-calendar-cell ant-calendar-next-month-btn-day"
|
|
role="gridcell"
|
|
title="October 7, 2017"
|
|
>
|
|
<div
|
|
class="ant-calendar-date"
|
|
>
|
|
<span>
|
|
2017-10-07
|
|
</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`WeekPicker should support style prop 1`] = `
|
|
<span
|
|
class="ant-calendar-picker"
|
|
style="width: 400px;"
|
|
>
|
|
<span
|
|
style="display: inline-block; width: 100%;"
|
|
>
|
|
<input
|
|
class="ant-calendar-picker-input ant-input"
|
|
placeholder="Select date"
|
|
readonly=""
|
|
value=""
|
|
/>
|
|
<span
|
|
aria-label="calendar"
|
|
class="anticon anticon-calendar ant-calendar-picker-icon"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class=""
|
|
data-icon="calendar"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
`;
|