bundle.22.04be63d1b0972d2dd7c8.js.map

{"version":3,"file":"statics/bundle.22.04be63d1b0972d2dd7c8.js","sources":["webpack:///./docs/API/FormConsumer.md"],"sourcesContent":["\"use strict\";\n\nvar React = require('/Users/wangzhili/uform/node_modules/_react@16.8.6@react/index.js');\n\nvar ReactDOM = require('/Users/wangzhili/uform/node_modules/_react-dom@16.8.6@react-dom/index.js');\n\nvar ReactCodeSnippet = require('/Users/wangzhili/uform/node_modules/_react-code-snippet@0.6.12@react-code-snippet/lib/index.js');\n\nvar ReactPropsTable = require('/Users/wangzhili/uform/node_modules/_react-props-table@0.1.3@react-props-table/lib/index.js');\n\nvar __DEFINE__ = function __DEFINE__(fn) {\n  var module = {\n    exports: {}\n  };\n  fn(module, module.exports);\n  var component = module.exports.__esModule && module.exports['default'] || module.exports;\n  return typeof component === 'function' ? component : function () {\n    return React.createElement('div', {}, 'Code snippet should export a component!');\n  };\n};\n\nvar Demo_jeiyd_2 = __DEFINE__(function (module, exports) {\n  var _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\n  var _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\n  exports.__esModule = true;\n  exports[\"default\"] = _default;\n\n  var _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\n  var _react = _interopRequireWildcard(require(\"react\"));\n\n  var _reactDom = _interopRequireDefault(require(\"react-dom\"));\n\n  var _react2 = _interopRequireWildcard(require(\"@uform/react\"));\n\n  (0, _react2.registerFormField)('string', (0, _react2.connect)()(function (props) {\n    return _react[\"default\"].createElement(\"input\", (0, _extends2[\"default\"])({}, props, {\n      value: props.value || ''\n    }));\n  }));\n\n  function _default() {\n    return _react[\"default\"].createElement(_react2.FormProvider, null, _react[\"default\"].createElement(_react2[\"default\"], {\n      defaultValue: {\n        aa: '123'\n      },\n      onSubmit: function onSubmit(values) {\n        return alert(JSON.stringify(values));\n      }\n    }, _react[\"default\"].createElement(_react2.Field, {\n      name: \"aa\",\n      type: \"string\"\n    }), _react[\"default\"].createElement(\"button\", {\n      htmlType: \"submit\"\n    }, \"\\u5185\\u90E8\\u63D0\\u4EA4\")), _react[\"default\"].createElement(_react2.FormConsumer, null, function (_ref) {\n      var submit = _ref.submit;\n      return _react[\"default\"].createElement(\"button\", {\n        onClick: submit\n      }, \"\\u5916\\u90E8\\u63D0\\u4EA4\");\n    }));\n  }\n});\n\nvar __MARKDOWN__ = function __MARKDOWN__() {\n  return React.createElement(React.Fragment, {}, React.createElement(\"h1\", {\n    id: \"formconsumer\",\n    className: \"react-demo-h1\"\n  }, \"FormConsumer\"), React.createElement(\"h2\", {\n    id: \"介绍\",\n    className: \"react-demo-h2\"\n  }, \"介绍\"), React.createElement(\"p\", {\n    className: \"react-demo-p\"\n  }, \"用于表单的跨组件通讯提交重置状态同步等操作，它主要与FormProvider一起使用\"), React.createElement(\"h2\", {\n    id: \"依赖\",\n    className: \"react-demo-h2\"\n  }, \"依赖\"), React.createElement(ReactCodeSnippet, {\n    code: \"import {FormConsumer} from '@uform/react'\\n\",\n    justCode: true,\n    lang: \"javascript\"\n  }), React.createElement(\"h2\", {\n    id: \"api\",\n    className: \"react-demo-h2\"\n  }, \"API\"), React.createElement(ReactCodeSnippet, {\n    code: \"<FormConsumer>\\n    {({\\n      status  : String<\\\"changed\\\" | \\\"resetd\\\" | \\\"initialize\\\" | \\\"submitting\\\" | \\\"submitted\\\">, //表单活动状态\\n      state   : FormState,//表单状态模型\\n      schema  : Object,//表单schema\\n      submit(),//表单提交\\n      reset(),//表单重置\\n      dispatch(name : String,payload : any)//触发effect自定义事件 \\n    })=>ReactElement)\\n</FormConsumer>\\n\",\n    justCode: true,\n    lang: \"typescript\"\n  }), React.createElement(\"h2\", {\n    id: \"用例\",\n    className: \"react-demo-h2\"\n  }, \"用例\"), React.createElement(ReactCodeSnippet, {\n    code: \"import React, { Component } from 'react'\\nimport ReactDOM from 'react-dom'\\nimport SchemaForm, {\\n  registerFormField,\\n  Field,  \\n  connect,\\n  FormProvider,\\n  FormConsumer\\n} from '@uform/react'\\n\\nregisterFormField(\\n  'string',\\n  connect()(props => <input {...props} value={props.value || ''} />)\\n)\\n\\nReactDOM.render(\\n   <FormProvider>\\n       <SchemaForm defaultValue={{aa:'123'}} onSubmit={values=>alert(JSON.stringify(values))}>\\n         <Field name=\\\"aa\\\" type=\\\"string\\\"/>\\n         <button htmlType=\\\"submit\\\">内部提交</button>\\n       </SchemaForm>\\n       <FormConsumer>\\n         {({submit})=>(<button onClick={submit}>外部提交</button>)}\\n       </FormConsumer>\\n   </FormProvider>\\n,document.getElementById('root'))\\n\",\n    justCode: false,\n    lang: \"jsx\"\n  }, React.createElement(Demo_jeiyd_2, {})));\n};\n\n__MARKDOWN__.meta = {\n  \"username\": \"zhili.wzl\",\n  \"email\": \"wangzhili56@126.com\"\n};\nmodule.exports = __MARKDOWN__;"],"mappings":"AAEA","sourceRoot":""}