{"version":3,"file":"absolute-layout-item.mjs","sources":["../../../../../packages/components/absolute-layout/src/absolute-layout-item.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useNamespace } from '@element3/hooks'\nimport type { CSSProperties, PropType } from 'vue'\n\ntype Option = {\n  x?: string\n  y?: string\n  width?: string\n  height?: string\n}\n\ndefineOptions({\n  name: 'ElAbsoluteLayoutItem',\n})\n\nconst defaultConfig = {\n  x: '0',\n  y: '0',\n  width: '50px',\n  height: '50px',\n}\n\nconst props = defineProps({\n  option: {\n    type: Object as PropType<Option>,\n    default: () => ({}),\n  },\n})\n\ndefineEmits({})\n\nconst ns = useNamespace('absolute-layout-item')\n\nconst style = computed(() => {\n  const _style: CSSProperties = {}\n  const attrs = [\n    'width',\n    'height',\n    { name: 'x', value: 'left' },\n    { name: 'y', value: 'top' },\n  ] as const\n\n  attrs.forEach((attr) => {\n    if (typeof attr == 'object' && attr != null) {\n      _style[attr.value] = props.option[attr.name] || defaultConfig[attr.name]\n    } else {\n      _style[attr] = props.option[attr] || defaultConfig[attr]\n    }\n  })\n  return _style\n})\n</script>\n\n<template>\n  <div :class=\"ns.b()\" :style=\"style\"><slot /></div>\n</template>\n<style scoped></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAA,aAAA,GAAA;AAAA,MACA,CAAA,EAAA,GAAA;AAAA,MACA,CAAA,EAAA,GAAA;AAAA,MACA,KAAA,EAAA,MAAA;AAAA,MACA,MAAA,EAAA,MAAA;AAAA,KACA,CAAA;AAWA,IAAA,MAAA,EAAA,GAAA,aAAA,sBAAA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,SAAA,EAAA,CAAA;AACA,MAAA,MAAA,KAAA,GAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,EAAA,IAAA,EAAA,GAAA,EAAA,KAAA,EAAA,MAAA,EAAA;AAAA,QACA,EAAA,IAAA,EAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA;AAAA,OACA,CAAA;AAEA,MAAA,KAAA,CAAA,OAAA,CAAA,CAAA,IAAA,KAAA;AACA,QAAA,IAAA,OAAA,IAAA,IAAA,QAAA,IAAA,IAAA,IAAA,IAAA,EAAA;AACA,UAAA,MAAA,CAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA,IAAA,CAAA,IAAA,CAAA,IAAA,cAAA,IAAA,CAAA,IAAA,CAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,MAAA,CAAA,IAAA,CAAA,GAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,aAAA,CAAA,IAAA,CAAA,CAAA;AAAA,SACA;AAAA,OACA,CAAA,CAAA;AACA,MAAA,OAAA,MAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}