feat(Form): stop validation when a rule fails

src/field/index.js

@@ -151,36 +151,46 @@ export default createComponent({
           resolve();
         }
 
-        Promise.all(
+        let message;
-          this.rules.map(rule => {
+
+        this.rules
+          .reduce(
+            (promise, rule) =>
+              promise.then(() => {
+                if (message) {
+                  return;
+                }
+
                 if (rule.required && this.formValueEmpty) {
-              return Promise.resolve(rule.message);
+                  ({ message } = rule);
+                  return;
                 }
 
                 if (rule.validator) {
                   const returnVal = rule.validator(this.formValue);
 
                   if (returnVal === false) {
-                return Promise.resolve(rule.message);
+                    ({ message } = rule);
+                    return;
                   }
 
                   if (isPromise(returnVal)) {
-                return returnVal.then(
+                    return returnVal.then(result => {
-                  result => result === false && rule.message
+                      if (result === false) {
-                );
+                        ({ message } = rule);
+                      }
+                    });
                   }
                 }
-
+              }),
-            return Promise.resolve();
+            Promise.resolve()
-          })
+          )
-        ).then(messages => {
+          .then(() => {
-          messages = messages.filter(item => item);
+            if (message) {
-
+              this.validateMessage = message;
-          if (messages.length) {
-            this.validateMessage = messages[0];
               resolve({
                 name: this.name,
-              messages,
+                message,
               });
             } else {
               resolve();