{"version":3,"file":"empty.vue.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<script lang=\"ts\">\n  import type { StyleValue } from 'vue'\n  import { computed, defineComponent } from 'vue'\n  import { getComponentNamespace, getNamespace } from '../../../utils/global-config'\n  import { addUnit } from '../../../shared/utils'\n  import { isArray } from '../../../utils/is'\n\n  export default defineComponent({\n    name: getComponentNamespace('Empty'),\n    props: {\n      iconSize: {\n        type: [Number, Array],\n        default: () => [240, 120]\n      },\n      description: {\n        type: [String, Number],\n        default: '暂无数据'\n      }\n    },\n    setup(props) {\n      const ns = getNamespace('empty')\n      const cls = computed(() => [ns])\n\n      const imageStyle = computed(() => {\n        const style: StyleValue = {}\n        const iconSize = props.iconSize\n        if (isArray(iconSize)) {\n          const w = addUnit(iconSize[0] as number)\n          const h = addUnit(iconSize[1] as number) || w\n          style.width = w\n          style.height = h\n        } else {\n          const size = addUnit(iconSize)\n          style.width = size\n          style.height = size\n        }\n\n        return style\n      })\n\n      return {\n        ns,\n        cls,\n        imageStyle\n      }\n    }\n  })\n</script>\n\n<template>\n  <div :class=\"cls\">\n    <div :class=\"[`${ns}__image`]\">\n      <slot name=\"image\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          :style=\"imageStyle\"\n          viewBox=\"0 0 244 120\"\n          version=\"1.1\"\n        >\n          <defs>\n            <linearGradient id=\"linearGradient-1\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"50%\">\n              <stop stop-color=\"#CAD5EB\" offset=\"0%\" />\n              <stop stop-color=\"#ECEFF6\" stop-opacity=\"0\" offset=\"99.9289773%\" />\n            </linearGradient>\n            <linearGradient\n              id=\"linearGradient-2\"\n              x1=\"34.5854478%\"\n              y1=\"9.89324279%\"\n              x2=\"67.8456655%\"\n              y2=\"94.5431915%\"\n            >\n              <stop stop-color=\"#A1AFCB\" offset=\"0.0628277972%\" />\n              <stop stop-color=\"#D8E0EE\" offset=\"100%\" />\n            </linearGradient>\n            <linearGradient\n              id=\"linearGradient-3\"\n              x1=\"16.7449114%\"\n              y1=\"74.7991872%\"\n              x2=\"75.8928571%\"\n              y2=\"30.6222098%\"\n            >\n              <stop stop-color=\"#A4B2CD\" offset=\"0%\" />\n              <stop stop-color=\"#E4EAF6\" offset=\"100%\" />\n            </linearGradient>\n          </defs>\n          <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n            <g transform=\"translate(-813.000000, -420.000000)\">\n              <g transform=\"translate(813.000000, 420.000000)\">\n                <path\n                  d=\"M122,57 C167.975908,57 210.137771,65.1649368 243.001892,78.7529633 L242.999106,120 L-0.000894347329,120 L-0.00363654132,79.1700316 C32.2576315,65.6448296 73.6376675,57.3793167 118.858003,57.0127273 Z\"\n                  fill=\"url(#linearGradient-1)\"\n                  opacity=\"0.15\"\n                />\n                <path\n                  d=\"M134,-7.34788079e-16 L148,14 L148,66 C148,68.209139 146.209139,70 144,70 L100,70 C97.790861,70 96,68.209139 96,66 L96,4 C96,1.790861 97.790861,1.75292373e-15 100,1.34711148e-15 L134,-7.34788079e-16 Z M129,31 L106,31 L106,34 L129,34 L129,31 Z M129,24 L106,24 L106,27 L129,27 L129,24 Z M114,17 L106,17 L106,20 L114,20 L114,17 Z\"\n                  fill=\"url(#linearGradient-2)\"\n                  opacity=\"0.5\"\n                />\n                <path\n                  d=\"M134,0 L148,14 L138,14 C135.790861,14 134,12.209139 134,10 L134,0 L134,0 Z\"\n                  fill=\"url(#linearGradient-3)\"\n                  opacity=\"0.5\"\n                />\n              </g>\n            </g>\n          </g>\n        </svg>\n      </slot>\n    </div>\n    <div :class=\"[`${ns}__description`]\">\n      <slot name=\"description\">\n        {{ description }}\n      </slot>\n    </div>\n  </div>\n</template>\n"],"names":["cls","_normalizeClass","_openBlock","_createElementBlock","imageStyle","_normalizeStyle","_createElementVNode"],"mappings":";;;;AAkDa,SAAA,YAAA,IAAEA,EAAAA,MAAAA,EAAG,MAAA,EAAA,MAAA,EAAA,OAAA,QAAA,EAAA;;;;MACd,KAAA,EAyDMC,cAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AAAA,KAAA;AAAA;;;;UAxDJ,OAuDOA,cAAA,CAAA,CAAA,CAAA,EAAA,IAAA,CAAA,WAAA,CAAA,CAAA;AAAA,SAAA;AAAA;qBArDG,IAA4B,CAAA,MAAA,EAAA,OAAA,EAAA,IAAA,MAAA;AAAA,aAC5BC,WAAA,EAAAC,kBAAA;AAAA,cAAEC,KAAAA;AAAAA,cAAU;AAAA,gBAClB,KAAO,EAAA,4BAAA;AAAA,gBACP,KAAA,EAAOC,cAAM,CAAA,IAAA,CAAA,UAAA,CAAA;AAAA,gBAAA,OAAA,EAAA,aAAA;AAAA;;;;;;;;WAoDnB,CAAA;AAAA,SAAA;AAAA,QAAM,CAAA;AAAA;AAAA,OAAK;AAAA,MAAAC,kBAAA;AAAA;;UACT,OAEOL,cAAA,CAAA,CAAA,CAAA,EAAA,IAAA,CAAA,iBAAA,CAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;"}