UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 2.08 kB
{"version":3,"file":"empty2.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\">\n <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n <slot v-else name=\"image\">\n <img-empty />\n </slot>\n </div>\n <div :class=\"ns.e('description')\">\n <slot v-if=\"$slots.description\" name=\"description\"></slot>\n <p v-else>{{ emptyDescription }}</p>\n </div>\n <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n <slot></slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n name: 'ElEmpty',\n components: {\n ImgEmpty,\n },\n\n props: emptyProps,\n\n setup(props) {\n const { t } = useLocale()\n const ns = useNamespace('empty')\n const emptyDescription = computed(\n () => props.description || t('el.table.emptyText')\n )\n const imageStyle = computed<CSSProperties>(() => ({\n width: props.imageSize ? `${props.imageSize}px` : '',\n }))\n\n return {\n ns,\n emptyDescription,\n imageStyle,\n }\n },\n})\n</script>\n"],"names":["_openBlock","_normalizeClass"],"mappings":";;;;;;;;AA0BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,EAAE,MAAM;AACd,UAAM,KAAK,aAAa;AACxB,UAAM,mBAAmB,SACvB,MAAM,MAAM,eAAe,EAAE;AAE/B,UAAM,aAAa,SAAwB;AAAO,MAChD,OAAO,MAAM,YAAY,GAAG,MAAM,gBAAgB;AAAA;AAGpD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;SA9COA,gCAAM;AAAA;KACf;AAAA,uBAAW,OAAE;AAAA,MAAgB,OAAKC,eAAE;AAAA;OACvB;AAAA;QAAQ,KAAK;AAAA,QAAO;AAAA;SAC/B,SAEO,0BADL,KAAa;AAAA;;OAGjB;AAAA,uBAAW,OAAE;AAAA;OACC;AAAA,WAAZ,qCACA,uBAAoC;OAE3B;AAAA;MAAiB,KAAK;AAAA;OAC/B;AAAA;;;;;;;;"}