antdesignblazor
/
ant-design-blazor
зеркало из https://github.com/ant-design-blazor/ant-design-blazor.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

chore: sync ant-design v4.1.2 (#70)

This commit is contained in:
James Yeung 2020-04-10 17:44:53 +08:00 коммит произвёл GitHub
Родитель 4bdfe9bf0b
Коммит 9c3eb1e8cd
29 изменённых файлов: 286 добавлений и 101 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

2
components/anchor/style/index.less
Просмотреть файл

@ -80,3 +80,5 @@
padding-bottom: 5px;
}
}
@import './rtl';

40
components/anchor/style/rtl.less Normal file
Просмотреть файл

@ -0,0 +1,40 @@
@import '../../style/themes/index';
@import '../../style/mixins/index';
@anchor-border-width: 2px;
.@{ant-prefix}-anchor {
&-rtl {
direction: rtl;
}
&-wrapper {
.@{ant-prefix}-anchor-rtl& {
margin-right: -4px;
margin-left: 0;
padding-right: 4px;
padding-left: 0;
}
}
&-ink {
.@{ant-prefix}-anchor-rtl & {
right: 0;
left: auto;
}
&-ball {
.@{ant-prefix}-anchor-rtl & {
right: 50%;
left: 0;
transform: translateX(50%);
}
}
}
&-link {
.@{ant-prefix}-anchor-rtl & {
padding: 7px 16px 7px 0;
}
}
}

1
components/back-top/style/index.less
Просмотреть файл

@ -17,6 +17,7 @@
&-rtl {
right: auto;
left: 100px;
direction: rtl;
}
&-content {

19
components/button/style/index.less
Просмотреть файл

@ -27,7 +27,6 @@
> i,
> span {
display: inline-block;
transition: margin-left 0.3s @ease-in-out;
pointer-events: none;
}
@ -147,25 +146,17 @@
&:not([disabled]) {
pointer-events: none;
}
}
&&-loading::before {
display: block;
}
&&-loading:not(&-circle):not(&-circle-outline):not(&-icon-only) {
padding-left: 29px;
.@{iconfont-css-prefix}:not(:last-child) {
margin-left: -14px;
&::before {
display: block;
}
}
&-sm&-loading:not(&-circle):not(&-circle-outline):not(&-icon-only) {
padding-left: 24px;
& > &-loading-icon {
transition: all 0.3s @ease-in-out;
.@{iconfont-css-prefix} {
margin-left: -17px;
padding-right: @margin-xs;
}
}

4
components/cascader/style/rtl.less
Просмотреть файл

@ -16,6 +16,10 @@
}
&-picker {
&-rtl {
direction: rtl;
}
&-label {
.@{picker-rtl-cls} & {
padding: 0 @control-padding-horizontal 0 20px;

4
components/checkbox/style/rtl.less
Просмотреть файл

@ -1,6 +1,10 @@
@import '../../style/mixins/index';
.antCheckboxFn(@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox') {
.@{checkbox-prefix-cls}-rtl {
direction: rtl;
}
.@{checkbox-prefix-cls}-group {
&-item {
.@{checkbox-prefix-cls}-group-rtl & {

30
components/date-picker/style/index.less
Просмотреть файл

@ -105,7 +105,7 @@
&-suffix {
align-self: center;
margin-left: @padding-xs / 2;
color: @disabled-color;
color: @text-color-secondary;
pointer-events: none;
}
@ -113,7 +113,7 @@
position: absolute;
top: 50%;
right: 0;
color: @disabled-color;
color: @text-color-secondary;
background: @component-background;
transform: translateY(-50%);
cursor: pointer;
@ -121,7 +121,7 @@
transition: opacity @animation-duration-slow, color @animation-duration-slow;
&:hover {
color: @text-color-secondary;
color: @disabled-color;
}
}
@ -130,29 +130,13 @@
display: inline-block;
width: 1em;
height: @font-size-lg;
color: @disabled-color;
font-size: @font-size-lg;
vertical-align: top;
cursor: default;
&::before,
&::after {
position: absolute;
border-top: 1px solid #979797;
content: '';
}
&::before {
top: 50%;
left: 0.1em;
width: 0.8em;
}
&::after {
top: 50%;
right: 0.11em;
width: 0.8em;
width: 0.3em;
transform: rotate(45deg);
transform-origin: 100% 100%;
.@{picker-prefix-cls}-focused & {
color: @text-color-secondary;
}
.@{picker-prefix-cls}-range-separator & {

53
components/date-picker/style/panel.less
Просмотреть файл

@ -1,4 +1,6 @@
@import './index';
@import '../../style/themes/index';
@import '../../style/mixins/index';
@import '../../input/style/mixin';
@picker-cell-inner-cls: ~'@{picker-prefix-cls}-cell-inner';
@ -226,19 +228,10 @@
&-in-view&-range-start::before {
left: 50%;
.@{picker-prefix-cls}-panel-rtl & {
right: 50%;
left: 0;
}
}
&-in-view&-range-end::before {
right: 50%;
.@{picker-prefix-cls}-panel-rtl & {
right: 0;
left: 50%;
}
}
// >>> Range Hover
@ -308,38 +301,18 @@
.@{cellClassName}::after {
right: -6px - @border-width-base;
left: 0;
.@{picker-prefix-cls}-panel-rtl & {
right: 0;
left: -6px - @border-width-base;
}
}
.@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
right: 0;
left: -6px - @border-width-base;
.@{picker-prefix-cls}-panel-rtl & {
right: -6px - @border-width-base;
left: 0;
}
}
// Hover with range start & end
&-range-hover&-range-start::after {
right: 50%;
.@{picker-prefix-cls}-panel-rtl & {
right: 0;
left: 50%;
}
}
&-range-hover&-range-end::after {
left: 50%;
.@{picker-prefix-cls}-panel-rtl & {
right: 50%;
left: 0;
}
}
// Edge start
@ -351,15 +324,6 @@
border-left: @border-width-base dashed @picker-date-hover-range-border-color;
border-top-left-radius: @border-radius-base;
border-bottom-left-radius: @border-radius-base;
.@{picker-prefix-cls}-panel-rtl & {
right: 6px;
left: 0;
border-right: @border-width-base dashed @picker-date-hover-range-border-color;
border-left: none;
border-top-right-radius: @border-radius-base;
border-bottom-right-radius: @border-radius-base;
}
}
// Edge end
@ -371,15 +335,6 @@
border-right: @border-width-base dashed @picker-date-hover-range-border-color;
border-top-right-radius: @border-radius-base;
border-bottom-right-radius: @border-radius-base;
.@{picker-prefix-cls}-panel-rtl & {
right: 0;
left: 6px;
border-right: none;
border-left: @border-width-base dashed @picker-date-hover-range-border-color;
border-top-left-radius: @border-radius-base;
border-bottom-left-radius: @border-radius-base;
}
}
// >>> Disabled

125
components/date-picker/style/rtl.less
Просмотреть файл

@ -3,6 +3,7 @@
@import '../../input/style/mixin';
@picker-prefix-cls: ~'@{ant-prefix}-picker';
@picker-cell-inner-cls: ~'@{picker-prefix-cls}-cell-inner';
.@{picker-prefix-cls} {
&-rtl {
@ -26,7 +27,19 @@
&-separator {
.@{picker-prefix-cls}-rtl & {
transform: rotate(180deg);
transform-origin: 50% 60%;
}
}
&-header {
&-view {
button {
&:not(:first-child) {
.@{picker-prefix-cls}-panel-rtl & {
margin-right: @padding-xs;
margin-left: 0;
}
}
}
}
}
@ -77,7 +90,115 @@
}
}
// ::before and ::after is not recommended for splitting
&-cell {
.picker-cell-inner(~'@{picker-cell-inner-cls}');
}
.picker-cell-inner(@cellClassName) {
.@{cellClassName} {
position: relative;
z-index: 2;
display: inline-block;
min-width: 24px;
height: 24px;
line-height: 24px;
border-radius: @border-radius-base;
transition: background @animation-duration-slow, border @animation-duration-slow;
}
&-in-view&-range-start::before {
.@{picker-prefix-cls}-panel-rtl & {
right: 50%;
left: 0;
}
}
&-in-view&-range-end::before {
.@{picker-prefix-cls}-panel-rtl & {
right: 0;
left: 50%;
}
}
.@{picker-prefix-cls}-date-panel
&-in-view&-in-range&-range-hover-start
.@{cellClassName}::after {
.@{picker-prefix-cls}-panel-rtl & {
right: 0;
left: -6px - @border-width-base;
}
}
.@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
.@{picker-prefix-cls}-panel-rtl & {
right: -6px - @border-width-base;
left: 0;
}
}
// Hover with range start & end
&-range-hover&-range-start::after {
.@{picker-prefix-cls}-panel-rtl & {
right: 0;
left: 50%;
}
}
&-range-hover&-range-end::after {
.@{picker-prefix-cls}-panel-rtl & {
right: 50%;
left: 0;
}
}
// Edge start
tr > &-in-view&-range-hover:first-child::after,
tr > &-in-view&-range-hover-end:first-child::after,
&-in-view&-range-hover-edge-start:not(&-range-hover-edge-start-near-range)::after,
&-in-view&-range-hover-start::after {
.@{picker-prefix-cls}-panel-rtl & {
right: 6px;
left: 0;
border-right: @border-width-base dashed @picker-date-hover-range-border-color;
border-left: none;
border-top-left-radius: 0;
border-top-right-radius: @border-radius-base;
border-bottom-right-radius: @border-radius-base;
border-bottom-left-radius: 0;
}
}
// Edge end
tr > &-in-view&-range-hover:last-child::after,
tr > &-in-view&-range-hover-start:last-child::after,
&-in-view&-range-hover-edge-end:not(&-range-hover-edge-end-near-range)::after,
&-in-view&-range-hover-end::after {
.@{picker-prefix-cls}-panel-rtl & {
right: 0;
left: 6px;
border-right: none;
border-left: @border-width-base dashed @picker-date-hover-range-border-color;
border-top-left-radius: @border-radius-base;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: @border-radius-base;
}
}
tr > &-in-view&-range-hover-start:last-child::after,
&-in-view&-range-hover-start&-in-view&-range-hover-end::after {
.@{picker-prefix-cls}-panel-rtl & {
right: 6px;
border-right: @border-width-base dashed @picker-date-hover-range-border-color;
border-top-right-radius: @border-radius-base;
border-bottom-right-radius: @border-radius-base;
}
}
tr > &-in-view&-range-hover-end:first-child::after {
.@{picker-prefix-cls}-panel-rtl & {
left: 6px;
border-left: @border-width-base dashed @picker-date-hover-range-border-color;
border-top-left-radius: @border-radius-base;
border-bottom-left-radius: @border-radius-base;
}
}
}
&-time-panel {
.@{picker-prefix-cls}-panel-rtl & {

4
components/form/style/status.less
Просмотреть файл

@ -125,7 +125,7 @@
}
//select
.@{ant-prefix}-select {
.@{ant-prefix}-select:not(.@{ant-prefix}-select-borderless) {
.@{ant-prefix}-select-selector {
border-color: @warning-color !important;
}
@ -163,7 +163,7 @@
}
//select
.@{ant-prefix}-select {
.@{ant-prefix}-select:not(.@{ant-prefix}-select-borderless) {
.@{ant-prefix}-select-selector {
border-color: @error-color !important;
}

4
components/input-number/style/rtl.less
Просмотреть файл

@ -5,6 +5,10 @@
@input-number-prefix-cls: ~'@{ant-prefix}-input-number';
.@{input-number-prefix-cls} {
&-rtl {
direction: rtl;
}
&-handler-wrap {
.@{input-number-prefix-cls}-rtl & {
right: auto;

6
components/input/style/affix.less
Просмотреть файл

@ -8,6 +8,12 @@
.input();
display: inline-flex;
&-disabled {
.@{ant-prefix}-input[disabled] {
background: transparent;
}
}
> input.@{ant-prefix}-input {
padding: 0;
border: none;

6
components/input/style/mixin.less
Просмотреть файл

@ -300,12 +300,16 @@
}
& > * {
display: inline-flex;
display: inline-block;
float: none;
vertical-align: top; // https://github.com/ant-design/ant-design-pro/issues/139
border-radius: 0;
}
& > .@{inputClass}-affix-wrapper {
display: inline-flex;
}
& > *:not(:last-child) {
margin-right: -@border-width-base;
border-right-width: @border-width-base;

2
components/mentions/style/index.less
Просмотреть файл

@ -165,3 +165,5 @@
}
}
}
@import './rtl';

10
components/mentions/style/rtl.less Normal file
Просмотреть файл

@ -0,0 +1,10 @@
@import '../../style/themes/index';
@import '../../style/mixins/index';
@mention-prefix-cls: ~'@{ant-prefix}-mentions';
.@{mention-prefix-cls} {
&-rtl {
direction: rtl;
}
}

2
components/menu/style/dark.less
Просмотреть файл

@ -1,7 +1,7 @@
.@{menu-prefix-cls} {
// dark theme
&&-dark,
&&-dark &-sub {
&-dark &-sub {
color: @menu-dark-color;
background: @menu-dark-bg;
.@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {

8
components/menu/style/index.less
Просмотреть файл

@ -419,6 +419,12 @@
}
}
&-vertical {
.@{menu-prefix-cls}-submenu-title {
padding-right: 34px;
}
}
&-inline {
width: 100%;
.@{menu-prefix-cls}-selected,
@ -452,7 +458,7 @@
> .@{menu-prefix-cls}-submenu-title,
> .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
left: 0;
padding: 0 (@menu-collapsed-width - @menu-icon-size-lg) / 2 !important;
padding: 0 (@menu-collapsed-width - @menu-icon-size-lg) / 2;
text-overflow: clip;
.@{menu-prefix-cls}-submenu-arrow {
display: none;

9
components/menu/style/rtl.less
Просмотреть файл

@ -125,6 +125,15 @@
}
}
&-vertical {
.@{menu-prefix-cls}-submenu-title {
.@{menu-prefix-cls}-rtl& {
padding-right: 16px;
padding-left: 34px;
}
}
}
&-item-group-list {
.@{menu-prefix-cls}-item,
.@{menu-prefix-cls}-submenu-title {

4
components/notification/style/index.less
Просмотреть файл

@ -200,8 +200,8 @@
0% {
max-height: 150px;
margin-bottom: @notification-margin-bottom;
padding-top: @notification-padding;
padding-bottom: @notification-padding;
padding-top: @notification-padding-vertical;
padding-bottom: @notification-padding-vertical;
opacity: 1;
}
100% {

8
components/pagination/style/index.less
Просмотреть файл

@ -216,6 +216,14 @@
margin-left: 16px;
vertical-align: middle;
// IE11 css hack. `*::-ms-backdrop,` is a must have
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
& {
vertical-align: top;
}
}
&-size-changer.@{ant-prefix}-select {
display: inline-block;
width: auto;

1
components/radio/style/rtl.less
Просмотреть файл

@ -16,6 +16,7 @@
&&-rtl {
margin-right: 0;
margin-left: 8px;
direction: rtl;
}
}

16
components/select/style/index.less
Просмотреть файл

@ -68,6 +68,14 @@
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
// IE11 css hack. `*::-ms-backdrop,` is a must have
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
& {
flex: auto;
}
}
}
// ======================= Placeholder =======================
@ -77,6 +85,14 @@
white-space: nowrap;
text-overflow: ellipsis;
opacity: 0.4;
// IE11 css hack. `*::-ms-backdrop,` is a must have
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
& {
flex: auto;
}
}
}
// ========================== Arrow ==========================

10
components/select/style/multiple.less
Просмотреть файл

@ -112,6 +112,11 @@
white-space: nowrap;
visibility: hidden;
}
// https://github.com/ant-design/ant-design/issues/22906
&:first-child .@{select-prefix-cls}-selection-search-input {
margin-left: 6.5px;
}
}
// ======================= Placeholder =======================
@ -144,6 +149,7 @@
.@{select-prefix-cls}-selection-search {
height: @select-selection-height + @select-multiple-padding;
line-height: @select-selection-height + @select-multiple-padding;
&-input,
&-mirror {
@ -162,6 +168,10 @@
.@{select-prefix-cls}-selection-placeholder {
left: @input-padding-horizontal-sm;
}
// https://github.com/ant-design/ant-design/issues/22906
.@{select-prefix-cls}-selection-search:first-child .@{select-prefix-cls}-selection-search-input {
margin-left: 3px;
}
}
&.@{select-prefix-cls}-lg {
.@{select-prefix-cls}-selection-item {

3
components/select/style/rtl.less
Просмотреть файл

@ -28,7 +28,8 @@
// ========================== Popup ==========================
&-dropdown {
&-rtl {
direction: rtl;
direction: ltr;
text-align: right;
}
}

2
components/style/themes/default.less
Просмотреть файл

@ -542,7 +542,7 @@
@table-header-color: @heading-color;
@table-header-sort-bg: @background-color-base;
@table-body-sort-bg: #fafafa;
@table-row-hover-bg: @item-hover-bg;
@table-row-hover-bg: @background-color-light;
@table-selected-row-color: inherit;
@table-selected-row-bg: @primary-1;
@table-body-selected-sort-bg: @table-selected-row-bg;

2
components/table/style/index.less
Просмотреть файл

@ -116,7 +116,7 @@
background: @table-selected-row-bg;
}
:hover {
&:hover {
> td {
background: @table-selected-row-hover-bg;
}

4
components/table/style/rtl.less
Просмотреть файл

@ -11,6 +11,10 @@
}
.@{table-prefix-cls} {
&-rtl {
direction: rtl;
}
table {
.@{table-wrapepr-rtl-cls} & {
text-align: right;

5
components/tabs/style/card-style.less
Просмотреть файл

@ -169,15 +169,14 @@
// https://github.com/ant-design/ant-design/issues/9104
& &-card-bar&-bottom-bar &-tab {
height: auto;
border-top: 0;
border-top-color: @border-color-split;
border-bottom: @border-width-base @border-style-base @border-color-split;
border-radius: 0 0 @border-radius-base @border-radius-base;
}
& &-card-bar&-bottom-bar &-tab-active {
padding-top: 1px;
padding-bottom: 0;
color: @primary-color;
border-top-color: @component-background;
}
}

3
components/upload/style/rtl.less
Просмотреть файл

@ -19,6 +19,9 @@
}
.@{upload-prefix-cls}-list {
&-rtl {
direction: rtl;
}
&-item-list-type-text {
&:hover {
.@{upload-prefix-cls}-list-item-name-icon-count-1 {