fix: input should have correct padding with controlHeight (#45048)

* fix: input should have correct padding with controlHeight * chore: update snapshot * chore: update snapshot
ant-design · Sep 25, 2023 · 54a2df3 · 54a2df3
1 parent 3ffe70a
commit 54a2df3
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 3 deletions.
diff --git a/components/input/__tests__/demo-extend.test.ts b/components/input/__tests__/demo-extend.test.ts
@@ -1,3 +1,5 @@
 import { extendTest } from '../../../tests/shared/demoTest';
 
-extendTest('input');
+extendTest('input', {
+  skip: ['component-token.tsx'],
+});
diff --git a/components/input/__tests__/demo.test.tsx b/components/input/__tests__/demo.test.tsx
@@ -1,7 +1,9 @@
 import * as React from 'react';
 import demoTest, { rootPropsTest } from '../../../tests/shared/demoTest';
 
-demoTest('input');
+demoTest('input', {
+  skip: ['component-token.tsx'],
+});
 
 rootPropsTest(
   'input',

diff --git a/components/input/demo/component-token.md b/components/input/demo/component-token.md
@@ -0,0 +1,7 @@
+## zh-CN
+
+token debug
+
+## en-US
+
+token debug
diff --git a/components/input/demo/component-token.tsx b/components/input/demo/component-token.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { ConfigProvider, Input } from 'antd';
+
+const App: React.FC = () => (
+  <ConfigProvider theme={{ token: { controlHeight: 28 } }}>
+    <Input placeholder="Basic usage" />
+  </ConfigProvider>
+);
+
+export default App;
diff --git a/components/input/index.en-US.md b/components/input/index.en-US.md
@@ -40,6 +40,7 @@ A basic widget for getting the user input is a text field. Keyboard and mouse ca
 <code src="./demo/align.tsx" debug>Text Align</code>
 <code src="./demo/textarea-resize.tsx" debug>TextArea</code>
 <code src="./demo/debug-addon.tsx" debug>debug Pre / Post tab</code>
+<code src="./demo/component-token.tsx" debug>debug token</code>
 
 ## API
 

diff --git a/components/input/index.zh-CN.md b/components/input/index.zh-CN.md
@@ -41,6 +41,7 @@ demo:
 <code src="./demo/align.tsx" debug>文本对齐</code>
 <code src="./demo/textarea-resize.tsx" debug>文本域</code>
 <code src="./demo/debug-addon.tsx" debug>debug 前置/后置标签</code>
+<code src="./demo/component-token.tsx" debug>debug token</code>
 
 ## API
 

diff --git a/components/input/style/index.ts b/components/input/style/index.ts
@@ -1032,7 +1032,7 @@ export const initComponentToken = (token: GlobalToken): SharedComponentToken =>
   return {
     paddingBlock: Math.max(
       Math.round(((controlHeight - fontSize * lineHeight) / 2) * 10) / 10 - lineWidth,
-      3,
+      0,
     ),
     paddingBlockSM: Math.max(
       Math.round(((controlHeightSM - fontSize * lineHeight) / 2) * 10) / 10 - lineWidth,