ant-design-vue/components/breadcrumb/BreadcrumbItem.jsx

34 lines
821 B
JavaScript

import PropTypes from '../_util/vue-types'
import { hasProp, getComponentFromProp } from '../_util/props-util'
export default {
name: 'ABreadcrumbItem',
__ANT_BREADCRUMB_ITEM: true,
props: {
prefixCls: PropTypes.string.def('ant-breadcrumb'),
href: PropTypes.string,
separator: PropTypes.any,
},
render () {
const { prefixCls, $slots } = this
const children = $slots.default
let link
if (hasProp(this, 'href')) {
link = <a class={`${prefixCls}-link`}>{children}</a>
} else {
link = <span class={`${prefixCls}-link`}>{children}</span>
}
if (children) {
return (
<span>
{link}
<span class={`${prefixCls}-separator`}>{getComponentFromProp(this, 'separator') || '/'}</span>
</span>
)
}
return null
},
}