From f900cf7066129f9e5835809b6b6509ada1cc73ec Mon Sep 17 00:00:00 2001 From: ycjcl868 <45808948@qq.com> Date: Wed, 13 Nov 2019 20:28:32 +0800 Subject: [PATCH 01/12] tweak: border-radius all use 2px --- components/style/themes/default.less | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/components/style/themes/default.less b/components/style/themes/default.less index c786804d4d..9ae72d0f4e 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -65,8 +65,9 @@ @heading-3-size: ceil(@font-size-base * 1.71); @heading-4-size: ceil(@font-size-base * 1.42); @line-height-base: 1.5; -@border-radius-base: 4px; -@border-radius-sm: 2px; +@border-radius-base: 2px; +// deprecated +@border-radius-sm: @border-radius-base; // vertical paddings @padding-lg: 24px; // containers From e3c0703ed621cb59a92e83989c546819b8a203bc Mon Sep 17 00:00:00 2001 From: ycjcl868 <45808948@qq.com> Date: Wed, 13 Nov 2019 20:31:23 +0800 Subject: [PATCH 02/12] tweak: divider color --- components/style/themes/default.less | 2 +- site/theme/static/colors.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/components/style/themes/default.less b/components/style/themes/default.less index 9ae72d0f4e..8d85cd1676 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -112,7 +112,7 @@ // Border color @border-color-base: hsv(0, 0, 85%); // base border outline a component -@border-color-split: hsv(0, 0, 91%); // split border inside a component +@border-color-split: hsv(0, 0, 94%); // split border inside a component @border-color-inverse: @white; @border-width-base: 1px; // width of the border for a component @border-style-base: solid; // style of a components border diff --git a/site/theme/static/colors.less b/site/theme/static/colors.less index 09972d9e42..b38e934222 100644 --- a/site/theme/static/colors.less +++ b/site/theme/static/colors.less @@ -10,7 +10,7 @@ @gray-1: #fff; @gray-2: #fafafa; @gray-3: #f5f5f5; -@gray-4: #e8e8e8; +@gray-4: #f0f0f0; @gray-5: #d9d9d9; @gray-6: #bfbfbf; @gray-7: #8c8c8c; From ffd4371ab5bc0077f9b5ef482464f0f6aedd5668 Mon Sep 17 00:00:00 2001 From: ycjcl868 <45808948@qq.com> Date: Fri, 15 Nov 2019 10:01:35 +0800 Subject: [PATCH 03/12] fix: remove @border-radius-sm --- components/calendar/style/index.less | 2 +- components/checkbox/style/mixin.less | 4 ++-- components/date-picker/style/Calendar.less | 6 +++--- components/date-picker/style/DecadePanel.less | 2 +- components/date-picker/style/MonthPanel.less | 2 +- components/date-picker/style/YearPanel.less | 2 +- components/select/style/multiple.less | 2 +- components/slider/style/index.less | 2 +- components/style/themes/default.less | 4 +--- components/table/style/index.less | 2 +- components/tabs/style/card-style.less | 2 +- components/tree/style/index.less | 2 +- site/theme/static/demo.less | 8 ++++---- site/theme/static/highlight.less | 2 +- site/theme/static/markdown.less | 2 +- 15 files changed, 21 insertions(+), 23 deletions(-) diff --git a/components/calendar/style/index.less b/components/calendar/style/index.less index c8a45ebc46..fcae4ba3bc 100644 --- a/components/calendar/style/index.less +++ b/components/calendar/style/index.less @@ -111,7 +111,7 @@ color: @text-color; line-height: 24px; background: transparent; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; transition: all 0.3s; &:hover { diff --git a/components/checkbox/style/mixin.less b/components/checkbox/style/mixin.less index ff070543ec..20990894c3 100644 --- a/components/checkbox/style/mixin.less +++ b/components/checkbox/style/mixin.less @@ -28,7 +28,7 @@ width: 100%; height: 100%; border: 1px solid @checkbox-color; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; @@ -49,7 +49,7 @@ height: @checkbox-size; background-color: @checkbox-check-color; border: @checkbox-border-width @border-style-base @border-color-base; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; // Fix IE checked style // https://github.com/ant-design/ant-design/issues/12597 border-collapse: separate; diff --git a/components/date-picker/style/Calendar.less b/components/date-picker/style/Calendar.less index 8af9dc6a3c..4dc2b9a06a 100644 --- a/components/date-picker/style/Calendar.less +++ b/components/date-picker/style/Calendar.less @@ -242,7 +242,7 @@ text-align: center; background: transparent; border: @border-width-base @border-style-base transparent; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; transition: background 0.3s ease; &-panel { @@ -302,7 +302,7 @@ width: 24px; height: 24px; background: rgba(0, 0, 0, 0.1); - border-radius: @border-radius-sm; + border-radius: @border-radius-base; content: ''; } @@ -317,7 +317,7 @@ width: 24px; height: 24px; border: @border-width-base @border-style-base @disabled-color; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; content: ' '; } } diff --git a/components/date-picker/style/DecadePanel.less b/components/date-picker/style/DecadePanel.less index b444b85974..077c79de03 100644 --- a/components/date-picker/style/DecadePanel.less +++ b/components/date-picker/style/DecadePanel.less @@ -53,7 +53,7 @@ line-height: 24px; text-align: center; background: transparent; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; transition: background 0.3s ease; &:hover { diff --git a/components/date-picker/style/MonthPanel.less b/components/date-picker/style/MonthPanel.less index aa8b4ee23d..a6443da7d7 100644 --- a/components/date-picker/style/MonthPanel.less +++ b/components/date-picker/style/MonthPanel.less @@ -76,7 +76,7 @@ line-height: 24px; text-align: center; background: transparent; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; transition: background 0.3s ease; &:hover { diff --git a/components/date-picker/style/YearPanel.less b/components/date-picker/style/YearPanel.less index b9efca73ca..f466743d40 100644 --- a/components/date-picker/style/YearPanel.less +++ b/components/date-picker/style/YearPanel.less @@ -57,7 +57,7 @@ line-height: 24px; text-align: center; background: transparent; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; transition: background 0.3s ease; &:hover { diff --git a/components/select/style/multiple.less b/components/select/style/multiple.less index f6e163bd90..7910336ae6 100644 --- a/components/select/style/multiple.less +++ b/components/select/style/multiple.less @@ -39,7 +39,7 @@ // strange align fix for chrome but works // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif border-top-width: @border-width-base + 0.4px; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; user-select: none; diff --git a/components/slider/style/index.less b/components/slider/style/index.less index 3eb406a5fe..1e939f6ec8 100644 --- a/components/slider/style/index.less +++ b/components/slider/style/index.less @@ -24,7 +24,7 @@ width: 100%; height: 4px; background-color: @slider-rail-background-color; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; transition: background-color 0.3s; } diff --git a/components/style/themes/default.less b/components/style/themes/default.less index 8d85cd1676..d738f0930a 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -66,8 +66,6 @@ @heading-4-size: ceil(@font-size-base * 1.42); @line-height-base: 1.5; @border-radius-base: 2px; -// deprecated -@border-radius-sm: @border-radius-base; // vertical paddings @padding-lg: 24px; // containers @@ -491,7 +489,7 @@ @card-skeleton-bg: #cfd8dc; @card-background: @component-background; @card-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); -@card-radius: @border-radius-sm; +@card-radius: @border-radius-base; // Comment // --- diff --git a/components/table/style/index.less b/components/table/style/index.less index b713bd176a..768ed1e70a 100644 --- a/components/table/style/index.less +++ b/components/table/style/index.less @@ -555,7 +555,7 @@ text-align: center; background: @component-background; border: @border-width-base @border-style-base @border-color-split; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; outline: none; transition: all 0.3s; user-select: none; diff --git a/components/tabs/style/card-style.less b/components/tabs/style/card-style.less index 7e3d886a1f..244911f9c6 100644 --- a/components/tabs/style/card-style.less +++ b/components/tabs/style/card-style.less @@ -84,7 +84,7 @@ line-height: 20px; text-align: center; border: @border-width-base @border-style-base @border-color-split; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; cursor: pointer; transition: all 0.3s; &:hover { diff --git a/components/tree/style/index.less b/components/tree/style/index.less index bacce75818..112c84937e 100644 --- a/components/tree/style/index.less +++ b/components/tree/style/index.less @@ -113,7 +113,7 @@ color: inherit; line-height: @tree-title-height; background: transparent; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; cursor: pointer; transition: all 0.3s; diff --git a/site/theme/static/demo.less b/site/theme/static/demo.less index 21bf302227..6de90505f6 100644 --- a/site/theme/static/demo.less +++ b/site/theme/static/demo.less @@ -13,7 +13,7 @@ width: 100%; margin: 0 0 16px; border: 1px solid @site-border-color-split; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; transition: all 0.2s; &:target { @@ -37,7 +37,7 @@ padding: 1px 8px; color: #777; background: #fff; - border-radius: @border-radius-sm @border-radius-sm 0 0; + border-radius: @border-radius-base @border-radius-base 0 0; transition: background-color 0.4s; a, @@ -79,7 +79,7 @@ position: relative; width: 100%; font-size: @font-size-base; - border-radius: 0 0 @border-radius-sm @border-radius-sm; + border-radius: 0 0 @border-radius-base @border-radius-base; transition: background-color 0.4s; } @@ -143,7 +143,7 @@ .highlight-wrapper { display: none; overflow: auto; - border-radius: 0 0 @border-radius-sm @border-radius-sm; + border-radius: 0 0 @border-radius-base @border-radius-base; &-expand { display: block; diff --git a/site/theme/static/highlight.less b/site/theme/static/highlight.less index 51bc84cf14..06264af5f3 100644 --- a/site/theme/static/highlight.less +++ b/site/theme/static/highlight.less @@ -14,7 +14,7 @@ pre code { white-space: pre; background: white; border: 1px solid #e9e9e9; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; } code[class*='language-'], diff --git a/site/theme/static/markdown.less b/site/theme/static/markdown.less index e80d47ee60..7f098d6840 100644 --- a/site/theme/static/markdown.less +++ b/site/theme/static/markdown.less @@ -111,7 +111,7 @@ .markdown pre { font-family: 'Lucida Console', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; background: #f2f4f5; - border-radius: @border-radius-sm; + border-radius: @border-radius-base; } .markdown pre code { From e354fe618ae8e97904676500282c09da5091030a Mon Sep 17 00:00:00 2001 From: ycjcl868 <45808948@qq.com> Date: Fri, 15 Nov 2019 12:16:07 +0800 Subject: [PATCH 04/12] tweak: shadow color --- components/card/style/index.less | 2 +- components/style/themes/default.less | 20 +++++++++++++------- 2 files changed, 14 insertions(+), 8 deletions(-) diff --git a/components/card/style/index.less b/components/card/style/index.less index d87deed0e3..6b94bd8449 100644 --- a/components/card/style/index.less +++ b/components/card/style/index.less @@ -102,7 +102,7 @@ &:hover { position: relative; z-index: 1; - box-shadow: @box-shadow-base; + box-shadow: @card-shadow; } } } diff --git a/components/style/themes/default.less b/components/style/themes/default.less index d738f0930a..a3c582fa1c 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -131,12 +131,17 @@ // Shadow @shadow-color: rgba(0, 0, 0, 0.15); @shadow-color-inverse: @component-background; -@box-shadow-base: @shadow-1-down; -@shadow-1-up: 0 -2px 8px @shadow-color; -@shadow-1-down: 0 2px 8px @shadow-color; -@shadow-1-left: -2px 0 8px @shadow-color; -@shadow-1-right: 2px 0 8px @shadow-color; -@shadow-2: 0 4px 12px @shadow-color; +@box-shadow-base: @shadow-2; +@shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), + 0 -12px 48px 16px rgba(0, 0, 0, 0.03); +@shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), + 0 12px 48px 16px rgba(0, 0, 0, 0.03); +@shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), + -12px 0 48px 16px rgba(0, 0, 0, 0.03); +@shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), + 12px 0 48px 16px rgba(0, 0, 0, 0.03); +@shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), + 0 9px 28px 8px rgba(0, 0, 0, 0.05); // Buttons @btn-font-weight: 400; @@ -488,7 +493,8 @@ @card-actions-background: @background-color-light; @card-skeleton-bg: #cfd8dc; @card-background: @component-background; -@card-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); +@card-shadow: 0px 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), + 0 5px 12px 4px rgba(0, 0, 0, 0.09); @card-radius: @border-radius-base; // Comment From 7a47b7c98cb140a7a7efe158a1968f8882a4b793 Mon Sep 17 00:00:00 2001 From: ycjcl868 <45808948@qq.com> Date: Fri, 15 Nov 2019 12:28:50 +0800 Subject: [PATCH 05/12] fix: 0px --- components/style/themes/default.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/style/themes/default.less b/components/style/themes/default.less index a3c582fa1c..308b298e58 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -493,7 +493,7 @@ @card-actions-background: @background-color-light; @card-skeleton-bg: #cfd8dc; @card-background: @component-background; -@card-shadow: 0px 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), +@card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); @card-radius: @border-radius-base; From ca8435ef7c45dc71d3e2a59d751bf8294502b100 Mon Sep 17 00:00:00 2001 From: ycjcl868 <45808948@qq.com> Date: Fri, 15 Nov 2019 14:00:08 +0800 Subject: [PATCH 06/12] tweak: functional status color --- components/style/themes/default.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/style/themes/default.less b/components/style/themes/default.less index 308b298e58..8e7f5da7bb 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -12,8 +12,8 @@ @info-color: @blue-6; @success-color: @green-6; @processing-color: @blue-6; -@error-color: @red-6; -@highlight-color: @red-6; +@error-color: @red-5; +@highlight-color: @red-5; @warning-color: @gold-6; @normal-color: #d9d9d9; @white: #fff; From 79ae060e6e3e9471ec8a230573a9bd17eae2452b Mon Sep 17 00:00:00 2001 From: ycjcl868 <45808948@qq.com> Date: Mon, 18 Nov 2019 22:06:49 +0800 Subject: [PATCH 07/12] fix: hover and active background color --- components/cascader/style/index.less | 2 +- components/select/style/index.less | 2 +- components/style/themes/default.less | 14 +++++++++----- 3 files changed, 11 insertions(+), 7 deletions(-) diff --git a/components/cascader/style/index.less b/components/cascader/style/index.less index 71ad95fec3..6ca54b5e32 100644 --- a/components/cascader/style/index.less +++ b/components/cascader/style/index.less @@ -204,7 +204,7 @@ &, &:hover { font-weight: @select-item-selected-font-weight; - background-color: @background-color-light; + background-color: @cascader-item-selected-bg; } } &-expand { diff --git a/components/select/style/index.less b/components/select/style/index.less index 888576fe33..7823dd7dbc 100644 --- a/components/select/style/index.less +++ b/components/select/style/index.less @@ -206,7 +206,7 @@ background-color: @select-item-active-bg; } - &-selected { + &-selected:not(&-disabled) { color: @text-color; font-weight: @select-item-selected-font-weight; background-color: @select-item-selected-bg; diff --git a/components/style/themes/default.less b/components/style/themes/default.less index 8e7f5da7bb..1ad08808c5 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -79,8 +79,8 @@ // The background colors for active and hover states for things like // list items or table cells. -@item-active-bg: @primary-1; -@item-hover-bg: @primary-1; +@item-active-bg: #fafafa; +@item-hover-bg: #fafafa; // ICONFONT @iconfont-css-prefix: anticon; @@ -341,10 +341,14 @@ @select-border-color: @border-color-base; @select-item-selected-font-weight: 600; @select-dropdown-bg: @component-background; -@select-item-selected-bg: @background-color-light; +@select-item-selected-bg: @blue-1; @select-item-active-bg: @item-active-bg; @select-background: @component-background; +// Cascader +// --- +@cascader-item-selected-bg: @blue-1; + // Anchor // --- @anchor-border-color: @border-color-split; @@ -439,9 +443,9 @@ @table-header-color: @heading-color; @table-header-sort-bg: @background-color-base; @table-body-sort-bg: rgba(0, 0, 0, 0.01); -@table-row-hover-bg: @primary-1; +@table-row-hover-bg: @item-hover-bg; @table-selected-row-color: inherit; -@table-selected-row-bg: #fafafa; +@table-selected-row-bg: @primary-1; @table-body-selected-sort-bg: @table-selected-row-bg; @table-selected-row-hover-bg: @table-selected-row-bg; @table-expanded-row-bg: #fbfbfb; From 6d7950a1d9759096aa3f7cb6f72fbd73f33a7187 Mon Sep 17 00:00:00 2001 From: ycjcl868 <45808948@qq.com> Date: Tue, 19 Nov 2019 10:20:25 +0800 Subject: [PATCH 08/12] fix: hover color use #f5f5f5 @gray-3 --- components/style/themes/default.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/style/themes/default.less b/components/style/themes/default.less index 1ad08808c5..ef5b1d168b 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -79,8 +79,8 @@ // The background colors for active and hover states for things like // list items or table cells. -@item-active-bg: #fafafa; -@item-hover-bg: #fafafa; +@item-active-bg: #f5f5f5; +@item-hover-bg: #f5f5f5; // ICONFONT @iconfont-css-prefix: anticon; From 764c046fbcc95a4b85344de07f7923267c6ff617 Mon Sep 17 00:00:00 2001 From: ycjcl868 <45808948@qq.com> Date: Tue, 19 Nov 2019 11:45:32 +0800 Subject: [PATCH 09/12] tweak: active and hover background color --- components/mentions/style/index.less | 2 +- components/style/themes/default.less | 8 ++++---- components/transfer/ListItem.tsx | 1 + components/transfer/style/index.less | 4 ++++ 4 files changed, 10 insertions(+), 5 deletions(-) diff --git a/components/mentions/style/index.less b/components/mentions/style/index.less index 143a0673f3..235d2a9913 100644 --- a/components/mentions/style/index.less +++ b/components/mentions/style/index.less @@ -156,7 +156,7 @@ } &-active { - background-color: @item-active-bg; + background-color: @item-hover-bg; } } } diff --git a/components/style/themes/default.less b/components/style/themes/default.less index ef5b1d168b..31e1401bdb 100644 --- a/components/style/themes/default.less +++ b/components/style/themes/default.less @@ -79,7 +79,7 @@ // The background colors for active and hover states for things like // list items or table cells. -@item-active-bg: #f5f5f5; +@item-active-bg: @primary-1; @item-hover-bg: #f5f5f5; // ICONFONT @@ -342,7 +342,7 @@ @select-item-selected-font-weight: 600; @select-dropdown-bg: @component-background; @select-item-selected-bg: @blue-1; -@select-item-active-bg: @item-active-bg; +@select-item-active-bg: @item-hover-bg; @select-background: @component-background; // Cascader @@ -411,7 +411,7 @@ @menu-popup-bg: @component-background; @menu-item-color: @text-color; @menu-highlight-color: @primary-color; -@menu-item-active-bg: @item-active-bg; +@menu-item-active-bg: @primary-1; @menu-item-active-border-width: 3px; @menu-item-group-title-color: @text-color-secondary; @menu-icon-size: @font-size-base; @@ -465,7 +465,7 @@ // --- @time-picker-panel-column-width: 56px; @time-picker-panel-width: @time-picker-panel-column-width * 3; -@time-picker-selected-bg: @background-color-base; +@time-picker-selected-bg: @item-active-bg; // Carousel // --- diff --git a/components/transfer/ListItem.tsx b/components/transfer/ListItem.tsx index 3f6e73cbe0..4f446e182d 100644 --- a/components/transfer/ListItem.tsx +++ b/components/transfer/ListItem.tsx @@ -24,6 +24,7 @@ export default class ListItem extends React.Component { const className = classNames({ [`${prefixCls}-content-item`]: true, [`${prefixCls}-content-item-disabled`]: disabled || item.disabled, + [`${prefixCls}-content-item-checked`]: checked, }); let title: string | undefined; diff --git a/components/transfer/style/index.less b/components/transfer/style/index.less index 0b3b8ac9a3..f21669d911 100644 --- a/components/transfer/style/index.less +++ b/components/transfer/style/index.less @@ -130,6 +130,10 @@ cursor: pointer; } + &-item-checked { + background-color: @item-active-bg; + } + &-item-disabled { color: @btn-disable-color; cursor: not-allowed; From a9f6878803914efa50196ea73c405c8a4f20e202 Mon Sep 17 00:00:00 2001 From: ycjcl868 <45808948@qq.com> Date: Tue, 19 Nov 2019 11:57:23 +0800 Subject: [PATCH 10/12] test: update Transfer test snapshot --- components/transfer/__tests__/__snapshots__/index.test.js.snap | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/transfer/__tests__/__snapshots__/index.test.js.snap b/components/transfer/__tests__/__snapshots__/index.test.js.snap index 406ca93fd8..0353319de8 100644 --- a/components/transfer/__tests__/__snapshots__/index.test.js.snap +++ b/components/transfer/__tests__/__snapshots__/index.test.js.snap @@ -44,7 +44,7 @@ exports[`Transfer should render correctly 1`] = ` class="ant-transfer-list-content" >