You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/collapse/CollapsePanel.jsx

39 lines
877 B

import PropTypes from '../_util/vue-types'
import { getOptionProps } from '../_util/props-util'
import RcCollapse from './src'
import { panelProps } from './src/commonProps'
export default {
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>
)
},
}