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

This is a test version of the Vue 3 component library

{"version":3,"file":"message.vue2.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":[],"mappings":";;;;AAcA,gBAAe,eAAgB,CAAA;AAAA,EAC3B,IAAM,EAAA,WAAA;AAAA,EACN,KAAO,EAAA,oBAAA;AAAA,EACP,UAAA,EAAY,EAAE,MAAO,EAAA;AAAA,EACrB,MAAM,MAAQ,EAAA;AACV,IAAO,OAAA;AAAA,MACH,WAAW,QAAS,CAAA,MAAM,CAAM,GAAA,EAAA,MAAA,CAAO,IAAI,CAAO,KAAA,CAAA,CAAA;AAAA,MAClD,MAAA,EAAQ,SAAS,MAAM;AACnB,QAAO,OAAA;AAAA,UACH,SAAA,EAAW,CAAc,WAAA,EAAA,MAAA,CAAO,MAAM,CAAA,GAAA,CAAA;AAAA,SAC1C,CAAA;AAAA,OACH,CAAA;AAAA,KACL,CAAA;AAAA,GACJ;AACJ,CAAC,CAAA;;;;"}