{"version":3,"file":"group-item.vue2.mjs","sources":["../../../../../packages/components/select/src/group-item.vue"],"sourcesContent":["<template>\n  <div v-if=\"item.isTitle\" :class=\"ns.be('group', 'title')\" :style=\"styles\">\n    {{ item.label }}\n  </div>\n  <div v-else :class=\"ns.be('group', 'split')\" :style=\"style\">\n    <span\n      :class=\"ns.be('group', 'split-dash')\"\n      :style=\"{ top: height ? `${height / 2}px` : undefined }\"\n    ></span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-ultra/hooks'\nimport type { CSSProperties, PropType } from 'vue'\nimport { computed } from 'vue'\n\nconst props = defineProps({\n  item: {\n    type: Object,\n    required: true\n  },\n  style: Object as PropType<CSSProperties>,\n  height: Number\n})\n\nconst styles = computed(() => {\n  const { style, height } = props\n  return {\n    ...style,\n    lineHeight: `${height}px`\n  }\n})\n\nconst ns = useNamespace('select')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA0BA,IAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAC5B,MAAM,MAAA,EAAE,KAAO,EAAA,MAAA,EAAW,GAAA,KAAA,CAAA;AAC1B,MAAO,OAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,YAAY,CAAG,EAAA,MAAA,CAAA,EAAA,CAAA;AAAA,OACjB,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}