From cd274a204ef5f1bba95c9c76319db224a8a8d321 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E5=A4=9A=E7=9B=8A?= <wuduoyi@baidu.com>
Date: Tue, 26 Jan 2021 15:44:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20group=20=E4=B8=8B?=
 =?UTF-8?q?=E8=BE=B9=E8=B7=9D=E9=97=AE=E9=A2=98=20(#1448)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 修复 group 下边距问题

* fix: 修复 group 下边距问题

* 缩小表单项上下距离

* 表单 label 在 cxd 下也右对齐, 优化 group 下的展现
---
 scss/_properties.scss            |  2 +-
 scss/components/form/_group.scss | 20 ++++++++++----------
 scss/themes/_cxd-variables.scss  |  3 +--
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/scss/_properties.scss b/scss/_properties.scss
index fa5643899..d8ce40117 100644
--- a/scss/_properties.scss
+++ b/scss/_properties.scss
@@ -630,7 +630,7 @@
   );
   --Form-input-placeholderColor: var(--text--muted-color);
 
-  --Form-item-gap: #{px2rem(15px)};
+  --Form-item-gap: #{px2rem(10px)};
 
   --Form-label-paddingTop: calc(
     (
diff --git a/scss/components/form/_group.scss b/scss/components/form/_group.scss
index 8cbab4ff8..0ed19e45e 100644
--- a/scss/components/form/_group.scss
+++ b/scss/components/form/_group.scss
@@ -13,7 +13,7 @@
     &--hor {
       display: flex;
       flex-wrap: wrap;
-      margin: calc(var(--Form-group-gutterWidth) / -2);
+      margin: 0 calc(var(--Form-group-gutterWidth) / -2);
       align-items: flex-start;
 
       &.v-middle {
@@ -25,7 +25,7 @@
       }
 
       > * {
-        padding: calc(var(--Form-group-gutterWidth) / 2);
+        padding: 0 calc(var(--Form-group-gutterWidth) / 2);
       }
 
       > .#{$ns}Form-item--inline {
@@ -43,34 +43,34 @@
     }
 
     &--lg {
-      margin: calc(var(--Form-group--lg-gutterWidth) / -2);
+      margin: 0 calc(var(--Form-group--lg-gutterWidth) / -2);
 
       > * {
-        padding: calc(var(--Form-group--lg-gutterWidth) / 2);
+        padding: 0 calc(var(--Form-group--lg-gutterWidth) / 2);
       }
     }
 
     &--md {
-      margin: calc(var(--Form-group--md-gutterWidth) / -2);
+      margin: 0 calc(var(--Form-group--md-gutterWidth) / -2);
 
       > * {
-        padding: calc(var(--Form-group--md-gutterWidth) / 2);
+        padding: 0 calc(var(--Form-group--md-gutterWidth) / 2);
       }
     }
 
     &--sm {
-      margin: calc(var(--Form-group--sm-gutterWidth) / -2);
+      margin: 0 calc(var(--Form-group--sm-gutterWidth) / -2);
 
       > * {
-        padding: calc(var(--Form-group--sm-gutterWidth) / 2);
+        padding: 0 calc(var(--Form-group--sm-gutterWidth) / 2);
       }
     }
 
     &--xs {
-      margin: calc(var(--Form-group--xs-gutterWidth) / -2);
+      margin: 0 calc(var(--Form-group--xs-gutterWidth) / -2);
 
       > * {
-        padding: calc(var(--Form-group--xs-gutterWidth) / 2);
+        padding: 0 calc(var(--Form-group--xs-gutterWidth) / 2);
       }
     }
   }
diff --git a/scss/themes/_cxd-variables.scss b/scss/themes/_cxd-variables.scss
index 20a54a8e3..c9e1d373b 100644
--- a/scss/themes/_cxd-variables.scss
+++ b/scss/themes/_cxd-variables.scss
@@ -76,7 +76,7 @@ $Wizard-steps-liAfterBorder: none !important;
   --Page-header-paddingX: #{px2rem(20px)};
   --Page-header-paddingY: #{px2rem(10px)};
 
-  --Form-item-gap: #{px2rem(20px)};
+  --Form-item-gap: #{px2rem(10px)};
   --Form-input-height: #{px2rem(30px)};
   --Form-input-onFocused-bg: var(--white);
   --Form-input-borderRadius: 0;
@@ -90,7 +90,6 @@ $Wizard-steps-liAfterBorder: none !important;
   --Form-input-onDisabled-bg: #f5f5f5;
   --Form-input-onDisabled-borderColor: #ebebeb;
   --Form--horizontal-label-whiteSpace: nowrap;
-  --Form--horizontal-label-align: left;
   --Form--horizontal-label-widthXs: #{px2rem(50px)};
   --Form--horizontal-label-widthSm: #{px2rem(70px)};
   --Form--horizontal-label-widthBase: #{px2rem(100px)};