@element-plus/nightly 0.0.20220701 → 0.0.20220702

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220701 */
+/*! Element Plus v0.0.20220702 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10734,7 +10734,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220701";
+  const version$1 = "0.0.20220702";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -16358,6 +16358,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 +18745,10 @@
     tag: {
       type: String,
       default: "div"
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
     }
   };
   const checkboxProps = {
@@ -18778,7 +18784,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 +18912,7 @@
     isDisabled,
     isLabeledByFormItem
   }) => {
-    const { elFormItem } = useCheckboxGroup();
+    const { elFormItem, checkboxGroup } = useCheckboxGroup();
     const { emit } = vue.getCurrentInstance();
     function getLabeledValue(value) {
       var _a, _b;
@@ -18926,9 +18936,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 +19219,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), {
@@ -19464,6 +19482,10 @@
     name: {
       type: String,
       default: void 0
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
     }
   });
   const radioGroupEmits = radioEmits;
@@ -19504,7 +19526,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 +20611,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 +20677,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 +22366,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 +22471,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 +22491,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 +23820,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));
@@ -30311,6 +30349,10 @@
     precision: {
       type: Number,
       validator: (val) => val >= 0 && val === Number.parseInt(`${val}`, 10)
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
     }
   });
   const inputNumberEmits = {
@@ -30434,7 +30476,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 +30497,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 +30526,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);
@@ -32067,7 +32113,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 +32757,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 +36979,10 @@
     scrollbarAlwaysOn: {
       type: Boolean,
       default: false
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
     }
   };
   const OptionProps = {
@@ -37866,7 +37920,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());
       }
     }, {
@@ -38510,6 +38564,10 @@
     },
     marks: {
       type: definePropType(Object)
+    },
+    validateEvent: {
+      type: Boolean,
+      default: true
     }
   });
   const isValidValue$1 = (value) => isNumber(value) || isArray(value) && value.every(isNumber);
@@ -38977,7 +39035,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 +39049,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;
           }
         }
@@ -47091,6 +47153,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 +48260,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 +48619,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 +50382,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 +50398,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 +50454,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 +50465,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 +50485,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 +50497,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",