style: better Checkbox/Radio label text layout (#29788)

* style: optimize checkbox label text layout

* style: optimize radio label text layout

* fix transfer checkbox position

* fix checkbox align issue in Transfer

* fix snapshot
This commit is contained in:
afc163 2021-03-17 14:56:32 +08:00 committed by GitHub
parent 92bc5dfdcd
commit 99289a0856
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
13 changed files with 233 additions and 229 deletions

View File

@ -7,11 +7,9 @@
.reset-component();
position: relative;
top: -0.09em;
display: inline-block;
top: 0.2em;
line-height: 1;
white-space: nowrap;
vertical-align: middle;
outline: none;
cursor: pointer;
@ -148,13 +146,15 @@
.@{checkbox-prefix-cls}-wrapper {
.reset-component();
display: inline-block;
display: inline-flex;
align-items: baseline;
line-height: unset;
cursor: pointer;
&.@{checkbox-prefix-cls}-wrapper-disabled {
cursor: not-allowed;
}
& + & {
margin-left: 8px;
}
@ -167,10 +167,9 @@
.@{checkbox-prefix-cls}-group {
.reset-component();
display: inline-block;
&-item {
display: inline-block;
margin-right: @checkbox-group-item-margin-right;
&:last-child {
margin-right: 0;

View File

@ -33761,7 +33761,7 @@ exports[`ConfigProvider components Transfer configProvider 1`] = `
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper"
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
@ -33919,7 +33919,7 @@ exports[`ConfigProvider components Transfer configProvider 1`] = `
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper"
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
@ -34030,7 +34030,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize large 1
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper"
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
@ -34188,7 +34188,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize large 1
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper"
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
@ -34299,7 +34299,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize middle
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper"
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
@ -34457,7 +34457,7 @@ exports[`ConfigProvider components Transfer configProvider componentSize middle
class="config-transfer-list-header"
>
<label
class="config-checkbox-wrapper"
class="config-checkbox-wrapper config-transfer-list-checkbox"
>
<span
class="config-checkbox"
@ -34568,7 +34568,7 @@ exports[`ConfigProvider components Transfer configProvider virtual and dropdownM
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -34726,7 +34726,7 @@ exports[`ConfigProvider components Transfer configProvider virtual and dropdownM
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -34837,7 +34837,7 @@ exports[`ConfigProvider components Transfer normal 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -34995,7 +34995,7 @@ exports[`ConfigProvider components Transfer normal 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -35106,7 +35106,7 @@ exports[`ConfigProvider components Transfer prefixCls 1`] = `
class="prefix-Transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper prefix-Transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -35264,7 +35264,7 @@ exports[`ConfigProvider components Transfer prefixCls 1`] = `
class="prefix-Transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper prefix-Transfer-list-checkbox"
>
<span
class="ant-checkbox"

View File

@ -271,7 +271,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -429,7 +429,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"

View File

@ -5376,7 +5376,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -5568,7 +5568,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -10398,7 +10398,7 @@ exports[`Locale Provider should display the text as az 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -10590,7 +10590,7 @@ exports[`Locale Provider should display the text as az 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -15420,7 +15420,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -15612,7 +15612,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -20442,7 +20442,7 @@ exports[`Locale Provider should display the text as by 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -20634,7 +20634,7 @@ exports[`Locale Provider should display the text as by 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -25464,7 +25464,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -25656,7 +25656,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -30486,7 +30486,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -30678,7 +30678,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -35508,7 +35508,7 @@ exports[`Locale Provider should display the text as da 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -35700,7 +35700,7 @@ exports[`Locale Provider should display the text as da 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -40530,7 +40530,7 @@ exports[`Locale Provider should display the text as de 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -40722,7 +40722,7 @@ exports[`Locale Provider should display the text as de 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -45552,7 +45552,7 @@ exports[`Locale Provider should display the text as el 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -45744,7 +45744,7 @@ exports[`Locale Provider should display the text as el 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -50574,7 +50574,7 @@ exports[`Locale Provider should display the text as en 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -50766,7 +50766,7 @@ exports[`Locale Provider should display the text as en 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -55596,7 +55596,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -55788,7 +55788,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -60618,7 +60618,7 @@ exports[`Locale Provider should display the text as es 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -60810,7 +60810,7 @@ exports[`Locale Provider should display the text as es 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -65640,7 +65640,7 @@ exports[`Locale Provider should display the text as et 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -65832,7 +65832,7 @@ exports[`Locale Provider should display the text as et 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -70662,7 +70662,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -70854,7 +70854,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -75684,7 +75684,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -75876,7 +75876,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -80706,7 +80706,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -80898,7 +80898,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -85728,7 +85728,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -85920,7 +85920,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -90750,7 +90750,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -90942,7 +90942,7 @@ exports[`Locale Provider should display the text as fr 3`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -95772,7 +95772,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -95964,7 +95964,7 @@ exports[`Locale Provider should display the text as ga 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -100794,7 +100794,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -100986,7 +100986,7 @@ exports[`Locale Provider should display the text as gl 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -105816,7 +105816,7 @@ exports[`Locale Provider should display the text as he 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -106008,7 +106008,7 @@ exports[`Locale Provider should display the text as he 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -110838,7 +110838,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -111030,7 +111030,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -115860,7 +115860,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -116052,7 +116052,7 @@ exports[`Locale Provider should display the text as hr 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -120882,7 +120882,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -121074,7 +121074,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -125904,7 +125904,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -126096,7 +126096,7 @@ exports[`Locale Provider should display the text as hy-am 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -130926,7 +130926,7 @@ exports[`Locale Provider should display the text as id 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -131118,7 +131118,7 @@ exports[`Locale Provider should display the text as id 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -135948,7 +135948,7 @@ exports[`Locale Provider should display the text as is 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -136140,7 +136140,7 @@ exports[`Locale Provider should display the text as is 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -140970,7 +140970,7 @@ exports[`Locale Provider should display the text as it 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -141162,7 +141162,7 @@ exports[`Locale Provider should display the text as it 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -145992,7 +145992,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -146184,7 +146184,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -151014,7 +151014,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -151206,7 +151206,7 @@ exports[`Locale Provider should display the text as kk 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -156036,7 +156036,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -156228,7 +156228,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -161058,7 +161058,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -161250,7 +161250,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -166080,7 +166080,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -166272,7 +166272,7 @@ exports[`Locale Provider should display the text as ku 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -171102,7 +171102,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -171294,7 +171294,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -176124,7 +176124,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -176316,7 +176316,7 @@ exports[`Locale Provider should display the text as lt 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -181146,7 +181146,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -181338,7 +181338,7 @@ exports[`Locale Provider should display the text as lv 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -186168,7 +186168,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -186360,7 +186360,7 @@ exports[`Locale Provider should display the text as mk 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -191190,7 +191190,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -191382,7 +191382,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -196212,7 +196212,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -196404,7 +196404,7 @@ exports[`Locale Provider should display the text as ms-my 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -201234,7 +201234,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -201426,7 +201426,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -206256,7 +206256,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -206448,7 +206448,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -211278,7 +211278,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -211470,7 +211470,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -216300,7 +216300,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -216492,7 +216492,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -221322,7 +221322,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -221514,7 +221514,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -226344,7 +226344,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -226536,7 +226536,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -231366,7 +231366,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -231558,7 +231558,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -236388,7 +236388,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -236580,7 +236580,7 @@ exports[`Locale Provider should display the text as ro 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -241410,7 +241410,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -241602,7 +241602,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -246432,7 +246432,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -246624,7 +246624,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -251454,7 +251454,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -251646,7 +251646,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -256476,7 +256476,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -256668,7 +256668,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -261498,7 +261498,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -261690,7 +261690,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -266520,7 +266520,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -266712,7 +266712,7 @@ exports[`Locale Provider should display the text as ta 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -271542,7 +271542,7 @@ exports[`Locale Provider should display the text as th 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -271734,7 +271734,7 @@ exports[`Locale Provider should display the text as th 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -276564,7 +276564,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -276756,7 +276756,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -281586,7 +281586,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -281778,7 +281778,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -286608,7 +286608,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -286800,7 +286800,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -291630,7 +291630,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -291822,7 +291822,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -296652,7 +296652,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -296844,7 +296844,7 @@ exports[`Locale Provider should display the text as zh-hk 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -301674,7 +301674,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -301866,7 +301866,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"

View File

@ -27,11 +27,10 @@
// 一般状态
.@{radio-prefix-cls}-wrapper {
.reset-component();
position: relative;
display: inline-block;
display: inline-flex;
align-items: baseline;
margin-right: @radio-wrapper-margin-right;
white-space: nowrap;
cursor: pointer;
}
@ -41,9 +40,6 @@
position: relative;
top: @radio-top;
display: inline-block;
line-height: 1;
white-space: nowrap;
vertical-align: text-bottom;
outline: none;
cursor: pointer;

View File

@ -84,7 +84,6 @@
// Radio
// ---
@radio-size: 14px;
@radio-top: -2px;
@radio-wrapper-margin-right: 6px;
// Switch

View File

@ -257,7 +257,7 @@
// Radio
@radio-size: 16px;
@radio-top: 0px;
@radio-top: 0.2em;
@radio-border-width: 1px;
@radio-dot-size: @radio-size - 8px;
@radio-dot-color: @primary-color;

View File

@ -72,7 +72,11 @@ const ListItem = <RecordType extends KeyWiseTransferItem>(props: ListItemProps<R
liProps.onClick = disabled || item.disabled ? undefined : () => onClick(item);
return (
<li {...liProps}>
<Checkbox checked={checked} disabled={disabled || item.disabled} />
<Checkbox
className={`${prefixCls}-checkbox`}
checked={checked}
disabled={disabled || item.disabled}
/>
{labelNode}
</li>
);

View File

@ -12,7 +12,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -223,7 +223,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -380,7 +380,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -435,7 +435,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content1"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -460,7 +460,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content2"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -485,7 +485,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content3"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -510,7 +510,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content4"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -535,7 +535,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content5"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -560,7 +560,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content6"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -585,7 +585,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content7"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -610,7 +610,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content8"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -635,7 +635,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content9"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -660,7 +660,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content10"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -685,7 +685,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content11"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -769,7 +769,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -824,7 +824,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content12"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -849,7 +849,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content13"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -874,7 +874,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content14"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -899,7 +899,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content15"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -924,7 +924,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content16"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -949,7 +949,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content17"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -974,7 +974,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content18"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -999,7 +999,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content19"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1024,7 +1024,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
title="content20"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1062,7 +1062,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1221,7 +1221,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1332,7 +1332,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1385,7 +1385,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
title="content1"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1410,7 +1410,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
title="content2"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1435,7 +1435,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
title="content4"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1460,7 +1460,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
title="content5"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1485,7 +1485,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
title="content7"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1510,7 +1510,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
title="content8"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1535,7 +1535,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
title="content10"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1619,7 +1619,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1672,7 +1672,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
title="content3"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1697,7 +1697,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
title="content6"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1722,7 +1722,7 @@ exports[`renders ./components/transfer/demo/custom-select-all-labels.md correctl
title="content9"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -2018,7 +2018,7 @@ Array [
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -2073,7 +2073,7 @@ Array [
title="content1"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-disabled"
@ -2099,7 +2099,7 @@ Array [
title="content2"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -2124,7 +2124,7 @@ Array [
title="content4"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-disabled"
@ -2150,7 +2150,7 @@ Array [
title="content5"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -2175,7 +2175,7 @@ Array [
title="content7"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-disabled"
@ -2201,7 +2201,7 @@ Array [
title="content8"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -2226,7 +2226,7 @@ Array [
title="content10"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-disabled"
@ -2252,7 +2252,7 @@ Array [
title="content11"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -2277,7 +2277,7 @@ Array [
title="content13"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-disabled"
@ -2303,7 +2303,7 @@ Array [
title="content14"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -2328,7 +2328,7 @@ Array [
title="content16"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-disabled"
@ -2354,7 +2354,7 @@ Array [
title="content17"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -2379,7 +2379,7 @@ Array [
title="content19"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-disabled"
@ -2405,7 +2405,7 @@ Array [
title="content20"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -2754,7 +2754,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -2945,7 +2945,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"

View File

@ -11,7 +11,7 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper ant-checkbox-rtl"
class="ant-checkbox-wrapper ant-checkbox-rtl ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -169,7 +169,7 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper ant-checkbox-rtl"
class="ant-checkbox-wrapper ant-checkbox-rtl ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -280,7 +280,7 @@ exports[`Transfer should render correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-checked"
@ -333,7 +333,7 @@ exports[`Transfer should render correctly 1`] = `
class="ant-transfer-list-content-item ant-transfer-list-content-item-checked"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-checked"
@ -356,7 +356,7 @@ exports[`Transfer should render correctly 1`] = `
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-disabled"
@ -438,7 +438,7 @@ exports[`Transfer should render correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -490,7 +490,7 @@ exports[`Transfer should render correctly 1`] = `
class="ant-transfer-list-content-item"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -525,7 +525,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -578,7 +578,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
title="a"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -662,7 +662,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -715,7 +715,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
title="c"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -740,7 +740,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
title="b"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -777,7 +777,7 @@ exports[`Transfer should support render value and label in item 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -830,7 +830,7 @@ exports[`Transfer should support render value and label in item 1`] = `
title="title value"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -914,7 +914,7 @@ exports[`Transfer should support render value and label in item 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1025,7 +1025,7 @@ exports[`immutable data dataSource is frozen 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1077,7 +1077,7 @@ exports[`immutable data dataSource is frozen 1`] = `
class="ant-transfer-list-content-item"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -1159,7 +1159,7 @@ exports[`immutable data dataSource is frozen 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"

View File

@ -8,7 +8,7 @@ exports[`Transfer.List should render correctly 1`] = `
class="ant-transfer-list-header"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-indeterminate"
@ -60,7 +60,7 @@ exports[`Transfer.List should render correctly 1`] = `
class="ant-transfer-list-content-item ant-transfer-list-content-item-checked"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked"
class="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-checked"
@ -83,7 +83,7 @@ exports[`Transfer.List should render correctly 1`] = `
class="ant-transfer-list-content-item"
>
<label
class="ant-checkbox-wrapper"
class="ant-checkbox-wrapper ant-transfer-list-checkbox"
>
<span
class="ant-checkbox"
@ -105,7 +105,7 @@ exports[`Transfer.List should render correctly 1`] = `
class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
>
<label
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-transfer-list-checkbox"
>
<span
class="ant-checkbox ant-checkbox-disabled"

View File

@ -239,6 +239,7 @@ export default class TransferList<
onItemSelectAll: (dataSource: string[], checkAll: boolean) => void,
showSelectAll?: boolean,
disabled?: boolean,
prefixCls?: string,
): false | JSX.Element {
const checkStatus = this.getCheckStatus(filteredItems);
const checkedAll = checkStatus === 'all';
@ -247,6 +248,7 @@ export default class TransferList<
disabled={disabled}
checked={checkedAll}
indeterminate={checkStatus === 'part'}
className={`${prefixCls}-checkbox`}
onChange={() => {
// Only select enabled items
onItemSelectAll(
@ -347,7 +349,7 @@ export default class TransferList<
const checkAllCheckbox =
!showRemove &&
!pagination &&
this.getCheckBox(filteredItems, onItemSelectAll, showSelectAll, disabled);
this.getCheckBox(filteredItems, onItemSelectAll, showSelectAll, disabled, prefixCls);
let menu: React.ReactElement | null = null;
if (showRemove) {

View File

@ -121,12 +121,12 @@
padding: 0;
overflow: auto;
list-style: none;
&-item {
display: flex;
align-items: center;
min-height: @transfer-item-height;
padding: @transfer-item-padding-vertical @control-padding-horizontal;
overflow: hidden;
line-height: @transfer-item-height - 2 * @transfer-item-padding-vertical;
transition: all 0.3s;
@ -209,6 +209,10 @@
&-footer {
border-top: @border-width-base @border-style-base @border-color-split;
}
&-checkbox .@{ant-prefix}-checkbox {
top: 0;
}
}
&-operation {