@element-plus/nightly 0.0.20250824 → 0.0.20250826

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250824 */
+/*! Element Plus v0.0.20250826 */
 
 import { unref, readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, computed, isRef, reactive, ref, watch, getCurrentInstance, onMounted, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, inject, onUnmounted, h as h$1, Teleport as Teleport$1, onBeforeMount, provide, triggerRef, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, toRef, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, resolveComponent, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
 
@@ -12465,7 +12465,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20250824";
+const version$1 = "0.0.20250826";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -14946,7 +14946,7 @@ const _sfc_main$2w = /* @__PURE__ */ defineComponent({
           return;
         const isElHidden = ((_a = textarea.value) == null ? void 0 : _a.offsetParent) === null;
         if (!isElHidden) {
-          resizeTextarea2();
+          setTimeout(resizeTextarea2);
           isInit = true;
         }
       };
@@ -24679,7 +24679,7 @@ class Store {
 
 const CommonProps = buildProps({
   modelValue: {
-    type: definePropType([Number, String, Array])
+    type: definePropType([Number, String, Array, Object])
   },
   options: {
     type: definePropType(Array),
@@ -29873,7 +29873,7 @@ const useRangePicker = (props, {
   rightDate,
   step,
   unit,
-  onParsedValueChanged
+  sortDates
 }) => {
   const { emit } = getCurrentInstance();
   const { pickerNs } = inject(ROOT_PICKER_INJECTION_KEY);
@@ -29902,13 +29902,13 @@ const useRangePicker = (props, {
       rangeState.value.endDate = null;
     }
   };
-  const onReset = (parsedValue) => {
+  const parseValue = (parsedValue) => {
     if (isArray$1(parsedValue) && parsedValue.length === 2) {
       const [start, end] = parsedValue;
       minDate.value = start;
       leftDate.value = start;
       maxDate.value = end;
-      onParsedValueChanged(unref(minDate), unref(maxDate));
+      sortDates(unref(minDate), unref(maxDate));
     } else {
       restoreDefault();
     }
@@ -29951,14 +29951,14 @@ const useRangePicker = (props, {
   }, { immediate: true });
   watch(() => props.parsedValue, (parsedValue) => {
     if (!(parsedValue == null ? void 0 : parsedValue.length)) {
-      onReset(parsedValue);
+      parseValue(parsedValue);
     }
   }, {
     immediate: true
   });
   watch(() => props.visible, () => {
     if (props.visible) {
-      onReset(props.parsedValue);
+      parseValue(props.parsedValue);
     }
   }, { immediate: true });
   return {
@@ -29972,7 +29972,7 @@ const useRangePicker = (props, {
     handleRangeConfirm,
     handleShortcutClick,
     onSelect,
-    onReset,
+    parseValue,
     t
   };
 };
@@ -30101,7 +30101,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
       handleRangeConfirm,
       handleShortcutClick,
       onSelect,
-      onReset,
+      parseValue,
       t
     } = useRangePicker(props, {
       defaultValue,
@@ -30109,11 +30109,11 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
       leftDate,
       rightDate,
       unit: unit$2,
-      onParsedValueChanged
+      sortDates
     });
     watch(() => props.visible, (visible) => {
       if (!visible && rangeState.value.selecting) {
-        onReset(props.parsedValue);
+        parseValue(props.parsedValue);
         onSelect(false);
       }
     });
@@ -30304,6 +30304,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
             minDate.value = maxDate.value.subtract(1, "month");
           }
         }
+        sortDates(minDate.value, maxDate.value);
       }
     };
     const handleDateChange = (_, type) => {
@@ -30353,7 +30354,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
         maxDate.value = minDate.value;
         rightDate.value = value;
         nextTick(() => {
-          onReset(props.parsedValue);
+          parseValue(props.parsedValue);
         });
       }
     };
@@ -30388,7 +30389,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     const parseUserInput = (value) => {
       return correctlyParseUserInput(value, format.value || "", lang.value, isDefaultFormat);
     };
-    function onParsedValueChanged(minDate2, maxDate2) {
+    function sortDates(minDate2, maxDate2) {
       if (props.unlinkPanels && maxDate2) {
         const minDateYear = (minDate2 == null ? void 0 : minDate2.year()) || 0;
         const minDateMonth = (minDate2 == null ? void 0 : minDate2.month()) || 0;
@@ -30949,13 +30950,13 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
       handleRangeConfirm,
       handleShortcutClick,
       onSelect,
-      onReset
+      parseValue
     } = useRangePicker(props, {
       defaultValue,
       leftDate,
       rightDate,
       unit: unit$1,
-      onParsedValueChanged
+      sortDates
     });
     const hasShortcuts = computed(() => !!shortcuts.length);
     const {
@@ -31003,7 +31004,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     const parseUserInput = (value) => {
       return correctlyParseUserInput(value, format.value, lang.value, isDefaultFormat);
     };
-    function onParsedValueChanged(minDate2, maxDate2) {
+    function sortDates(minDate2, maxDate2) {
       if (props.unlinkPanels && maxDate2) {
         const minDateYear = (minDate2 == null ? void 0 : minDate2.year()) || 0;
         const maxDateYear = maxDate2.year();
@@ -31014,7 +31015,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     }
     watch(() => props.visible, (visible) => {
       if (!visible && rangeState.value.selecting) {
-        onReset(props.parsedValue);
+        parseValue(props.parsedValue);
         onSelect(false);
       }
     });
@@ -31263,14 +31264,14 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
       handleRangeConfirm,
       handleShortcutClick,
       onSelect,
-      onReset
+      parseValue
     } = useRangePicker(props, {
       defaultValue,
       leftDate,
       rightDate,
       step,
       unit,
-      onParsedValueChanged
+      sortDates
     });
     const {
       leftPrevYear,
@@ -31354,7 +31355,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
       rightDate.value = defaultArr[1];
       emit("pick", null);
     };
-    function onParsedValueChanged(minDate2, maxDate2) {
+    function sortDates(minDate2, maxDate2) {
       if (props.unlinkPanels && maxDate2) {
         const minDateYear = (minDate2 == null ? void 0 : minDate2.year()) || 0;
         const maxDateYear = maxDate2.year();
@@ -31365,7 +31366,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     }
     watch(() => props.visible, (visible) => {
       if (!visible && rangeState.value.selecting) {
-        onReset(props.parsedValue);
+        parseValue(props.parsedValue);
         onSelect(false);
       }
     });
@@ -33267,6 +33268,10 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     let isSizeUpdating = false;
     watch(() => props.size, () => {
       if (!isSizeUpdating && panel.value) {
+        if (!containerSize.value) {
+          panel.value.size = props.size;
+          return;
+        }
         const size = sizeToPx(props.size);
         const maxSize = sizeToPx(props.max);
         const minSize = sizeToPx(props.min);
@@ -38418,6 +38423,7 @@ const useSelect$3 = (props, emit) => {
       const isEqualValue = isObjectValue ? get(cachedOption.value, props.valueKey) === get(value, props.valueKey) : cachedOption.value === value;
       if (isEqualValue) {
         option = {
+          index: optionsArray.value.filter((opt) => !opt.created).indexOf(cachedOption),
           value,
           currentLabel: cachedOption.currentLabel,
           get isDisabled() {
@@ -38431,6 +38437,7 @@ const useSelect$3 = (props, emit) => {
       return option;
     const label = isObjectValue ? value.label : value != null ? value : "";
     const newOption = {
+      index: -1,
       value,
       currentLabel: label
     };
@@ -38788,6 +38795,7 @@ const useSelect$3 = (props, emit) => {
     showTagList,
     collapseTagList,
     popupScroll,
+    getOption,
     tagStyle,
     collapseTagStyle,
     popperRef,
@@ -39276,6 +39284,7 @@ function _sfc_render$8(_ctx, _cache) {
                           class: normalizeClass(_ctx.nsSelect.e("tags-text"))
                         }, [
                           renderSlot(_ctx.$slots, "label", {
+                            index: item.index,
                             label: item.currentLabel,
                             value: item.value
                           }, () => [
@@ -39344,6 +39353,7 @@ function _sfc_render$8(_ctx, _cache) {
                                 class: normalizeClass(_ctx.nsSelect.e("tags-text"))
                               }, [
                                 renderSlot(_ctx.$slots, "label", {
+                                  index: item.index,
                                   label: item.currentLabel,
                                   value: item.value
                                 }, () => [
@@ -39420,6 +39430,7 @@ function _sfc_render$8(_ctx, _cache) {
               }, [
                 _ctx.hasModelValue ? renderSlot(_ctx.$slots, "label", {
                   key: 0,
+                  index: _ctx.getOption(_ctx.modelValue).index,
                   label: _ctx.currentPlaceholder,
                   value: _ctx.modelValue
                 }, () => [
@@ -40956,6 +40967,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     const currentValue = ref(props.modelValue);
     const hoverIndex = ref(-1);
     const pointerAtLeftHalf = ref(true);
+    const iconRefs = ref([]);
+    const iconClientWidths = computed(() => iconRefs.value.map((icon) => icon.$el.clientWidth));
     const rateClasses = computed(() => [ns.b(), ns.m(rateSize.value)]);
     const rateDisabled = computed(() => props.disabled || (formContext == null ? void 0 : formContext.disabled));
     const rateStyles = computed(() => {
@@ -41039,27 +41052,20 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       if (rateDisabled.value) {
         return;
       }
-      let _currentValue = currentValue.value;
       const code = e.code;
+      const step = props.allowHalf ? 0.5 : 1;
+      let _currentValue = currentValue.value;
       if (code === EVENT_CODE.up || code === EVENT_CODE.right) {
-        if (props.allowHalf) {
-          _currentValue += 0.5;
-        } else {
-          _currentValue += 1;
-        }
-        e.stopPropagation();
-        e.preventDefault();
+        _currentValue += step;
       } else if (code === EVENT_CODE.left || code === EVENT_CODE.down) {
-        if (props.allowHalf) {
-          _currentValue -= 0.5;
-        } else {
-          _currentValue -= 1;
-        }
-        e.stopPropagation();
-        e.preventDefault();
+        _currentValue -= step;
+      }
+      _currentValue = clamp$1(_currentValue, 0, props.max);
+      if (_currentValue === currentValue.value) {
+        return;
       }
-      _currentValue = _currentValue < 0 ? 0 : _currentValue;
-      _currentValue = _currentValue > props.max ? props.max : _currentValue;
+      e.stopPropagation();
+      e.preventDefault();
       emit(UPDATE_MODEL_EVENT, _currentValue);
       emit(CHANGE_EVENT, _currentValue);
       return _currentValue;
@@ -41069,14 +41075,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         return;
       }
       if (props.allowHalf && event) {
-        let target = event.target;
-        if (hasClass(target, ns.e("item"))) {
-          target = target.querySelector(`.${ns.e("icon")}`);
-        }
-        if (target.clientWidth === 0 || hasClass(target, ns.e("decimal"))) {
-          target = target.parentNode;
-        }
-        pointerAtLeftHalf.value = event.offsetX * 2 <= target.clientWidth;
+        pointerAtLeftHalf.value = event.offsetX * 2 <= iconClientWidths.value[value - 1];
         currentValue.value = pointerAtLeftHalf.value ? value - 0.5 : value;
       } else {
         currentValue.value = value;
@@ -41129,6 +41128,9 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             onClick: ($event) => selectValue(item)
           }, [
             createVNode(unref(ElIcon), {
+              ref_for: true,
+              ref_key: "iconRefs",
+              ref: iconRefs,
               class: normalizeClass([
                 unref(ns).e("icon"),
                 { hover: hoverIndex.value === item },
@@ -41141,10 +41143,9 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                     [vShow, item <= currentValue.value]
                   ]),
                   withDirectives((openBlock(), createBlock(resolveDynamicComponent(unref(voidComponent)), null, null, 512)), [
-                    [vShow, !(item <= currentValue.value)]
+                    [vShow, item > currentValue.value]
                   ])
-                ], 64)) : createCommentVNode("v-if", true),
-                showDecimalIcon(item) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                   (openBlock(), createBlock(resolveDynamicComponent(unref(voidComponent)), {
                     class: normalizeClass([unref(ns).em("decimal", "box")])
                   }, null, 8, ["class"])),
@@ -41157,7 +41158,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["style", "class"])
-                ], 64)) : createCommentVNode("v-if", true)
+                ], 64))
               ]),
               _: 2
             }, 1032, ["class"])
@@ -44176,6 +44177,10 @@ const useSelect$1 = (props, emit) => {
       [aliasProps.value.label]: value
     };
   };
+  const getIndex = (option) => {
+    var _a, _b;
+    return (_b = (_a = allOptionsValueMap.value.get(getValue(option))) == null ? void 0 : _a.index) != null ? _b : -1;
+  };
   const initStates = (needUpdateSelectedLabel = false) => {
     if (props.multiple) {
       if (props.modelValue.length > 0) {
@@ -44291,6 +44296,7 @@ const useSelect$1 = (props, emit) => {
     popupHeight,
     debounce: debounce$1,
     allOptions,
+    allOptionsValueMap,
     filteredOptions,
     iconComponent,
     iconReverse,
@@ -44330,6 +44336,7 @@ const useSelect$1 = (props, emit) => {
     getValue,
     getDisabled,
     getValueKey,
+    getIndex,
     handleClear,
     handleClickOutside,
     handleDel,
@@ -44443,252 +44450,258 @@ function _sfc_render$5(_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",
@@ -59572,9 +59585,13 @@ function useFilter(props, tree) {
         if (filter == null ? void 0 : filter(query, node.data, node)) {
           family.forEach((member) => {
             expandKeySet.add(member.key);
+            member.expanded = true;
           });
-        } else if (node.isLeaf) {
-          hiddenKeys.add(node.key);
+        } else {
+          node.expanded = false;
+          if (node.isLeaf) {
+            hiddenKeys.add(node.key);
+          }
         }
         const children = node.children;
         if (children) {
@@ -59749,6 +59766,11 @@ function useTree(props, emit) {
   function setExpandedKeys(keys) {
     const expandedKeys = /* @__PURE__ */ new Set();
     const nodeMap = tree.value.treeNodeMap;
+    expandedKeySet.value.forEach((key) => {
+      const node = nodeMap.get(key);
+      expandedKeySet.value.delete(node.key);
+      node.expanded = false;
+    });
     keys.forEach((k) => {
       let node = nodeMap.get(k);
       while (node && !expandedKeys.has(node.key)) {
@@ -65380,11 +65402,11 @@ function closeAll() {
   }
 }
 function updateOffsets(position = "top-right") {
-  var _a, _b, _c;
-  let verticalOffset = ((_b = (_a = notifications[position][0]) == null ? void 0 : _a.vm.props) == null ? void 0 : _b.offset) || 0;
+  var _a, _b, _c, _d;
+  let verticalOffset = ((_c = (_b = (_a = notifications[position][0]) == null ? void 0 : _a.vm.component) == null ? void 0 : _b.props) == null ? void 0 : _c.offset) || 0;
   for (const { vm } of notifications[position]) {
     vm.component.props.offset = verticalOffset;
-    verticalOffset += (((_c = vm.el) == null ? void 0 : _c.offsetHeight) || 0) + GAP_SIZE;
+    verticalOffset += (((_d = vm.el) == null ? void 0 : _d.offsetHeight) || 0) + GAP_SIZE;
   }
 }
 notify.closeAll = closeAll;