mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 17:31:25 +08:00
69ef27709c
* fix styling issue * Added padding for span only when there is a checkbox in front of it * Fixed last small styling issue where span and checkboxes didnt have any padding * Updated snapshots with new class
431 lines
9.7 KiB
Plaintext
431 lines
9.7 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Transfer should render correctly 1`] = `
|
|
<div
|
|
class="ant-transfer"
|
|
>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
<span>
|
|
1/2 items
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<ul
|
|
class="ant-transfer-list-content"
|
|
>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
|
|
>
|
|
<span
|
|
class="ant-checkbox ant-checkbox-checked"
|
|
>
|
|
<input
|
|
checked=""
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
/>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
|
|
>
|
|
<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>
|
|
<span
|
|
class="ant-transfer-list-content-item-text"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-operation"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
type="button"
|
|
>
|
|
<i
|
|
aria-label="icon: right"
|
|
class="anticon anticon-right"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class=""
|
|
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 0 0 302 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 0 0 0-50.4z"
|
|
/>
|
|
</svg>
|
|
</i>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<i
|
|
aria-label="icon: left"
|
|
class="anticon anticon-left"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class=""
|
|
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 0 0 0 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>
|
|
</i>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
<span>
|
|
1 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<ul
|
|
class="ant-transfer-list-content"
|
|
>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<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"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Transfer should show sorted targetkey 1`] = `
|
|
<div
|
|
class="ant-transfer"
|
|
>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
<span>
|
|
1 item
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<ul
|
|
class="ant-transfer-list-content"
|
|
>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="a"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<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"
|
|
>
|
|
a
|
|
</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"
|
|
>
|
|
<i
|
|
aria-label="icon: right"
|
|
class="anticon anticon-right"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class=""
|
|
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 0 0 302 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 0 0 0-50.4z"
|
|
/>
|
|
</svg>
|
|
</i>
|
|
</button>
|
|
<button
|
|
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
<i
|
|
aria-label="icon: left"
|
|
class="anticon anticon-left"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class=""
|
|
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 0 0 0 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>
|
|
</i>
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list"
|
|
>
|
|
<div
|
|
class="ant-transfer-list-header"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<span
|
|
class="ant-checkbox"
|
|
>
|
|
<input
|
|
class="ant-checkbox-input"
|
|
type="checkbox"
|
|
/>
|
|
<span
|
|
class="ant-checkbox-inner"
|
|
/>
|
|
</span>
|
|
</label>
|
|
<span
|
|
class="ant-transfer-list-header-selected"
|
|
>
|
|
<span>
|
|
2 items
|
|
</span>
|
|
<span
|
|
class="ant-transfer-list-header-title"
|
|
/>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-transfer-list-body"
|
|
>
|
|
<ul
|
|
class="ant-transfer-list-content"
|
|
>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="c"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<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"
|
|
>
|
|
c
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="ant-transfer-list-content-item"
|
|
title="b"
|
|
>
|
|
<label
|
|
class="ant-checkbox-wrapper"
|
|
>
|
|
<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"
|
|
>
|
|
b
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|