element-plus/es/components/select/src/select-dropdown.vue.mjs.map

A Component Library for Vue 3

{"version":3,"file":"select-dropdown.vue.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":";;;;;AACE,EAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,IAWM,KAAA;AAAA,IAAA;AAAA,MAVH,OAAKC,cAAA,CAAA,CAAG,IAAA,CAAA,EAAA,CAAG,EAAC,UAAA,CAAA,EAAc,IAAA,IAAG,GAAE,UAAA,EAAa,IAAA,CAAA,UAAU,CAAA,EAAG,IAAA,CAAA,WAAW,CAAA,CAAA;AAAA,MACpE,KAAA,EAAKC,cAAA,CAAA,EAAA,CAAK,IAAA,CAAA,eAAA,GAAe,OAAA,GAAA,UAAA,GAA0B,IAAA,CAAA,QAAA,EAAQ;AAAA,KAAA;AAAA;MAEjD,IAAA,CAAA,MAAA,CAAO,MAAA,IAAAH,SAAA,EAAA,EAAlBC,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UAFqB,OAAKC,cAAA,CAAE,IAAA,IAAG,EAAA,CAAE,UAAA,EAAA,QAAA,CAAA;AAAA,SAAA;AAAA;UACrCE,UAAA,CAAsB,IAAA,CAAA,MAAA,EAAA,QAAA;AAAA,SAAA;AAAA;;;MAExBA,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,MACG,IAAA,QAAO,MAAA,IAAAJ,SAAA,EAAA,EAAlBC,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UAFqB,OAAKC,cAAA,CAAE,IAAA,IAAG,EAAA,CAAE,UAAA,EAAA,QAAA,CAAA;AAAA,SAAA;AAAA;UACrCE,UAAA,CAAsB,IAAA,CAAA,MAAA,EAAA,QAAA;AAAA,SAAA;AAAA;;;;;;;;;;;;"}