Commit b80c48ffce0077451fd452ba0373fd2ea1e4bae2
1 parent
841cb1fe
Collapse support transition
Showing
1 changed file
with
7 additions
and
4 deletions
Show diff stats
src/components/collapse/panel.vue
| @@ -4,18 +4,21 @@ | @@ -4,18 +4,21 @@ | ||
| 4 | <Icon type="arrow-right-b"></Icon> | 4 | <Icon type="arrow-right-b"></Icon> |
| 5 | <slot></slot> | 5 | <slot></slot> |
| 6 | </div> | 6 | </div> |
| 7 | - <div :class="contentClasses" v-show="isActive"> | ||
| 8 | - <div :class="boxClasses"><slot name="content"></slot></div> | ||
| 9 | - </div> | 7 | + <collapse-transition> |
| 8 | + <div :class="contentClasses" v-show="isActive"> | ||
| 9 | + <div :class="boxClasses"><slot name="content"></slot></div> | ||
| 10 | + </div> | ||
| 11 | + </collapse-transition> | ||
| 10 | </div> | 12 | </div> |
| 11 | </template> | 13 | </template> |
| 12 | <script> | 14 | <script> |
| 13 | import Icon from '../icon/icon.vue'; | 15 | import Icon from '../icon/icon.vue'; |
| 16 | + import CollapseTransition from '../base/collapse-transition'; | ||
| 14 | const prefixCls = 'ivu-collapse'; | 17 | const prefixCls = 'ivu-collapse'; |
| 15 | 18 | ||
| 16 | export default { | 19 | export default { |
| 17 | name: 'Panel', | 20 | name: 'Panel', |
| 18 | - components: { Icon }, | 21 | + components: { Icon, CollapseTransition }, |
| 19 | props: { | 22 | props: { |
| 20 | name: { | 23 | name: { |
| 21 | type: String | 24 | type: String |