element-plus 2.10.0 → 2.10.2

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.10.0 */
+/*! Element Plus v2.10.2 */
 
 import { unref, readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, isRef, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, inject, onUnmounted, h as h$1, Teleport as Teleport$1, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, toRef, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
 
@@ -11562,9 +11562,9 @@ function useFocusController(target, {
     emit("blur", event);
     afterBlur == null ? void 0 : afterBlur();
   };
-  const handleClick = () => {
+  const handleClick = (event) => {
     var _a, _b;
-    if (((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement || disabled.value)
+    if (((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement || isFocusable(event.target) || disabled.value)
       return;
     (_b = target.value) == null ? void 0 : _b.focus();
   };
@@ -11801,7 +11801,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "2.10.0";
+const version$1 = "2.10.2";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -12285,8 +12285,8 @@ function useFormLabelWidth() {
   };
 }
 const filterFields = (fields, props) => {
-  const normalized = castArray$1(props);
-  return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
+  const normalized = castArray$1(props).map((prop) => isArray$1(prop) ? prop.join(".") : prop);
+  return normalized.length > 0 ? fields.filter((field) => field.propString && normalized.includes(field.propString)) : fields;
 };
 
 const COMPONENT_NAME$p = "ElForm";
@@ -12315,7 +12315,7 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
       ];
     });
     const getField = (prop) => {
-      return fields.find((field) => field.prop === prop);
+      return filterFields(fields, [prop])[0];
     };
     const addField = (field) => {
       fields.push(field);
@@ -12372,9 +12372,10 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
       return Promise.reject(validationErrors);
     };
     const validateField = async (modelProps = [], callback) => {
+      let result = false;
       const shouldThrow = !isFunction$1(callback);
       try {
-        const result = await doValidateField(modelProps);
+        result = await doValidateField(modelProps);
         if (result === true) {
           await (callback == null ? void 0 : callback(result));
         }
@@ -12389,13 +12390,13 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
             formItem == null ? void 0 : formItem.scrollIntoView(props.scrollIntoViewOptions);
           }
         }
-        await (callback == null ? void 0 : callback(false, invalidFields));
+        !result && await (callback == null ? void 0 : callback(false, invalidFields));
         return shouldThrow && Promise.reject(invalidFields);
       }
     };
     const scrollToField = (prop) => {
       var _a;
-      const field = filterFields(fields, prop)[0];
+      const field = getField(prop);
       if (field) {
         (_a = field.$el) == null ? void 0 : _a.scrollIntoView(props.scrollIntoViewOptions);
       }
@@ -12422,6 +12423,7 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
       resetFields,
       clearValidate,
       scrollToField,
+      getField,
       fields
     });
     return (_ctx, _cache) => {
@@ -13685,7 +13687,7 @@ const _sfc_main$2w = /* @__PURE__ */ defineComponent({
     const propString = computed(() => {
       if (!props.prop)
         return "";
-      return isString$1(props.prop) ? props.prop : props.prop.join(".");
+      return isArray$1(props.prop) ? props.prop.join(".") : props.prop;
     });
     const hasLabel = computed(() => {
       return !!(props.label || slots.label);
@@ -13838,6 +13840,7 @@ const _sfc_main$2w = /* @__PURE__ */ defineComponent({
       ...toRefs(props),
       $el: formItemRef,
       size: _size,
+      validateMessage,
       validateState,
       labelId,
       inputIds,
@@ -13848,7 +13851,8 @@ const _sfc_main$2w = /* @__PURE__ */ defineComponent({
       removeInputId,
       resetField,
       clearValidate,
-      validate
+      validate,
+      propString
     });
     provide(formItemContextKey, context);
     onMounted(() => {
@@ -14587,6 +14591,7 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
     let cursorDown = false;
     let cursorLeave = false;
     let baseScrollHeight = 0;
+    let baseScrollWidth = 0;
     let originalOnSelectStart = isClient ? document.onselectstart : null;
     const bar = computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
     const thumbStyle = computed(() => renderThumbStyle$1({
@@ -14619,6 +14624,7 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
       e.stopImmediatePropagation();
       cursorDown = true;
       baseScrollHeight = scrollbar.wrapElement.scrollHeight;
+      baseScrollWidth = scrollbar.wrapElement.scrollWidth;
       document.addEventListener("mousemove", mouseMoveDocumentHandler);
       document.addEventListener("mouseup", mouseUpDocumentHandler);
       originalOnSelectStart = document.onselectstart;
@@ -14635,7 +14641,11 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
       const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
       const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
       const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollHeight / 100;
+      if (bar.value.scroll === "scrollLeft") {
+        scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollWidth / 100;
+      } else {
+        scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollHeight / 100;
+      }
     };
     const mouseUpDocumentHandler = () => {
       cursorDown = false;
@@ -24327,6 +24337,9 @@ const cascaderProps = buildProps({
     type: Boolean,
     default: false
   },
+  maxCollapseTagsTooltipHeight: {
+    type: [String, Number]
+  },
   debounce: {
     type: Number,
     default: 300
@@ -24868,33 +24881,38 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
                         createElementVNode("span", null, toDisplayString(tag.text), 1)
                       ]),
                       content: withCtx(() => [
-                        createElementVNode("div", {
-                          class: normalizeClass(unref(nsCascader).e("collapse-tags"))
-                        }, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(allPresentTags.value.slice(_ctx.maxCollapseTags), (tag2, idx) => {
-                            return openBlock(), createElementBlock("div", {
-                              key: idx,
-                              class: normalizeClass(unref(nsCascader).e("collapse-tag"))
+                        createVNode(unref(ElScrollbar), { "max-height": _ctx.maxCollapseTagsTooltipHeight }, {
+                          default: withCtx(() => [
+                            createElementVNode("div", {
+                              class: normalizeClass(unref(nsCascader).e("collapse-tags"))
                             }, [
-                              (openBlock(), createBlock(unref(ElTag), {
-                                key: tag2.key,
-                                class: "in-tooltip",
-                                type: _ctx.tagType,
-                                size: unref(tagSize),
-                                effect: _ctx.tagEffect,
-                                hit: tag2.hitState,
-                                closable: tag2.closable,
-                                "disable-transitions": "",
-                                onClose: ($event) => deleteTag(tag2)
-                              }, {
-                                default: withCtx(() => [
-                                  createElementVNode("span", null, toDisplayString(tag2.text), 1)
-                                ]),
-                                _: 2
-                              }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
-                            ], 2);
-                          }), 128))
-                        ], 2)
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(allPresentTags.value.slice(_ctx.maxCollapseTags), (tag2, idx) => {
+                                return openBlock(), createElementBlock("div", {
+                                  key: idx,
+                                  class: normalizeClass(unref(nsCascader).e("collapse-tag"))
+                                }, [
+                                  (openBlock(), createBlock(unref(ElTag), {
+                                    key: tag2.key,
+                                    class: "in-tooltip",
+                                    type: _ctx.tagType,
+                                    size: unref(tagSize),
+                                    effect: _ctx.tagEffect,
+                                    hit: tag2.hitState,
+                                    closable: tag2.closable,
+                                    "disable-transitions": "",
+                                    onClose: ($event) => deleteTag(tag2)
+                                  }, {
+                                    default: withCtx(() => [
+                                      createElementVNode("span", null, toDisplayString(tag2.text), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
+                                ], 2);
+                              }), 128))
+                            ], 2)
+                          ]),
+                          _: 1
+                        }, 8, ["max-height"])
                       ]),
                       _: 2
                     }, 1032, ["disabled"]))
@@ -27015,6 +27033,7 @@ const panelSharedProps = buildProps({
 });
 const panelRangeSharedProps = buildProps({
   unlinkPanels: Boolean,
+  visible: Boolean,
   parsedValue: {
     type: definePropType(Array)
   }
@@ -27047,12 +27066,12 @@ const isValidRange = (range) => {
   const [left, right] = range;
   return dayjs.isDayjs(left) && dayjs.isDayjs(right) && dayjs(left).isValid() && dayjs(right).isValid() && left.isSameOrBefore(right);
 };
-const getDefaultValue = (defaultValue, { lang, unit, unlinkPanels }) => {
+const getDefaultValue = (defaultValue, { lang, step = 1, unit, unlinkPanels }) => {
   let start;
   if (isArray$1(defaultValue)) {
     let [left, right] = defaultValue.map((d) => dayjs(d).locale(lang));
     if (!unlinkPanels) {
-      right = left.add(1, unit);
+      right = left.add(step, unit);
     }
     return [left, right];
   } else if (defaultValue) {
@@ -27061,7 +27080,7 @@ const getDefaultValue = (defaultValue, { lang, unit, unlinkPanels }) => {
     start = dayjs();
   }
   start = start.locale(lang);
-  return [start, start.add(1, unit)];
+  return [start, start.add(step, unit)];
 };
 const buildPickerTable = (dimension, rows, {
   columnIndexOffset,
@@ -27112,12 +27131,12 @@ const buildPickerTable = (dimension, rows, {
   }
 };
 const datesInMonth = (date, year, month, lang) => {
-  const firstDay = dayjs(date).locale(lang).month(month).year(year);
+  const firstDay = dayjs().locale(lang).startOf("month").month(month).year(year).hour(date.hour()).minute(date.minute()).second(date.second());
   const numOfDays = firstDay.daysInMonth();
   return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
 };
 const getValidDateOfMonth = (date, year, month, lang, disabledDate) => {
-  const _value = dayjs(date).year(year).month(month);
+  const _value = dayjs().year(year).month(month).startOf("month").hour(date.hour()).minute(date.minute()).second(date.second());
   const _date = datesInMonth(date, year, month, lang).find((date2) => {
     return !(disabledDate == null ? void 0 : disabledDate(date2));
   });
@@ -28710,8 +28729,7 @@ var DatePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "panel
 
 const panelDateRangeProps = buildProps({
   ...panelSharedProps,
-  ...panelRangeSharedProps,
-  visible: Boolean
+  ...panelRangeSharedProps
 });
 
 const useShortcut = (lang) => {
@@ -28743,6 +28761,7 @@ const useRangePicker = (props, {
   defaultTime,
   leftDate,
   rightDate,
+  step,
   unit,
   onParsedValueChanged
 }) => {
@@ -28787,6 +28806,7 @@ const useRangePicker = (props, {
   const restoreDefault = () => {
     let [start, end] = getDefaultValue(unref(defaultValue), {
       lang: unref(lang),
+      step,
       unit,
       unlinkPanels: props.unlinkPanels
     });
@@ -29773,7 +29793,8 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
       handleChangeRange,
       handleRangeConfirm,
       handleShortcutClick,
-      onSelect
+      onSelect,
+      onReset
     } = useRangePicker(props, {
       defaultValue,
       leftDate,
@@ -29836,6 +29857,12 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
         rightDate.value = leftDate.value.add(1, unit$1);
       }
     }
+    watch(() => props.visible, (visible) => {
+      if (!visible && rangeState.value.selecting) {
+        onReset(props.parsedValue);
+        onSelect(false);
+      }
+    });
     emit("set-picker-option", ["isValidValue", isValidRange]);
     emit("set-picker-option", ["formatToString", formatToString]);
     emit("set-picker-option", ["parseUserInput", parseUserInput]);
@@ -30043,6 +30070,7 @@ const useYearRangeHeader = ({
   };
 };
 
+const step = 10;
 const unit = "year";
 const __default__$18 = defineComponent({
   name: "DatePickerYearRange"
@@ -30055,10 +30083,45 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { lang } = useLocale();
     const leftDate = ref(dayjs().locale(lang.value));
-    const rightDate = ref(leftDate.value.add(10, "year"));
-    const { pickerNs: ppNs } = inject(ROOT_PICKER_INJECTION_KEY);
-    const drpNs = useNamespace("date-range-picker");
+    const rightDate = ref(dayjs().locale(lang.value).add(step, unit));
     const isDefaultFormat = inject(ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY);
+    const pickerBase = inject(PICKER_BASE_INJECTION_KEY);
+    const { shortcuts, disabledDate } = pickerBase.props;
+    const format = toRef(pickerBase.props, "format");
+    const defaultValue = toRef(pickerBase.props, "defaultValue");
+    const {
+      minDate,
+      maxDate,
+      rangeState,
+      ppNs,
+      drpNs,
+      handleChangeRange,
+      handleRangeConfirm,
+      handleShortcutClick,
+      onSelect,
+      onReset
+    } = useRangePicker(props, {
+      defaultValue,
+      leftDate,
+      rightDate,
+      step,
+      unit,
+      onParsedValueChanged
+    });
+    const {
+      leftPrevYear,
+      rightNextYear,
+      leftNextYear,
+      rightPrevYear,
+      leftLabel,
+      rightLabel,
+      leftYear,
+      rightYear
+    } = useYearRangeHeader({
+      unlinkPanels: toRef(props, "unlinkPanels"),
+      leftDate,
+      rightDate
+    });
     const hasShortcuts = computed(() => !!shortcuts.length);
     const panelKls = computed(() => [
       ppNs.b(),
@@ -30089,33 +30152,9 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
         arrowRightBtn: [ppNs.e("icon-btn"), "d-arrow-right"]
       };
     });
-    const handleShortcutClick = useShortcut(lang);
-    const {
-      leftPrevYear,
-      rightNextYear,
-      leftNextYear,
-      rightPrevYear,
-      leftLabel,
-      rightLabel,
-      leftYear,
-      rightYear
-    } = useYearRangeHeader({
-      unlinkPanels: toRef(props, "unlinkPanels"),
-      leftDate,
-      rightDate
-    });
     const enableYearArrow = computed(() => {
       return props.unlinkPanels && rightYear.value > leftYear.value + 1;
     });
-    const minDate = ref();
-    const maxDate = ref();
-    const rangeState = ref({
-      endDate: null,
-      selecting: false
-    });
-    const handleChangeRange = (val) => {
-      rangeState.value = val;
-    };
     const handleRangePick = (val, close = true) => {
       const minDate_ = val.minDate;
       const maxDate_ = val.maxDate;
@@ -30127,67 +30166,8 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
       minDate.value = minDate_;
       if (!close)
         return;
-      handleConfirm();
-    };
-    const handleConfirm = (visible = false) => {
-      if (isValidRange([minDate.value, maxDate.value])) {
-        emit("pick", [minDate.value, maxDate.value], visible);
-      }
-    };
-    const onSelect = (selecting) => {
-      rangeState.value.selecting = selecting;
-      if (!selecting) {
-        rangeState.value.endDate = null;
-      }
-    };
-    const pickerBase = inject(PICKER_BASE_INJECTION_KEY);
-    const { shortcuts, disabledDate } = pickerBase.props;
-    const format = toRef(pickerBase.props, "format");
-    const defaultValue = toRef(pickerBase.props, "defaultValue");
-    const getDefaultValue = () => {
-      let start;
-      if (isArray$1(defaultValue.value)) {
-        const left = dayjs(defaultValue.value[0]);
-        let right = dayjs(defaultValue.value[1]);
-        if (!props.unlinkPanels) {
-          right = left.add(10, unit);
-        }
-        return [left, right];
-      } else if (defaultValue.value) {
-        start = dayjs(defaultValue.value);
-      } else {
-        start = dayjs();
-      }
-      start = start.locale(lang.value);
-      return [start, start.add(10, unit)];
+      handleRangeConfirm();
     };
-    watch(() => defaultValue.value, (val) => {
-      if (val) {
-        const defaultArr = getDefaultValue();
-        leftDate.value = defaultArr[0];
-        rightDate.value = defaultArr[1];
-      }
-    }, { immediate: true });
-    watch(() => props.parsedValue, (newVal) => {
-      if (newVal && newVal.length === 2) {
-        minDate.value = newVal[0];
-        maxDate.value = newVal[1];
-        leftDate.value = minDate.value;
-        if (props.unlinkPanels && maxDate.value) {
-          const minDateYear = minDate.value.year();
-          const maxDateYear = maxDate.value.year();
-          rightDate.value = minDateYear === maxDateYear ? maxDate.value.add(10, "year") : maxDate.value;
-        } else {
-          rightDate.value = leftDate.value.add(10, "year");
-        }
-      } else {
-        const defaultArr = getDefaultValue();
-        minDate.value = void 0;
-        maxDate.value = void 0;
-        leftDate.value = defaultArr[0];
-        rightDate.value = defaultArr[1];
-      }
-    }, { immediate: true });
     const parseUserInput = (value) => {
       return correctlyParseUserInput(value, format.value, lang.value, isDefaultFormat);
     };
@@ -30198,13 +30178,31 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
       return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
     };
     const handleClear = () => {
-      const defaultArr = getDefaultValue();
+      const defaultArr = getDefaultValue(unref(defaultValue), {
+        lang: unref(lang),
+        step,
+        unit,
+        unlinkPanels: props.unlinkPanels
+      });
       leftDate.value = defaultArr[0];
       rightDate.value = defaultArr[1];
-      maxDate.value = void 0;
-      minDate.value = void 0;
       emit("pick", null);
     };
+    function onParsedValueChanged(minDate2, maxDate2) {
+      if (props.unlinkPanels && maxDate2) {
+        const minDateYear = (minDate2 == null ? void 0 : minDate2.year()) || 0;
+        const maxDateYear = maxDate2.year();
+        rightDate.value = minDateYear + step > maxDateYear ? maxDate2.add(step, unit) : maxDate2;
+      } else {
+        rightDate.value = leftDate.value.add(step, unit);
+      }
+    }
+    watch(() => props.visible, (visible) => {
+      if (!visible && rangeState.value.selecting) {
+        onReset(props.parsedValue);
+        onSelect(false);
+      }
+    });
     emit("set-picker-option", ["isValidValue", isValidValue]);
     emit("set-picker-option", ["parseUserInput", parseUserInput]);
     emit("set-picker-option", ["formatToString", formatToString]);
@@ -30276,14 +30274,14 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
               createVNode(YearTable, {
                 "selection-mode": "range",
                 date: leftDate.value,
-                "min-date": minDate.value,
-                "max-date": maxDate.value,
-                "range-state": rangeState.value,
+                "min-date": unref(minDate),
+                "max-date": unref(maxDate),
+                "range-state": unref(rangeState),
                 "disabled-date": unref(disabledDate),
-                onChangerange: handleChangeRange,
+                onChangerange: unref(handleChangeRange),
                 onPick: handleRangePick,
-                onSelect
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+                onSelect: unref(onSelect)
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
             ], 2),
             createElementVNode("div", {
               class: normalizeClass(unref(rightPanelKls).content)
@@ -30326,14 +30324,14 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
               createVNode(YearTable, {
                 "selection-mode": "range",
                 date: rightDate.value,
-                "min-date": minDate.value,
-                "max-date": maxDate.value,
-                "range-state": rangeState.value,
+                "min-date": unref(minDate),
+                "max-date": unref(maxDate),
+                "range-state": unref(rangeState),
                 "disabled-date": unref(disabledDate),
-                onChangerange: handleChangeRange,
+                onChangerange: unref(handleChangeRange),
                 onPick: handleRangePick,
-                onSelect
-              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date"])
+                onSelect: unref(onSelect)
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
             ], 2)
           ], 2)
         ], 2)
@@ -36905,6 +36903,13 @@ const _sfc_main$10 = defineComponent({
     "popup-scroll"
   ],
   setup(props, { emit, slots }) {
+    const instance = getCurrentInstance();
+    instance.appContext.config.warnHandler = (...args) => {
+      if (!args[0] || args[0].includes('Slot "default" invoked outside of the render function')) {
+        return;
+      }
+      console.warn(...args);
+    };
     const modelValue = computed(() => {
       const { modelValue: rawModelValue, multiple } = props;
       const fallback = multiple ? [] : void 0;
@@ -36919,24 +36924,47 @@ const _sfc_main$10 = defineComponent({
     });
     const API = useSelect$3(_props, emit);
     const { calculatorRef, inputStyle } = useCalcInputWidth();
+    const flatTreeSelectData = (data) => {
+      return data.reduce((acc, item) => {
+        acc.push(item);
+        if (item.children && item.children.length > 0) {
+          acc.push(...flatTreeSelectData(item.children));
+        }
+        return acc;
+      }, []);
+    };
     const manuallyRenderSlots = (vnodes) => {
-      const children = flattedChildren(vnodes);
-      children.filter((item) => {
-        return isObject$1(item) && item.type.name === "ElOption";
-      }).forEach((item) => {
-        const obj = { ...item.props };
-        obj.currentLabel = obj.label || (isObject$1(obj.value) ? "" : obj.value);
-        API.onOptionCreate(obj);
+      const children = flattedChildren(vnodes || []);
+      children.forEach((item) => {
+        var _a;
+        if (isObject$1(item) && (item.type.name === "ElOption" || item.type.name === "ElTree")) {
+          const _name = item.type.name;
+          if (_name === "ElTree") {
+            const treeData = ((_a = item.props) == null ? void 0 : _a.data) || [];
+            const flatData = flatTreeSelectData(treeData);
+            flatData.forEach((treeItem) => {
+              treeItem.currentLabel = treeItem.label || (isObject$1(treeItem.value) ? "" : treeItem.value);
+              API.onOptionCreate(treeItem);
+            });
+          } else if (_name === "ElOption") {
+            const obj = { ...item.props };
+            obj.currentLabel = obj.label || (isObject$1(obj.value) ? "" : obj.value);
+            API.onOptionCreate(obj);
+          }
+        }
       });
     };
-    watchEffect(() => {
-      if (!props.persistent) {
-        nextTick(() => {
-          var _a, _b;
-          const defaultSlots = h$1(Fragment, (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : []).children;
-          manuallyRenderSlots(defaultSlots);
-        });
+    watch(() => {
+      var _a;
+      const slotsContent = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      return slotsContent;
+    }, (newSlot) => {
+      if (props.persistent) {
+        return;
       }
+      manuallyRenderSlots(newSlot);
+    }, {
+      immediate: true
     });
     provide(selectKey, reactive({
       props: _props,

package/dist/locale/af.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.10.0 */
+/*! Element Plus v2.10.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/dist/locale/af.min.js

@@ -1,2 +1,2 @@
-/*! Element Plus v2.10.0 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{breadcrumb:{label:"Breadcrumb"},colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},mention:{loading:"Laai"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"},carousel:{leftArrow:"Carousel arrow left",rightArrow:"Carousel arrow right",indicator:"Carousel switch to index {index}"}}};return e});
+/*! Element Plus v2.10.2 */(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.ElementPlusLocaleAf=t())})(this,function(){"use strict";var e={name:"af",el:{breadcrumb:{label:"Breadcrumb"},colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},mention:{loading:"Laai"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"},carousel:{leftArrow:"Carousel arrow left",rightArrow:"Carousel arrow right",indicator:"Carousel switch to index {index}"}}};return e});
 //# sourceMappingURL=af.min.js.map

package/dist/locale/af.min.mjs

@@ -1,2 +1,2 @@
-/*! Element Plus v2.10.0 */var e={name:"af",el:{breadcrumb:{label:"Breadcrumb"},colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},mention:{loading:"Laai"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"},carousel:{leftArrow:"Carousel arrow left",rightArrow:"Carousel arrow right",indicator:"Carousel switch to index {index}"}}};export{e as default};
+/*! Element Plus v2.10.2 */var e={name:"af",el:{breadcrumb:{label:"Breadcrumb"},colorpicker:{confirm:"Bevestig",clear:"Maak skoon"},datepicker:{now:"Nou",today:"Vandag",cancel:"Kanselleer",clear:"Maak skoon",confirm:"Bevestig",selectDate:"Kies datum",selectTime:"Kies tyd",startDate:"Begindatum",startTime:"Begintyd",endDate:"Einddatum",endTime:"Eindtyd",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",year:"Jaar",month1:"Jan",month2:"Feb",month3:"Mrt",month4:"Apr",month5:"Mei",month6:"Jun",month7:"Jul",month8:"Aug",month9:"Sep",month10:"Okt",month11:"Nov",month12:"Des",weeks:{sun:"So",mon:"Ma",tue:"Di",wed:"Wo",thu:"Do",fri:"Vr",sat:"Sa"},months:{jan:"Jan",feb:"Feb",mar:"Mrt",apr:"Apr",may:"Mei",jun:"Jun",jul:"Jul",aug:"Aug",sep:"Sep",oct:"Okt",nov:"Nov",dec:"Des"}},select:{loading:"Laai",noMatch:"Geen toepaslike data",noData:"Geen data",placeholder:"Kies"},mention:{loading:"Laai"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:"",page:"Page",prev:"Go to previous page",next:"Go to next page",currentPage:"page {pager}",prevPages:"Previous {pager} pages",nextPages:"Next {pager} pages"},messagebox:{title:"Boodskap",confirm:"Bevestig",cancel:"Kanselleer",error:"Ongeldige invoer"},upload:{deleteTip:"press delete to remove",delete:"Verwyder",preview:"Voorskou",continue:"Gaan voort"},table:{emptyText:"Geen Data",confirmFilter:"Bevestig",resetFilter:"Herstel",clearFilter:"Alles",sumText:"Som"},tree:{emptyText:"Geen Data"},transfer:{noMatch:"Geen toepaslike data",noData:"Geen data",titles:["Lys 1","Lys 2"],filterPlaceholder:"Voer sleutelwoord in",noCheckedFormat:"{total} items",hasCheckedFormat:"{checked}/{total} gekies"},image:{error:"FAILED"},pageHeader:{title:"Back"},popconfirm:{confirmButtonText:"Yes",cancelButtonText:"No"},carousel:{leftArrow:"Carousel arrow left",rightArrow:"Carousel arrow right",indicator:"Carousel switch to index {index}"}}};export{e as default};
 //# sourceMappingURL=af.min.mjs.map

package/dist/locale/af.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.10.0 */
+/*! Element Plus v2.10.2 */
 
 var af = {
   name: "af",