fix(input-number): fix overlap between step button and suffix/append

[oljc]

Types of changes

• New feature
• Bug fix
• Enhancement
• Component style change
• Typescript definition change
• Documentation change
• Coding style change
• Refactoring
• Test cases
• Continuous integration
• Breaking change
• Others

Background and context

开启 suffix 插槽或者 append 时会出现步进按钮重叠。

问题描述 #2999
相关 PR #3003

Solution

原本的样式代码中有相关的实现但有缺陷未生效。
针对 vue 版实现修改最终与React demo 效果一致。

未hover 时：

hover 时：

iShot_2024-02-28_22.58.24.mp4

How is the change tested?

snapshots没变化

Changelog

Component	Changelog(CN)	Changelog(EN)	Related issues
input-number	修复步进按钮与 suffix/append 的样式重叠	fix overlap between step button and suffix/append	Closes #2999

Checklist:

• Test suite passes (npm run test)
• Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.
• Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others
  should be submitted to main branch)

Other information

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview