@element-plus/nightly 0.0.20220315 → 0.0.20220316

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220315 */
+/*! Element Plus v0.0.20220316 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4256,7 +4256,7 @@
     };
   };
 
-  const version$1 = "0.0.20220315";
+  const version$1 = "0.0.20220316";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -22297,6 +22297,7 @@
         return Promise.reject(validationErrors);
       };
       const validateField = async (modelProps = [], callback) => {
+        const shouldThrow = !isFunction(callback);
         try {
           const result = await doValidateField(modelProps);
           if (result === true) {
@@ -22309,7 +22310,7 @@
             scrollToField(Object.keys(invalidFields)[0]);
           }
           callback == null ? void 0 : callback(false, invalidFields);
-          return Promise.reject(invalidFields);
+          return shouldThrow && Promise.reject(invalidFields);
         }
       };
       const scrollToField = (prop) => {
@@ -23594,7 +23595,11 @@
         }
         setValidationState("error");
         validateMessage.value = errors ? (_b = (_a = errors == null ? void 0 : errors[0]) == null ? void 0 : _a.message) != null ? _b : `${props.prop} is required` : "";
-        formContext.emit("validate", props.prop, !errors, validateMessage.value);
+        formContext.emit("validate", props.prop, false, validateMessage.value);
+      };
+      const onValidationSucceeded = () => {
+        setValidationState("success");
+        formContext.emit("validate", props.prop, true, "");
       };
       const doValidate = async (rules) => {
         const modelName = propString.value;
@@ -23602,7 +23607,7 @@
           [modelName]: rules
         });
         return validator.validate({ [modelName]: fieldValue.value }, { firstFields: true }).then(() => {
-          setValidationState("success");
+          onValidationSucceeded();
           return true;
         }).catch((err) => {
           onValidationFailed(err);
@@ -23610,11 +23615,16 @@
         });
       };
       const validate = async (trigger, callback) => {
-        if (!validateEnabled.value)
+        const hasCallback = isFunction(callback);
+        if (!validateEnabled.value) {
+          callback == null ? void 0 : callback(false);
           return false;
+        }
         const rules = getFilteredRule(trigger);
-        if (rules.length === 0)
+        if (rules.length === 0) {
+          callback == null ? void 0 : callback(true);
           return true;
+        }
         setValidationState("validating");
         return doValidate(rules).then(() => {
           callback == null ? void 0 : callback(true);
@@ -23622,7 +23632,7 @@
         }).catch((err) => {
           const { fields } = err;
           callback == null ? void 0 : callback(false, fields);
-          return Promise.reject(fields);
+          return hasCallback ? false : Promise.reject(fields);
         });
       };
       const clearValidate = () => {
@@ -24607,6 +24617,11 @@
       const setCurrentValue = (newVal) => {
         var _a;
         const oldVal = data.currentValue;
+        if (props.stepStrictly) {
+          const stepPrecision = getPrecision(props.step);
+          const precisionFactor = 10 ** stepPrecision;
+          newVal = Math.round(newVal / props.step) * precisionFactor * props.step / precisionFactor;
+        }
         if (typeof newVal === "number" && props.precision !== void 0) {
           newVal = toPrecision(newVal, props.precision);
         }
@@ -37398,8 +37413,8 @@
     });
     const isGroup = vue.ref(false);
     const scrollbarViewStyle = {
-      display: "inline-flex",
-      flexDirection: "column"
+      display: "inline-block",
+      verticalAlign: "middle"
     };
     vue.watchEffect(() => {
       layout.setHeight(props.height);
@@ -37621,7 +37636,7 @@
         height2 = `calc(100% - ${layout.appendHeight.value}px)`;
       }
       return {
-        width: bodyWidth.value,
+        width: `${resizeState.value.width}px`,
         height: height2
       };
     });