Input.Group组件box-shadow效果被遮盖

[blakegao]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.4.3

Environment

任意环境（官网demo即可重现）

Reproduction link

https://ant.design/components/input-cn/#components-input-demo-group

Steps to reproduce

（官网demo即可重现）
使用Input.Group组件，并设置compact属性为true，
Input.Group组件内部嵌套两个以上任意Input、select组件均可

当在填写group中的某一输入框时，box-shadow属性效果被遮盖

What is expected?

每个内部嵌套的组件处于:focus状态时，right侧的box-shadow属性效果不被遮盖

What is actually happening?

每个内部嵌套的组件处于:focus状态时，right侧的box-shadow属性效果被下一组件遮盖

---

建议修复方案：
ant-design/components/input/style/mixin.less（270行）
去除z-index: auto属性

并在每个被嵌套的组件添加
&:focus {
z-index: 1;
border-right-width: 1px;
}

[ant-design-bot]

Translation of this issue:

---

Input.Group component box-shadow effect is covered

• [] I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.4.3

Environment

Any environment (the official website demo can reproduce)

Reproduction link

https://ant.design/components/input-cn/#components-input-demo-group

Steps to reproduce

(The official website demo can reproduce)
Use the Input.Group component and set the compact property to true,
The Input.Group component nests more than two arbitrary Input and select components.

When you fill in an input box in the group, the box-shadow attribute effect is obscured

What is expected?

When each nested component is in the :focus state, the right side of the box-shadow attribute is not obscured

What is actually happening?

Each nested component is in the :focus state, the right side of the box-shadow attribute effect is covered by the next component

---

Suggested repair plan:
Ant-design/components/input/style/mixin.less (line 270)
Remove the z-index: auto attribute

And add in each nested component
&:focus {
  Z-index: 1;
  Border-right-width: 1px;
}

[tfwww]

I will handle this issue.