hongluan-ui
Version:
Hongluan Component Library for Vue 3
1 lines • 3.85 kB
Source Map (JSON)
{"version":3,"file":"alert2.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n <transition name=\"alert-fade\">\n <div\n v-show=\"visible\"\n :class=\"[namespace,typeClass ,{\n 'has-description': description || $slots.default,\n [effect]: true,\n 'dashed': dashed\n }]\"\n role=\"alert\"\n >\n <slot v-if=\"showIcon\" name=\"icon\">\n <hl-icon class=\"alert-icon\">\n <system-success v-if=\"iconName === 'success'\" />\n <system-info v-if=\"iconName === 'info'\" />\n <system-warning v-if=\"iconName === 'warning'\" />\n <system-error v-if=\"iconName === 'danger' || iconName === 'error'\" />\n </hl-icon>\n </slot>\n <div class=\"alert-content\">\n <span v-if=\"title || $slots.title\" class=\"title\">\n <slot name=\"title\">{{ title }}</slot>\n </span>\n <div v-if=\"$slots.default || !!description\" class=\"description\">\n <slot>\n {{ description }}\n </slot>\n </div>\n </div>\n\n <hl-icon v-if=\"closable && !closeText\" class=\"alert-close\" @click=\"close\">\n <system-close />\n </hl-icon>\n <div v-else class=\"alert-customed\" @click=\"close\">\n {{ closeText }}\n </div>\n </div>\n </transition>\n</template>\n<script lang='ts'>\nimport { defineComponent, computed, ref } from 'vue'\nimport { useNamespace } from '@hongluan-ui/hooks'\nimport HlIcon from '@hongluan-ui/components/icon'\nimport { SystemSuccess, SystemInfo, SystemWarning, SystemError, SystemClose } from '@hongluan-ui/components/system-icon'\nimport { alertProps } from './alert'\n\nexport default defineComponent({\n name: 'Alert',\n components: {\n HlIcon,\n SystemSuccess,\n SystemInfo,\n SystemWarning,\n SystemError,\n SystemClose,\n },\n props: alertProps,\n emits: ['close'],\n setup(props, { emit }) {\n const visible = ref(true)\n\n const typeClass = computed(() => `${ props.type }`)\n const iconName = computed(() => props.type || 'info')\n\n const close = (evt: Event) => {\n visible.value = false\n emit('close', evt)\n }\n const { namespace } = useNamespace('alert')\n return {\n namespace,\n visible,\n typeClass,\n iconName,\n close,\n }\n },\n})\n</script>\n"],"names":["_createBlock","_Transition","_createElementVNode","_normalizeClass","_renderSlot","_createVNode","_createElementBlock"],"mappings":";;;;;;;;;;;;;AA8CA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,OAAO,CAAC,OAAO;AAAA,EACf,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,UAAU,IAAI,IAAI;AAExB,UAAM,YAAY,SAAS,MAAM,GAAI,MAAM,MAAO;AAClD,UAAM,WAAW,SAAS,MAAM,MAAM,QAAQ,MAAM;AAEpD,UAAM,QAAQ,CAAC,QAAe;AAC5B,cAAQ,QAAQ;AAChB,WAAK,SAAS,GAAG;AAAA;AAEnB,UAAM,EAAE,cAAc,aAAa,OAAO;AAC1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;;;sBA5ECA,YAoCaC,cApCD,MAAK;AAAY,qBAC3B,MAkCM;AAAA,qBAlCNC,mBAkCM;AAAA,QAhCH,OAAKC,gBAAG,gBAAU,gBAAS;AAAA,6BAA+B,oBAAe,YAAO;AAAA,WAAkB,cAAM;AAAA,oBAA2B;AAAA;QAKpI,MAAK;AAAA;QAEO,gBAAZC,WAOO,iCAPP,MAOO;AAAA,UANLC,YAKU,sBALD,OAAM;AAAY,6BACzB,MAAgD;AAAA,cAA1B,kBAAQ,0BAA9BL,YAAgD;cAC7B,kBAAQ,uBAA3BA,YAA0C;cACpB,kBAAQ,0BAA9BA,YAAgD;cAC5B,kBAAQ,YAAiB,kBAAQ,wBAArDA,YAAqE;;;;;QAGzEE,mBASM,SATD,OAAM;AAAe,UACZ,cAAS,YAAO,sBAA5BI,mBAEO;AAAA;YAF4B,OAAM;AAAA;YACvCF,WAAqC,0BAArC,MAAqC;AAAA,8CAAf,UAAK;AAAA;;UAElB,YAAO,WAAO,EAAM,iCAA/BE,mBAIM;AAAA;YAJsC,OAAM;AAAA;YAChDF,WAEO,4BAFP,MAEO;AAAA,8CADF,gBAAW;AAAA;;;QAKL,iBAAQ,CAAK,+BAA5BJ,YAEU;AAAA;UAF6B,OAAM;AAAA,UAAe,SAAO;AAAA;2BACjE,MAAgB;AAAA,YAAhBK,YAAgB;AAAA;;4CAElBC,mBAEM;AAAA;UAFM,OAAM;AAAA,UAAkB,SAAO;AAAA,2BACtC,cAAS;AAAA;gBA/BN,YAAO;AAAA;;;;;;;;;"}