Include parenthesis on mixin calls to support less 4.0.0 (#28465)

ant-design · Dec 22, 2020 · 263d8ec · 263d8ec
1 parent 8f1466a
commit 263d8ec
Show file tree

Hide file tree

Showing 51 changed files with 100 additions and 100 deletions.
diff --git a/components/alert/style/index.less b/components/alert/style/index.less
@@ -4,7 +4,7 @@
 @alert-prefix-cls: ~'@{ant-prefix}-alert';
 
 .@{alert-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   position: relative;
   display: flex;

diff --git a/components/anchor/style/index.less b/components/anchor/style/index.less
@@ -4,7 +4,7 @@
 @anchor-border-width: 2px;
 
 .@{ant-prefix}-anchor {
-  .reset-component;
+  .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
@@ -7,7 +7,7 @@
 @autocomplete-prefix-cls: ~'@{select-prefix-cls}-auto-complete';
 
 .@{autocomplete-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   // https://github.com/ant-design/ant-design/issues/22302
   .@{select-prefix-cls}-clear {

diff --git a/components/avatar/style/index.less b/components/avatar/style/index.less
@@ -4,7 +4,7 @@
 @avatar-prefix-cls: ~'@{ant-prefix}-avatar';
 
 .@{avatar-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   position: relative;
   display: inline-block;

diff --git a/components/back-top/style/index.less b/components/back-top/style/index.less
@@ -4,7 +4,7 @@
 @backtop-prefix-cls: ~'@{ant-prefix}-back-top';
 
 .@{backtop-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   position: fixed;
   right: 100px;

diff --git a/components/badge/style/index.less b/components/badge/style/index.less
@@ -5,7 +5,7 @@
 @number-prefix-cls: ~'@{ant-prefix}-scroll-number';
 
 .@{badge-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   position: relative;
   display: inline-block;

diff --git a/components/badge/style/ribbon.less b/components/badge/style/ribbon.less
@@ -9,7 +9,7 @@
 }
 
 .@{ribbon-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   position: absolute;
   top: 8px;

diff --git a/components/breadcrumb/style/index.less b/components/breadcrumb/style/index.less
@@ -4,7 +4,7 @@
 @breadcrumb-prefix-cls: ~'@{ant-prefix}-breadcrumb';
 
 .@{breadcrumb-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   color: @breadcrumb-base-color;
   font-size: @breadcrumb-font-size;

diff --git a/components/breadcrumb/style/rtl.less b/components/breadcrumb/style/rtl.less
@@ -1,6 +1,6 @@
 .@{breadcrumb-prefix-cls} {
   &-rtl {
-    .clearfix;
+    .clearfix();
     direction: rtl;
 
     > span {

diff --git a/components/button/style/index.less b/components/button/style/index.less
@@ -20,8 +20,8 @@
   // It is a render problem of chrome, which is only happened in the codesandbox demo
   // 0.001px solution works and I don't why
   line-height: @btn-line-height;
-  .btn;
-  .btn-default;
+  .btn();
+  .btn-default();
 
   // Fix loading button animation
   // https://github.com/ant-design/ant-design/issues/24323
@@ -30,7 +30,7 @@
   }
 
   &-primary {
-    .btn-primary;
+    .btn-primary();
 
     .@{btn-prefix-cls}-group &:not(:first-child):not(:last-child) {
       border-right-color: @btn-group-border;
@@ -62,41 +62,41 @@
   }
 
   &-ghost {
-    .btn-ghost;
+    .btn-ghost();
   }
 
   &-dashed {
-    .btn-dashed;
+    .btn-dashed();
   }
 
   // type="danger" will deprecated
   // use danger instead
   &-danger {
-    .btn-danger;
+    .btn-danger();
   }
 
   &-link {
-    .btn-link;
+    .btn-link();
   }
 
   &-text {
-    .btn-text;
+    .btn-text();
   }
 
   &-dangerous {
-    .btn-danger-default;
+    .btn-danger-default();
   }
 
   &-dangerous&-primary {
-    .btn-danger;
+    .btn-danger();
   }
 
   &-dangerous&-link {
-    .btn-danger-link;
+    .btn-danger-link();
   }
 
   &-dangerous&-text {
-    .btn-danger-text;
+    .btn-danger-text();
   }
 
   &-icon-only {

diff --git a/components/calendar/style/index.less b/components/calendar/style/index.less
@@ -5,7 +5,7 @@
 @calendar-picker-prefix-cls: ~'@{ant-prefix}-picker';
 
 .@{calendar-prefix-cls} {
-  .reset-component;
+  .reset-component();
   background: @calendar-full-bg;
 
   // ========================= Header =========================

diff --git a/components/card/style/index.less b/components/card/style/index.less
@@ -9,7 +9,7 @@
 @gradient-max: fade(@card-skeleton-bg, 40%);
 
 .@{card-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   position: relative;
   background: @card-background;
@@ -43,7 +43,7 @@
     background: @card-head-background;
     border-bottom: @border-width-base @border-style-base @border-color-split;
     border-radius: @card-radius @card-radius 0 0;
-    .clearfix;
+    .clearfix();
 
     &-wrapper {
       display: flex;
@@ -96,7 +96,7 @@
 
   &-body {
     padding: @card-padding-base;
-    .clearfix;
+    .clearfix();
   }
 
   &-contain-grid:not(&-loading) &-body {
@@ -160,7 +160,7 @@
     list-style: none;
     background: @card-actions-background;
     border-top: @border-width-base @border-style-base @border-color-split;
-    .clearfix;
+    .clearfix();
 
     & > li {
       float: left;
@@ -230,7 +230,7 @@
 
   &-meta {
     margin: -4px 0;
-    .clearfix;
+    .clearfix();
 
     &-avatar {
       float: left;

diff --git a/components/carousel/style/index.less b/components/carousel/style/index.less
@@ -4,7 +4,7 @@
 @carousel-prefix-cls: ~'@{ant-prefix}-carousel';
 
 .@{carousel-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   .slick-slider {
     position: relative;

diff --git a/components/cascader/style/index.less b/components/cascader/style/index.less
@@ -5,7 +5,7 @@
 @cascader-prefix-cls: ~'@{ant-prefix}-cascader';
 
 .@{cascader-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   &-input.@{ant-prefix}-input {
     // Keep it static for https://github.com/ant-design/ant-design/issues/16738
@@ -24,7 +24,7 @@
   }
 
   &-picker {
-    .reset-component;
+    .reset-component();
 
     position: relative;
     display: inline-block;
@@ -48,7 +48,7 @@
     }
 
     &:focus .@{cascader-prefix-cls}-input {
-      .active;
+      .active();
     }
 
     &-borderless .@{cascader-prefix-cls}-input {
@@ -116,7 +116,7 @@
   // https://github.com/ant-design/ant-design/pull/12407#issuecomment-424657810
   &-picker-label:hover + &-input {
     &:not(.@{cascader-prefix-cls}-picker-disabled &) {
-      .hover;
+      .hover();
     }
   }
 

diff --git a/components/checkbox/style/mixin.less b/components/checkbox/style/mixin.less
@@ -4,7 +4,7 @@
   @checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
   // 一般状态
   .@{checkbox-prefix-cls} {
-    .reset-component;
+    .reset-component();
 
     position: relative;
     top: -0.09em;
@@ -147,7 +147,7 @@
   }
 
   .@{checkbox-prefix-cls}-wrapper {
-    .reset-component;
+    .reset-component();
 
     display: inline-block;
     line-height: unset;
@@ -166,7 +166,7 @@
   }
 
   .@{checkbox-prefix-cls}-group {
-    .reset-component;
+    .reset-component();
 
     display: inline-block;
     &-item {

diff --git a/components/collapse/style/index.less b/components/collapse/style/index.less
@@ -4,7 +4,7 @@
 @collapse-prefix-cls: ~'@{ant-prefix}-collapse';
 
 .@{collapse-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   background-color: @collapse-header-bg;
   border: @border-width-base @border-style-base @border-color-base;
@@ -29,7 +29,7 @@
       line-height: @line-height-base;
       cursor: pointer;
       transition: all 0.3s;
-      .clearfix;
+      .clearfix();
 
       .@{collapse-prefix-cls}-arrow {
         .iconfont-mixin();

diff --git a/components/date-picker/style/index.less b/components/date-picker/style/index.less
@@ -21,7 +21,7 @@
     @input-padding-vertical-sm - 2 * @border-width-base;
   @arrow-size: 10px;
 
-  .reset-component;
+  .reset-component();
   .picker-padding(@input-height-base, @font-size-base, @input-padding-horizontal-base);
   position: relative;
   display: inline-flex;
@@ -217,7 +217,7 @@
 
   // ======================= Dropdown =======================
   &-dropdown {
-    .reset-component;
+    .reset-component();
     position: absolute;
     z-index: @zindex-picker;
 

diff --git a/components/divider/style/index.less b/components/divider/style/index.less
@@ -4,7 +4,7 @@
 @divider-prefix-cls: ~'@{ant-prefix}-divider';
 
 .@{divider-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   border-top: @border-width-base solid @divider-color;
 

diff --git a/components/dropdown/style/index.less b/components/dropdown/style/index.less
@@ -5,7 +5,7 @@
 @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
 
 .@{dropdown-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   position: absolute;
   top: -9999px;

diff --git a/components/form/style/index.less b/components/form/style/index.less
@@ -15,8 +15,8 @@
 @form-font-height: ceil(@font-size-base * @line-height-base);
 
 .@{form-prefix-cls} {
-  .reset-component;
-  .reset-form;
+  .reset-component();
+  .reset-form();
 
   .@{form-prefix-cls}-text {
     display: inline-block;
@@ -57,7 +57,7 @@
 // =                             Item                             =
 // ================================================================
 .@{form-item-prefix-cls} {
-  .reset-component;
+  .reset-component();
 
   margin-bottom: @form-item-margin-bottom;
   vertical-align: top;

diff --git a/components/image/style/index.less b/components/image/style/index.less
@@ -21,17 +21,17 @@
   }
 
   &-placeholder {
-    .box;
+    .box();
   }
 
   &-preview {
-    .modal-mask;
+    .modal-mask();
 
     height: 100%;
     text-align: center;
 
     &-body {
-      .box;
+      .box();
       overflow: hidden;
     }
 
@@ -45,7 +45,7 @@
       user-select: none;
       pointer-events: auto;
       &-wrapper {
-        .box;
+        .box();
         transition: transform 0.3s @ease-out 0s;
         &::before {
           display: inline-block;
@@ -71,7 +71,7 @@
     }
 
     &-operations {
-      .reset-component;
+      .reset-component();
       position: absolute;
       top: 0;
       right: 0;