{"version":3,"file":"empty.vue2.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 { useNamespace } from '@element-ultra/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\n    const ns = useNamespace('empty')\n    const emptyDescription = computed(\n      () => props.description || '暂无数据'\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":[],"mappings":";;;;;;AA0BA,gBAAe,eAAgB,CAAA;AAAA,EAC7B,IAAM,EAAA,SAAA;AAAA,EACN,UAAY,EAAA;AAAA,IACV,QAAA;AAAA,GACF;AAAA,EAEA,KAAO,EAAA,UAAA;AAAA,EAEP,MAAM,KAAO,EAAA;AAEX,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,gBAAmB,GAAA,QAAA;AAAA,MACvB,MAAM,MAAM,WAAe,IAAA,0BAAA;AAAA,KAC7B,CAAA;AACA,IAAM,MAAA,UAAA,GAAa,SAAwB,OAAO;AAAA,MAChD,KAAO,EAAA,KAAA,CAAM,SAAY,GAAA,CAAA,EAAG,MAAM,SAAgB,CAAA,EAAA,CAAA,GAAA,EAAA;AAAA,KAClD,CAAA,CAAA,CAAA;AAEF,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,gBAAA;AAAA,MACA,UAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}