github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: breadcrumb separator display (#3522) 

* fix: breadcrumb separator display

* chore: update breadcrumb
pull/3538/head
zkwolf 2021-01-14 10:12:57 +08:00 committed by GitHub
parent 8a807caca2
commit a6c3eae304
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/breadcrumb/BreadcrumbSeparator.tsx
View File

@ -6,6 +6,7 @@ import { getSlot } from '../_util/props-util';
export default defineComponent({ export default defineComponent({
name: 'ABreadcrumbSeparator', name: 'ABreadcrumbSeparator',
__ANT_BREADCRUMB_SEPARATOR: true, __ANT_BREADCRUMB_SEPARATOR: true,
inheritAttrs: false,
props: { props: {
prefixCls: PropTypes.string, prefixCls: PropTypes.string,
}, },
@ -16,10 +17,15 @@ export default defineComponent({
}, },
render() { render() {
const { prefixCls: customizePrefixCls } = this; const { prefixCls: customizePrefixCls } = this;
const { separator, class: className, ...restAttrs } = this.$attrs;
const getPrefixCls = this.configProvider.getPrefixCls; const getPrefixCls = this.configProvider.getPrefixCls;
const prefixCls = getPrefixCls('breadcrumb', customizePrefixCls); const prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
const children = getSlot(this); const children = getSlot(this);
return <span class={`${prefixCls}-separator`}>{children || '/'}</span>; return (
<span class={[`${prefixCls}-separator`, className]} {...restAttrs}>
{children.length > 0 ? children : '/'}
</span>
);
}, },
}); });