fix: invalidate rule should not failed (#523)

Author: zombieJ

src/Field.tsx

@@ -373,14 +373,16 @@ class Field extends React.Component<InternalFieldProps, FieldState> implements F
 
       let filteredRules = this.getRules();
       if (triggerName) {
-        filteredRules = filteredRules.filter((rule: RuleObject) => {
-          const { validateTrigger } = rule;
-          if (!validateTrigger) {
-            return true;
-          }
-          const triggerList = toArray(validateTrigger);
-          return triggerList.includes(triggerName);
-        });
+        filteredRules = filteredRules
+          .filter(rule => rule)
+          .filter((rule: RuleObject) => {
+            const { validateTrigger } = rule;
+            if (!validateTrigger) {
+              return true;
+            }
+            const triggerList = toArray(validateTrigger);
+            return triggerList.includes(triggerName);
+          });
       }
 
       const promise = validateRules(

tests/validate.test.tsx

@@ -738,5 +738,17 @@ describe('Form.Validate', () => {
     await changeValue(getField(wrapper, 0), ['light']);
     matchError(wrapper, false);
   });
+
+  it('filter empty rule', async () => {
+    const wrapper = mount(
+      <div>
+        <Form>
+          <InfoField name="user" rules={[{ required: true }, null]} />
+        </Form>
+      </div>,
+    );
+    await changeValue(wrapper, '');
+    matchError(wrapper, true);
+  });
 });
 /* eslint-enable no-template-curly-in-string */