mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
4587 lines
138 KiB
Plaintext
4587 lines
138 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
|
|
<div
|
|
class="ant-transfer"
|
|
>
|
|
<div
|
|
class="ant-transfer-list ant-transfer-list-with-footer"
|
|
style="width:250px;height:300px"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
0 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body ant-transfer-list-body-with-search"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-search-wrapper"
|
|
>
|
|
<input
|
|
class="ant-input ant-transfer-list-search"
|
|
placeholder="Search here"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-transfer-list-search-action"
|
|
>
|
|
<span
|
|
aria-label="search"
|
|
class="anticon anticon-search"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="search"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body-not-found"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal ant-empty-small"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
class="ant-empty-img-simple"
|
|
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
|
|
class="ant-empty-img-simple-ellipse"
|
|
cx="32"
|
|
cy="33"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
class="ant-empty-img-simple-g"
|
|
fill-rule="nonzero"
|
|
>
|
|
<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
|
|
class="ant-empty-img-simple-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"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No Data
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-footer"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-sm"
|
|
style="float:left;margin:5px"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Left button reload
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-operation"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span>
|
|
to right
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span>
|
|
to left
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list ant-transfer-list-with-footer"
|
|
style="width:250px;height:300px"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
0 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body ant-transfer-list-body-with-search"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-search-wrapper"
|
|
>
|
|
<input
|
|
class="ant-input ant-transfer-list-search"
|
|
placeholder="Search here"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-transfer-list-search-action"
|
|
>
|
|
<span
|
|
aria-label="search"
|
|
class="anticon anticon-search"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="search"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body-not-found"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal ant-empty-small"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
class="ant-empty-img-simple"
|
|
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
|
|
class="ant-empty-img-simple-ellipse"
|
|
cx="32"
|
|
cy="33"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
class="ant-empty-img-simple-g"
|
|
fill-rule="nonzero"
|
|
>
|
|
<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
|
|
class="ant-empty-img-simple-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"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No Data
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-footer"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-sm"
|
|
style="float:right;margin:5px"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Right button reload
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
|
|
<div
|
|
class="ant-transfer"
|
|
>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
11 items
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
>
|
|
Source
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<ul
|
|
class="ant-transfer-list-content"
|
|
>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content1"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content1
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content2"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content2
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content3"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content3
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content4"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content4
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content5"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content5
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content6"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content6
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content7"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content7
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content8"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content8
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content9"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content9
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content10"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content10
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content11"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content11
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-operation"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
9 items
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
>
|
|
Target
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<ul
|
|
class="ant-transfer-list-content"
|
|
>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content12"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content12
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content13"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content13
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content14"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content14
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content15"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content15
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content16"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content16
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content17"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content17
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content18"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content18
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content19"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content19
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content20"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content20
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
|
|
<div
|
|
class="ant-transfer"
|
|
>
|
|
<div
|
|
class="ant-transfer-list"
|
|
style="width:300px;height:300px"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
0 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-not-found"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal ant-empty-small"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
class="ant-empty-img-simple"
|
|
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
|
|
class="ant-empty-img-simple-ellipse"
|
|
cx="32"
|
|
cy="33"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
class="ant-empty-img-simple-g"
|
|
fill-rule="nonzero"
|
|
>
|
|
<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
|
|
class="ant-empty-img-simple-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"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No Data
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-operation"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list"
|
|
style="width:300px;height:300px"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
0 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-not-found"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal ant-empty-small"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
class="ant-empty-img-simple"
|
|
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
|
|
class="ant-empty-img-simple-ellipse"
|
|
cx="32"
|
|
cy="33"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
class="ant-empty-img-simple-g"
|
|
fill-rule="nonzero"
|
|
>
|
|
<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
|
|
class="ant-empty-img-simple-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"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No Data
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctly 1`] = `
|
|
<div
|
|
class="ant-transfer"
|
|
>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
Select All
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<ul
|
|
class="ant-transfer-list-content"
|
|
>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content1"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content1
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content2"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content2
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content4"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content4
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content5"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content5
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content7"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content7
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content8"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content8
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content10"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content10
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-operation"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
0/3
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<ul
|
|
class="ant-transfer-list-content"
|
|
>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content3"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content3
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content6"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content6
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content9"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content9
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-transfer"
|
|
>
|
|
<div
|
|
class="ant-transfer-list ant-transfer-list-with-pagination"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
0 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-not-found"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal ant-empty-small"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
class="ant-empty-img-simple"
|
|
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
|
|
class="ant-empty-img-simple-ellipse"
|
|
cx="32"
|
|
cy="33"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
class="ant-empty-img-simple-g"
|
|
fill-rule="nonzero"
|
|
>
|
|
<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
|
|
class="ant-empty-img-simple-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"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No Data
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-operation"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list ant-transfer-list-with-pagination"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
0 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-not-found"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal ant-empty-small"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
class="ant-empty-img-simple"
|
|
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
|
|
class="ant-empty-img-simple-ellipse"
|
|
cx="32"
|
|
cy="33"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
class="ant-empty-img-simple-g"
|
|
fill-rule="nonzero"
|
|
>
|
|
<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
|
|
class="ant-empty-img-simple-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"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No Data
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<br />,
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
one way
|
|
</span>
|
|
</button>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/transfer/demo/oneWay.md correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-transfer"
|
|
style="margin-bottom:16px"
|
|
>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
14 items
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
>
|
|
Source
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<ul
|
|
class="ant-transfer-list-content"
|
|
>
|
|
<li
|
|
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
|
|
title="content1"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content1
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content2"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content2
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
|
|
title="content4"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content4
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content5"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content5
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
|
|
title="content7"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content7
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content8"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content8
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
|
|
title="content10"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content10
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content11"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content11
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
|
|
title="content13"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content13
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content14"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content14
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
|
|
title="content16"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content16
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content17"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content17
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
|
|
title="content19"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content19
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content20"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content20
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-operation"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
6 items
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
>
|
|
Target
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<ul
|
|
class="ant-transfer-list-content ant-transfer-list-content-show-remove"
|
|
>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content3"
|
|
>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content3
|
|
</span>
|
|
<div
|
|
aria-label="Remove"
|
|
class="ant-transfer-list-content-item-remove"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="delete"
|
|
class="anticon anticon-delete"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="delete"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content6"
|
|
>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content6
|
|
</span>
|
|
<div
|
|
aria-label="Remove"
|
|
class="ant-transfer-list-content-item-remove"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="delete"
|
|
class="anticon anticon-delete"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="delete"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content9"
|
|
>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content9
|
|
</span>
|
|
<div
|
|
aria-label="Remove"
|
|
class="ant-transfer-list-content-item-remove"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="delete"
|
|
class="anticon anticon-delete"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="delete"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content12"
|
|
>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content12
|
|
</span>
|
|
<div
|
|
aria-label="Remove"
|
|
class="ant-transfer-list-content-item-remove"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="delete"
|
|
class="anticon anticon-delete"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="delete"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content15"
|
|
>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content15
|
|
</span>
|
|
<div
|
|
aria-label="Remove"
|
|
class="ant-transfer-list-content-item-remove"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="delete"
|
|
class="anticon anticon-delete"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="delete"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="content18"
|
|
>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
>
|
|
content18
|
|
</span>
|
|
<div
|
|
aria-label="Remove"
|
|
class="ant-transfer-list-content-item-remove"
|
|
role="button"
|
|
style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
aria-label="delete"
|
|
class="anticon anticon-delete"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="delete"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
disabled
|
|
</span>
|
|
</button>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
|
|
<div
|
|
class="ant-transfer"
|
|
>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
0 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body ant-transfer-list-body-with-search"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-search-wrapper"
|
|
>
|
|
<input
|
|
class="ant-input ant-transfer-list-search"
|
|
placeholder="Search here"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-transfer-list-search-action"
|
|
>
|
|
<span
|
|
aria-label="search"
|
|
class="anticon anticon-search"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="search"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body-not-found"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal ant-empty-small"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
class="ant-empty-img-simple"
|
|
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
|
|
class="ant-empty-img-simple-ellipse"
|
|
cx="32"
|
|
cy="33"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
class="ant-empty-img-simple-g"
|
|
fill-rule="nonzero"
|
|
>
|
|
<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
|
|
class="ant-empty-img-simple-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"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No Data
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-operation"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
0 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body ant-transfer-list-body-with-search"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-search-wrapper"
|
|
>
|
|
<input
|
|
class="ant-input ant-transfer-list-search"
|
|
placeholder="Search here"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
<span
|
|
class="ant-transfer-list-search-action"
|
|
>
|
|
<span
|
|
aria-label="search"
|
|
class="anticon anticon-search"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="search"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body-not-found"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal ant-empty-small"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
class="ant-empty-img-simple"
|
|
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
|
|
class="ant-empty-img-simple-ellipse"
|
|
cx="32"
|
|
cy="33"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
class="ant-empty-img-simple-g"
|
|
fill-rule="nonzero"
|
|
>
|
|
<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
|
|
class="ant-empty-img-simple-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"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No Data
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/transfer/demo/table-transfer.md correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-transfer ant-transfer-customize-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
14 items
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-customize-wrapper"
|
|
>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-small"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Tag
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Description
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="0"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content1
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag"
|
|
>
|
|
cat
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
description of content1
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="1"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content2
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag"
|
|
>
|
|
dog
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
description of content2
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="3"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content4
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag"
|
|
>
|
|
cat
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
description of content4
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="4"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content5
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag"
|
|
>
|
|
dog
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
description of content5
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="6"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content7
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag"
|
|
>
|
|
cat
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
description of content7
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="7"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content8
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag"
|
|
>
|
|
dog
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
description of content8
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="9"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content10
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag"
|
|
>
|
|
cat
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
description of content10
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="10"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content11
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag"
|
|
>
|
|
dog
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
description of content11
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="12"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content13
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag"
|
|
>
|
|
cat
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
description of content13
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="13"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content14
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
<span
|
|
class="ant-tag"
|
|
>
|
|
dog
|
|
</span>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
description of content14
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination mini ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-2"
|
|
tabindex="0"
|
|
title="2"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
2
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="false"
|
|
class="ant-pagination-next"
|
|
tabindex="0"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-operation"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
aria-label="down"
|
|
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="down"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<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"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
6 items
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-customize-wrapper"
|
|
>
|
|
<div
|
|
class="ant-table-wrapper"
|
|
>
|
|
<div
|
|
class="ant-spin-nested-loading"
|
|
>
|
|
<div
|
|
class="ant-spin-container"
|
|
>
|
|
<div
|
|
class="ant-table ant-table-small"
|
|
>
|
|
<div
|
|
class="ant-table-container"
|
|
>
|
|
<div
|
|
class="ant-table-content"
|
|
>
|
|
<table
|
|
style="table-layout:auto"
|
|
>
|
|
<colgroup>
|
|
<col
|
|
class="ant-table-selection-col"
|
|
/>
|
|
</colgroup>
|
|
<thead
|
|
class="ant-table-thead"
|
|
>
|
|
<tr>
|
|
<th
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<div
|
|
class="ant-table-selection"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</th>
|
|
<th
|
|
class="ant-table-cell"
|
|
>
|
|
Name
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
class="ant-table-tbody"
|
|
>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="2"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content3
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="5"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content6
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="8"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-disabled"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content9
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="11"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content12
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="14"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content15
|
|
</td>
|
|
</tr>
|
|
<tr
|
|
class="ant-table-row ant-table-row-level-0"
|
|
data-row-key="17"
|
|
>
|
|
<td
|
|
class="ant-table-cell ant-table-selection-column"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
</td>
|
|
<td
|
|
class="ant-table-cell"
|
|
>
|
|
content18
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="ant-pagination mini ant-table-pagination ant-table-pagination-right"
|
|
unselectable="unselectable"
|
|
>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-prev ant-pagination-disabled"
|
|
title="Previous Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
<li
|
|
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
|
|
tabindex="0"
|
|
title="1"
|
|
>
|
|
<a
|
|
rel="nofollow"
|
|
>
|
|
1
|
|
</a>
|
|
</li>
|
|
<li
|
|
aria-disabled="true"
|
|
class="ant-pagination-next ant-pagination-disabled"
|
|
title="Next Page"
|
|
>
|
|
<button
|
|
class="ant-pagination-item-link"
|
|
disabled=""
|
|
tabindex="-1"
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
style="margin-top:16px"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
disabled
|
|
</span>
|
|
</button>,
|
|
<button
|
|
aria-checked="false"
|
|
class="ant-switch"
|
|
role="switch"
|
|
style="margin-top:16px"
|
|
type="button"
|
|
>
|
|
<div
|
|
class="ant-switch-handle"
|
|
/>
|
|
<span
|
|
class="ant-switch-inner"
|
|
>
|
|
showSearch
|
|
</span>
|
|
</button>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/transfer/demo/tree-transfer.md correctly 1`] = `
|
|
<div
|
|
class="ant-transfer ant-transfer-customize-list tree-transfer"
|
|
>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
5 items
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-customize-wrapper"
|
|
>
|
|
<div
|
|
class="ant-tree ant-tree-icon-hide ant-tree-block-node"
|
|
role="tree"
|
|
>
|
|
<div>
|
|
<input
|
|
aria-label="for screen reader"
|
|
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
|
|
tabindex="0"
|
|
value=""
|
|
/>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="ant-tree-treenode"
|
|
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden"
|
|
>
|
|
<div
|
|
class="ant-tree-indent"
|
|
>
|
|
<div
|
|
class="ant-tree-indent-unit"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-tree-list"
|
|
style="position:relative"
|
|
>
|
|
<div
|
|
class="ant-tree-list-holder"
|
|
>
|
|
<div>
|
|
<div
|
|
class="ant-tree-list-holder-inner"
|
|
style="display:flex;flex-direction:column"
|
|
>
|
|
<div
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
/>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="0-0"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
0-0
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
/>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher_open"
|
|
>
|
|
<span
|
|
aria-label="caret-down"
|
|
class="anticon anticon-caret-down ant-tree-switcher-icon"
|
|
role="img"
|
|
>
|
|
<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
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
|
|
title="0-1"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
0-1
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
>
|
|
<span
|
|
class="ant-tree-indent-unit"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="0-1-0"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
0-1-0
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
>
|
|
<span
|
|
class="ant-tree-indent-unit"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="0-1-1"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
0-1-1
|
|
</span>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
|
|
>
|
|
<span
|
|
aria-hidden="true"
|
|
class="ant-tree-indent"
|
|
/>
|
|
<span
|
|
class="ant-tree-switcher ant-tree-switcher-noop"
|
|
/>
|
|
<span
|
|
class="ant-tree-checkbox"
|
|
>
|
|
<span
|
|
class="ant-tree-checkbox-inner"
|
|
/>
|
|
</span>
|
|
<span
|
|
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
|
|
title="0-3"
|
|
>
|
|
<span
|
|
class="ant-tree-title"
|
|
>
|
|
0-3
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-operation"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="right"
|
|
class="anticon anticon-right"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="right"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<span
|
|
aria-label="left"
|
|
class="anticon anticon-left"
|
|
role="img"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
data-icon="left"
|
|
fill="currentColor"
|
|
focusable="false"
|
|
height="1em"
|
|
viewBox="64 64 896 896"
|
|
width="1em"
|
|
>
|
|
<path
|
|
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
0 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-body-not-found"
|
|
>
|
|
<div
|
|
class="ant-empty ant-empty-normal ant-empty-small"
|
|
>
|
|
<div
|
|
class="ant-empty-image"
|
|
>
|
|
<svg
|
|
class="ant-empty-img-simple"
|
|
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
|
|
class="ant-empty-img-simple-ellipse"
|
|
cx="32"
|
|
cy="33"
|
|
rx="32"
|
|
ry="7"
|
|
/>
|
|
<g
|
|
class="ant-empty-img-simple-g"
|
|
fill-rule="nonzero"
|
|
>
|
|
<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
|
|
class="ant-empty-img-simple-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"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div
|
|
class="ant-empty-description"
|
|
>
|
|
No Data
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|