UNPKG

visual-design

Version:
1 lines 1.32 kB
{"version":3,"file":"icon2.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n <slot />\n </i>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '@visual-design/hooks'\nimport { addUnit, isUndefined } from '@visual-design/utils'\nimport { iconProps } from './icon'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'VIcon',\n inheritAttrs: false,\n})\nconst ns = useNamespace('icon')\nconst props = defineProps(iconProps)\n\nconst style = computed<CSSProperties>(() => {\n if (!props.size && !props.color) return {}\n\n return {\n fontSize: isUndefined(props.size) ? undefined : addUnit(props.size),\n '--color': props.color,\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;mCAac,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AACM,IAAA,MAAA,EAAA,GAAK,aAAa,MAAM,CAAA,CAAA;AAGxB,IAAA,MAAA,KAAA,GAAQ,SAAwB,MAAM;AAC1C,MAAA,IAAI,CAAC,KAAA,CAAM,IAAQ,IAAA,CAAC,KAAM,CAAA,KAAA;AAAO,QAAA,OAAO,EAAC,CAAA;AAElC,MAAA,OAAA;AAAA,QACL,QAAA,EAAU,YAAY,KAAM,CAAA,IAAI,IAAI,KAAY,CAAA,GAAA,OAAA,CAAQ,MAAM,IAAI,CAAA;AAAA,QAClE,WAAW,KAAM,CAAA,KAAA;AAAA,OACnB,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;"}