@element-plus/nightly 0.0.20261102 → 0.0.20261104

package/es/components/select/src/select.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @[mouseEnterEventName]=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :placement=\"placement\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      pure\n      trigger=\"click\"\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!states.selected.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.selected\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(item)\"\n                :class=\"nsSelect.e('selected-item')\"\n                :style=\"tagStyle\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !item.isDisabled\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"item.index\"\n                      :label=\"item.currentLabel\"\n                      :value=\"item.value\"\n                    >\n                      {{ item.currentLabel }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && states.selected.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? teleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"[\n                      nsSelect.e('selected-item'),\n                      nsSelect.e('collapse-item'),\n                    ]\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      disable-transitions\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.selected.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"item in collapseTagList\"\n                      :key=\"getValueKey(item)\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !item.isDisabled\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, item)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"item.index\"\n                            :label=\"item.currentLabel\"\n                            :value=\"item.value\"\n                          >\n                            {{ item.currentLabel }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (multiple && !states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                type=\"text\"\n                :name=\"name\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                :autocomplete=\"autocomplete\"\n                :style=\"inputStyle\"\n                :tabindex=\"tabindex\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                :aria-activedescendant=\"hoverOption?.id || ''\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"dropdownMenuVisible\"\n                :aria-label=\"ariaLabel\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                @keydown=\"handleKeydown\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @input=\"onInput\"\n                @change.stop\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"getOption(modelValue!).index\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent && !showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsSelect.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsSelect.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click=\"handleClearClick\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu ref=\"menuRef\">\n          <div\n            v-if=\"$slots.header\"\n            :class=\"nsSelect.be('dropdown', 'header')\"\n            @click.stop\n          >\n            <slot name=\"header\" />\n          </div>\n          <el-scrollbar\n            v-show=\"states.options.size > 0 && !loading\"\n            :id=\"contentId\"\n            ref=\"scrollbarRef\"\n            tag=\"ul\"\n            :wrap-class=\"nsSelect.be('dropdown', 'wrap')\"\n            :view-class=\"nsSelect.be('dropdown', 'list')\"\n            :class=\"[nsSelect.is('empty', filteredOptionsCount === 0)]\"\n            role=\"listbox\"\n            :aria-label=\"ariaLabel\"\n            aria-orientation=\"vertical\"\n            @scroll=\"popupScroll\"\n            @end-reached=\"endReached\"\n          >\n            <el-option\n              v-if=\"showNewOption\"\n              :value=\"states.inputValue\"\n              :created=\"true\"\n            />\n            <el-options>\n              <slot>\n                <template v-for=\"(option, index) in options\" :key=\"index\">\n                  <el-option-group\n                    v-if=\"getOptions(option)?.length\"\n                    :label=\"getLabel(option)\"\n                    :disabled=\"getDisabled(option)\"\n                  >\n                    <el-option\n                      v-for=\"item in getOptions(option)\"\n                      :key=\"getValue(item)\"\n                      v-bind=\"getOptionProps(item)\"\n                    />\n                  </el-option-group>\n                  <el-option v-else v-bind=\"getOptionProps(option)\" />\n                </template>\n              </slot>\n            </el-options>\n          </el-scrollbar>\n          <div\n            v-if=\"$slots.loading && loading\"\n            :class=\"nsSelect.be('dropdown', 'loading')\"\n          >\n            <slot name=\"loading\" />\n          </div>\n          <div\n            v-else-if=\"loading || filteredOptionsCount === 0\"\n            :class=\"nsSelect.be('dropdown', 'empty')\"\n          >\n            <slot name=\"empty\">\n              <span>{{ emptyText }}</span>\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.footer\"\n            :class=\"nsSelect.be('dropdown', 'footer')\"\n            @click.stop\n          >\n            <slot name=\"footer\" />\n          </div>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { flattedChildren, isArray, isObject } from '@element-plus/utils'\nimport { useCalcInputWidth } from '@element-plus/hooks'\nimport { useProps } from '@element-plus/components/select-v2/src/useProps'\nimport ElOption from './option.vue'\nimport ElSelectMenu from './select-dropdown.vue'\nimport { useSelect } from './useSelect'\nimport { selectKey } from './token'\nimport ElOptions from './options'\nimport { selectEmits, selectProps } from './select'\nimport ElOptionGroup from './option-group.vue'\n\nimport type { AppConfig, AppContext, VNode } from 'vue'\nimport type { SelectContext } from './type'\n\nconst COMPONENT_NAME = 'ElSelect'\n\ntype WarnHandler = AppConfig['warnHandler']\n\ninterface WarnHandlerRecord {\n  originalWarnHandler: WarnHandler\n  handler: WarnHandler\n  count: number\n}\n\nconst warnHandlerMap = new WeakMap<AppContext, WarnHandlerRecord>()\n\nconst createSelectWarnHandler = (appContext: AppContext): WarnHandler => {\n  return (...args) => {\n    // Overrides warnings about slots not being executable outside of a render function.\n    // We call slot below just to simulate data when persist is false, this warning message should be ignored\n    const message = args[0]\n    if (\n      !message ||\n      (message.includes(\n        'Slot \"default\" invoked outside of the render function'\n      ) &&\n        args[2]?.includes('ElTreeSelect'))\n    )\n      return\n    const original = warnHandlerMap.get(appContext)?.originalWarnHandler\n    if (original) {\n      original(...args)\n      return\n    }\n    // eslint-disable-next-line no-console\n    console.warn(...args)\n  }\n}\n\nconst getWarnHandlerRecord = (appContext: AppContext): WarnHandlerRecord => {\n  let record = warnHandlerMap.get(appContext)\n  if (!record) {\n    record = {\n      originalWarnHandler: appContext.config.warnHandler,\n      handler: createSelectWarnHandler(appContext),\n      count: 0,\n    }\n    warnHandlerMap.set(appContext, record)\n  }\n  return record\n}\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n  components: {\n    ElSelectMenu,\n    ElOption,\n    ElOptions,\n    ElOptionGroup,\n    ElTag,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: selectProps,\n  emits: selectEmits,\n\n  setup(props, { emit, slots }) {\n    const instance = getCurrentInstance()!\n    const warnRecord = getWarnHandlerRecord(instance.appContext)\n    warnRecord.count += 1\n    instance.appContext.config.warnHandler = warnRecord.handler\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n\n      return multiple ? fallback : rawModelValue\n    })\n\n    const _props = reactive({\n      ...toRefs(props),\n      modelValue,\n    })\n\n    const API = useSelect(_props, emit)\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const { getLabel, getValue, getOptions, getDisabled } = useProps(props)\n\n    const getOptionProps = (option: Record<string, any>) => ({\n      label: getLabel(option),\n      value: getValue(option),\n      disabled: getDisabled(option),\n    })\n\n    const flatTreeSelectData = (data: any[]) => {\n      return data.reduce((acc, item) => {\n        acc.push(item)\n        if (item.children && item.children.length > 0) {\n          acc.push(...flatTreeSelectData(item.children))\n        }\n        return acc\n      }, [])\n    }\n\n    const manuallyRenderSlots = (vnodes: VNode[] | undefined) => {\n      // After option rendering is completed, the useSelect internal state can collect the value of each option.\n      // If the persistent value is false, option will not be rendered by default, so in this case,\n      // manually render and load option data here.\n      const children = flattedChildren(vnodes || []) as VNode[]\n      children.forEach((item) => {\n        if (\n          isObject(item) &&\n          // @ts-expect-error\n          (item.type.name === 'ElOption' || item.type.name === 'ElTree')\n        ) {\n          // @ts-expect-error\n          const _name = item.type.name\n          if (_name === 'ElTree') {\n            // tree-select component is a special case.\n            // So we need to handle it separately.\n            const treeData = item.props?.data || []\n            const flatData = flatTreeSelectData(treeData)\n            flatData.forEach((treeItem: any) => {\n              treeItem.currentLabel =\n                treeItem.label ??\n                (isObject(treeItem.value) ? '' : treeItem.value)\n              API.onOptionCreate(treeItem)\n            })\n          } else if (_name === 'ElOption') {\n            const obj = { ...item.props } as any\n            obj.currentLabel =\n              obj.label ?? (isObject(obj.value) ? '' : obj.value)\n            API.onOptionCreate(obj)\n          }\n        }\n      })\n    }\n    watch(\n      () => [\n        props.persistent || API.expanded.value || !slots.default\n          ? undefined\n          : slots.default?.(),\n        modelValue.value,\n      ],\n      () => {\n        // When persistent is false and the dropdown is closed, the menu is unmounted.\n        // We should always re-hydrate option data from slots so labels stay in sync\n        // with dynamic option list updates. Skip only when persistent is true or\n        // when the dropdown is currently expanded (mounted options will manage themselves).\n        if (props.persistent || API.expanded.value) {\n          // If persistent is true, we don't need to manually render slots.\n          return\n        }\n        // When using :options prop (no slot content), el-option components register\n        // and unregister themselves via onOptionCreate/onOptionDestroy lifecycle hooks.\n        // Calling options.clear() here would prematurely wipe options that are still\n        // mounted, causing a \"No Data\" flash during rapid open/close toggling.\n        if (!slots.default) {\n          return\n        }\n        // Reset current options snapshot before re-collecting from slots.\n        API.states.options.clear()\n        manuallyRenderSlots(slots.default?.())\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    provide(\n      selectKey,\n      reactive({\n        props: _props,\n        states: API.states,\n        selectRef: API.selectRef,\n        optionsArray: API.optionsArray,\n        setSelected: API.setSelected,\n        handleOptionSelect: API.handleOptionSelect,\n        onOptionCreate: API.onOptionCreate,\n        onOptionDestroy: API.onOptionDestroy,\n      }) as unknown as SelectContext // Avoid TS2589\n    )\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.selected.map((i) => i.currentLabel as string)\n    })\n\n    onBeforeUnmount(() => {\n      // https://github.com/element-plus/element-plus/issues/21279\n      const record = warnHandlerMap.get(instance.appContext)\n      if (!record) return\n      record.count -= 1\n      if (record.count <= 0) {\n        instance.appContext.config.warnHandler = record.originalWarnHandler\n        warnHandlerMap.delete(instance.appContext)\n      }\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      getLabel,\n      getValue,\n      getOptions,\n      getDisabled,\n      getOptionProps,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"select.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @[mouseEnterEventName]=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :placement=\"placement\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      pure\n      trigger=\"click\"\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!states.selected.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.selected\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(item)\"\n                :class=\"nsSelect.e('selected-item')\"\n                :style=\"tagStyle\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !item.isDisabled\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"item.index\"\n                      :label=\"item.currentLabel\"\n                      :value=\"item.value\"\n                    >\n                      {{ item.currentLabel }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && states.selected.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? teleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"[\n                      nsSelect.e('selected-item'),\n                      nsSelect.e('collapse-item'),\n                    ]\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      disable-transitions\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.selected.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"item in collapseTagList\"\n                      :key=\"getValueKey(item)\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !item.isDisabled\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, item)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"item.index\"\n                            :label=\"item.currentLabel\"\n                            :value=\"item.value\"\n                          >\n                            {{ item.currentLabel }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (multiple && !states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                type=\"text\"\n                :name=\"name\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                :autocomplete=\"autocomplete\"\n                :style=\"inputStyle\"\n                :tabindex=\"tabindex\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                :aria-activedescendant=\"hoverOption?.id || ''\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"dropdownMenuVisible\"\n                :aria-label=\"ariaLabel\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                @keydown=\"handleKeydown\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @input=\"onInput\"\n                @change.stop\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"getOption(modelValue!).index\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent && !showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsSelect.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsSelect.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click=\"handleClearClick\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu ref=\"menuRef\">\n          <div\n            v-if=\"$slots.header\"\n            :class=\"nsSelect.be('dropdown', 'header')\"\n            @click.stop\n          >\n            <slot name=\"header\" />\n          </div>\n          <el-scrollbar\n            v-show=\"states.options.size > 0 && !loading\"\n            :id=\"contentId\"\n            ref=\"scrollbarRef\"\n            tag=\"ul\"\n            :wrap-class=\"nsSelect.be('dropdown', 'wrap')\"\n            :view-class=\"nsSelect.be('dropdown', 'list')\"\n            :class=\"[nsSelect.is('empty', filteredOptionsCount === 0)]\"\n            role=\"listbox\"\n            :aria-label=\"ariaLabel\"\n            aria-orientation=\"vertical\"\n            @scroll=\"popupScroll\"\n            @end-reached=\"endReached\"\n          >\n            <el-option\n              v-if=\"showNewOption\"\n              :value=\"states.inputValue\"\n              :created=\"true\"\n            />\n            <el-options>\n              <slot>\n                <template v-for=\"(option, index) in options\" :key=\"index\">\n                  <el-option-group\n                    v-if=\"getOptions(option)?.length\"\n                    :label=\"getLabel(option)\"\n                    :disabled=\"getDisabled(option)\"\n                  >\n                    <el-option\n                      v-for=\"item in getOptions(option)\"\n                      :key=\"getValue(item)\"\n                      v-bind=\"getOptionProps(item)\"\n                    />\n                  </el-option-group>\n                  <el-option v-else v-bind=\"getOptionProps(option)\" />\n                </template>\n              </slot>\n            </el-options>\n          </el-scrollbar>\n          <div\n            v-if=\"$slots.loading && loading\"\n            :class=\"nsSelect.be('dropdown', 'loading')\"\n          >\n            <slot name=\"loading\" />\n          </div>\n          <div\n            v-else-if=\"loading || filteredOptionsCount === 0\"\n            :class=\"nsSelect.be('dropdown', 'empty')\"\n          >\n            <slot name=\"empty\">\n              <span>{{ emptyText }}</span>\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.footer\"\n            :class=\"nsSelect.be('dropdown', 'footer')\"\n            @click.stop\n          >\n            <slot name=\"footer\" />\n          </div>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { flattedChildren, isArray, isObject } from '@element-plus/utils'\nimport { useCalcInputWidth } from '@element-plus/hooks'\nimport { useProps } from '@element-plus/components/select-v2/src/useProps'\nimport ElOption from './option.vue'\nimport ElSelectMenu from './select-dropdown.vue'\nimport { useSelect } from './useSelect'\nimport { selectKey } from './token'\nimport ElOptions from './options'\nimport { selectEmits, selectProps } from './select'\nimport ElOptionGroup from './option-group.vue'\n\nimport type { AppConfig, AppContext, VNode } from 'vue'\nimport type { SelectContext } from './type'\n\nconst COMPONENT_NAME = 'ElSelect'\n\ntype WarnHandler = AppConfig['warnHandler']\n\ninterface WarnHandlerRecord {\n  originalWarnHandler: WarnHandler\n  handler: WarnHandler\n  count: number\n}\n\nconst warnHandlerMap = new WeakMap<AppContext, WarnHandlerRecord>()\n\nconst createSelectWarnHandler = (appContext: AppContext): WarnHandler => {\n  return (...args) => {\n    // Overrides warnings about slots not being executable outside of a render function.\n    // We call slot below just to simulate data when persist is false, this warning message should be ignored\n    const message = args[0]\n    if (\n      !message ||\n      (message.includes(\n        'Slot \"default\" invoked outside of the render function'\n      ) &&\n        args[2]?.includes('ElTreeSelect'))\n    )\n      return\n    const original = warnHandlerMap.get(appContext)?.originalWarnHandler\n    if (original) {\n      original(...args)\n      return\n    }\n    // eslint-disable-next-line no-console\n    console.warn(...args)\n  }\n}\n\nconst getWarnHandlerRecord = (appContext: AppContext): WarnHandlerRecord => {\n  let record = warnHandlerMap.get(appContext)\n  if (!record) {\n    record = {\n      originalWarnHandler: appContext.config.warnHandler,\n      handler: createSelectWarnHandler(appContext),\n      count: 0,\n    }\n    warnHandlerMap.set(appContext, record)\n  }\n  return record\n}\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n  components: {\n    ElSelectMenu,\n    ElOption,\n    ElOptions,\n    ElOptionGroup,\n    ElTag,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: selectProps,\n  emits: selectEmits,\n\n  setup(props, { emit, slots }) {\n    const instance = getCurrentInstance()!\n    const warnRecord = getWarnHandlerRecord(instance.appContext)\n    warnRecord.count += 1\n    instance.appContext.config.warnHandler = warnRecord.handler\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n\n      return multiple ? fallback : rawModelValue\n    })\n\n    const _props = reactive({\n      ...toRefs(props),\n      modelValue,\n    })\n\n    const API = useSelect(_props, emit)\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const { getLabel, getValue, getOptions, getDisabled } = useProps(props)\n\n    const getOptionProps = (option: Record<string, any>) => ({\n      label: getLabel(option),\n      value: getValue(option),\n      disabled: getDisabled(option),\n    })\n\n    const flatTreeSelectData = (data: any[]) => {\n      return data.reduce((acc, item) => {\n        acc.push(item)\n        if (item.children && item.children.length > 0) {\n          acc.push(...flatTreeSelectData(item.children))\n        }\n        return acc\n      }, [])\n    }\n\n    const manuallyRenderSlots = (vnodes: VNode[] | undefined) => {\n      // After option rendering is completed, the useSelect internal state can collect the value of each option.\n      // If the persistent value is false, option will not be rendered by default, so in this case,\n      // manually render and load option data here.\n      const children = flattedChildren(vnodes || []) as VNode[]\n      children.forEach((item) => {\n        if (\n          isObject(item) &&\n          // @ts-expect-error\n          (item.type.name === 'ElOption' || item.type.name === 'ElTree')\n        ) {\n          // @ts-expect-error\n          const _name = item.type.name\n          if (_name === 'ElTree') {\n            // tree-select component is a special case.\n            // So we need to handle it separately.\n            const treeData = item.props?.data || []\n            const flatData = flatTreeSelectData(treeData)\n            flatData.forEach((treeItem: any) => {\n              treeItem.currentLabel =\n                treeItem.label ??\n                (isObject(treeItem.value) ? '' : treeItem.value)\n              API.onOptionCreate(treeItem)\n            })\n          } else if (_name === 'ElOption') {\n            const obj = { ...item.props } as any\n            obj.currentLabel =\n              obj.label ?? (isObject(obj.value) ? '' : obj.value)\n            API.onOptionCreate(obj)\n          }\n        }\n      })\n    }\n    watch(\n      () => [\n        props.persistent || API.expanded.value || !slots.default\n          ? undefined\n          : slots.default?.(),\n        modelValue.value,\n      ],\n      () => {\n        // When persistent is false and the dropdown is closed, the menu is unmounted.\n        // We should always re-hydrate option data from slots so labels stay in sync\n        // with dynamic option list updates. Skip only when persistent is true or\n        // when the dropdown is currently expanded (mounted options will manage themselves).\n        if (props.persistent || API.expanded.value) {\n          // If persistent is true, we don't need to manually render slots.\n          return\n        }\n        // When using :options prop (no slot content), el-option components register\n        // and unregister themselves via onOptionCreate/onOptionDestroy lifecycle hooks.\n        // Calling options.clear() here would prematurely wipe options that are still\n        // mounted, causing a \"No Data\" flash during rapid open/close toggling.\n        if (!slots.default) {\n          return\n        }\n        // Reset current options snapshot before re-collecting from slots.\n        API.states.options.clear()\n        manuallyRenderSlots(slots.default?.())\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    provide(\n      selectKey,\n      reactive({\n        selectDisabled: API.selectDisabled,\n        props: _props,\n        states: API.states,\n        selectRef: API.selectRef,\n        optionsArray: API.optionsArray,\n        setSelected: API.setSelected,\n        handleOptionSelect: API.handleOptionSelect,\n        onOptionCreate: API.onOptionCreate,\n        onOptionDestroy: API.onOptionDestroy,\n      }) as unknown as SelectContext // Avoid TS2589\n    )\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.selected.map((i) => i.currentLabel as string)\n    })\n\n    onBeforeUnmount(() => {\n      // https://github.com/element-plus/element-plus/issues/21279\n      const record = warnHandlerMap.get(instance.appContext)\n      if (!record) return\n      record.count -= 1\n      if (record.count <= 0) {\n        instance.appContext.config.warnHandler = record.originalWarnHandler\n        warnHandlerMap.delete(instance.appContext)\n      }\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      getLabel,\n      getValue,\n      getOptions,\n      getDisabled,\n      getOptionProps,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}

package/es/components/select/src/select2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select2.mjs","names":["_resolveComponent","_resolveDirective","_withDirectives","_openBlock","_createElementBlock","_mergeProps","_toHandlerKey","_createVNode","_withCtx","_createElementVNode","_normalizeClass","_withModifiers","_renderSlot","_createCommentVNode","_Fragment","_renderList","_normalizeStyle","_createTextVNode","_toDisplayString","_createBlock","_resolveDynamicComponent","_vShow","_sfc_main"],"sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @[mouseEnterEventName]=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :placement=\"placement\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      pure\n      trigger=\"click\"\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!states.selected.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.selected\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(item)\"\n                :class=\"nsSelect.e('selected-item')\"\n                :style=\"tagStyle\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !item.isDisabled\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"item.index\"\n                      :label=\"item.currentLabel\"\n                      :value=\"item.value\"\n                    >\n                      {{ item.currentLabel }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && states.selected.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? teleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"[\n                      nsSelect.e('selected-item'),\n                      nsSelect.e('collapse-item'),\n                    ]\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      disable-transitions\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.selected.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"item in collapseTagList\"\n                      :key=\"getValueKey(item)\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !item.isDisabled\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, item)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"item.index\"\n                            :label=\"item.currentLabel\"\n                            :value=\"item.value\"\n                          >\n                            {{ item.currentLabel }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (multiple && !states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                type=\"text\"\n                :name=\"name\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                :autocomplete=\"autocomplete\"\n                :style=\"inputStyle\"\n                :tabindex=\"tabindex\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                :aria-activedescendant=\"hoverOption?.id || ''\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"dropdownMenuVisible\"\n                :aria-label=\"ariaLabel\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                @keydown=\"handleKeydown\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @input=\"onInput\"\n                @change.stop\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"getOption(modelValue!).index\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent && !showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsSelect.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsSelect.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click=\"handleClearClick\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu ref=\"menuRef\">\n          <div\n            v-if=\"$slots.header\"\n            :class=\"nsSelect.be('dropdown', 'header')\"\n            @click.stop\n          >\n            <slot name=\"header\" />\n          </div>\n          <el-scrollbar\n            v-show=\"states.options.size > 0 && !loading\"\n            :id=\"contentId\"\n            ref=\"scrollbarRef\"\n            tag=\"ul\"\n            :wrap-class=\"nsSelect.be('dropdown', 'wrap')\"\n            :view-class=\"nsSelect.be('dropdown', 'list')\"\n            :class=\"[nsSelect.is('empty', filteredOptionsCount === 0)]\"\n            role=\"listbox\"\n            :aria-label=\"ariaLabel\"\n            aria-orientation=\"vertical\"\n            @scroll=\"popupScroll\"\n            @end-reached=\"endReached\"\n          >\n            <el-option\n              v-if=\"showNewOption\"\n              :value=\"states.inputValue\"\n              :created=\"true\"\n            />\n            <el-options>\n              <slot>\n                <template v-for=\"(option, index) in options\" :key=\"index\">\n                  <el-option-group\n                    v-if=\"getOptions(option)?.length\"\n                    :label=\"getLabel(option)\"\n                    :disabled=\"getDisabled(option)\"\n                  >\n                    <el-option\n                      v-for=\"item in getOptions(option)\"\n                      :key=\"getValue(item)\"\n                      v-bind=\"getOptionProps(item)\"\n                    />\n                  </el-option-group>\n                  <el-option v-else v-bind=\"getOptionProps(option)\" />\n                </template>\n              </slot>\n            </el-options>\n          </el-scrollbar>\n          <div\n            v-if=\"$slots.loading && loading\"\n            :class=\"nsSelect.be('dropdown', 'loading')\"\n          >\n            <slot name=\"loading\" />\n          </div>\n          <div\n            v-else-if=\"loading || filteredOptionsCount === 0\"\n            :class=\"nsSelect.be('dropdown', 'empty')\"\n          >\n            <slot name=\"empty\">\n              <span>{{ emptyText }}</span>\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.footer\"\n            :class=\"nsSelect.be('dropdown', 'footer')\"\n            @click.stop\n          >\n            <slot name=\"footer\" />\n          </div>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { flattedChildren, isArray, isObject } from '@element-plus/utils'\nimport { useCalcInputWidth } from '@element-plus/hooks'\nimport { useProps } from '@element-plus/components/select-v2/src/useProps'\nimport ElOption from './option.vue'\nimport ElSelectMenu from './select-dropdown.vue'\nimport { useSelect } from './useSelect'\nimport { selectKey } from './token'\nimport ElOptions from './options'\nimport { selectEmits, selectProps } from './select'\nimport ElOptionGroup from './option-group.vue'\n\nimport type { AppConfig, AppContext, VNode } from 'vue'\nimport type { SelectContext } from './type'\n\nconst COMPONENT_NAME = 'ElSelect'\n\ntype WarnHandler = AppConfig['warnHandler']\n\ninterface WarnHandlerRecord {\n  originalWarnHandler: WarnHandler\n  handler: WarnHandler\n  count: number\n}\n\nconst warnHandlerMap = new WeakMap<AppContext, WarnHandlerRecord>()\n\nconst createSelectWarnHandler = (appContext: AppContext): WarnHandler => {\n  return (...args) => {\n    // Overrides warnings about slots not being executable outside of a render function.\n    // We call slot below just to simulate data when persist is false, this warning message should be ignored\n    const message = args[0]\n    if (\n      !message ||\n      (message.includes(\n        'Slot \"default\" invoked outside of the render function'\n      ) &&\n        args[2]?.includes('ElTreeSelect'))\n    )\n      return\n    const original = warnHandlerMap.get(appContext)?.originalWarnHandler\n    if (original) {\n      original(...args)\n      return\n    }\n    // eslint-disable-next-line no-console\n    console.warn(...args)\n  }\n}\n\nconst getWarnHandlerRecord = (appContext: AppContext): WarnHandlerRecord => {\n  let record = warnHandlerMap.get(appContext)\n  if (!record) {\n    record = {\n      originalWarnHandler: appContext.config.warnHandler,\n      handler: createSelectWarnHandler(appContext),\n      count: 0,\n    }\n    warnHandlerMap.set(appContext, record)\n  }\n  return record\n}\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n  components: {\n    ElSelectMenu,\n    ElOption,\n    ElOptions,\n    ElOptionGroup,\n    ElTag,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: selectProps,\n  emits: selectEmits,\n\n  setup(props, { emit, slots }) {\n    const instance = getCurrentInstance()!\n    const warnRecord = getWarnHandlerRecord(instance.appContext)\n    warnRecord.count += 1\n    instance.appContext.config.warnHandler = warnRecord.handler\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n\n      return multiple ? fallback : rawModelValue\n    })\n\n    const _props = reactive({\n      ...toRefs(props),\n      modelValue,\n    })\n\n    const API = useSelect(_props, emit)\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const { getLabel, getValue, getOptions, getDisabled } = useProps(props)\n\n    const getOptionProps = (option: Record<string, any>) => ({\n      label: getLabel(option),\n      value: getValue(option),\n      disabled: getDisabled(option),\n    })\n\n    const flatTreeSelectData = (data: any[]) => {\n      return data.reduce((acc, item) => {\n        acc.push(item)\n        if (item.children && item.children.length > 0) {\n          acc.push(...flatTreeSelectData(item.children))\n        }\n        return acc\n      }, [])\n    }\n\n    const manuallyRenderSlots = (vnodes: VNode[] | undefined) => {\n      // After option rendering is completed, the useSelect internal state can collect the value of each option.\n      // If the persistent value is false, option will not be rendered by default, so in this case,\n      // manually render and load option data here.\n      const children = flattedChildren(vnodes || []) as VNode[]\n      children.forEach((item) => {\n        if (\n          isObject(item) &&\n          // @ts-expect-error\n          (item.type.name === 'ElOption' || item.type.name === 'ElTree')\n        ) {\n          // @ts-expect-error\n          const _name = item.type.name\n          if (_name === 'ElTree') {\n            // tree-select component is a special case.\n            // So we need to handle it separately.\n            const treeData = item.props?.data || []\n            const flatData = flatTreeSelectData(treeData)\n            flatData.forEach((treeItem: any) => {\n              treeItem.currentLabel =\n                treeItem.label ??\n                (isObject(treeItem.value) ? '' : treeItem.value)\n              API.onOptionCreate(treeItem)\n            })\n          } else if (_name === 'ElOption') {\n            const obj = { ...item.props } as any\n            obj.currentLabel =\n              obj.label ?? (isObject(obj.value) ? '' : obj.value)\n            API.onOptionCreate(obj)\n          }\n        }\n      })\n    }\n    watch(\n      () => [\n        props.persistent || API.expanded.value || !slots.default\n          ? undefined\n          : slots.default?.(),\n        modelValue.value,\n      ],\n      () => {\n        // When persistent is false and the dropdown is closed, the menu is unmounted.\n        // We should always re-hydrate option data from slots so labels stay in sync\n        // with dynamic option list updates. Skip only when persistent is true or\n        // when the dropdown is currently expanded (mounted options will manage themselves).\n        if (props.persistent || API.expanded.value) {\n          // If persistent is true, we don't need to manually render slots.\n          return\n        }\n        // When using :options prop (no slot content), el-option components register\n        // and unregister themselves via onOptionCreate/onOptionDestroy lifecycle hooks.\n        // Calling options.clear() here would prematurely wipe options that are still\n        // mounted, causing a \"No Data\" flash during rapid open/close toggling.\n        if (!slots.default) {\n          return\n        }\n        // Reset current options snapshot before re-collecting from slots.\n        API.states.options.clear()\n        manuallyRenderSlots(slots.default?.())\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    provide(\n      selectKey,\n      reactive({\n        props: _props,\n        states: API.states,\n        selectRef: API.selectRef,\n        optionsArray: API.optionsArray,\n        setSelected: API.setSelected,\n        handleOptionSelect: API.handleOptionSelect,\n        onOptionCreate: API.onOptionCreate,\n        onOptionDestroy: API.onOptionDestroy,\n      }) as unknown as SelectContext // Avoid TS2589\n    )\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.selected.map((i) => i.currentLabel as string)\n    })\n\n    onBeforeUnmount(() => {\n      // https://github.com/element-plus/element-plus/issues/21279\n      const record = warnHandlerMap.get(instance.appContext)\n      if (!record) return\n      record.count -= 1\n      if (record.count <= 0) {\n        instance.appContext.config.warnHandler = record.originalWarnHandler\n        warnHandlerMap.delete(instance.appContext)\n      }\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      getLabel,\n      getValue,\n      getOptions,\n      getDisabled,\n      getOptionProps,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"select2.mjs","names":["_resolveComponent","_resolveDirective","_withDirectives","_openBlock","_createElementBlock","_mergeProps","_toHandlerKey","_createVNode","_withCtx","_createElementVNode","_normalizeClass","_withModifiers","_renderSlot","_createCommentVNode","_Fragment","_renderList","_normalizeStyle","_createTextVNode","_toDisplayString","_createBlock","_resolveDynamicComponent","_vShow","_sfc_main"],"sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @[mouseEnterEventName]=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :placement=\"placement\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      pure\n      trigger=\"click\"\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!states.selected.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.selected\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(item)\"\n                :class=\"nsSelect.e('selected-item')\"\n                :style=\"tagStyle\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !item.isDisabled\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"item.index\"\n                      :label=\"item.currentLabel\"\n                      :value=\"item.value\"\n                    >\n                      {{ item.currentLabel }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && states.selected.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? teleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"[\n                      nsSelect.e('selected-item'),\n                      nsSelect.e('collapse-item'),\n                    ]\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      disable-transitions\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.selected.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"item in collapseTagList\"\n                      :key=\"getValueKey(item)\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !item.isDisabled\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, item)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"item.index\"\n                            :label=\"item.currentLabel\"\n                            :value=\"item.value\"\n                          >\n                            {{ item.currentLabel }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (multiple && !states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                type=\"text\"\n                :name=\"name\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                :autocomplete=\"autocomplete\"\n                :style=\"inputStyle\"\n                :tabindex=\"tabindex\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                :aria-activedescendant=\"hoverOption?.id || ''\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"dropdownMenuVisible\"\n                :aria-label=\"ariaLabel\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                @keydown=\"handleKeydown\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @input=\"onInput\"\n                @change.stop\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"getOption(modelValue!).index\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent && !showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsSelect.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsSelect.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click=\"handleClearClick\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu ref=\"menuRef\">\n          <div\n            v-if=\"$slots.header\"\n            :class=\"nsSelect.be('dropdown', 'header')\"\n            @click.stop\n          >\n            <slot name=\"header\" />\n          </div>\n          <el-scrollbar\n            v-show=\"states.options.size > 0 && !loading\"\n            :id=\"contentId\"\n            ref=\"scrollbarRef\"\n            tag=\"ul\"\n            :wrap-class=\"nsSelect.be('dropdown', 'wrap')\"\n            :view-class=\"nsSelect.be('dropdown', 'list')\"\n            :class=\"[nsSelect.is('empty', filteredOptionsCount === 0)]\"\n            role=\"listbox\"\n            :aria-label=\"ariaLabel\"\n            aria-orientation=\"vertical\"\n            @scroll=\"popupScroll\"\n            @end-reached=\"endReached\"\n          >\n            <el-option\n              v-if=\"showNewOption\"\n              :value=\"states.inputValue\"\n              :created=\"true\"\n            />\n            <el-options>\n              <slot>\n                <template v-for=\"(option, index) in options\" :key=\"index\">\n                  <el-option-group\n                    v-if=\"getOptions(option)?.length\"\n                    :label=\"getLabel(option)\"\n                    :disabled=\"getDisabled(option)\"\n                  >\n                    <el-option\n                      v-for=\"item in getOptions(option)\"\n                      :key=\"getValue(item)\"\n                      v-bind=\"getOptionProps(item)\"\n                    />\n                  </el-option-group>\n                  <el-option v-else v-bind=\"getOptionProps(option)\" />\n                </template>\n              </slot>\n            </el-options>\n          </el-scrollbar>\n          <div\n            v-if=\"$slots.loading && loading\"\n            :class=\"nsSelect.be('dropdown', 'loading')\"\n          >\n            <slot name=\"loading\" />\n          </div>\n          <div\n            v-else-if=\"loading || filteredOptionsCount === 0\"\n            :class=\"nsSelect.be('dropdown', 'empty')\"\n          >\n            <slot name=\"empty\">\n              <span>{{ emptyText }}</span>\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.footer\"\n            :class=\"nsSelect.be('dropdown', 'footer')\"\n            @click.stop\n          >\n            <slot name=\"footer\" />\n          </div>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { flattedChildren, isArray, isObject } from '@element-plus/utils'\nimport { useCalcInputWidth } from '@element-plus/hooks'\nimport { useProps } from '@element-plus/components/select-v2/src/useProps'\nimport ElOption from './option.vue'\nimport ElSelectMenu from './select-dropdown.vue'\nimport { useSelect } from './useSelect'\nimport { selectKey } from './token'\nimport ElOptions from './options'\nimport { selectEmits, selectProps } from './select'\nimport ElOptionGroup from './option-group.vue'\n\nimport type { AppConfig, AppContext, VNode } from 'vue'\nimport type { SelectContext } from './type'\n\nconst COMPONENT_NAME = 'ElSelect'\n\ntype WarnHandler = AppConfig['warnHandler']\n\ninterface WarnHandlerRecord {\n  originalWarnHandler: WarnHandler\n  handler: WarnHandler\n  count: number\n}\n\nconst warnHandlerMap = new WeakMap<AppContext, WarnHandlerRecord>()\n\nconst createSelectWarnHandler = (appContext: AppContext): WarnHandler => {\n  return (...args) => {\n    // Overrides warnings about slots not being executable outside of a render function.\n    // We call slot below just to simulate data when persist is false, this warning message should be ignored\n    const message = args[0]\n    if (\n      !message ||\n      (message.includes(\n        'Slot \"default\" invoked outside of the render function'\n      ) &&\n        args[2]?.includes('ElTreeSelect'))\n    )\n      return\n    const original = warnHandlerMap.get(appContext)?.originalWarnHandler\n    if (original) {\n      original(...args)\n      return\n    }\n    // eslint-disable-next-line no-console\n    console.warn(...args)\n  }\n}\n\nconst getWarnHandlerRecord = (appContext: AppContext): WarnHandlerRecord => {\n  let record = warnHandlerMap.get(appContext)\n  if (!record) {\n    record = {\n      originalWarnHandler: appContext.config.warnHandler,\n      handler: createSelectWarnHandler(appContext),\n      count: 0,\n    }\n    warnHandlerMap.set(appContext, record)\n  }\n  return record\n}\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n  components: {\n    ElSelectMenu,\n    ElOption,\n    ElOptions,\n    ElOptionGroup,\n    ElTag,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: selectProps,\n  emits: selectEmits,\n\n  setup(props, { emit, slots }) {\n    const instance = getCurrentInstance()!\n    const warnRecord = getWarnHandlerRecord(instance.appContext)\n    warnRecord.count += 1\n    instance.appContext.config.warnHandler = warnRecord.handler\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n\n      return multiple ? fallback : rawModelValue\n    })\n\n    const _props = reactive({\n      ...toRefs(props),\n      modelValue,\n    })\n\n    const API = useSelect(_props, emit)\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const { getLabel, getValue, getOptions, getDisabled } = useProps(props)\n\n    const getOptionProps = (option: Record<string, any>) => ({\n      label: getLabel(option),\n      value: getValue(option),\n      disabled: getDisabled(option),\n    })\n\n    const flatTreeSelectData = (data: any[]) => {\n      return data.reduce((acc, item) => {\n        acc.push(item)\n        if (item.children && item.children.length > 0) {\n          acc.push(...flatTreeSelectData(item.children))\n        }\n        return acc\n      }, [])\n    }\n\n    const manuallyRenderSlots = (vnodes: VNode[] | undefined) => {\n      // After option rendering is completed, the useSelect internal state can collect the value of each option.\n      // If the persistent value is false, option will not be rendered by default, so in this case,\n      // manually render and load option data here.\n      const children = flattedChildren(vnodes || []) as VNode[]\n      children.forEach((item) => {\n        if (\n          isObject(item) &&\n          // @ts-expect-error\n          (item.type.name === 'ElOption' || item.type.name === 'ElTree')\n        ) {\n          // @ts-expect-error\n          const _name = item.type.name\n          if (_name === 'ElTree') {\n            // tree-select component is a special case.\n            // So we need to handle it separately.\n            const treeData = item.props?.data || []\n            const flatData = flatTreeSelectData(treeData)\n            flatData.forEach((treeItem: any) => {\n              treeItem.currentLabel =\n                treeItem.label ??\n                (isObject(treeItem.value) ? '' : treeItem.value)\n              API.onOptionCreate(treeItem)\n            })\n          } else if (_name === 'ElOption') {\n            const obj = { ...item.props } as any\n            obj.currentLabel =\n              obj.label ?? (isObject(obj.value) ? '' : obj.value)\n            API.onOptionCreate(obj)\n          }\n        }\n      })\n    }\n    watch(\n      () => [\n        props.persistent || API.expanded.value || !slots.default\n          ? undefined\n          : slots.default?.(),\n        modelValue.value,\n      ],\n      () => {\n        // When persistent is false and the dropdown is closed, the menu is unmounted.\n        // We should always re-hydrate option data from slots so labels stay in sync\n        // with dynamic option list updates. Skip only when persistent is true or\n        // when the dropdown is currently expanded (mounted options will manage themselves).\n        if (props.persistent || API.expanded.value) {\n          // If persistent is true, we don't need to manually render slots.\n          return\n        }\n        // When using :options prop (no slot content), el-option components register\n        // and unregister themselves via onOptionCreate/onOptionDestroy lifecycle hooks.\n        // Calling options.clear() here would prematurely wipe options that are still\n        // mounted, causing a \"No Data\" flash during rapid open/close toggling.\n        if (!slots.default) {\n          return\n        }\n        // Reset current options snapshot before re-collecting from slots.\n        API.states.options.clear()\n        manuallyRenderSlots(slots.default?.())\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    provide(\n      selectKey,\n      reactive({\n        selectDisabled: API.selectDisabled,\n        props: _props,\n        states: API.states,\n        selectRef: API.selectRef,\n        optionsArray: API.optionsArray,\n        setSelected: API.setSelected,\n        handleOptionSelect: API.handleOptionSelect,\n        onOptionCreate: API.onOptionCreate,\n        onOptionDestroy: API.onOptionDestroy,\n      }) as unknown as SelectContext // Avoid TS2589\n    )\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.selected.map((i) => i.currentLabel as string)\n    })\n\n    onBeforeUnmount(() => {\n      // https://github.com/element-plus/element-plus/issues/21279\n      const record = warnHandlerMap.get(instance.appContext)\n      if (!record) return\n      record.count -= 1\n      if (record.count <= 0) {\n        instance.appContext.config.warnHandler = record.originalWarnHandler\n        warnHandlerMap.delete(instance.appContext)\n      }\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      getLabel,\n      getValue,\n      getOptions,\n      getDisabled,\n      getOptionProps,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}

package/es/components/select/src/type.d.ts

@@ -7,6 +7,7 @@ interface SelectGroupContext {
   disabled: boolean;
 }
 interface SelectContext {
+  selectDisabled: boolean;
   props: SelectProps;
   states: SelectStates;
   selectRef: HTMLElement | undefined;

package/es/components/select/src/useOption.d.ts

@@ -5,8 +5,8 @@ import * as _$vue from "vue";
 //#region ../../packages/components/select/src/useOption.d.ts
 declare function useOption(props: OptionProps, states: OptionStates): {
   select: SelectContext;
-  currentLabel: _$vue.ComputedRef<boolean | EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
-  currentValue: _$vue.ComputedRef<true | Record<string, any> | EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+  currentLabel: _$vue.ComputedRef<boolean | EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
+  currentValue: _$vue.ComputedRef<true | Record<string, any> | EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
   itemSelected: _$vue.ComputedRef<boolean>;
   isDisabled: _$vue.ComputedRef<boolean>;
   hoverItem: () => void;

package/es/components/select/src/useOption.mjs

@@ -27,7 +27,7 @@ function useOption(props, states) {
 		return props.value || props.label || "";
 	});
 	const isDisabled = computed(() => {
-		return props.disabled || states.groupDisabled || limitReached.value;
+		return select.selectDisabled || props.disabled || states.groupDisabled || limitReached.value;
 	});
 	const instance = getCurrentInstance();
 	const contains = (arr = [], target) => {

package/es/components/select/src/useOption.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOption.mjs","names":[],"sources":["../../../../../../packages/components/select/src/useOption.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, toRaw, watch } from 'vue'\nimport { get, isEqual } from 'lodash-unified'\nimport {\n  ensureArray,\n  escapeStringRegexp,\n  isObject,\n  throwError,\n} from '@element-plus/utils'\nimport { selectGroupKey, selectKey } from './token'\nimport { COMPONENT_NAME } from './option'\n\nimport type { OptionInternalInstance, OptionProps, OptionStates } from './type'\n\nexport function useOption(props: OptionProps, states: OptionStates) {\n  // inject\n  const select = inject(selectKey)\n  if (!select) {\n    throwError(COMPONENT_NAME, 'usage: <el-select><el-option /></el-select/>')\n  }\n  const selectGroup = inject(selectGroupKey, { disabled: false })\n\n  // computed\n  const itemSelected = computed(() => {\n    return contains(ensureArray(select.props.modelValue), props.value)\n  })\n\n  const limitReached = computed(() => {\n    if (select.props.multiple) {\n      const modelValue = ensureArray(select.props.modelValue ?? [])\n      return (\n        !itemSelected.value &&\n        modelValue.length >= select.props.multipleLimit &&\n        select.props.multipleLimit > 0\n      )\n    } else {\n      return false\n    }\n  })\n\n  const currentLabel = computed(() => {\n    return props.label ?? (isObject(props.value) ? '' : props.value)\n  })\n\n  const currentValue = computed(() => {\n    return props.value || props.label || ''\n  })\n\n  const isDisabled = computed(() => {\n    return props.disabled || states.groupDisabled || limitReached.value\n  })\n\n  const instance = getCurrentInstance()! as OptionInternalInstance\n  const contains = <T>(arr: T[] = [], target: T) => {\n    if (!isObject(props.value)) {\n      return arr && arr.includes(target)\n    } else {\n      const valueKey = select.props.valueKey\n      return (\n        arr &&\n        arr.some((item) => {\n          return toRaw(get(item, valueKey)) === get(target, valueKey)\n        })\n      )\n    }\n  }\n\n  const hoverItem = () => {\n    if (!isDisabled.value) {\n      select.states.hoveringIndex = select.optionsArray.indexOf(instance.proxy)\n    }\n  }\n\n  const updateOption = (query: string) => {\n    const regexp = new RegExp(escapeStringRegexp(query), 'i')\n    states.visible = regexp.test(String(currentLabel.value)) || props.created\n  }\n\n  watch(\n    () => currentLabel.value,\n    () => {\n      if (!props.created && !select.props.remote) select.setSelected()\n    }\n  )\n\n  watch(\n    () => props.value,\n    (val, oldVal) => {\n      const { remote, valueKey } = select.props\n      const shouldUpdate = remote ? val !== oldVal : !isEqual(val, oldVal)\n      if (shouldUpdate) {\n        select.onOptionDestroy(oldVal, instance.proxy)\n        select.onOptionCreate(instance.proxy)\n      }\n\n      if (!props.created && !remote) {\n        if (\n          valueKey &&\n          isObject(val) &&\n          isObject(oldVal) &&\n          val[valueKey] === oldVal[valueKey]\n        ) {\n          return\n        }\n        select.setSelected()\n      }\n    }\n  )\n\n  watch(\n    () => selectGroup.disabled,\n    () => {\n      states.groupDisabled = selectGroup.disabled\n    },\n    { immediate: true }\n  )\n\n  return {\n    select,\n    currentLabel,\n    currentValue,\n    itemSelected,\n    isDisabled,\n    hoverItem,\n    updateOption,\n  }\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,UAAU,OAAoB,QAAsB;CAElE,MAAM,SAAS,OAAO,SAAS;CAC/B,IAAI,CAAC,QACH,WAAW,gBAAgB,8CAA8C;CAE3E,MAAM,cAAc,OAAO,gBAAgB,EAAE,UAAU,MAAM,CAAC;CAG9D,MAAM,eAAe,eAAe;EAClC,OAAO,SAAS,YAAY,OAAO,MAAM,UAAU,GAAG,MAAM,KAAK;CACnE,CAAC;CAED,MAAM,eAAe,eAAe;EAClC,IAAI,OAAO,MAAM,UAAU;GACzB,MAAM,aAAa,YAAY,OAAO,MAAM,cAAc,CAAC,CAAC;GAC5D,OACE,CAAC,aAAa,SACd,WAAW,UAAU,OAAO,MAAM,iBAClC,OAAO,MAAM,gBAAgB;EAEjC,OACE,OAAO;CAEX,CAAC;CAED,MAAM,eAAe,eAAe;EAClC,OAAO,MAAM,UAAU,SAAS,MAAM,KAAK,IAAI,KAAK,MAAM;CAC5D,CAAC;CAED,MAAM,eAAe,eAAe;EAClC,OAAO,MAAM,SAAS,MAAM,SAAS;CACvC,CAAC;CAED,MAAM,aAAa,eAAe;EAChC,OAAO,MAAM,YAAY,OAAO,iBAAiB,aAAa;CAChE,CAAC;CAED,MAAM,WAAW,mBAAmB;CACpC,MAAM,YAAe,MAAW,CAAC,GAAG,WAAc;EAChD,IAAI,CAAC,SAAS,MAAM,KAAK,GACvB,OAAO,OAAO,IAAI,SAAS,MAAM;OAC5B;GACL,MAAM,WAAW,OAAO,MAAM;GAC9B,OACE,OACA,IAAI,MAAM,SAAS;IACjB,OAAO,MAAM,IAAI,MAAM,QAAQ,CAAC,MAAM,IAAI,QAAQ,QAAQ;GAC5D,CAAC;EAEL;CACF;CAEA,MAAM,kBAAkB;EACtB,IAAI,CAAC,WAAW,OACd,OAAO,OAAO,gBAAgB,OAAO,aAAa,QAAQ,SAAS,KAAK;CAE5E;CAEA,MAAM,gBAAgB,UAAkB;EAEtC,OAAO,UAAU,IADE,OAAO,mBAAmB,KAAK,GAAG,GAC/B,CAAC,CAAC,KAAK,OAAO,aAAa,KAAK,CAAC,KAAK,MAAM;CACpE;CAEA,YACQ,aAAa,aACb;EACJ,IAAI,CAAC,MAAM,WAAW,CAAC,OAAO,MAAM,QAAQ,OAAO,YAAY;CACjE,CACF;CAEA,YACQ,MAAM,QACX,KAAK,WAAW;EACf,MAAM,EAAE,QAAQ,aAAa,OAAO;EAEpC,IADqB,SAAS,QAAQ,SAAS,CAAC,QAAQ,KAAK,MAAM,GACjD;GAChB,OAAO,gBAAgB,QAAQ,SAAS,KAAK;GAC7C,OAAO,eAAe,SAAS,KAAK;EACtC;EAEA,IAAI,CAAC,MAAM,WAAW,CAAC,QAAQ;GAC7B,IACE,YACA,SAAS,GAAG,KACZ,SAAS,MAAM,KACf,IAAI,cAAc,OAAO,WAEzB;GAEF,OAAO,YAAY;EACrB;CACF,CACF;CAEA,YACQ,YAAY,gBACZ;EACJ,OAAO,gBAAgB,YAAY;CACrC,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"useOption.mjs","names":[],"sources":["../../../../../../packages/components/select/src/useOption.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, toRaw, watch } from 'vue'\nimport { get, isEqual } from 'lodash-unified'\nimport {\n  ensureArray,\n  escapeStringRegexp,\n  isObject,\n  throwError,\n} from '@element-plus/utils'\nimport { selectGroupKey, selectKey } from './token'\nimport { COMPONENT_NAME } from './option'\n\nimport type { OptionInternalInstance, OptionProps, OptionStates } from './type'\n\nexport function useOption(props: OptionProps, states: OptionStates) {\n  // inject\n  const select = inject(selectKey)\n  if (!select) {\n    throwError(COMPONENT_NAME, 'usage: <el-select><el-option /></el-select/>')\n  }\n  const selectGroup = inject(selectGroupKey, { disabled: false })\n\n  // computed\n  const itemSelected = computed(() => {\n    return contains(ensureArray(select.props.modelValue), props.value)\n  })\n\n  const limitReached = computed(() => {\n    if (select.props.multiple) {\n      const modelValue = ensureArray(select.props.modelValue ?? [])\n      return (\n        !itemSelected.value &&\n        modelValue.length >= select.props.multipleLimit &&\n        select.props.multipleLimit > 0\n      )\n    } else {\n      return false\n    }\n  })\n\n  const currentLabel = computed(() => {\n    return props.label ?? (isObject(props.value) ? '' : props.value)\n  })\n\n  const currentValue = computed(() => {\n    return props.value || props.label || ''\n  })\n\n  const isDisabled = computed(() => {\n    return (\n      select.selectDisabled ||\n      props.disabled ||\n      states.groupDisabled ||\n      limitReached.value\n    )\n  })\n\n  const instance = getCurrentInstance()! as OptionInternalInstance\n  const contains = <T>(arr: T[] = [], target: T) => {\n    if (!isObject(props.value)) {\n      return arr && arr.includes(target)\n    } else {\n      const valueKey = select.props.valueKey\n      return (\n        arr &&\n        arr.some((item) => {\n          return toRaw(get(item, valueKey)) === get(target, valueKey)\n        })\n      )\n    }\n  }\n\n  const hoverItem = () => {\n    if (!isDisabled.value) {\n      select.states.hoveringIndex = select.optionsArray.indexOf(instance.proxy)\n    }\n  }\n\n  const updateOption = (query: string) => {\n    const regexp = new RegExp(escapeStringRegexp(query), 'i')\n    states.visible = regexp.test(String(currentLabel.value)) || props.created\n  }\n\n  watch(\n    () => currentLabel.value,\n    () => {\n      if (!props.created && !select.props.remote) select.setSelected()\n    }\n  )\n\n  watch(\n    () => props.value,\n    (val, oldVal) => {\n      const { remote, valueKey } = select.props\n      const shouldUpdate = remote ? val !== oldVal : !isEqual(val, oldVal)\n      if (shouldUpdate) {\n        select.onOptionDestroy(oldVal, instance.proxy)\n        select.onOptionCreate(instance.proxy)\n      }\n\n      if (!props.created && !remote) {\n        if (\n          valueKey &&\n          isObject(val) &&\n          isObject(oldVal) &&\n          val[valueKey] === oldVal[valueKey]\n        ) {\n          return\n        }\n        select.setSelected()\n      }\n    }\n  )\n\n  watch(\n    () => selectGroup.disabled,\n    () => {\n      states.groupDisabled = selectGroup.disabled\n    },\n    { immediate: true }\n  )\n\n  return {\n    select,\n    currentLabel,\n    currentValue,\n    itemSelected,\n    isDisabled,\n    hoverItem,\n    updateOption,\n  }\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,UAAU,OAAoB,QAAsB;CAElE,MAAM,SAAS,OAAO,SAAS;CAC/B,IAAI,CAAC,QACH,WAAW,gBAAgB,8CAA8C;CAE3E,MAAM,cAAc,OAAO,gBAAgB,EAAE,UAAU,MAAM,CAAC;CAG9D,MAAM,eAAe,eAAe;EAClC,OAAO,SAAS,YAAY,OAAO,MAAM,UAAU,GAAG,MAAM,KAAK;CACnE,CAAC;CAED,MAAM,eAAe,eAAe;EAClC,IAAI,OAAO,MAAM,UAAU;GACzB,MAAM,aAAa,YAAY,OAAO,MAAM,cAAc,CAAC,CAAC;GAC5D,OACE,CAAC,aAAa,SACd,WAAW,UAAU,OAAO,MAAM,iBAClC,OAAO,MAAM,gBAAgB;EAEjC,OACE,OAAO;CAEX,CAAC;CAED,MAAM,eAAe,eAAe;EAClC,OAAO,MAAM,UAAU,SAAS,MAAM,KAAK,IAAI,KAAK,MAAM;CAC5D,CAAC;CAED,MAAM,eAAe,eAAe;EAClC,OAAO,MAAM,SAAS,MAAM,SAAS;CACvC,CAAC;CAED,MAAM,aAAa,eAAe;EAChC,OACE,OAAO,kBACP,MAAM,YACN,OAAO,iBACP,aAAa;CAEjB,CAAC;CAED,MAAM,WAAW,mBAAmB;CACpC,MAAM,YAAe,MAAW,CAAC,GAAG,WAAc;EAChD,IAAI,CAAC,SAAS,MAAM,KAAK,GACvB,OAAO,OAAO,IAAI,SAAS,MAAM;OAC5B;GACL,MAAM,WAAW,OAAO,MAAM;GAC9B,OACE,OACA,IAAI,MAAM,SAAS;IACjB,OAAO,MAAM,IAAI,MAAM,QAAQ,CAAC,MAAM,IAAI,QAAQ,QAAQ;GAC5D,CAAC;EAEL;CACF;CAEA,MAAM,kBAAkB;EACtB,IAAI,CAAC,WAAW,OACd,OAAO,OAAO,gBAAgB,OAAO,aAAa,QAAQ,SAAS,KAAK;CAE5E;CAEA,MAAM,gBAAgB,UAAkB;EAEtC,OAAO,UAAU,IADE,OAAO,mBAAmB,KAAK,GAAG,GAC/B,CAAC,CAAC,KAAK,OAAO,aAAa,KAAK,CAAC,KAAK,MAAM;CACpE;CAEA,YACQ,aAAa,aACb;EACJ,IAAI,CAAC,MAAM,WAAW,CAAC,OAAO,MAAM,QAAQ,OAAO,YAAY;CACjE,CACF;CAEA,YACQ,MAAM,QACX,KAAK,WAAW;EACf,MAAM,EAAE,QAAQ,aAAa,OAAO;EAEpC,IADqB,SAAS,QAAQ,SAAS,CAAC,QAAQ,KAAK,MAAM,GACjD;GAChB,OAAO,gBAAgB,QAAQ,SAAS,KAAK;GAC7C,OAAO,eAAe,SAAS,KAAK;EACtC;EAEA,IAAI,CAAC,MAAM,WAAW,CAAC,QAAQ;GAC7B,IACE,YACA,SAAS,GAAG,KACZ,SAAS,MAAM,KACf,IAAI,cAAc,OAAO,WAEzB;GAEF,OAAO,YAAY;EACrB;CACF,CACF;CAEA,YACQ,YAAY,gBACZ;EACJ,OAAO,gBAAgB,YAAY;CACrC,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/components/select/src/useSelect.d.ts

@@ -49,8 +49,8 @@ declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
   };
   states: {
     inputValue: string;
-    options: Map<EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
-    cachedOptions: Map<EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
+    options: Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
+    cachedOptions: Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
     optionValues: OptionValue[];
     selected: {
       index: number;
@@ -70,7 +70,7 @@ declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
   expanded: _$vue.Ref<boolean, boolean>;
   optionsArray: _$vue.ComputedRef<OptionPublicInstance[]>;
   hoverOption: _$vue.Ref<any, any>;
-  selectSize: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+  selectSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   filteredOptionsCount: _$vue.ComputedRef<number>;
   updateTooltip: () => void;
   updateTagTooltip: () => void;
@@ -89,8 +89,8 @@ declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
   showClearBtn: _$vue.ComputedRef<boolean>;
   iconComponent: _$vue.ComputedRef<EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>>;
   iconReverse: _$vue.ComputedRef<string>;
-  validateState: _$vue.ComputedRef<"" | "success" | "error" | "validating">;
-  validateIcon: _$vue.ComputedRef<Component | "">;
+  validateState: _$vue.ComputedRef<"" | "error" | "validating" | "success">;
+  validateIcon: _$vue.ComputedRef<"" | Component>;
   showNewOption: _$vue.ComputedRef<boolean>;
   updateOptions: () => void;
   collapseTagSize: _$vue.ComputedRef<"default" | "small">;
@@ -132,11 +132,11 @@ declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
   }) => void;
   getOption: (value: OptionValue) => {
     index: number;
-    value: EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>;
+    value: EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>;
     currentLabel: any;
   } | {
     index: number;
-    value: EpPropMergeType<(BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[], unknown, unknown>;
+    value: EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>;
     currentLabel: string | number | boolean;
     readonly isDisabled: boolean;
   };

package/es/components/select/src/useSelect.mjs

@@ -324,6 +324,7 @@ const useSelect = (props, emit) => {
 		focus();
 	};
 	const handleOptionSelect = (option) => {
+		if (selectDisabled.value) return;
 		if (props.multiple) {
 			const value = ensureArray(props.modelValue ?? []).slice();
 			const optionIndex = getValueIndex(value, option);