fix: [InputNumber] Fix the rounded corners of InputNumber, DatePicker…

[YyumeiZhang]

…, Time Pick, and AutoComplete located in the middle of the InputGroup are not 0

中文模板 / Chinese Template

• I have read and followed Pull Request Guidelines of the contributing guide.

What kind of change does this PR introduce? (check at least one)

• Bugfix
• Feature
• Code style update
• Refactor
• Test Case
• TypeScript definition update
• Document improve
• CI/CD improve
• Branch sync
• Other, please describe:

PR description

Fixes #2489

复现代码

export const InputGroupTest = () => {
  return <>
    <InputGroup>
      <Input placeholder="Input" style={{ width: 100 }} />
      <InputNumber placeholder="InpuNumber" style={{ width: 140 }} innerButtons />
      <Input placeholder="Input" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <InputGroup>
      <InputNumber placeholder="InpuNumber" style={{ width: 140 }} innerButtons />
      <Input placeholder="Input" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <InputGroup>
      <Input placeholder="Input" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
      <InputNumber placeholder="InpuNumber" style={{ width: 140 }} innerButtons />
    </InputGroup>
    <br /><br />
    <h3>InputGroup, 按钮在外部，仅位于 group 中间的时候 border-radius 会有问题</h3>
    <InputGroup>
      <Input placeholder="Input" style={{ width: 100 }} />
      <InputNumber placeholder="InpuNumber" style={{ width: 140 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <InputGroup>
      <InputNumber placeholder="InpuNumber" style={{ width: 140 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <InputGroup>
      <Input placeholder="Input" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
      <InputNumber placeholder="InpuNumber" style={{ width: 140 }} />
    </InputGroup>
    <h3>AutoComplete, 仅位于 group 中间会有问题</h3>
    <InputGroup>
      <Input placeholder="Input" style={{ width: 100 }} />
      <AutoComplete placeholder="AutoComplete" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <InputGroup>
      <AutoComplete placeholder="AutoComplete" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <InputGroup>
      <Input placeholder="Input" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
      <AutoComplete placeholder="AutoComplete" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <h3>DatePicker, 仅位于 group 中间的时候 border-radius 会有问题</h3>
    <InputGroup>
      <Input placeholder="Input" style={{ width: 100 }} />
      <DatePicker placeholder="DatePicker" style={{ width: 100 }}/>
      <Input placeholder="Input" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <InputGroup>
      <DatePicker placeholder="DatePicker" style={{ width: 100 }}/>
      <Input placeholder="Input" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <InputGroup>
      <Input placeholder="Input" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
      <DatePicker placeholder="DatePicker" style={{ width: 100 }}/>
    </InputGroup>
    <br /><br />
    <h3>TimePicker, 仅位于 group 中间的时候 border-radius 会有问题</h3>
    <InputGroup>
      <Input placeholder="Input" style={{ width: 100 }} />
      <TimePicker placeholder="TimePicker" style={{ width: 100 }}/>
      <Input placeholder="Input" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <InputGroup>
      <TimePicker placeholder="TimePicker" style={{ width: 100 }}/>
      <Input placeholder="Input" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
    </InputGroup>
    <br /><br />
    <InputGroup>
      <Input placeholder="Input" style={{ width: 100 }} />
      <Input placeholder="Input" style={{ width: 100 }} />
      <TimePicker placeholder="TimePicker" style={{ width: 100 }}/>
    </InputGroup>
    <br /><br />
  </>
}

Changelog

🇨🇳 Chinese

• Style: 修复位于InputGroup中间位置的 InputNumber，DatePicker， Time Pick，AutoComplete的圆角不为 0 问题 [InputGroup] 如果是inputNumber圆角没有变为0 #2489

---

🇺🇸 English

• Fix: Fixed the problem that the rounded corners of InputNumber, DatePicker, Time Pick, and AutoComplete located in the middle of the InputGroup are not 0 [InputGroup] 如果是inputNumber圆角没有变为0 #2489

Checklist

• Test or no need
• Document or no need
• Changelog or no need

Other

• Skip Changelog

Additional information

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit ca3f259:

Sandbox	Source
pr-story	Configuration

[cypress]

semi-design    Run #2845

Run Properties:   Passed #2845  •  cdab4541e5 ℹ️: Merge ca3f259d42f637a6c11b8b7ef688f56beeddc17e into d05c08d7288c3a4746d26dac4d65...

Project	semi-design
Branch Review	fix/inputnumber-group
Run status	Passed #2845
Run duration	08m 00s
Commit	cdab4541e5 ℹ️: Merge ca3f259d42f637a6c11b8b7ef688f56beeddc17e into d05c08d7288c3a4746d26dac4d65...
Committer	YyumeiZhang
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	11
Skipped	0
Passing	264
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.
View all changes introduced in this branch ↗︎

[cypress]

semi-design    Run #2846

Run Properties:   Passed #2846  •  17ed1ed025: fix: [InputNumber] Fix the rounded corners of InputNumber, DatePicker… (#2497)

Project	semi-design
Branch Review	main
Run status	Passed #2846
Run duration	08m 06s
Commit	17ed1ed025: fix: [InputNumber] Fix the rounded corners of InputNumber, DatePicker… (#2497)
Committer	YyumeiZhang
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	11
Skipped	0
Passing	264
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.
View all changes introduced in this branch ↗︎