{"version":3,"file":"empty.vue2.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":[],"mappings":";;;;;AAOE,gBAAe,eAAgB,CAAA;AAAA,EAC7B,IAAA,EAAM,sBAAsB,OAAO,CAAA;AAAA,EACnC,KAAO,EAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAK,CAAA;AAAA,MACpB,OAAS,EAAA,MAAM,CAAC,GAAA,EAAK,GAAG,CAAA;AAAA,KAC1B;AAAA,IACA,WAAa,EAAA;AAAA,MACX,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,MACrB,OAAS,EAAA,0BAAA;AAAA,KACX;AAAA,GACF;AAAA,EACA,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,GAAM,GAAA,QAAA,CAAS,MAAM,CAAC,EAAE,CAAC,CAAA,CAAA;AAE/B,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,QAAoB,EAAC,CAAA;AAC3B,MAAA,MAAM,WAAW,KAAM,CAAA,QAAA,CAAA;AACvB,MAAI,IAAA,OAAA,CAAQ,QAAQ,CAAG,EAAA;AACrB,QAAA,MAAM,CAAI,GAAA,OAAA,CAAQ,QAAS,CAAA,CAAC,CAAW,CAAA,CAAA;AACvC,QAAA,MAAM,CAAI,GAAA,OAAA,CAAQ,QAAS,CAAA,CAAC,CAAW,CAAK,IAAA,CAAA,CAAA;AAC5C,QAAA,KAAA,CAAM,KAAQ,GAAA,CAAA,CAAA;AACd,QAAA,KAAA,CAAM,MAAS,GAAA,CAAA,CAAA;AAAA,OACV,MAAA;AACL,QAAM,MAAA,IAAA,GAAO,QAAQ,QAAQ,CAAA,CAAA;AAC7B,QAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AACd,QAAA,KAAA,CAAM,MAAS,GAAA,IAAA,CAAA;AAAA,OACjB;AAEA,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,GAAA;AAAA,MACA,UAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}