UNPKG

@gravel-form/antd

Version:

A flexible middlewares driven json schema form with Ant Design

1 lines 1.26 kB
{"version":3,"sources":["Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkB7B,CAAC;AAMF,eAAe,IAAI,CAAC","file":"Form.d.ts","sourcesContent":["import * as React from 'react';\nimport { Form as AntdForm } from 'antd';\nimport { FormCore } from './core';\nimport { FormProps } from './share';\nimport { presetMws } from './preset';\n\nconst Form: React.FC<FormProps> = (props) => {\n const { onChange } = props;\n const { current: isControlled } = React.useRef(Object.hasOwnProperty.call(props, 'data'));\n const [data, setData] = React.useState(isControlled ? props.data : props.defaultData);\n const handleChange = (newData: unknown) => {\n if (!isControlled) {\n setData(newData);\n }\n onChange && onChange(newData);\n };\n\n const { colon, hideRequiredMark, labelAlign, labelCol, layout, name, size } = props;\n\n return (\n <AntdForm {...{ colon, hideRequiredMark, labelAlign, labelCol, layout, name, size }}>\n <FormCore {...props} onChange={handleChange} data={isControlled ? props.data : data} />\n </AntdForm>\n );\n};\n\nForm.defaultProps = {\n middlewares: presetMws,\n};\n\nexport default Form;\n"]}