ant-design-vue/components/collapse/CollapsePanel.jsx

37 lines
837 B
Vue

import { getOptionProps, getComponentFromProp } from '../_util/props-util'
import VcCollapse, { panelProps } from '../vc-collapse'
export default {
name: 'ACollapsePanel',
props: {
...panelProps,
},
render () {
const { prefixCls, showArrow = true, $listeners } = this
const collapsePanelClassName = {
[`${prefixCls}-no-arrow`]: !showArrow,
}
const rcCollapePanelProps = {
props: {
...getOptionProps(this),
},
class: collapsePanelClassName,
on: $listeners,
}
const header = getComponentFromProp(this, 'header')
return (
<VcCollapse.Panel {...rcCollapePanelProps} >
{this.$slots.default}
{header ? (
<template slot='header'>
{header}
</template>
) : null}
</VcCollapse.Panel>
)
},
}