Input输入框 后置标签和前缀图标混合使用时样式混乱

[slobber]

Version

1.1.1

Environment

任何环境

Reproduction link

https://stackblitz.com/edit/ng-zorro-antd-start-sqofdy?file=src/app/app.component.html

Steps to reproduce

只要代码是：

<nz-input-group nzPrefixIcon="anticon anticon-user" nzAddOnAfter="@example.com">
	<input type="text" nz-input placeholder="邮箱地址">
</nz-input-group>

What is expected?

见重现链接

What is actually happening?

见重现链接

Other?

[hsuanxyz]

@vthinkxie 生成的结构又不一样了，以后更新样式需要确认一下选择器层级。

不过这个看上去是老问题，最近几次同步样式都没有改动 input 组件的选择器。

React

<span class="ant-input-group-wrapper">
  <span class="ant-input-wrapper ant-input-group">
    <span class="ant-input-affix-wrapper">
      <span class="ant-input-prefix">
        <i class="anticon anticon-user"></i>
      </span>
      <input type="text" class="ant-input"></span>
    <span class="ant-input-group-addon">.com</span>
  </span>
</span>

Zorro

<nz-input-group class="ant-input-affix-wrapper ant-input-group-wrapper">
  <span class="ant-input-wrapper ant-input-group">
    <span class="ant-input-group-addon">.com</span>
  </span>
  <span class="ant-input-prefix">
    <i class="anticon anticon-user"></i>
  </span>
  <input type="text" class="ant-input ng-star-inserted">
</nz-input-group>

[HDNRAY]

问题依旧存在 7.5.0版本