@element-plus/nightly 0.0.20220701 → 0.0.20220704

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220701 */
+/*! Element Plus v0.0.20220704 */
 
 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 = "0.0.20220701";
+const version$1 = "0.0.20220704";
 
 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), {
@@ -19460,6 +19484,10 @@ const radioGroupProps = buildProps({
   name: {
     type: String,
     default: void 0
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
   }
 });
 const radioGroupEmits = radioEmits;
@@ -19500,7 +19528,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 +20613,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 +20679,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 +22368,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 +22473,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 +22493,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 +23822,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 +26145,7 @@ const dialogProps = buildProps({
   },
   modelValue: {
     type: Boolean,
-    required: true
+    default: false
   },
   modalClass: String,
   width: {
@@ -26381,7 +26425,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 +26447,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"])
@@ -27283,8 +27326,8 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
       teleported: "",
       pure: "",
       persistent: "",
-      onShow: _ctx.handleShowTooltip,
-      onHide: _ctx.handleHideTooltip
+      onBeforeShow: _ctx.handleShowTooltip,
+      onBeforeHide: _ctx.handleHideTooltip
     }, createSlots({
       content: withCtx(() => [
         createVNode(_component_el_scrollbar, {
@@ -27332,7 +27375,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", "onBeforeHide"]),
     _ctx.splitButton ? (openBlock(), createBlock(_component_el_button_group, { key: 0 }, {
       default: withCtx(() => [
         createVNode(_component_el_button, mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
@@ -30307,6 +30350,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 +30477,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 +30498,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 +30527,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);
@@ -32063,7 +32114,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 +32758,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 +36980,10 @@ const SelectProps = {
   scrollbarAlwaysOn: {
     type: Boolean,
     default: false
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
   }
 };
 const OptionProps = {
@@ -37862,7 +37921,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 +38563,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 +39041,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 +39055,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 +39088,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 +39162,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 +39178,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             }, null, 2)
           ]),
           _: 1
-        }, 8, ["visible", "popper-class", "disabled"])
+        }, 8, ["visible", "placement", "popper-class", "disabled"])
       ], 38);
     };
   }
@@ -39263,6 +39341,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 +39352,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 +39360,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 +39370,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 +47167,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 +48274,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 +48633,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 +50396,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 +50412,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 +50468,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 +50479,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 +50499,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 +50511,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",

package/dist/locale/af.js

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

package/dist/locale/af.min.js

@@ -1,2 +1,2 @@
-/*! Element Plus v0.0.20220701 */(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:{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"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:""},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"}}};return e});
+/*! Element Plus v0.0.20220704 */(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:{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"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:""},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"}}};return e});
 //# sourceMappingURL=af.min.js.map

package/dist/locale/af.min.mjs

@@ -1,2 +1,2 @@
-/*! Element Plus v0.0.20220701 */var e={name:"af",el:{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"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:""},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"}}};export{e as default};
+/*! Element Plus v0.0.20220704 */var e={name:"af",el:{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"},cascader:{noMatch:"Geen toepaslike data",loading:"Laai",placeholder:"Kies",noData:"Geen data"},pagination:{goto:"Gaan na",pagesize:"/page",total:"Totaal {total}",pageClassifier:""},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"}}};export{e as default};
 //# sourceMappingURL=af.min.mjs.map

package/dist/locale/af.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220701 */
+/*! Element Plus v0.0.20220704 */
 
 var af = {
   name: "af",

package/dist/locale/ar.js

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