IDuxFE / idux

🚀 A UI Component Library for Vue3.x
https://idux.site
MIT License
552 stars 141 forks source link

[comp:IxCollapse] 设置 borderless 后,嵌套使用的 IxCollapse 边框消失 #640

Closed imguolao closed 2 years ago

imguolao commented 2 years ago

Reproduction link

Steps to reproduce

IxCollapse 在嵌套使用时,外部 IxCollapsebordless 会影响内部 IxCollapse 的样式

<template>
  <IxCollapse borderless>
    <IxCollapsePanel key="1" header="标题">
      <IxCollapse>
        <IxCollapsePanel key="1" header="标题">
          <span>内容区</span>
        </IxCollapsePanel>
      </IxCollapse>
    </IxCollapsePanel>
  </IxCollapse>
</template>

What is expected?

嵌套使用时,外部无边框,内部有边框,borderless 仅对当前组件生效。

What is actually happening?

设置 borderless 后,嵌套使用的 IxCollapse 都没有边框。

Any additional comments? (optional)


Environment Info
@idux
Browser
idux-bot[bot] commented 2 years ago

Translation of this issue:

[comp:]

reproduction link

none

steps to reproduce

Ixcollapse in nest, exterior_ ixcollapse to affect interiorXcollapse

<template>
  <IxCollapse borderless>
    <IxCollapsePanel key="1" header="标题">
      <IxCollapse>
        <IxCollapsePanel key="1" header="标题">
          <span>内容区</span>
        </IxCollapsePanel>
      </IxCollapse>
    </IxCollapsePanel>
  </IxCollapse>
</template>

What is expected?

Nesting, external boundless box, interior, borderless only take effect on the current component.

What is actually happens?

SetBorderless More images used in nested `ixcollapse. None borders.

ANY Additional Comments? (Optional)


ENVIRONMENT INFO
@IDUX
Browser
imguolao commented 2 years ago

vue2 的 idux 才有此 bug,vue3 么有。