vexip-ui/es/components/message/message.vue2.mjs.map

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

{"version":3,"file":"message.vue2.mjs","sources":["../../../components/message/message.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Icon } from '@/components/icon'\nimport { Renderer } from '@/components/renderer'\nimport { Popup } from '@/components/popup'\n\nimport { computed, reactive, ref } from 'vue'\n\nimport { useIcons, useNameHelper } from '@vexip-ui/config'\nimport { assertiveTypes, effectiveTypes } from './symbol'\n\nimport type { Key, MessageConfig, MessagePlacement } from './symbol'\n\ndefineOptions({ name: 'Message' })\n\nconst nh = useNameHelper('message')\nconst icons = useIcons()\n\nconst predefinedIcons = computed(() => ({\n  primary: icons.value.info,\n  info: icons.value.info,\n  success: icons.value.success,\n  warning: icons.value.warning,\n  error: icons.value.error,\n}))\n\nconst placement = ref<MessagePlacement>('top')\nconst popup = ref<InstanceType<typeof Popup>>()\n\nconst placementCenter = computed(() => `${placement.value}-center` as const)\n\nasync function add(options: Record<string, any>) {\n  if (popup.value) {\n    await popup.value.add(options)\n  }\n}\n\nasync function remove(key: Key) {\n  return !!popup.value && (await popup.value.remove(key))\n}\n\nfunction config(config: MessageConfig) {\n  placement.value = config.placement || placement.value\n}\n\nfunction clear() {\n  popup.value && popup.value.clear()\n}\n\ndefineExpose(\n  reactive({\n    popup,\n    add,\n    remove,\n    clear,\n    config,\n  }),\n)\n</script>\n\n<template>\n  <!-- eslint-disable vue/no-v-html -->\n  <Popup\n    ref=\"popup\"\n    :class=\"nh.b()\"\n    :transition-name=\"nh.ns(`popup-${placement}`)\"\n    :placement=\"placementCenter\"\n  >\n    <template #item=\"{ item }: { item: import('./symbol').MessageOptions }\">\n      <div\n        :class=\"[\n          {\n            [nh.be('item')]: true,\n            [nh.bs('vars')]: true,\n            [nh.bem('item', item.type!)]: item.type && effectiveTypes.includes(item.type),\n            [nh.bem('item', 'background')]: item.background,\n            [nh.bem('item', 'color')]: item.background && item.color,\n            [nh.bem('item', 'color-only')]: !item.background && item.color,\n            [nh.bem('item', 'has-icon')]: item.icon,\n            [nh.bem('item', 'closable')]: item.closable\n          },\n          item.className\n        ]\"\n        role=\"alert\"\n        :style=\"[\n          {\n            color: typeof item.color === 'string' ? item.color : undefined,\n            backgroundColor: typeof item.background === 'string' ? item.background : undefined\n          },\n          item.style || {}\n        ]\"\n        aria-atomic=\"true\"\n        :aria-live=\"item.type && assertiveTypes.includes(item.type) ? 'assertive' : 'polite'\"\n      >\n        <div :class=\"nh.be('wrapper')\">\n          <div\n            v-if=\"item.icon || (item.type && effectiveTypes.includes(item.type))\"\n            :class=\"nh.be('icon')\"\n            :style=\"{ color: item.iconColor }\"\n          >\n            <Icon\n              v-if=\"item.icon\"\n              :icon=\"item.icon\"\n              :style=\"[{ color: item.iconColor }, (item.icon as any).style]\"\n            ></Icon>\n            <Icon\n              v-else\n              v-bind=\"predefinedIcons[item.type!]\"\n              :style=\"{ color: item.iconColor }\"\n            ></Icon>\n          </div>\n          <Renderer\n            v-if=\"typeof item.renderer === 'function'\"\n            :renderer=\"item.renderer\"\n            :data=\"item\"\n          ></Renderer>\n          <template v-else>\n            <div v-if=\"item.parseHtml\" :class=\"nh.be('content')\" v-html=\"item.content\"></div>\n            <div v-else :class=\"nh.be('content')\">\n              {{ item.content || '' }}\n            </div>\n          </template>\n        </div>\n        <button\n          v-if=\"item.closable\"\n          type=\"button\"\n          :class=\"nh.be('close')\"\n          @click=\"remove(item.key!)\"\n        >\n          <Icon v-bind=\"icons.close\" label=\"close\"></Icon>\n        </button>\n      </div>\n    </template>\n  </Popup>\n</template>\n"],"names":["nh","useNameHelper","icons","useIcons","predefinedIcons","computed","placement","ref","popup","placementCenter","add","options","remove","key","config","clear","__expose","reactive","_createBlock","_unref","Popup","_normalizeClass","_withCtx","item","_createElementVNode","effectiveTypes","_normalizeStyle","assertiveTypes","_createElementBlock","Icon","_openBlock","_mergeProps","Renderer","_Fragment","_toDisplayString","$event","_createVNode"],"mappings":"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"}