feat: List support initialValues (#224)

* feat: List support initialValues

* docs: Update demo

Author: zombieJ

docs/examples/list.tsx

@@ -22,14 +22,15 @@ const Demo = () => {
         }}
         style={{ border: '1px solid red', padding: 15 }}
         preserve={false}
-        initialValues={{
-          users: ['little'],
-        }}
+        // initialValues={{
+        //   users: ['little'],
+        // }}
       >
         <Form.Field shouldUpdate>{() => JSON.stringify(form.getFieldsValue(), null, 2)}</Form.Field>
 
         <List
           name="users"
+          initialValue={['bamboo', 'light']}
           rules={[
             {
               message: 'Must have at least 2 user!',

src/List.tsx

@@ -21,14 +21,21 @@ export interface ListProps {
   name: NamePath;
   rules?: ValidatorRule[];
   validateTrigger?: string | string[] | false;
+  initialValue?: any[];
   children?: (
     fields: ListField[],
     operations: ListOperations,
     meta: Meta,
   ) => JSX.Element | React.ReactNode;
 }
 
-const List: React.FunctionComponent<ListProps> = ({ name, children, rules, validateTrigger }) => {
+const List: React.FunctionComponent<ListProps> = ({
+  name,
+  initialValue,
+  children,
+  rules,
+  validateTrigger,
+}) => {
   const context = React.useContext(FieldContext);
   const keyRef = React.useRef({
     keys: [],
@@ -59,6 +66,7 @@ const List: React.FunctionComponent<ListProps> = ({ name, children, rules, valid
         shouldUpdate={shouldUpdate}
         rules={rules}
         validateTrigger={validateTrigger}
+        initialValue={initialValue}
         isList
       >
         {({ value = [], onChange }, meta) => {

tests/list.test.tsx

@@ -739,4 +739,24 @@ describe('Form.List', () => {
       expect(form.isFieldsTouched(['list'], true)).toBeTruthy();
     });
   });
+
+  it('initialValue', () => {
+    generateForm(
+      fields => (
+        <div>
+          {fields.map(field => (
+            <Field {...field}>
+              <Input />
+            </Field>
+          ))}
+        </div>
+      ),
+      null,
+      { initialValue: ['light', 'bamboo'] },
+    );
+
+    expect(form.getFieldsValue()).toEqual({
+      list: ['light', 'bamboo'],
+    });
+  });
 });