vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3965 - For Badge

Browse source
This commit is contained in:
Bahadır Sofuoğlu 2023-05-25 09:38:12 +03:00
parent ee0cb338c2
commit 68b30719c0
4 changed files with 96 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

41
components/lib/badge/Badge.vue
View file

@ -1,49 +1,14 @@
<template>
<span :class="badgeClass" v-bind="ptm('root')">
<span :class="cx('root')" v-bind="ptm('root')">
<slot>{{ value }}</slot>
</span>
</template>
<script>
import BaseComponent from 'primevue/basecomponent';
import { ObjectUtils } from 'primevue/utils';
import BaseBadge from './BaseBadge.vue';
export default {
name: 'Badge',
extends: BaseComponent,
props: {
value: {
type: [String, Number],
default: null
},
severity: {
type: String,
default: null
},
size: {
type: String,
default: null
}
},
computed: {
containerClass() {
return this.$slots.default ? 'p-overlay-badge' : this.badgeClass;
},
badgeClass() {
return [
'p-badge p-component',
{
'p-badge-no-gutter': ObjectUtils.isNotEmpty(this.value) && String(this.value).length === 1,
'p-badge-dot': ObjectUtils.isEmpty(this.value) && !this.$slots.default,
'p-badge-lg': this.size === 'large',
'p-badge-xl': this.size === 'xlarge',
'p-badge-info': this.severity === 'info',
'p-badge-success': this.severity === 'success',
'p-badge-warning': this.severity === 'warning',
'p-badge-danger': this.severity === 'danger'
}
];
}
}
extends: BaseBadge
};
</script>