mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 17:31:25 +08:00
640 lines
24 KiB
Plaintext
640 lines
24 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Table renders JSX correctly 1`] = `
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout: auto;"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
colspan="2"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
rowspan="2"
|
|
>
|
|
Age
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
First Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Last Name
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
John
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Brown
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
32
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Jim
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
Green
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
42
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Table rtl render component should be rendered correctly in RTL direction 1`] = `
|
|
<div
|
|
class="ant-table-wrapper ant-table-wrapper-rtl"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-empty ant-table-rtl"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout: auto;"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell"
|
|
/>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-placeholder"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal ant-empty-rtl"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
height="41"
|
|
viewBox="0 0 64 41"
|
|
width="64"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<g
|
|
fill="none"
|
|
fill-rule="evenodd"
|
|
transform="translate(0 1)"
|
|
>
|
|
<ellipse
|
|
cx="32"
|
|
cy="33"
|
|
fill="#F5F5F5"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
fill-rule="nonzero"
|
|
stroke="#D9D9D9"
|
|
>
|
|
<path
|
|
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
|
|
/>
|
|
<path
|
|
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
|
|
fill="#FAFAFA"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No data
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Table should render title 1`] = `
|
|
<div>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-empty"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout: auto;"
|
|
>
|
|
<colgroup />
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
aria-label="this column is sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
<div>
|
|
<span>
|
|
name
|
|
</span>
|
|
<span>
|
|
Jason
|
|
</span>
|
|
</div>
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="presentation"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="this column is sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
<div>
|
|
<i />
|
|
</div>
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="presentation"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="this column is sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
<div>
|
|
<span>
|
|
age
|
|
</span>
|
|
<span>
|
|
20
|
|
</span>
|
|
</div>
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="presentation"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is color,this column is sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
color
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="presentation"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
<th
|
|
aria-label="this column's title is sex,this column is sortable"
|
|
class="ant-table-cell ant-table-column-has-sorters"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="ant-table-column-sorters"
|
|
>
|
|
<span
|
|
class="ant-table-column-title"
|
|
>
|
|
sex
|
|
</span>
|
|
<span
|
|
class="ant-table-column-sorter ant-table-column-sorter-full"
|
|
>
|
|
<span
|
|
class="ant-table-column-sorter-inner"
|
|
>
|
|
<span
|
|
aria-label="caret-up"
|
|
class="anticon anticon-caret-up ant-table-column-sorter-up"
|
|
role="presentation"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-up"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-table-column-sorter-down"
|
|
role="presentation"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="caret-down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="0 0 1024 1024"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-placeholder"
|
|
>
|
|
<td
|
|
class="ant-table-cell"
|
|
colspan="5"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
height="41"
|
|
viewBox="0 0 64 41"
|
|
width="64"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<g
|
|
fill="none"
|
|
fill-rule="evenodd"
|
|
transform="translate(0 1)"
|
|
>
|
|
<ellipse
|
|
cx="32"
|
|
cy="33"
|
|
fill="#F5F5F5"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
fill-rule="nonzero"
|
|
stroke="#D9D9D9"
|
|
>
|
|
<path
|
|
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
|
|
/>
|
|
<path
|
|
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
|
|
fill="#FAFAFA"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No data
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Table title should support ReactNode 1`] = `
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
<div>
|
|
<strong>
|
|
Current
|
|
</strong>
|
|
<span>
|
|
User
|
|
</span>
|
|
</div>
|
|
</th>
|
|
`;
|