{"version":3,"file":"empty.vue2.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\r\n  <div ref=\"empty\" :class=\"bem.b()\" :style=\"style\">\r\n    <slot name=\"image\">\r\n      <img\r\n        :style=\"{ width: imageWidth }\"\r\n        :src=\"url || defaultEmptyUrl\"\r\n        draggable=\"false\"\r\n      />\r\n    </slot>\r\n    <div :class=\"bemInner.b()\">\r\n      <slot v-if=\"showTitle\" name=\"title\">\r\n        <div :class=\"bemTitle.b()\" v-html=\"purifiedTitleHtml\"></div>\r\n      </slot>\r\n    </div>\r\n    <div :class=\"bem.e('operate-content')\">\r\n      <slot name=\"operate\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { computed, nextTick, onMounted, ref } from 'vue'\r\n\r\nimport { addUnit, createNamespace } from '@ll-plus/utils'\r\nimport DOMPurify from 'dompurify'\r\nimport { defaultEmptyUrl, emptyProps } from './empty'\r\n\r\n// 1.defineOptions\r\ndefineOptions({ name: 'LlEmpty' })\r\n\r\n// 2.props\r\nconst props = defineProps(emptyProps)\r\n\r\n// 3.computes/const\r\n\r\nconst empty = ref<HTMLElement>()\r\nconst purifiedTitleHtml = computed(() => {\r\n  return DOMPurify.sanitize(props.title || '')\r\n})\r\n// 计算宽度\r\nconst style = computed(() => {\r\n  return {\r\n    width: addUnit(props.width),\r\n    height: addUnit(props.height),\r\n  }\r\n})\r\n// 计算图片宽度\r\nconst imageWidth = computed(() => addUnit(props.imageWidth))\r\nconst bem = createNamespace('empty')\r\nconst bemInner = createNamespace('empty-inner')\r\nconst bemTitle = createNamespace('empty-title')\r\n// 禁止选中函数\r\nconst disableSelection = (element: HTMLElement) => {\r\n  element.style.userSelect = 'none'\r\n  element.style.webkitUserSelect = 'none'\r\n  // element.style.msUserSelect = 'none'\r\n  // element.style.mozUserSelect = 'none'\r\n  element.onselectstart = () => false\r\n  element.onmousedown = () => false\r\n}\r\n\r\nonMounted(async () => {\r\n  await nextTick()\r\n  if (empty.value) {\r\n    // @ts-ignore\r\n    disableSelection(empty.value)\r\n  }\r\n})\r\n</script>\r\n"],"names":["DOMPurify","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createElementVNode","url","showTitle"],"mappings":";;;;;;;;;;;;;;;AA8BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,QAAQ,GAAA,EAAiB;AAC/B,IAAA,MAAM,iBAAA,GAAoB,SAAS,MAAM;AACvC,MAAA,OAAOA,MAAA,CAAU,QAAA,CAAS,KAAA,CAAM,KAAA,IAAS,EAAE,CAAA;AAAA,IAC7C,CAAC,CAAA;AAED,IAAA,MAAM,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,OAAO;AAAA,QACL,KAAA,EAAO,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA;AAAA,QAC1B,MAAA,EAAQ,OAAA,CAAQ,KAAA,CAAM,MAAM;AAAA,OAC9B;AAAA,IACF,CAAC,CAAA;AAED,IAAA,MAAM,aAAa,QAAA,CAAS,MAAM,OAAA,CAAQ,KAAA,CAAM,UAAU,CAAC,CAAA;AAC3D,IAAA,MAAM,GAAA,GAAM,gBAAgB,OAAO,CAAA;AACnC,IAAA,MAAM,QAAA,GAAW,gBAAgB,aAAa,CAAA;AAC9C,IAAA,MAAM,QAAA,GAAW,gBAAgB,aAAa,CAAA;AAE9C,IAAA,MAAM,gBAAA,GAAmB,CAAC,OAAA,KAAyB;AACjD,MAAA,OAAA,CAAQ,MAAM,UAAA,GAAa,MAAA;AAC3B,MAAA,OAAA,CAAQ,MAAM,gBAAA,GAAmB,MAAA;AAGjC,MAAA,OAAA,CAAQ,gBAAgB,MAAM,KAAA;AAC9B,MAAA,OAAA,CAAQ,cAAc,MAAM,KAAA;AAAA,IAC9B,CAAA;AAEA,IAAA,SAAA,CAAU,YAAY;AACpB,MAAA,MAAM,QAAA,EAAS;AACf,MAAA,IAAI,MAAM,KAAA,EAAO;AAEf,QAAA,gBAAA,CAAiB,MAAM,KAAK,CAAA;AAAA,MAC9B;AAAA,IACF,CAAC,CAAA;;0BAjECC,kBAAA;AAAA,QAgBM,KAAA;AAAA,QAAA;AAAA,mBAhBG,OAAA;AAAA,UAAJ,GAAA,EAAI,KAAA;AAAA,UAAS,OAAKC,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,GAAC,CAAA;AAAA,UAAK,KAAA,iBAAO,KAAA,CAAA,KAAK;AAAA;;UAC7CC,WAMO,IAAA,sBANP,MAMO;AAAA,YALLC,mBAIE,KAAA,EAAA;AAAA,cAHC,+BAAgB,UAAA,CAAA,OAAU,CAAA;AAAA,cAC1B,GAAA,EAAKC,IAAAA,CAAAA,GAAAA,IAAOH,KAAA,CAAA,eAAA,CAAA;AAAA,cACb,SAAA,EAAU;AAAA;;UAGdE,kBAAA;AAAA,YAIM,KAAA;AAAA,YAAA;AAAA,cAJA,OAAKH,cAAA,CAAEC,KAAA,CAAA,QAAA,CAAA,CAAS,GAAC;AAAA;;cACTI,IAAAA,CAAAA,SAAAA,GAAZH,UAAA,CAEO,IAAA,8BAFP,MAEO;AAAA,gBADLC,mBAA4D,KAAA,EAAA;AAAA,kBAAtD,OAAKH,cAAA,CAAEC,KAAA,CAAA,QAAA,CAAA,CAAS,GAAC,CAAA;AAAA,kBAAI,WAAQ,iBAAA,CAAA;AAAA;;;;;;UAGvCE,kBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAFA,OAAKH,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,iBAAA,CAAA;AAAA;;cAChBC,UAAA,CAAuB,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}