UNPKG

@vuesax-alpha/nightly

Version:
1 lines 3.14 kB
{"version":3,"file":"badge2.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <slot />\n <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n <sup\n v-show=\"!hidden && (content || isDot)\"\n :class=\"[\n ns.e('content'),\n ns.em('content', type),\n ns.is('fixed', !!$slots.default),\n ns.is('dot', isDot),\n ns.is('process', processing),\n badgeClass,\n ]\"\n :style=\"style\"\n v-text=\"content\"\n />\n </transition>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@vuesax-alpha/hooks'\nimport { addUnit, isNumber } from '@vuesax-alpha/utils'\nimport { badgeProps } from './badge'\nimport type { StyleValue } from 'vue'\n\ndefineOptions({\n name: 'VsBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst hidden = computed(() => {\n return props.hidden || (props.value === 0 && !props.showZero)\n})\n\nconst content = computed<string>(() => {\n if (props.isDot) return ''\n if (isNumber(props.value) && isNumber(props.max)) {\n if (props.max < props.value) {\n return `${props.max}+`\n }\n return `${props.value}`\n }\n return `${props.value}`\n})\nconst style = computed<StyleValue>(() => {\n return [\n {\n backgroundColor: props.color,\n marginRight: addUnit(-(props.offset?.[0] ?? 0)),\n marginTop: addUnit(props.offset?.[1] ?? 0),\n },\n props.badgeStyle ?? {},\n { '--vs-badge-ripple-color': props.color || '' },\n ]\n})\n\ndefineExpose({\n /** @description badge content */\n content,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA4Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIM,IAAA,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAEzB,IAAA,MAAA,MAAA,GAAS,SAAS,MAAM;AAC5B,MAAA,OAAO,MAAM,MAAW,IAAA,KAAA,CAAM,KAAU,KAAA,CAAA,IAAK,CAAC,KAAM,CAAA,QAAA,CAAA;AAAA,KACrD,CAAA,CAAA;AAEK,IAAA,MAAA,OAAA,GAAU,SAAiB,MAAM;AACjC,MAAA,IAAA,KAAM,CAAA,KAAA;AAAc,QAAA,OAAA,EAAA,CAAA;AACxB,MAAA,IAAI,SAAS,KAAM,CAAA,KAAK,KAAK,QAAS,CAAA,KAAA,CAAM,GAAG,CAAG,EAAA;AAC5C,QAAA,IAAA,KAAA,CAAM,GAAM,GAAA,KAAA,CAAM,KAAO,EAAA;AACpB,UAAA,OAAA,GAAG,KAAM,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAClB;AACO,QAAA,OAAA,GAAG,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,OAClB;AACO,MAAA,OAAA,GAAG,KAAM,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KACjB,CAAA,CAAA;AACK,IAAA,MAAA,KAAA,GAAQ,SAAqB,MAAM;;AAChC,MAAA,OAAA;AAAA,QACL;AAAA,UACE,iBAAiB,KAAM,CAAA,KAAA;AAAA,UACvB,WAAA,EAAa,QAAQ,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,WAAN,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAf,YAAqB,CAAE,CAAA,CAAA;AAAA,UAC9C,WAAW,OAAQ,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,WAAN,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAf,YAAqB,CAAC,CAAA;AAAA,SAC3C;AAAA,QACA,CAAA,EAAA,GAAA,KAAA,CAAM,UAAN,KAAA,IAAA,GAAA,EAAA,GAAoB,EAAC;AAAA,QACrB,EAAE,yBAAA,EAA2B,KAAM,CAAA,KAAA,IAAS,EAAG,EAAA;AAAA,OACjD,CAAA;AAAA,KACD,CAAA,CAAA;AAEY,IAAA,QAAA,CAAA;AAAA,MAEX,OAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}