@element-plus/nightly 0.0.20250824 → 0.0.20250826

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250824 */
+/*! Element Plus v0.0.20250826 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12469,7 +12469,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250824";
+  const version$1 = "0.0.20250826";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14950,7 +14950,7 @@
             return;
           const isElHidden = ((_a = textarea.value) == null ? void 0 : _a.offsetParent) === null;
           if (!isElHidden) {
-            resizeTextarea2();
+            setTimeout(resizeTextarea2);
             isInit = true;
           }
         };
@@ -24683,7 +24683,7 @@
 
   const CommonProps = buildProps({
     modelValue: {
-      type: definePropType([Number, String, Array])
+      type: definePropType([Number, String, Array, Object])
     },
     options: {
       type: definePropType(Array),
@@ -29877,7 +29877,7 @@
     rightDate,
     step,
     unit,
-    onParsedValueChanged
+    sortDates
   }) => {
     const { emit } = vue.getCurrentInstance();
     const { pickerNs } = vue.inject(ROOT_PICKER_INJECTION_KEY);
@@ -29906,13 +29906,13 @@
         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(vue.unref(minDate), vue.unref(maxDate));
+        sortDates(vue.unref(minDate), vue.unref(maxDate));
       } else {
         restoreDefault();
       }
@@ -29955,14 +29955,14 @@
     }, { immediate: true });
     vue.watch(() => props.parsedValue, (parsedValue) => {
       if (!(parsedValue == null ? void 0 : parsedValue.length)) {
-        onReset(parsedValue);
+        parseValue(parsedValue);
       }
     }, {
       immediate: true
     });
     vue.watch(() => props.visible, () => {
       if (props.visible) {
-        onReset(props.parsedValue);
+        parseValue(props.parsedValue);
       }
     }, { immediate: true });
     return {
@@ -29976,7 +29976,7 @@
       handleRangeConfirm,
       handleShortcutClick,
       onSelect,
-      onReset,
+      parseValue,
       t
     };
   };
@@ -30105,7 +30105,7 @@
         handleRangeConfirm,
         handleShortcutClick,
         onSelect,
-        onReset,
+        parseValue,
         t
       } = useRangePicker(props, {
         defaultValue,
@@ -30113,11 +30113,11 @@
         leftDate,
         rightDate,
         unit: unit$2,
-        onParsedValueChanged
+        sortDates
       });
       vue.watch(() => props.visible, (visible) => {
         if (!visible && rangeState.value.selecting) {
-          onReset(props.parsedValue);
+          parseValue(props.parsedValue);
           onSelect(false);
         }
       });
@@ -30308,6 +30308,7 @@
               minDate.value = maxDate.value.subtract(1, "month");
             }
           }
+          sortDates(minDate.value, maxDate.value);
         }
       };
       const handleDateChange = (_, type) => {
@@ -30357,7 +30358,7 @@
           maxDate.value = minDate.value;
           rightDate.value = value;
           vue.nextTick(() => {
-            onReset(props.parsedValue);
+            parseValue(props.parsedValue);
           });
         }
       };
@@ -30392,7 +30393,7 @@
       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;
@@ -30953,13 +30954,13 @@
         handleRangeConfirm,
         handleShortcutClick,
         onSelect,
-        onReset
+        parseValue
       } = useRangePicker(props, {
         defaultValue,
         leftDate,
         rightDate,
         unit: unit$1,
-        onParsedValueChanged
+        sortDates
       });
       const hasShortcuts = vue.computed(() => !!shortcuts.length);
       const {
@@ -31007,7 +31008,7 @@
       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();
@@ -31018,7 +31019,7 @@
       }
       vue.watch(() => props.visible, (visible) => {
         if (!visible && rangeState.value.selecting) {
-          onReset(props.parsedValue);
+          parseValue(props.parsedValue);
           onSelect(false);
         }
       });
@@ -31267,14 +31268,14 @@
         handleRangeConfirm,
         handleShortcutClick,
         onSelect,
-        onReset
+        parseValue
       } = useRangePicker(props, {
         defaultValue,
         leftDate,
         rightDate,
         step,
         unit,
-        onParsedValueChanged
+        sortDates
       });
       const {
         leftPrevYear,
@@ -31358,7 +31359,7 @@
         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();
@@ -31369,7 +31370,7 @@
       }
       vue.watch(() => props.visible, (visible) => {
         if (!visible && rangeState.value.selecting) {
-          onReset(props.parsedValue);
+          parseValue(props.parsedValue);
           onSelect(false);
         }
       });
@@ -33271,6 +33272,10 @@
       let isSizeUpdating = false;
       vue.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);
@@ -38422,6 +38427,7 @@
         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() {
@@ -38435,6 +38441,7 @@
         return option;
       const label = isObjectValue ? value.label : value != null ? value : "";
       const newOption = {
+        index: -1,
         value,
         currentLabel: label
       };
@@ -38792,6 +38799,7 @@
       showTagList,
       collapseTagList,
       popupScroll,
+      getOption,
       tagStyle,
       collapseTagStyle,
       popperRef,
@@ -39280,6 +39288,7 @@
                             class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
                           }, [
                             vue.renderSlot(_ctx.$slots, "label", {
+                              index: item.index,
                               label: item.currentLabel,
                               value: item.value
                             }, () => [
@@ -39348,6 +39357,7 @@
                                   class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
                                 }, [
                                   vue.renderSlot(_ctx.$slots, "label", {
+                                    index: item.index,
                                     label: item.currentLabel,
                                     value: item.value
                                   }, () => [
@@ -39424,6 +39434,7 @@
                 }, [
                   _ctx.hasModelValue ? vue.renderSlot(_ctx.$slots, "label", {
                     key: 0,
+                    index: _ctx.getOption(_ctx.modelValue).index,
                     label: _ctx.currentPlaceholder,
                     value: _ctx.modelValue
                   }, () => [
@@ -40960,6 +40971,8 @@
       const currentValue = vue.ref(props.modelValue);
       const hoverIndex = vue.ref(-1);
       const pointerAtLeftHalf = vue.ref(true);
+      const iconRefs = vue.ref([]);
+      const iconClientWidths = vue.computed(() => iconRefs.value.map((icon) => icon.$el.clientWidth));
       const rateClasses = vue.computed(() => [ns.b(), ns.m(rateSize.value)]);
       const rateDisabled = vue.computed(() => props.disabled || (formContext == null ? void 0 : formContext.disabled));
       const rateStyles = vue.computed(() => {
@@ -41043,27 +41056,20 @@
         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;
@@ -41073,14 +41079,7 @@
           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;
@@ -41133,6 +41132,9 @@
               onClick: ($event) => selectValue(item)
             }, [
               vue.createVNode(vue.unref(ElIcon), {
+                ref_for: true,
+                ref_key: "iconRefs",
+                ref: iconRefs,
                 class: vue.normalizeClass([
                   vue.unref(ns).e("icon"),
                   { hover: hoverIndex.value === item },
@@ -41145,10 +41147,9 @@
                       [vue.vShow, item <= currentValue.value]
                     ]),
                     vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(voidComponent)), null, null, 512)), [
-                      [vue.vShow, !(item <= currentValue.value)]
+                      [vue.vShow, item > currentValue.value]
                     ])
-                  ], 64)) : vue.createCommentVNode("v-if", true),
-                  showDecimalIcon(item) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(voidComponent)), {
                       class: vue.normalizeClass([vue.unref(ns).em("decimal", "box")])
                     }, null, 8, ["class"])),
@@ -41161,7 +41162,7 @@
                       ]),
                       _: 1
                     }, 8, ["style", "class"])
-                  ], 64)) : vue.createCommentVNode("v-if", true)
+                  ], 64))
                 ]),
                 _: 2
               }, 1032, ["class"])
@@ -44180,6 +44181,10 @@
         [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) {
@@ -44295,6 +44300,7 @@
       popupHeight,
       debounce: debounce$1,
       allOptions,
+      allOptionsValueMap,
       filteredOptions,
       iconComponent,
       iconReverse,
@@ -44334,6 +44340,7 @@
       getValue,
       getDisabled,
       getValueKey,
+      getIndex,
       handleClear,
       handleClickOutside,
       handleDel,
@@ -44447,252 +44454,258 @@
         onBeforeShow: _ctx.handleMenuEnter,
         onHide: ($event) => _ctx.states.isBeforeHide = false
       }, {
-        default: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            ref: "wrapperRef",
-            class: vue.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: vue.withModifiers(_ctx.toggleMenu, ["prevent"])
-          }, [
-            _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              ref: "prefixRef",
-              class: vue.normalizeClass(_ctx.nsSelect.e("prefix"))
-            }, [
-              vue.renderSlot(_ctx.$slots, "prefix")
-            ], 2)) : vue.createCommentVNode("v-if", true),
+        default: vue.withCtx(() => {
+          var _a, _b;
+          return [
             vue.createElementVNode("div", {
-              ref: "selectionRef",
+              ref: "wrapperRef",
               class: vue.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: vue.withModifiers(_ctx.toggleMenu, ["prevent"])
             }, [
-              _ctx.multiple ? vue.renderSlot(_ctx.$slots, "tag", {
+              _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                data: _ctx.states.cachedOptions,
-                deleteTag: _ctx.deleteTag,
-                selectDisabled: _ctx.selectDisabled
-              }, () => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    key: _ctx.getValueKey(_ctx.getValue(item)),
-                    class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
-                  }, [
-                    vue.createVNode(_component_el_tag, {
-                      closable: !_ctx.selectDisabled && !_ctx.getDisabled(item),
-                      size: _ctx.collapseTagSize,
-                      type: _ctx.tagType,
-                      effect: _ctx.tagEffect,
-                      "disable-transitions": "",
-                      style: vue.normalizeStyle(_ctx.tagStyle),
-                      onClose: ($event) => _ctx.deleteTag($event, item)
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createElementVNode("span", {
-                          class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                        }, [
-                          vue.renderSlot(_ctx.$slots, "label", {
-                            label: _ctx.getLabel(item),
-                            value: _ctx.getValue(item)
-                          }, () => [
-                            vue.createTextVNode(vue.toDisplayString(_ctx.getLabel(item)), 1)
-                          ])
-                        ], 2)
-                      ]),
-                      _: 2
-                    }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
-                  ], 2);
-                }), 128)),
-                _ctx.collapseTags && _ctx.modelValue.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                ref: "prefixRef",
+                class: vue.normalizeClass(_ctx.nsSelect.e("prefix"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "prefix")
+              ], 2)) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("div", {
+                ref: "selectionRef",
+                class: vue.normalizeClass([
+                  _ctx.nsSelect.e("selection"),
+                  _ctx.nsSelect.is("near", _ctx.multiple && !_ctx.$slots.prefix && !!_ctx.modelValue.length)
+                ])
+              }, [
+                _ctx.multiple ? vue.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: vue.withCtx(() => [
-                    vue.createElementVNode("div", {
-                      ref: "collapseItemRef",
+                  data: _ctx.states.cachedOptions,
+                  deleteTag: _ctx.deleteTag,
+                  selectDisabled: _ctx.selectDisabled
+                }, () => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: _ctx.getValueKey(_ctx.getValue(item)),
                       class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
                     }, [
                       vue.createVNode(_component_el_tag, {
-                        closable: false,
+                        closable: !_ctx.selectDisabled && !_ctx.getDisabled(item),
                         size: _ctx.collapseTagSize,
                         type: _ctx.tagType,
                         effect: _ctx.tagEffect,
-                        style: vue.normalizeStyle(_ctx.collapseTagStyle),
-                        "disable-transitions": ""
+                        "disable-transitions": "",
+                        style: vue.normalizeStyle(_ctx.tagStyle),
+                        onClose: ($event) => _ctx.deleteTag($event, item)
                       }, {
                         default: vue.withCtx(() => [
                           vue.createElementVNode("span", {
                             class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                          }, " + " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 3)
+                          }, [
+                            vue.renderSlot(_ctx.$slots, "label", {
+                              index: _ctx.getIndex(item),
+                              label: _ctx.getLabel(item),
+                              value: _ctx.getValue(item)
+                            }, () => [
+                              vue.createTextVNode(vue.toDisplayString(_ctx.getLabel(item)), 1)
+                            ])
+                          ], 2)
                         ]),
-                        _: 1
-                      }, 8, ["size", "type", "effect", "style"])
-                    ], 2)
-                  ]),
-                  content: vue.withCtx(() => [
-                    vue.createElementVNode("div", {
-                      ref: "tagMenuRef",
-                      class: vue.normalizeClass(_ctx.nsSelect.e("selection"))
-                    }, [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (selected) => {
-                        return vue.openBlock(), vue.createElementBlock("div", {
-                          key: _ctx.getValueKey(_ctx.getValue(selected)),
-                          class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
-                        }, [
-                          vue.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: vue.withCtx(() => [
-                              vue.createElementVNode("span", {
-                                class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                              }, [
-                                vue.renderSlot(_ctx.$slots, "label", {
-                                  label: _ctx.getLabel(selected),
-                                  value: _ctx.getValue(selected)
-                                }, () => [
-                                  vue.createTextVNode(vue.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 ? (vue.openBlock(), vue.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: vue.withCtx(() => [
+                      vue.createElementVNode("div", {
+                        ref: "collapseItemRef",
+                        class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
+                      }, [
+                        vue.createVNode(_component_el_tag, {
+                          closable: false,
+                          size: _ctx.collapseTagSize,
+                          type: _ctx.tagType,
+                          effect: _ctx.tagEffect,
+                          style: vue.normalizeStyle(_ctx.collapseTagStyle),
+                          "disable-transitions": ""
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createElementVNode("span", {
+                              class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                            }, " + " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 3)
+                          ]),
+                          _: 1
+                        }, 8, ["size", "type", "effect", "style"])
+                      ], 2)
+                    ]),
+                    content: vue.withCtx(() => [
+                      vue.createElementVNode("div", {
+                        ref: "tagMenuRef",
+                        class: vue.normalizeClass(_ctx.nsSelect.e("selection"))
+                      }, [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (selected) => {
+                          return vue.openBlock(), vue.createElementBlock("div", {
+                            key: _ctx.getValueKey(_ctx.getValue(selected)),
+                            class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
+                          }, [
+                            vue.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: vue.withCtx(() => [
+                                vue.createElementVNode("span", {
+                                  class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                                }, [
+                                  vue.renderSlot(_ctx.$slots, "label", {
+                                    index: _ctx.getIndex(selected),
+                                    label: _ctx.getLabel(selected),
+                                    value: _ctx.getValue(selected)
+                                  }, () => [
+                                    vue.createTextVNode(vue.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"])) : vue.createCommentVNode("v-if", true)
+                ]) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass([
+                    _ctx.nsSelect.e("selected-item"),
+                    _ctx.nsSelect.e("input-wrapper"),
+                    _ctx.nsSelect.is("hidden", !_ctx.filterable)
+                  ])
+                }, [
+                  vue.withDirectives(vue.createElementVNode("input", {
+                    id: _ctx.inputId,
+                    ref: "inputRef",
+                    "onUpdate:modelValue": ($event) => _ctx.states.inputValue = $event,
+                    style: vue.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: vue.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: [
+                      vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"]),
+                      vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"]),
+                      vue.withKeys(vue.withModifiers(_ctx.onKeyboardSelect, ["stop", "prevent"]), ["enter"]),
+                      vue.withKeys(vue.withModifiers(_ctx.handleEsc, ["stop", "prevent"]), ["esc"]),
+                      vue.withKeys(vue.withModifiers(_ctx.handleDel, ["stop"]), ["delete"])
+                    ],
+                    onClick: vue.withModifiers(_ctx.toggleMenu, ["stop"])
+                  }, null, 46, ["id", "onUpdate:modelValue", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name", "onInput", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown", "onClick"]), [
+                    [vue.vModelText, _ctx.states.inputValue]
                   ]),
-                  _: 3
-                }, 8, ["disabled", "effect", "popper-class", "popper-style", "teleported"])) : vue.createCommentVNode("v-if", true)
-              ]) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass([
-                  _ctx.nsSelect.e("selected-item"),
-                  _ctx.nsSelect.e("input-wrapper"),
-                  _ctx.nsSelect.is("hidden", !_ctx.filterable)
-                ])
-              }, [
-                vue.withDirectives(vue.createElementVNode("input", {
-                  id: _ctx.inputId,
-                  ref: "inputRef",
-                  "onUpdate:modelValue": ($event) => _ctx.states.inputValue = $event,
-                  style: vue.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: vue.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: [
-                    vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"]),
-                    vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"]),
-                    vue.withKeys(vue.withModifiers(_ctx.onKeyboardSelect, ["stop", "prevent"]), ["enter"]),
-                    vue.withKeys(vue.withModifiers(_ctx.handleEsc, ["stop", "prevent"]), ["esc"]),
-                    vue.withKeys(vue.withModifiers(_ctx.handleDel, ["stop"]), ["delete"])
-                  ],
-                  onClick: vue.withModifiers(_ctx.toggleMenu, ["stop"])
-                }, null, 46, ["id", "onUpdate:modelValue", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name", "onInput", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown", "onClick"]), [
-                  [vue.vModelText, _ctx.states.inputValue]
-                ]),
-                _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 0,
-                  ref: "calculatorRef",
-                  "aria-hidden": "true",
-                  class: vue.normalizeClass(_ctx.nsSelect.e("input-calculator")),
-                  textContent: vue.toDisplayString(_ctx.states.inputValue)
-                }, null, 10, ["textContent"])) : vue.createCommentVNode("v-if", true)
+                  _ctx.filterable ? (vue.openBlock(), vue.createElementBlock("span", {
+                    key: 0,
+                    ref: "calculatorRef",
+                    "aria-hidden": "true",
+                    class: vue.normalizeClass(_ctx.nsSelect.e("input-calculator")),
+                    textContent: vue.toDisplayString(_ctx.states.inputValue)
+                  }, null, 10, ["textContent"])) : vue.createCommentVNode("v-if", true)
+                ], 2),
+                _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 1,
+                  class: vue.normalizeClass([
+                    _ctx.nsSelect.e("selected-item"),
+                    _ctx.nsSelect.e("placeholder"),
+                    _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
+                  ])
+                }, [
+                  _ctx.hasModelValue ? vue.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
+                  }, () => [
+                    vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
+                  ]) : (vue.openBlock(), vue.createElementBlock("span", { key: 1 }, vue.toDisplayString(_ctx.currentPlaceholder), 1))
+                ], 2)) : vue.createCommentVNode("v-if", true)
               ], 2),
-              _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 1,
-                class: vue.normalizeClass([
-                  _ctx.nsSelect.e("selected-item"),
-                  _ctx.nsSelect.e("placeholder"),
-                  _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
-                ])
+              vue.createElementVNode("div", {
+                ref: "suffixRef",
+                class: vue.normalizeClass(_ctx.nsSelect.e("suffix"))
               }, [
-                _ctx.hasModelValue ? vue.renderSlot(_ctx.$slots, "label", {
+                _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_icon, {
                   key: 0,
-                  label: _ctx.currentPlaceholder,
-                  value: _ctx.modelValue
-                }, () => [
-                  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
-                ]) : (vue.openBlock(), vue.createElementBlock("span", { key: 1 }, vue.toDisplayString(_ctx.currentPlaceholder), 1))
-              ], 2)) : vue.createCommentVNode("v-if", true)
-            ], 2),
-            vue.createElementVNode("div", {
-              ref: "suffixRef",
-              class: vue.normalizeClass(_ctx.nsSelect.e("suffix"))
-            }, [
-              _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_icon, {
-                key: 0,
-                class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsInput.e("icon"), _ctx.iconReverse])
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
-                ]),
-                _: 1
-              }, 8, ["class"])), [
-                [vue.vShow, !_ctx.showClearBtn]
-              ]) : vue.createCommentVNode("v-if", true),
-              _ctx.showClearBtn && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                key: 1,
-                class: vue.normalizeClass([
-                  _ctx.nsSelect.e("caret"),
-                  _ctx.nsInput.e("icon"),
-                  _ctx.nsSelect.e("clear")
-                ]),
-                onClick: vue.withModifiers(_ctx.handleClear, ["prevent", "stop"])
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
-                ]),
-                _: 1
-              }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
-              _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                key: 2,
-                class: vue.normalizeClass([
-                  _ctx.nsInput.e("icon"),
-                  _ctx.nsInput.e("validateIcon"),
-                  _ctx.nsInput.is("loading", _ctx.validateState === "validating")
-                ])
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-            ], 2)
-          ], 10, ["onClick"])
-        ]),
+                  class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsInput.e("icon"), _ctx.iconReverse])
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
+                  ]),
+                  _: 1
+                }, 8, ["class"])), [
+                  [vue.vShow, !_ctx.showClearBtn]
+                ]) : vue.createCommentVNode("v-if", true),
+                _ctx.showClearBtn && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                  key: 1,
+                  class: vue.normalizeClass([
+                    _ctx.nsSelect.e("caret"),
+                    _ctx.nsInput.e("icon"),
+                    _ctx.nsSelect.e("clear")
+                  ]),
+                  onClick: vue.withModifiers(_ctx.handleClear, ["prevent", "stop"])
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
+                _ctx.validateState && _ctx.validateIcon && _ctx.needStatusIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                  key: 2,
+                  class: vue.normalizeClass([
+                    _ctx.nsInput.e("icon"),
+                    _ctx.nsInput.e("validateIcon"),
+                    _ctx.nsInput.is("loading", _ctx.validateState === "validating")
+                  ])
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.validateIcon)))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+              ], 2)
+            ], 10, ["onClick"])
+          ];
+        }),
         content: vue.withCtx(() => [
           vue.createVNode(_component_el_select_menu, {
             ref: "menuRef",
@@ -59576,9 +59589,13 @@
           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) {
@@ -59753,6 +59770,11 @@
     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)) {
@@ -65384,11 +65406,11 @@
     }
   }
   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;