From 75f5c66cace37fc2f3bd415d6295de310d566f0f Mon Sep 17 00:00:00 2001
From: yiyunwan <yyw9603@163.com>
Date: Mon, 8 May 2023 09:39:44 +0800
Subject: [PATCH] fix: form-item line-height

---
 .../components/src/form-item/style/index.tsx  | 26 ++++++++++++++-----
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/packages/components/src/form-item/style/index.tsx b/packages/components/src/form-item/style/index.tsx
index 3c2223c..a7cc1bd 100644
--- a/packages/components/src/form-item/style/index.tsx
+++ b/packages/components/src/form-item/style/index.tsx
@@ -4,7 +4,14 @@ import { getGridStyle } from './grid'
 import { genOtherStyle } from './other'
 
 const genSmallStyle: GenerateStyle = (token) => {
-  const { componentCls, antCls, controlHeightSM, marginLG, fontSizeSM } = token
+  const {
+    componentCls,
+    antCls,
+    controlHeightSM,
+    marginLG,
+    fontSizeSM,
+    lineHeightSM,
+  } = token
   return {
     fontSize: fontSizeSM,
     lineHeight: controlHeightSM,
@@ -20,7 +27,7 @@ const genSmallStyle: GenerateStyle = (token) => {
     [`${componentCls}-control-content`]: {
       ' &-component': {
         minHeight: controlHeightSM - 4,
-        lineHeight: `${controlHeightSM}px`,
+        lineHeight: lineHeightSM,
       },
     },
 
@@ -147,6 +154,7 @@ const genLargeStyle: GenerateStyle = (token) => {
     controlHeightLG,
     controlHeightSM,
     marginLG,
+    lineHeightLG,
   } = token
   return {
     fontSize: fontSizeLG,
@@ -163,7 +171,7 @@ const genLargeStyle: GenerateStyle = (token) => {
     [`${componentCls}-control-content`]: {
       ' &-component': {
         minHeight: controlHeightLG - 2,
-        lineHeight: `${controlHeightLG + 2}px`,
+        lineHeight: lineHeightLG,
       },
     },
 
@@ -302,8 +310,14 @@ const genLargeStyle: GenerateStyle = (token) => {
 }
 
 const genLableStyle: GenerateStyle = (token) => {
-  const { componentCls, controlHeight, controlHeightSM, marginLG, marginSM } =
-    token
+  const {
+    componentCls,
+    controlHeight,
+    controlHeightSM,
+    marginLG,
+    marginSM,
+    lineHeight,
+  } = token
   return {
     lineHeight: `${controlHeight}px`,
     minHeight: controlHeight - 2,
@@ -364,7 +378,7 @@ const genLableStyle: GenerateStyle = (token) => {
         '&-component': {
           width: '100%',
           minHeight: controlHeight - 2,
-          lineHeight: `${controlHeight}px`,
+          lineHeight: lineHeight,
 
           '&-has-feedback-icon': {
             flex: 1,