ant-design-vue/components/collapse/CollapsePanel.jsx
2019-01-12 12:46:29 +08:00

30 lines
794 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>
);
},
};