element-plus 2.5.1 → 2.5.3

package/es/components/select-v2/src/select-dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select-dropdown.mjs","sources":["../../../../../../packages/components/select-v2/src/select-dropdown.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  ref,\n  toRaw,\n  unref,\n  watch,\n} from 'vue'\nimport { get } from 'lodash-unified'\nimport { isObject, isUndefined } from '@element-plus/utils'\nimport {\n  DynamicSizeList,\n  FixedSizeList,\n} from '@element-plus/components/virtual-list'\nimport { useNamespace } from '@element-plus/hooks'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport GroupItem from './group-item.vue'\nimport OptionItem from './option-item.vue'\nimport { useProps } from './useProps'\n\nimport { selectV2InjectionKey } from './token'\n\nimport type { ItemProps } from '@element-plus/components/virtual-list'\nimport type { Option, OptionItemProps } from './select.types'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  props: {\n    data: {\n      type: Array,\n      required: true,\n    },\n    hoveringIndex: Number,\n    width: Number,\n  },\n  setup(props, { slots, expose }) {\n    const select = inject(selectV2InjectionKey)!\n    const ns = useNamespace('select')\n    const { getLabel, getValue, getDisabled } = useProps(select.props)\n\n    const cachedHeights = ref<Array<number>>([])\n\n    const listRef = ref()\n\n    const size = computed(() => props.data.length)\n    watch(\n      () => size.value,\n      () => {\n        select.tooltipRef.value.updatePopper?.()\n      }\n    )\n\n    const isSized = computed(() =>\n      isUndefined(select.props.estimatedOptionHeight)\n    )\n    const listProps = computed(() => {\n      if (isSized.value) {\n        return {\n          itemSize: select.props.itemHeight,\n        }\n      }\n\n      return {\n        estimatedSize: select.props.estimatedOptionHeight,\n        itemSize: (idx: number) => cachedHeights.value[idx],\n      }\n    })\n\n    const contains = (arr: Array<any> = [], target: any) => {\n      const {\n        props: { valueKey },\n      } = select\n\n      if (!isObject(target)) {\n        return arr.includes(target)\n      }\n\n      return (\n        arr &&\n        arr.some((item) => {\n          return toRaw(get(item, valueKey)) === get(target, valueKey)\n        })\n      )\n    }\n    const isEqual = (selected: unknown, target: unknown) => {\n      if (!isObject(target)) {\n        return selected === target\n      } else {\n        const { valueKey } = select.props\n        return get(selected, valueKey) === get(target, valueKey)\n      }\n    }\n\n    const isItemSelected = (modelValue: any[] | any, target: Option) => {\n      if (select.props.multiple) {\n        return contains(modelValue, getValue(target))\n      }\n      return isEqual(modelValue, getValue(target))\n    }\n\n    const isItemDisabled = (modelValue: any[] | any, selected: boolean) => {\n      const { disabled, multiple, multipleLimit } = select.props\n      return (\n        disabled ||\n        (!selected &&\n          (multiple\n            ? multipleLimit > 0 && modelValue.length >= multipleLimit\n            : false))\n      )\n    }\n\n    const isItemHovering = (target: number) => props.hoveringIndex === target\n\n    const scrollToItem = (index: number) => {\n      const list = listRef.value as any\n      if (list) {\n        list.scrollToItem(index)\n      }\n    }\n\n    const resetScrollTop = () => {\n      const list = listRef.value as any\n      if (list) {\n        list.resetScrollTop()\n      }\n    }\n\n    expose({\n      listRef,\n      isSized,\n\n      isItemDisabled,\n      isItemHovering,\n      isItemSelected,\n      scrollToItem,\n      resetScrollTop,\n    })\n\n    const Item = (itemProps: ItemProps<any>) => {\n      const { index, data, style } = itemProps\n      const sized = unref(isSized)\n      const { itemSize, estimatedSize } = unref(listProps)\n      const { modelValue } = select.props\n      const { onSelect, onHover } = select\n      const item = data[index]\n      if (item.type === 'Group') {\n        return (\n          <GroupItem\n            item={item}\n            style={style}\n            height={(sized ? itemSize : estimatedSize) as number}\n          />\n        )\n      }\n\n      const isSelected = isItemSelected(modelValue, item)\n      const isDisabled = isItemDisabled(modelValue, isSelected)\n      const isHovering = isItemHovering(index)\n      return (\n        <OptionItem\n          {...itemProps}\n          selected={isSelected}\n          disabled={getDisabled(item) || isDisabled}\n          created={!!item.created}\n          hovering={isHovering}\n          item={item}\n          onSelect={onSelect}\n          onHover={onHover}\n        >\n          {{\n            default: (props: OptionItemProps) =>\n              slots.default?.(props) || <span>{getLabel(item)}</span>,\n          }}\n        </OptionItem>\n      )\n    }\n\n    // computed\n    const { onKeyboardNavigate, onKeyboardSelect } = select\n\n    const onForward = () => {\n      onKeyboardNavigate('forward')\n    }\n\n    const onBackward = () => {\n      onKeyboardNavigate('backward')\n    }\n\n    const onEscOrTab = () => {\n      select.expanded = false\n    }\n\n    const onKeydown = (e: KeyboardEvent) => {\n      const { code } = e\n      const { tab, esc, down, up, enter } = EVENT_CODE\n      if (code !== tab) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n\n      switch (code) {\n        case tab:\n        case esc: {\n          onEscOrTab()\n          break\n        }\n        case down: {\n          onForward()\n          break\n        }\n        case up: {\n          onBackward()\n          break\n        }\n        case enter: {\n          onKeyboardSelect()\n          break\n        }\n      }\n    }\n\n    return () => {\n      const { data, width } = props\n      const { height, multiple, scrollbarAlwaysOn } = select.props\n\n      if (data.length === 0) {\n        return (\n          <div\n            class={ns.b('dropdown')}\n            style={{\n              width: `${width}px`,\n            }}\n          >\n            {slots.empty?.()}\n          </div>\n        )\n      }\n\n      const List = unref(isSized) ? FixedSizeList : DynamicSizeList\n\n      return (\n        <div class={[ns.b('dropdown'), ns.is('multiple', multiple)]}>\n          <List\n            ref={listRef}\n            {...unref(listProps)}\n            className={ns.be('dropdown', 'list')}\n            scrollbarAlwaysOn={scrollbarAlwaysOn}\n            data={data}\n            height={height}\n            width={width}\n            total={data.length}\n            // @ts-ignore - dts problem\n            onKeydown={onKeydown}\n          >\n            {{\n              default: (props: ItemProps<any>) => <Item {...props} />,\n            }}\n          </List>\n        </div>\n      )\n    }\n  },\n})\n"],"names":["defineComponent","name","props","data","type","Array","required","hoveringIndex","Number","width","slots","expose","select","ns","getLabel","getValue","getDisabled","cachedHeights","ref","listRef","size","computed","watch","tooltipRef","value","isSized","isUndefined","estimatedOptionHeight","listProps","itemSize","itemHeight","estimatedSize","contains","valueKey","isObject","target","arr","item","isEqual","selected","get","isItemSelected","modelValue","isItemDisabled","multipleLimit","isItemHovering","scrollToItem","resetScrollTop","list","Item","itemProps","style","_createVNode","unref","_mergeProps","onSelect","onHover","sized","default","onKeyboardNavigate","onKeyboardSelect","onForward","onBackward","onEscOrTab","expanded","onKeydown","code","e","tab","enter","EVENT_CODE","esc"],"mappings":"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"}
+{"version":3,"file":"select-dropdown.mjs","sources":["../../../../../../packages/components/select-v2/src/select-dropdown.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  ref,\n  toRaw,\n  unref,\n  watch,\n} from 'vue'\nimport { get } from 'lodash-unified'\nimport { isObject, isUndefined } from '@element-plus/utils'\nimport {\n  DynamicSizeList,\n  FixedSizeList,\n} from '@element-plus/components/virtual-list'\nimport { useNamespace } from '@element-plus/hooks'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport GroupItem from './group-item.vue'\nimport OptionItem from './option-item.vue'\nimport { useProps } from './useProps'\n\nimport { selectV2InjectionKey } from './token'\n\nimport type { ItemProps } from '@element-plus/components/virtual-list'\nimport type { Option, OptionItemProps } from './select.types'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  props: {\n    loading: Boolean,\n    data: {\n      type: Array,\n      required: true,\n    },\n    hoveringIndex: Number,\n    width: Number,\n  },\n  setup(props, { slots, expose }) {\n    const select = inject(selectV2InjectionKey)!\n    const ns = useNamespace('select')\n    const { getLabel, getValue, getDisabled } = useProps(select.props)\n\n    const cachedHeights = ref<Array<number>>([])\n\n    const listRef = ref()\n\n    const size = computed(() => props.data.length)\n    watch(\n      () => size.value,\n      () => {\n        select.tooltipRef.value.updatePopper?.()\n      }\n    )\n\n    const isSized = computed(() =>\n      isUndefined(select.props.estimatedOptionHeight)\n    )\n    const listProps = computed(() => {\n      if (isSized.value) {\n        return {\n          itemSize: select.props.itemHeight,\n        }\n      }\n\n      return {\n        estimatedSize: select.props.estimatedOptionHeight,\n        itemSize: (idx: number) => cachedHeights.value[idx],\n      }\n    })\n\n    const contains = (arr: Array<any> = [], target: any) => {\n      const {\n        props: { valueKey },\n      } = select\n\n      if (!isObject(target)) {\n        return arr.includes(target)\n      }\n\n      return (\n        arr &&\n        arr.some((item) => {\n          return toRaw(get(item, valueKey)) === get(target, valueKey)\n        })\n      )\n    }\n    const isEqual = (selected: unknown, target: unknown) => {\n      if (!isObject(target)) {\n        return selected === target\n      } else {\n        const { valueKey } = select.props\n        return get(selected, valueKey) === get(target, valueKey)\n      }\n    }\n\n    const isItemSelected = (modelValue: any[] | any, target: Option) => {\n      if (select.props.multiple) {\n        return contains(modelValue, getValue(target))\n      }\n      return isEqual(modelValue, getValue(target))\n    }\n\n    const isItemDisabled = (modelValue: any[] | any, selected: boolean) => {\n      const { disabled, multiple, multipleLimit } = select.props\n      return (\n        disabled ||\n        (!selected &&\n          (multiple\n            ? multipleLimit > 0 && modelValue.length >= multipleLimit\n            : false))\n      )\n    }\n\n    const isItemHovering = (target: number) => props.hoveringIndex === target\n\n    const scrollToItem = (index: number) => {\n      const list = listRef.value as any\n      if (list) {\n        list.scrollToItem(index)\n      }\n    }\n\n    const resetScrollTop = () => {\n      const list = listRef.value as any\n      if (list) {\n        list.resetScrollTop()\n      }\n    }\n\n    expose({\n      listRef,\n      isSized,\n\n      isItemDisabled,\n      isItemHovering,\n      isItemSelected,\n      scrollToItem,\n      resetScrollTop,\n    })\n\n    const Item = (itemProps: ItemProps<any>) => {\n      const { index, data, style } = itemProps\n      const sized = unref(isSized)\n      const { itemSize, estimatedSize } = unref(listProps)\n      const { modelValue } = select.props\n      const { onSelect, onHover } = select\n      const item = data[index]\n      if (item.type === 'Group') {\n        return (\n          <GroupItem\n            item={item}\n            style={style}\n            height={(sized ? itemSize : estimatedSize) as number}\n          />\n        )\n      }\n\n      const isSelected = isItemSelected(modelValue, item)\n      const isDisabled = isItemDisabled(modelValue, isSelected)\n      const isHovering = isItemHovering(index)\n      return (\n        <OptionItem\n          {...itemProps}\n          selected={isSelected}\n          disabled={getDisabled(item) || isDisabled}\n          created={!!item.created}\n          hovering={isHovering}\n          item={item}\n          onSelect={onSelect}\n          onHover={onHover}\n        >\n          {{\n            default: (props: OptionItemProps) =>\n              slots.default?.(props) || <span>{getLabel(item)}</span>,\n          }}\n        </OptionItem>\n      )\n    }\n\n    // computed\n    const { onKeyboardNavigate, onKeyboardSelect } = select\n\n    const onForward = () => {\n      onKeyboardNavigate('forward')\n    }\n\n    const onBackward = () => {\n      onKeyboardNavigate('backward')\n    }\n\n    const onEscOrTab = () => {\n      select.expanded = false\n    }\n\n    const onKeydown = (e: KeyboardEvent) => {\n      const { code } = e\n      const { tab, esc, down, up, enter } = EVENT_CODE\n      if (code !== tab) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n\n      switch (code) {\n        case tab:\n        case esc: {\n          onEscOrTab()\n          break\n        }\n        case down: {\n          onForward()\n          break\n        }\n        case up: {\n          onBackward()\n          break\n        }\n        case enter: {\n          onKeyboardSelect()\n          break\n        }\n      }\n    }\n\n    return () => {\n      const { data, width } = props\n      const { height, multiple, scrollbarAlwaysOn } = select.props\n\n      if (slots.loading || slots.empty) {\n        return (\n          <div\n            class={ns.b('dropdown')}\n            style={{\n              width: `${width}px`,\n            }}\n          >\n            {slots.loading?.() || slots.empty?.()}\n          </div>\n        )\n      }\n\n      const List = unref(isSized) ? FixedSizeList : DynamicSizeList\n\n      return (\n        <div class={[ns.b('dropdown'), ns.is('multiple', multiple)]}>\n          {slots.header?.()}\n          <List\n            ref={listRef}\n            {...unref(listProps)}\n            className={ns.be('dropdown', 'list')}\n            scrollbarAlwaysOn={scrollbarAlwaysOn}\n            data={data}\n            height={height}\n            width={width}\n            total={data.length}\n            // @ts-ignore - dts problem\n            onKeydown={onKeydown}\n          >\n            {{\n              default: (props: ItemProps<any>) => <Item {...props} />,\n            }}\n          </List>\n          {slots.footer?.()}\n        </div>\n      )\n    }\n  },\n})\n"],"names":["defineComponent","name","props","loading","Boolean","data","type","Array","required","hoveringIndex","Number","width","slots","expose","select","ns","getLabel","getValue","getDisabled","cachedHeights","ref","listRef","size","computed","watch","tooltipRef","value","isSized","isUndefined","estimatedOptionHeight","listProps","itemSize","itemHeight","estimatedSize","contains","valueKey","isObject","target","arr","item","isEqual","selected","get","isItemSelected","modelValue","isItemDisabled","multipleLimit","isItemHovering","scrollToItem","resetScrollTop","list","Item","itemProps","style","_createVNode","unref","_mergeProps","onSelect","onHover","sized","default","onKeyboardNavigate","onKeyboardSelect","onForward","onBackward","onEscOrTab","expanded","onKeydown","code","e","tab","enter","EVENT_CODE","esc"],"mappings":"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"}

package/es/components/select-v2/src/select.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, reactive, toRefs, provide, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, createVNode, withCtx, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, normalizeStyle, toDisplayString, createBlock, withKeys, vModelText, resolveDynamicComponent, vShow, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, computed, reactive, toRefs, provide, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, createVNode, withCtx, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, normalizeStyle, toDisplayString, createBlock, withKeys, vModelText, resolveDynamicComponent, vShow, createSlots, normalizeProps, guardReactiveProps } from 'vue';
 import '../../../utils/index.mjs';
 import '../../../directives/index.mjs';
 import { ElTooltip } from '../../tooltip/index.mjs';
@@ -64,7 +64,7 @@ const _sfc_main = defineComponent({
     };
   }
 });
-const _hoisted_1 = ["id", "autocomplete", "aria-expanded", "aria-label", "disabled", "readonly", "name", "unselectable"];
+const _hoisted_1 = ["id", "autocomplete", "aria-expanded", "aria-label", "disabled", "readonly", "name"];
 const _hoisted_2 = ["textContent"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tag = resolveComponent("el-tag");
@@ -148,7 +148,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               _ctx.collapseTags && _ctx.modelValue.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
                 key: 0,
                 ref: "tagTooltipRef",
-                disabled: !_ctx.collapseTagsTooltip,
+                disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
                 "fallback-placements": ["bottom", "top", "right", "left"],
                 effect: _ctx.effect,
                 placement: "bottom",
@@ -156,13 +156,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, {
                 default: withCtx(() => [
                   createElementVNode("div", {
+                    ref: "collapseItemRef",
                     class: normalizeClass(_ctx.nsSelect.e("selected-item"))
                   }, [
                     createVNode(_component_el_tag, {
                       closable: false,
                       size: _ctx.collapseTagSize,
                       type: _ctx.tagType,
-                      style: normalizeStyle(_ctx.tagStyle),
+                      style: normalizeStyle(_ctx.collapseTagStyle),
                       "disable-transitions": ""
                     }, {
                       default: withCtx(() => [
@@ -232,7 +233,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 spellcheck: "false",
                 type: "text",
                 name: _ctx.name,
-                unselectable: _ctx.expanded ? "on" : void 0,
                 onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
                 onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
                 onInput: _cache[3] || (_cache[3] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
@@ -246,8 +246,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   _cache[10] || (_cache[10] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
                   _cache[11] || (_cache[11] = withKeys(withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
                 ],
-                onClick: _cache[12] || (_cache[12] = withModifiers(() => {
-                }, ["stop"]))
+                onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
               }, null, 46, _hoisted_1), [
                 [vModelText, _ctx.states.inputValue]
               ]),
@@ -314,19 +313,54 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           width: _ctx.popperSize,
           "hovering-index": _ctx.states.hoveringIndex,
           "scrollbar-always-on": _ctx.scrollbarAlwaysOn
-        }, {
+        }, createSlots({
           default: withCtx((scope) => [
             renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
           ]),
-          empty: withCtx(() => [
-            renderSlot(_ctx.$slots, "empty", {}, () => [
-              createElementVNode("p", {
+          _: 2
+        }, [
+          _ctx.$slots.header ? {
+            name: "header",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "header"))
+              }, [
+                renderSlot(_ctx.$slots, "header")
+              ], 2)
+            ])
+          } : void 0,
+          _ctx.$slots.loading && _ctx.loading ? {
+            name: "loading",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "loading"))
+              }, [
+                renderSlot(_ctx.$slots, "loading")
+              ], 2)
+            ])
+          } : _ctx.loading || _ctx.filteredOptions.length === 0 ? {
+            name: "empty",
+            fn: withCtx(() => [
+              createElementVNode("div", {
                 class: normalizeClass(_ctx.nsSelect.be("dropdown", "empty"))
-              }, toDisplayString(_ctx.emptyText ? _ctx.emptyText : ""), 3)
+              }, [
+                renderSlot(_ctx.$slots, "empty", {}, () => [
+                  createElementVNode("span", null, toDisplayString(_ctx.emptyText), 1)
+                ])
+              ], 2)
             ])
-          ]),
-          _: 3
-        }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
+          } : void 0,
+          _ctx.$slots.footer ? {
+            name: "footer",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
+              }, [
+                renderSlot(_ctx.$slots, "footer")
+              ], 2)
+            ])
+          } : void 0
+        ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
       ]),
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "placement", "transition", "persistent", "onBeforeShow"])

package/es/components/select-v2/src/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","sources":["../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @mouseenter=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n    @click.stop=\"toggleMenu\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :gpu-acceleration=\"false\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"['bottom-start', 'top-start', 'right', 'left']\"\n      :effect=\"effect\"\n      :placement=\"placement\"\n      pure\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      trigger=\"click\"\n      :persistent=\"persistent\"\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        >\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 && !!modelValue.length\n              ),\n            ]\"\n          >\n            <slot v-if=\"multiple\" name=\"tag\">\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(getValue(item))\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !getDisabled(item)\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    {{ getLabel(item) }}\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && modelValue.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"!collapseTagsTooltip\"\n                :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n                :effect=\"effect\"\n                placement=\"bottom\"\n                :teleported=\"teleported\"\n              >\n                <template #default>\n                  <div :class=\"nsSelect.e('selected-item')\">\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :style=\"tagStyle\"\n                      disable-transitions\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ modelValue.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=\"selected in collapseTagList\"\n                      :key=\"getValueKey(getValue(selected))\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !getDisabled(selected)\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        disable-transitions\n                        @close=\"deleteTag($event, selected)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          {{ getLabel(selected) }}\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              v-if=\"!selectDisabled\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is('hidden', !filterable),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                v-model=\"states.inputValue\"\n                :style=\"inputStyle\"\n                :autocomplete=\"autocomplete\"\n                aria-autocomplete=\"list\"\n                aria-haspopup=\"listbox\"\n                autocapitalize=\"off\"\n                :aria-expanded=\"expanded\"\n                :aria-label=\"ariaLabel\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                type=\"text\"\n                :name=\"name\"\n                :unselectable=\"expanded ? 'on' : undefined\"\n                @focus=\"handleFocus\"\n                @blur=\"handleBlur\"\n                @input=\"onInput\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @keydown.up.stop.prevent=\"onKeyboardNavigate('backward')\"\n                @keydown.down.stop.prevent=\"onKeyboardNavigate('forward')\"\n                @keydown.enter.stop.prevent=\"onKeyboardSelect\"\n                @keydown.esc.stop.prevent=\"handleEsc\"\n                @keydown.delete.stop=\"handleDel\"\n                @click.stop\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              <span>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent\"\n              v-show=\"!showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsInput.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[nsSelect.e('caret'), nsInput.e('icon')]\"\n              @click.prevent.stop=\"handleClear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('validateIcon')]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu\n          ref=\"menuRef\"\n          :data=\"filteredOptions\"\n          :width=\"popperSize\"\n          :hovering-index=\"states.hoveringIndex\"\n          :scrollbar-always-on=\"scrollbarAlwaysOn\"\n        >\n          <template #default=\"scope\">\n            <slot v-bind=\"scope\" />\n          </template>\n          <template #empty>\n            <slot name=\"empty\">\n              <p :class=\"nsSelect.be('dropdown', 'empty')\">\n                {{ emptyText ? emptyText : '' }}\n              </p>\n            </slot>\n          </template>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide, reactive, toRefs } from 'vue'\nimport { isArray } from '@element-plus/utils'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElSelectMenu from './select-dropdown'\nimport useSelect from './useSelect'\nimport { SelectProps } from './defaults'\nimport { selectV2InjectionKey } from './token'\nexport default defineComponent({\n  name: 'ElSelectV2',\n  components: {\n    ElSelectMenu,\n    ElTag,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: SelectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n  ],\n\n  setup(props, { emit }) {\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      return multiple ? fallback : rawModelValue\n    })\n\n    const API = useSelect(\n      reactive({\n        ...toRefs(props),\n        modelValue,\n      }),\n      emit\n    )\n    // TODO, remove the any cast to align the actual API.\n    provide(selectV2InjectionKey, {\n      props: reactive({\n        ...toRefs(props),\n        height: API.popupHeight,\n        modelValue,\n      }),\n      tooltipRef: API.tooltipRef,\n      onSelect: API.onSelect,\n      onHover: API.onHover,\n      onKeyboardNavigate: API.onKeyboardNavigate,\n      onKeyboardSelect: API.onKeyboardSelect,\n    } as any)\n\n    return {\n      ...API,\n      modelValue,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode","_withCtx","_createElementVNode","_renderSlot","_createCommentVNode","_openBlock","_Fragment","_renderList","_normalizeStyle","_toDisplayString","_createBlock","_withKeys","_withModifiers","_vModelText","_withDirectives","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"select.mjs","sources":["../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @mouseenter=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n    @click.stop=\"toggleMenu\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :gpu-acceleration=\"false\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"['bottom-start', 'top-start', 'right', 'left']\"\n      :effect=\"effect\"\n      :placement=\"placement\"\n      pure\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      trigger=\"click\"\n      :persistent=\"persistent\"\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        >\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 && !!modelValue.length\n              ),\n            ]\"\n          >\n            <slot v-if=\"multiple\" name=\"tag\">\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(getValue(item))\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !getDisabled(item)\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    {{ getLabel(item) }}\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && modelValue.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n                :effect=\"effect\"\n                placement=\"bottom\"\n                :teleported=\"teleported\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"nsSelect.e('selected-item')\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :style=\"collapseTagStyle\"\n                      disable-transitions\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ modelValue.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=\"selected in collapseTagList\"\n                      :key=\"getValueKey(getValue(selected))\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !getDisabled(selected)\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        disable-transitions\n                        @close=\"deleteTag($event, selected)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          {{ getLabel(selected) }}\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              v-if=\"!selectDisabled\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is('hidden', !filterable),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                v-model=\"states.inputValue\"\n                :style=\"inputStyle\"\n                :autocomplete=\"autocomplete\"\n                aria-autocomplete=\"list\"\n                aria-haspopup=\"listbox\"\n                autocapitalize=\"off\"\n                :aria-expanded=\"expanded\"\n                :aria-label=\"ariaLabel\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                type=\"text\"\n                :name=\"name\"\n                @focus=\"handleFocus\"\n                @blur=\"handleBlur\"\n                @input=\"onInput\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @keydown.up.stop.prevent=\"onKeyboardNavigate('backward')\"\n                @keydown.down.stop.prevent=\"onKeyboardNavigate('forward')\"\n                @keydown.enter.stop.prevent=\"onKeyboardSelect\"\n                @keydown.esc.stop.prevent=\"handleEsc\"\n                @keydown.delete.stop=\"handleDel\"\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              <span>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent\"\n              v-show=\"!showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsInput.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[nsSelect.e('caret'), nsInput.e('icon')]\"\n              @click.prevent.stop=\"handleClear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon\"\n              :class=\"[nsInput.e('icon'), nsInput.e('validateIcon')]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu\n          ref=\"menuRef\"\n          :data=\"filteredOptions\"\n          :width=\"popperSize\"\n          :hovering-index=\"states.hoveringIndex\"\n          :scrollbar-always-on=\"scrollbarAlwaysOn\"\n        >\n          <template v-if=\"$slots.header\" #header>\n            <div :class=\"nsSelect.be('dropdown', 'header')\">\n              <slot name=\"header\" />\n            </div>\n          </template>\n          <template #default=\"scope\">\n            <slot v-bind=\"scope\" />\n          </template>\n          <template v-if=\"$slots.loading && loading\" #loading>\n            <div :class=\"nsSelect.be('dropdown', 'loading')\">\n              <slot name=\"loading\" />\n            </div>\n          </template>\n          <template v-else-if=\"loading || filteredOptions.length === 0\" #empty>\n            <div :class=\"nsSelect.be('dropdown', 'empty')\">\n              <slot name=\"empty\">\n                <span>{{ emptyText }}</span>\n              </slot>\n            </div>\n          </template>\n          <template v-if=\"$slots.footer\" #footer>\n            <div :class=\"nsSelect.be('dropdown', 'footer')\">\n              <slot name=\"footer\" />\n            </div>\n          </template>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide, reactive, toRefs } from 'vue'\nimport { isArray } from '@element-plus/utils'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElSelectMenu from './select-dropdown'\nimport useSelect from './useSelect'\nimport { SelectProps } from './defaults'\nimport { selectV2InjectionKey } from './token'\n\nexport default defineComponent({\n  name: 'ElSelectV2',\n  components: {\n    ElSelectMenu,\n    ElTag,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: SelectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n  ],\n\n  setup(props, { emit }) {\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      return multiple ? fallback : rawModelValue\n    })\n\n    const API = useSelect(\n      reactive({\n        ...toRefs(props),\n        modelValue,\n      }),\n      emit\n    )\n    // TODO, remove the any cast to align the actual API.\n    provide(selectV2InjectionKey, {\n      props: reactive({\n        ...toRefs(props),\n        height: API.popupHeight,\n        modelValue,\n      }),\n      tooltipRef: API.tooltipRef,\n      onSelect: API.onSelect,\n      onHover: API.onHover,\n      onKeyboardNavigate: API.onKeyboardNavigate,\n      onKeyboardSelect: API.onKeyboardSelect,\n    } as any)\n\n    return {\n      ...API,\n      modelValue,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode","_withCtx","_createElementVNode","_renderSlot","_createCommentVNode","_openBlock","_Fragment","_renderList","_normalizeStyle","_toDisplayString","_createBlock","_withKeys","_withModifiers","_vModelText","_withDirectives","_resolveDynamicComponent","_createSlots"],"mappings":"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"}

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "light", boolean>;
     readonly collapseTags: BooleanConstructor;
-    readonly collapseTagsTooltip: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly collapseTagsTooltip: BooleanConstructor;
     readonly maxCollapseTags: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     readonly defaultFirstOption: BooleanConstructor;
     readonly disabled: BooleanConstructor;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./useProps").Props) | (() => import("./useProps").Props) | ((new (...args: any[]) => import("./useProps").Props) | (() => import("./useProps").Props))[], unknown, unknown, () => Required<import("./useProps").Props>, boolean>;
     readonly valueKey: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "value", boolean>;
-    readonly scrollbarAlwaysOn: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
     readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement) | ((new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement))[], import("@popperjs/core").Placement, unknown, "bottom-start", boolean>;
     readonly tagType: {
@@ -88,6 +88,9 @@ declare const _default: import("vue").DefineComponent<{
     tagStyle: import("vue").ComputedRef<{
         maxWidth: string;
     }>;
+    collapseTagStyle: import("vue").ComputedRef<{
+        maxWidth: string;
+    }>;
     inputStyle: import("vue").ComputedRef<{
         width: string;
     }>;
@@ -112,6 +115,7 @@ declare const _default: import("vue").DefineComponent<{
         inputHovering: boolean;
         selectionWidth: number;
         calculatorWidth: number;
+        collapseItemWidth: number;
         previousQuery: null;
         previousValue: undefined;
         selectedLabel: string;
@@ -12620,6 +12624,7 @@ declare const _default: import("vue").DefineComponent<{
     selectionRef: import("vue").Ref<HTMLElement>;
     prefixRef: import("vue").Ref<HTMLElement>;
     suffixRef: import("vue").Ref<HTMLElement>;
+    collapseItemRef: import("vue").Ref<HTMLElement>;
     popperRef: import("vue").ComputedRef<HTMLElement | undefined>;
     validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
     validateIcon: import("vue").ComputedRef<any>;
@@ -12675,7 +12680,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly effect: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "light", boolean>;
     readonly collapseTags: BooleanConstructor;
-    readonly collapseTagsTooltip: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly collapseTagsTooltip: BooleanConstructor;
     readonly maxCollapseTags: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     readonly defaultFirstOption: BooleanConstructor;
     readonly disabled: BooleanConstructor;
@@ -12725,7 +12730,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./useProps").Props) | (() => import("./useProps").Props) | ((new (...args: any[]) => import("./useProps").Props) | (() => import("./useProps").Props))[], unknown, unknown, () => Required<import("./useProps").Props>, boolean>;
     readonly valueKey: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "value", boolean>;
-    readonly scrollbarAlwaysOn: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
     readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement) | ((new (...args: any[]) => import("@popperjs/core").Placement & {}) | (() => import("@popperjs/core").Placement))[], import("@popperjs/core").Placement, unknown, "bottom-start", boolean>;
     readonly tagType: {
@@ -12764,7 +12769,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly filterable: boolean;
     readonly collapseTags: boolean;
     readonly maxCollapseTags: number;
-    readonly collapseTagsTooltip: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly collapseTagsTooltip: boolean;
     readonly tagType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>;
     readonly automaticDropdown: boolean;
     readonly allowCreate: boolean;
@@ -12774,6 +12779,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly reserveKeyword: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly estimatedOptionHeight: number;
     readonly itemHeight: number;
-    readonly scrollbarAlwaysOn: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly scrollbarAlwaysOn: boolean;
 }>;
 export default _default;

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

@@ -16,6 +16,9 @@ declare const useSelect: (props: ISelectV2Props, emit: any) => {
     tagStyle: import("vue").ComputedRef<{
         maxWidth: string;
     }>;
+    collapseTagStyle: import("vue").ComputedRef<{
+        maxWidth: string;
+    }>;
     inputStyle: import("vue").ComputedRef<{
         width: string;
     }>;
@@ -40,6 +43,7 @@ declare const useSelect: (props: ISelectV2Props, emit: any) => {
         inputHovering: boolean;
         selectionWidth: number;
         calculatorWidth: number;
+        collapseItemWidth: number;
         previousQuery: null;
         previousValue: undefined;
         selectedLabel: string;
@@ -12548,6 +12552,7 @@ declare const useSelect: (props: ISelectV2Props, emit: any) => {
     selectionRef: import("vue").Ref<HTMLElement>;
     prefixRef: import("vue").Ref<HTMLElement>;
     suffixRef: import("vue").Ref<HTMLElement>;
+    collapseItemRef: import("vue").Ref<HTMLElement>;
     popperRef: import("vue").ComputedRef<HTMLElement | undefined>;
     validateState: import("vue").ComputedRef<"" | "success" | "error" | "validating">;
     validateIcon: import("vue").ComputedRef<any>;

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

@@ -39,6 +39,7 @@ const useSelect = (props, emit) => {
     inputHovering: false,
     selectionWidth: 0,
     calculatorWidth: 0,
+    collapseItemWidth: 0,
     previousQuery: null,
     previousValue: void 0,
     selectedLabel: "",
@@ -57,6 +58,7 @@ const useSelect = (props, emit) => {
   const suffixRef = ref(null);
   const menuRef = ref(null);
   const tagMenuRef = ref(null);
+  const collapseItemRef = ref(null);
   const { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
     afterFocus() {
       if (props.automaticDropdown && !expanded.value) {
@@ -155,7 +157,18 @@ const useSelect = (props, emit) => {
     var _a;
     popperSize.value = ((_a = selectRef.value) == null ? void 0 : _a.offsetWidth) || 200;
   };
+  const getGapWidth = () => {
+    if (!selectionRef.value)
+      return 0;
+    const style = window.getComputedStyle(selectionRef.value);
+    return Number.parseFloat(style.gap || "6px");
+  };
   const tagStyle = computed(() => {
+    const gapWidth = getGapWidth();
+    const maxWidth = collapseItemRef.value && props.maxCollapseTags === 1 ? states.selectionWidth - states.collapseItemWidth - gapWidth : states.selectionWidth;
+    return { maxWidth: `${maxWidth}px` };
+  });
+  const collapseTagStyle = computed(() => {
     return { maxWidth: `${states.selectionWidth}px` };
   });
   const inputStyle = computed(() => ({
@@ -225,6 +238,8 @@ const useSelect = (props, emit) => {
   const toggleMenu = () => {
     if (selectDisabled.value)
       return;
+    if (props.filterable && props.remote && isFunction(props.remoteMethod))
+      return;
     if (states.menuVisibleOnFocus) {
       states.menuVisibleOnFocus = false;
     } else {
@@ -232,6 +247,9 @@ const useSelect = (props, emit) => {
     }
   };
   const onInputChange = () => {
+    if (states.inputValue.length > 0 && !expanded.value) {
+      expanded.value = true;
+    }
     createNewOption(states.inputValue);
     handleQueryChange(states.inputValue);
   };
@@ -295,6 +313,9 @@ const useSelect = (props, emit) => {
   const resetCalculatorWidth = () => {
     states.calculatorWidth = calculatorRef.value.getBoundingClientRect().width;
   };
+  const resetCollapseItemWidth = () => {
+    states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
+  };
   const updateTooltip = () => {
     var _a, _b;
     (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
@@ -466,9 +487,6 @@ const useSelect = (props, emit) => {
   };
   const onInput = (event) => {
     states.inputValue = event.target.value;
-    if (states.inputValue.length > 0 && !expanded.value) {
-      expanded.value = true;
-    }
     if (props.remote) {
       debouncedOnInputChange();
     } else {
@@ -572,6 +590,23 @@ const useSelect = (props, emit) => {
       return;
     updateOptions();
   });
+  watchEffect(() => {
+    const { valueKey, options } = props;
+    const duplicateValue = /* @__PURE__ */ new Map();
+    for (const item of options) {
+      const optionValue = getValue(item);
+      let v = optionValue;
+      if (isObject(v)) {
+        v = get(optionValue, valueKey);
+      }
+      if (duplicateValue.get(v)) {
+        debugWarn("ElSelectV2", `The option values you provided seem to be duplicated, which may cause some problems, please check.`);
+        break;
+      } else {
+        duplicateValue.set(v, true);
+      }
+    }
+  });
   onMounted(() => {
     initStates();
   });
@@ -579,7 +614,9 @@ const useSelect = (props, emit) => {
   useResizeObserver(selectionRef, resetSelectionWidth);
   useResizeObserver(calculatorRef, resetCalculatorWidth);
   useResizeObserver(menuRef, updateTooltip);
+  useResizeObserver(wrapperRef, updateTooltip);
   useResizeObserver(tagMenuRef, updateTagTooltip);
+  useResizeObserver(collapseItemRef, resetCollapseItemWidth);
   return {
     inputId,
     collapseTagSize,
@@ -593,6 +630,7 @@ const useSelect = (props, emit) => {
     iconComponent,
     iconReverse,
     tagStyle,
+    collapseTagStyle,
     inputStyle,
     popperSize,
     dropdownMenuVisible,
@@ -616,6 +654,7 @@ const useSelect = (props, emit) => {
     selectionRef,
     prefixRef,
     suffixRef,
+    collapseItemRef,
     popperRef,
     validateState,
     validateIcon,