various-ui/es/methods/message/src/message.vue.mjs.map

This is a test version of the Vue 3 component library

{"version":3,"file":"message.vue.mjs","sources":["../../../../../packages/methods/message/src/message.vue"],"sourcesContent":["<template>\r\n    <Transition :appear=\"true\">\r\n        <div class=\"ui-message\" :class=\"className\" :style=\"styles\">\r\n            <UiIcon class=\"ui-message-icon\" :name=\"icon\" v-if=\"icon\" />\r\n            <div class=\"ui-message-content\">{{ message }}</div>\r\n        </div>\r\n    </Transition>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, computed } from \"vue\";\r\nimport { UiMessagePropsOption } from \"./message\";\r\nimport UiIcon from \"@various/components/icon\";\r\n\r\nexport default defineComponent({\r\n    name: \"UiMessage\",\r\n    props: UiMessagePropsOption,\r\n    components: { UiIcon },\r\n    setup(define) {\r\n        return {\r\n            className: computed(() => `ui-${define.type}-type`),\r\n            styles: computed(() => {\r\n                return {\r\n                    transform: `translateY(${define.offset}px)`,\r\n                };\r\n            }),\r\n        };\r\n    },\r\n});\r\n</script>\r\n"],"names":["_resolveComponent","_openBlock","_createBlock","_Transition","_withCtx","_createElementVNode","styles","icon","_createCommentVNode"],"mappings":";;;;;;AACI,EAAA,MAAA,iBAAA,GAAAA,iBAKa,QALA,CAAA,CAAA;SACTC,WAGM,EAAAC,WAAA,CAAAC,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA;AAAA,IAAA,OAAA,EAHIC,QAFlB,MAAA;AAAA,MAAAC,kBAAA;AAAA,QAAA,KAAA;AAAA,QAE2DC;AAAAA,UAAAA,OAAAA,cAAAA,CAAAA,CAAAA,YAAAA,EAAAA,IAAAA,CAAAA,SAAAA,CAAAA,CAAAA;AAAAA,iBACIC,cAAI,CAAA,IAAA,CAAA,MAAA,CAAA;AAAA,SAAA;AAAA;UAHnE,IAAA,CAAA,IAAA,IAAAN,SAG0B,EAAA,EAAiBC,YAAA,iBAAA,EAAA;AAAA,YAAE,GAAI,EAAA,CAAA;AAAA,YAAA,KAAA,EAAA,iBAAA;AAAA,YAHjD,MAAA,IAAA,CAAA,IAAA;AAAA,WAIY,EAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,IAAAM,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA;;;;;;;SAJZ;AAAA,QAAA,CAAA;AAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAAA;;;;;;;;"}