1

Author: bplok20010

examples/demos/demo1.js

@@ -1,6 +1,6 @@
 import React, { Component } from "react";
 
-import { Form, FormItem, NativeInput } from "../../src/index";
+import { Form, FormItem, NativeInput, FormContext } from "../../src/index";
 
 function FormItemField({
     type = "text",
@@ -87,7 +87,43 @@ export default class DEMO extends Component {
                     onSubmit={this.onSubmit}
                     renderFieldExtra={this.renderFieldExtra}
                 >
-                    {form => {
+                    <div>
+                        <FormItemField
+                            required
+                            validateDelay={200}
+                            labelPosition="top"
+                            name="A1"
+                            label="A1:"
+                        />
+                        <FormItemField
+                            required
+                            name="username"
+                            label="用户名:"
+                        />
+                        <FormItemField
+                            required
+                            name="password"
+                            label="登录密码:"
+                        />
+                        <FormItemField
+                            required
+                            name="password2"
+                            label="密码确认:"
+                        />
+                        <FormItemField
+                            required
+                            name="email"
+                            label="邮箱地址:"
+                            validator={value => {
+                                return new Promise((resolve, reject) => {
+                                    setTimeout(resolve, 2000);
+                                });
+                            }}
+                        />
+                        <button>submit</button>
+                        <button onClick={this.reset}>reset</button>
+                    </div>
+                    {/* {form => {
                         return (
                             <div>
                                 <FormItemField
@@ -128,7 +164,7 @@ export default class DEMO extends Component {
                                 <button onClick={this.reset}>reset</button>
                             </div>
                         );
-                    }}
+                    }} */}
                 </Form>
             </div>
         );

package-lock.json

@@ -44,6 +44,7 @@
         "autoprefixer": "^9.6.5",
         "babel-eslint": "^10.0.3",
         "babel-loader": "^8.0.6",
+        "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
         "babel-preset-packez": "^0.4.2",
         "bplokjs-deferred": "^1.0.0",
         "chalk": "^2.4.1",
@@ -72,6 +73,9 @@
         "postcss-safe-parser": "^4.0.1",
         "precss": "^3.1.2",
         "raw-loader": "^0.5.1",
+        "react-widget-base-css": "^0.1.0",
+        "react-widget-icon": "^0.2.0",
+        "react-widget-input": "^0.2.0",
         "sass-loader": "^7.3.1",
         "simple-tree-store": "^1.1.2",
         "style-loader": "^1.0.0",
@@ -80,10 +84,7 @@
         "webpack": "^4.41.2",
         "webpack-dev-server": "^3.9.0",
         "webpack-manifest-plugin": "^2.2.0",
-        "webpack-merge": "^4.2.2",
-        "react-widget-base-css": "^0.1.0",
-        "react-widget-icon": "^0.2.0",
-        "react-widget-input": "^0.2.0"
+        "webpack-merge": "^4.2.2"
     },
     "files": [
         "*.js",
@@ -115,7 +116,7 @@
     },
     "homepage": "https://github.com/react-widget/form#readme",
     "browserslist": [
-        ">1%",
+        ">0.2%",
         "not dead",
         "not ie <= 11",
         "not op_mini all"

package.json

@@ -1,12 +1,12 @@
 const _ = require("lodash");
 
-module.exports = function({ method, program, ...deaults }) {
+module.exports = function({ method, program, ...defaults }) {
     const opts = {
         // 自定义配置
         loaders: {
             scss: true
         }
     };
 
-    return _.defaultsDeep(opts, deaults);
+    return _.defaultsDeep(opts, defaults);
 };