[comp:ButtonGroup] 样式丢失

[imguolao]

Reproduction link

无

Steps to reproduce

例子代码如下：

<template>
  <IxButtonGroup>
    <IxButton>button 0</IxButton>
    <IxButton>button 1</IxButton>
  </IxButtonGroup>
</template>

What is expected?

样式按照按钮组显示（边框样式） ：

What is actually happening?

样式并未按照按钮组显示：

Any additional comments? (optional)

---

Environment	Info
@idux
Browser

[idux-bot[bot]]

Translation of this issue:

[Comp: ButtonGroup] Style is lost

reproduction link

without

steps to reproduce

The example code is as follows:

<template>
  <IxButtonGroup>
    <IxButton>button 0</IxButton>
    <IxButton>button 1</IxButton>
  </IxButtonGroup>
</template>

What is expected?

Style Follow the button group display (border pattern):

! [Image] (https://user-images.githubuserContent.com/25502024/140882301-402024/140882301-4020f7b22f-988b-4626-ab9a-47e4bf65bc74.png)

What is actually happens?

The style is not shown in the button group:

! [image] (https://user-images.githubuserContent.com/25502024/140881642-4008c869-dc24-4228-9b6d-a39b3923994a.png)

ANY Additional Comments? (Optional)

---

ENVIRONMENT	INFO
@IDUX
Browser

[danranVm]

最好能够写一个 mixin, 把 button-group, radio-group, checkbox-group 都统一搞定。

[Darma1106]

最好能够写一个 mixin, 把 button-group, radio-group, checkbox-group 都统一搞定。

尝试了一些办法，普通的butttonGroup可以用radioGroup的方案，但是像mode="dashed"的虚线按钮，没有想到比较好的解决方案。而且感觉这个组件和radioGroup的用处有比较大的重叠，是否考虑直接使用radioGroup。

[danranVm]

试了一些办法，普通的butttonGroup可以用radioGroup的方案，但是像mode="dashed"的虚线按钮，没有想到比较好的解决方案。而且感觉这个组件和radioGroup的用处有比较大的重叠，是否考虑直接使用radioGroup。

我跟视觉讨论下，看看是不是直接干掉 buttonGroup 算了。