element-plus 2.2.8 → 2.2.9

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.8 */
+/*! Element Plus v2.2.9 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10734,7 +10734,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "2.2.8";
+  const version$1 = "2.2.9";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13573,6 +13573,10 @@
     highlightFirstItem: {
       type: Boolean,
       default: false
+    },
+    fitInputWidth: {
+      type: Boolean,
+      default: false
     }
   });
   const autocompleteEmits = {
@@ -13793,7 +13797,6 @@
           ref_key: "popperRef",
           ref: popperRef,
           visible: vue.unref(suggestionVisible),
-          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => vue.isRef(suggestionVisible) ? suggestionVisible.value = $event : null),
           placement: _ctx.placement,
           "fallback-placements": ["bottom-start", "top-start"],
           "popper-class": [vue.unref(ns).e("popper"), _ctx.popperClass],
@@ -13814,7 +13817,10 @@
               ref_key: "regionRef",
               ref: regionRef,
               class: vue.normalizeClass([vue.unref(ns).b("suggestion"), vue.unref(ns).is("loading", vue.unref(suggestionLoading))]),
-              style: vue.normalizeStyle({ minWidth: dropdownWidth.value, outline: "none" }),
+              style: vue.normalizeStyle({
+                [_ctx.fitInputWidth ? "width" : "minWidth"]: dropdownWidth.value,
+                outline: "none"
+              }),
               role: "region"
             }, [
               vue.createVNode(vue.unref(ElScrollbar), {
@@ -16358,6 +16364,8 @@
         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) {
@@ -18743,6 +18751,10 @@
     tag: {
       type: String,
       default: "div"
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
     }
   };
   const checkboxProps = {
@@ -18778,7 +18790,11 @@
     },
     border: Boolean,
     size: useSizeProp,
-    tabindex: [String, Number]
+    tabindex: [String, Number],
+    validateEvent: {
+      type: Boolean,
+      default: true
+    }
   };
   const useCheckboxGroup = () => {
     const elForm = vue.inject(formContextKey, {});
@@ -18902,7 +18918,7 @@
     isDisabled,
     isLabeledByFormItem
   }) => {
-    const { elFormItem } = useCheckboxGroup();
+    const { elFormItem, checkboxGroup } = useCheckboxGroup();
     const { emit } = vue.getCurrentInstance();
     function getLabeledValue(value) {
       var _a, _b;
@@ -18926,9 +18942,15 @@
         emitChangeEvent(model.value, e);
       }
     }
+    const validateEvent = vue.computed(() => {
+      var _a;
+      return ((_a = checkboxGroup.validateEvent) == null ? void 0 : _a.value) || props.validateEvent;
+    });
     vue.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,
@@ -19203,7 +19225,9 @@
       });
       vue.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 vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
@@ -19292,8 +19316,7 @@
 
   const _hoisted_1$Q = ["value", "name", "disabled"];
   const __default__$Z = {
-    name: "ElRadio",
-    inheritAttrs: false
+    name: "ElRadio"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
     ...__default__$Z,
@@ -19301,14 +19324,6 @@
     emits: radioEmits,
     setup(__props, { emit }) {
       const props = __props;
-      const rawAttrs = vue.useAttrs();
-      const containerStyle = vue.computed(() => rawAttrs.style);
-      const inputAttrs = useAttrs({ excludeListeners: true });
-      const labelListeners = useAttrs({
-        excludeKeys: vue.computed(() => {
-          return Object.keys(inputAttrs.value);
-        })
-      });
       const ns = useNamespace("radio");
       const { radioRef, radioGroup, focus, size, disabled, modelValue } = useRadio(props, emit);
       function handleChange() {
@@ -19316,18 +19331,16 @@
       }
       return (_ctx, _cache) => {
         var _a;
-        return vue.openBlock(), vue.createElementBlock("label", vue.mergeProps({
-          class: [
+        return vue.openBlock(), vue.createElementBlock("label", {
+          class: vue.normalizeClass([
             vue.unref(ns).b(),
             vue.unref(ns).is("disabled", vue.unref(disabled)),
             vue.unref(ns).is("focus", vue.unref(focus)),
             vue.unref(ns).is("bordered", _ctx.border),
             vue.unref(ns).is("checked", vue.unref(modelValue) === _ctx.label),
-            vue.unref(ns).m(vue.unref(size)),
-            vue.unref(rawAttrs).class
-          ],
-          style: vue.unref(containerStyle)
-        }, vue.unref(labelListeners)), [
+            vue.unref(ns).m(vue.unref(size))
+          ])
+        }, [
           vue.createElementVNode("span", {
             class: vue.normalizeClass([
               vue.unref(ns).e("input"),
@@ -19335,20 +19348,19 @@
               vue.unref(ns).is("checked", vue.unref(modelValue) === _ctx.label)
             ])
           }, [
-            vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
+            vue.withDirectives(vue.createElementVNode("input", {
               ref_key: "radioRef",
               ref: radioRef,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
-              class: vue.unref(ns).e("original"),
+              class: vue.normalizeClass(vue.unref(ns).e("original")),
               value: _ctx.label,
               name: _ctx.name || ((_a = vue.unref(radioGroup)) == null ? void 0 : _a.name),
               disabled: vue.unref(disabled),
-              type: "radio"
-            }, vue.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), [
               [vue.vModelRadio, vue.unref(modelValue)]
             ]),
             vue.createElementVNode("span", {
@@ -19364,7 +19376,7 @@
               vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
             ])
           ], 34)
-        ], 16);
+        ], 2);
       };
     }
   });
@@ -19464,6 +19476,10 @@
     name: {
       type: String,
       default: void 0
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
     }
   });
   const radioGroupEmits = radioEmits;
@@ -19504,7 +19520,11 @@
         changeEvent,
         name
       }));
-      vue.watch(() => props.modelValue, () => formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn()));
+      vue.watch(() => props.modelValue, () => {
+        if (props.validateEvent) {
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+        }
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           id: vue.unref(groupId),
@@ -20585,7 +20605,11 @@
         default: ""
       },
       teleported: useTooltipContentProps.teleported,
-      tagType: { ...tagProps.type, default: "info" }
+      tagType: { ...tagProps.type, default: "info" },
+      validateEvent: {
+        type: Boolean,
+        default: true
+      }
     },
     emits: [
       UPDATE_MODEL_EVENT,
@@ -20647,7 +20671,9 @@
           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 = vue.computed(() => {
@@ -22334,7 +22360,11 @@
         type: [String, Number],
         default: 0
       },
-      predefine: Array
+      predefine: Array,
+      validateEvent: {
+        type: Boolean,
+        default: true
+      }
     },
     emits: ["change", "active-change", UPDATE_MODEL_EVENT],
     setup(props, { emit }) {
@@ -22435,7 +22465,9 @@
         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);
         vue.nextTick(() => {
           const newColor = new Color({
@@ -22453,7 +22485,7 @@
         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();
@@ -23782,7 +23814,7 @@
         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));
@@ -26105,7 +26137,7 @@
     },
     modelValue: {
       type: Boolean,
-      required: true
+      default: false
     },
     modalClass: String,
     width: {
@@ -26385,7 +26417,6 @@
                           draggable: vue.unref(draggable),
                           fullscreen: _ctx.fullscreen,
                           "show-close": _ctx.showClose,
-                          style: vue.normalizeStyle(vue.unref(style)),
                           title: _ctx.title,
                           onClose: vue.unref(handleClose)
                         }, vue.createSlots({
@@ -26408,7 +26439,7 @@
                               vue.renderSlot(_ctx.$slots, "footer")
                             ])
                           } : void 0
-                        ]), 1032, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "style", "title", "onClose"])) : vue.createCommentVNode("v-if", true)
+                        ]), 1032, ["custom-class", "center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : vue.createCommentVNode("v-if", true)
                       ]),
                       _: 3
                     }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onReleaseRequested"])
@@ -27189,13 +27220,15 @@
           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);
       }
       vue.provide(DROPDOWN_INJECTION_KEY, {
@@ -27239,8 +27272,9 @@
         handleEntryFocus,
         handleClose,
         handleOpen,
+        handleBeforeShowTooltip,
         handleShowTooltip,
-        handleHideTooltip,
+        handleBeforeHideTooltip,
         onFocusAfterTrapped,
         popperRef,
         contentRef,
@@ -27287,8 +27321,9 @@
         teleported: "",
         pure: "",
         persistent: "",
+        onBeforeShow: _ctx.handleBeforeShowTooltip,
         onShow: _ctx.handleShowTooltip,
-        onHide: _ctx.handleHideTooltip
+        onBeforeHide: _ctx.handleBeforeHideTooltip
       }, vue.createSlots({
         content: vue.withCtx(() => [
           vue.createVNode(_component_el_scrollbar, {
@@ -27336,7 +27371,7 @@
             }, 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 ? (vue.openBlock(), vue.createBlock(_component_el_button_group, { key: 0 }, {
         default: vue.withCtx(() => [
           vue.createVNode(_component_el_button, vue.mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
@@ -30311,6 +30346,10 @@
     precision: {
       type: Number,
       validator: (val) => val >= 0 && val === Number.parseInt(`${val}`, 10)
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
     }
   });
   const inputNumberEmits = {
@@ -30434,7 +30473,7 @@
           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);
@@ -30455,7 +30494,9 @@
         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) => {
@@ -30482,7 +30523,9 @@
       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());
+        }
       };
       vue.watch(() => props.modelValue, (value) => {
         data.currentValue = verifyValue(value, true);
@@ -31021,7 +31064,7 @@
       };
       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) {
@@ -32067,7 +32110,7 @@
       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());
       }
     }, {
@@ -32711,7 +32754,11 @@
         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,
@@ -36929,6 +36976,10 @@
     scrollbarAlwaysOn: {
       type: Boolean,
       default: false
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
     }
   };
   const OptionProps = {
@@ -37866,7 +37917,7 @@
       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());
       }
     }, {
@@ -38508,8 +38559,17 @@
       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);
@@ -38977,7 +39037,9 @@
           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();
           }
         }
@@ -38989,7 +39051,9 @@
         } 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;
           }
         }
@@ -39020,7 +39084,12 @@
       default: 0
     },
     vertical: Boolean,
-    tooltipClass: String
+    tooltipClass: String,
+    placement: {
+      type: String,
+      values: Ee,
+      default: "top"
+    }
   });
   const sliderButtonEmits = {
     [UPDATE_MODEL_EVENT]: (value) => isNumber(value)
@@ -39089,7 +39158,8 @@
             ref: tooltip,
             visible: vue.unref(tooltipVisible),
             "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => vue.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: !vue.unref(showTooltip),
@@ -39104,7 +39174,7 @@
               }, null, 2)
             ]),
             _: 1
-          }, 8, ["visible", "popper-class", "disabled"])
+          }, 8, ["visible", "placement", "popper-class", "disabled"])
         ], 38);
       };
     }
@@ -39267,6 +39337,7 @@
               "model-value": vue.unref(firstValue),
               vertical: _ctx.vertical,
               "tooltip-class": _ctx.tooltipClass,
+              placement: _ctx.placement,
               role: "slider",
               "aria-label": _ctx.range || !vue.unref(isLabeledByFormItem) ? vue.unref(firstButtonLabel) : void 0,
               "aria-labelledby": !_ctx.range && vue.unref(isLabeledByFormItem) ? (_b = vue.unref(elFormItem)) == null ? void 0 : _b.labelId : void 0,
@@ -39277,7 +39348,7 @@
               "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
               "aria-disabled": vue.unref(sliderDisabled),
               "onUpdate:modelValue": vue.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 ? (vue.openBlock(), vue.createBlock(SliderButton, {
               key: 0,
               ref_key: "secondButton",
@@ -39285,6 +39356,7 @@
               "model-value": vue.unref(secondValue),
               vertical: _ctx.vertical,
               "tooltip-class": _ctx.tooltipClass,
+              placement: _ctx.placement,
               role: "slider",
               "aria-label": vue.unref(secondButtonLabel),
               "aria-valuemin": vue.unref(firstValue),
@@ -39294,7 +39366,7 @@
               "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
               "aria-disabled": vue.unref(sliderDisabled),
               "onUpdate:modelValue": vue.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"])) : vue.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"])) : vue.createCommentVNode("v-if", true),
             _ctx.showStops ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(stops), (item, key) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
@@ -47091,6 +47163,14 @@
         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"
+      }, vue.computed(() => !!props.activeName));
       vue.watch(() => props.activeName, (modelValue) => setCurrentName(modelValue));
       vue.watch(() => props.modelValue, (modelValue) => setCurrentName(modelValue));
       vue.watch(currentName, async () => {
@@ -48190,6 +48270,10 @@
       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);
@@ -48545,7 +48629,9 @@
       const panelFilterPlaceholder = vue.computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
       vue.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 = vue.computed(() => (option) => {
         if (props.renderContent)
@@ -50306,6 +50392,12 @@
     setup(props, ctx) {
       const result = ElOption.setup(props, ctx);
       delete result.selectOptionClick;
+      const vm = vue.getCurrentInstance().proxy;
+      vue.nextTick(() => {
+        if (!result.select.cachedOptions.get(vm.value)) {
+          result.select.onOptionCreate(vm);
+        }
+      });
       return result;
     },
     methods: {
@@ -50316,6 +50408,31 @@
   });
   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,
@@ -50347,6 +50464,9 @@
         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(vue.toRefs(props), Object.keys(_Tree.props)),
       ...attrs,
@@ -50355,12 +50475,7 @@
         return !props.checkStrictly;
       }),
       defaultExpandedKeys: vue.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, {
@@ -50380,7 +50495,9 @@
       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);
@@ -50390,20 +50507,24 @@
         }
       },
       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 = vue.defineComponent({
     name: "ElTreeSelect",