element-plus 2.2.8 → 2.2.9

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.8 */
+/*! Element Plus v2.2.9 */
 
 import { getCurrentScope, onScopeDispose, readonly, shallowRef, watchEffect, ref, watch, unref, getCurrentInstance, onMounted, nextTick, computed, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, defineComponent, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, resolveDirective, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, shallowReactive, render } from 'vue';
 
@@ -10730,7 +10730,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "2.2.8";
+const version$1 = "2.2.9";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -13569,6 +13569,10 @@ const autocompleteProps = buildProps({
   highlightFirstItem: {
     type: Boolean,
     default: false
+  },
+  fitInputWidth: {
+    type: Boolean,
+    default: false
   }
 });
 const autocompleteEmits = {
@@ -13789,7 +13793,6 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
         ref_key: "popperRef",
         ref: popperRef,
         visible: unref(suggestionVisible),
-        "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => isRef(suggestionVisible) ? suggestionVisible.value = $event : null),
         placement: _ctx.placement,
         "fallback-placements": ["bottom-start", "top-start"],
         "popper-class": [unref(ns).e("popper"), _ctx.popperClass],
@@ -13810,7 +13813,10 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
             ref_key: "regionRef",
             ref: regionRef,
             class: normalizeClass([unref(ns).b("suggestion"), unref(ns).is("loading", unref(suggestionLoading))]),
-            style: normalizeStyle({ minWidth: dropdownWidth.value, outline: "none" }),
+            style: normalizeStyle({
+              [_ctx.fitInputWidth ? "width" : "minWidth"]: dropdownWidth.value,
+              outline: "none"
+            }),
             role: "region"
           }, [
             createVNode(unref(ElScrollbar), {
@@ -16354,6 +16360,8 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
       return pickerOptions.value.isValidValue(value);
     };
     const handleKeydownInput = async (event) => {
+      if (props.readonly || pickerDisabled.value)
+        return;
       const { code } = event;
       emitKeydown(event);
       if (code === EVENT_CODE.esc) {
@@ -18739,6 +18747,10 @@ const useCheckboxGroupProps = {
   tag: {
     type: String,
     default: "div"
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
   }
 };
 const checkboxProps = {
@@ -18774,7 +18786,11 @@ const checkboxProps = {
   },
   border: Boolean,
   size: useSizeProp,
-  tabindex: [String, Number]
+  tabindex: [String, Number],
+  validateEvent: {
+    type: Boolean,
+    default: true
+  }
 };
 const useCheckboxGroup = () => {
   const elForm = inject(formContextKey, {});
@@ -18898,7 +18914,7 @@ const useEvent$1 = (props, {
   isDisabled,
   isLabeledByFormItem
 }) => {
-  const { elFormItem } = useCheckboxGroup();
+  const { elFormItem, checkboxGroup } = useCheckboxGroup();
   const { emit } = getCurrentInstance();
   function getLabeledValue(value) {
     var _a, _b;
@@ -18922,9 +18938,15 @@ const useEvent$1 = (props, {
       emitChangeEvent(model.value, e);
     }
   }
+  const validateEvent = computed(() => {
+    var _a;
+    return ((_a = checkboxGroup.validateEvent) == null ? void 0 : _a.value) || props.validateEvent;
+  });
   watch(() => props.modelValue, () => {
     var _a;
-    (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+    if (validateEvent.value) {
+      (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+    }
   });
   return {
     handleChange,
@@ -19199,7 +19221,9 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     });
     watch(() => props.modelValue, () => {
       var _a;
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+      if (props.validateEvent) {
+        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+      }
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
@@ -19288,8 +19312,7 @@ const useRadio = (props, emit) => {
 
 const _hoisted_1$Q = ["value", "name", "disabled"];
 const __default__$Z = {
-  name: "ElRadio",
-  inheritAttrs: false
+  name: "ElRadio"
 };
 const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   ...__default__$Z,
@@ -19297,14 +19320,6 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   emits: radioEmits,
   setup(__props, { emit }) {
     const props = __props;
-    const rawAttrs = useAttrs$1();
-    const containerStyle = computed(() => rawAttrs.style);
-    const inputAttrs = useAttrs({ excludeListeners: true });
-    const labelListeners = useAttrs({
-      excludeKeys: computed(() => {
-        return Object.keys(inputAttrs.value);
-      })
-    });
     const ns = useNamespace("radio");
     const { radioRef, radioGroup, focus, size, disabled, modelValue } = useRadio(props, emit);
     function handleChange() {
@@ -19312,18 +19327,16 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("label", mergeProps({
-        class: [
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass([
           unref(ns).b(),
           unref(ns).is("disabled", unref(disabled)),
           unref(ns).is("focus", unref(focus)),
           unref(ns).is("bordered", _ctx.border),
           unref(ns).is("checked", unref(modelValue) === _ctx.label),
-          unref(ns).m(unref(size)),
-          unref(rawAttrs).class
-        ],
-        style: unref(containerStyle)
-      }, unref(labelListeners)), [
+          unref(ns).m(unref(size))
+        ])
+      }, [
         createElementVNode("span", {
           class: normalizeClass([
             unref(ns).e("input"),
@@ -19331,20 +19344,19 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
             unref(ns).is("checked", unref(modelValue) === _ctx.label)
           ])
         }, [
-          withDirectives(createElementVNode("input", mergeProps({
+          withDirectives(createElementVNode("input", {
             ref_key: "radioRef",
             ref: radioRef,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-            class: unref(ns).e("original"),
+            class: normalizeClass(unref(ns).e("original")),
             value: _ctx.label,
             name: _ctx.name || ((_a = unref(radioGroup)) == null ? void 0 : _a.name),
             disabled: unref(disabled),
-            type: "radio"
-          }, unref(inputAttrs), {
+            type: "radio",
             onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
             onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false),
             onChange: handleChange
-          }), null, 16, _hoisted_1$Q), [
+          }, null, 42, _hoisted_1$Q), [
             [vModelRadio, unref(modelValue)]
           ]),
           createElementVNode("span", {
@@ -19360,7 +19372,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.label), 1)
           ])
         ], 34)
-      ], 16);
+      ], 2);
     };
   }
 });
@@ -19460,6 +19472,10 @@ const radioGroupProps = buildProps({
   name: {
     type: String,
     default: void 0
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
   }
 });
 const radioGroupEmits = radioEmits;
@@ -19500,7 +19516,11 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
       changeEvent,
       name
     }));
-    watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn()));
+    watch(() => props.modelValue, () => {
+      if (props.validateEvent) {
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         id: unref(groupId),
@@ -20581,7 +20601,11 @@ const _sfc_main$1B = defineComponent({
       default: ""
     },
     teleported: useTooltipContentProps.teleported,
-    tagType: { ...tagProps.type, default: "info" }
+    tagType: { ...tagProps.type, default: "info" },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    }
   },
   emits: [
     UPDATE_MODEL_EVENT,
@@ -20643,7 +20667,9 @@ const _sfc_main$1B = defineComponent({
         var _a;
         emit(UPDATE_MODEL_EVENT, val);
         emit(CHANGE_EVENT, val);
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        if (props.validateEvent) {
+          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        }
       }
     });
     const popperPaneRef = computed(() => {
@@ -22330,7 +22356,11 @@ const _sfc_main$1r = defineComponent({
       type: [String, Number],
       default: 0
     },
-    predefine: Array
+    predefine: Array,
+    validateEvent: {
+      type: Boolean,
+      default: true
+    }
   },
   emits: ["change", "active-change", UPDATE_MODEL_EVENT],
   setup(props, { emit }) {
@@ -22431,7 +22461,9 @@ const _sfc_main$1r = defineComponent({
       const value = color.value;
       emit(UPDATE_MODEL_EVENT, value);
       emit("change", value);
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+      if (props.validateEvent) {
+        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+      }
       debounceSetShowPicker(false);
       nextTick(() => {
         const newColor = new Color({
@@ -22449,7 +22481,7 @@ const _sfc_main$1r = defineComponent({
       debounceSetShowPicker(false);
       emit(UPDATE_MODEL_EVENT, null);
       emit("change", null);
-      if (props.modelValue !== null) {
+      if (props.modelValue !== null && props.validateEvent) {
         (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
       }
       resetColor();
@@ -23778,7 +23810,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
       const clickTarget = event.target;
       const target = clickTarget.closest("td");
       if (target) {
-        if (hasClass(target.parentNode, "disabled"))
+        if (hasClass(target, "disabled"))
           return;
         const year = target.textContent || target.innerText;
         emit("pick", Number(year));
@@ -26101,7 +26133,7 @@ const dialogProps = buildProps({
   },
   modelValue: {
     type: Boolean,
-    required: true
+    default: false
   },
   modalClass: String,
   width: {
@@ -26381,7 +26413,6 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                         draggable: unref(draggable),
                         fullscreen: _ctx.fullscreen,
                         "show-close": _ctx.showClose,
-                        style: normalizeStyle(unref(style)),
                         title: _ctx.title,
                         onClose: unref(handleClose)
                       }, createSlots({
@@ -26404,7 +26435,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                             renderSlot(_ctx.$slots, "footer")
                           ])
                         } : void 0
-                      ]), 1032, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "style", "title", "onClose"])) : createCommentVNode("v-if", true)
+                      ]), 1032, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : createCommentVNode("v-if", true)
                     ]),
                     _: 3
                   }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
@@ -27185,13 +27216,15 @@ const _sfc_main$14 = defineComponent({
         e.stopImmediatePropagation();
       }
     }
+    function handleBeforeShowTooltip() {
+      emit("visible-change", true);
+    }
     function handleShowTooltip(event) {
       if ((event == null ? void 0 : event.type) === "keydown") {
         contentRef.value.focus();
       }
-      emit("visible-change", true);
     }
-    function handleHideTooltip() {
+    function handleBeforeHideTooltip() {
       emit("visible-change", false);
     }
     provide(DROPDOWN_INJECTION_KEY, {
@@ -27235,8 +27268,9 @@ const _sfc_main$14 = defineComponent({
       handleEntryFocus,
       handleClose,
       handleOpen,
+      handleBeforeShowTooltip,
       handleShowTooltip,
-      handleHideTooltip,
+      handleBeforeHideTooltip,
       onFocusAfterTrapped,
       popperRef,
       contentRef,
@@ -27283,8 +27317,9 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
       teleported: "",
       pure: "",
       persistent: "",
+      onBeforeShow: _ctx.handleBeforeShowTooltip,
       onShow: _ctx.handleShowTooltip,
-      onHide: _ctx.handleHideTooltip
+      onBeforeHide: _ctx.handleBeforeHideTooltip
     }, createSlots({
       content: withCtx(() => [
         createVNode(_component_el_scrollbar, {
@@ -27332,7 +27367,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
           }, 8, ["id", "tabindex"])
         ])
       } : void 0
-    ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "onShow", "onHide"]),
+    ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "onBeforeShow", "onShow", "onBeforeHide"]),
     _ctx.splitButton ? (openBlock(), createBlock(_component_el_button_group, { key: 0 }, {
       default: withCtx(() => [
         createVNode(_component_el_button, mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
@@ -30307,6 +30342,10 @@ const inputNumberProps = buildProps({
   precision: {
     type: Number,
     validator: (val) => val >= 0 && val === Number.parseInt(`${val}`, 10)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
   }
 });
 const inputNumberEmits = {
@@ -30430,7 +30469,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
         newVal = isString(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear;
       }
       if (stepStrictly) {
-        newVal = Math.round(newVal / step) * step;
+        newVal = toPrecision(Math.round(newVal / step) * step, precision);
       }
       if (!isUndefined(precision)) {
         newVal = toPrecision(newVal, precision);
@@ -30451,7 +30490,9 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", newVal);
       emit("input", newVal);
       emit("change", newVal, oldVal);
-      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
+      if (props.validateEvent) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
+      }
       data.currentValue = newVal;
     };
     const handleInput = (value) => {
@@ -30478,7 +30519,9 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     const handleBlur = (event) => {
       var _a;
       emit("blur", event);
-      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
+      if (props.validateEvent) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
+      }
     };
     watch(() => props.modelValue, (value) => {
       data.currentValue = verifyValue(value, true);
@@ -31017,7 +31060,7 @@ var SubMenu = defineComponent({
     };
     const handleMouseenter = (event, showTimeout = props.showTimeout) => {
       var _a;
-      if (event.type === "focus" && !event.relatedTarget) {
+      if (event.type === "focus") {
         return;
       }
       if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical" || props.disabled) {
@@ -32063,7 +32106,7 @@ const useSelect$3 = (props, states, ctx) => {
     if (props.filterable && !props.multiple) {
       states.inputLength = 20;
     }
-    if (!isEqual$1(val, oldVal)) {
+    if (!isEqual$1(val, oldVal) && props.validateEvent) {
       (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
     }
   }, {
@@ -32707,7 +32750,11 @@ const _sfc_main$M = defineComponent({
       type: [String, Object],
       default: arrow_up_default
     },
-    tagType: { ...tagProps.type, default: "info" }
+    tagType: { ...tagProps.type, default: "info" },
+    validateEvent: {
+      type: Boolean,
+      default: true
+    }
   },
   emits: [
     UPDATE_MODEL_EVENT,
@@ -36925,6 +36972,10 @@ const SelectProps = {
   scrollbarAlwaysOn: {
     type: Boolean,
     default: false
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
   }
 };
 const OptionProps = {
@@ -37862,7 +37913,7 @@ const useSelect$1 = (props, emit) => {
     if (!val || val.toString() !== states.previousValue) {
       initStates();
     }
-    if (!isEqual$1(val, oldVal)) {
+    if (!isEqual$1(val, oldVal) && props.validateEvent) {
       (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
     }
   }, {
@@ -38504,8 +38555,17 @@ const sliderProps = buildProps({
     type: String,
     default: void 0
   },
+  placement: {
+    type: String,
+    values: Ee,
+    default: "top"
+  },
   marks: {
     type: definePropType(Object)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
   }
 });
 const isValidValue$1 = (value) => isNumber(value) || isArray(value) && value.every(isNumber);
@@ -38973,7 +39033,9 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
         initData.firstValue = val[0];
         initData.secondValue = val[1];
         if (valueChanged()) {
-          (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          if (props.validateEvent) {
+            (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          }
           initData.oldValue = val.slice();
         }
       }
@@ -38985,7 +39047,9 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
       } else {
         initData.firstValue = val;
         if (valueChanged()) {
-          (_b = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change").catch((err) => debugWarn());
+          if (props.validateEvent) {
+            (_b = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change").catch((err) => debugWarn());
+          }
           initData.oldValue = val;
         }
       }
@@ -39016,7 +39080,12 @@ const sliderButtonProps = buildProps({
     default: 0
   },
   vertical: Boolean,
-  tooltipClass: String
+  tooltipClass: String,
+  placement: {
+    type: String,
+    values: Ee,
+    default: "top"
+  }
 });
 const sliderButtonEmits = {
   [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
@@ -39085,7 +39154,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           ref: tooltip,
           visible: unref(tooltipVisible),
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(tooltipVisible) ? tooltipVisible.value = $event : null),
-          placement: "top",
+          placement: _ctx.placement,
+          "fallback-placements": ["top", "bottom", "right", "left"],
           "stop-popper-mouse-event": false,
           "popper-class": _ctx.tooltipClass,
           disabled: !unref(showTooltip),
@@ -39100,7 +39170,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             }, null, 2)
           ]),
           _: 1
-        }, 8, ["visible", "popper-class", "disabled"])
+        }, 8, ["visible", "placement", "popper-class", "disabled"])
       ], 38);
     };
   }
@@ -39263,6 +39333,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             "model-value": unref(firstValue),
             vertical: _ctx.vertical,
             "tooltip-class": _ctx.tooltipClass,
+            placement: _ctx.placement,
             role: "slider",
             "aria-label": _ctx.range || !unref(isLabeledByFormItem) ? unref(firstButtonLabel) : void 0,
             "aria-labelledby": !_ctx.range && unref(isLabeledByFormItem) ? (_b = unref(elFormItem)) == null ? void 0 : _b.labelId : void 0,
@@ -39273,7 +39344,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
             "aria-disabled": unref(sliderDisabled),
             "onUpdate:modelValue": unref(setFirstValue)
-          }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "aria-label", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
+          }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
           _ctx.range ? (openBlock(), createBlock(SliderButton, {
             key: 0,
             ref_key: "secondButton",
@@ -39281,6 +39352,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             "model-value": unref(secondValue),
             vertical: _ctx.vertical,
             "tooltip-class": _ctx.tooltipClass,
+            placement: _ctx.placement,
             role: "slider",
             "aria-label": unref(secondButtonLabel),
             "aria-valuemin": unref(firstValue),
@@ -39290,7 +39362,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
             "aria-disabled": unref(sliderDisabled),
             "onUpdate:modelValue": unref(setSecondValue)
-          }, null, 8, ["model-value", "vertical", "tooltip-class", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : createCommentVNode("v-if", true),
+          }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : createCommentVNode("v-if", true),
           _ctx.showStops ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(stops), (item, key) => {
               return openBlock(), createElementBlock("div", {
@@ -47087,6 +47159,14 @@ var Tabs = defineComponent({
       emit("edit", void 0, "add");
       emit("tab-add");
     };
+    useDeprecated({
+      from: '"activeName"',
+      replacement: '"model-value" or "v-model"',
+      scope: "ElTabs",
+      version: "2.3.0",
+      ref: "https://element-plus.org/en-US/component/tabs.html#attributes",
+      type: "Attribute"
+    }, computed(() => !!props.activeName));
     watch(() => props.activeName, (modelValue) => setCurrentName(modelValue));
     watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
     watch(currentName, async () => {
@@ -48186,6 +48266,10 @@ const transferProps = buildProps({
     type: String,
     values: ["original", "push", "unshift"],
     default: "original"
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
   }
 });
 const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(isArray) || isArray(value) && isNil(movedKeys);
@@ -48541,7 +48625,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const panelFilterPlaceholder = computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
     watch(() => props.modelValue, () => {
       var _a;
-      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
+      if (props.validateEvent) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
+      }
     });
     const optionRender = computed(() => (option) => {
       if (props.renderContent)
@@ -50302,6 +50388,12 @@ const component = defineComponent({
   setup(props, ctx) {
     const result = ElOption.setup(props, ctx);
     delete result.selectOptionClick;
+    const vm = getCurrentInstance().proxy;
+    nextTick(() => {
+      if (!result.select.cachedOptions.get(vm.value)) {
+        result.select.onOptionCreate(vm);
+      }
+    });
     return result;
   },
   methods: {
@@ -50312,6 +50404,31 @@ const component = defineComponent({
 });
 var TreeSelectOption = component;
 
+function isValidValue(val) {
+  return val || val === 0;
+}
+function isValidArray(val) {
+  return Array.isArray(val) && val.length;
+}
+function toValidArray(val) {
+  return Array.isArray(val) ? val : isValidValue(val) ? [val] : [];
+}
+function treeFind(treeData, findCallback, getChildren, resultCallback, parent) {
+  for (let i = 0; i < treeData.length; i++) {
+    const data = treeData[i];
+    if (findCallback(data, i, treeData, parent)) {
+      return resultCallback ? resultCallback(data, i, treeData, parent) : data;
+    } else {
+      const children = getChildren(data);
+      if (isValidArray(children)) {
+        const find = treeFind(children, findCallback, getChildren, resultCallback, data);
+        if (find)
+          return find;
+      }
+    }
+  }
+}
+
 const useTree$1 = (props, { attrs, slots, emit }, {
   select,
   tree,
@@ -50343,6 +50460,9 @@ const useTree$1 = (props, { attrs, slots, emit }, {
       return data[propVal];
     }
   };
+  const defaultExpandedParentKeys = toValidArray(props.modelValue).map((value) => {
+    return treeFind(props.data || [], (data) => getNodeValByProp("value", data) === value, (data) => getNodeValByProp("children", data), (data, index, array, parent) => parent && getNodeValByProp("value", parent));
+  }).filter((item) => isValidValue(item));
   return {
     ...pick(toRefs(props), Object.keys(_Tree.props)),
     ...attrs,
@@ -50351,12 +50471,7 @@ const useTree$1 = (props, { attrs, slots, emit }, {
       return !props.checkStrictly;
     }),
     defaultExpandedKeys: computed(() => {
-      const values = toValidArray(props.modelValue);
-      const parentKeys = tree.value ? values.map((item) => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = tree.value) == null ? void 0 : _a.getNode(item)) == null ? void 0 : _b.parent) == null ? void 0 : _c.key;
-      }).filter((item) => isValidValue(item)) : values;
-      return props.defaultExpandedKeys ? props.defaultExpandedKeys.concat(parentKeys) : parentKeys;
+      return props.defaultExpandedKeys ? props.defaultExpandedKeys.concat(defaultExpandedParentKeys) : defaultExpandedParentKeys;
     }),
     renderContent: (h, { node, data, store }) => {
       return h(TreeSelectOption, {
@@ -50376,7 +50491,9 @@ const useTree$1 = (props, { attrs, slots, emit }, {
     onNodeClick: (data, node, e) => {
       var _a, _b, _c;
       (_a = attrs.onNodeClick) == null ? void 0 : _a.call(attrs, data, node, e);
-      if ((props.checkStrictly ? props.showCheckbox ? props.checkOnClickNode : props.checkStrictly : props.checkStrictly) || node.isLeaf) {
+      if (props.showCheckbox && props.checkOnClickNode)
+        return;
+      if (!props.showCheckbox && (props.checkStrictly || node.isLeaf)) {
         if (!getNodeValByProp("disabled", data)) {
           const option = (_b = select.value) == null ? void 0 : _b.options.get(getNodeValByProp("value", data));
           (_c = select.value) == null ? void 0 : _c.handleOptionSelect(option, true);
@@ -50386,20 +50503,24 @@ const useTree$1 = (props, { attrs, slots, emit }, {
       }
     },
     onCheck: (data, params) => {
-      var _a, _b;
+      var _a;
       (_a = attrs.onCheck) == null ? void 0 : _a.call(attrs, data, params);
-      const checkedKeys = !props.checkStrictly ? (_b = tree.value) == null ? void 0 : _b.getCheckedKeys(true) : params.checkedKeys;
-      const value = getNodeValByProp("value", data);
-      emit(UPDATE_MODEL_EVENT, props.multiple ? checkedKeys : checkedKeys.includes(value) ? value : void 0);
+      const dataValue = getNodeValByProp("value", data);
+      if (props.checkStrictly) {
+        emit(UPDATE_MODEL_EVENT, props.multiple ? params.checkedKeys : params.checkedKeys.includes(dataValue) ? dataValue : void 0);
+      } else {
+        if (props.multiple) {
+          emit(UPDATE_MODEL_EVENT, tree.value.getCheckedKeys(true));
+        } else {
+          const firstLeaf = treeFind([data], (data2) => !isValidArray(getNodeValByProp("children", data2)) && !getNodeValByProp("disabled", data2), (data2) => getNodeValByProp("children", data2));
+          const firstLeafKey = firstLeaf ? getNodeValByProp("value", firstLeaf) : void 0;
+          const hasCheckedChild = isValidValue(props.modelValue) && !!treeFind([data], (data2) => getNodeValByProp("value", data2) === props.modelValue, (data2) => getNodeValByProp("children", data2));
+          emit(UPDATE_MODEL_EVENT, firstLeafKey === props.modelValue || hasCheckedChild ? void 0 : firstLeafKey);
+        }
+      }
     }
   };
 };
-function isValidValue(val) {
-  return val || val === 0;
-}
-function toValidArray(val) {
-  return Array.isArray(val) ? val : isValidValue(val) ? [val] : [];
-}
 
 const _sfc_main$9 = defineComponent({
   name: "ElTreeSelect",