feat(Form): add size to form

close #127

Author: ZxBing0066

src/components/Badge/__tests__/__snapshots__/demo.test.js.snap

@@ -1,9 +1,24 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 import { FormWrap } from './style';
 
 const Form = ({ ...rest }) => {
     return <FormWrap {...rest} />;
 };
 
+const Size = ['md', 'lg'];
+
+Form.propTypes = {
+    /**
+     * 配合表单控件的size使用
+     */
+    size: PropTypes.oneOf(Size)
+};
+Form.defaultProps = {
+    size: 'md'
+};
+
+Form.Size = Size;
+
 export default Form;

src/components/Button/__tests__/__snapshots__/demo.test.js.snap

@@ -1,9 +1,12 @@
 import React from 'react';
 import Form from 'components/Form';
-import Upload from 'components/Upload';
+import Radio from 'components/Radio';
+import Switch from 'components/Switch';
+import Input from 'components/Input';
+import Select from 'components/Select';
 
 // demo start
-const { Item } = Form;
+const { Item, Size } = Form;
 const itemLayout = {
     labelCol: {
         span: 3
@@ -12,14 +15,43 @@ const itemLayout = {
         span: 9
     }
 };
-const Demo = () => (
-    <Form>
-        <Item label="上传文件" {...itemLayout}>
-            <Upload style={{ marginBottom: 5 }} />
-            <Upload />
-        </Item>
-    </Form>
-);
+class Demo extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            size: 'md'
+        };
+    }
+    render() {
+        const { size } = this.state;
+        return (
+            <div>
+                <Form className="demo-form">
+                    <Form.Item label="size" {...itemLayout}>
+                        <Radio.Group
+                            value={size}
+                            options={Size.map(value => ({ value }))}
+                            onChange={size => this.setState({ size })}
+                        />
+                    </Form.Item>
+                </Form>
+                <div className="demo-wrap">
+                    <Form size={size}>
+                        <Item label="Input" {...itemLayout}>
+                            <Input size={size} />
+                        </Item>
+                        <Item label="Switch" {...itemLayout}>
+                            <Switch size={size} />
+                        </Item>
+                        <Item label="上传文件" {...itemLayout}>
+                            <Select size={size} options={[{ value: '123' }, { value: '1231' }, { value: '1232' }]} />
+                        </Item>
+                    </Form>
+                </div>
+            </div>
+        );
+    }
+}
 // demo end
 
 export default Demo;