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

fix: tag props

pull/2933/head
Amour1688 2020-10-01 23:01:31 +08:00
parent 347f69fa66
commit 5832a70644
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/tag/index.tsx
View File

@ -33,11 +33,12 @@ export interface TagProps extends HTMLAttributes {
closeIcon?: VNodeTypes; closeIcon?: VNodeTypes;
style?: CSSProperties; style?: CSSProperties;
visible?: boolean; visible?: boolean;
onClose?: Function; onClose?: (e: MouseEvent) => void;
icon?: VNodeTypes; icon?: VNodeTypes;
} }
const Tag = defineComponent({ const Tag = defineComponent({
name: 'ATag',
inheritAttrs: false, inheritAttrs: false,
setup(_: TagProps, { slots, attrs }: SetupContext) { setup(_: TagProps, { slots, attrs }: SetupContext) {
const { getPrefixCls } = inject('configProvider', defaultConfigProvider); const { getPrefixCls } = inject('configProvider', defaultConfigProvider);
@ -103,11 +104,15 @@ const Tag = defineComponent({
...style, ...style,
}; };
const tagClassName = classNames(prefixCls, { const tagClassName = classNames(
[`${prefixCls}-${color}`]: presetColor, prefixCls,
[`${prefixCls}-has-color`]: color && !presetColor, {
[`${prefixCls}-hidden`]: !visible.value, [`${prefixCls}-${color}`]: presetColor,
}); [`${prefixCls}-has-color`]: color && !presetColor,
[`${prefixCls}-hidden`]: !visible.value,
},
className,
);
const tagProps = omit(restProps, ['visible']); const tagProps = omit(restProps, ['visible']);
const iconNode = icon || null; const iconNode = icon || null;