ant-design-vue/components/collapse/CollapsePanel.jsx
2018-04-08 21:17:20 +08:00

40 lines
903 B
JavaScript

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