chore: sync ant-design v3.19.3

NG-ZORRO · Jun 11, 2019 · b8b4163 · b8b4163
1 parent 43aeaeb
commit b8b4163
Show file tree

Hide file tree

Showing 86 changed files with 614 additions and 195 deletions.
diff --git a/components/affix/style/index.less b/components/affix/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 
 .@{ant-prefix}-affix {
   position: fixed;

diff --git a/components/alert/style/index.less b/components/alert/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @alert-prefix-cls: ~'@{ant-prefix}-alert';
@@ -10,6 +10,7 @@
 
 .@{alert-prefix-cls} {
   .reset-component;
+
   position: relative;
   padding: 8px 15px 8px 37px;
   border-radius: @border-radius-base;

diff --git a/components/anchor/style/index.less b/components/anchor/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @anchor-border-width: 2px;
 
 .@{ant-prefix}-anchor {
   .reset-component;
+
   position: relative;
   padding-left: @anchor-border-width;
 

diff --git a/components/auto-complete/style/index.less b/components/auto-complete/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 
@@ -54,6 +54,7 @@
       }
       &[disabled] {
         .disabled;
+
         background-color: transparent;
       }
     }
@@ -81,3 +82,11 @@
     }
   }
 }
+
+// https://github.com/ant-design/ant-design/issues/14156
+.@{input-prefix-cls}-group > .@{autocomplete-prefix-cls} {
+  .@{select-prefix-cls}-search__field.@{input-prefix-cls}-affix-wrapper {
+    display: inline;
+    float: none;
+  }
+}
diff --git a/components/avatar/style/index.less b/components/avatar/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @avatar-prefix-cls: ~'@{ant-prefix}-avatar';
 
 .@{avatar-prefix-cls} {
   .reset-component;
+
   position: relative;
   display: inline-block;
   overflow: hidden;

diff --git a/components/back-top/style/index.less b/components/back-top/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @backtop-prefix-cls: ~'@{ant-prefix}-back-top';
 
 .@{backtop-prefix-cls} {
   .reset-component;
+
   position: fixed;
   right: 100px;
   bottom: 50px;

diff --git a/components/badge/style/index.less b/components/badge/style/index.less
@@ -1,11 +1,12 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @badge-prefix-cls: ~'@{ant-prefix}-badge';
 @number-prefix-cls: ~'@{ant-prefix}-scroll-number';
 
 .@{badge-prefix-cls} {
   .reset-component;
+
   position: relative;
   display: inline-block;
   color: unset;

diff --git a/components/breadcrumb/style/index.less b/components/breadcrumb/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @breadcrumb-prefix-cls: ~'@{ant-prefix}-breadcrumb';
 
 .@{breadcrumb-prefix-cls} {
   .reset-component;
+
   color: @breadcrumb-base-color;
   font-size: @breadcrumb-font-size;
 
@@ -38,4 +39,10 @@
       margin-left: 4px;
     }
   }
+
+  &-overlay-link {
+    > .@{iconfont-css-prefix} {
+      margin-left: 4px;
+    }
+  }
 }
diff --git a/components/button/style/index.less b/components/button/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import './mixin';
 
@@ -202,4 +202,4 @@ a.@{btn-prefix-cls} {
   &-sm {
     line-height: @btn-height-sm - 2px;
   }
-}
+}
diff --git a/components/button/style/mixin.less b/components/button/style/mixin.less
@@ -345,4 +345,4 @@
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
-}
+}
diff --git a/components/calendar/style/index.less b/components/calendar/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @full-calendar-prefix-cls: ~'@{ant-prefix}-fullcalendar';
 
 .@{full-calendar-prefix-cls} {
   .reset-component;
+
   border-top: @border-width-base @border-style-base @border-color-base;
   outline: none;
 
@@ -21,7 +22,7 @@
     margin-left: 8px;
 
     &.@{ant-prefix}-select-sm {
-      min-width: 60px;
+      min-width: 70px;
     }
   }
 

diff --git a/components/card/style/index.less b/components/card/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @card-prefix-cls: ~'@{ant-prefix}-card';
@@ -10,6 +10,7 @@
 
 .@{card-prefix-cls} {
   .reset-component;
+
   position: relative;
   background: @component-background;
   border-radius: @card-radius;

diff --git a/components/carousel/style/index.less b/components/carousel/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 .@{ant-prefix}-carousel {
@@ -146,14 +146,19 @@
   // Dots
   .slick-dots {
     position: absolute;
-    bottom: 12px;
     display: block;
     width: 100%;
     height: @carousel-dot-height;
     margin: 0;
     padding: 0;
     text-align: center;
     list-style: none;
+    &-bottom {
+      bottom: 12px;
+    }
+    &-top {
+      top: 12px;
+    }
     li {
       position: relative;
       display: inline-block;
@@ -196,11 +201,16 @@
 .@{ant-prefix}-carousel-vertical {
   .slick-dots {
     top: 50%;
-    right: 12px;
     bottom: auto;
     width: @carousel-dot-height;
     height: auto;
     transform: translateY(-50%);
+    &-left {
+      left: 12px;
+    }
+    &-right {
+      right: 12px;
+    }
     li {
       margin: 0 2px;
       vertical-align: baseline;

diff --git a/components/cascader/style/index.less b/components/cascader/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
 
@@ -8,7 +8,8 @@
   .reset-component;
 
   &-input.@{ant-prefix}-input {
-    position: relative;
+    // Keep it static for https://github.com/ant-design/ant-design/issues/16738
+    position: static;
     width: 100%;
     // Add important to fix https://github.com/ant-design/ant-design/issues/5078
     // because input.less will compile after cascader.less
@@ -22,6 +23,7 @@
 
   &-picker {
     .reset-component;
+
     position: relative;
     display: inline-block;
     background-color: @component-background;
@@ -108,6 +110,11 @@
     }
   }
 
+  // https://github.com/ant-design/ant-design/pull/12407#issuecomment-424657810
+  &-picker-label:hover + &-input {
+    .hover;
+  }
+
   &-picker-small &-picker-clear,
   &-picker-small &-picker-arrow {
     right: @control-padding-horizontal-sm;
@@ -194,8 +201,8 @@
     &-active:not(&-disabled) {
       &,
       &:hover {
-        font-weight: 600;
-        background: @background-color-base;
+        font-weight: @select-item-selected-font-weight;
+        background-color: @background-color-light;
       }
     }
     &-expand {
@@ -206,6 +213,7 @@
     &-expand &-expand-icon,
     &-expand &-loading-icon {
       .iconfont-size-under-12px(10px);
+
       position: absolute;
       right: @control-padding-horizontal;
       color: @text-color-secondary;

diff --git a/components/checkbox/style/index.less b/components/checkbox/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import './mixin';
 
 .antCheckboxFn();
diff --git a/components/checkbox/style/mixin.less b/components/checkbox/style/mixin.less
@@ -5,6 +5,7 @@
   // 一般状态
   .@{checkbox-prefix-cls} {
     .reset-component;
+
     position: relative;
     top: -0.09em;
     display: inline-block;
@@ -57,6 +58,7 @@
       &::after {
         @check-width: (@checkbox-size / 14) * 5px;
         @check-height: (@checkbox-size / 14) * 8px;
+
         position: absolute;
         top: 50%;
         left: 21%;
@@ -139,6 +141,7 @@
 
   .@{checkbox-prefix-cls}-wrapper {
     .reset-component;
+
     display: inline-block;
     line-height: unset;
     cursor: pointer;
@@ -155,6 +158,7 @@
 
   .@{checkbox-prefix-cls}-group {
     .reset-component;
+
     display: inline-block;
     &-item {
       display: inline-block;
@@ -171,12 +175,13 @@
   // 半选状态
   .@{checkbox-prefix-cls}-indeterminate {
     .@{checkbox-inner-prefix-cls} {
-      background-color: #fff;
+      background-color: @component-background;
       border-color: @border-color-base;
     }
     .@{checkbox-inner-prefix-cls}::after {
       @indeterminate-width: @checkbox-size - 8px;
       @indeterminate-height: @checkbox-size - 8px;
+
       top: 50%;
       left: 50%;
       width: @indeterminate-width;

diff --git a/components/collapse/style/index.less b/components/collapse/style/index.less
@@ -1,10 +1,11 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @collapse-prefix-cls: ~'@{ant-prefix}-collapse';
 
 .@{collapse-prefix-cls} {
   .reset-component;
+
   background-color: @collapse-header-bg;
   border: @border-width-base @border-style-base @border-color-base;
   border-bottom: 0;
@@ -23,13 +24,15 @@
     > .@{collapse-prefix-cls}-header {
       position: relative;
       padding: @collapse-header-padding;
+      padding-left: @collapse-header-padding-extra;
       color: @heading-color;
       line-height: 22px;
       cursor: pointer;
       transition: all 0.3s;
 
       .@{collapse-prefix-cls}-arrow {
         .iconfont-mixin();
+
         position: absolute;
         top: 50%;
         left: @padding-md;
@@ -60,6 +63,21 @@
     }
   }
 
+  // Expand Icon right
+  &-icon-position-right {
+    & > .@{collapse-prefix-cls}-item {
+      > .@{collapse-prefix-cls}-header {
+        padding: @collapse-header-padding;
+        padding-right: @collapse-header-padding-extra;
+
+        .@{collapse-prefix-cls}-arrow {
+          right: @padding-md;
+          left: initial;
+        }
+      }
+    }
+  }
+
   &-anim-active {
     transition: height 0.2s @ease-out;
   }

diff --git a/components/comment/style/index.less b/components/comment/style/index.less
@@ -1,4 +1,4 @@
-@import '../../style/themes/default';
+@import '../../style/themes/index';
 @import '../../style/mixins/index';
 
 @comment-prefix-cls: ~'@{ant-prefix}-comment';

diff --git a/components/date-picker/style/Calendar.less b/components/date-picker/style/Calendar.less
@@ -342,6 +342,7 @@
     .btn;
     .btn-primary;
     .button-size(@btn-height-sm; @btn-padding-sm; @font-size-base; @border-radius-base);
+
     line-height: @btn-height-sm - 2px;
 
     .button-disabled();