hongluan-ui
Version:
Hongluan Component Library for Vue 3
1 lines • 2.25 kB
Source Map (JSON)
{"version":3,"file":"badge.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n <em\n v-show=\"!hidden && (content || content === '0' || dot)\"\n :class=\"[\n namespace,\n {\n 'dot': dot,\n 'round': round\n },\n type ? type : '',\n position,\n badgeClass,\n ]\"\n :style=\"[style, { backgroundColor: color }, badgeStyle ?? {}]\"\n v-text=\"content\"\n >\n </em>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@hongluan-ui/hooks'\nimport { isNumber } from '@hongluan-ui/utils'\nimport { badgeProps } from './badge'\n\nexport default defineComponent({\n name: 'Badge',\n props: badgeProps,\n setup(props) {\n const { namespace } = useNamespace('badge')\n\n const content = computed(() => {\n if (props.dot) {\n return ''\n }\n if (isNumber(props.value) && isNumber(props.max)) {\n if (props.max < props.value) {\n return `${props.max}+`\n }\n return props.value === 0 && !props.showZero ? '' : `${props.value}`\n }\n return `${props.value}`\n })\n const style = computed(() => {\n return props.offset ?\n `\n top: ${props.offset[0]};\n right: ${props.offset[1]};\n bottom: ${props.offset[2]};\n left: ${props.offset[3]};\n ` : ''\n })\n\n return {\n namespace,\n content,\n style,\n }\n },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AAyBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM,OAAO;AACX,UAAM,EAAE,cAAc,aAAa,OAAO;AAE1C,UAAM,UAAU,SAAS,MAAM;AAC7B,UAAI,MAAM,KAAK;AACb,eAAO;AAAA;AAET,UAAI,SAAS,MAAM,KAAK,KAAK,SAAS,MAAM,GAAG,GAAG;AAChD,YAAI,MAAM,MAAM,MAAM,OAAO;AAC3B,iBAAO,GAAG,MAAM;AAAA;AAElB,eAAO,MAAM,UAAU,KAAK,CAAC,MAAM,WAAW,KAAK,GAAG,MAAM;AAAA;AAE9D,aAAO,GAAG,MAAM;AAAA,KACjB;AACD,UAAM,QAAQ,SAAS,MAAM;AAC3B,aAAO,MAAM,SACX;AAAA,iBACS,MAAM,OAAO;AAAA,mBACX,MAAM,OAAO;AAAA,oBACZ,MAAM,OAAO;AAAA,kBACf,MAAM,OAAO;AAAA,YACnB;AAAA,KACP;AAED,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;AA3CM;AAbG;AAAU;;AAAkC;AAAsB;;AAAgC,MAAa;AAAA,MAAgB;AAAA;;AAU/E;AACvC;6BAZK;AAAiC;;;;;;;"}