From 9d8cf7f8d339c11655898c7dfd04551d50452f41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Fri, 7 Feb 2020 15:40:32 +0800
Subject: [PATCH] fix(Field): align center when using input slot

---
 src/field/index.js   | 6 +++++-
 src/field/index.less | 7 ++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/field/index.js b/src/field/index.js
index 299f6418e..5d949beb8 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -263,7 +263,11 @@ export default createComponent({
       const inputSlot = this.slots('input');
 
       if (inputSlot) {
-        return <div class={bem('control', this.inputAlign)}>{inputSlot}</div>;
+        return (
+          <div class={bem('control', [this.inputAlign, 'custom'])}>
+            {inputSlot}
+          </div>
+        );
       }
 
       const inputProps = {
diff --git a/src/field/index.less b/src/field/index.less
index 00b6aeb61..43ea3a91f 100644
--- a/src/field/index.less
+++ b/src/field/index.less
@@ -17,7 +17,6 @@
   &__body {
     display: flex;
     align-items: center;
-    height: 100%;
   }
 
   &__control {
@@ -57,6 +56,12 @@
       text-align: right;
     }
 
+    &--custom {
+      display: flex;
+      align-items: center;
+      min-height: @cell-line-height;
+    }
+
     // for ios wechat
     &[type='date'],
     &[type='time'],