mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-01-12 10:45:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(components): [badge] switch to script-setup syntax (#6068)

Browse Source
This commit is contained in:
bqy 2022-02-16 15:18:02 +08:00 committed by GitHub
parent 7034c72151
commit 944deebd8d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/components/badge/src/badge.vue
View File

@ -17,32 +17,25 @@
</div>
</template>
<script lang="ts">
import { computed, defineComponent } from 'vue'
<script lang="ts" setup>
import { computed } from 'vue'
import { useNamespace } from '@element-plus/hooks'
import { badgeProps } from './badge'
export default defineComponent({
defineOptions({
name: 'ElBadge',
})
props: badgeProps,
const props = defineProps(badgeProps)
setup(props) {
const ns = useNamespace('badge')
const ns = useNamespace('badge')
const content = computed<string>(() => {
if (props.isDot) return ''
const content = computed<string>(() => {
if (props.isDot) return ''
if (typeof props.value === 'number' && typeof props.max === 'number') {
return props.max < props.value ? `${props.max}+` : `${props.value}`
}
return `${props.value}`
})
return {
ns,
content,
}
},
if (typeof props.value === 'number' && typeof props.max === 'number') {
return props.max < props.value ? `${props.max}+` : `${props.value}`
}
return `${props.value}`
})
</script>