34 lines
880 B
React
34 lines
880 B
React
|
|
||
|
import PropTypes from '../_util/vue-types'
|
||
|
import { hasProp, getComponentFromProp } from '../_util/props-util'
|
||
|
|
||
|
export default {
|
||
|
name: 'BreadcrumbItem',
|
||
|
__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
|
||
|
},
|
||
|
}
|
||
|
|