style: fix incorrect DatePicker small token (#53668)

Co-authored-by: liuqiang <[email protected]>
Co-authored-by: afc163 <[email protected]>

Author: 3 people

components/date-picker/style/index.ts

@@ -24,18 +24,9 @@ import genVariantsStyle from './variants';
 export type { ComponentToken, PanelComponentToken, PickerPanelToken };
 export { initPickerPanelToken, initPanelComponentToken, genPanelStyle };
 
-const genPickerPadding = (
-  token: PickerToken,
-  inputHeight: number,
-  fontHeight: number,
-  paddingHorizontal: number,
-): CSSObject => {
-  const height = token.calc(fontHeight).add(2).equal();
-  const paddingTop = token.max(token.calc(inputHeight).sub(height).div(2).equal(), 0);
-  const paddingBottom = token.max(token.calc(inputHeight).sub(height).sub(paddingTop).equal(), 0);
-
+const genPickerPadding = (paddingBlock: number, paddingInline: number): CSSObject => {
   return {
-    padding: `${unit(paddingTop)} ${unit(paddingHorizontal)} ${unit(paddingBottom)}`,
+    padding: `${unit(paddingBlock)} ${unit(paddingInline)}`,
   };
 };
 
@@ -63,7 +54,6 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
   const {
     componentCls,
     antCls,
-    controlHeight,
     paddingInline,
     lineWidth,
     lineType,
@@ -72,8 +62,10 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
     motionDurationMid,
     colorTextDisabled,
     colorTextPlaceholder,
-    controlHeightLG,
     fontSizeLG,
+    inputFontSizeLG,
+    fontSizeSM,
+    inputFontSizeSM,
     controlHeightSM,
     paddingInlineSM,
     paddingXS,
@@ -95,15 +87,14 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
     presetsMaxWidth,
     boxShadowPopoverArrow,
     fontHeight,
-    fontHeightLG,
     lineHeightLG,
   } = token;
 
   return [
     {
       [componentCls]: {
         ...resetComponent(token),
-        ...genPickerPadding(token, controlHeight, fontHeight, paddingInline),
+        ...genPickerPadding(token.paddingBlock, token.paddingInline),
         position: 'relative',
         display: 'inline-flex',
         alignItems: 'center',
@@ -128,7 +119,7 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
             display: 'inline-block',
             width: '100%',
             color: 'inherit',
-            fontSize: token.fontSize,
+            fontSize: token.inputFontSize ?? token.fontSize,
             lineHeight: token.lineHeight,
             transition: `all ${motionDurationMid}`,
             ...genPlaceholderStyle(colorTextPlaceholder),
@@ -164,16 +155,18 @@ const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
 
         // Size
         '&-large': {
-          ...genPickerPadding(token, controlHeightLG, fontHeightLG, paddingInline),
-
+          ...genPickerPadding(token.paddingBlockLG, token.paddingInlineLG),
           [`${componentCls}-input > input`]: {
-            fontSize: fontSizeLG,
+            fontSize: inputFontSizeLG ?? fontSizeLG,
             lineHeight: lineHeightLG,
           },
         },
 
         '&-small': {
-          ...genPickerPadding(token, controlHeightSM, fontHeight, paddingInlineSM),
+          ...genPickerPadding(token.paddingBlockSM, token.paddingInlineSM),
+          [`${componentCls}-input > input`]: {
+            fontSize: inputFontSizeSM ?? fontSizeSM,
+          },
         },
 
         [`${componentCls}-suffix`]: {