@element-plus/nightly 0.0.20250825 → 0.0.20250827

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

@@ -98,252 +98,258 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onBeforeShow: _ctx.handleMenuEnter,
       onHide: ($event) => _ctx.states.isBeforeHide = false
     }, {
-      default: withCtx(() => [
-        createElementVNode("div", {
-          ref: "wrapperRef",
-          class: normalizeClass([
-            _ctx.nsSelect.e("wrapper"),
-            _ctx.nsSelect.is("focused", _ctx.isFocused),
-            _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
-            _ctx.nsSelect.is("filterable", _ctx.filterable),
-            _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
-          ]),
-          onClick: withModifiers(_ctx.toggleMenu, ["prevent"])
-        }, [
-          _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            ref: "prefixRef",
-            class: normalizeClass(_ctx.nsSelect.e("prefix"))
-          }, [
-            renderSlot(_ctx.$slots, "prefix")
-          ], 2)) : createCommentVNode("v-if", true),
+      default: withCtx(() => {
+        var _a, _b;
+        return [
           createElementVNode("div", {
-            ref: "selectionRef",
+            ref: "wrapperRef",
             class: normalizeClass([
-              _ctx.nsSelect.e("selection"),
-              _ctx.nsSelect.is("near", _ctx.multiple && !_ctx.$slots.prefix && !!_ctx.modelValue.length)
-            ])
+              _ctx.nsSelect.e("wrapper"),
+              _ctx.nsSelect.is("focused", _ctx.isFocused),
+              _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
+              _ctx.nsSelect.is("filterable", _ctx.filterable),
+              _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
+            ]),
+            onClick: withModifiers(_ctx.toggleMenu, ["prevent"])
           }, [
-            _ctx.multiple ? renderSlot(_ctx.$slots, "tag", {
+            _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
               key: 0,
-              data: _ctx.states.cachedOptions,
-              deleteTag: _ctx.deleteTag,
-              selectDisabled: _ctx.selectDisabled
-            }, () => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
-                return openBlock(), createElementBlock("div", {
-                  key: _ctx.getValueKey(_ctx.getValue(item)),
-                  class: normalizeClass(_ctx.nsSelect.e("selected-item"))
-                }, [
-                  createVNode(_component_el_tag, {
-                    closable: !_ctx.selectDisabled && !_ctx.getDisabled(item),
-                    size: _ctx.collapseTagSize,
-                    type: _ctx.tagType,
-                    effect: _ctx.tagEffect,
-                    "disable-transitions": "",
-                    style: normalizeStyle(_ctx.tagStyle),
-                    onClose: ($event) => _ctx.deleteTag($event, item)
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("span", {
-                        class: normalizeClass(_ctx.nsSelect.e("tags-text"))
-                      }, [
-                        renderSlot(_ctx.$slots, "label", {
-                          label: _ctx.getLabel(item),
-                          value: _ctx.getValue(item)
-                        }, () => [
-                          createTextVNode(toDisplayString(_ctx.getLabel(item)), 1)
-                        ])
-                      ], 2)
-                    ]),
-                    _: 2
-                  }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
-                ], 2);
-              }), 128)),
-              _ctx.collapseTags && _ctx.modelValue.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
+              ref: "prefixRef",
+              class: normalizeClass(_ctx.nsSelect.e("prefix"))
+            }, [
+              renderSlot(_ctx.$slots, "prefix")
+            ], 2)) : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              ref: "selectionRef",
+              class: normalizeClass([
+                _ctx.nsSelect.e("selection"),
+                _ctx.nsSelect.is("near", _ctx.multiple && !_ctx.$slots.prefix && !!_ctx.modelValue.length)
+              ])
+            }, [
+              _ctx.multiple ? renderSlot(_ctx.$slots, "tag", {
                 key: 0,
-                ref: "tagTooltipRef",
-                disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
-                "fallback-placements": ["bottom", "top", "right", "left"],
-                effect: _ctx.effect,
-                placement: "bottom",
-                "popper-class": _ctx.popperClass,
-                "popper-style": _ctx.popperStyle,
-                teleported: _ctx.teleported
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    ref: "collapseItemRef",
+                data: _ctx.states.cachedOptions,
+                deleteTag: _ctx.deleteTag,
+                selectDisabled: _ctx.selectDisabled
+              }, () => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: _ctx.getValueKey(_ctx.getValue(item)),
                     class: normalizeClass(_ctx.nsSelect.e("selected-item"))
                   }, [
                     createVNode(_component_el_tag, {
-                      closable: false,
+                      closable: !_ctx.selectDisabled && !_ctx.getDisabled(item),
                       size: _ctx.collapseTagSize,
                       type: _ctx.tagType,
                       effect: _ctx.tagEffect,
-                      style: normalizeStyle(_ctx.collapseTagStyle),
-                      "disable-transitions": ""
+                      "disable-transitions": "",
+                      style: normalizeStyle(_ctx.tagStyle),
+                      onClose: ($event) => _ctx.deleteTag($event, item)
                     }, {
                       default: withCtx(() => [
                         createElementVNode("span", {
                           class: normalizeClass(_ctx.nsSelect.e("tags-text"))
-                        }, " + " + toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 3)
+                        }, [
+                          renderSlot(_ctx.$slots, "label", {
+                            index: _ctx.getIndex(item),
+                            label: _ctx.getLabel(item),
+                            value: _ctx.getValue(item)
+                          }, () => [
+                            createTextVNode(toDisplayString(_ctx.getLabel(item)), 1)
+                          ])
+                        ], 2)
                       ]),
-                      _: 1
-                    }, 8, ["size", "type", "effect", "style"])
-                  ], 2)
-                ]),
-                content: withCtx(() => [
-                  createElementVNode("div", {
-                    ref: "tagMenuRef",
-                    class: normalizeClass(_ctx.nsSelect.e("selection"))
-                  }, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (selected) => {
-                      return openBlock(), createElementBlock("div", {
-                        key: _ctx.getValueKey(_ctx.getValue(selected)),
-                        class: normalizeClass(_ctx.nsSelect.e("selected-item"))
-                      }, [
-                        createVNode(_component_el_tag, {
-                          class: "in-tooltip",
-                          closable: !_ctx.selectDisabled && !_ctx.getDisabled(selected),
-                          size: _ctx.collapseTagSize,
-                          type: _ctx.tagType,
-                          effect: _ctx.tagEffect,
-                          "disable-transitions": "",
-                          onClose: ($event) => _ctx.deleteTag($event, selected)
-                        }, {
-                          default: withCtx(() => [
-                            createElementVNode("span", {
-                              class: normalizeClass(_ctx.nsSelect.e("tags-text"))
-                            }, [
-                              renderSlot(_ctx.$slots, "label", {
-                                label: _ctx.getLabel(selected),
-                                value: _ctx.getValue(selected)
-                              }, () => [
-                                createTextVNode(toDisplayString(_ctx.getLabel(selected)), 1)
-                              ])
-                            ], 2)
-                          ]),
-                          _: 2
-                        }, 1032, ["closable", "size", "type", "effect", "onClose"])
-                      ], 2);
-                    }), 128))
-                  ], 2)
+                      _: 2
+                    }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
+                  ], 2);
+                }), 128)),
+                _ctx.collapseTags && _ctx.modelValue.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
+                  key: 0,
+                  ref: "tagTooltipRef",
+                  disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
+                  "fallback-placements": ["bottom", "top", "right", "left"],
+                  effect: _ctx.effect,
+                  placement: "bottom",
+                  "popper-class": _ctx.popperClass,
+                  "popper-style": _ctx.popperStyle,
+                  teleported: _ctx.teleported
+                }, {
+                  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,
+                        effect: _ctx.tagEffect,
+                        style: normalizeStyle(_ctx.collapseTagStyle),
+                        "disable-transitions": ""
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("span", {
+                            class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                          }, " + " + toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 3)
+                        ]),
+                        _: 1
+                      }, 8, ["size", "type", "effect", "style"])
+                    ], 2)
+                  ]),
+                  content: withCtx(() => [
+                    createElementVNode("div", {
+                      ref: "tagMenuRef",
+                      class: normalizeClass(_ctx.nsSelect.e("selection"))
+                    }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (selected) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: _ctx.getValueKey(_ctx.getValue(selected)),
+                          class: normalizeClass(_ctx.nsSelect.e("selected-item"))
+                        }, [
+                          createVNode(_component_el_tag, {
+                            class: "in-tooltip",
+                            closable: !_ctx.selectDisabled && !_ctx.getDisabled(selected),
+                            size: _ctx.collapseTagSize,
+                            type: _ctx.tagType,
+                            effect: _ctx.tagEffect,
+                            "disable-transitions": "",
+                            onClose: ($event) => _ctx.deleteTag($event, selected)
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", {
+                                class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                              }, [
+                                renderSlot(_ctx.$slots, "label", {
+                                  index: _ctx.getIndex(selected),
+                                  label: _ctx.getLabel(selected),
+                                  value: _ctx.getValue(selected)
+                                }, () => [
+                                  createTextVNode(toDisplayString(_ctx.getLabel(selected)), 1)
+                                ])
+                              ], 2)
+                            ]),
+                            _: 2
+                          }, 1032, ["closable", "size", "type", "effect", "onClose"])
+                        ], 2);
+                      }), 128))
+                    ], 2)
+                  ]),
+                  _: 3
+                }, 8, ["disabled", "effect", "popper-class", "popper-style", "teleported"])) : createCommentVNode("v-if", true)
+              ]) : createCommentVNode("v-if", true),
+              createElementVNode("div", {
+                class: normalizeClass([
+                  _ctx.nsSelect.e("selected-item"),
+                  _ctx.nsSelect.e("input-wrapper"),
+                  _ctx.nsSelect.is("hidden", !_ctx.filterable)
+                ])
+              }, [
+                withDirectives(createElementVNode("input", {
+                  id: _ctx.inputId,
+                  ref: "inputRef",
+                  "onUpdate:modelValue": ($event) => _ctx.states.inputValue = $event,
+                  style: normalizeStyle(_ctx.inputStyle),
+                  autocomplete: _ctx.autocomplete,
+                  tabindex: _ctx.tabindex,
+                  "aria-autocomplete": "list",
+                  "aria-haspopup": "listbox",
+                  autocapitalize: "off",
+                  "aria-expanded": _ctx.expanded,
+                  "aria-label": _ctx.ariaLabel,
+                  class: normalizeClass([_ctx.nsSelect.e("input"), _ctx.nsSelect.is(_ctx.selectSize)]),
+                  disabled: _ctx.selectDisabled,
+                  role: "combobox",
+                  readonly: !_ctx.filterable,
+                  spellcheck: "false",
+                  type: "text",
+                  name: _ctx.name,
+                  onInput: _ctx.onInput,
+                  onCompositionstart: _ctx.handleCompositionStart,
+                  onCompositionupdate: _ctx.handleCompositionUpdate,
+                  onCompositionend: _ctx.handleCompositionEnd,
+                  onKeydown: [
+                    withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"]),
+                    withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"]),
+                    withKeys(withModifiers(_ctx.onKeyboardSelect, ["stop", "prevent"]), ["enter"]),
+                    withKeys(withModifiers(_ctx.handleEsc, ["stop", "prevent"]), ["esc"]),
+                    withKeys(withModifiers(_ctx.handleDel, ["stop"]), ["delete"])
+                  ],
+                  onClick: withModifiers(_ctx.toggleMenu, ["stop"])
+                }, null, 46, ["id", "onUpdate:modelValue", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name", "onInput", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown", "onClick"]), [
+                  [vModelText, _ctx.states.inputValue]
                 ]),
-                _: 3
-              }, 8, ["disabled", "effect", "popper-class", "popper-style", "teleported"])) : createCommentVNode("v-if", true)
-            ]) : createCommentVNode("v-if", true),
-            createElementVNode("div", {
-              class: normalizeClass([
-                _ctx.nsSelect.e("selected-item"),
-                _ctx.nsSelect.e("input-wrapper"),
-                _ctx.nsSelect.is("hidden", !_ctx.filterable)
-              ])
-            }, [
-              withDirectives(createElementVNode("input", {
-                id: _ctx.inputId,
-                ref: "inputRef",
-                "onUpdate:modelValue": ($event) => _ctx.states.inputValue = $event,
-                style: normalizeStyle(_ctx.inputStyle),
-                autocomplete: _ctx.autocomplete,
-                tabindex: _ctx.tabindex,
-                "aria-autocomplete": "list",
-                "aria-haspopup": "listbox",
-                autocapitalize: "off",
-                "aria-expanded": _ctx.expanded,
-                "aria-label": _ctx.ariaLabel,
-                class: normalizeClass([_ctx.nsSelect.e("input"), _ctx.nsSelect.is(_ctx.selectSize)]),
-                disabled: _ctx.selectDisabled,
-                role: "combobox",
-                readonly: !_ctx.filterable,
-                spellcheck: "false",
-                type: "text",
-                name: _ctx.name,
-                onInput: _ctx.onInput,
-                onCompositionstart: _ctx.handleCompositionStart,
-                onCompositionupdate: _ctx.handleCompositionUpdate,
-                onCompositionend: _ctx.handleCompositionEnd,
-                onKeydown: [
-                  withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"]),
-                  withKeys(withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"]),
-                  withKeys(withModifiers(_ctx.onKeyboardSelect, ["stop", "prevent"]), ["enter"]),
-                  withKeys(withModifiers(_ctx.handleEsc, ["stop", "prevent"]), ["esc"]),
-                  withKeys(withModifiers(_ctx.handleDel, ["stop"]), ["delete"])
-                ],
-                onClick: withModifiers(_ctx.toggleMenu, ["stop"])
-              }, null, 46, ["id", "onUpdate:modelValue", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name", "onInput", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown", "onClick"]), [
-                [vModelText, _ctx.states.inputValue]
-              ]),
-              _ctx.filterable ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                ref: "calculatorRef",
-                "aria-hidden": "true",
-                class: normalizeClass(_ctx.nsSelect.e("input-calculator")),
-                textContent: toDisplayString(_ctx.states.inputValue)
-              }, null, 10, ["textContent"])) : createCommentVNode("v-if", true)
+                _ctx.filterable ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  ref: "calculatorRef",
+                  "aria-hidden": "true",
+                  class: normalizeClass(_ctx.nsSelect.e("input-calculator")),
+                  textContent: toDisplayString(_ctx.states.inputValue)
+                }, null, 10, ["textContent"])) : createCommentVNode("v-if", true)
+              ], 2),
+              _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: normalizeClass([
+                  _ctx.nsSelect.e("selected-item"),
+                  _ctx.nsSelect.e("placeholder"),
+                  _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
+                ])
+              }, [
+                _ctx.hasModelValue ? renderSlot(_ctx.$slots, "label", {
+                  key: 0,
+                  index: (_b = (_a = _ctx.allOptionsValueMap.get(_ctx.modelValue)) == null ? void 0 : _a.index) != null ? _b : -1,
+                  label: _ctx.currentPlaceholder,
+                  value: _ctx.modelValue
+                }, () => [
+                  createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)
+                ]) : (openBlock(), createElementBlock("span", { key: 1 }, toDisplayString(_ctx.currentPlaceholder), 1))
+              ], 2)) : createCommentVNode("v-if", true)
             ], 2),
-            _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass([
-                _ctx.nsSelect.e("selected-item"),
-                _ctx.nsSelect.e("placeholder"),
-                _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
-              ])
+            createElementVNode("div", {
+              ref: "suffixRef",
+              class: normalizeClass(_ctx.nsSelect.e("suffix"))
             }, [
-              _ctx.hasModelValue ? renderSlot(_ctx.$slots, "label", {
+              _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
                 key: 0,
-                label: _ctx.currentPlaceholder,
-                value: _ctx.modelValue
-              }, () => [
-                createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)
-              ]) : (openBlock(), createElementBlock("span", { key: 1 }, toDisplayString(_ctx.currentPlaceholder), 1))
-            ], 2)) : createCommentVNode("v-if", true)
-          ], 2),
-          createElementVNode("div", {
-            ref: "suffixRef",
-            class: normalizeClass(_ctx.nsSelect.e("suffix"))
-          }, [
-            _ctx.iconComponent ? withDirectives((openBlock(), createBlock(_component_el_icon, {
-              key: 0,
-              class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsInput.e("icon"), _ctx.iconReverse])
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
-              ]),
-              _: 1
-            }, 8, ["class"])), [
-              [vShow, !_ctx.showClearBtn]
-            ]) : createCommentVNode("v-if", true),
-            _ctx.showClearBtn && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
-              key: 1,
-              class: normalizeClass([
-                _ctx.nsSelect.e("caret"),
-                _ctx.nsInput.e("icon"),
-                _ctx.nsSelect.e("clear")
-              ]),
-              onClick: withModifiers(_ctx.handleClear, ["prevent", "stop"])
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
-              ]),
-              _: 1
-            }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
-            _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (openBlock(), createBlock(_component_el_icon, {
-              key: 2,
-              class: normalizeClass([
-                _ctx.nsInput.e("icon"),
-                _ctx.nsInput.e("validateIcon"),
-                _ctx.nsInput.is("loading", _ctx.validateState === "validating")
-              ])
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
-              ]),
-              _: 1
-            }, 8, ["class"])) : createCommentVNode("v-if", true)
-          ], 2)
-        ], 10, ["onClick"])
-      ]),
+                class: normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsInput.e("icon"), _ctx.iconReverse])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                ]),
+                _: 1
+              }, 8, ["class"])), [
+                [vShow, !_ctx.showClearBtn]
+              ]) : createCommentVNode("v-if", true),
+              _ctx.showClearBtn && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+                key: 1,
+                class: normalizeClass([
+                  _ctx.nsSelect.e("caret"),
+                  _ctx.nsInput.e("icon"),
+                  _ctx.nsSelect.e("clear")
+                ]),
+                onClick: withModifiers(_ctx.handleClear, ["prevent", "stop"])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+                ]),
+                _: 1
+              }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
+              _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (openBlock(), createBlock(_component_el_icon, {
+                key: 2,
+                class: normalizeClass([
+                  _ctx.nsInput.e("icon"),
+                  _ctx.nsInput.e("validateIcon"),
+                  _ctx.nsInput.is("loading", _ctx.validateState === "validating")
+                ])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.validateIcon)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : createCommentVNode("v-if", true)
+            ], 2)
+          ], 10, ["onClick"])
+        ];
+      }),
       content: withCtx(() => [
         createVNode(_component_el_select_menu, {
           ref: "menuRef",