1 line
13 KiB
Plaintext
1 line
13 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/message/BaseMessage.vue","../../src/message/Message.vue","../../src/message/Message.vue?vue&type=template&id=415fa997&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport MessageStyle from 'primevue/message/style';\n\nexport default {\n name: 'BaseMessage',\n extends: BaseComponent,\n props: {\n severity: {\n type: String,\n default: 'info'\n },\n closable: {\n type: Boolean,\n default: false\n },\n life: {\n type: Number,\n default: null\n },\n icon: {\n type: String,\n default: undefined\n },\n closeIcon: {\n type: String,\n default: undefined\n },\n closeButtonProps: {\n type: null,\n default: null\n },\n size: {\n type: String,\n default: null\n },\n variant: {\n type: String,\n default: null\n }\n },\n style: MessageStyle,\n provide() {\n return {\n $pcMessage: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n <div v-if=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" :data-p=\"dataP\" v-bind=\"ptm('root')\">\n <div :class=\"cx('contentWrapper')\" v-bind=\"ptm('contentWrapper')\">\n <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n <div v-else :class=\"cx('content')\" :data-p=\"dataP\" v-bind=\"ptm('content')\">\n <slot name=\"icon\" :class=\"cx('icon')\">\n <component :is=\"icon ? 'span' : null\" :class=\"[cx('icon'), icon]\" :data-p=\"dataP\" v-bind=\"ptm('icon')\"></component>\n </slot>\n <div v-if=\"$slots.default\" :class=\"cx('text')\" :data-p=\"dataP\" v-bind=\"ptm('text')\">\n <slot></slot>\n </div>\n <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" :data-p=\"dataP\"\n v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n <slot name=\"closeicon\">\n <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" :data-p=\"dataP\" v-bind=\"ptm('closeIcon')\" />\n <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" :data-p=\"dataP\" v-bind=\"ptm('closeIcon')\" />\n </slot>\n </button>\n </div>\n </div>\n </div>\n </transition>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport TimesIcon from '@primevue/icons/times';\nimport Ripple from 'primevue/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n name: 'Message',\n extends: BaseMessage,\n inheritAttrs: false,\n emits: ['close', 'life-end'],\n timeout: null,\n data() {\n return {\n visible: true\n };\n },\n mounted() {\n if (this.life) {\n setTimeout(() => {\n this.visible = false;\n this.$emit('life-end');\n }, this.life);\n }\n },\n methods: {\n close(event) {\n this.visible = false;\n this.$emit('close', event);\n }\n },\n computed: {\n closeAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n },\n dataP() {\n return cn({\n outlined: this.variant === 'outlined',\n simple: this.variant === 'simple',\n [this.severity]: this.severity,\n
|