/
bundle.23.04be63d1b0972d2dd7c8.js.map
1 lines (1 loc) · 4.48 KB
/
bundle.23.04be63d1b0972d2dd7c8.js.map
1
{"version":3,"file":"statics/bundle.23.04be63d1b0972d2dd7c8.js","sources":["webpack:///./docs/API/FormProvider.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_utkys_1 = __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: \"formprovider\",\n className: \"react-demo-h1\"\n }, \"FormProvider\"), React.createElement(\"h2\", {\n id: \"介绍\",\n className: \"react-demo-h2\"\n }, \"介绍\"), React.createElement(\"p\", {\n className: \"react-demo-p\"\n }, \"用于表单的跨组件通讯提交重置状态同步等操作,它主要与FormConsumer一起使用\"), React.createElement(\"h2\", {\n id: \"依赖\",\n className: \"react-demo-h2\"\n }, \"依赖\"), React.createElement(ReactCodeSnippet, {\n code: \"import {FormProvider} from '@uform/react'\\n\",\n justCode: true,\n lang: \"javascript\"\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)\\n\",\n justCode: false,\n lang: \"jsx\"\n }, React.createElement(Demo_utkys_1, {})));\n};\n\n__MARKDOWN__.meta = {\n \"username\": \"zhili.wzl\",\n \"email\": \"wangzhili56@126.com\"\n};\nmodule.exports = __MARKDOWN__;"],"mappings":"AAEA","sourceRoot":""}