@element-plus/nightly 0.0.20261101 → 0.0.20261103

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.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

@@ -89,7 +89,7 @@ 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<"" | "error" | "success" | "validating">;
+  validateState: _$vue.ComputedRef<"" | "success" | "error" | "validating">;
   validateIcon: _$vue.ComputedRef<"" | Component>;
   showNewOption: _$vue.ComputedRef<boolean>;
   updateOptions: () => void;

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);

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

@@ -1 +1 @@
-{"version":3,"file":"useSelect.mjs","names":["isUndefined","isClient","isPlainObject","clamp"],"sources":["../../../../../../packages/components/select/src/useSelect.ts"],"sourcesContent":["import {\n  computed,\n  nextTick,\n  onMounted,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n  watchEffect,\n} from 'vue'\nimport { clamp, findLastIndex, get, isEqual, isNil } from 'lodash-unified'\nimport { useDebounceFn, useResizeObserver } from '@vueuse/core'\nimport {\n  NOOP,\n  ValidateComponentsMap,\n  ensureArray,\n  getEventCode,\n  isArray,\n  isClient,\n  isEmpty,\n  isFunction,\n  isIOS,\n  isNumber,\n  isObject,\n  isPlainObject,\n  isUndefined,\n  scrollIntoView,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  MINIMUM_INPUT_WIDTH,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport {\n  useComposition,\n  useEmptyValues,\n  useFocusController,\n  useId,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\n\nimport type { Component } from 'vue'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type {\n  ScrollbarDirection,\n  ScrollbarInstance,\n} from '@element-plus/components/scrollbar'\nimport type { SelectEmits, SelectProps } from './select'\nimport type {\n  OptionBasic,\n  OptionPublicInstance,\n  OptionValue,\n  SelectStates,\n} from './type'\n\nexport const useSelect = (props: SelectProps, emit: SelectEmits) => {\n  const { t } = useLocale()\n  const slots = useSlots()\n  const contentId = useId()\n  const nsSelect = useNamespace('select')\n  const nsInput = useNamespace('input')\n\n  const states = reactive<SelectStates>({\n    inputValue: '',\n    options: new Map(),\n    cachedOptions: new Map(),\n    optionValues: [], // sorted value of options\n    selected: [],\n    collapseItemWidth: 0,\n    selectedLabel: '',\n    hoveringIndex: -1,\n    previousQuery: null,\n    inputHovering: false,\n    menuVisibleOnFocus: false,\n    isBeforeHide: false,\n  })\n\n  // template refs\n  const selectRef = ref<HTMLElement>()\n  const selectionRef = ref<HTMLElement>()\n  const tooltipRef = ref<TooltipInstance>()\n  const tagTooltipRef = ref<TooltipInstance>()\n  const inputRef = ref<HTMLInputElement>()\n  const prefixRef = ref<HTMLElement>()\n  const suffixRef = ref<HTMLElement>()\n  const menuRef = ref<HTMLElement>()\n  const tagMenuRef = ref<HTMLElement>()\n  const collapseItemRef = ref<HTMLElement>()\n  const scrollbarRef = ref<ScrollbarInstance>()\n  // the controller of the expanded popup\n  const expanded = ref(false)\n  const hoverOption = ref()\n  const debouncing = ref(false)\n\n  const { form, formItem } = useFormItem()\n  const { inputId } = useFormItemInputId(props, {\n    formItemContext: formItem,\n  })\n  const { valueOnClear, isEmptyValue } = useEmptyValues(props)\n\n  const {\n    isComposing,\n    handleCompositionStart,\n    handleCompositionUpdate,\n    handleCompositionEnd,\n  } = useComposition({\n    afterComposition: (e) => onInput(e),\n  })\n\n  const selectDisabled = useFormDisabled()\n\n  const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {\n    disabled: selectDisabled,\n    afterFocus() {\n      if (props.automaticDropdown && !expanded.value) {\n        expanded.value = true\n        states.menuVisibleOnFocus = true\n      }\n    },\n    beforeBlur(event) {\n      return (\n        tooltipRef.value?.isFocusInsideContent(event) ||\n        tagTooltipRef.value?.isFocusInsideContent(event)\n      )\n    },\n    afterBlur() {\n      expanded.value = false\n      states.menuVisibleOnFocus = false\n      if (props.validateEvent) {\n        formItem?.validate?.('blur').catch(NOOP)\n      }\n    },\n  })\n\n  const hasModelValue = computed(() => {\n    return isArray(props.modelValue)\n      ? props.modelValue.length > 0\n      : !isEmptyValue(props.modelValue)\n  })\n\n  const needStatusIcon = computed(() => form?.statusIcon ?? false)\n\n  const showClearBtn = computed(() => {\n    return (\n      props.clearable &&\n      !selectDisabled.value &&\n      hasModelValue.value &&\n      (isFocused.value || states.inputHovering)\n    )\n  })\n  const iconComponent = computed(() =>\n    props.remote && props.filterable && !props.remoteShowSuffix\n      ? ''\n      : props.suffixIcon\n  )\n  const iconReverse = computed(() =>\n    nsSelect.is('reverse', !!(iconComponent.value && expanded.value))\n  )\n\n  const validateState = computed(() => formItem?.validateState || '')\n  const validateIcon = computed(\n    () =>\n      validateState.value &&\n      (ValidateComponentsMap[validateState.value] as Component)\n  )\n\n  const debounce = computed(() => (props.remote ? props.debounce : 0))\n\n  const isRemoteSearchEmpty = computed(\n    () => props.remote && !states.inputValue && states.options.size === 0\n  )\n\n  const emptyText = computed(() => {\n    if (props.loading) {\n      return props.loadingText || t('el.select.loading')\n    } else {\n      if (\n        props.filterable &&\n        states.inputValue &&\n        states.options.size > 0 &&\n        filteredOptionsCount.value === 0\n      ) {\n        return props.noMatchText || t('el.select.noMatch')\n      }\n      if (states.options.size === 0) {\n        return props.noDataText || t('el.select.noData')\n      }\n    }\n    return null\n  })\n\n  const filteredOptionsCount = computed(\n    () => optionsArray.value.filter((option) => option.visible).length\n  )\n\n  const optionsArray = computed(() => {\n    const list = Array.from(states.options.values())\n    const newList: OptionPublicInstance[] = []\n    states.optionValues.forEach((item) => {\n      const index = list.findIndex((i) => i.value === item)\n      if (index > -1) {\n        newList.push(list[index])\n      }\n    })\n    return newList.length >= list.length ? newList : list\n  })\n\n  const cachedOptionsArray = computed(() =>\n    Array.from(states.cachedOptions.values())\n  )\n\n  const showNewOption = computed(() => {\n    const hasExistingOption = optionsArray.value\n      .filter((option) => {\n        return !option.created\n      })\n      .some((option) => {\n        return option.currentLabel === states.inputValue\n      })\n    return (\n      props.filterable &&\n      props.allowCreate &&\n      states.inputValue !== '' &&\n      !hasExistingOption\n    )\n  })\n\n  const updateOptions = () => {\n    if (props.filterable && isFunction(props.filterMethod)) return\n    if (props.filterable && props.remote && isFunction(props.remoteMethod))\n      return\n    optionsArray.value.forEach((option) => {\n      option.updateOption?.(states.inputValue)\n    })\n  }\n\n  const selectSize = useFormSize()\n\n  const collapseTagSize = computed(() =>\n    ['small'].includes(selectSize.value) ? 'small' : 'default'\n  )\n\n  const dropdownMenuVisible = computed({\n    get() {\n      return (\n        expanded.value &&\n        (props.loading ||\n          !isRemoteSearchEmpty.value ||\n          (props.remote && !!slots.empty)) &&\n        (!debouncing.value ||\n          !isEmpty(states.previousQuery) ||\n          states.options.size > 0)\n      )\n    },\n    set(val: boolean) {\n      expanded.value = val\n    },\n  })\n\n  const shouldShowPlaceholder = computed(() => {\n    if (props.multiple && !isUndefined(props.modelValue)) {\n      return ensureArray(props.modelValue).length === 0 && !states.inputValue\n    }\n    const value = isArray(props.modelValue)\n      ? props.modelValue[0]\n      : props.modelValue\n    return props.filterable || isUndefined(value) ? !states.inputValue : true\n  })\n\n  const currentPlaceholder = computed(() => {\n    const _placeholder = props.placeholder ?? t('el.select.placeholder')\n    return props.multiple || !hasModelValue.value\n      ? _placeholder\n      : states.selectedLabel\n  })\n\n  // iOS Safari does not handle click events when a mouseenter event is registered and a DOM-change happens in a child\n  // We use a Vue custom event binding to only register the event on non-iOS devices\n  // ref.: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html\n  // Github Issue: https://github.com/vuejs/vue/issues/9859\n  const mouseEnterEventName = isIOS ? null : 'mouseenter'\n\n  watch(\n    () => props.modelValue,\n    (val, oldVal) => {\n      if (props.multiple) {\n        if (props.filterable && !props.reserveKeyword) {\n          states.inputValue = ''\n          handleQueryChange('')\n        }\n      }\n      setSelected()\n      if (!isEqual(val, oldVal) && props.validateEvent) {\n        formItem?.validate('change').catch(NOOP)\n      }\n    },\n    {\n      flush: 'post',\n      deep: true,\n    }\n  )\n\n  watch(\n    () => expanded.value,\n    (val) => {\n      if (val) {\n        handleQueryChange(states.inputValue)\n      } else {\n        states.inputValue = ''\n        states.previousQuery = null\n        states.isBeforeHide = true\n        states.menuVisibleOnFocus = false\n      }\n    }\n  )\n\n  watch(\n    // fix `Array.prototype.push/splice/..` cannot trigger non-deep watcher\n    // https://github.com/vuejs/vue-next/issues/2116\n    () => states.options.entries(),\n    () => {\n      if (!isClient) return\n      // tooltipRef.value?.updatePopper?.()\n      setSelected()\n      if (\n        props.defaultFirstOption &&\n        (props.filterable || props.remote) &&\n        filteredOptionsCount.value\n      ) {\n        checkDefaultFirstOption()\n      }\n    },\n    {\n      flush: 'post',\n    }\n  )\n\n  watch([() => states.hoveringIndex, optionsArray], ([val]) => {\n    if (isNumber(val) && val > -1) {\n      hoverOption.value = optionsArray.value[val] || {}\n    } else {\n      hoverOption.value = {}\n    }\n    optionsArray.value.forEach((option) => {\n      option.hover = hoverOption.value === option\n    })\n  })\n\n  watchEffect(() => {\n    // Anything could cause options changed, then update options\n    // If you want to control it by condition, write here\n    if (states.isBeforeHide) return\n    updateOptions()\n  })\n\n  const handleQueryChange = (val: string) => {\n    if (states.previousQuery === val || isComposing.value) {\n      return\n    }\n    states.previousQuery = val\n    if (props.filterable && isFunction(props.filterMethod)) {\n      props.filterMethod(val)\n    } else if (\n      props.filterable &&\n      props.remote &&\n      isFunction(props.remoteMethod)\n    ) {\n      props.remoteMethod(val)\n    }\n    if (\n      props.defaultFirstOption &&\n      (props.filterable || props.remote) &&\n      filteredOptionsCount.value\n    ) {\n      nextTick(checkDefaultFirstOption)\n    } else {\n      nextTick(updateHoveringIndex)\n    }\n  }\n\n  /**\n   * find and highlight first option as default selected\n   * @remark\n   * - if the first option in dropdown list is user-created,\n   *   it would be at the end of the optionsArray\n   *   so find it and set hover.\n   *   (NOTE: there must be only one user-created option in dropdown list with query)\n   * - if there's no user-created option in list, just find the first one as usual\n   *   (NOTE: exclude options that are disabled or in disabled-group)\n   */\n  const checkDefaultFirstOption = () => {\n    const optionsInDropdown = optionsArray.value.filter(\n      (n) => n.visible && !n.disabled && !n.states.groupDisabled\n    )\n    const userCreatedOption = optionsInDropdown.find((n) => n.created)\n    const firstOriginOption = optionsInDropdown[0]\n    const valueList = optionsArray.value.map((item) => item.value)\n    states.hoveringIndex = getValueIndex(\n      valueList,\n      userCreatedOption || firstOriginOption\n    )\n  }\n\n  const setSelected = () => {\n    if (!props.multiple) {\n      const value = isArray(props.modelValue)\n        ? props.modelValue[0]\n        : props.modelValue\n      const option = getOption(value)\n      states.selectedLabel = option.currentLabel\n      states.selected = [option]\n      return\n    } else {\n      states.selectedLabel = ''\n    }\n    const result: SelectStates['selected'] = []\n    if (!isUndefined(props.modelValue)) {\n      ensureArray(props.modelValue).forEach((value) => {\n        result.push(getOption(value))\n      })\n    }\n    states.selected = result\n  }\n\n  const getOption = (value: OptionValue) => {\n    let option\n    const isObjectValue = isPlainObject(value)\n\n    for (let i = states.cachedOptions.size - 1; i >= 0; i--) {\n      const cachedOption = cachedOptionsArray.value[i]\n      const isEqualValue = isObjectValue\n        ? get(cachedOption.value, props.valueKey) === get(value, props.valueKey)\n        : cachedOption.value === value\n      if (isEqualValue) {\n        option = {\n          index: optionsArray.value\n            .filter((opt) => !opt.created)\n            .indexOf(cachedOption),\n          value,\n          currentLabel: cachedOption.currentLabel,\n          get isDisabled() {\n            return cachedOption.isDisabled\n          },\n        }\n        break\n      }\n    }\n    if (option) return option\n\n    const existingSelected = states.selected.find((item) =>\n      isObjectValue\n        ? get(item.value, props.valueKey) === get(value, props.valueKey)\n        : item.value === value\n    )\n    const label = isObjectValue\n      ? value.label\n      : existingSelected\n        ? existingSelected.currentLabel\n        : (value ?? '')\n    const newOption = {\n      index: -1,\n      value,\n      currentLabel: label,\n    }\n    return newOption\n  }\n\n  const updateHoveringIndex = () => {\n    const length = states.selected.length\n    if (length > 0) {\n      const lastOption = states.selected[length - 1]\n      states.hoveringIndex = optionsArray.value.findIndex(\n        (item) => getValueKey(lastOption) === getValueKey(item)\n      )\n    } else {\n      states.hoveringIndex = -1\n    }\n  }\n\n  const resetCollapseItemWidth = () => {\n    states.collapseItemWidth =\n      collapseItemRef.value!.getBoundingClientRect().width\n  }\n\n  const updateTooltip = () => {\n    tooltipRef.value?.updatePopper?.()\n  }\n\n  const updateTagTooltip = () => {\n    tagTooltipRef.value?.updatePopper?.()\n  }\n\n  const onInputChange = () => {\n    if (states.inputValue.length > 0 && !expanded.value) {\n      expanded.value = true\n    }\n    handleQueryChange(states.inputValue)\n  }\n\n  const onInput = (event: Event) => {\n    states.inputValue = (event.target as HTMLInputElement).value\n    if (props.remote) {\n      debouncing.value = true\n      debouncedOnInputChange()\n    } else {\n      return onInputChange()\n    }\n  }\n\n  const debouncedOnInputChange = useDebounceFn(() => {\n    onInputChange()\n    debouncing.value = false\n  }, debounce)\n\n  const emitChange = (val: OptionValue | OptionValue[]) => {\n    if (!isEqual(props.modelValue, val)) {\n      emit(CHANGE_EVENT, val)\n    }\n  }\n\n  const getLastNotDisabledIndex = (value: OptionValue[]) =>\n    findLastIndex(value, (it) => {\n      const option = states.cachedOptions.get(it)\n      return !option?.disabled && !option?.states.groupDisabled\n    })\n\n  const deletePrevTag = (e: KeyboardEvent) => {\n    const code = getEventCode(e)\n    if (!props.multiple) return\n    if (code === EVENT_CODE.delete) return\n    if ((e.target as HTMLInputElement).value.length <= 0) {\n      const value = ensureArray(props.modelValue).slice()\n      const lastNotDisabledIndex = getLastNotDisabledIndex(value)\n      if (lastNotDisabledIndex < 0) return\n      const removeTagValue = value[lastNotDisabledIndex]\n      value.splice(lastNotDisabledIndex, 1)\n      emit(UPDATE_MODEL_EVENT, value)\n      emitChange(value)\n      emit('remove-tag', removeTagValue)\n    }\n  }\n\n  const deleteTag = (event: MouseEvent, tag: OptionBasic) => {\n    const index = states.selected.indexOf(tag)\n    if (index > -1 && !selectDisabled.value) {\n      const value = ensureArray(props.modelValue).slice()\n      value.splice(index, 1)\n      emit(UPDATE_MODEL_EVENT, value)\n      emitChange(value)\n      emit('remove-tag', tag.value)\n    }\n    event.stopPropagation()\n    focus()\n  }\n\n  const deleteSelected = (event: Event) => {\n    event.stopPropagation()\n    const value = props.multiple ? [] : valueOnClear.value\n    if (props.multiple) {\n      for (const item of states.selected) {\n        if (item.isDisabled) value.push(item.value)\n      }\n    }\n    emit(UPDATE_MODEL_EVENT, value)\n    emitChange(value)\n    states.hoveringIndex = -1\n    expanded.value = false\n    emit('clear')\n    focus()\n  }\n\n  const handleOptionSelect = (option: OptionPublicInstance) => {\n    if (props.multiple) {\n      const value = ensureArray(props.modelValue ?? []).slice()\n      const optionIndex = getValueIndex(value, option)\n      if (optionIndex > -1) {\n        value.splice(optionIndex, 1)\n      } else if (\n        props.multipleLimit <= 0 ||\n        value.length < props.multipleLimit\n      ) {\n        value.push(option.value)\n      }\n      emit(UPDATE_MODEL_EVENT, value)\n      emitChange(value)\n      if (option.created) {\n        handleQueryChange('')\n      }\n      if (props.filterable && (option.created || !props.reserveKeyword)) {\n        states.inputValue = ''\n      }\n    } else {\n      !isEqual(props.modelValue, option.value) &&\n        emit(UPDATE_MODEL_EVENT, option.value)\n      emitChange(option.value)\n      expanded.value = false\n    }\n    focus()\n    if (expanded.value) return\n    nextTick(() => {\n      scrollToOption(option)\n    })\n  }\n\n  const getValueIndex = (arr: OptionValue[], option: OptionPublicInstance) => {\n    if (isUndefined(option)) return -1\n    if (!isObject(option.value)) return arr.indexOf(option.value)\n\n    return arr.findIndex((item) => {\n      return isEqual(get(item, props.valueKey), getValueKey(option))\n    })\n  }\n\n  const scrollToOption = (\n    option:\n      OptionPublicInstance | OptionPublicInstance[] | SelectStates['selected']\n  ) => {\n    const targetOption = isArray(option) ? option[option.length - 1] : option\n    let target = null\n\n    if (!isNil(targetOption?.value)) {\n      const options = optionsArray.value.filter(\n        (item) => item.value === targetOption.value\n      )\n      if (options.length > 0) {\n        target = options[0].$el\n      }\n    }\n\n    if (tooltipRef.value && target) {\n      const menu = tooltipRef.value?.popperRef?.contentRef?.querySelector?.(\n        `.${nsSelect.be('dropdown', 'wrap')}`\n      )\n      if (menu) {\n        scrollIntoView(menu as HTMLElement, target)\n      }\n    }\n    scrollbarRef.value?.handleScroll()\n  }\n\n  const onOptionCreate = (vm: OptionPublicInstance) => {\n    states.options.set(vm.value, vm)\n    states.cachedOptions.set(vm.value, vm)\n  }\n\n  const onOptionDestroy = (key: OptionValue, vm: OptionPublicInstance) => {\n    if (states.options.get(key) === vm) {\n      states.options.delete(key)\n    }\n  }\n\n  const popperRef = computed(() => {\n    return tooltipRef.value?.popperRef?.contentRef\n  })\n\n  const handleMenuEnter = () => {\n    states.isBeforeHide = false\n    nextTick(() => {\n      scrollbarRef.value?.update()\n      scrollToOption(states.selected)\n    })\n  }\n\n  const focus = () => {\n    inputRef.value?.focus()\n  }\n\n  const blur = () => {\n    if (expanded.value) {\n      expanded.value = false\n      nextTick(() => inputRef.value?.blur())\n      return\n    }\n    inputRef.value?.blur()\n  }\n\n  const handleClearClick = (event: Event) => {\n    deleteSelected(event)\n  }\n\n  const handleClickOutside = (event: Event) => {\n    expanded.value = false\n\n    if (isFocused.value) {\n      const _event = new FocusEvent('blur', event)\n      nextTick(() => handleBlur(_event))\n    }\n  }\n\n  const handleEsc = () => {\n    if (states.inputValue.length > 0) {\n      states.inputValue = ''\n    } else {\n      expanded.value = false\n    }\n  }\n\n  const toggleMenu = (event?: Event) => {\n    if (\n      selectDisabled.value ||\n      (props.filterable &&\n        expanded.value &&\n        event &&\n        !suffixRef.value?.contains(event.target as Node))\n    )\n      return\n\n    // We only set the inputHovering state to true on mouseenter event on iOS devices\n    // To keep the state updated we set it here to true\n    if (isIOS) states.inputHovering = true\n\n    if (states.menuVisibleOnFocus) {\n      // controlled by automaticDropdown\n      states.menuVisibleOnFocus = false\n    } else {\n      expanded.value = !expanded.value\n    }\n  }\n\n  const selectOption = () => {\n    if (!expanded.value) {\n      toggleMenu()\n    } else {\n      const option = optionsArray.value[states.hoveringIndex]\n      if (option && !option.isDisabled) {\n        handleOptionSelect(option)\n      }\n    }\n  }\n\n  const getValueKey = (\n    item: OptionPublicInstance | SelectStates['selected'][0]\n  ) => {\n    return isObject(item.value) ? get(item.value, props.valueKey) : item.value\n  }\n\n  const optionsAllDisabled = computed(() =>\n    optionsArray.value\n      .filter((option) => option.visible)\n      .every((option) => option.isDisabled)\n  )\n\n  const showTagList = computed(() => {\n    if (!props.multiple) {\n      return []\n    }\n    return props.collapseTags\n      ? states.selected.slice(0, props.maxCollapseTags)\n      : states.selected\n  })\n\n  const collapseTagList = computed(() => {\n    if (!props.multiple) {\n      return []\n    }\n    return props.collapseTags\n      ? states.selected.slice(props.maxCollapseTags)\n      : []\n  })\n\n  const navigateOptions = (direction: 'prev' | 'next') => {\n    if (!expanded.value) {\n      expanded.value = true\n      return\n    }\n    if (\n      states.options.size === 0 ||\n      filteredOptionsCount.value === 0 ||\n      isComposing.value\n    )\n      return\n\n    if (!optionsAllDisabled.value) {\n      if (direction === 'next') {\n        states.hoveringIndex++\n        if (states.hoveringIndex === states.options.size) {\n          states.hoveringIndex = 0\n        }\n      } else if (direction === 'prev') {\n        states.hoveringIndex--\n        if (states.hoveringIndex < 0) {\n          states.hoveringIndex = states.options.size - 1\n        }\n      }\n      const option = optionsArray.value[states.hoveringIndex]\n      if (option.isDisabled || !option.visible) {\n        navigateOptions(direction)\n      }\n      nextTick(() => scrollToOption(hoverOption.value))\n    }\n  }\n\n  const findFocusableIndex = (\n    arr: any[],\n    start: number,\n    step: number,\n    len: number\n  ) => {\n    for (let i = start; i >= 0 && i < len; i += step) {\n      const obj = arr[i]\n      if (!obj?.isDisabled && obj?.visible) {\n        return i\n      }\n    }\n    return null\n  }\n\n  const focusOption = (targetIndex: number, mode: 'up' | 'down') => {\n    const len = states.options.size\n    if (len === 0) return\n    const start = clamp(targetIndex, 0, len - 1)\n    const options = optionsArray.value\n    const direction = mode === 'up' ? -1 : 1\n    const newIndex =\n      findFocusableIndex(options, start, direction, len) ??\n      findFocusableIndex(options, start - direction, -direction, len)\n\n    if (newIndex != null) {\n      states.hoveringIndex = newIndex\n      nextTick(() => scrollToOption(hoverOption.value))\n    }\n  }\n\n  const handleKeydown = (e: KeyboardEvent) => {\n    const code = getEventCode(e)\n    let isPreventDefault = true\n    switch (code) {\n      case EVENT_CODE.up:\n        navigateOptions('prev')\n        break\n      case EVENT_CODE.down:\n        navigateOptions('next')\n        break\n      case EVENT_CODE.enter:\n      case EVENT_CODE.numpadEnter:\n        if (!isComposing.value) {\n          selectOption()\n        }\n        break\n      case EVENT_CODE.esc:\n        handleEsc()\n        break\n      case EVENT_CODE.backspace:\n        isPreventDefault = false\n        deletePrevTag(e)\n        return\n      case EVENT_CODE.home:\n        if (!expanded.value) return\n        focusOption(0, 'down')\n        break\n      case EVENT_CODE.end:\n        if (!expanded.value) return\n        focusOption(states.options.size - 1, 'up')\n        break\n      case EVENT_CODE.pageUp:\n        if (!expanded.value) return\n        focusOption(states.hoveringIndex - 10, 'up')\n        break\n      case EVENT_CODE.pageDown:\n        if (!expanded.value) return\n        focusOption(states.hoveringIndex + 10, 'down')\n        break\n      default:\n        isPreventDefault = false\n        break\n    }\n    if (isPreventDefault) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n  }\n\n  const getGapWidth = () => {\n    if (!selectionRef.value) return 0\n    const style = window.getComputedStyle(selectionRef.value)\n    return Number.parseFloat(style.gap || '6px')\n  }\n\n  // computed style\n  const tagStyle = computed(() => {\n    const gapWidth = getGapWidth()\n    const inputSlotWidth =\n      props.filterable && !selectDisabled.value\n        ? gapWidth + MINIMUM_INPUT_WIDTH\n        : 0\n    const collapseSlotWidth =\n      collapseItemRef.value && props.maxCollapseTags === 1\n        ? states.collapseItemWidth + gapWidth\n        : 0\n    const reservedWidth = inputSlotWidth + collapseSlotWidth\n    return { maxWidth: `calc(100% - ${reservedWidth}px)` }\n  })\n\n  const popupScroll = (data: { scrollTop: number; scrollLeft: number }) => {\n    emit('popup-scroll', data)\n  }\n\n  const endReached = (direction: ScrollbarDirection) => {\n    emit('end-reached', direction)\n  }\n\n  useResizeObserver(wrapperRef, updateTooltip)\n  useResizeObserver(tagMenuRef, updateTagTooltip)\n  useResizeObserver(collapseItemRef, resetCollapseItemWidth)\n\n  // #21498\n  let stop: (() => void) | undefined\n  watch(\n    () => dropdownMenuVisible.value,\n    (newVal) => {\n      if (newVal) {\n        stop = useResizeObserver(menuRef, updateTooltip).stop\n      } else {\n        stop?.()\n        stop = undefined\n      }\n      emit('visible-change', newVal)\n    }\n  )\n\n  onMounted(() => {\n    setSelected()\n  })\n\n  return {\n    inputId,\n    contentId,\n    nsSelect,\n    nsInput,\n    states,\n    isFocused,\n    expanded,\n    optionsArray,\n    hoverOption,\n    selectSize,\n    filteredOptionsCount,\n    updateTooltip,\n    updateTagTooltip,\n    debouncedOnInputChange,\n    onInput,\n    deletePrevTag,\n    deleteTag,\n    deleteSelected,\n    handleOptionSelect,\n    scrollToOption,\n    hasModelValue,\n    shouldShowPlaceholder,\n    currentPlaceholder,\n    mouseEnterEventName,\n    needStatusIcon,\n    showClearBtn,\n    iconComponent,\n    iconReverse,\n    validateState,\n    validateIcon,\n    showNewOption,\n    updateOptions,\n    collapseTagSize,\n    setSelected,\n    selectDisabled,\n    emptyText,\n    handleCompositionStart,\n    handleCompositionUpdate,\n    handleCompositionEnd,\n    handleKeydown,\n    onOptionCreate,\n    onOptionDestroy,\n    handleMenuEnter,\n    focus,\n    blur,\n    handleClearClick,\n    handleClickOutside,\n    handleEsc,\n    toggleMenu,\n    selectOption,\n    getValueKey,\n    navigateOptions,\n    dropdownMenuVisible,\n    showTagList,\n    collapseTagList,\n    popupScroll,\n    getOption,\n    endReached,\n\n    // computed style\n    tagStyle,\n\n    // DOM ref\n    popperRef,\n    inputRef,\n    tooltipRef,\n    tagTooltipRef,\n    prefixRef,\n    suffixRef,\n    selectRef,\n    wrapperRef,\n    selectionRef,\n    scrollbarRef,\n    menuRef,\n    tagMenuRef,\n    collapseItemRef,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useSelect.mjs","names":["isUndefined","isClient","isPlainObject","clamp"],"sources":["../../../../../../packages/components/select/src/useSelect.ts"],"sourcesContent":["import {\n  computed,\n  nextTick,\n  onMounted,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n  watchEffect,\n} from 'vue'\nimport { clamp, findLastIndex, get, isEqual, isNil } from 'lodash-unified'\nimport { useDebounceFn, useResizeObserver } from '@vueuse/core'\nimport {\n  NOOP,\n  ValidateComponentsMap,\n  ensureArray,\n  getEventCode,\n  isArray,\n  isClient,\n  isEmpty,\n  isFunction,\n  isIOS,\n  isNumber,\n  isObject,\n  isPlainObject,\n  isUndefined,\n  scrollIntoView,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  MINIMUM_INPUT_WIDTH,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport {\n  useComposition,\n  useEmptyValues,\n  useFocusController,\n  useId,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\n\nimport type { Component } from 'vue'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type {\n  ScrollbarDirection,\n  ScrollbarInstance,\n} from '@element-plus/components/scrollbar'\nimport type { SelectEmits, SelectProps } from './select'\nimport type {\n  OptionBasic,\n  OptionPublicInstance,\n  OptionValue,\n  SelectStates,\n} from './type'\n\nexport const useSelect = (props: SelectProps, emit: SelectEmits) => {\n  const { t } = useLocale()\n  const slots = useSlots()\n  const contentId = useId()\n  const nsSelect = useNamespace('select')\n  const nsInput = useNamespace('input')\n\n  const states = reactive<SelectStates>({\n    inputValue: '',\n    options: new Map(),\n    cachedOptions: new Map(),\n    optionValues: [], // sorted value of options\n    selected: [],\n    collapseItemWidth: 0,\n    selectedLabel: '',\n    hoveringIndex: -1,\n    previousQuery: null,\n    inputHovering: false,\n    menuVisibleOnFocus: false,\n    isBeforeHide: false,\n  })\n\n  // template refs\n  const selectRef = ref<HTMLElement>()\n  const selectionRef = ref<HTMLElement>()\n  const tooltipRef = ref<TooltipInstance>()\n  const tagTooltipRef = ref<TooltipInstance>()\n  const inputRef = ref<HTMLInputElement>()\n  const prefixRef = ref<HTMLElement>()\n  const suffixRef = ref<HTMLElement>()\n  const menuRef = ref<HTMLElement>()\n  const tagMenuRef = ref<HTMLElement>()\n  const collapseItemRef = ref<HTMLElement>()\n  const scrollbarRef = ref<ScrollbarInstance>()\n  // the controller of the expanded popup\n  const expanded = ref(false)\n  const hoverOption = ref()\n  const debouncing = ref(false)\n\n  const { form, formItem } = useFormItem()\n  const { inputId } = useFormItemInputId(props, {\n    formItemContext: formItem,\n  })\n  const { valueOnClear, isEmptyValue } = useEmptyValues(props)\n\n  const {\n    isComposing,\n    handleCompositionStart,\n    handleCompositionUpdate,\n    handleCompositionEnd,\n  } = useComposition({\n    afterComposition: (e) => onInput(e),\n  })\n\n  const selectDisabled = useFormDisabled()\n\n  const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {\n    disabled: selectDisabled,\n    afterFocus() {\n      if (props.automaticDropdown && !expanded.value) {\n        expanded.value = true\n        states.menuVisibleOnFocus = true\n      }\n    },\n    beforeBlur(event) {\n      return (\n        tooltipRef.value?.isFocusInsideContent(event) ||\n        tagTooltipRef.value?.isFocusInsideContent(event)\n      )\n    },\n    afterBlur() {\n      expanded.value = false\n      states.menuVisibleOnFocus = false\n      if (props.validateEvent) {\n        formItem?.validate?.('blur').catch(NOOP)\n      }\n    },\n  })\n\n  const hasModelValue = computed(() => {\n    return isArray(props.modelValue)\n      ? props.modelValue.length > 0\n      : !isEmptyValue(props.modelValue)\n  })\n\n  const needStatusIcon = computed(() => form?.statusIcon ?? false)\n\n  const showClearBtn = computed(() => {\n    return (\n      props.clearable &&\n      !selectDisabled.value &&\n      hasModelValue.value &&\n      (isFocused.value || states.inputHovering)\n    )\n  })\n  const iconComponent = computed(() =>\n    props.remote && props.filterable && !props.remoteShowSuffix\n      ? ''\n      : props.suffixIcon\n  )\n  const iconReverse = computed(() =>\n    nsSelect.is('reverse', !!(iconComponent.value && expanded.value))\n  )\n\n  const validateState = computed(() => formItem?.validateState || '')\n  const validateIcon = computed(\n    () =>\n      validateState.value &&\n      (ValidateComponentsMap[validateState.value] as Component)\n  )\n\n  const debounce = computed(() => (props.remote ? props.debounce : 0))\n\n  const isRemoteSearchEmpty = computed(\n    () => props.remote && !states.inputValue && states.options.size === 0\n  )\n\n  const emptyText = computed(() => {\n    if (props.loading) {\n      return props.loadingText || t('el.select.loading')\n    } else {\n      if (\n        props.filterable &&\n        states.inputValue &&\n        states.options.size > 0 &&\n        filteredOptionsCount.value === 0\n      ) {\n        return props.noMatchText || t('el.select.noMatch')\n      }\n      if (states.options.size === 0) {\n        return props.noDataText || t('el.select.noData')\n      }\n    }\n    return null\n  })\n\n  const filteredOptionsCount = computed(\n    () => optionsArray.value.filter((option) => option.visible).length\n  )\n\n  const optionsArray = computed(() => {\n    const list = Array.from(states.options.values())\n    const newList: OptionPublicInstance[] = []\n    states.optionValues.forEach((item) => {\n      const index = list.findIndex((i) => i.value === item)\n      if (index > -1) {\n        newList.push(list[index])\n      }\n    })\n    return newList.length >= list.length ? newList : list\n  })\n\n  const cachedOptionsArray = computed(() =>\n    Array.from(states.cachedOptions.values())\n  )\n\n  const showNewOption = computed(() => {\n    const hasExistingOption = optionsArray.value\n      .filter((option) => {\n        return !option.created\n      })\n      .some((option) => {\n        return option.currentLabel === states.inputValue\n      })\n    return (\n      props.filterable &&\n      props.allowCreate &&\n      states.inputValue !== '' &&\n      !hasExistingOption\n    )\n  })\n\n  const updateOptions = () => {\n    if (props.filterable && isFunction(props.filterMethod)) return\n    if (props.filterable && props.remote && isFunction(props.remoteMethod))\n      return\n    optionsArray.value.forEach((option) => {\n      option.updateOption?.(states.inputValue)\n    })\n  }\n\n  const selectSize = useFormSize()\n\n  const collapseTagSize = computed(() =>\n    ['small'].includes(selectSize.value) ? 'small' : 'default'\n  )\n\n  const dropdownMenuVisible = computed({\n    get() {\n      return (\n        expanded.value &&\n        (props.loading ||\n          !isRemoteSearchEmpty.value ||\n          (props.remote && !!slots.empty)) &&\n        (!debouncing.value ||\n          !isEmpty(states.previousQuery) ||\n          states.options.size > 0)\n      )\n    },\n    set(val: boolean) {\n      expanded.value = val\n    },\n  })\n\n  const shouldShowPlaceholder = computed(() => {\n    if (props.multiple && !isUndefined(props.modelValue)) {\n      return ensureArray(props.modelValue).length === 0 && !states.inputValue\n    }\n    const value = isArray(props.modelValue)\n      ? props.modelValue[0]\n      : props.modelValue\n    return props.filterable || isUndefined(value) ? !states.inputValue : true\n  })\n\n  const currentPlaceholder = computed(() => {\n    const _placeholder = props.placeholder ?? t('el.select.placeholder')\n    return props.multiple || !hasModelValue.value\n      ? _placeholder\n      : states.selectedLabel\n  })\n\n  // iOS Safari does not handle click events when a mouseenter event is registered and a DOM-change happens in a child\n  // We use a Vue custom event binding to only register the event on non-iOS devices\n  // ref.: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html\n  // Github Issue: https://github.com/vuejs/vue/issues/9859\n  const mouseEnterEventName = isIOS ? null : 'mouseenter'\n\n  watch(\n    () => props.modelValue,\n    (val, oldVal) => {\n      if (props.multiple) {\n        if (props.filterable && !props.reserveKeyword) {\n          states.inputValue = ''\n          handleQueryChange('')\n        }\n      }\n      setSelected()\n      if (!isEqual(val, oldVal) && props.validateEvent) {\n        formItem?.validate('change').catch(NOOP)\n      }\n    },\n    {\n      flush: 'post',\n      deep: true,\n    }\n  )\n\n  watch(\n    () => expanded.value,\n    (val) => {\n      if (val) {\n        handleQueryChange(states.inputValue)\n      } else {\n        states.inputValue = ''\n        states.previousQuery = null\n        states.isBeforeHide = true\n        states.menuVisibleOnFocus = false\n      }\n    }\n  )\n\n  watch(\n    // fix `Array.prototype.push/splice/..` cannot trigger non-deep watcher\n    // https://github.com/vuejs/vue-next/issues/2116\n    () => states.options.entries(),\n    () => {\n      if (!isClient) return\n      // tooltipRef.value?.updatePopper?.()\n      setSelected()\n      if (\n        props.defaultFirstOption &&\n        (props.filterable || props.remote) &&\n        filteredOptionsCount.value\n      ) {\n        checkDefaultFirstOption()\n      }\n    },\n    {\n      flush: 'post',\n    }\n  )\n\n  watch([() => states.hoveringIndex, optionsArray], ([val]) => {\n    if (isNumber(val) && val > -1) {\n      hoverOption.value = optionsArray.value[val] || {}\n    } else {\n      hoverOption.value = {}\n    }\n    optionsArray.value.forEach((option) => {\n      option.hover = hoverOption.value === option\n    })\n  })\n\n  watchEffect(() => {\n    // Anything could cause options changed, then update options\n    // If you want to control it by condition, write here\n    if (states.isBeforeHide) return\n    updateOptions()\n  })\n\n  const handleQueryChange = (val: string) => {\n    if (states.previousQuery === val || isComposing.value) {\n      return\n    }\n    states.previousQuery = val\n    if (props.filterable && isFunction(props.filterMethod)) {\n      props.filterMethod(val)\n    } else if (\n      props.filterable &&\n      props.remote &&\n      isFunction(props.remoteMethod)\n    ) {\n      props.remoteMethod(val)\n    }\n    if (\n      props.defaultFirstOption &&\n      (props.filterable || props.remote) &&\n      filteredOptionsCount.value\n    ) {\n      nextTick(checkDefaultFirstOption)\n    } else {\n      nextTick(updateHoveringIndex)\n    }\n  }\n\n  /**\n   * find and highlight first option as default selected\n   * @remark\n   * - if the first option in dropdown list is user-created,\n   *   it would be at the end of the optionsArray\n   *   so find it and set hover.\n   *   (NOTE: there must be only one user-created option in dropdown list with query)\n   * - if there's no user-created option in list, just find the first one as usual\n   *   (NOTE: exclude options that are disabled or in disabled-group)\n   */\n  const checkDefaultFirstOption = () => {\n    const optionsInDropdown = optionsArray.value.filter(\n      (n) => n.visible && !n.disabled && !n.states.groupDisabled\n    )\n    const userCreatedOption = optionsInDropdown.find((n) => n.created)\n    const firstOriginOption = optionsInDropdown[0]\n    const valueList = optionsArray.value.map((item) => item.value)\n    states.hoveringIndex = getValueIndex(\n      valueList,\n      userCreatedOption || firstOriginOption\n    )\n  }\n\n  const setSelected = () => {\n    if (!props.multiple) {\n      const value = isArray(props.modelValue)\n        ? props.modelValue[0]\n        : props.modelValue\n      const option = getOption(value)\n      states.selectedLabel = option.currentLabel\n      states.selected = [option]\n      return\n    } else {\n      states.selectedLabel = ''\n    }\n    const result: SelectStates['selected'] = []\n    if (!isUndefined(props.modelValue)) {\n      ensureArray(props.modelValue).forEach((value) => {\n        result.push(getOption(value))\n      })\n    }\n    states.selected = result\n  }\n\n  const getOption = (value: OptionValue) => {\n    let option\n    const isObjectValue = isPlainObject(value)\n\n    for (let i = states.cachedOptions.size - 1; i >= 0; i--) {\n      const cachedOption = cachedOptionsArray.value[i]\n      const isEqualValue = isObjectValue\n        ? get(cachedOption.value, props.valueKey) === get(value, props.valueKey)\n        : cachedOption.value === value\n      if (isEqualValue) {\n        option = {\n          index: optionsArray.value\n            .filter((opt) => !opt.created)\n            .indexOf(cachedOption),\n          value,\n          currentLabel: cachedOption.currentLabel,\n          get isDisabled() {\n            return cachedOption.isDisabled\n          },\n        }\n        break\n      }\n    }\n    if (option) return option\n\n    const existingSelected = states.selected.find((item) =>\n      isObjectValue\n        ? get(item.value, props.valueKey) === get(value, props.valueKey)\n        : item.value === value\n    )\n    const label = isObjectValue\n      ? value.label\n      : existingSelected\n        ? existingSelected.currentLabel\n        : (value ?? '')\n    const newOption = {\n      index: -1,\n      value,\n      currentLabel: label,\n    }\n    return newOption\n  }\n\n  const updateHoveringIndex = () => {\n    const length = states.selected.length\n    if (length > 0) {\n      const lastOption = states.selected[length - 1]\n      states.hoveringIndex = optionsArray.value.findIndex(\n        (item) => getValueKey(lastOption) === getValueKey(item)\n      )\n    } else {\n      states.hoveringIndex = -1\n    }\n  }\n\n  const resetCollapseItemWidth = () => {\n    states.collapseItemWidth =\n      collapseItemRef.value!.getBoundingClientRect().width\n  }\n\n  const updateTooltip = () => {\n    tooltipRef.value?.updatePopper?.()\n  }\n\n  const updateTagTooltip = () => {\n    tagTooltipRef.value?.updatePopper?.()\n  }\n\n  const onInputChange = () => {\n    if (states.inputValue.length > 0 && !expanded.value) {\n      expanded.value = true\n    }\n    handleQueryChange(states.inputValue)\n  }\n\n  const onInput = (event: Event) => {\n    states.inputValue = (event.target as HTMLInputElement).value\n    if (props.remote) {\n      debouncing.value = true\n      debouncedOnInputChange()\n    } else {\n      return onInputChange()\n    }\n  }\n\n  const debouncedOnInputChange = useDebounceFn(() => {\n    onInputChange()\n    debouncing.value = false\n  }, debounce)\n\n  const emitChange = (val: OptionValue | OptionValue[]) => {\n    if (!isEqual(props.modelValue, val)) {\n      emit(CHANGE_EVENT, val)\n    }\n  }\n\n  const getLastNotDisabledIndex = (value: OptionValue[]) =>\n    findLastIndex(value, (it) => {\n      const option = states.cachedOptions.get(it)\n      return !option?.disabled && !option?.states.groupDisabled\n    })\n\n  const deletePrevTag = (e: KeyboardEvent) => {\n    const code = getEventCode(e)\n    if (!props.multiple) return\n    if (code === EVENT_CODE.delete) return\n    if ((e.target as HTMLInputElement).value.length <= 0) {\n      const value = ensureArray(props.modelValue).slice()\n      const lastNotDisabledIndex = getLastNotDisabledIndex(value)\n      if (lastNotDisabledIndex < 0) return\n      const removeTagValue = value[lastNotDisabledIndex]\n      value.splice(lastNotDisabledIndex, 1)\n      emit(UPDATE_MODEL_EVENT, value)\n      emitChange(value)\n      emit('remove-tag', removeTagValue)\n    }\n  }\n\n  const deleteTag = (event: MouseEvent, tag: OptionBasic) => {\n    const index = states.selected.indexOf(tag)\n    if (index > -1 && !selectDisabled.value) {\n      const value = ensureArray(props.modelValue).slice()\n      value.splice(index, 1)\n      emit(UPDATE_MODEL_EVENT, value)\n      emitChange(value)\n      emit('remove-tag', tag.value)\n    }\n    event.stopPropagation()\n    focus()\n  }\n\n  const deleteSelected = (event: Event) => {\n    event.stopPropagation()\n    const value = props.multiple ? [] : valueOnClear.value\n    if (props.multiple) {\n      for (const item of states.selected) {\n        if (item.isDisabled) value.push(item.value)\n      }\n    }\n    emit(UPDATE_MODEL_EVENT, value)\n    emitChange(value)\n    states.hoveringIndex = -1\n    expanded.value = false\n    emit('clear')\n    focus()\n  }\n\n  const handleOptionSelect = (option: OptionPublicInstance) => {\n    if (selectDisabled.value) return\n    if (props.multiple) {\n      const value = ensureArray(props.modelValue ?? []).slice()\n      const optionIndex = getValueIndex(value, option)\n      if (optionIndex > -1) {\n        value.splice(optionIndex, 1)\n      } else if (\n        props.multipleLimit <= 0 ||\n        value.length < props.multipleLimit\n      ) {\n        value.push(option.value)\n      }\n      emit(UPDATE_MODEL_EVENT, value)\n      emitChange(value)\n      if (option.created) {\n        handleQueryChange('')\n      }\n      if (props.filterable && (option.created || !props.reserveKeyword)) {\n        states.inputValue = ''\n      }\n    } else {\n      !isEqual(props.modelValue, option.value) &&\n        emit(UPDATE_MODEL_EVENT, option.value)\n      emitChange(option.value)\n      expanded.value = false\n    }\n    focus()\n    if (expanded.value) return\n    nextTick(() => {\n      scrollToOption(option)\n    })\n  }\n\n  const getValueIndex = (arr: OptionValue[], option: OptionPublicInstance) => {\n    if (isUndefined(option)) return -1\n    if (!isObject(option.value)) return arr.indexOf(option.value)\n\n    return arr.findIndex((item) => {\n      return isEqual(get(item, props.valueKey), getValueKey(option))\n    })\n  }\n\n  const scrollToOption = (\n    option:\n      OptionPublicInstance | OptionPublicInstance[] | SelectStates['selected']\n  ) => {\n    const targetOption = isArray(option) ? option[option.length - 1] : option\n    let target = null\n\n    if (!isNil(targetOption?.value)) {\n      const options = optionsArray.value.filter(\n        (item) => item.value === targetOption.value\n      )\n      if (options.length > 0) {\n        target = options[0].$el\n      }\n    }\n\n    if (tooltipRef.value && target) {\n      const menu = tooltipRef.value?.popperRef?.contentRef?.querySelector?.(\n        `.${nsSelect.be('dropdown', 'wrap')}`\n      )\n      if (menu) {\n        scrollIntoView(menu as HTMLElement, target)\n      }\n    }\n    scrollbarRef.value?.handleScroll()\n  }\n\n  const onOptionCreate = (vm: OptionPublicInstance) => {\n    states.options.set(vm.value, vm)\n    states.cachedOptions.set(vm.value, vm)\n  }\n\n  const onOptionDestroy = (key: OptionValue, vm: OptionPublicInstance) => {\n    if (states.options.get(key) === vm) {\n      states.options.delete(key)\n    }\n  }\n\n  const popperRef = computed(() => {\n    return tooltipRef.value?.popperRef?.contentRef\n  })\n\n  const handleMenuEnter = () => {\n    states.isBeforeHide = false\n    nextTick(() => {\n      scrollbarRef.value?.update()\n      scrollToOption(states.selected)\n    })\n  }\n\n  const focus = () => {\n    inputRef.value?.focus()\n  }\n\n  const blur = () => {\n    if (expanded.value) {\n      expanded.value = false\n      nextTick(() => inputRef.value?.blur())\n      return\n    }\n    inputRef.value?.blur()\n  }\n\n  const handleClearClick = (event: Event) => {\n    deleteSelected(event)\n  }\n\n  const handleClickOutside = (event: Event) => {\n    expanded.value = false\n\n    if (isFocused.value) {\n      const _event = new FocusEvent('blur', event)\n      nextTick(() => handleBlur(_event))\n    }\n  }\n\n  const handleEsc = () => {\n    if (states.inputValue.length > 0) {\n      states.inputValue = ''\n    } else {\n      expanded.value = false\n    }\n  }\n\n  const toggleMenu = (event?: Event) => {\n    if (\n      selectDisabled.value ||\n      (props.filterable &&\n        expanded.value &&\n        event &&\n        !suffixRef.value?.contains(event.target as Node))\n    )\n      return\n\n    // We only set the inputHovering state to true on mouseenter event on iOS devices\n    // To keep the state updated we set it here to true\n    if (isIOS) states.inputHovering = true\n\n    if (states.menuVisibleOnFocus) {\n      // controlled by automaticDropdown\n      states.menuVisibleOnFocus = false\n    } else {\n      expanded.value = !expanded.value\n    }\n  }\n\n  const selectOption = () => {\n    if (!expanded.value) {\n      toggleMenu()\n    } else {\n      const option = optionsArray.value[states.hoveringIndex]\n      if (option && !option.isDisabled) {\n        handleOptionSelect(option)\n      }\n    }\n  }\n\n  const getValueKey = (\n    item: OptionPublicInstance | SelectStates['selected'][0]\n  ) => {\n    return isObject(item.value) ? get(item.value, props.valueKey) : item.value\n  }\n\n  const optionsAllDisabled = computed(() =>\n    optionsArray.value\n      .filter((option) => option.visible)\n      .every((option) => option.isDisabled)\n  )\n\n  const showTagList = computed(() => {\n    if (!props.multiple) {\n      return []\n    }\n    return props.collapseTags\n      ? states.selected.slice(0, props.maxCollapseTags)\n      : states.selected\n  })\n\n  const collapseTagList = computed(() => {\n    if (!props.multiple) {\n      return []\n    }\n    return props.collapseTags\n      ? states.selected.slice(props.maxCollapseTags)\n      : []\n  })\n\n  const navigateOptions = (direction: 'prev' | 'next') => {\n    if (!expanded.value) {\n      expanded.value = true\n      return\n    }\n    if (\n      states.options.size === 0 ||\n      filteredOptionsCount.value === 0 ||\n      isComposing.value\n    )\n      return\n\n    if (!optionsAllDisabled.value) {\n      if (direction === 'next') {\n        states.hoveringIndex++\n        if (states.hoveringIndex === states.options.size) {\n          states.hoveringIndex = 0\n        }\n      } else if (direction === 'prev') {\n        states.hoveringIndex--\n        if (states.hoveringIndex < 0) {\n          states.hoveringIndex = states.options.size - 1\n        }\n      }\n      const option = optionsArray.value[states.hoveringIndex]\n      if (option.isDisabled || !option.visible) {\n        navigateOptions(direction)\n      }\n      nextTick(() => scrollToOption(hoverOption.value))\n    }\n  }\n\n  const findFocusableIndex = (\n    arr: any[],\n    start: number,\n    step: number,\n    len: number\n  ) => {\n    for (let i = start; i >= 0 && i < len; i += step) {\n      const obj = arr[i]\n      if (!obj?.isDisabled && obj?.visible) {\n        return i\n      }\n    }\n    return null\n  }\n\n  const focusOption = (targetIndex: number, mode: 'up' | 'down') => {\n    const len = states.options.size\n    if (len === 0) return\n    const start = clamp(targetIndex, 0, len - 1)\n    const options = optionsArray.value\n    const direction = mode === 'up' ? -1 : 1\n    const newIndex =\n      findFocusableIndex(options, start, direction, len) ??\n      findFocusableIndex(options, start - direction, -direction, len)\n\n    if (newIndex != null) {\n      states.hoveringIndex = newIndex\n      nextTick(() => scrollToOption(hoverOption.value))\n    }\n  }\n\n  const handleKeydown = (e: KeyboardEvent) => {\n    const code = getEventCode(e)\n    let isPreventDefault = true\n    switch (code) {\n      case EVENT_CODE.up:\n        navigateOptions('prev')\n        break\n      case EVENT_CODE.down:\n        navigateOptions('next')\n        break\n      case EVENT_CODE.enter:\n      case EVENT_CODE.numpadEnter:\n        if (!isComposing.value) {\n          selectOption()\n        }\n        break\n      case EVENT_CODE.esc:\n        handleEsc()\n        break\n      case EVENT_CODE.backspace:\n        isPreventDefault = false\n        deletePrevTag(e)\n        return\n      case EVENT_CODE.home:\n        if (!expanded.value) return\n        focusOption(0, 'down')\n        break\n      case EVENT_CODE.end:\n        if (!expanded.value) return\n        focusOption(states.options.size - 1, 'up')\n        break\n      case EVENT_CODE.pageUp:\n        if (!expanded.value) return\n        focusOption(states.hoveringIndex - 10, 'up')\n        break\n      case EVENT_CODE.pageDown:\n        if (!expanded.value) return\n        focusOption(states.hoveringIndex + 10, 'down')\n        break\n      default:\n        isPreventDefault = false\n        break\n    }\n    if (isPreventDefault) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n  }\n\n  const getGapWidth = () => {\n    if (!selectionRef.value) return 0\n    const style = window.getComputedStyle(selectionRef.value)\n    return Number.parseFloat(style.gap || '6px')\n  }\n\n  // computed style\n  const tagStyle = computed(() => {\n    const gapWidth = getGapWidth()\n    const inputSlotWidth =\n      props.filterable && !selectDisabled.value\n        ? gapWidth + MINIMUM_INPUT_WIDTH\n        : 0\n    const collapseSlotWidth =\n      collapseItemRef.value && props.maxCollapseTags === 1\n        ? states.collapseItemWidth + gapWidth\n        : 0\n    const reservedWidth = inputSlotWidth + collapseSlotWidth\n    return { maxWidth: `calc(100% - ${reservedWidth}px)` }\n  })\n\n  const popupScroll = (data: { scrollTop: number; scrollLeft: number }) => {\n    emit('popup-scroll', data)\n  }\n\n  const endReached = (direction: ScrollbarDirection) => {\n    emit('end-reached', direction)\n  }\n\n  useResizeObserver(wrapperRef, updateTooltip)\n  useResizeObserver(tagMenuRef, updateTagTooltip)\n  useResizeObserver(collapseItemRef, resetCollapseItemWidth)\n\n  // #21498\n  let stop: (() => void) | undefined\n  watch(\n    () => dropdownMenuVisible.value,\n    (newVal) => {\n      if (newVal) {\n        stop = useResizeObserver(menuRef, updateTooltip).stop\n      } else {\n        stop?.()\n        stop = undefined\n      }\n      emit('visible-change', newVal)\n    }\n  )\n\n  onMounted(() => {\n    setSelected()\n  })\n\n  return {\n    inputId,\n    contentId,\n    nsSelect,\n    nsInput,\n    states,\n    isFocused,\n    expanded,\n    optionsArray,\n    hoverOption,\n    selectSize,\n    filteredOptionsCount,\n    updateTooltip,\n    updateTagTooltip,\n    debouncedOnInputChange,\n    onInput,\n    deletePrevTag,\n    deleteTag,\n    deleteSelected,\n    handleOptionSelect,\n    scrollToOption,\n    hasModelValue,\n    shouldShowPlaceholder,\n    currentPlaceholder,\n    mouseEnterEventName,\n    needStatusIcon,\n    showClearBtn,\n    iconComponent,\n    iconReverse,\n    validateState,\n    validateIcon,\n    showNewOption,\n    updateOptions,\n    collapseTagSize,\n    setSelected,\n    selectDisabled,\n    emptyText,\n    handleCompositionStart,\n    handleCompositionUpdate,\n    handleCompositionEnd,\n    handleKeydown,\n    onOptionCreate,\n    onOptionDestroy,\n    handleMenuEnter,\n    focus,\n    blur,\n    handleClearClick,\n    handleClickOutside,\n    handleEsc,\n    toggleMenu,\n    selectOption,\n    getValueKey,\n    navigateOptions,\n    dropdownMenuVisible,\n    showTagList,\n    collapseTagList,\n    popupScroll,\n    getOption,\n    endReached,\n\n    // computed style\n    tagStyle,\n\n    // DOM ref\n    popperRef,\n    inputRef,\n    tooltipRef,\n    tagTooltipRef,\n    prefixRef,\n    suffixRef,\n    selectRef,\n    wrapperRef,\n    selectionRef,\n    scrollbarRef,\n    menuRef,\n    tagMenuRef,\n    collapseItemRef,\n  }\n}\n"],"mappings":"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"}

package/es/components/select-v2/src/defaults.d.ts

@@ -111,7 +111,7 @@ declare const selectV2Props: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly remoteShowSuffix: BooleanConstructor;
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
   readonly tagType: {
     readonly default: "info";
@@ -122,7 +122,7 @@ declare const selectV2Props: {
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;

package/es/components/select-v2/src/option-item.vue.d.ts

@@ -60,8 +60,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly selected: BooleanConstructor;
   readonly created: BooleanConstructor;
 }>> & Readonly<{
-  onSelect?: ((val: Option, index?: number | undefined) => any) | undefined;
   onHover?: ((index?: number | undefined) => any) | undefined;
+  onSelect?: ((val: Option, index?: number | undefined) => any) | undefined;
 }>, {
   readonly disabled: boolean;
   readonly created: boolean;