UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 3.95 kB
{"version":3,"file":"select-dropdown.mjs","sources":["../../../../../../packages/components/select/src/select-dropdown.vue"],"sourcesContent":["<template>\n <div\n :class=\"[ns.b('dropdown'), ns.is('multiple', isMultiple), popperClass]\"\n :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n >\n <div v-if=\"$slots.header\" :class=\"ns.be('dropdown', 'header')\">\n <slot name=\"header\" />\n </div>\n <slot />\n <div v-if=\"$slots.footer\" :class=\"ns.be('dropdown', 'footer')\">\n <slot name=\"footer\" />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, onMounted, ref } from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { useNamespace } from '@element-plus/hooks'\nimport { selectKey } from './token'\nimport { BORDER_HORIZONTAL_WIDTH } from '@element-plus/constants'\n\nexport default defineComponent({\n name: 'ElSelectDropdown',\n\n componentName: 'ElSelectDropdown',\n\n setup() {\n const select = inject(selectKey)!\n const ns = useNamespace('select')\n\n // computed\n const popperClass = computed(() => select.props.popperClass)\n const isMultiple = computed(() => select.props.multiple)\n const isFitInputWidth = computed(() => select.props.fitInputWidth)\n const minWidth = ref('')\n\n function updateMinWidth() {\n const offsetWidth = select.selectRef?.offsetWidth\n if (offsetWidth) {\n minWidth.value = `${offsetWidth - BORDER_HORIZONTAL_WIDTH}px`\n } else {\n minWidth.value = ''\n }\n }\n\n onMounted(() => {\n // TODO: updatePopper\n // popper.value.update()\n updateMinWidth()\n useResizeObserver(select.selectRef, updateMinWidth)\n })\n\n return {\n ns,\n minWidth,\n popperClass,\n isMultiple,\n isFitInputWidth,\n }\n },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;;;;;;AAsBA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,kBAAA;AAAA,EAEN,aAAe,EAAA,kBAAA;AAAA,EAEf,KAAQ,GAAA;AACA,IAAA,MAAA,MAAA,GAAS,OAAO,SAAS,CAAA,CAAA;AACzB,IAAA,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAGhC,IAAA,MAAM,WAAc,GAAA,QAAA,CAAS,MAAM,MAAA,CAAO,MAAM,WAAW,CAAA,CAAA;AAC3D,IAAA,MAAM,UAAa,GAAA,QAAA,CAAS,MAAM,MAAA,CAAO,MAAM,QAAQ,CAAA,CAAA;AACvD,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,MAAA,CAAO,MAAM,aAAa,CAAA,CAAA;AAC3D,IAAA,MAAA,QAAA,GAAW,IAAI,EAAE,CAAA,CAAA;AAEvB,IAAA,SAAS,cAAiB,GAAA;AArB9B,MAAA,IAAA,EAAA,CAAA;AAsBY,MAAA,MAAA,WAAA,GAAA,CAAc,EAAO,GAAA,MAAA,CAAA,SAAA,KAAP,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,CAAA;AACtC,MAAA,IAAI,WAAa,EAAA;AACN,QAAA,QAAA,CAAA,KAAA,GAAQ,GAAG,WAAc,GAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,OAC7B,MAAA;AACL,QAAA,QAAA,CAAS,KAAQ,GAAA,EAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAEA,IAAA,SAAA,CAAU,MAAM;AAGC,MAAA,cAAA,EAAA,CAAA;AACG,MAAA,iBAAA,CAAA,MAAA,CAAO,WAAW,cAAc,CAAA,CAAA;AAAA,KACnD,CAAA,CAAA;AAEM,IAAA,OAAA;AAAA,MACL,EAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;AA5DC,EAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,IAWM,KAAA;AAAA,IAAA;AAAA,MAVH,OAAKC,cAAG,CAAA,CAAA,IAAA,CAAA,EAAA,CAAG,EAAC,UAAA,CAAA,EAAc,QAAG,GAAE,UAAa,EAAA,IAAA,CAAU,UAAA,CAAG,EAAA,IAAA,CAAW,WAAA,CAAA,CAAA;AAAA,MACpE,KAAA,EAAKC,cAAA,CAAA,EAAA,CAAK,IAAA,CAAe,kBAAA,OAAA,GAAA,UAAA,GAA0B,IAAQ,CAAA,QAAA,EAAA,CAAA;AAAA,KAAA;AAAA;MAEjD,IAAA,CAAA,MAAA,CAAO,MAAlB,IAAAH,SAAA,EAAA,EAAAC,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UAFqB,OAAKC,cAAE,CAAA,IAAA,IAAG,EAAE,CAAA,UAAA,EAAA,QAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UACrCE,UAAA,CAAsB,IAAA,CAAA,MAAA,EAAA,QAAA,CAAA;AAAA,SAAA;AAAA;;MAExBA,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,MACG,YAAO,MAAlB,IAAAJ,SAAA,EAAA,EAAAC,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UAFqB,OAAKC,cAAE,CAAA,IAAA,IAAG,EAAE,CAAA,UAAA,EAAA,QAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UACrCE,UAAA,CAAsB,IAAA,CAAA,MAAA,EAAA,QAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;;"}