` | - |\r\n| `onDataChange` | 表格数据更新事件，切忌用于更新同一数据源的 `initialData` ，否者会导致表格无法正常编辑。更新 `initialData` 应只用于不同对象之间。 | `(data: T[]) => void` | - |\r\n| `onCancel` | 取消编辑点击事件 | `(prevRecord: T & { key: number }, record: T & { key: number }) => void` | - |\r\n| `onRecordAdd` | 当添加一条记录时，需要写入额外的默认值时可调用该方法 | `(initialRecord: T, prevData: T[]) => T` | - |\r\n| `editingKey` | 获取正在编辑的 `key` | `React.ElementType` | - |\r\n| `loading` | 加载中状态 | `boolean` | - |\r\n\r\n#### 关于 `key`\r\n\r\n内部使用自增变量作为每条记录的 `key` ，故反复删除添加仍能保证 `key` 的唯一性。\r\n\r\n### 基础用法\r\n\r\n参考 [EditableTable/index.tsx](/stories/EditableTable/index.tsx) 。\r\n\r\n## To Do\r\n\r\n[antd-form-mate-v4](https://github.com/theprimone/antd-form-mate/projects/1)\r\n\r\n## 升级\r\n\r\n### 从 v3 到 v4\r\n\r\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\r\n\r\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可\r\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253)\r\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化\r\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替\r\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'`\r\n6. 移除默认文件大小为 500M 的限制\r\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\r\n8. 移除默认的 `extra` 属性：\r\n\r\n```js\r\nexport const defaultExtra = {\r\n picture: \"请上传图片\",\r\n};\r\n```\r\n\r\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/theprimone/antd-form-mate-location) ，可单独安装使用。\r\n","readmeFilename":"README.md","gitHead":"88c30f4c3397cffd1e403a8adf2ae6e8dcf03c02","_id":"antd-form-mate@4.0.0-rc.5","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-wahal04Gq5v5vlQ75VsFg7M8UUH+LzIjYtOX84DwDof22cEhLNTKJvCjFtC/v1t2D0D3ZRMwNOsKLA7eoYqb3A==","shasum":"dbbbecf43d0bdb00cfb45bec6ffcb94494f6d888","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.0.0-rc.5.tgz","fileCount":35,"unpackedSize":82066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTQHUCRA9TVsSAnZWagAAcQsP/jb6FIkH6P+AFQwpl2Lj\nfTpLJNWAHJd2gvlpN4EyL4ntwc586Lss3A16Lf6KT6txQOLfh5fWRlb5GmSf\nADtkcPdBKdMUPDciw5egiKhQAxRDdK/z+rypBswaga3b//7k/mMPLJa+el+P\n5wqWPzaeuSYDnP6EZT0s8ie/1f91Mq5/zU9EkBLp5RpmzRywzwJ14LbpfECc\n+sfb0z7UOOyNGAU44zZsT9knSHA+zJ/p+U5NdMmEvji+VA0AyvT5H1Y3F7eZ\nfCoG2I0CstGmqJTQs92ioHC1V2QNpMvFcnthe6dY7HPxarCkuLxocgLfTdlT\nN5PMub4MMIgUOJxFohzeR0MNuIVBiG71pn6/ftuF0LDpTiwf5Yd6a/ShdhHj\nz08Q///xrqebW6zJDXOGbpIp6pyjhqORZ48HNBuThZsWL5VyrcW6/1hb4xua\nvRYEbhaSfhsK/ZcHs5+T9gBT9ptn/xrEN9SX650fwAYf/i90ZyInb/yofkoE\ncX6zRBvgKZaQQdzGyzW5xAwpUtDmpXyYjI8E4wv8bjYfJOzwl1xHZ2I4qD2g\nm7bcXpLXFiN5pAQL9t7D13JKpNKbaDvZPv+RBiAaSOF8LmRu9P50bqVrHrPb\nGWi3pcYWd/KUF3Jnja9nefPiwBG3DY5wYnblhnTQ1t06xBfqkqytjnQlfBT+\nYovd\r\n=+DDn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLkO/ojo/oTcsrCzbtXc2MSepf0NLh8x8LXDo0ilX8uAIgP6sIMQGvgsosPg45YTgPRQhipMHNmHuvcEDRy9QPVo8="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.0.0-rc.5_1582105044056_0.9816559585900988"},"_hasShrinkwrap":false},"3.0.4":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"3.0.4","main":"./dist/index.js","dependencies":{"antd":"^3.23.6","moment":"^2.24.0","react":"^16.8.6","react-amap":"^1.2.8","react-amap-plugin-custom-geolocation":"^1.0.1","react-dom":"^16.9.0","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | del dist /f && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.3.6","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.5.3","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/theprimone/antd-form-mate.git"},"bugs":{"url":"https://github.com/theprimone/antd-form-mate/issues"},"homepage":"https://github.com/theprimone/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"theprimone","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"944ad5a88515e49e28bc82acdfe9355d778695fc","_id":"antd-form-mate@3.0.4","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-vbDfEIQNEZbRmvVDX9yDcaD/s7SpJZdeayUhK8F3yT/VXiv4jxlMBgb8K+vHQudQItSXU/q31ut2LqLfEDfxAQ==","shasum":"9bc4f501cd750eda5007f82f43b267e7529181ab","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-3.0.4.tgz","fileCount":45,"unpackedSize":253710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTQKCCRA9TVsSAnZWagAA9xQQAIgg2bTH16J/1DEwuwtJ\nUnGVxB1lObCdzdo0KTfZpn95dp1efM1MmKzWbqbrd94GwrPi3+sJOb8rKkIP\ndpn+TOmil75migLwI+rok0LOhG85tFMP2/uCj1chxeNoZRiYSCRSfUbryO3g\nE9I0Hqoru4ZwZ/Jdt2sxEETkkwYVSnSHPTqvZC8Z7H+luQoMYSwpuLvadU66\nfjt6pbeN5iFLMz4jQtiBINluC/q/GZAOhP1RCb56s2Ziap4om81MdikeFqUM\nUvV/DFP7S0fTPYQipsIuum6dVnm4FI8TL7plrKQTJvBj3nJ+UxmERhAmzdp4\n1dxAaGMjQSZfwfVWedjSdLvZdld6/ou+RQVDf70zhBZG9+snf0j8xfc7gMiO\nhJlsn56WyyDIYX/AMEtJkMCQ8kMbQTDvOK9YyVdZ8fh5AFFU89dblS1DtJVH\nSD70Jr1g8UEzKQTfbSEkJHdUPCUvPETp9ehzJu66Xdt34DxfRvJCZk0lhcra\nCwV6tsrqh2jyCMf2T1RXfn/xPXArd4+XSxddc0/BlPTuh7hUAb1KmZ8WvrCx\nWvNLLmkfdgPlW1x+JDechj1vUt4qnV0pJJHFH6rs12sr1IbyVRxBM0XDsCn3\nkvF7m408/kiebrmLI2OI9wteBFug2HW5S30gcy1Ahy5pdtlk51N7js2XRppI\n25LS\r\n=Q8rN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEak5IkhHOOLy3iiaInZOqIp75xJexQkQhCT89XtGeIFAiEA2nZex20msU1vJNV+qL4i7CQUNUGXyR6P8LT8uxZL/fI="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_3.0.4_1582105218413_0.20365320699123668"},"_hasShrinkwrap":false},"4.0.0-rc.6":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.0.0-rc.6","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.0-rc.0","antd":"^4.0.0-rc.4","moment":"^2.24.0","react":"^16.8.6","react-amap":"^1.2.8","react-amap-plugin-custom-geolocation":"^1.0.1","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | del dist /f && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --npm.tag=next --verbose"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"8343aab4b66043b4e68df3328d99aa1d953238f3","_id":"antd-form-mate@4.0.0-rc.6","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-h8IiGh64JTdPWI3iJVWovCMvrUhf5fmeyON5GOa6O+kjwJ082+Lqwim+V6GR2qYnNxFU905DzAsvNYHtsmZjpw==","shasum":"cd6b0642d101cfe3619ab75c8dde3b06dbe9b5bc","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.0.0-rc.6.tgz","fileCount":43,"unpackedSize":85704,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVIhhCRA9TVsSAnZWagAAxqsP/3xlFiz+pEEnMc0iZr6l\n8oj70680XE6R18p09mwAEzWCASKAHCOsE4wWnEgsPSRPfCE0+h7MPvviCP8C\nBt0tMZbgjvw2ofFzJw+pZXWXARuzOKe3TUutZPRfWIFdA/IugsjlHHO2xIMU\nXJDb2Rj/qB23s+oPIABiLGfJ0VE0pLFBdMF33ua2WxJ3xxF8VErshDJl/Juy\ne7qMbjo3fTgl3XyxQSVC4whDh8XsbVBu19oeih37fqvG9fKWMdM0qEZLEWHd\nNFXz0zJDQlDeSqYPULsewYZawFPhaRYv7E1edEnXnr5KY1hJhFEeE5Q1y2p8\nORkQzKfVbmi/Aqw2R7RQf1bf6mReRBM1HeEYWktMn5OZMlIYAdTWE2Mm74dh\nePag1eTGxpqOd/7452mpUGKSKnIDmgfrkBMjM+odBY0HN35n7fTC46XdQDC2\nmFCm1978frugxAvRrLxk9VQpGYstw1W8+JNdBuBpc6JPTHgrWN7tJ42Trx61\nwt9fGUIRuokmXKzE4N33pZItfGGcsQLp4av9ZkDje6pZJioP/GLSCs59RmHO\n6oL3kzpABpFDhx1evKBsyOpMdNazNF+Cp9uKWN3B//rzejWugQ0WIM6SsSw4\nlx3qKXoUBy3aearcDRZ6Tp8F8Z6n4urqZTnEaeSp7PlEjT++mblmxutYNOyx\nBdB9\r\n=VSKu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICX0dsuxhY7F85hIHX/KEnanyLoojWU301vELpjNGWPNAiEAu3px/TP7QetcHXnY9d+82uj4aPavN7oMF7ta6GGtrG4="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.0.0-rc.6_1582598240975_0.34585770109944125"},"_hasShrinkwrap":false,"deprecated":"this package has been deprecated"},"4.0.0-rc.7":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.0.0-rc.7","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.0-rc.0","antd":"^4.0.0-rc.4","moment":"^2.24.0","react":"^16.8.6","react-amap":"^1.2.8","react-amap-plugin-custom-geolocation":"^1.0.1","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | del dist /f && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\r\n\r\n\r\n\r\n基于 ant design 的表单组件，配置化实现表单功能。\r\n\r\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\r\n[](https://www.npmjs.com/package/antd-form-mate)\r\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\r\n[](https://github.com/zpr1g/antd-form-mate/issues)\r\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\r\n\r\n
\r\n\r\n\r\n\r\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\r\n\r\n## 安装\r\n\r\n```shell\r\nnpm i -S antd-form-mate\r\n```\r\n\r\n## 开发\r\n\r\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\r\n\r\n```shell\r\n$ git clone https://github.com/zpr1g/antd-form-mate.git\r\n$ cd antd-form-mate\r\n$ npm install\r\n$ npm start\r\n```\r\n## 使用\r\n\r\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\r\n\r\n### 内建类型\r\n\r\n| | 类型 | 备注 |\r\n|----|--------------------|--------------|\r\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\r\n| 2 | `date` | |\r\n| 3 | `datetime` | |\r\n| 4 | `date-range` | 日期范围 |\r\n| 5 | `datetime-range` | 日期时间范围 |\r\n| 6 | `number` | |\r\n| 7 | `select` | |\r\n| 8 | `textarea` | |\r\n| 9 | `password` | |\r\n| 10 | `picture` | |\r\n| 11 | `switch` | |\r\n| 12 | `slider` | 滑动输入 |\r\n| 13 | `file-dragger` | |\r\n| 14 | `string` | **默认类型** |\r\n| 15 | `check-group` | 多选框 |\r\n| 16 | `radio-group` | 单选框 |\r\n| 17 | `dynamic` | 条件渲染 |\r\n\r\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 和 `dynamic` 类型外的组件。\r\n\r\n### API\r\n\r\n#### 表单项\r\n\r\n| 参数 | 说明 | 类型 | 默认值 |\r\n| --- | --- | --- | --- |\r\n| `type` | 上述类型 | [`ComponentType`](/src/lib/props.ts#L19) | `'string'` |\r\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\r\n| `formItemProps` | Form.Item 支持的属性，新增 `dense` 属性使得 Form.Item 的 `marginBottom` 为 0 | 扩展 [FormItemProps](https://ant.design/components/form-cn/#Form.Item) | - |\r\n| `componentProps` | 额外的组件属性 | [`ComponentProps`](/src/lib/props.ts#L50) | - |\r\n| `component` | 自定义的组件，仅当 `type` 为 `'custom' \\| 'dynamic'` 时可用 | FormItemProps['children'] | - |\r\n| `generateFn` | 自定义的组件，仅当 `type` 为 `'dynamic'` 时可用，快速实现本组件支持的其他类型组件的动态渲染 | `(form: FormInstance) => GenerateItemConfig \\| null` | - |\r\n\r\n此外，每个表单项都有[默认布局](/src/defaultConfig.ts#L6)，如果没有 `label` 属性，输入部分会撑满容器。\r\n\r\n### 基础用法\r\n\r\n```tsx\r\nimport * as React from 'react';\r\nimport { Form, Button } from 'antd';\r\nimport { createFormItems } from 'antd-form-mate';\r\nimport { ItemConfig } from 'antd-form-mate/dist/lib/form-mate';\r\n\r\n\r\nconst BasicForm: React.FC = (props) => {\r\n const [form] = Form.useForm();\r\n\r\n const initialValues = {\r\n 'hidden': 1,\r\n }\r\n \r\n const getFormItems = (): ItemConfig[] => {\r\n return [\r\n {\r\n type: 'string',\r\n name: 'name',\r\n formItemProps: {\r\n label: '姓名',\r\n rules: [{ required: true, message: '请输入姓名！' }],\r\n },\r\n },\r\n ];\r\n }\r\n\r\n const handleFinish = (values) => {\r\n console.log('Received values of form: ', values);\r\n }\r\n\r\n const handleFinishFailed = (errors) => {\r\n console.log('Errors:', errors);\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default BasicForm;\r\n```\r\n\r\n### 全局配置\r\n\r\n表单全局配置可见 [`ConfigProvider`](/src/config-context/index.tsx#L20) ，使用可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L285)\r\n\r\n### 备注\r\n\r\n另，内部使用的[部分组件和函数](/src/index.ts)已导出。\r\n\r\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\r\n\r\n## 模块\r\n\r\n### 组件\r\n\r\n将注册新类型的模块称为组件。\r\n\r\n| | 仓库 | 说明 |\r\n| -- | ---- | ---- |\r\n| 1 | [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) | 高德地图地理位置录入 |\r\n\r\n## 扩展\r\n\r\n将基于本组件实现新功能的模块称为扩展。\r\n\r\n| | 仓库 | 说明 |\r\n| -- | ---- | ---- |\r\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\r\n\r\n## To Do\r\n\r\n[antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\r\n\r\n## 升级\r\n\r\n### 从 v3 到 v4\r\n\r\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\r\n\r\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\r\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\r\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\r\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\r\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\r\n6. 移除默认文件大小为 500M 的限制。\r\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\r\n8. 移除默认的 `extra` 属性：\r\n\r\n```js\r\nexport const defaultExtra = {\r\n picture: \"请上传图片\",\r\n};\r\n```\r\n\r\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\r\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\r\n\r\n```\r\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\r\n```\r\n\r\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\r\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\r\n13. 替换 `select` ， `check-group` 和 `radio-group` 中的 `text` 字段，使用默认的 `label` 字段。\r\n","readmeFilename":"README.md","gitHead":"8343aab4b66043b4e68df3328d99aa1d953238f3","_id":"antd-form-mate@4.0.0-rc.7","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-kue61WkWM9pvwCTLFNPnauDY7zvvm1BDqYgoq+zSLaxstfUEP45DBHUf//Okq9/5MWOoqah4sTv86szpgmMW7w==","shasum":"0749a64b7a488c910bbf87487b7e2f89fcea4a3a","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.0.0-rc.7.tgz","fileCount":43,"unpackedSize":85751,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVI6mCRA9TVsSAnZWagAAaPkP/R1smJbVzh/Zy8AwXTOf\nCf7RYFtWgZPqDPdGvLbXmYpd0yLNZcRO3j6dwjzGJXtFF+irZSxQM/t+RWN1\nrCyJGnbvzk39UFI7zgP/0SYYnroY6bEQbdfENke8yiZ7/A2IyG1cluWwa1a7\nDRScETUQf5qi+6ImEFeM+BO3HTgz+UCzawB8+OFIaXWYlP0NFqVFaqvCprng\nryPXtR+2z0fzAjADtVLrecMa52rGO7+tkPNCfqU9HlsEDHz30/9seko4/Tc+\nXqTYMSBPO78hKR5USlFL0ro7Ozib5JbhAkmAYrVLplFV8XQeFzJCAzESLzeK\niEN3FYUkeLboEdYF36dX4TGthtZ+eGJnAUjvEH89pLOf9P9u9IJVaCEE2ye5\n5+tXYAK7TQalBWI6TIkODVjjT/kqu6PJOuMCwTF+DlM0u2vuU4h3quSnooA2\nPS2uAJmaGuM0ftj45MUjullMj9TpyEIhyfJ/1niU3g25GUrM1gPhW6wXNTc1\nvaJfaXPkSowCBVAE/Xc9x2gN6bY4G11dJ9lCJjYenK846BAcoxHpC5couNTR\nqxB1zrrfXnCrKAtAIrrg69ZtH1q1b1g6xuq2f1oVMr5ekL7cW2BeGXbF5KdU\ncjcpIWlx+1wypDsxsWxdatTFeKClSd9bqTqXMD1tP+uufhQjniLk7nZ1xl3z\nXqF5\r\n=WlPg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzgmj7sW/FOn1ImH838wrLdlkMAKjAmGD/ozLh9By1xgIhAITYMVb7vOfHEwzUqyr0HFFmwT5aSznaSSa4XC/Wq88f"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.0.0-rc.7_1582599846250_0.43498066289158355"},"_hasShrinkwrap":false},"3.0.5":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"3.0.5","main":"./dist/index.js","dependencies":{"antd":"^3.23.6","moment":"^2.24.0","react":"^16.8.6","react-amap":"^1.2.8","react-amap-plugin-custom-geolocation":"^1.0.1","react-dom":"^16.9.0","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | del dist /f && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.3.6","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.5.3","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/theprimone/antd-form-mate.git"},"bugs":{"url":"https://github.com/theprimone/antd-form-mate/issues"},"homepage":"https://github.com/theprimone/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"theprimone","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"944ad5a88515e49e28bc82acdfe9355d778695fc","_id":"antd-form-mate@3.0.5","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ars0JUx4InmNL7DR1/IdSnwWpB+W/rO2Tm6m0MRukKvsUhRolvaJdTjCCu+bapN5o65v0m3npXT7uBOc2ryj+g==","shasum":"b5510d21cffef9b0ae64ae1b50762848ac568be8","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-3.0.5.tgz","fileCount":39,"unpackedSize":41769,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVI9FCRA9TVsSAnZWagAAmOcP/0oMSVBFntZWCTg/mSWH\npQLqQyWHs98/wpdpCuGdkL4UY1LQ+KehUOMJd0TPOnksZExRs9gtaMvr9got\nXg8gsi5bP5F/aREIkYjPB2xIOnFQ0gU3h6n7ko92xNBm7i8ZlnLf6VClsQzN\nwYmILxlWpdxhQgku+xTIWzEn4fVMbv/k/LPKiwUgIPlBZ0KcxOo7MXKTv+LG\n+uoKH8Jm0JUFkOD8Be/4zjKVeuLKgU4J7sxgHtt9ZWu7NRXyzqP9UeB1rFcf\n3R+oz7e6DBYaiPNgF7EJTNdClONCTrEOc5I2+yNNeu6SY1Ps2w3t9eXVzCJW\nICoonjz8qAJ6ZaOjXejeN477mHc/Uvw2jh5LWGdAimEi8hGkPsJ5zHE0R8TJ\ngAulj0kwb9RnNVv2Rxe/Ar26copASXqlgZdYmj3YY097laUu6yO3u0VM4yDG\nPHswr/7RTAFeGx3EtqznWv5qvKkNjuQ/wRRnxKCGkxW3tJziXJMrcxSWs2mA\nIwu0y05TmriFivC4xtB6hjcUW5IsaHflQpQVoQOxUt2yZa6TswR+7ArWe/oZ\n8HCuGu4gsw/gyQif8ezAD9s86mcMDzt86TB+9vXbTsxdgzpyQw2AMPntPnl1\nPOIG32sJcOuAz5E/PvTtUYdEV/KjWNaypkUZYMYNkqAlkWSPs/3vO6TEN341\nN+QL\r\n=KKAy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqY3dDTGpSdwftE/ea423rVB6MWkSg4jdrWqgqJivihwIhAMrVLqM9V1y8Vf1QELamMZ5/ZcTA5yhWPDGmCd4pxDf1"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_3.0.5_1582600005014_0.2652101720501401"},"_hasShrinkwrap":false},"3.0.6":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"3.0.6","main":"./dist/index.js","dependencies":{"antd":"^3.23.6","moment":"^2.24.0","react":"^16.8.6","react-amap":"^1.2.8","react-amap-plugin-custom-geolocation":"^1.0.1","react-dom":"^16.9.0","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | del dist /f && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.3.6","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.5.3","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/theprimone/antd-form-mate.git"},"bugs":{"url":"https://github.com/theprimone/antd-form-mate/issues"},"homepage":"https://github.com/theprimone/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"theprimone","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"944ad5a88515e49e28bc82acdfe9355d778695fc","_id":"antd-form-mate@3.0.6","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3exwtB5oXhqC+/IclRf5WgAxr69x8hXJnQl49pBrTezSxqJkw7WKtKDyI9Zf26s5q3Dh6qs1HhOBVkiBkxm0RA==","shasum":"3806241847fb07e9e6c25cbb62a4c303fa87224c","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-3.0.6.tgz","fileCount":45,"unpackedSize":254355,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVJB8CRA9TVsSAnZWagAAzuwP/0Bt5Vhueo3S3TpXdXeF\n3Erp6VL3wnKPR0ZSWUOndHqdek+0L6bDz3xdXfDOeJDcEdXGY90nFl+VXPZ8\nH1kqCZoQIlldHISs0ieno5Bu4CigliY5LQaPQwXbFAxmkEDfVU4uPqTnj1wq\nZkzGsNNqIdUmNMcG0D2MpFsOaUwmisYDtvaKaibIcJ8Ss4WcmQ3RCHO8fGOL\nTnWWGfERfnP9vZoytR0jplAvd526YoOQ4LSV1Nz2j0lR1twPHUF5yX07QF8D\ndwqywvZC+o0RQZyNkAtjQL4+zJjXrPiTuIno+QXTgsLzJFrsR30QeU38c6mb\nEYrjW0/wLHZfYnNLMYwX3yYcIKWbRMAOqULz4t3SgwXWYpH/yY1pwaxei6HG\nReCoIRTFzv0ZZnyO5d1wrziSCMg4x3p9N83mJmOTjUNkjg8dDgMFncrdC74I\nsi/rylH+qURG+l/PyseFN3pNeuN7HX58iYgENaYikVJS+5pRPgAMTV/4DSma\nVAkU4APXzpVPjeGpoiKskE7LRzLZIV4F6LmmXlnenS4IucgQ5VljJWzwoxFj\nrX7u57jvoifj2qA38wujACAYnjMqWawNZd02sI0j0HqkZR4jecFw7MSMXdyx\ntYouW5EXifF0Se8YhTe26XA1fTjAwg8YWy9l8UnukuT7GmhPCOK32eA1qYgD\n26e2\r\n=IGo6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWdMsXv+1/qPvQ56YJXq6/5ITwKMS0KdhgMG+9aXuxWwIgegMlJI3EHb+3wpzBeiXAAiseNXUvEZbsn0vhqOy3F3M="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_3.0.6_1582600316010_0.5137157192661654"},"_hasShrinkwrap":false},"4.0.0-rc.8":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.0.0-rc.8","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.0-rc.0","antd":"^4.0.0-rc.4","moment":"^2.24.0","react":"^16.8.6","react-amap":"^1.2.8","react-amap-plugin-custom-geolocation":"^1.0.1","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | del dist /f && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\r\n\r\n\r\n\r\n基于 ant design 的表单组件，配置化实现表单功能。\r\n\r\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\r\n[](https://www.npmjs.com/package/antd-form-mate)\r\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\r\n[](https://github.com/zpr1g/antd-form-mate/issues)\r\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\r\n\r\n
\r\n\r\n\r\n\r\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\r\n\r\n## 安装\r\n\r\n```shell\r\nnpm i -S antd-form-mate\r\n```\r\n\r\n## 开发\r\n\r\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\r\n\r\n```shell\r\n$ git clone https://github.com/zpr1g/antd-form-mate.git\r\n$ cd antd-form-mate\r\n$ npm install\r\n$ npm start\r\n```\r\n## 使用\r\n\r\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\r\n\r\n### 内建类型\r\n\r\n| | 类型 | 备注 |\r\n|----|--------------------|--------------|\r\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\r\n| 2 | `date` | |\r\n| 3 | `datetime` | |\r\n| 4 | `date-range` | 日期范围 |\r\n| 5 | `datetime-range` | 日期时间范围 |\r\n| 6 | `number` | |\r\n| 7 | `select` | |\r\n| 8 | `textarea` | |\r\n| 9 | `password` | |\r\n| 10 | `picture` | |\r\n| 11 | `switch` | |\r\n| 12 | `slider` | 滑动输入 |\r\n| 13 | `file-dragger` | |\r\n| 14 | `string` | **默认类型** |\r\n| 15 | `check-group` | 多选框 |\r\n| 16 | `radio-group` | 单选框 |\r\n| 17 | `dynamic` | 条件渲染 |\r\n\r\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 和 `dynamic` 类型外的组件。\r\n\r\n### API\r\n\r\n#### 表单项\r\n\r\n| 参数 | 说明 | 类型 | 默认值 |\r\n| --- | --- | --- | --- |\r\n| `type` | 上述类型 | [`ComponentType`](/src/lib/props.ts#L19) | `'string'` |\r\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\r\n| `formItemProps` | Form.Item 支持的属性，新增 `dense` 属性使得 Form.Item 的 `marginBottom` 为 0 | 扩展 [FormItemProps](https://ant.design/components/form-cn/#Form.Item) | - |\r\n| `componentProps` | 额外的组件属性 | [`ComponentProps`](/src/lib/props.ts#L50) | - |\r\n| `component` | 自定义的组件，仅当 `type` 为 `'custom' \\| 'dynamic'` 时可用 | FormItemProps['children'] | - |\r\n| `generateFn` | 自定义的组件，仅当 `type` 为 `'dynamic'` 时可用，快速实现本组件支持的其他类型组件的动态渲染 | `(form: FormInstance) => GenerateItemConfig \\| null` | - |\r\n\r\n此外，每个表单项都有[默认布局](/src/defaultConfig.ts#L6)，如果没有 `label` 属性，输入部分会撑满容器。\r\n\r\n### 基础用法\r\n\r\n```tsx\r\nimport * as React from 'react';\r\nimport { Form, Button } from 'antd';\r\nimport { createFormItems } from 'antd-form-mate';\r\nimport { ItemConfig } from 'antd-form-mate/dist/lib/form-mate';\r\n\r\n\r\nconst BasicForm: React.FC = (props) => {\r\n const [form] = Form.useForm();\r\n\r\n const initialValues = {\r\n 'hidden': 1,\r\n }\r\n \r\n const getFormItems = (): ItemConfig[] => {\r\n return [\r\n {\r\n type: 'string',\r\n name: 'name',\r\n formItemProps: {\r\n label: '姓名',\r\n rules: [{ required: true, message: '请输入姓名！' }],\r\n },\r\n },\r\n ];\r\n }\r\n\r\n const handleFinish = (values) => {\r\n console.log('Received values of form: ', values);\r\n }\r\n\r\n const handleFinishFailed = (errors) => {\r\n console.log('Errors:', errors);\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default BasicForm;\r\n```\r\n\r\n### 全局配置\r\n\r\n表单全局配置可见 [`ConfigProvider`](/src/config-context/index.tsx#L20) ，使用可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L285)\r\n\r\n### 备注\r\n\r\n另，内部使用的[部分组件和函数](/src/index.ts)已导出。\r\n\r\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\r\n\r\n## 模块\r\n\r\n### 组件\r\n\r\n将注册新类型的模块称为组件。\r\n\r\n| | 仓库 | 说明 |\r\n| -- | ---- | ---- |\r\n| 1 | [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) | 高德地图地理位置录入 |\r\n\r\n## 扩展\r\n\r\n将基于本组件实现新功能的模块称为扩展。\r\n\r\n| | 仓库 | 说明 |\r\n| -- | ---- | ---- |\r\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\r\n\r\n## To Do\r\n\r\n[antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\r\n\r\n## 升级\r\n\r\n### 从 v3 到 v4\r\n\r\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\r\n\r\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\r\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\r\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\r\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\r\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\r\n6. 移除默认文件大小为 500M 的限制。\r\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\r\n8. 移除默认的 `extra` 属性：\r\n\r\n```js\r\nexport const defaultExtra = {\r\n picture: \"请上传图片\",\r\n};\r\n```\r\n\r\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\r\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\r\n\r\n```\r\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\r\n```\r\n\r\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\r\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\r\n13. 替换 `select` ， `check-group` 和 `radio-group` 中的 `text` 字段，使用默认的 `label` 字段。\r\n","readmeFilename":"README.md","gitHead":"d6992962ceed6457c3d6a86e1f3bc690be1fb8c5","_id":"antd-form-mate@4.0.0-rc.8","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-uwFakJKPRKRA7OS/Qy38O1rBDcrYizfq6lgwKwgtVdv0AlWcYc5I06ekfNFwC6/2HOAMd59kdOEN7RZwxAcl3A==","shasum":"e3b35d4aa13d4e853a74c97f3427803d4fc21100","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.0.0-rc.8.tgz","fileCount":43,"unpackedSize":85752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVN1cCRA9TVsSAnZWagAASWEP/1ZgcsJONlMl9hQNYRv/\ntO7uiYHkOe9xJVYssWTNafM4IyWHCuywiyUwe2smJrkRXIZO392Z+4zI8lsO\nfd79RAMAWx6tuqdGTD+Rxu1vFp9nU9/SAQs43qj2ZrtCv4R/GZsx0+uMfGdI\n0IxlcP+XzCxS7FmTFO/rW4QGCWKHT2cIN4fPfyp8428c7Vpc8hj3Via9BkV8\nuyYZfy9VNr6viAomaJ2PlRelcqTWHyxOOALUmlCH3rlqGpVSL1At/0702NAo\nsfexhKVfWVAp59gtHgG1SqRTOcVm1nYvI3qzlintZA8zVpXcP5bpv/hu1gkG\niO7no1vv7RuZvhBoCQ4v48LgADrWyDn8XdiXcBXnFOi6kQOTRGetDv19zJsf\n9qBFEt9Qd9Jc/3qcrJK//UiyHT9wzBqEe0/VhqPfXLbBP/F0Z8dvQr03n3x2\n5PmXzfdt+H0Fm580C9ll2J3zDa44ni01ev9Kk44B3KiFcAiwU+F3FSN1xf2+\nkKnqn4SqlXIp99vElGSCMYpuKrC+GkC5ETBZz4dRklwcXq77CwRmBLaTeJxi\nxI43gKNLGMFqDpGleGXmSdmZPGU1ZDUpz00UEWCYirtBgphZFtyM2y7nAvQV\nYtnD/aC/a4429akUSbbbj4VfSVbFSXwBh9rDjbF0tiqmg0qqa3k7PmkMvH6d\nEvFL\r\n=FeP7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC8hpBZwAv4Sv3qK3QEZNRMsTVWHAIFuknOd+T8Pd/cTAiEA6mO7eazd7hLCrb4u5Pl4yY6/yz+3M/3cksG8xQ6SHYA="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.0.0-rc.8_1582619996291_0.010485522138542258"},"_hasShrinkwrap":false},"4.0.0":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.0.0","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.0","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"6e506010ce778f992ba33cccc69f4f12bbb2487b","_id":"antd-form-mate@4.0.0","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-gUWkzjRWNT1rMrbYQH4TZhis2+LUMT8aktCu8aDPKbvgtKaSZ1biwOcj0kLDHuw+Rf8Y3x1Ezqu1rjhE24bK3A==","shasum":"3e8284de339e35ff9b2c36c9994a474babcce107","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.0.0.tgz","fileCount":31,"unpackedSize":71043,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeX2TECRA9TVsSAnZWagAAb+8P/3nocuVVSW4Q9Kg5Jmcy\njONiZ8WcskC5Ozg21n+mYqGUAYoIXD3tOc/AzSYjL69O6eranM+wcgk1ubdH\nCU5JXc/cV78Lj1TbrO0GBFoVIZCNoJTY+bg80DTDuAHcxxDdYylfwlG0JH/y\n3k/HCiZ9iFIO+mUcpDdTXT0Qt/Hvhcdpld+3SbCHntYHizuHjGKAXrDzZ9O6\n4uuI1es3g1h1Th+7nJz1vOOItD9KiMYmKPTzizvvYl3TIfPm3qfPL1hh1TQW\nqKvpgllH8gP4gEp+g9bCAui869EvIfesnY0x3I11/Js6JjqP5oQ1q5NrZEh3\nIPI41lxQi6IVVpntw3YnMVKERcc5+7O2XGAcLkRh7Dn4e+Usp30qYrwmEh60\n9iZP6gX4Gd7HTRQoEHg5ralX0E4hjWIy1U89s0Hl7jZxvEer2IHc1/Rwd5md\nG8CJ1WwjjQMK7NaBPyZXdJn9WfZ1GEGv9bbvjn+QZbCXyyQ1s/o0SMh3tUGq\nN4JwIYx47Cizwa4IK9Q2nrHPDjyUePEU8O1R6kec14istesp0wS6r89fZo2r\nBfx4UG48Wo+qCH3At7GG1bTVaSc7FeG9XomMMV3kiMvKuLMOZ2azu+m8H3L8\n7w5+5oCvQOkJydtEqP4EPIS78pVuMAA9DhDd97/FylByziuJ/ORjeJDL6G+Z\npNMg\r\n=OO15\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZ9RofzoIDFFIox9zdckR4RjL16K/DcC2AH+hNgFbkEAIgYLRFpZBcKrJrwfyfRjbYzyGFBuQZtOrylMrWuA2uXm0="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.0.0_1583310019791_0.2705308891619167"},"_hasShrinkwrap":false},"4.1.0":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.1.0","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"61834f075598089e35a06a3e6a4771c125a08c9e","_id":"antd-form-mate@4.1.0","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-dz7lOQbRjVApagvH9k9qq++IkY5w6DN+YiL/0+QCeaaOY5/VhuSHw7W5epOpXG4h4Vg20JDHMa7oEc2V2guFsA==","shasum":"c9bc15a6614b95f6471bf1eb2064fb99e4d3334f","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.1.0.tgz","fileCount":34,"unpackedSize":73220,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYLjuCRA9TVsSAnZWagAA5a0P/R9wbGf7by02SdiZw9Sa\nuDi2OvX4qZnEPq0dvHXYfB/tcDE2KTg0NfsaYu6Mrlr7WjkVCgS1Jh87mXeo\nzfnWC6i4VGeGDjdP3/xDkR9KiCOu5q8dyx8OAo6WqTnkmi2H15yK1O65sMAP\nUKvKvUXn4gU5jHKzVLvU1psOWShbsPvvRqD6puan13J0jfqViI1JyFpdxE75\nq7bZOmaUkztL5UuzpcpksufxpTPXUCkY57ekgApfSTWzDOcm+GDHDa+xMWLz\ndrrCPP4EWst1/FGUvi5E2MgM6sZbDD9kP1G50gUEdl0gtoZA2xSLM4pqNiHk\nvbAnjR/KFS50odyXr6uPzkHlC7pjuehoQaSd3slCRNBor7EE1d0+hhHHFrp6\nls7pIbBG5ovoOxEOXNgYczwMnbCRgsbUaEpFVPznTeqWyfxZIptg8RQFtdFf\ndvm3ZPK0gzHdKRtyBLXFwmHS3gJyBETb/NtSGIbaJTs7Nb4GdC+2NE+SbbUZ\nGdJQqkP2nif31UW/tYWGMLhpc5e3kll3OkVHJQnmk0YL3/P67OPj/vqimx6w\nHGsC9X7nbUKX+MIMhkyxM+CNiObIF989QbtM1HWqTTh++SKQs/yLh9uJd1lz\naAfEYgI8GBe5nOrkXt2kuu45JODWa/cab6MSpSRtwxmGuVpyKkb8cTQPrMvI\n/uhs\r\n=GMuC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICV9g0NfSXwWb8VfCBqUYAobSR7fp+KDZQ3vzlnv6WYlAiEA02hZHHC10CeoD8scRcrtyG8IymlWk92aSAtI++8Dxh0="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.1.0_1583397101684_0.103756892721242"},"_hasShrinkwrap":false},"4.1.1":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.1.1","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"4b3a8fc146916d3d9f01bcef4b16e5c90bee1798","_id":"antd-form-mate@4.1.1","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-AHzPVhNql5FAhfqyEYSfb2nfG+xpYFQA2DqywuZj2XpMF/CcxEX9fNKUUifJNQhJIR80xRaxlO0YgHHGo5A4eg==","shasum":"c0b9e5bf4266f1cd0aaff0fd2ec02b302fc7dab5","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.1.1.tgz","fileCount":34,"unpackedSize":73454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYMZiCRA9TVsSAnZWagAA7S4QAKFGsoAdmW5D7zKAb+ww\nuHoui8cMw9oeN+ogVZfij98KWw5rEY6SvNCUp4TgIwWGoE5kfpAZj85wiHpL\nNGEvDDd5895snZceR8i8lfix98kIJLfY1xVPcYIcXJmgvpJ6b2zGgSmNK1lq\n/vkfk5icpss0cQVyVe1X1I+OlYrBLmajYR3wg6MtzRW09mzhmQOEatwrOfGN\nwDqmWwgnO68U0MmCa+5Jdt+4WcnLtNet1qoNUsOISVSOkHbRPS+vJNtoixcb\nrg3HH1hrmQOuLUg+lYdfzT1XW6zGeuixp80jwPm1U4f6vC37TQqOQkzno8HO\nU7z0ntM72mjClcGb0tVvTlJ1OzwZ4uj0jPWjBP6FoonqfA2Zs0mTi/iUBPY6\nhGuf0MDo/T1gDNxpTrPZsVTFLrhcBh5ruTBGzrIu7QbkSspsrcKDeUAJbsxg\nbCKr5vNU2tBBSpBqQX16HTY23vm/T8h5tZEyhUoLjo8LQSM8J3Y/S5sQG/l/\njRPltDJPRqcI4C0MPipuvuRFRNOhe3aTFZY4gF+g5I5e2MgZVsSlVyNkeC7U\n1TEUF/Ho6MkTv9jogmo6f7HkVtIKxhG/b4UwHsYunRVrc0DHFoHZ8ayfTB3W\nl5Nxrogpo18MKQACvIUIwQD4KfFh3Ud6ub3bueO9EOvoulJlTq4r0hHdBNmd\nuHKN\r\n=IE6R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFY6RAFHJOBLYYVTIo7TWChwhsf2Q+L/862gsYCUy+mgAiEAw1CoaTyve9qwdxor75pSTw4ByXhvlSiH7bkD3bMwEow="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.1.1_1583400546296_0.17306275290937623"},"_hasShrinkwrap":false},"4.1.2":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.1.2","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"d669a85ea228bbbc2bcaa8f1f3d99d5859de5124","_id":"antd-form-mate@4.1.2","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-LWRW8lCeMYvGR67252AqpxNVx+nVcGs5ydq0keEHV3cEQ3oW2uaTbEjAY8jTcpuKJWuueJzY7YdxRQokQFffSg==","shasum":"87f921a5cb8654d7e66e944ae3555597c4ccb0f8","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.1.2.tgz","fileCount":34,"unpackedSize":74144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYNaNCRA9TVsSAnZWagAA3HIP/AjQ5B7CK5yZ6a0Ot/DJ\nyycmTgUZ0Mou0baNWP2s6XRBDCPEbqUbclz0qJ8qjZd3Xc6IihgbsgmnqzCA\ncVjYpQWeVBVmMmfQS/Kayy6Z/bRvReVRW8d4BMitb0p34AOMw+K5Rcm3R1Nf\n8OsXc6ugm9JMaFxvN5T0wuKRSnyULF/R9CzzaqpYSn6PMq4SlfyJQoq7vEuJ\n6t3gKCjYHigKmaESCfYCaAMo7GXCYy1ec38v6KN+xKvgLUJENJPmLmvdEROO\nffkbLZ1YpNq7stoNNBT8VsVS3R1yYC2B9L/r+3VKIn7JsJOqqgx68Ccm6d58\nBs34L16yAmRv6CDwzyR5Xum5TC4Tr93FxjyjM+2KcFqxbqGrWbuiaQcFGXkk\ndXl/B69xo5smA64gDDK6anbqxtLxiTFdp1Uo56wGhhgxONKyH7FI+LaMecfI\nAqD3iUpdGadXJs2vS7BEP9bz+rVd+28H0uAymQmtelDK3/WxmGkRXnWSKDsx\nxdhbBD3nflpW9gqqZdJQ7k7/AayAaQdtD//rLcknbFuhnPTHX5ntZh6Gqtrp\nh8AK0NYFo9Ie7KNoSAvL8tVRqNkA126RPBaqTktgIBjxdF4OlsnG6Ewzexjr\ns1uTdXD49fwF6xaGxFZeu+C+/uYxIESyFblUrPPsjlh88mFpDlD6PiTRUu1k\nB5Iy\r\n=W4w7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXvYtbNu2XnkKrhzr1l4zBEuseZLeTJOjJTKPKFh/xKwIgTdJhtavcgWNTer7JyaWjimGo3P6dkVmCiwyHGGUgMlE="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.1.2_1583404684424_0.3963916328687751"},"_hasShrinkwrap":false},"4.1.3":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.1.3","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"bdc116a2d82b0658c0ed000182084b0d6f217a38","_id":"antd-form-mate@4.1.3","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-ly5oHr4AMrvdDepk2RvQkD+hi1L5qLu5/c8iLmlyQITRmjBt2p/d3zxqQjF7/MI3ZE8JMhi4JYi0pNOqroH/pg==","shasum":"1c38b047e6fe3766838856012aa5a257341ea370","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.1.3.tgz","fileCount":34,"unpackedSize":73829,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZwCRCRA9TVsSAnZWagAAsXcP/jbI9JH5owW91WgEFfrF\nhfBAjYdokPIgTn3ucK0XQisPCcrMEEps4T9+onpASKpnAKNSMP02GPrO8wCg\n1m750SuDCs5KazyTIFGvakHDjQ7klo6vgR3tkHUOGvqk3P797PXEGJdf0tJS\nX2LRjEcH/2pexcojeRrHTymh9FFbaz1M/2eZogq5TDTKGErzeRqA6Uo9In7K\ngP/M2iO0LCrnKOjyIzgyv5jfWYtkzFZgEmDkAXynkcWG4oFGPlLl7rjTOspz\nvif6+3Vfk95oj1GGR0Xl5vKdcqVOdIFCHglrrbqAG0cTEHDEnep8ic99JnIL\nskqhorPmOcTseBJCQL1MZvJnUEC6MNFSMWh88Um5xFHLG6JE9n1vF+a1NVAS\noKUw1ncvfYWKJU43qLMlS+ZaEvnBvcjpGCl3EDvvZk+SIp9zhibX9a1PSLg0\n53TD4Plk9saPBt8UXTCPJLWCoDBiVkyLPwiJxv7pCL4BsZ2hDODC/rTJIM+z\nNxmEJ7P2kzNhIZFaAkro56MtnIjg0MD5Muzxr2kRESkLn8DxN+k6FTb7k/qI\nbDx8FRRtBh8dayOvgUWp7LmoqDiEk5Ylf9pX292HTEV0z+7RSjYgGmlF9FpM\n+ooJKA1uGOabtJEFYCu37Xi3Q9g0RgcBUhkw1Ua07MowO/BzYAeYb91yE9ua\nyEHd\r\n=03mp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjgYYMAr+0M18ktfjMtTfk0eodxW730cn6NWdqNfLkJwIhAK895QZm2wG4wAXALSQb/mE1KsXA1NhIP1U7jVRATewj"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.1.3_1583808656315_0.016322058613104318"},"_hasShrinkwrap":false},"4.1.4":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.1.4","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"56dd0e16b38191407356137454a3f692ebb1b70c","_id":"antd-form-mate@4.1.4","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-4UpehzVGZqZieC+xX2xKzA14wJQw/4mePWuxCF0wg48jmGnscFXurNMcOFfcfFbpEhTlfBnezyiZq5SWb8B4RA==","shasum":"0db8d4704acb3a8632843a1b1862e80c851a564c","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.1.4.tgz","fileCount":34,"unpackedSize":73572,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZwLMCRA9TVsSAnZWagAARbUQAImph/EmLIPdkBzSLbBI\ncGHvkcIrtkx/lMkTOsEletmIj7rxo9An5tKbcL5WwyqLslfwXEjTcFBNOf5w\nRC/W5ANTP0U3dPuTee6bd/nag+c6OgCzSDTzeZrJZMD7eQNI81e+zpqhWZ5O\nORa2+6AssD/wx7OeG0RS3e+58R0/6nMTUTqx1+x3fZmDVkQu0wJ5K3dGhAgo\n0RISTMpEEl6OiIrVF9IbSMmwQQdvHoUL818uycfKrQE8REc5apQHfvBFyvd4\noU+ctxH+CnDYZ4aerYrG3by5hAgCWhGq4JU0/YUOjBMjkE1MsYd9STP1BQqn\nbu2iqdZVMk/9JCcox3PNmxUeoS+U66UiQVrdgJ59Fu1pjdIMl68eyxZ3RP3t\nU/nSv1u/nZ2wk0JK4vzqaITjD+B2maSX9qSKlBQg2F0apw9bu8ZBDNqCSq9k\noPbicQUEht4wYCQZFp6wUfA0QAjHJm2RL07/8g3qqVnX24jTYLpL3D1f0a4V\nImtHSmG0uxcAEaIppZpU6oXgWGOJUPR+rPexJzDStT4q2zYXbQugv0v57Aq3\nZLeEjGuQG7EwkegE0xA9BXZF2Nt5S9K3Vf5ybtIyS9RsmPB9fxeAXQdMAqQP\nJrdI7gmNsuqmjzZaRcxXAKevk747biuKwE41gP8CTRewoRQa+08sf5yZb8Wp\nzhmf\r\n=41cP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD370a2FDAcqRMBRgU1Yr1ZtN+W+RPHS/h8E8f21lM8pQIhAISIH64ATwwUgR0mUvLzATFf06ggEFAz1c+wQW3Ck6wG"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.1.4_1583809227962_0.8020691491609553"},"_hasShrinkwrap":false},"4.1.5":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.1.5","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"e5c23b7ca2612de736f80f9b9ef62ee24cece6a9","_id":"antd-form-mate@4.1.5","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-w7xy5HmFqY0Cob1SUF51T3uXM9PYOTTV/UjOO0erfqlNxphCBKmbzteTCPm8UQlbMww/pCHhIn2E9I0/mlfc5A==","shasum":"fc257d1c165af1bb30aeae7f02e32d2c04ecd1d0","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.1.5.tgz","fileCount":34,"unpackedSize":73562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZwWkCRA9TVsSAnZWagAAdQgQAJnnhyGZRT7DsFqWJ2Pc\nY048/R1V1dm23tolSXbM2+/JOD8ca5ry3bCW8tzAG9PFynMb4WUn+aqYpKRS\n4Cj2nzptDTx5hwlEboow13WiJH+ON6AQouXD/ozRiHi0BMXI9p9RxQxPy8M9\nYFHpa/2eLMDqZLmH35QX5pxQeS0jq7k2/qtqpdNiqDZIHa4POmKr7K+O+NWf\nKp7GMsWME571WZc76Ypgba+vitTwBt9unpyw5cestg2sZyY95HZu0eqF45+O\ndGFSh4czRl99zLsXtBzox2NnPg8akbyrFz9RY5R1ZfhJ3fkf7xMfL0zVQg1m\nrU+rye8n+M8FNONybeCHO8LY/Do8hNDjbemoQV/vJjMdvyZlVTv4/iYFKYux\n5AOZaTTQ/YvpUF3nwb9lpOG4nXQRAV274zJxx+41EBem4K7BlTEVxM6zF4WW\nqD20Kx9fBCSufDjpLOKcVkO92JiRQILjtEWh8b446PSaPnXpLjsih4OiL2D8\n+M+DruyLwdiQIahom1AFjagxDdN6t+AyKiSv5HOE7ImRzuD8fQoxZS/zIz6X\n59+EZbG8Y16LrW4dFWpogCSPHMLu3wMQq9e2E/zGPOS2idsE0yn9nIO+kMeh\no9bKPxm1VkSWqhquoDKUW9p19uLf/evjDKbPTb3Ng1uOa2MZzFucs804jy3E\nOoER\r\n=2O9M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDQXmY4I9OTUPUdZfWzKkNGZjiFhnzdXP0UmfY+vf4rwIgeS4kjGjyCSzmfnSrCHYRIAqrrahcsfSxQVl25k4BZXI="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.1.5_1583809956552_0.7847984770161103"},"_hasShrinkwrap":false},"4.2.0":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"4.2.0","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"b120d72062f9f55be50b735bffddeecd88f0bcee","_id":"antd-form-mate@4.2.0","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-zsQXtgCU0cnNipQH++Lq1jFyF90AuLE8PudW6AXpD9KWm6CWWlPcjnc5ENrvDtOdQc3Bqt4HnX+ppSmRjvEUYA==","shasum":"837dbd6b6d807d9408974793be048d99da3913a2","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-4.2.0.tgz","fileCount":34,"unpackedSize":73997,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ1I1CRA9TVsSAnZWagAAH8kQAJJ71O2H0mG20gtdmg8Y\n6+az/YIts7S1rydFqI3uMNGUna4H1mAT2jskRNEMogkEG3N2r2F0rX/3Aplk\nA17BYeO2JNzRrl10Wo3a1DmIMioCg0kYEy6BtLkMC2tzkaoSwlYWQwJDn9lP\nasNC0EFpsVx3Vywg0p7p+XXhhyEZj2BGp5l3xQWDuTE+4CuojRpU5/J4W53u\ntHtsb2LZrockr+EUseD+TPrLt/vg5sVTPzjO8CmyxEq2kcb/iB5jMWlKZHjq\nyWKVisr6lht4727c1kk+KOUXqkFv2L17LNiE1n+lK1Hhnh+DhPGzAM0MBqBy\nGW1cCVlI+vmqqR3EnWwMGebLrB/o+2Tnv5J/cYfAjDHTmx2lbkcTotGoQICO\nas82lnnPNKDxKOaFdwYHRZUj2DpnGFF9cYAuGOO5/jOAAkoPF6Q0GbAQGmWB\niKeh4gIwrnpiDfrWhdAylWiVTfL7QIkWs/aVMMYstV3R9d+niIc/5ufK960v\n1/ZgTfpyZdm8bT2Dl4zpcr4sEcnLVioJRcpb/I+crkfhIjjC4ETAMFanzkxT\nrfLGRnaZpGJqoVBBMRXYeMevXDgvJJK1jhg3sCrRyOQ3HgJzTRDAoA/lbTSg\nlChTqICOobP4RIxZzMaUdEH1VROSNtfD2zUHeSPWlSDf2/oSAK+21xI9Yr6t\n064R\r\n=650T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbkisUVTduGh3r/f8m8mBazMi6mubpac1PIPrDi8K7kAIhANjiEYB0oOD7xGJTA4i8wlJc3bTkc4sof4AnACmMjhpD"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_4.2.0_1583829556605_0.3205177028904256"},"_hasShrinkwrap":false},"5.0.0-rc.1":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.0-rc.1","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\n\n\n\n基于 ant design 的表单组件，配置化实现表单功能。\n\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\n[](https://www.npmjs.com/package/antd-form-mate)\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\n[](https://github.com/zpr1g/antd-form-mate/issues)\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\n\n
\n\n\n\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\n\n## 安装\n\n```shell\nnpm i -S antd-form-mate\n```\n\n## 开发\n\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\n\n```shell\n$ git clone https://github.com/zpr1g/antd-form-mate.git\n$ cd antd-form-mate\n$ npm install\n$ npm start\n```\n## 使用\n\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\n\n### 内建类型\n\n| | 类型 | 备注 |\n|----|--------------------|--------------|\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\n| 2 | `date` | |\n| 3 | `datetime` | |\n| 4 | `date-range` | 日期范围 |\n| 5 | `datetime-range` | 日期时间范围 |\n| 6 | `number` | |\n| 7 | `select` | |\n| 8 | `textarea` | |\n| 9 | `password` | |\n| 10 | `picture` | |\n| 11 | `switch` | |\n| 12 | `slider` | 滑动输入 |\n| 13 | `file-dragger` | |\n| 14 | `string` | **默认类型** |\n| 15 | `check-group` | 多选框 |\n| 16 | `radio-group` | 单选框 |\n| 17 | `number-range` | 数字区间 |\n| 18 | `cascader` | 级联选择 |\n\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 类型外的组件。\n\n#### 表单实战总结\n\n1. 对于**特殊类型**的字段值在设置初始值时可构造为组件内部的所需的值类型，以便后续表单值的统一处理，避免一些繁琐的判断。特殊类型像日期时间（ `moment` ）、文件（ `{ uid: string; name: string; url: string; status: \"done\"; }[]` ）、开关（ `boolean` ）等，已通过 `FormMate` 组件实现统一处理。\n\n### API\n\n#### `FormMate.Item` 表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| `type` | 上述类型 | [`ComponentType`](/src/interfaces.ts#L16) | `string` |\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\n| `dense` | 使得 Form.Item 的 `marginBottom` 为 0 | `boolean` | `false` |\n| `componentProps` | 额外的组件属性 | [`ComponentProps`](/src/interfaces.ts#L47) | - |\n\n其他属性可参考 [`Form.Item`](https://ant.design/components/form-cn/#Form.Item) 组件属性，特别的 `children` 属性仅当类型为 `custom` 时可用。\n\n#### `FormMate.Dynamics` 动态表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| `render` | 判断是否渲染 | `(form: FormInstance) => boolean \\| null \\| undefined` | - |\n\n其他属性可参考 [`FormMate.Item`](#FormMate.Item-表单项) 组件属性，可配置 `children` 。\n\n### 基础用法\n\n```tsx\nimport * as React from 'react';\nimport { Form, Button } from 'antd';\nimport FormMate from 'antd-form-mate';\n\n\nconst BasicForm: React.FC = (props) => {\n const handleFinish = (values) => {\n console.log('Received values of form: ', values);\n }\n\n const handleFinishFailed = (errors) => {\n console.log('Errors:', errors);\n }\n\n return (\n \n \n {\n return (getFieldValue('name') === 'form');\n }}\n />\n \n \n 提交\n \n \n \n )\n}\n\nexport default BasicForm;\n```\n\n### 全局配置\n\n表单全局配置可见 [`ConfigProvider`](/src/contexts/ConfigContext/index.tsx#L20) ，使用可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L52)\n\n### 备注\n\n另，内部使用的[部分组件和函数](/src/index.ts)已导出。\n\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\n\n## 模块\n\n### 组件\n\n将注册新类型的模块称为组件。\n\n| | 仓库 | 说明 |\n| -- | ---- | ---- |\n| 1 | [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) | 高德地图地理位置录入 |\n\n## 扩展\n\n将基于本组件实现新功能的模块称为扩展。\n\n| | 仓库 | 说明 |\n| -- | ---- | ---- |\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\n\n## To Do\n\n- [x] [antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\n- [ ] [antd-form-mate-v5](https://github.com/zpr1g/antd-form-mate/projects/2)\n\n## 升级\n\n### 从 v4 到 v5\n\n表单组件升级到 4.0 后，由于 `initialValues` 提升到 `Form` 组件中统一配置，且由于之前组件对并没有对 `Form` 组件进行封装，导致了一些使用上的不便，故再次重构，旨在让整个组件的结构和使用更优雅。下面总结 v4 到 v5 的变更：\n\n1. 文件结构调整\n2. 基于 `Form` 封装 `FormMate` 组件\n3. 在 `FormMate` 中处理表单初始值，统一字段值类型\n * `switch` -> `boolean`\n * `date` 相关 -> `Moment`\n * 文件相关 -> `UploadFile[]`\n4. 重构表单项创建方式，使用 `FormMate.Item` 组件创建\n5. 移除不必要的默认配置，如 `defaultItemLayout` 等，完全可以在使用时再自定义配置即可\n\n### 从 v3 到 v4\n\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\n\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\n6. 移除默认文件大小为 500M 的限制。\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\n8. 移除默认的 `extra` 属性：\n\n```js\nexport const defaultExtra = {\n picture: \"请上传图片\",\n};\n```\n\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\n\n```\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\n```\n\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\n13. 替换 `select` ， `check-group` 和 `radio-group` 中选项的 `text` 字段，使用默认的 `label` 字段。\n","readmeFilename":"README.md","gitHead":"872c8c94d5f3ac77cd34d8b29b621ace3b789db1","_id":"antd-form-mate@5.0.0-rc.1","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-v2J5SY+5wka+0SOJehlEF7qm+VUIqyAMzywiTo3iJOUq9QVU4Smiw5hCl09KujKOd7uqw5oAyCDcQxZsshEuEA==","shasum":"b6541b6580b7e0ec2b262f8492b55e88c154fd77","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.0-rc.1.tgz","fileCount":36,"unpackedSize":76755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejI39CRA9TVsSAnZWagAAbeYQAI2C4WHLAvWap+n5gApI\niW7w+musKhocpXT4fnnjo1KLXKHpFrTjxczCqOkYU+7CHwb2AU5MhIO84tTX\nhO9sMYCirKWlrqJWPQMSOxIJAaN8dU2LV8avzU1h0zrZZmmsHfJm7fN5c5Tw\nNhI3ar+pwCWOPSLOd0pm8mi5KrYGmKbW/uoBZSB7wa5CF/jIIscQo4BOT4uc\nA93Ja4ON17HDJSdniO3mqOvcta2Id1sOViAlkyJW52nt+hOGT7mAhmwkIJv7\nsfvv4yxxbBAu4dzPgwV5vB7PyADhnmCU58S+P6U/2wkuB3ClQvPI4SmFLr+O\nqnER3zVH1e4FckZdULqcg/sS7cgXAQkH3VRpyKmihNZGu+E+toUFg+aak5fo\nvFMyH05b1aWbEgktf+zwI/9C+eAMgPE+XfqJP4S2tq0BziB8GLy4iG4zuA/J\n7pkUXWky8Oy+WvC4yO9x2rT1FXAI/+34y5dprxUCiDW9CKzS3atgQipm5ZeD\n1fPozFaQ49M+H9bcjQORJdHjpfDG3jmwIojbb6T7sxZqf0vmVd+2N3h5j3L4\nU01ez3nciC89H6aB9kpUtjL2cWStMzJwBf8fQIDqhHNygZQNsGkUL3MOveXZ\n/1j20azLplZI20pmOpgnVXrcoHUcvZQ6JzMwsI/a7ROgWfpIhBtHUk8N0QK2\ngUzy\r\n=hlVN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICbnFGMY/CzdyD4N2+/HRpL0YYlaG17fk4FmgjgPoBhQAiAI/QfVbh4ySrHJql5Ao5Ay77+Tv0q+P0O94ck5K/3mPA=="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.0-rc.1_1586269692892_0.22160050996536906"},"_hasShrinkwrap":false},"5.0.0-rc.2":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.0-rc.2","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\n\n\n\n基于 ant design 的表单组件，配置化实现表单功能。\n\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\n[](https://www.npmjs.com/package/antd-form-mate)\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\n[](https://github.com/zpr1g/antd-form-mate/issues)\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\n\n
\n\n\n\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\n\n## 安装\n\n```shell\nnpm i -S antd-form-mate\n```\n\n## 开发\n\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\n\n```shell\n$ git clone https://github.com/zpr1g/antd-form-mate.git\n$ cd antd-form-mate\n$ npm install\n$ npm start\n```\n## 使用\n\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\n\n### 内建类型\n\n| | 类型 | 备注 |\n|----|--------------------|--------------|\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\n| 2 | `date` | |\n| 3 | `datetime` | |\n| 4 | `date-range` | 日期范围 |\n| 5 | `datetime-range` | 日期时间范围 |\n| 6 | `number` | |\n| 7 | `select` | |\n| 8 | `textarea` | |\n| 9 | `password` | |\n| 10 | `picture` | |\n| 11 | `switch` | |\n| 12 | `slider` | 滑动输入 |\n| 13 | `file-dragger` | |\n| 14 | `string` | **默认类型** |\n| 15 | `check-group` | 多选框 |\n| 16 | `radio-group` | 单选框 |\n| 17 | `number-range` | 数字区间 |\n| 18 | `cascader` | 级联选择 |\n\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 类型外的组件。\n\n#### 表单实战总结\n\n1. 对于**特殊类型**的字段值在设置初始值时可构造为组件内部的所需的值类型，以便后续表单值的统一处理，避免一些繁琐的判断。特殊类型像日期时间（ `moment` ）、文件（ `{ uid: string; name: string; url: string; status: \"done\"; }[]` ）、开关（ `boolean` ）等，已通过 `FormMate` 组件实现统一处理。\n\n### API\n\n#### `FormMate.Item` 表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| `type` | 上述类型 | [`ComponentType`](/src/interfaces.ts#L16) | `string` |\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\n| `dense` | 使得 Form.Item 的 `marginBottom` 为 0 | `boolean` | `false` |\n| `componentProps` | 额外的组件属性 | [`ComponentProps`](/src/interfaces.ts#L47) | - |\n\n其他属性可参考 [`Form.Item`](https://ant.design/components/form-cn/#Form.Item) 组件属性，特别的 `children` 属性仅当类型为 `custom` 时可用。\n\n#### `FormMate.Dynamic` 动态表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| `render` | 判断是否渲染 | `(form: FormInstance) => boolean \\| null \\| undefined` | - |\n\n其他属性可参考 [`FormMate.Item`](#FormMate.Item-表单项) 组件属性，可配置 `children` 。\n\n### 基础用法\n\n```tsx\nimport * as React from 'react';\nimport { Form, Button } from 'antd';\nimport FormMate from 'antd-form-mate';\n\n\nconst BasicForm: React.FC = (props) => {\n const handleFinish = (values) => {\n console.log('Received values of form: ', values);\n }\n\n const handleFinishFailed = (errors) => {\n console.log('Errors:', errors);\n }\n\n return (\n \n \n {\n return (getFieldValue('name') === 'form');\n }}\n />\n \n \n 提交\n \n \n \n )\n}\n\nexport default BasicForm;\n```\n\n### 全局配置\n\n表单全局配置可见 [`ConfigProvider`](/src/contexts/ConfigContext/index.tsx#L20) ，使用可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L52)\n\n### 备注\n\n另，内部使用的[部分组件和函数](/src/index.ts)已导出。\n\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\n\n## 模块\n\n### 组件\n\n将注册新类型的模块称为组件。\n\n| | 仓库 | 说明 |\n| -- | ---- | ---- |\n| 1 | [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) | 高德地图地理位置录入 |\n\n## 扩展\n\n将基于本组件实现新功能的模块称为扩展。\n\n| | 仓库 | 说明 |\n| -- | ---- | ---- |\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\n\n## To Do\n\n- [x] [antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\n- [ ] [antd-form-mate-v5](https://github.com/zpr1g/antd-form-mate/projects/2)\n\n## 升级\n\n### 从 v4 到 v5\n\n表单组件升级到 4.0 后，由于 `initialValues` 提升到 `Form` 组件中统一配置，且由于之前组件对并没有对 `Form` 组件进行封装，导致了一些使用上的不便，故再次重构，旨在让整个组件的结构和使用更优雅。下面总结 v4 到 v5 的变更：\n\n1. 文件结构调整\n2. 基于 `Form` 封装 `FormMate` 组件\n3. 在 `FormMate` 中处理表单初始值，统一字段值类型\n * `switch` -> `boolean`\n * `date` 相关 -> `Moment`\n * 文件相关 -> `UploadFile[]`\n4. 重构表单项创建方式，使用 `FormMate.Item` 组件创建\n5. 移除不必要的默认配置，如 `defaultItemLayout` 等，完全可以在使用时再自定义配置即可\n\n### 从 v3 到 v4\n\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\n\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\n6. 移除默认文件大小为 500M 的限制。\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\n8. 移除默认的 `extra` 属性：\n\n```js\nexport const defaultExtra = {\n picture: \"请上传图片\",\n};\n```\n\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\n\n```\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\n```\n\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\n13. 替换 `select` ， `check-group` 和 `radio-group` 中选项的 `text` 字段，使用默认的 `label` 字段。\n","readmeFilename":"README.md","gitHead":"ce97355afdba9bc37747cc3fb62500e613851cce","_id":"antd-form-mate@5.0.0-rc.2","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-uw3fjLqkD4z39PRb5Jh6dd0Io0CP757LXuOe200v1krUD/50hxBEHpT5gkzXgnLQDvEQSu+rgWRFLxgZjMdPKA==","shasum":"c1a6562dbf29035aa11acee8f6faa566f2fe9023","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.0-rc.2.tgz","fileCount":36,"unpackedSize":82491,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejUdwCRA9TVsSAnZWagAANMwQAIljZifR51Lc7AHU2m6W\nscw/FYYPfyEoYWQynZnTyOzEP/pqsE+0dBZQKZbjrRKFQJRhsIU3fpytDfhN\nxL9GesMUp/W5oxcdmTXUJhvWAPlnE2AgOzZ7+mquyqYLap+eIKfDEiAHv6s4\n8UL+6yN/amusk/t/5GAixFpPOiPE40KGqzUUd4Gh/eyK1lIewMuSRPmF5EHz\nqDbZoDKXd1V2AgLgefP9bQ5DYEwBkELgQN40q0wuAIMWy/9BiW5D8nnI2C0a\n0RG/vPNBQX+eBpuoCaiRiOT+HQ+WDXnFKveVtTW8SC9EZH6FdVb/yJyMI4zz\nXUZk+oYTZf9bzxIZMV4WnxT3lsDwZETI0BmLZ2ccViQOxq6UZGCk9xNqJ3Z3\nrVkAdO/bb1ad3OXlV8JuN9WSvRpgre204GSguHRA1XSf/KJfMiqCT74ZptoE\nJmbp1B2RVDdMvr9fVGqIUXZ47IX5x8HcEVUf4XVd9+2zPNC6WcxoIOx/V4a5\nImtDnSt8m+t+PjDSFA5RlztPJniNyE7vKVPdgkY6RIuV2Ne2oOncQsPGXhAS\nfQFHlI2kcIb8+uGG3ri2U2m7ZSegOL5XCij4TDb2jO4Rv2jhzwqLLxDSjkkj\nxhUmAzUnOgsSnrR7RiBkp01vdToXh6ATvo6TbTHgo+Ggq25M0Wy2GUliiavP\nigQv\r\n=2Upi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGAOqa8yVa2hlyjvZobSSy9Qqv6zx/+caEDGpSixBGAeAiAQNK8NSlU4F8skMaElBsrZ+dRSwkMkY3xV18Jh14rdmg=="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.0-rc.2_1586317168174_0.5991331155817943"},"_hasShrinkwrap":false},"5.0.0-rc.3":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.0-rc.3","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\n\n\n\n基于 ant design 的表单组件，配置化实现表单功能。\n\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\n[](https://www.npmjs.com/package/antd-form-mate)\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\n[](https://github.com/zpr1g/antd-form-mate/issues)\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\n\n
\n\n\n\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\n\n## 安装\n\n```shell\nnpm i -S antd-form-mate\n```\n\n## 开发\n\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\n\n```shell\n$ git clone https://github.com/zpr1g/antd-form-mate.git\n$ cd antd-form-mate\n$ npm install\n$ npm start\n```\n## 使用\n\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\n\n### 内建类型\n\n| | 类型 | 备注 |\n|----|--------------------|--------------|\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\n| 2 | `date` | |\n| 3 | `datetime` | |\n| 4 | `date-range` | 日期范围 |\n| 5 | `datetime-range` | 日期时间范围 |\n| 6 | `number` | |\n| 7 | `select` | |\n| 8 | `textarea` | |\n| 9 | `password` | |\n| 10 | `picture` | |\n| 11 | `switch` | |\n| 12 | `slider` | 滑动输入 |\n| 13 | `file-dragger` | |\n| 14 | `string` | **默认类型** |\n| 15 | `check-group` | 多选框 |\n| 16 | `radio-group` | 单选框 |\n| 17 | `number-range` | 数字区间 |\n| 18 | `cascader` | 级联选择 |\n\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 类型外的组件。\n\n#### 表单实战总结\n\n1. 对于**特殊类型**的字段值在设置初始值时可构造为组件内部的所需的值类型，以便后续表单值的统一处理，避免一些繁琐的判断。特殊类型像日期时间（ `moment` ）、文件（ `{ uid: string; name: string; url: string; status: \"done\"; }[]` ）、开关（ `boolean` ）等，已通过 `FormMate` 组件实现统一处理。\n\n### API\n\n#### `FormMate.Item` 表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| `type` | 上述类型 | [`ComponentType`](/src/interfaces.ts#L16) | `string` |\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\n| `dense` | 使得 Form.Item 的 `marginBottom` 为 0 | `boolean` | `false` |\n| `componentProps` | 额外的组件属性 | [`ComponentProps`](/src/interfaces.ts#L47) | - |\n\n其他属性可参考 [`Form.Item`](https://ant.design/components/form-cn/#Form.Item) 组件属性，特别的 `children` 属性仅当类型为 `custom` 时可用。\n\n#### `FormMate.Dynamic` 动态表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| `render` | 判断是否渲染 | `(form: FormInstance) => boolean \\| null \\| undefined` | - |\n\n其他属性可参考 [`FormMate.Item`](#FormMate.Item-表单项) 组件属性，可配置 `children` 。\n\n### 基础用法\n\n```tsx\nimport * as React from 'react';\nimport { Form, Button } from 'antd';\nimport FormMate from 'antd-form-mate';\n\n\nconst BasicForm: React.FC = (props) => {\n const handleFinish = (values) => {\n console.log('Received values of form: ', values);\n }\n\n const handleFinishFailed = (errors) => {\n console.log('Errors:', errors);\n }\n\n return (\n \n \n {\n return (getFieldValue('name') === 'form');\n }}\n />\n \n \n 提交\n \n \n \n )\n}\n\nexport default BasicForm;\n```\n\n### 全局配置\n\n表单全局配置可见 [`ConfigProvider`](/src/contexts/ConfigContext/index.tsx#L20) ，使用可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L52)\n\n### 备注\n\n另，内部使用的[部分组件和函数](/src/index.ts)已导出。\n\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\n\n## 模块\n\n### 组件\n\n将注册新类型的模块称为组件。\n\n| | 仓库 | 说明 |\n| -- | ---- | ---- |\n| 1 | [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) | 高德地图地理位置录入 |\n\n## 扩展\n\n将基于本组件实现新功能的模块称为扩展。\n\n| | 仓库 | 说明 |\n| -- | ---- | ---- |\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\n\n## To Do\n\n- [x] [antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\n- [ ] [antd-form-mate-v5](https://github.com/zpr1g/antd-form-mate/projects/2)\n\n## 升级\n\n### 从 v4 到 v5\n\n表单组件升级到 4.0 后，由于 `initialValues` 提升到 `Form` 组件中统一配置，且由于之前组件对并没有对 `Form` 组件进行封装，导致了一些使用上的不便，故再次重构，旨在让整个组件的结构和使用更优雅。下面总结 v4 到 v5 的变更：\n\n1. 文件结构调整\n2. 基于 `Form` 封装 `FormMate` 组件\n3. 在 `FormMate` 中处理表单初始值，统一字段值类型\n * `switch` -> `boolean`\n * `date` 相关 -> `Moment`\n * 文件相关 -> `UploadFile[]`\n4. 重构表单项创建方式，使用 `FormMate.Item` 组件创建\n5. 移除不必要的默认配置，如 `defaultItemLayout` 等，完全可以在使用时再自定义配置即可\n\n### 从 v3 到 v4\n\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\n\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\n6. 移除默认文件大小为 500M 的限制。\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\n8. 移除默认的 `extra` 属性：\n\n```js\nexport const defaultExtra = {\n picture: \"请上传图片\",\n};\n```\n\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\n\n```\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\n```\n\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\n13. 替换 `select` ， `check-group` 和 `radio-group` 中选项的 `text` 字段，使用默认的 `label` 字段。\n","readmeFilename":"README.md","gitHead":"266f0e59391dcfe3055220a817e35f33ca2019e4","_id":"antd-form-mate@5.0.0-rc.3","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-fT63Q7wxEovAEedFsUHewWkuhLowXL7UlTevDRANoCRzLlBE8PWhTSYjI4OcXvvaaqNL8U7qPPjOsELwfUGyYg==","shasum":"a13fa50e5f8dd526b871805ccc8bd99aaac6bf84","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.0-rc.3.tgz","fileCount":36,"unpackedSize":77143,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejYdTCRA9TVsSAnZWagAAgdwP/iE0PPBIfyKwBVwTPNCg\n0guWRPP6GeP14omqBkXlRiOXqJB9rOO6rAn1CfXlwqsEukQkEWsACpz5iwru\nPXomEEufABUsaQuIs0oVkS4eSFk0sOjXTeQJHyBWOd8RH9TWnhkhREkMtIU6\nFJtroRI6DeAULboT3Us60Qm9vB5IU4m5cEbkAy4KOmTyHOItv0RklghV7/ez\nJXnAuANK4i5XTtVAGJT9eqifnzs2AGnPoz5cl08J2ZEAcbVx97PbLiEjK7nA\nPdzs9WzSX3TxuICyHcmRGJehWFnag1mlXIOdijeUAr+ofEQa0Ceu63pUdKxF\nSRCd2MnHywuOmRuJ2omqKn5sjNRpuwmjHOYTNd6hxR05x4VeqKEyAbYwJT5l\nPg6pZRJdkqr/WE+eyrE7vw/+WpiG7Oq8Dr8gwOcmDC2fdbYGU34FGh05LpHa\nUqC2mfMO/DDH+U+6VWvfs5eBf3pSvkYaFswx7VbPBAAh8tqpQeT4kJQnOqaG\nILkMluFcPEQlcmaNIGCHedhVH9Rv6yBRCjAixJYZLihkfrmkYFWzy6wj0U6k\nAITlMp9l+S+j9WcaQIHi7llhTIa3bWLbh+S6WXI3I4FZyw7K7Glh3IDeOc4d\n+KZ3NJN5IrjJEtXXzmHPOXA6I8OrSILd1LZtfDnOfUyu1Bbii5FIrtxPnAKf\n13hp\r\n=77Uo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICUsysFMl3py+xvpef473JLH4/ELCLiOfmM1RaRb74fIAiBI/tgCI4IL6+zdWDzFnQOpdbz2puD3riRRknBGksNJiQ=="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.0-rc.3_1586333522991_0.9886119709278152"},"_hasShrinkwrap":false},"5.0.0-rc.4":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.0-rc.4","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\n\n\n\n基于 ant design 的表单组件，配置化实现表单功能。\n\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\n[](https://www.npmjs.com/package/antd-form-mate)\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\n[](https://github.com/zpr1g/antd-form-mate/issues)\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\n\n
\n\n\n\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\n\n## 安装\n\n```shell\nnpm i -S antd-form-mate\n```\n\n## 开发\n\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\n\n```shell\n$ git clone https://github.com/zpr1g/antd-form-mate.git\n$ cd antd-form-mate\n$ npm install\n$ npm start\n```\n## 使用\n\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\n\n### 内建类型\n\n| | 类型 | 备注 |\n|----|--------------------|--------------|\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\n| 2 | `date` | |\n| 3 | `datetime` | |\n| 4 | `date-range` | 日期范围 |\n| 5 | `datetime-range` | 日期时间范围 |\n| 6 | `number` | |\n| 7 | `select` | |\n| 8 | `textarea` | |\n| 9 | `password` | |\n| 10 | `picture` | |\n| 11 | `switch` | |\n| 12 | `slider` | 滑动输入 |\n| 13 | `file-dragger` | |\n| 14 | `string` | **默认类型** |\n| 15 | `check-group` | 多选框 |\n| 16 | `radio-group` | 单选框 |\n| 17 | `number-range` | 数字区间 |\n| 18 | `cascader` | 级联选择 |\n\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 类型外的组件。\n\n#### 表单实战总结\n\n1. 对于**特殊类型**的字段值在设置初始值时可构造为组件内部的所需的值类型，以便后续表单值的统一处理，避免一些繁琐的判断。特殊类型像日期时间（ `moment` ）、文件（ `{ uid: string; name: string; url: string; status: \"done\"; }[]` ）、开关（ `boolean` ）等，已通过 `FormMate` 组件实现统一处理。\n\n### API\n\n#### `FormMate.Item` 表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| `type` | 上述类型 | [`ComponentType`](/src/interfaces.ts#L16) | `string` |\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\n| `dense` | 使得 Form.Item 的 `marginBottom` 为 0 | `boolean` | `false` |\n| `componentProps` | 额外的组件属性 | [`ComponentProps`](/src/interfaces.ts#L47) | - |\n\n其他属性可参考 [`Form.Item`](https://ant.design/components/form-cn/#Form.Item) 组件属性，特别的 `children` 属性仅当类型为 `custom` 时可用。\n\n#### `FormMate.Dynamic` 动态表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| --- | --- | --- | --- |\n| `render` | 判断是否渲染 | `(form: FormInstance) => boolean \\| null \\| undefined` | - |\n\n其他属性可参考 [`FormMate.Item`](#FormMate.Item-表单项) 组件属性，可配置 `children` 。\n\n### 基础用法\n\n```tsx\nimport * as React from 'react';\nimport { Form, Button } from 'antd';\nimport FormMate from 'antd-form-mate';\n\n\nconst BasicForm: React.FC = (props) => {\n const handleFinish = (values) => {\n console.log('Received values of form: ', values);\n }\n\n const handleFinishFailed = (errors) => {\n console.log('Errors:', errors);\n }\n\n return (\n \n \n {\n return (getFieldValue('name') === 'form');\n }}\n />\n \n \n 提交\n \n \n \n )\n}\n\nexport default BasicForm;\n```\n\n### 全局配置\n\n表单全局配置可见 [`ConfigProvider`](/src/contexts/ConfigContext/index.tsx#L20) ，使用可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L52)\n\n### 备注\n\n另，内部使用的[部分组件和函数](/src/index.ts)已导出。\n\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\n\n## 模块\n\n### 组件\n\n将注册新类型的模块称为组件。\n\n| | 仓库 | 说明 |\n| -- | ---- | ---- |\n| 1 | [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) | 高德地图地理位置录入 |\n\n## 扩展\n\n将基于本组件实现新功能的模块称为扩展。\n\n| | 仓库 | 说明 |\n| -- | ---- | ---- |\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\n\n## To Do\n\n- [x] [antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\n- [ ] [antd-form-mate-v5](https://github.com/zpr1g/antd-form-mate/projects/2)\n\n## 升级\n\n### 从 v4 到 v5\n\n表单组件升级到 4.0 后，由于 `initialValues` 提升到 `Form` 组件中统一配置，且由于之前组件对并没有对 `Form` 组件进行封装，导致了一些使用上的不便，故再次重构，旨在让整个组件的结构和使用更优雅。下面总结 v4 到 v5 的变更：\n\n1. 文件结构调整\n2. 基于 `Form` 封装 `FormMate` 组件\n3. 在 `FormMate` 中处理表单初始值，统一字段值类型\n * `switch` -> `boolean`\n * `date` 相关 -> `Moment`\n * 文件相关 -> `UploadFile[]`\n4. 重构表单项创建方式，使用 `FormMate.Item` 组件创建\n5. 移除不必要的默认配置，如 `defaultItemLayout` 等，完全可以在使用时再自定义配置即可\n\n### 从 v3 到 v4\n\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\n\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\n6. 移除默认文件大小为 500M 的限制。\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\n8. 移除默认的 `extra` 属性：\n\n```js\nexport const defaultExtra = {\n picture: \"请上传图片\",\n};\n```\n\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\n\n```\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\n```\n\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\n13. 替换 `select` ， `check-group` 和 `radio-group` 中选项的 `text` 字段，使用默认的 `label` 字段。\n","readmeFilename":"README.md","gitHead":"75c0c8e88a0af3cdc642242dd730a911935cb633","_id":"antd-form-mate@5.0.0-rc.4","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-9MdDDI3rAbIgG2ZhSIfwln4LiXVMPYpzBPASNO3IU9o6U3nI6lMozTKOu8ZD1iCxhxJwJqFFHD2oLPSBtBC90Q==","shasum":"b52517486a02dbefd4038bce90d07e83d83cb63a","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.0-rc.4.tgz","fileCount":36,"unpackedSize":77166,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejY3ACRA9TVsSAnZWagAAVLYP/1Xyc/JOu0XlgHBsKbEZ\nUXnLHLt8V4aardXaLHVCtdVSzzftftlB6FQSK/7EIKGBzMnhBLjWwmmPntgA\ne+YBN9DEAsOlIc/gGEJNeo0yV9XlsA3GS2gkpa29I4L2B8XF3UMJOBXlecjG\nB1A46APNI29KB5yxVPTvaLQspwSxEgxWOTcmpkyM4wwe6OdM3SdhBWmlwTi/\nXL4LpTYe7syHE0vh/cqjMIwHXFhAQd7CDwe52fn5j2F2maPUw2jq5h/Q0xWh\np+NTNtSs2JB6T4BsQ6ztK8hRsUnBEZ4KCa/Br7p1lDdShFzC8HfNp+34Ir9a\nZ3nIPGvNwV1zIYLJiayuZYCXl/Vkh1Jq87wcccBJA/aij3f4Gs+xT+A9QlNh\nRm3Ynl2n6d8g5v5aMwNYhrkSJJ/o+aym1uB5sYpxfiSspsW5VsoHQklpnyVv\nLMEon+8+jclJ2uen7DWin0VOu8PtcPI7hsjWOrdn3EMLTT4T09YSWRiES4oL\ncP3iREN8NVTieNc3HLxB6edgoYOkXRnMX6u6mjvOGs5l+jOar/p1T2GCEJHl\nWRn/V2uOlhgt4w3HacZv5FwTCY/3zgJD060n2RSwOEwK5Z6iofujJgfG9gIo\nHmFbXH7TDA2AiQBUmojlD2twGhK5SSb8EdhjvrAvu4mEXhlVjwTQmUmmwz49\nZ2IV\r\n=Y1q9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEnfjT0tHPLtwQJit8DZPvOVeMA16TfHU4eJjuUyneP4AiEA09iJnBIcR/30tofLDzZHg9rQIEYxoeS9qZ+xDfmQrkk="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.0-rc.4_1586335167871_0.7436806498001556"},"_hasShrinkwrap":false},"5.0.0-rc.5":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.0-rc.5","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\n\n\n\n基于 ant design 的表单组件，配置化实现表单功能。\n\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\n[](https://www.npmjs.com/package/antd-form-mate)\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\n[](https://github.com/zpr1g/antd-form-mate/issues)\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\n\n
\n\n\n\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\n\n## 安装\n\n```shell\nnpm i -S antd-form-mate\n```\n\n## 开发\n\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\n\n```shell\n$ git clone https://github.com/zpr1g/antd-form-mate.git\n$ cd antd-form-mate\n$ npm install\n$ npm start\n```\n\n## 使用\n\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\n\n### 内建类型\n\n| | 类型 | 备注 |\n| --- | ---------------- | --------------------------------------------- |\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\n| 2 | `date` | |\n| 3 | `datetime` | |\n| 4 | `date-range` | 日期范围 |\n| 5 | `datetime-range` | 日期时间范围 |\n| 6 | `number` | |\n| 7 | `select` | |\n| 8 | `textarea` | |\n| 9 | `password` | |\n| 10 | `picture` | |\n| 11 | `switch` | |\n| 12 | `slider` | 滑动输入 |\n| 13 | `file-dragger` | |\n| 14 | `string` | **默认类型** |\n| 15 | `check-group` | 多选框 |\n| 16 | `radio-group` | 单选框 |\n| 17 | `number-range` | 数字区间 |\n| 18 | `cascader` | 级联选择 |\n\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 类型外的组件。\n\n#### 表单实战总结\n\n1. 对于**特殊类型**的字段值在设置初始值时可构造为组件内部的所需的值类型，以便后续表单值的统一处理，避免一些繁琐的判断。特殊类型像日期时间（ `moment` ）、文件（ `{ uid: string; name: string; url: string; status: \"done\"; }[]` ）、开关（ `boolean` ）等，已通过 `FormMate` 组件实现统一处理。\n\n### API\n\n#### `FormMate.Item` 表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ---------------- | ------------------------------------- | ------------------------------------------------------------------ | -------- |\n| `type` | 上述类型 | [`ComponentType`](/src/interfaces.ts#L16) | `string` |\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\n| `dense` | 使得 Form.Item 的 `marginBottom` 为 0 | `boolean` | `false` |\n| `componentProps` | 额外的输入组件属性 | [`ComponentProps`](/src/interfaces.ts#L47) | - |\n\n其他属性可参考 [`Form.Item`](https://ant.design/components/form-cn/#Form.Item) 组件属性，特别的 `children` 属性仅当类型为 `custom` 时可用。\n\n#### `FormMate.Dynamic` 动态表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | ------------ | ------------------------------------------------------ | ------ |\n| `render` | 判断是否渲染 | `(form: FormInstance) => boolean \\| null \\| undefined` | - |\n\n其他属性可参考 [`FormMate.Item`](#FormMate.Item-表单项) 组件属性，可配置 `children` 。\n\n### 基础用法\n\n```tsx\nimport * as React from 'react';\nimport { Form, Button } from 'antd';\nimport FormMate from 'antd-form-mate';\n\n\nconst BasicForm: React.FC = (props) => {\n const handleFinish = (values) => {\n console.log('Received values of form: ', values);\n }\n\n const handleFinishFailed = (errors) => {\n console.log('Errors:', errors);\n }\n\n return (\n \n \n {\n return (getFieldValue('name') === 'form');\n }}\n />\n \n \n 提交\n \n \n \n )\n}\n\nexport default BasicForm;\n```\n\n### 全局配置\n\n表单全局配置可见 [`ConfigProvider`](/src/contexts/ConfigContext/index.tsx#L20) ，使用可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L52)\n\n### 备注\n\n另，内部使用的[部分组件和函数](/src/index.ts)已导出。\n\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\n\n## 模块\n\n### 组件\n\n将注册新类型的模块称为组件。\n\n| | 仓库 | 说明 |\n| --- | --------------------------------------------------------------------------- | -------------------- |\n| 1 | [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) | 高德地图地理位置录入 |\n\n## 扩展\n\n将基于本组件实现新功能的模块称为扩展。\n\n| | 仓库 | 说明 |\n| --- | --------------------------------------------------------------------------- | ---------- |\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\n\n## To Do\n\n- [x] [antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\n- [x] [antd-form-mate-v5](https://github.com/zpr1g/antd-form-mate/projects/2)\n\n## 升级\n\n### 从 v4 到 v5\n\n表单组件升级到 4.0 后，由于 `initialValues` 提升到 `Form` 组件中统一配置，且由于之前组件对并没有对 `Form` 组件进行封装，导致了一些使用上的不便，故再次重构，旨在让整个组件的结构和使用更优雅。下面总结 v4 到 v5 的变更：\n\n1. 文件结构调整，使其更清晰合理\n2. 基于 `Form` 封装 `FormMate` 组件\n3. 在 `FormMate` 中处理表单初始值，[统一字段值类型](./src/utils/setValue.ts#L8)\n\n- `switch` -> `boolean`\n- `date` 相关 -> `Moment`\n- 文件相关 -> `UploadFile[]` ，内部默认使用以 `/` 分割后的 url 数组的最后一个字符串。如果不能满足需求，现目前的方案是导出 `setInitialValue()` 和 `setFileList()` 单独处理初始值后传入\n\n4. 重构表单项创建方式，使用 `FormMate.Item` 和 `FormMate.Dynamic` 组件创建\n5. 移除不必要的默认配置，如 `defaultItemLayout` 等，完全可以在实际场景中二次封装即可\n\n### 从 v3 到 v4\n\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\n\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\n6. 移除默认文件大小为 500M 的限制。\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\n8. 移除默认的 `extra` 属性：\n\n```js\nexport const defaultExtra = {\n picture: '请上传图片',\n};\n```\n\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\n\n```\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\n```\n\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\n13. 替换 `select` ， `check-group` 和 `radio-group` 中选项的 `text` 字段，使用默认的 `label` 字段。\n","readmeFilename":"README.md","gitHead":"b964d2dd1b05f85867c945d61d8559d181f6030b","_id":"antd-form-mate@5.0.0-rc.5","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-B09W6hDMq+zTpUL1+vxuqmQoZMjPEZeon1Eg398Aa8zpnSBA6o4Vof7VDTGz+K1uR9wY6Euism0ni83trhCMsw==","shasum":"6b805c7969ef080e79dfcd055153cf551ddee451","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.0-rc.5.tgz","fileCount":36,"unpackedSize":79244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemHjUCRA9TVsSAnZWagAAXtUP/irKzkjEIS5hDmHZvav/\nnfJ76gAV+D5cnvXlC6G7n+IoKjBMmrjUvmgzO5NkESRCH2bwUTMzaH9tdtrG\n96VWolOXBqH5zEHcQKnbEefGvqXPnws+ARcm9YVv8lDakJ2q9RQGIFk4VH96\nu4GZ95zZ3UrltnLpw91mjoIR4ZRRRlpWcUocUzWDGUx2w5KEqI8MEvX5nLSX\n+QdzInQw0jng86/MEHOFGLyc6LzGWU7rU3eAFiav7FdS+eOvnhfCLL83GEHU\nJ26e8uaAaKcu7qMHfQNsP/+v5PeSTFUWth4i4T9f/LbF8VXIEGceR9QMKXz7\n+iZUGrmeQj55upkYjlP1QW+ZEaEB9uLaF0pruU/LCIkdJFTbuaGwtGjORxNG\n4QdsrTEd0r2oCiGSqcAfZv0HiMnNzM2st1CmHBGc7KxbNDiTHNdQrIq41XET\nm5/b1LrfgpRO9n10loBGZRNrWMIat5qQlG2RJ5VfMtyHwo1oepqyxwS+P1LI\nGfM3+BZZMdk+sYWQ56YseEINXCUAQh8vWa1++z/xmx6+5Y5QwPBrXWPwaWhW\nPld9La702lOaX8rNB7rw9JfS238OOpS3jUEi4dsM58pAyiuT0d8vbbE8FBqZ\n+8FhkmLy2b9zmHxre9yr9CX8fz6Dhy2o3VxxrluRhgBsx0HY1LPR3nnHppbN\n1ja0\r\n=jljZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFKz8ov6otFgemJXdxWDyIloJOj7o9FVhgSaxdhSGEr6AiBHGbrIKBG7laamdAug0MzCd8HyG8g4A2sp7ojsDGf2mA=="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.0-rc.5_1587050702208_0.5953201528331928"},"_hasShrinkwrap":false},"5.0.0-rc.6":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.0-rc.6","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.0.1","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\n\n\n\n基于 ant design 的表单组件，配置化实现表单功能。\n\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\n[](https://www.npmjs.com/package/antd-form-mate)\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\n[](https://github.com/zpr1g/antd-form-mate/issues)\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\n\n
\n\n\n\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\n\n## 安装\n\n```shell\nnpm i -S antd-form-mate\n```\n\n## 开发\n\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\n\n```shell\n$ git clone https://github.com/zpr1g/antd-form-mate.git\n$ cd antd-form-mate\n$ npm install\n$ npm start\n```\n\n## 使用\n\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\n\n### 内建类型\n\n| | 类型 | 备注 |\n| --- | ---------------- | --------------------------------------------- |\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\n| 2 | `date` | |\n| 3 | `datetime` | |\n| 4 | `date-range` | 日期范围 |\n| 5 | `datetime-range` | 日期时间范围 |\n| 6 | `number` | |\n| 7 | `select` | |\n| 8 | `textarea` | |\n| 9 | `password` | |\n| 10 | `picture` | |\n| 11 | `switch` | |\n| 12 | `slider` | 滑动输入 |\n| 13 | `file-dragger` | |\n| 14 | `string` | **默认类型** |\n| 15 | `check-group` | 多选框 |\n| 16 | `radio-group` | 单选框 |\n| 17 | `number-range` | 数字区间 |\n| 18 | `cascader` | 级联选择 |\n\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 类型外的组件。\n\n#### 表单实战总结\n\n1. 对于**特殊类型**的字段值在设置初始值时可构造为组件内部的所需的值类型，以便后续表单值的统一处理，避免一些繁琐的判断。特殊类型像日期时间（ `moment` ）、文件（ `{ uid: string; name: string; url: string; status: \"done\"; }[]` ）、开关（ `boolean` ）等，已通过 `FormMate` 组件实现统一处理。\n\n### API\n\n#### `FormMate.Item` 表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ---------------- | ------------------------------------- | ------------------------------------------------------------------ | -------- |\n| `type` | 上述类型 | [`ComponentType`](/src/interfaces.ts#L16) | `string` |\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\n| `dense` | 使得 Form.Item 的 `marginBottom` 为 0 | `boolean` | `false` |\n| `componentProps` | 额外的输入组件属性 | [`ComponentProps`](/src/interfaces.ts#L47) | - |\n\n其他属性可参考 [`Form.Item`](https://ant.design/components/form-cn/#Form.Item) 组件属性，特别的 `children` 属性仅当类型为 `custom` 时可用。\n\n#### `FormMate.Dynamic` 动态表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | ------------ | ------------------------------------------------------ | ------ |\n| `render` | 判断是否渲染 | `(form: FormInstance) => boolean \\| null \\| undefined` | - |\n\n其他属性可参考 [`FormMate.Item`](#FormMate.Item-表单项) 组件属性，可配置 `children` 。\n\n### 基础用法\n\n```tsx\nimport * as React from 'react';\nimport { Button } from 'antd';\nimport FormMate from 'antd-form-mate';\n\n\nconst BasicForm: React.FC = (props) => {\n const handleFinish = (values) => {\n console.log('Received values of form: ', values);\n }\n\n const handleFinishFailed = (errors) => {\n console.log('Errors:', errors);\n }\n\n return (\n \n \n {\n return (getFieldValue('name') === 'form');\n }}\n />\n \n \n 提交\n \n \n \n )\n}\n\nexport default BasicForm;\n```\n\n### 全局配置\n\n表单全局配置可见 [`ConfigProvider`](/src/contexts/ConfigContext/index.tsx#L20) ，使用可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L52)\n\n### 备注\n\n另，内部使用的[部分组件和函数](/src/index.ts)已导出。\n\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\n\n## 模块\n\n### 组件\n\n将注册新类型的模块称为组件。\n\n| | 仓库 | 说明 |\n| --- | --------------------------------------------------------------------------- | -------------------- |\n| 1 | [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) | 高德地图地理位置录入 |\n\n## 扩展\n\n将基于本组件实现新功能的模块称为扩展。\n\n| | 仓库 | 说明 |\n| --- | --------------------------------------------------------------------------- | ---------- |\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\n\n## To Do\n\n- [x] [antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\n- [x] [antd-form-mate-v5](https://github.com/zpr1g/antd-form-mate/projects/2)\n\n## 升级\n\n### 从 v4 到 v5\n\n表单组件升级到 4.0 后，由于 `initialValues` 提升到 `Form` 组件中统一配置，且由于之前组件对并没有对 `Form` 组件进行封装，导致了一些使用上的不便，故再次重构，旨在让整个组件的结构和使用更优雅。下面总结 v4 到 v5 的变更：\n\n1. 文件结构调整，使其更清晰合理\n2. 基于 `Form` 封装 `FormMate` 组件\n3. 在 `FormMate` 中处理表单初始值，[统一字段值类型](./src/utils/setValue.ts#L8)\n\n - `switch` -> `boolean`\n - `date` 相关 -> `Moment`\n - 文件相关 -> `UploadFile[]` ，内部默认使用以 `/` 分割后的 url 数组的最后一个字符串\n - 特别的，如果像文件相关的内部字段转换不满足实际需求，可通过 `postInitialValues()` 属性对内部转换的结果再次进行处理\n\n4. 重构表单项创建方式，使用 `FormMate.Item` 和 `FormMate.Dynamic` 组件创建\n5. 移除不必要的默认配置，如 `defaultItemLayout` 等，完全可以在实际场景中二次封装即可\n\n### 从 v3 到 v4\n\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\n\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\n6. 移除默认文件大小为 500M 的限制。\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\n8. 移除默认的 `extra` 属性：\n\n```js\nexport const defaultExtra = {\n picture: '请上传图片',\n};\n```\n\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\n\n```\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\n```\n\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\n13. 替换 `select` ， `check-group` 和 `radio-group` 中选项的 `text` 字段，使用默认的 `label` 字段。\n","readmeFilename":"README.md","gitHead":"50ca20fffc41332fb454c25e149cdd138cdf1de8","_id":"antd-form-mate@5.0.0-rc.6","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-XX+LjwmU7TpHbGuk9GQ0a/zyKFCA1GTIKLnw6ByqWan/OG78qbCJugZs6lmWc0tyfLaJ/+JN8e4kOj6tKnmvLQ==","shasum":"bd9146f879ffbd9d633afd5f765ecbe4287ed3d3","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.0-rc.6.tgz","fileCount":36,"unpackedSize":79551,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemQqnCRA9TVsSAnZWagAA9X0P/jd9gUw2cfh9Rx8CdWSl\nXHNRtfZyU1+aUv1wEvu+qsY00SxVFm1oAp0BMe/OsnKGM1sddRyU+KpX+lw+\ngH3SVmcGZ6vsXwiFE2yZq37yW5oaihYtrP/wfoCvv1jVOzCNORnjnTk9aCmY\nbchsxToKKgs89HCBzDcPrmqbuStwDZ3BcEi0vZRdFDIuVT8qD9ET8brOIf/Z\n/rB/4NQd3f9wu770qIvifouWZe6pmO14kfzUXPfgfFlsfXq1l/4uS6L73yA8\nYtGm3ihNunibhSkk/eWCsVlNb98EvASuhamAl6Cal1WEMARhFQw720Uzt46k\nZhQZlG8ajY8XuT57ud30EkwfEj7vEDDYJFW8jeGEpMU/qHpHLzfyKiq70/gE\n0qVuUeRGrYwqX+Mc4HsfRNmBeJ2FK8j6uqgoU7u5yu5Quo9Sq1qPzhf6qjJU\nBTyL4Dq6bB0Uf8zZc7nfV9AQ1/O1cBhtR3R92NnBjIvIAfkL2tvdndsIlRC0\nLw7yjkZAKyn5y0AOke12pnm+w/f7LRAasU+h+HxI074DSRxR/K+YQc4mUaLC\ng0OHk1efuF7qsEXKj2pNnKFPG1vDd2wLZHFQtVoJi1xgTE4yqhuIP/2soij3\nhKkep3CN14Ma1sc7k6PQLoMXY2d9KwXfhp+RULZmi+uEMZBpy400pnHX6ENG\ne/oG\r\n=CUu+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC3W5sgY3KEt1/PTw941Z1agzpXZotdmkTzxXwcVZm1UAiBgmkAzh910pU6MZeT6HTYxJPnIEqKhWtFIhGJ7PK3G1g=="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.0-rc.6_1587088038425_0.7467704256495378"},"_hasShrinkwrap":false},"5.0.0-rc.7":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.0-rc.7","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.1.0"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\n\n\n\n基于 ant design 的表单组件，配置化实现表单功能。\n\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\n[](https://www.npmjs.com/package/antd-form-mate)\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\n[](https://github.com/zpr1g/antd-form-mate/issues)\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\n\n
\n\n\n\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\n\n## 安装\n\n```shell\nnpm i -S antd-form-mate\n```\n\n## 开发\n\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\n\n```shell\n$ git clone https://github.com/zpr1g/antd-form-mate.git\n$ cd antd-form-mate\n$ npm install\n$ npm start\n```\n\n## 使用\n\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\n\n### 内建类型\n\n| | 类型 | 备注 |\n| --- | ---------------- | --------------------------------------------- |\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\n| 2 | `date` | |\n| 3 | `datetime` | |\n| 4 | `date-range` | 日期范围 |\n| 5 | `datetime-range` | 日期时间范围 |\n| 6 | `number` | |\n| 7 | `select` | |\n| 8 | `textarea` | |\n| 9 | `password` | |\n| 10 | `picture` | |\n| 11 | `switch` | |\n| 12 | `slider` | 滑动输入 |\n| 13 | `file-dragger` | |\n| 14 | `string` | **默认类型** |\n| 15 | `check-group` | 多选框 |\n| 16 | `radio-group` | 单选框 |\n| 17 | `number-range` | 数字区间 |\n| 18 | `cascader` | 级联选择 |\n\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 类型外的组件。\n\n### API\n\n#### `FormMate` 表单容器\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ------------------- | -------------------------------------------------- | ------------------------------------------------------------------ | ------ |\n| `renderChildren` | 自定义 `children` 渲染 | `(children: React.ReactNode) => React.ReactNode` | - |\n| `renderItem` | 自定义每个子项的渲染 | `(item: React.ReactNode, name: string \\| null) => React.ReactNode` | - |\n| `postInitialValues` | 对于内部已经处理过的初始值再次处理 | `Function` | - |\n| `grid` | 由于通过 `flex` 布局输入项较为常见，故集成了该配置 | [`Grid`](/src/interfaces.ts#L86) | - |\n| `ref` | 继承自 `FormInstance` ，用于管理表单初始值 | [`FormMateInstance`](/src/interfaces.ts#L101) | - |\n\n##### 关于 `initialValues`\n\n为了简化使用，`FormMate` 组件会在内部统一转换 `initialValues` ，方便在实际业务场景中统一处理。组件提供两种方式配置 `initialValues` ：\n\n1. 直接配置 `initialValues` 。只能在以下两种场景下使用：\n - 无**特殊类型**字段值(时间，文件，开关等可能不能直接赋值给输入组件的值)\n - 输入项（ `FormMate.Item` 和 `FormMate.Dynamic` ）作为 `FormMate` 组件的直接子组件，不能被其他组件包裹\n2. 通过 `ref` 配置 `initialValues` 。可参考[示例用法](/stories/BasicForm/index.tsx#L14)。这种情况下，就不会限制输入项只能在 `FormMate` 组件下了，此外如果需要重置表单，通过 `ref` 调用 `resetFieldsValue()` 即可。\n\n#### `FormMate.Item` 表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ---------------- | ------------------------------------- | ------------------------------------------------------------------ | -------- |\n| `type` | 上述类型 | [`ComponentType`](/src/interfaces.ts#L16) | `string` |\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\n| `dense` | 使得 Form.Item 的 `marginBottom` 为 0 | `boolean` | `false` |\n| `componentProps` | 额外的输入组件属性 | [`ComponentProps`](/src/interfaces.ts#L47) | - |\n\n其他属性可参考 [`Form.Item`](https://ant.design/components/form-cn/#Form.Item) 组件属性，特别的 `children` 属性仅当类型为 `custom` 时可用。\n\n#### `FormMate.Dynamic` 动态表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | ------------ | ------------------------------------------------------ | ------ |\n| `render` | 判断是否渲染 | `(form: FormInstance) => boolean \\| null \\| undefined` | - |\n\n其他属性可参考 [`FormMate.Item`](#FormMate.Item-表单项) 组件属性，可配置 `children` 。\n\n### 基础用法\n\n```tsx\nimport * as React from 'react';\nimport { Button } from 'antd';\nimport FormMate from 'antd-form-mate';\n\nconst BasicForm: React.FC = (props) => {\n const handleFinish = (values) => {\n console.log('Received values of form: ', values);\n };\n\n const handleFinishFailed = (errors) => {\n console.log('Errors:', errors);\n };\n\n return (\n \n \n {\n return getFieldValue('name') === 'form';\n }}\n />\n \n \n \n \n );\n};\n\nexport default BasicForm;\n```\n\n### 全局配置\n\n表单全局配置可见 [`ConfigProvider`](/src/contexts/ConfigContext/index.tsx#L20) ，使用可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L52)\n\n### 备注\n\n另，内部使用的[部分组件和函数](/src/index.ts)已导出。\n\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\n\n## 模块化\n\n### 注册新组件\n\n可参考 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location/blob/master/stories/components/FormMateItem/index.tsx#L8) - 高德地图地理位置录入组件的注册使用。\n\n### 扩展\n\n将基于本组件实现新功能的模块称为扩展。\n\n| | 仓库 | 说明 |\n| --- | --------------------------------------------------------------------------- | ---------- |\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\n\n## To Do\n\n- [x] [antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\n- [x] [antd-form-mate-v5](https://github.com/zpr1g/antd-form-mate/projects/2)\n\n## 升级\n\n### 从 v4 到 v5\n\n表单组件升级到 antd 4.0 后，由于 `initialValues` 提升到 `Form` 组件中统一配置，且由于之前组件并没有对 `Form` 组件进行封装，导致了一些使用上的不便，故再次重构，旨在让整个组件的结构和使用更优雅。下面总结 v4 到 v5 的变更：\n\n1. 文件结构调整，使其更清晰合理\n2. 基于 `Form` 封装 `FormMate` 组件\n3. 在 `FormMate` 中处理表单初始值，[统一字段值类型](./src/utils/setValue.ts#L8)\n\n - `switch` -> `boolean`\n - `date` 相关 -> `Moment`\n - 文件相关 -> `UploadFile[]` ，内部默认使用以 `/` 分割后的 url 数组的最后一个字符串\n - 特别的，如果像文件相关的内部字段转换不满足实际需求，可通过 `postInitialValues()` 属性对内部转换的结果再次进行处理\n\n4. 重构表单项创建方式，使用 `FormMate.Item` 和 `FormMate.Dynamic` 组件创建\n5. 移除不必要的默认配置，如 `defaultItemLayout` 等，完全可以在实际场景中二次封装即可\n\n### 从 v3 到 v4\n\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\n\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\n6. 移除默认文件大小为 500M 的限制。\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\n8. 移除默认的 `extra` 属性：\n\n```js\nexport const defaultExtra = {\n picture: '请上传图片',\n};\n```\n\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\n\n```\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\n```\n\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\n13. 替换 `select` ， `check-group` 和 `radio-group` 中选项的 `text` 字段，使用默认的 `label` 字段。\n","readmeFilename":"README.md","gitHead":"dc0cb2b58c7d6e3509b57633d915fd72e970722b","_id":"antd-form-mate@5.0.0-rc.7","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-aPAG5NHpZt7houVVenMhBBz8fsOsogy36xCIGqPQvRVk7dxreonRKSgyRw2ukfb60Ocp3rBVNU9UglN9v8ec2w==","shasum":"1b0363ea2f44cb94847a863817dad7785104db2e","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.0-rc.7.tgz","fileCount":35,"unpackedSize":81752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJen/zCCRA9TVsSAnZWagAAa6QP+QFKqu8KnR3EA3qmStR2\nQz5MxfRIUed7OSTnREujVA7R17V5YRlbajy/EDPptTz0rKJMFAtifSwBphTM\nQe2HWZEprnnZ/9MlfcNb2trcq32DoIqtsxYpS320Q01vvGtYc75M98Kqz0Rk\nQ6/ZgJXldcS80hFIbNxuRsdsKrtroU+YA3vaPTiHXwSxpAw9BSRrk3OP6+j1\n6+phyT+VEN/R6ci60JGDNphqwBgE4voEwjdKCPdmbi/DggPMkf3KaO0+sB7o\nsNRcSzl3LykeTtc3eVOuFLkKhXC43Hio0aW8HCwYwWeTkLe8CLFO2ZVNABzr\npnjQqld2r/1pw4fX6nvgtMh6MJ8HIRH3oPWRQ3My+Khis/qo/YnOmDmA7GSf\nIemFd5Ut/dUT3PMqOEAgO1vmcVYp0rAjWw9qc0C9I+465eHQGaeX2KwQYZ9g\nuKn45Xnq8QlHWLUMRBKT2CDfkOq+4LdtdIajMo9qE9KSfNuc28tIHH3n2WS0\nNR+TZzXeQQs1X7EZHtYVzPFuej6lUyepoZ3SAGqVm3or6Xc+WDAV0Ywhwc1O\nAfE7AI5GzAjS6ZS7QVMXv9uESQuRaum0mrlwUhHNblgDCOfPamXn1iInPW9C\nAdjppSisfrqH8yi+zdHBbsqiV+emvUk6Zwo8wUkY7bB9nHk8v1BMosa2TSJk\nJUZC\r\n=oSMZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB+30RWnulgJ4ubXfaxioRWT98pQT69Rghf/kiuxz1FHAiB7uxvTHhfcnVeKY4DXBwelL1rMAOtxd9wXR4war1pS9A=="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.0-rc.7_1587543234242_0.2867008364615835"},"_hasShrinkwrap":false},"5.0.0-rc.8":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.0-rc.8","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\n\n\n\n基于 ant design 的表单组件，配置化实现表单功能。\n\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\n[](https://www.npmjs.com/package/antd-form-mate)\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\n[](https://github.com/zpr1g/antd-form-mate/issues)\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\n\n
\n\n\n\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\n\n## 安装\n\n```shell\nnpm i -S antd-form-mate\n```\n\n## 开发\n\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\n\n```shell\n$ git clone https://github.com/zpr1g/antd-form-mate.git\n$ cd antd-form-mate\n$ npm install\n$ npm start\n```\n\n## 使用\n\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\n\n### 内建类型\n\n| | 类型 | 备注 |\n| --- | ---------------- | --------------------------------------------- |\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\n| 2 | `date` | |\n| 3 | `datetime` | |\n| 4 | `date-range` | 日期范围 |\n| 5 | `datetime-range` | 日期时间范围 |\n| 6 | `number` | |\n| 7 | `select` | |\n| 8 | `textarea` | |\n| 9 | `password` | |\n| 10 | `picture` | 内置预览组件 |\n| 11 | `switch` | |\n| 12 | `slider` | 滑动输入 |\n| 13 | `file-dragger` | 可拖拽文件上传 |\n| 14 | `string` | **默认类型** |\n| 15 | `check-group` | 多选框 |\n| 16 | `radio-group` | 单选框 |\n| 17 | `number-range` | 数字区间 |\n| 18 | `cascader` | 级联选择 |\n\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 类型外的组件。\n\n### API\n\n#### `FormMate` 表单容器\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ------------------- | ---------------------------------------------------- | ------------------------------------------------------------------ | ------ |\n| `renderChildren` | 自定义 `children` 渲染 | `(children: React.ReactNode) => React.ReactNode` | - |\n| `renderItem` | 自定义每个子项的渲染 | `(item: React.ReactNode, name: string \\| null) => React.ReactNode` | - |\n| `postInitialValues` | 对于内部已经处理过的初始值再次处理 | `Function` | - |\n| `grid` | 由于通过 `flex` 布局输入项较为常见，故集成了该配置 | [`Grid`](/src/interfaces.ts#L86) | - |\n| `formMate` | 继承自 `Form` 组件的 `form` 属性，用于管理表单初始值 | [`FormMateInstance`](/src/interfaces.ts#L104) | - |\n\n##### 关于 `initialValues`\n\n为了简化使用，`FormMate` 组件会在内部统一转换 `initialValues` ，方便在实际业务场景中统一处理。组件提供两种方式配置 `initialValues` ：\n\n1. 直接配置 `initialValues` 。只能在以下两种场景下使用：\n - 无**特殊类型**字段值（时间，文件，开关等可能不能直接赋值给输入组件的值）\n - 输入项（ `FormMate.Item` 和 `FormMate.Dynamic` ）作为 `FormMate` 组件的直接子组件，不能被其他组件包裹\n2. 通过 `formMate` 配置 `initialValues` 。可参考[示例用法](/stories/BasicForm/index.tsx#L15)。这种情况下，就不会限制输入项只能在 `FormMate` 组件下了，此外如果需要重置表单，通过 `formMate` 调用 `resetFieldsValue()` 即可。\n\n#### `FormMate.Item` 表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ---------------- | ------------------------------------- | ------------------------------------------------------------------ | -------- |\n| `type` | 上述类型 | [`ComponentType`](/src/interfaces.ts#L16) | `string` |\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\n| `dense` | 使得 Form.Item 的 `marginBottom` 为 0 | `boolean` | `false` |\n| `componentProps` | 额外的输入组件属性 | [`ComponentProps`](/src/interfaces.ts#L47) | - |\n\n其他属性可参考 [`Form.Item`](https://ant.design/components/form-cn/#Form.Item) 组件属性，特别的 `children` 属性仅当类型为 `custom` 时可用。\n\n#### `FormMate.Dynamic` 动态表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | ------------ | ------------------------------------------------------ | ------ |\n| `render` | 判断是否渲染 | `(form: FormInstance) => boolean \\| null \\| undefined` | - |\n\n其他属性可参考 [`FormMate.Item`](#FormMate.Item-表单项) 组件属性，可配置 `children` 。\n\n#### `ConfigProvider` 全局默认配置\n\n参考[类型定义](/src/contexts/ConfigContext/index.tsx#L16)即可\n\n#### 其他\n\n内部使用的[部分组件和函数](/src/index.ts)已导出。\n\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\n\n### 基础用法\n\n```tsx\nimport * as React from 'react';\nimport { Button } from 'antd';\nimport FormMate from 'antd-form-mate';\n\nconst BasicForm: React.FC = (props) => {\n const handleFinish = (values) => {\n console.log('Received values of form: ', values);\n };\n\n const handleFinishFailed = (errors) => {\n console.log('Errors:', errors);\n };\n\n return (\n \n \n {\n return getFieldValue('name') === 'form';\n }}\n />\n \n \n \n \n );\n};\n\nexport default BasicForm;\n```\n\n## 模块化\n\n### 注册新组件\n\n可参考 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location/blob/master/stories/components/FormMateItem/index.tsx#L8) - 高德地图地理位置录入组件的注册使用。\n\n### 扩展\n\n将基于本组件实现新功能的模块称为扩展。\n\n| | 仓库 | 说明 |\n| --- | --------------------------------------------------------------------------- | ---------- |\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\n\n## To Do\n\n- [x] [antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\n- [x] [antd-form-mate-v5](https://github.com/zpr1g/antd-form-mate/projects/2)\n\n## 升级\n\n### 从 v4 到 v5\n\n表单组件升级到 antd 4.0 后，由于 `initialValues` 提升到 `Form` 组件中统一配置，且由于之前组件并没有对 `Form` 组件进行封装，导致了一些使用上的不便，故再次重构，旨在让整个组件的结构和使用更优雅。下面总结 v4 到 v5 的变更：\n\n1. 文件结构调整，使其更清晰合理\n2. 基于 `Form` 封装 `FormMate` 组件\n3. 在 `FormMate` 中处理表单初始值，[统一字段值类型](./src/utils/setValue.ts#L8)\n\n - `switch` -> `boolean`\n - `date` 相关 -> `Moment`\n - 文件相关 -> `UploadFile[]` ，内部默认使用以 `/` 分割后的 url 数组的最后一个字符串\n - 特别的，如果像文件相关的内部字段转换不满足实际需求，可通过 `postInitialValues()` 属性对内部转换的结果再次进行处理\n\n4. 重构表单项创建方式，使用 `FormMate.Item` 和 `FormMate.Dynamic` 组件创建\n5. 移除不必要的默认配置，如 `defaultItemLayout` 等，完全可以在实际场景中二次封装即可\n\n### 从 v3 到 v4\n\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\n\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\n6. 移除默认文件大小为 500M 的限制。\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\n8. 移除默认的 `extra` 属性：\n\n```js\nexport const defaultExtra = {\n picture: '请上传图片',\n};\n```\n\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\n\n```\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\n```\n\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\n13. 替换 `select` ， `check-group` 和 `radio-group` 中选项的 `text` 字段，使用默认的 `label` 字段。\n","readmeFilename":"README.md","gitHead":"f886e0ef73d35c0d704fb892f12b3a6efabea028","_id":"antd-form-mate@5.0.0-rc.8","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-fmqfdbL6JfmJgN3K5oaSjTFcoqhUYrEkJp7GVlOajwVI5v6S2MtX9BgizhrBWy1NoqW1s/jaPxuQl5ARxVXcZA==","shasum":"949ac76c4f1202de743e42064b64987138357d61","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.0-rc.8.tgz","fileCount":35,"unpackedSize":82079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoWMtCRA9TVsSAnZWagAAnUIP+QFsSAZH5oYQ2YZqdm+t\njgq/nfm4VGDnQfgtM/OTCs2vC63a3088NaxZL5S7IpeAL1iiCYqBwKIOstpy\nApIvmrz/BoDrRHf6eh+0cROThXyPcromcN/gjQ21nuHWjTYowXAlPv+lAai7\n5vVpzpIgW96JeW+oKqPnE8rPIDd83C+6kPMKfCv0ENYrKlucGWyg9AhPFJ57\nDc9265SehgRqx+P2VbGJd5yYqeeiEyW87p0PJ9Qd1VcK5LOgdG4aUf9ksM5j\nqBQgYdswkT3JtartN1jMOJpA8ZSFb3hWxi5Jmgm4NqOgPxwKLlDiTD4lolgg\nQR8yGfSjc+SwhdJ8NWcTiACw8mU5w+gjHAU4hQD9ezse1eKD1ycmH0CTv3NE\n2zOtW/lmRNo6HNzqpHWMe1OHirO2w0n018UQ50/A5j6cMoV5Oc5WRhxq/Ye3\nQWRnVKcrcwa+qHsmBnZ5UlmCCIlsPVAU2zhbtBo9I9N42rMnc7c2V0lQCi73\nRJuMGiJq+ifYOKtkKC8VIxRn4t5kKRTyGA0t9uT1iPTsIuohLeuchPCImYei\nS1uZR33V15r5hFhm8xK4nXSUX+UEVwHlfMVx+8obbC8x/UWbKTOMAbXIVFz1\nza4i7a1JssG0UrGNtuP+EXdL++UtIOjriM+boshAdw4hxevK7Onw3HW5em1E\n4/l9\r\n=yS9i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbckjNjGUh/02qaJXu84s1++688OwOydNI28gZxaeJkgIhAIewn2uWiY9U1sBdrdskhJLxqT+z50IbOnAP2+M7Ehpm"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.0-rc.8_1587634989246_0.2776205160162566"},"_hasShrinkwrap":false},"5.0.0-rc.9":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.0-rc.9","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","readme":"antd-form-mate
\n\n\n\n基于 ant design 的表单组件，配置化实现表单功能。\n\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\n[](https://www.npmjs.com/package/antd-form-mate)\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\n[](https://github.com/zpr1g/antd-form-mate/issues)\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\n\n
\n\n\n\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\n\n## 安装\n\n```shell\nnpm i -S antd-form-mate\n```\n\n## 开发\n\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\n\n```shell\n$ git clone https://github.com/zpr1g/antd-form-mate.git\n$ cd antd-form-mate\n$ npm install\n$ npm start\n```\n\n## 使用\n\n由于没有打包发布的经验，所以在 3.0.0 之前的版本除了一些未知的 bug 外，可能会存在一些兼容性问题。此次重构到 3.0.0 后，后续发包当慎重起见。\n\n### 内建类型\n\n| | 类型 | 备注 |\n| --- | ---------------- | --------------------------------------------- |\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\n| 2 | `date` | |\n| 3 | `datetime` | |\n| 4 | `date-range` | 日期范围 |\n| 5 | `datetime-range` | 日期时间范围 |\n| 6 | `number` | |\n| 7 | `select` | |\n| 8 | `textarea` | |\n| 9 | `password` | |\n| 10 | `picture` | 内置预览组件 |\n| 11 | `switch` | |\n| 12 | `slider` | 滑动输入 |\n| 13 | `file-dragger` | 可拖拽文件上传 |\n| 14 | `string` | **默认类型** |\n| 15 | `check-group` | 多选框 |\n| 16 | `radio-group` | 单选框 |\n| 17 | `number-range` | 数字区间 |\n| 18 | `cascader` | 级联选择 |\n\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 类型外的组件。\n\n### API\n\n#### `FormMate` 表单容器\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ------------------- | ---------------------------------------------------- | ------------------------------------------------------------------ | ------ |\n| `renderChildren` | 自定义 `children` 渲染 | `(children: React.ReactNode) => React.ReactNode` | - |\n| `renderItem` | 自定义每个子项的渲染 | `(item: React.ReactNode, name: string \\| null) => React.ReactNode` | - |\n| `postInitialValues` | 对于内部已经处理过的初始值再次处理 | `Function` | - |\n| `grid` | 由于通过 `flex` 布局输入项较为常见，故集成了该配置 | [`Grid`](/src/interfaces.ts#L86) | - |\n| `formMate` | 继承自 `Form` 组件的 `form` 属性，用于管理表单初始值 | [`FormMateInstance`](/src/interfaces.ts#L104) | - |\n\n##### 关于 `initialValues`\n\n为了简化使用，`FormMate` 组件会在内部统一转换 `initialValues` ，方便在实际业务场景中统一处理。组件提供两种方式配置 `initialValues` ：\n\n1. 直接配置 `initialValues` 。只能在以下两种场景下使用：\n - 无**特殊类型**字段值（时间，文件，开关等可能不能直接赋值给输入组件的值）\n - 输入项（ `FormMate.Item` 和 `FormMate.Dynamic` ）作为 `FormMate` 组件的直接子组件，不能被其他组件包裹\n2. 通过 `formMate` 配置 `initialValues` 。可参考[示例用法](/stories/BasicForm/index.tsx#L15)。这种情况下，就不会限制输入项只能在 `FormMate` 组件下了，此外如果需要重置表单，通过 `formMate` 调用 `resetFieldsValue()` 即可。\n\n#### `FormMate.Item` 表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ---------------- | ------------------------------------- | ------------------------------------------------------------------ | -------- |\n| `type` | 上述类型 | [`ComponentType`](/src/interfaces.ts#L16) | `string` |\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\n| `dense` | 使得 Form.Item 的 `marginBottom` 为 0 | `boolean` | `false` |\n| `componentProps` | 额外的输入组件属性 | [`ComponentProps`](/src/interfaces.ts#L47) | - |\n\n其他属性可参考 [`Form.Item`](https://ant.design/components/form-cn/#Form.Item) 组件属性，特别的 `children` 属性仅当类型为 `custom` 时可用。\n\n#### `FormMate.Dynamic` 动态表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | ------------ | ------------------------------------------------------ | ------ |\n| `render` | 判断是否渲染 | `(form: FormInstance) => boolean \\| null \\| undefined` | - |\n\n其他属性可参考 [`FormMate.Item`](#FormMate.Item-表单项) 组件属性，可配置 `children` 。\n\n#### `ConfigProvider` 全局默认配置\n\n参考[类型定义](/src/contexts/ConfigContext/index.tsx#L16)即可\n\n#### 其他\n\n内部使用的[部分组件和函数](/src/index.ts)已导出。\n\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\n\n### 基础用法\n\n```tsx\nimport * as React from 'react';\nimport { Button } from 'antd';\nimport FormMate from 'antd-form-mate';\n\nconst BasicForm: React.FC = (props) => {\n const handleFinish = (values) => {\n console.log('Received values of form: ', values);\n };\n\n const handleFinishFailed = (errors) => {\n console.log('Errors:', errors);\n };\n\n return (\n \n \n {\n return getFieldValue('name') === 'form';\n }}\n />\n \n \n \n \n );\n};\n\nexport default BasicForm;\n```\n\n## 模块化\n\n### 注册新组件\n\n可参考 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location/blob/master/stories/components/FormMateItem/index.tsx#L8) - 高德地图地理位置录入组件的注册使用。\n\n### 扩展\n\n将基于本组件实现新功能的模块称为扩展。\n\n| | 仓库 | 说明 |\n| --- | --------------------------------------------------------------------------- | ---------- |\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\n\n## To Do\n\n- [x] [antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\n- [x] [antd-form-mate-v5](https://github.com/zpr1g/antd-form-mate/projects/2)\n\n## 升级\n\n### 从 v4 到 v5\n\n表单组件升级到 antd 4.0 后，由于 `initialValues` 提升到 `Form` 组件中统一配置，且由于之前组件并没有对 `Form` 组件进行封装，导致了一些使用上的不便，故再次重构，旨在让整个组件的结构和使用更优雅。下面总结 v4 到 v5 的变更：\n\n1. 文件结构调整，使其更清晰合理\n2. 基于 `Form` 封装 `FormMate` 组件\n3. 在 `FormMate` 中处理表单初始值，[统一字段值类型](./src/utils/setValue.ts#L8)\n\n - `switch` -> `boolean`\n - `date` 相关 -> `Moment`\n - 文件相关 -> `UploadFile[]` ，内部默认使用以 `/` 分割后的 url 数组的最后一个字符串\n - 特别的，如果像文件相关的内部字段转换不满足实际需求，可通过 `postInitialValues()` 属性对内部转换的结果再次进行处理\n\n4. 重构表单项创建方式，使用 `FormMate.Item` 和 `FormMate.Dynamic` 组件创建\n5. 移除不必要的默认配置，如 `defaultItemLayout` 等，完全可以在实际场景中二次封装即可\n\n### 从 v3 到 v4\n\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\n\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\n6. 移除默认文件大小为 500M 的限制。\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\n8. 移除默认的 `extra` 属性：\n\n```js\nexport const defaultExtra = {\n picture: '请上传图片',\n};\n```\n\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\n\n```\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\n```\n\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\n13. 替换 `select` ， `check-group` 和 `radio-group` 中选项的 `text` 字段，使用默认的 `label` 字段。\n","readmeFilename":"README.md","gitHead":"22971b2e90c26b75d238862cd6a8fab7697b8924","_id":"antd-form-mate@5.0.0-rc.9","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-LXhbpI8daUhwaIW5fhHPTmdOFgomWOrO1H9TkIVnoNUprY9SrhICGaLUHd19ekXOtXLbjOAXh/4PGwuaeK3+Ng==","shasum":"cda9b855c8e2154066aae63df45fdf13ffcd7a91","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.0-rc.9.tgz","fileCount":35,"unpackedSize":82091,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoXZcCRA9TVsSAnZWagAAZToP/3cQagnhO4l8tCfysAtS\nAHw96d2uVQYtxaLwJHweumTf/1nqqlGdsoOtktQdG7wWBk39xdP3B/rhSKWz\nN18J28PVClTl0ubw/CPAHPgs6CsP9iOEgYaFvwBIupiW1LodD0HAKFpCxf2O\nTu0a5w/7ow1vuA38OKRq6ZlQt9S6qBqsq4zzIaHdRzqD3elCVsSraldHmUKz\nfpuIfbrKTUBO9vR6jjMoJAoLy4ITY3gmDkxFvtPZXD6IyNmSaTdc4bDNVs0W\nsOA9sHawxxlliZiXR8fBHyJ+84XGRapWcMp6NAGxBkVir+2SRatfgQEAXF5X\nhzdMunYXyQZJyd8ZNWyQEyqWWpIaEAYsg0O7NhCliV0MHwJtLc7T3Hto1Gbv\nd5Xt3iT5p2LONvE7tFmh1kakJy1v6WMulcvKY1+/WVEcPdwbCWi+PyoFlMQE\n4bdqFQ3LWCm32ruG+Js/aptELbnbr+UOpHV4tZvjUOd348KWE+wNc+kU1PY4\nrvmSkwEKkb0Kl/h4R3ofZZY4olqTbr1XGnlkuvtnCsUe5B9zMCK4bW0lEkxM\n8AH3YWWS40xv0UYjQz5JqgFg83T4B7ZbL3Wh27WD/KffLGlkihSQaGIuEE2+\nrWfrTgKTgpIaQzer6razYjyf/eyQTB60QZl0xoP34LURk6wuhfrW+yYHUBBr\nO6jT\r\n=DjWB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB6LcMCVMD3h6e8mfiRuEKGT/Uo/utzthRAcr0c+tsqzAiAX6kwYiEmxDligpH42OgXPVc4BHU26hkDtxaDQ3hHSZQ=="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.0-rc.9_1587639899532_0.4629338889574015"},"_hasShrinkwrap":false},"5.0.0":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.0","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"789e09493743d6c7a10a8cec401b6ffcd4138a86","_id":"antd-form-mate@5.0.0","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-ISNN70uZIyXKID0UHyUOf9J4Pflt6xqkkYGpVP1Hnx6Zb9E63ieoCAj6X2NoZ3gsQITrjPReB8fdLA38fnLBfQ==","shasum":"18adbce12e0eac115a922e742c888d932aecbd05","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.0.tgz","fileCount":35,"unpackedSize":81767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoaEsCRA9TVsSAnZWagAAkCMQAIymxd1VfI35jxjpYsoy\nz4tP/XU42WWmFhQa/RXQF3Oi5+P4rMh50njPcbZRae1n9vHF+u74IpxoWHRp\nAH+d2xOXzHbbQHKVSpH7tNx8scDAugfDOD02VXyW1yEIeHZiwJlkLZwuTAci\nyxDsMB4eq3rsGL/gZNHRoHG9E8rY31wEi5vqH3cqQR8U/4Gw3JXjr22m1UmM\nCxbm86p0DXUd0op2XrZs5G7U6423S0edMBJcBaeubXY6pjqba5cU5gTPiODe\nIKSi6vaSSzEbpZUKxnVMczV3ANJQ0illO2wW39UFJXT+1SM2mhlu0ZKOc7mV\nWwvcbpoEPn7FhhxhEx+GhbHS49eKYYT1zbrkVXPeUkwXTwbP4N3+5I03wM0F\niz+fjuBmumnL3y7sF77G9imsyXsl2DRigkPy4AnPPaaSdASFuMioduskuusN\nJbRuFe8lv+YVKKfY1XGS2BnJUAkdPalT7ois6w+nVhMHLh3QTOwnX8W/tU+q\nYdxHKGy3fNaP/jOAj8seyiK9DWlfi7j1e1mgUcikdFZ5luFAOK3C1fT+YAy3\ntGjuBslTWsRD5XOjFVXGSMXwjKMDXHTP+spINLV/IKleI0wExjrEwv5NerJR\nQtR+cfoQzjIPSoSASwAC7XjJi0BteMTVD4x45KeqeBj4QHK57gsoNjQbii81\n6GF9\r\n=IJgk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDODxVGRX6Vn7LDf6ih3U8ZfnIdN8IA5wkMdhQjayz4wIhAL5SsNz8oS8yukmh9VMSfG7BfZo//aKM4EWqPLTDAJeA"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.0_1587650859661_0.9229139697684068"},"_hasShrinkwrap":false},"5.0.1":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.1","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"6dfba73e63bc49e62cba7293387b3751a512fa82","_id":"antd-form-mate@5.0.1","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-g1KbzAJ3BXEfxLrJtdZvjLAOjHhQ/BzrfPU85Gurx7qPMXUuP4cpszgT4LFwmDDH63B/LYtxsrDJz2auktTdFQ==","shasum":"4293de21176cbc9193268754d9e4d680ac46bdfe","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.1.tgz","fileCount":46,"unpackedSize":83238,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepUdgCRA9TVsSAnZWagAAZUQQAIsa2RJKedEwytH74qk0\ncwB5kLfSqewB2LTj6WOV8YMGJzX9hGc51vkAp3SH+qk3aVrcr6o5cvlx/EMg\n4qDR6c4VGzoqUg8GxdxdU+kUWHQMcXaL9Sz4uQvTMzkm9kTKpSUBl0upYbyB\nX2upaHzy1UXDAnIJsrSil11arzF8yfpPHdgE4JphxJe5wwVTGQqZcKC+ud/M\n3ubT3C/YjuuD+N5kGT37RU1XpFukn8zpadvmd30nsadts5xANFnpRBkmyWwV\nS4md5Q4pDKVBfr28jPkF+hVlU/un6WTRvr7Id5INeI+F68mFSFSLa7GQnrWP\nIC7AMYZyA/oFwLNALy0iwsf9m1I/lSLflVjJsOnjuCet0+yHVDu611wnRAZB\nPHecPmKJaKCx78f+qL6Th8eulaCIjutHbQy8GXYNqXwCpnqOlMA+flkVq9zf\npU+frBkFI1c41W6bWNIj4GJd0IBafBDxaSVshqlOBU0oShEgvV2yD3xh+OHr\n3zIaa1qcr4B6vBe/Viyri1EQigXSbxzhL08vfW7X4ks/o2Kn3MZ2K6OO8Spi\nB/IrqKWUFxsGQBYLa+RYXAbFvIe/kJRAbGYAmNUMxlOfH5KlwYqczTsaetSh\nH98YG3V3SiiNGDS4fj2Kef5OIqXTSQUwCI84Cnbl0kRg7er+TlzuL/jLPM+x\nQKqa\r\n=YrV/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFbSz6xE/OwNCyrGQGnglaks6Mw/SANCoZvEcQkYQAUJAiAKzIAEE/4Th6bIh9uJ9oZieDPQgrNOfhMJEmi850Tg2w=="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.1_1587890016057_0.20474922715232813"},"_hasShrinkwrap":false},"5.0.2":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.2","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"5ff3550653356f46ca867c07222bd77981bb3589","_id":"antd-form-mate@5.0.2","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-q8eBY8aFfUXMsZCnWh2CWRn4vNKUV+ouFmb3do1DQyOqqwqDFox2A8CBfe/ikPFEDphoZ/HjjNu/f1nvzs0k9Q==","shasum":"9b27766e399562929aa9653d6a398eed345be8b4","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.2.tgz","fileCount":33,"unpackedSize":78430,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepVs7CRA9TVsSAnZWagAAGfUP/jt6J+lAE7PsQfuq79EX\nnlFKBitbeeXBPCHK5ih2Dv37DNRhzGBRNcIJUxejf8z1FApD+2Pm1+8j6/vA\nKd4DXK20PytFf2wQN34u1aCL4gV7KvS/0a+/A7jsDG1OxyGEvwlrgFgayDTb\nWyRPeJM1xVSmHbaI0UcNPpNA82TSp/aPSk8bHyjJZNLt/w1q3AdoAa/x59VE\nxHGimBSWP9LVJBV7Ckczuhpp9iuIuxbFMq8UT5wXi6yrmZSwyGzCqpntt33s\nrtbEesf/ON00hF2LkYpayZWQJfCJgKSUkmHTKUmdqVRX8ypadqOg0Um8T+Pr\nB0ipBEnPBKutl0ug6U04XJai5KO0KXxtKxwR5PgPkmD+jenORzIv+np9Lovr\n9t6o2eET7zAV/n5nkN2RZuWV6u9kQp7Un4f447HcatCV8QUtJK+lkk2dPBUm\n+OtxmNEEFxr0ZVrXlD4qEPY8d0D/r2sp1ezvgjUHvKWDG3JRUyhp+/IGa3M2\nAERh7LtCQIaFskAIh0uAFVlvFBZhOG2CS2LpTeGdUTnSVvtx03QMx+cgC6k7\ngaGKFouB23xSy1x0ggOwRWzyFXXdA62OBchl/8pdwym9m+GVF4eR6tWnIlCO\nbBuZgnmAy3vAcrJX8Lsi7lPJYVO8BK8pKpvm+mybM9bHEFvFxklc0B5q4Qu1\n7Jt2\r\n=Z9yJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCo3NqI0qRWsdDY7piNc5Q3n8gNOCr1u6TWUyazGiu8AIgPbp51ZWo+vDh98+A/NMFUcBqSEyDmWW3vMUZOUiGDlI="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.2_1587895099108_0.6928573679882597"},"_hasShrinkwrap":false},"5.0.3":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.3","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"08ed7ed777c50d840ac79b7cc4af21ee76c85ea1","_id":"antd-form-mate@5.0.3","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-SKrittp5EIYE91rMreVf8d7IkdAqHp0/MSGz+AaPi+pW3fnK2G22dTk238WsYZrll7T0YWDR2o50Bvq2Nb0cRw==","shasum":"f9953bb454c257c20799d787864d76c774989cfd","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.3.tgz","fileCount":33,"unpackedSize":78455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepkeZCRA9TVsSAnZWagAA0twP+QBQosxJf1PYzDIxQaWe\nIb7MEOtaOgiIUfoiFJ678Tcu5vHaEpBB7xDXzCNC3mNiMNhfypfyDnM6/KrF\nC7587QoMe69U5wFj/IhVc88r470dRFFfj9WzO/rBhOFOVbalFBloYToL9/5D\nAblEEiJv05WrOwJueOs2ahngz6lZk9xs1OLKQ/4dYBMXt2fdKr8csfL0u7fL\nJUklvPHlQILzVid39sz/AKlg188wTgZnCvGebT67/OFM3QpNBIL4xTFmsTso\n1zCE6BePVbOqzMLsLxXu/hXT8kbQbUYyi4rhRTdPWQw50Fp0sBbnswPCJH3g\ngvcx+WE/SSWPSPXbi3TlUbYWwnZLHuPAI8bsSC6UMzS9XYqRHldiajc5Sc4J\ng+goOfz16bs1Feyp4x41keSh0CbuKDOqRHn8h6v+PDXEGH/fhGtOXFf9ivHT\naoITLJnnfwO7Yi7NxwAy1FlNgjqhTfRM1HYA9ecfoxvAJ9gE7Os2JEHV6bHu\nEs+Uj63VIAsr0dPVL4KKHqyxnWtNK6du+W6IiUGXT+wPGKwvAI+uMclcXZOZ\nGmc9T1NnXgfH7oLw8b7jjzLM04BQ81gSqmhNAiGwh2A8pUVEAO8sVvsQTNyO\nYBBhmy6mgYElQ9Pq+wtIEozeWGllk9G9wY+r9ydD2lZHA4k4dJoa7WYnl4fB\noSIS\r\n=ICK5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCp4hFRZjbG8n4UTRA4EEJ0yFXgQawtvk8LTL26+rtKfQIhANSU1KbXlPXLjstP8kMeTgN47NuSHuL4MsqVn0DHF1iV"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.3_1587955609045_0.8986665173082173"},"_hasShrinkwrap":false},"5.0.4":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.0.4","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"6ed3f7fab4f55dc4f3136b4e89a8b2737b969855","_id":"antd-form-mate@5.0.4","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-x1etBAFMp4trvnNqKwhFBGZgdRdOVDCLUsjUav2KGn3yHRKbQkJIdsBLzjxIsYm1Fj55y+ksoXs20MQvZvxkuw==","shasum":"06a52829d55e4ab055d0347af052ea956c86b30a","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.0.4.tgz","fileCount":33,"unpackedSize":78517,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepk42CRA9TVsSAnZWagAA5/cP/jXBx3CI7IJoNvVwVt5r\nWJmyLGd9Kw7dgp7N2SBVgTVjKmjHv8qIf7XR6luEntelCy3BxlZLraGIWbiV\nXQzLS2bo0+DUudbs4IpPj8Qxu0fehEInkfhp2zjm0Iq25ZwLBi18MFeBJ/pb\nEPJaNQUsJQyE4Q8ALRXXsOwNabBsYurM+yjXOm8rnMhy4TxIrZEszpLqGhvZ\n6is/1KXB/G8JuptrYhwLyD7CTHzkj1c+ch4Ge2WkQV7R0AHVwQ4872O3/sFD\nQ8qDNj6zHCRJapW6jUAMK+K+kqdg8s44qK8kcn90uOSH/eFdE22WcdRmmwHq\nPf8Y3IQNnrKQ54k7PkHJaAAVaxMK4SjmJneTJWI6ymcQ5Zq+NZIxtIv5dKm1\nPAyHnO8UC3Gw83BWmHfY2Xm9jBIVhurrcf5/kZLvOTDpVjs789ZIdxsVVFuC\nw8SiDUE99GOCePx9RNHKvfKuoLnrP9LeHjWc94/uMJ6jzbsgtE66FTQTjQYm\nj1mzlXhyr8yXDECs/WzpjYfeKnzU/HpMCuIxNDfDgfXhanaYNdUAa/nB6NMe\ncaqDBdXpy97Xe5dA9Kww0PTGQlOd5bm8/HHg4VJfwTvBEhnWsV+odBaoS8UJ\nQ3UhT/gqAZjPh+/fA+/0L6trnXdq8JG20mPJ6JoUhfzNy9R2AycL12gaRmcX\nm5yf\r\n=iI0o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHF69D+5QgGF3ifwEBv1rjR0b0WBJ4FrWKJrCS+64Cn9AiEAof0py6fc5AN/UXv/kUWvAPxk6a8lofNefOLxcMkSk44="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.0.4_1587957301556_0.33148993538819993"},"_hasShrinkwrap":false},"5.1.0":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.1.0","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"9e9a479e7890d670348c9f39f0d9f6243d58cb0c","_id":"antd-form-mate@5.1.0","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-ZLXPJVNgGTieTxAGNLYmLeaDbPalvn1p0H8KIWLvUZVv1EY4XM/xatNwVzsHdIPJ0g2KxcAAR3Ia8NpiaF7YNg==","shasum":"6ac154c3de51c2ba400e301dafbbf924ed461bfe","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.1.0.tgz","fileCount":33,"unpackedSize":78539,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqVA8CRA9TVsSAnZWagAAT2gP/1GmVsqA2p6rKwONGwnO\nDiqLP6EwVaHwHgRZ2+fWYZyWqTo68tliEv6LDzEWRTLt5aFRSmBUQdjm9GSQ\nBIWeWh2Zm/e1OEsIJbD8jHgPU1AWVMLlGjebL2AHNTT0KXpp5BIYnfJtsroy\ndnf6CoQQELbfIOAp2IPIT4ve4X6nqbuwD742e3JuCxpWWpLesll9pZPexXUD\nlx4wEGEvZ5G/vSTCpBRXg9xTT6YUkBET0tMedmwbqKRbRf5sMqhNprihw53h\n0ufzG4vtyyZxICqL1bjpChwvXgj+G0kPOfIngMKdX2O3HNdGOpI7Z4p5889s\n7wXVlKnYq5Ge7KQjWx9e1tj7VmjVZ5FOgAPVHouIPZjcwNq7w5CV52w/UfGK\n9XzSYH/LaGMIYwSy4tntt7xfD7xjkD3xWK/aeNI23jM1oq7XN/ZKhazY0Aq2\nmD1rYHWgaiI7NgaJipQxZ/etoXUZG7YcFBpJu7wygi1vyXrZSKIxGCW3jGk8\nycRgEZraD2AbIuBLDTCPNzuPfoAc9gGE6RC+h0L6tlePWmEyRuGP8ITzEWIH\nv0JT7s2KnjjO4WQFmPO7F/c8/ipHuzL1XNyQdYNZ9g7TZVBuCwwOCsas1kZY\nHBY0xrjTUmRwdP1s0eqWy+M4y4oCMOrjUSxja+VWsuaUssvhGowF/0ci3uvf\nJ+xl\r\n=Rk/Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAGRlBmCaC9DI2XukQch9RFut7mGg4ZD3AXFQ7M2tCp1AiEApmeFE+Q2TWjbr4WnQNc+6CKU4/dsK+RyWMl/PG5Q7X8="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.1.0_1588154427335_0.38070645117181523"},"_hasShrinkwrap":false},"5.1.1":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.1.1","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"bf274baff9d2dfe47fb6b2962ce30d997b78919b","_id":"antd-form-mate@5.1.1","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-kcEnXX2FF93OrlVcQ5nIAj8cWrwJxvBexnTAcJl1mzcMSjuX876pdrrYeOX52QZDt30ZkSxqEtwM9xE5VEkyzA==","shasum":"a829c0034726914505284381a1c5c8982bf205f0","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.1.1.tgz","fileCount":33,"unpackedSize":78555,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqVQlCRA9TVsSAnZWagAArDMP/39Dzi9SZE9D9r8sGU2Z\n+84+p8zh0vNmvNwEKsai8yEs7G04bWnPyvhnYJDaBUNHjJHaGVAikX0drjJA\n6M0F/7nMmFHvc5o5meYFYf4MWAMsQpT+UQmBPDVE216REDDWmhBBwM2WpZYH\nPBBqZRRxt3UA0Kc5S4UqejGQ84V8OC5GhMDz0lQ7wFa4Osf/nwDjf52Wo2hb\no4gwVJP7ph9xyU0ZKWbGsl6K5eB+D2BanJx4pRSAgwvf9L1znbzvkOu8scFX\njaSRqyaYOFSEU+OR79E8EpwC/MM4S2CXSuiX4lNmRS8vs002lzmKp/fD7cmd\nExzAkm+kSqFg8UcRGWqQVehjVRi6vZLndn+AOD8vpnTiKd7gu/BknzyTwQfa\nIAbOQJDRzjvQM0GweoyVTuAm6zxCPI3a6crclcBdGFgs/UxBi7G2WEv5oZ4K\nT5WDIEX7J+9hXMgI2V0w7VMk7xv85weZY6KUtbjfGgYVmE8M0b6oQlbMnmQp\niORc60fusm2L0u78CuvQPcPiHCwyYL2skmVZEo2g267AnCON6e/5NRis6HR0\npX4XJ6jdGjavDvuk+5mUZnUDPSwpKSAW1qfIRojr7WkM607Vs2X52mvAkoS0\nMXQC7VS5oUpNc+TRzzUJHMQI+/eLhAwPnpEiQKo0K/JcrBV1QTwRzmJuPw2r\nMCSY\r\n=S2Rf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAFkS5DDczHPBhop/gdNXppqse2hh0DdhFK8aMDkW3mwIgKAJ4bjEqYx/5HTd05RJe8jHBy1vAyzQL2UYZfCOjcYo="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.1.1_1588155429183_0.18030148885145203"},"_hasShrinkwrap":false},"5.1.2":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.1.2","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"174dff6c256ab54da2fe76466b7e7b23fab283ef","_id":"antd-form-mate@5.1.2","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-EKLUWlpUFcathdmqV+AnXXwIjwx6UVNqicGJh1jaYxMddTd3VAKZx+IaLsSY1uvunuQQqbMQDwfI7s2GppDSuQ==","shasum":"454c1d0a198bc4a973824d86823c5a8f88da1eff","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.1.2.tgz","fileCount":33,"unpackedSize":78075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJes7KHCRA9TVsSAnZWagAAb0oP/1FLcJcF3ju+cwtNWpS6\nF2+54dAX0MHJB/vs4MRjFI7OCGk8EluBmTuvYgnvSCUIghjUFc0XNcwDkuIV\n/OwFvPZ5OHP93Leb9XdJ2+0c40P25RVYjy9SP7jLQjAYEvc1pEYHPYz9TAfY\nXQZtO38U7AWaqJ0LRWrdqUblZoQbM18Wso0lFUTJgmh8Q4ZcYsh2QyUyQWa4\nQTPzDxM7w63CMonmrucyPIyCvQg1bGhH4c504Yybkr7lgbBsMeu/9j+p/xcs\nkXc4GLzU0iqquJT0oCcZLRemm6CvP1j6O1epgVUOVRRpHoMrbsuGWowPP5YW\nEWNGKgHYOGDKflR+X6LlpgYZM1ERLAIO5SVyAmalvGhQ3m0CgRumofxfhibT\nVmFlDlxHGCJi1DAw2kaayXlJa1wHi3MRwUUtkpJ3Kaj6XuLmJGZJqXSS3nlJ\nX00++0tEb3KKfBKCcLNVl8KM6Cv6PRF0W/tGJJl/7RhvfRl575508LaREMuJ\nuNNeQrpD+95jyAyvOIyeM1B3ZqhG16bknj10V+01B36AZ2oDecbwJgvl8/zu\nHCEYgLq3QJ3VhfixMsrMt20r7linYaGP1Fd+XQQyXcVarTFYIsPe04PRDH7S\nWHfVa6UpTZZND2wu7Kb02xbfGVuNk6rjKk7p0vCa45OZG50VToFDo+9fc9+T\naJAl\r\n=1Q7u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXA7aAELFxqkS7//lhhz2x9v8SxNj7LeuVD64wxh69jwIhAOpe8fvUeh4pNSeupqF7uHwCVbLzAZ8cAciUnRns3/d+"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.1.2_1588834951099_0.46864964353150995"},"_hasShrinkwrap":false},"5.1.3":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.1.3","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"528392d09b3d2c018bd0218b8c34835e7e45b292","_id":"antd-form-mate@5.1.3","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-5Z+wRWJKqLTuBD1yjEXEtxbH3cdtp7dI7Icgh6MJDDY2l6XB/K+kMnvsqy6Zr8BqMqi6PNzxRlYFe3G4Klt9zw==","shasum":"b63548331857a4379ff4694309d2e812f127bb92","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.1.3.tgz","fileCount":33,"unpackedSize":78115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJes971CRA9TVsSAnZWagAAdvgP+gIakGDVucK3CVqrLspb\nO2aSDY2ihbsdP1mczYYDfZ7fy6oxCLJKVG962W87+zx8WkMBoOpin5pdV87C\nWwGfBM9buPKt784SWsonbUZ88+l6zLfSZzxX7nePy4PgS4vVkROSjOFvjysa\nOmMSJZLFMua8EiLJ2iDLRHu1CFY0OJ5NzHs6QPack+AA+G2zNamTSOP76lQL\nsTPlubUf+beRh0W0M8xlpSuhsp0S3BWy/tCU+v6o3tIqlH/LmDKboktmInkE\n3ZDsDyY19dg6acBe5XQJs6C8O8XKm61CyCPY93++m4/cod3ZL9kYhDFq/A6L\nv4cQtWVGvQcXECs+GmNuTFfOHWX7/FBJVxRCGnx/sC4tKUgH7YLW9IEUmEWh\ngoB9SxeUq53vgBnfqhWLQUekF6wf92/55OmLD6gZS4CifrSi66rZzj4ue5Ny\n7faLzJFMUpw2H0CyBmCv9QaFefYm16Jb8TsMT8O88nYsv8AnfrMTOfGtN3rE\nBY05KIRhc/927WgYwEQqCyXcJ5QhPzNWR71jzmrmrumDogIddb2NRy6T6fOY\npKKWrK15MYgjjleRf4ZXTV02PzL9cEKyHEgArt5R3RJ7U+RDgFnY3BQUdNfc\n+Gzlkzc4S6xiw+9GJOJmgpEy3DFyqx780hrd9G0jERvI0YnbFtwK/UueofHU\nE8g7\r\n=yePe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAbGdOaZ0CKKvRMJcGxXo4Dgxf14hJmQHscESV4KwCagIhAM42EMweNPapASHNny7Vas+3n4/cq9ARRgBz/YLAwL/B"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.1.3_1588846324935_0.9282904707335766"},"_hasShrinkwrap":false},"5.1.4":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.1.4","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"9f7b87e9d72e70cc3ab289c7de0dea774fb3038a","_id":"antd-form-mate@5.1.4","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-eontvlW2pIQxxJmKLslGVWuBVPkdb1CWMc8v76PvlmHDoCBK/q++35DYhYeNpv+zAHD8wR7/FBoZF/AamaGLWw==","shasum":"98428a812024c3824948e713373b6bb984e10222","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.1.4.tgz","fileCount":33,"unpackedSize":78115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetCl9CRA9TVsSAnZWagAAloQP+wViWS6ZQaXUGiR0Didj\nz2CBvNegmVJ6Ri/2JGtYaj3GvwypqHHQDfLQzQpprqwF16yD7yXig68y0ka/\nuuq44qxVAWmqjwA1P0IkEpwETnB8pqXaxVY1messNAOw26+WGBzpI9tAJwJq\n+WkAwMynw4xGnc2cNcupJ9gJ8M3rcfESospORTGkraPMtV8NobBWo0yVb9JO\nwb0GIJiCEng8WjUg1lzKp7zeILp3AZVaBryJbETymdnoLLvSfLdgqeZjwVa0\n2cOV0IOVR43Uq8fQY4UcUXDO5/LFvisbV++533i8D/ni8Z3hvPxmboq39MkO\nvpcxjZYu0dIW2Rx7mrS0EXWhe23HRi7Ys+B1ud7g15rsZRmebgUioiIJQua6\nk4TuoIwYDX3adtgvncF5Ng09XmVvHLk1yn57Eo7sxMlxyD3QJrcGQJYm4IJD\nnb9Y0Ztrf0kvWGilcsgIOb6G0gqahqjQ0BRnh4I7PT3HIomnLSU2nZ3ubSxY\n1/TPIVISzHv9fBCkZNtf0pXVhrJd3X1giU56czY3FGGHPGLhj/29sDpeflRq\nKeo0N25X8CWUeqhleyXeYG6jFWlBpc8yssgwZpTDPOuAEXPA78NXm5GCqbM/\n73HEve1fEmAU7Wyk7L3Aa5DbGVyDrtwRw7upRu1+DFmtZ06SV+02l1yzmt2c\nLUKu\r\n=5nYJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3yvh+jNPqG7nIwfcX6AZpIWB3j33rO0ahF2di9iNtQQIhAPSxITL61iDA15hPzItizGvLq3NPdF4j1kKi3YanfC2N"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.1.4_1588865405125_0.5930608020113042"},"_hasShrinkwrap":false},"5.1.5":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.1.5","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"d366f516369e7ab584f630fd43d8c1668af27b10","_id":"antd-form-mate@5.1.5","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-kHHkw/pophpZ36botTUPX7axb9XUW+Su2RSuZYFGPV/h1OoRQcFz1b18EdW26LLEg4z8rGZCi/9hf1vlUgD4Tg==","shasum":"2846d19dfb6eed2ab8339bae33f8c53d2c7a38d6","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.1.5.tgz","fileCount":33,"unpackedSize":78243,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetRxECRA9TVsSAnZWagAATnIQAJ4c/bwjROYSPO3v2L1X\n0t9G+EyG557YoUGCxcSTv+l/ldoEkycTz878Qw9r5MOS+zbDgtlHknp/C5Kp\n3k3yXnK/RJOYeBc5cZ+JnaNpY5b605ArUAvSqn/izPNigZPTgmTf3B4jC8aI\nR4gQmdAdW30Y0f1VgoBNtHRgjyXws/RxI7xrorHTNseNcvvNTygu5Y50YZ7+\nDCpd5pTt1Ai1Wa7eZeeWnMPux56brySa5RFrwgxBEbsThpS6afZCHW8q2HLS\nvKAiFNY1A8Hl3wQzIqhJ3dnL7GFpPOs5ugA8lPxu/+WnF2UcN1M/2JshKc5A\neBtloz/H4YzF/4vV7K3lqQ3OvAQHkNEsrTRiezzxhvOF2NBTySiC0nRox8Br\nZu7cKXlmc8QWRYl+KkrumLl5f2bi0fsi21tSy4eK4GsSaynbvwvEF1NdgihL\ntou+t6YCMuW5L/cUhIR1FFNEFd4srP70tH27ogmTnIgVG7DioDeNfloAPzOP\nHMaaOvxynoB7eynzg2WNAF04vl2z5stc22rcWVNuoHMwpDVagfiV4NqNn57m\ncAbsF9VrbN9qntfcm+d3HdVDLA8wyzp5sFoWfftU1StCtz+Pj27ssx4+fas6\nFgPDcX2eeZM7RjvBl7hN+SBshzd6RubzA1l+t1WICH5j5OsGzL85vjJ/bBAZ\nsAHM\r\n=FpIs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAE0FjxODTcPXgJqLzSVkTWF756bWQLOjzbhmN3ktBn0AiEAlXCGWtsvTx0Loy9VD69iB/3AQwggZ4hQcYw0FhKXlTY="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.1.5_1588927555699_0.2549119372553388"},"_hasShrinkwrap":false},"5.1.6":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.1.6","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"e0a7fd7a9a8e7fc64abc51bd74a37ee9ff915263","_id":"antd-form-mate@5.1.6","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-lmMXE6hbqdwkEImwPkPvwYjSxnI8A6EoeO9Sw4l8reCV7NQlHtIfulNK8QB1a/HLGKLKNgadQpBGXHNcCCUkhA==","shasum":"d10e49e644d1cf492585ada7b3ed8cc8610409f7","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.1.6.tgz","fileCount":33,"unpackedSize":78518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuVDqCRA9TVsSAnZWagAAQPUP/14COn0lB7aYThLIamro\nYqY7sSJsUGwOE6K9QRMu3eTLgF+uZ3HZ6cAciEwp2HvjxNTGB9u4jptfT2s+\nGQZUca6t5NxhvX4XOAuyqhFXJdOqXp3JTMFsXOm4Ra8VnGMQmhpKMMNLwLUv\n2GFHYb1lgSUJfKdOR+Sw4tm6DFgOyChnEgxmPuZmy7537KvlEO+cqQL13wI3\n2uJ353QdXr/OLidYLrch63khx64xyTdvsvlpgZkd7Ok+63Vc/pR0zpWX/kiO\n10fdoQrGftQNvlIcLH3oB56KIzxdSkgpDaiX5lVhj7ZLA5KdABMLUNt3O1iJ\nBXVfn5Re3FwNnORmaFOIWxyVrizRt+JiwjBkIM0cAKRVpHpkrRCqYdYw9rLs\nq+eHL4GDTMH3viQrVwLIG40gRuiIfaPgtZ5DYAoamMUDQKoZWPAUiY8ZsQcd\nAEAf5GkH1PP/9UyoGY4UnZPMpePcxATdFUDuIEmx3rX/8xTfLnJ6e0xjlFnb\nVYMPiSV1ptS2jEOsPLjFoGGRpZegw5xTafyqwobMKG1Vr9zc6Qz8zjvWlV/8\nMArvM3RGuumrU38NEFT9P0de87vfFCY8QEYBqpN4vWrOq8GcqZASteK1nMvL\n82z3cVa94R0ix5lazyu9Rw2NVhf81486o5nTAxc34nrc1+J6AHnkdHpiDuaE\nevBE\r\n=cQKY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgRM1ZrAPhaCWDJOIkSRBENMfpZ7Lu0QNSFGP72B09gAIgPKd7wKe9/GU4cL99hx8swNsFbCMQICFM9dZnpB13BaU="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.1.6_1589203178018_0.4578511698212129"},"_hasShrinkwrap":false},"5.2.0":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.2.0","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"c53f371f4864828fc54450b253532db77f4bf87c","_id":"antd-form-mate@5.2.0","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-UilZ2SJzHRqXpAmThBpUM6T+Z+urt4xglKz4/atDdOUwL6X8A7asexAtTZ8c12NrFZHdAbslxZQC+UC2nFJYjw==","shasum":"ee77edfa9bdd4cf5e0b0a52fbd52952ef81c623f","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.2.0.tgz","fileCount":34,"unpackedSize":82085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevPGtCRA9TVsSAnZWagAAwd8P/RgfzIJis0XjrHOWbRw+\nKkSSTF1cmGZBTXbRiy7Gzx6NE2hsF/ppIA9Tk9OVl4D0wQw4BCUW5VyAQg97\nRh5K6/cjlJ6uWipODxxmCTEIFdY9oBjBpZruaLRpc6RuNpom4//WR7e9U5RG\nf/mZrQIlr5jbi5yyEZBHmcVOwANLMMbXuXahh2oe2LQALk2vCEHG0P5kiPK1\nq4X9PvkHC1PspwXKq9Scx7P43QZTNmt0pOZM83GYfwlvCBxJ1cUQapcoqKzz\n0QdvXuD/fRXR06jYQR7SSZT2RQdW9hudBpO+IT1FZ1oWAeEws3cbKDrJyPPu\nFdzfLD/KT9lMMGhlkikteGsy4Vp9t3503HAMLOsre0tTR7Hi+P9z6MUG+Q1d\nEK5E0PJ6VuD0YvXdNQ/YAd3hQ564MSm5cZ1rPy94QJELmpY6fx5yCVk3RIsb\n4/ScztDbkgSlBCusgKhwzVkfa2/0F2xdwxXcWwFQlKP/6srJOwKq5EmkTzar\nBRld5JQiZGnj293FpFvCFyRwAj4jxDd75KdLn9G3HCvVhtaQh8biC+MXp1vg\nE4dZGMNp6h1AYARAlLTYqFR/Y5nLKVX55I3NMhY6s/P2uZggIVQT/AzAEBxD\nAgbdQ6CtbYhdFOomnYx+QWxej3bnhhyGg0je53fAx690dhG7/pziI0AzROjE\nFgJz\r\n=d9bE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9Edul218Iovg+RdpWtbKkohYIXMCJ7l0VmpBKfam/1AIgGtWKWm9L+i1xjh5F7SsqVAZTN0OvrSECz+K57PJ5v/I="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.2.0_1589440941281_0.8203937269899846"},"_hasShrinkwrap":false},"5.2.1":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.2.1","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"7b70f1b4618a37fb9706e87e270459eb4aa11d8a","_id":"antd-form-mate@5.2.1","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-vhf1gFj9Q7lva1VwEoGydVt6yig2B2cgb4eOevKKJHIVUy1vu+yJrcJjv2et19uVO9sOaAP9/BjtKaZExq3kvg==","shasum":"f52e5cc4931c236c2c0569bf96ddfad9ad5340ad","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.2.1.tgz","fileCount":34,"unpackedSize":82359,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevPjjCRA9TVsSAnZWagAA/0oP/R0P66GDwhM4IbY2vidf\nuJVRFjkpsMzq9Pwwr+1j47eqlTbPGgB8TzMo+tEKWN5oER+vvdTIynv2zMgC\nhbZb0r80qVYOvyH6jCrhq4P4IOGxjnio75yeUtsr0O25hIW+/YNm0KQZeFBo\nzC6vW6kNeF2NBF9cPI0OGJM6SUiE4ze8+saxEuftSaKPqA9m/b47T4yrcdEr\n3yLI0ETsAV61TGBM41cIGVZqEZ81CGs9vVyieqrU9ECptc/pdGWZ/UTpqHF7\n+YDGud4Duc65nABRs0PdQBDfh12hUX7v5c/0Z1OVm2QEqEe2CER1On8B0wJ5\nqsDAN72DYUjTqJZX1WWIZAgaiPZ4NLEuW8tReMkHmtRtsR12VMkhSB7+rR1h\n2I4JnELKJMrB+vXl1BHMHfkEBt9X5pawGA7mSL7O3lPArgfCxJSfcU7CObaz\nwCtvIpqB8dXPZ/LdWv+lCx2O+R9zVddXMjMvqLunDjY5yQ1YZCWWppKUVNpw\nfx22wGUkzvuEiaq0Y+Xltg8UZvUIr3Kh7jVeOweVvmyTfWrDUmLgcHVZt2L9\nsSbEhnuh25Xu89hIua7rZPixxEwUATKxOPgRRhNKwAIBtx7CitvGHsuwqiWq\nrc306Uyj/82HF/mY0jMeQ2ZlJvwcTnvHxwDa8RwVa38g+O3GDPEjb1f923Ih\nnwK+\r\n=s8xo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIJpF2EBqF1PLcKe1sRS1WEasPIvTzA51HKEFaiNN/BgIhAODwCxg9PNEy5EKK3wqBsYKRwd1GWZOcC1IB++9gcQFc"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.2.1_1589442787285_0.9775899330499909"},"_hasShrinkwrap":false},"5.2.2":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.2.2","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"9418445d553316ed644d38fc604dbe7466e0362c","_id":"antd-form-mate@5.2.2","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-I9dtey0LeIODxZlZ215nArSDXEBAV0Sqqwx/Jcgrx1F0pzGdYlxpj571UGMSk5kl9z+0haOIfzjRWUFkDdWlXA==","shasum":"74a25911d4bf69391f40eb2ff2c7f098d0404d67","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.2.2.tgz","fileCount":36,"unpackedSize":85772,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJex4PbCRA9TVsSAnZWagAAm0oQAIXaLXCe0E0Zkg4ufltn\ny1WlI0t4vIoEFaaSJvONVoD5qUc1NjkNEgvorxvcFWeDY48CirMsFgzMbbxe\nTCSBO9psMxT8mizmbIeGHdhUg1Y3cswQnlkS727qQwm/3gl8LKzpUkYy8FQN\nmMoFocaY8bePxC8ff1PLKGtQva3+P2p/3pAGNpYh0pqasQrErKKNuiXQVn/Y\nNvC1jZXQ7cAKz7ACrAkNaDg7pen3ln6zN0irIGjD20LvnF+V5axcAYwr/r9L\naT+6B9mc2vHlgWcnEpeW40ctSr6AI1aG6v7KtS+Y4fbtG72nqpV5U6/9GI/T\nW3qi6Q4Rlu7s29hD4C5uVuoZImBUNT3N3jZ8a1LzcBJBaluuIfpdhRO4afsh\nuNIJN1FGSoZ8dWYWXHYBwDZuiU4W1Q6FIkSoKzoNojzVEmDAxWsN4smXLpCN\nlQiLV9z3s54R1TdOlVLTEtDbEVosLgnyY6looUjRQMs2xglf/F+ZCw6HfIzr\nUTvGVMf8gWWwo4SYiOwhG+VVy/EEGSjSyMRzOsGlhOTqrGcLOWfYKRBEty+r\nqH127bPwvrKxxFKgVY3xsJ4R5f5N3BCQB8DnEN8IivLINyMN5RCZAzTs9xbB\n3IQyS/7cuYg9O1wk8qh5LnJKqkNUrZehFmiyzaS12m2ND6F4zd+CCTpWvyx6\nSbl3\r\n=CyKx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvLePfiV14zF+zHoEn5LQvigrjr8CjcXgHhM2SrE/5qgIhAP23lNmxgcgVDm7eDnuELsuedtIttMC8lzAGQCfHR3m6"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.2.2_1590133723171_0.9036559112404168"},"_hasShrinkwrap":false},"5.2.3":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.2.3","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"3c8fb607324efafd61c546c14e04615437b36daf","_id":"antd-form-mate@5.2.3","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Eo8UaXfZDeApl4BfftzqwZN8K+dw8lB6vZ0gl4A7G6pe1ZP6suhx0yXp00YoZCEpOim/ix0RpaZel2Duw/oOfw==","shasum":"04d6e811b68aaa232e8afdde47b82ec41c9df75a","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.2.3.tgz","fileCount":36,"unpackedSize":86705,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1lwoCRA9TVsSAnZWagAAbA0P/20GxqGWfKO8TUU4TR/H\nEQF3VXJPmn8EUNlDdtTj4vjwlg0v3rPIgXjF7ECJV0orxlk2WJIbFPchgISn\nVCKyTQoLxjGCoFV+sUML9XbxoAcNcc7pHxl6Id/xVDv7EpBIqWH25cthyQck\nPV2LN1ChT/hy9etOKOsWKSbidgQq57uIRpvcSRBYgrsqteNIpdIu0K6BbCGk\nLKNxcUS8mOC/VsQqBDhzZiv79cteMY9RtCmErYY5u50gMDc2qP/uy5p22suU\nk6URl8GcIjNh0Aw+JLuWo7aUBvW+ogampuA74QV/jQcsPzD0M5CWAICMDJKg\n/3NfSa60zHj8OWfRaJes6X2YvzGJzmb8pQORs7BhZz7NrQ/JRF3lJvRAE88J\nXq1IdF81PVDCfe8lWmQ81VDEtSRc0Hg4+lIqhQp/v6CtEyFvpWXfyItKW9kl\nRqVB8EOTR4E1pFlmx6EPap0vPcwBCKB4oYjq23xSI8KcEVHliUiGlUI4KevS\nlG9TngVglrSEX3m4ZM2HKBfWQlFuT+5KM0uKQ0TxXipE1e5tjs+XuJqMeqSE\nJGSGGaBDyR17Tgw0PidmGObcXCPXwJ/kQEV/+8QjFAAYPaYtDZWt8owOzlg3\nwVdQRx1eyErNc67bTzdcJZGZat0P/BLUH5g8DDgL2Aswe59wRt4wAU5O37q+\nLCuG\r\n=l87M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjFuCv8+VLo+meNwaKm9kUnHr3sU4DJgnOCN2FIuGZngIgNeGTT+5E4I4Z4riJB+l1klNDBfLqNtwZ5BnsjxqdLqI="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.2.3_1591106599847_0.5026259354998268"},"_hasShrinkwrap":false},"5.2.4":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.2.4","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"6e974689fd7afd82a363b5d7279c559a4732669c","_id":"antd-form-mate@5.2.4","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-EkY//73T1jTBu5stTXFd5uI8U7H0/jMS7nYp1XQYAXPceNOoMc1ED7eQgWNhYDW3hJpINIy+KVD3BK5Fr2HiCw==","shasum":"08f31879eb1ea4c01bd93d8842abd766e2cde5f7","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.2.4.tgz","fileCount":36,"unpackedSize":86700,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7GkDCRA9TVsSAnZWagAASxkP/2uCKtKz4cUpd9WSsRUJ\ngbvRSS1QLOitnJmacXcRb1yEJtMF5criiwMYhSoNCe4KIjH44J4UX8wVN/yX\nlBcA+KPmPaa/JcXc1wc/FGWhkqZy8Ev1kxNy2MGTNYEjldRfRmiSevpMSBlQ\n3NghD9G5NX4UWtmXfwgJbt/LCtCu6D03X/tuRVMHF2bSlnnFOn1K8wVcQtWC\nWyse9rDEMywWF3dTE5CLJCU6ZlNJAifJRPouOKYeyECkmcBeckV6Dx8bF1C1\nPIzE/KuB8lnYlFKkLdm/bVmZ0aQHxXL07IBDTTwQobldhdOczOgcDPQE2pgT\nCtEmcz9ANVz6Y+DytqC7atUVtAHy0Zjnv51Q3NGdSR+na9NrBq1U5fVoDh04\nyeG9tnpg6FJpqHaxOwXb4ARRPgfMnORSkHuHmxWILYsvDBXrijVoQG0i283k\n3fZUvLyx7reRoRQGf8cWWF6NbY1Hns3jvbKp4hKaRbGn04+nVrQ3q/jfQBZB\n8XQvuC8WKrfl4TW6TyEpIKH4Yb/sKILfKRXe868mF6k3Rn0tuh6vnclVhOhY\nXF+f9EWBvbf1dRbz6fvs0bDyTFTqZfVOuZ0skuKRqxnIei0aKNBGRbU4MEN9\npXcawC10w6/DAcGsIkeJP4TYDKtmrzp0VFXco39leFjFdOMgksJrthxiNjEf\nhHQG\r\n=0xLx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEA4XLlYn1xbFPpFKm7H6aG/vJddMIfWzvQ1gArsXKeAIhAPaZMjsDiM/ohTPfZx/BozT3s95Enz3/kuBcHnckft+5"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.2.4_1592551682659_0.5307336573231374"},"_hasShrinkwrap":false},"5.2.5":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.2.5","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"5c2699386dd33952f52896805b1a328eb555d290","_id":"antd-form-mate@5.2.5","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-SN0gADq9048L6HH/kooWozUoqrCTO1nLnW8+ov+zHhE3C/0RJYLdxqFaoQ2mEMo0aHj+Qv+01/6ysdfdlPHyqw==","shasum":"53e58832d4641eea4aecd40f0f45aa503dce53f4","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.2.5.tgz","fileCount":36,"unpackedSize":86700,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7GtPCRA9TVsSAnZWagAAllAP/A+2ffSnzJkaQYNwe4r6\nF2hrPybmNenHzd3f50OdhZ8XAVBJd4xkQnvtkS5s5LZLKAh0lWZRvMiEvQnQ\n3Gifb0QKsmBA24o5p91xc6GCxswnw2Tx+EI+lmTcB0Bd4f7LaFsNUAKes6hp\n75KtgvGnGwTg6p+AZMvkKlQiDjwWiAYrYYPA4EVG0o+DQzYDcAuzRAYFsKst\nd9od7rKPQLnfasT2hzvC1yPP8rSNEsx8sI3Bps5srxIUWSjwzwNhl9LTN6ud\nrMp0ZWZB+2UTyhhd5u4a57nW7o87TW6gthZ7J2MQBOgqzMGGOIeq0C5V5XkK\npAzjivZ+Lig7wcFzF+/epQwuk/sBOCBMuARZJHqXRQN72/n77dILFLybj5LU\nHBr/1hp/WLTvQJ/s1XpNDdXVXlIECo8daLky6rrTtC3r7m4awbCIiwAAbzlI\n3W3GoYv6MJAhbIEPTGzpuaDx+SGB3vsVA6TIe3/+fE+vhnfuPVmSUSmMIOtb\nzpJpg0fNSSBcq1MD0EMkj0+L5ZXFKecr/SC5Bhj6kVklySPG4quA6g6cr/e6\nU7xEsxfK1SOInSCZTIGwxAXVnS4gpyISRXNGXDYffGm2tCc8ubXPqFVrxDsi\nSShHMVjNCyyF6ysMUr5lu+pLtEmqzwdukq/BUY31Cnjchp41ZrGSkWZ8NGUd\ns6z6\r\n=zbMX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDa328fD3acH7hELJMeCZlzd7bKspoLANspCxKMfcERiAIhAOhh4XtOG0TXqgoXwaamG16gfRn+QXbyAkuNU4P9GPpR"}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.2.5_1592552270619_0.5834989603721215"},"_hasShrinkwrap":false},"5.3.0":{"name":"antd-form-mate","description":"基于 ant design 的表单组件","version":"5.3.0","main":"./dist/index.js","dependencies":{"@ant-design/icons":"^4.0.2","antd":"^4.1.4","lodash":"^4.17.15","moment":"^2.24.0","react":"^16.8.6","react-viewer":"^3.2.1"},"scripts":{"start":"npm run storybook","build":"echo y | rm dist -fr && webpack","prepublishOnly":"npm run lint && npm run build","lint":"tslint --project tsconfig.json","storybook":"start-storybook -p 6006","build-storybook":"build-storybook -s public","release":"release-it --verbose","release-next":"release-it --npm.tag=next --verbose","publish-next":"npm publish --tag next"},"eslintConfig":{"extends":"react-app"},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/plugin-proposal-decorators":"^7.4.4","@storybook/addon-actions":"^5.1.10","@storybook/addon-info":"^5.1.10","@storybook/addon-links":"^5.1.10","@storybook/addons":"^5.1.10","@storybook/react":"^5.1.10","@types/jest":"^24.0.16","@types/lodash":"^4.14.139","@types/storybook__react":"^4.0.2","@typescript-eslint/eslint-plugin":"^2.5.0","@typescript-eslint/parser":"^2.5.0","babel-eslint":"^10.0.3","babel-loader":"^8.0.6","babel-plugin-import":"^1.12.0","css-loader":"^3.2.0","eslint":"^6.5.1","eslint-config-react-app":"^5.0.2","eslint-plugin-flowtype":"^3.13.0","eslint-plugin-import":"^2.18.2","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-react":"^7.16.0","eslint-plugin-react-hooks":"^1.7.0","jest":"^24.8.0","less":"^3.9.0","less-loader":"^5.0.0","react-docgen-typescript-loader":"^3.1.0","release-it":"^12.6.1","style-loader":"^0.23.1","terser-webpack-plugin":"^2.1.3","ts-import-plugin":"^1.6.1","ts-jest":"^24.0.2","ts-loader":"^6.0.4","tslint":"^5.20.1","typescript":"^3.7.5","webpack":"^4.39.1","webpack-cli":"^3.3.6","webpack-node-externals":"^1.7.2"},"keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"homepage":"https://github.com/zpr1g/antd-form-mate#readme","types":"./dist/index.d.ts","typings":"./dist/index.d.ts","author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"license":"MIT","gitHead":"215d546d8a4fb5d007d0441e632798b183c4da57","_id":"antd-form-mate@5.3.0","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-UZ1Tiu7y4vlvYRM7tDsqV2jbYjVwpfnzBRd6lVya4amxlHb9bkGPnOHX4TKyk3uaN/z7CbsM7u9MkNTOZd3+1A==","shasum":"a8ff3e01be2a650de91effa64d193ef83923a351","tarball":"https://registry.npmjs.org/antd-form-mate/-/antd-form-mate-5.3.0.tgz","fileCount":37,"unpackedSize":89403,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+t9XCRA9TVsSAnZWagAAhsgP/iiqGzWMeL+Bdgg4iaum\nyMBZzzAjwKa59+0bltoeycf7MUTayGCEfEtcd2TDSd117CNuo3cK3nepxIsG\nuomDuj5mIXu+5eGUDr0l/42syJFjv5Gq3SpHuhyo9j29D+G9F7XuOlQqSAHQ\nK1jrTdv2PJ1l0CeRfv2+PJW3l2FjiHhMtcPlg6AeVPqKc5Ubms4bOQIn5xdI\nef4cKTmVjQACWjsuAhDaE1G2+srqmDhBNv0NhOQFnScce67YvI3dIlWrlmfJ\nUnR5m/hBRfZIyGMTod8tXWJ5YAIWv9FXv9/dUGVM8GF7HEMFE6UcrgfY7D31\n6YqS6+I9TsSHTcDgPnnfbqeXHb5tPHr5y7DTcEnEOFAsGq/YivAU8Ck9MpkU\nuRaHovmKMeJbnTqogVbQn6oTHe+MmV4Jp4x1UpJAtbPCIAvwKF7EWwB6xdRr\n1YcNvKo6+MRRzbOLzR6IAHk/6VuW7MW/ET1xTsK9G/kTBko/slXnV84oIYyN\nEE0+pRIw4DVD2sXfROdmlFs67A/nQvkLwdFUtldAoCPpWJaRwjV9gIqTr2j9\ndivU78IvGa8s9pBiwYhGSYOkjLucSsBPaPmOw3aCVusUMsplkzxp202tbwUw\nbnwnB29ZV20YBGthJvQj8r3OIAi8V3QfYqF/kUcg5JZOg7hZsn+TkXDYhhK6\nubVZ\r\n=o6ED\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHe/APQUYdQ3hJdVVEKfy+dzG8q1/aehe4p8gjGa6Rq/AiEAgZZ9ULNfJn4Ey/p2+CSEteRQ84WXINxVlmpy3xRuMCs="}]},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"_npmUser":{"name":"theprimone","email":"yuns.xie@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/antd-form-mate_5.3.0_1593499478233_0.4902309922611032"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-05T01:48:57.807Z","0.1.0":"2019-08-05T01:48:57.928Z","modified":"2022-04-11T14:21:19.519Z","0.1.1":"2019-08-05T03:25:06.535Z","0.1.2":"2019-08-05T03:42:39.226Z","0.1.3":"2019-08-05T03:52:33.193Z","0.1.4":"2019-08-05T03:56:28.210Z","0.1.5":"2019-08-05T14:47:00.965Z","0.1.6":"2019-08-06T14:29:29.238Z","0.1.7":"2019-08-07T02:45:08.162Z","0.1.8":"2019-08-07T03:03:12.051Z","0.1.9":"2019-08-07T04:19:35.058Z","0.1.10":"2019-08-08T03:23:13.393Z","0.1.11":"2019-08-08T08:42:31.889Z","0.1.12":"2019-08-11T01:09:43.165Z","0.1.13":"2019-08-11T01:48:32.823Z","0.1.14":"2019-08-11T11:48:32.260Z","0.1.15":"2019-08-17T06:45:30.127Z","0.1.16":"2019-08-25T01:42:47.771Z","0.2.1":"2019-08-29T14:33:34.225Z","0.2.2":"2019-08-30T14:42:55.736Z","0.2.3":"2019-08-30T16:05:05.099Z","0.2.4":"2019-08-31T01:13:51.372Z","0.2.5":"2019-09-02T03:27:38.263Z","0.2.6":"2019-09-04T02:12:11.378Z","0.2.7":"2019-09-06T01:59:13.750Z","0.2.8":"2019-09-17T07:21:06.869Z","0.3.0":"2019-09-18T01:15:50.123Z","0.3.1":"2019-09-18T01:27:53.021Z","0.3.2":"2019-09-18T01:35:39.875Z","0.3.3":"2019-09-18T01:47:19.701Z","0.3.4":"2019-09-20T03:10:50.722Z","0.3.5":"2019-09-20T03:42:40.804Z","0.3.6":"2019-09-20T08:50:30.228Z","0.3.7":"2019-09-25T03:59:09.898Z","0.3.8":"2019-10-12T03:43:46.659Z","0.3.9":"2019-10-12T17:22:08.101Z","0.3.10":"2019-10-12T17:47:39.703Z","0.3.11":"2019-10-16T03:03:25.144Z","0.4.0":"2019-10-20T02:00:50.313Z","0.4.1":"2019-10-20T02:13:35.159Z","0.4.2":"2019-10-28T09:38:32.312Z","0.5.0":"2019-10-31T09:50:18.288Z","0.5.1":"2019-10-31T10:16:05.279Z","0.5.2":"2019-11-01T02:32:12.132Z","0.5.3":"2019-11-01T09:42:06.979Z","0.5.4":"2019-11-01T09:59:57.219Z","0.5.5":"2019-11-01T10:34:12.797Z","0.5.6":"2019-11-02T01:52:30.437Z","0.5.7":"2019-11-04T04:01:45.085Z","1.0.0":"2019-11-25T12:47:15.089Z","1.0.1":"2019-11-26T03:30:36.496Z","1.0.2":"2019-11-26T10:03:42.410Z","1.0.3":"2019-11-27T03:37:28.492Z","1.0.4":"2019-12-04T03:35:13.387Z","1.0.5":"2019-12-04T04:18:24.083Z","1.0.6":"2019-12-04T11:17:50.693Z","1.0.7":"2019-12-04T14:54:13.364Z","2.0.0":"2019-12-05T13:37:49.980Z","2.0.1":"2019-12-06T14:22:36.394Z","2.0.2":"2019-12-08T13:39:14.320Z","2.0.3":"2019-12-09T02:52:20.379Z","3.0.0":"2019-12-15T11:18:25.428Z","3.0.1":"2019-12-15T15:40:42.998Z","3.0.2":"2019-12-15T15:50:05.958Z","3.0.3":"2019-12-23T09:48:31.246Z","4.0.0-rc1":"2020-02-13T10:44:28.874Z","4.0.0-0":"2020-02-13T10:55:20.586Z","4.0.0-1":"2020-02-17T12:58:06.616Z","4.0.0-rc.1":"2020-02-17T13:12:00.310Z","4.0.0-rc.2":"2020-02-17T14:51:59.133Z","4.0.0-rc.3":"2020-02-19T05:12:35.914Z","4.0.0-rc.4":"2020-02-19T09:25:33.083Z","4.0.0-rc.5":"2020-02-19T09:37:24.251Z","3.0.4":"2020-02-19T09:40:18.586Z","4.0.0-rc.6":"2020-02-25T02:37:21.116Z","4.0.0-rc.7":"2020-02-25T03:04:06.372Z","3.0.5":"2020-02-25T03:06:45.135Z","3.0.6":"2020-02-25T03:11:56.121Z","4.0.0-rc.8":"2020-02-25T08:39:56.405Z","4.0.0":"2020-03-04T08:20:19.991Z","4.1.0":"2020-03-05T08:31:41.809Z","4.1.1":"2020-03-05T09:29:06.436Z","4.1.2":"2020-03-05T10:38:04.683Z","4.1.3":"2020-03-10T02:50:56.477Z","4.1.4":"2020-03-10T03:00:28.146Z","4.1.5":"2020-03-10T03:12:36.658Z","4.2.0":"2020-03-10T08:39:16.746Z","5.0.0-rc.1":"2020-04-07T14:28:13.173Z","5.0.0-rc.2":"2020-04-08T03:39:28.310Z","5.0.0-rc.3":"2020-04-08T08:12:03.176Z","5.0.0-rc.4":"2020-04-08T08:39:28.090Z","5.0.0-rc.5":"2020-04-16T15:25:07.740Z","5.0.0-rc.6":"2020-04-17T01:47:18.594Z","5.0.0-rc.7":"2020-04-22T08:13:54.479Z","5.0.0-rc.8":"2020-04-23T09:43:09.428Z","5.0.0-rc.9":"2020-04-23T11:04:59.666Z","5.0.0":"2020-04-23T14:07:40.186Z","5.0.1":"2020-04-26T08:33:36.265Z","5.0.2":"2020-04-26T09:58:19.307Z","5.0.3":"2020-04-27T02:46:49.150Z","5.0.4":"2020-04-27T03:15:01.694Z","5.1.0":"2020-04-29T10:00:27.431Z","5.1.1":"2020-04-29T10:17:09.314Z","5.1.2":"2020-05-07T07:02:31.379Z","5.1.3":"2020-05-07T10:12:05.071Z","5.1.4":"2020-05-07T15:30:05.311Z","5.1.5":"2020-05-08T08:45:55.807Z","5.1.6":"2020-05-11T13:19:38.140Z","5.2.0":"2020-05-14T07:22:21.442Z","5.2.1":"2020-05-14T07:53:07.403Z","5.2.2":"2020-05-22T07:48:43.324Z","5.2.3":"2020-06-02T14:03:20.019Z","5.2.4":"2020-06-19T07:28:02.799Z","5.2.5":"2020-06-19T07:37:50.902Z","5.3.0":"2020-06-30T06:44:38.485Z"},"maintainers":[{"name":"theprimone","email":"yuns.xie@qq.com"}],"description":"基于 ant design 的表单组件","homepage":"https://github.com/zpr1g/antd-form-mate#readme","keywords":["antd","form"],"repository":{"type":"git","url":"git+https://github.com/zpr1g/antd-form-mate.git"},"author":{"name":"zpr1g","email":"yuns.xie@qq.com","url":"https://theprimone.top/"},"bugs":{"url":"https://github.com/zpr1g/antd-form-mate/issues"},"license":"MIT","readme":"antd-form-mate
\n\n\n\n基于 ant design 的表单组件，配置化实现表单功能。\n\n[](https://github.com/zpr1g/antd-form-mate/blob/master/LICENSE)\n[](https://www.npmjs.com/package/antd-form-mate)\n[](https://github.com/zpr1g/antd-form-mate/stargazers)\n[](https://github.com/zpr1g/antd-form-mate/issues)\n[](https://github.com/zpr1g/antd-form-mate/commits/master)\n\n
\n\n\n\n**[在线预览 ->](http://zpr1g.github.io/antd-form-mate)**\n\n## 安装\n\n```shell\nnpm i -S antd-form-mate\n```\n\n## 开发\n\n基于 [Storybook](https://storybook.js.org/docs/guides/guide-react/) 开发调试。\n\n```shell\n$ git clone https://github.com/zpr1g/antd-form-mate.git\n$ cd antd-form-mate\n$ npm install\n$ npm start\n```\n\n## 使用\n\n### 内建类型\n\n| | 类型 | 备注 |\n| --- | ---------------- | --------------------------------------------- |\n| 1 | `custom` | 自定义组件类型，通过 `component` 属性传入组件 |\n| 2 | `date` | |\n| 3 | `time` | |\n| 4 | `datetime` | |\n| 5 | `date-range` | 日期范围 |\n| 6 | `time-range` | 时间范围 |\n| 7 | `datetime-range` | 日期时间范围 |\n| 8 | `number` | |\n| 9 | `select` | |\n| 10 | `textarea` | |\n| 11 | `password` | |\n| 12 | `picture` | 内置预览组件 |\n| 13 | `switch` | |\n| 14 | `slider` | 滑动输入 |\n| 15 | `file-dragger` | 可拖拽文件上传 |\n| 16 | `string` | **默认类型** |\n| 17 | `check-group` | 多选框 |\n| 18 | `radio-group` | 单选框 |\n| 19 | `number-range` | 数字区间, `{ min?: number, max?: number }` |\n| 20 | `cascader` | 级联选择 |\n\n除此之外，可通过 [`registerComponent`](/src/index.ts#L11) 方法注册组件实现类型扩展或重写除 `custom` 类型外的组件。\n\n内部组件除了 `switch` 和 `custom` 外，默认宽度均为 `100%` 。\n\n### 新增功能\n\n- 日期相关\n - `disabledPastDays` - 禁用过去的日期，包含今天\n - `disabledFutureDays` - 禁用未来的日期\n- `select`\n - `onReload` - 配置后可渲染一个后置的刷新按钮\n - `addonAfter` - 自定义后置标签\n- 文件相关\n - `filesCountLimit` - 上传文件个数限制\n - `fileSizeLimit` - 上传文件大小限制\n - `dimensionLimit` - 上传图片时，分辨率限制\n - `checkImage` - 额外判断图片上传的限制，返回错误提示\n- `check-group` 、`radio-group`\n - `cols` 可配置分为几列渲染\n\n关于文件上传的函数 `uploadFn` ，可统一配置，也可对 `file-dragger` 和 `picture` 单独配置。内部默认转换成 base64 字符串。配置后则通过接口上传，成功直接返回图片链接即可，否者返回 falsy 值即可。此外，内部默认截取以 `/` 分割链接后最后一个元素为文件名，当类型为 `picture` 时，几乎无影响（不会显示展示）。如果为 `file-dragger` 时，由于需要显示展示，故可能截取的文件名不合适，可通过 `postInitialValues` 修改。另，由于现在内部只在初始值时自动格式化值的类型，故当通过 `formMate` 设值时，切记需要转换值类型。\n\n### API\n\n#### `FormMate` 表单容器\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------- | ------ |\n| `renderChildren` | 自定义 `children` 渲染 | `(children: React.ReactNode) => React.ReactNode` | - |\n| `renderItem` | 自定义每个子项的渲染 | `(item: React.ReactNode, name: string \\| null, index?: number) => React.ReactNode` | - |\n| `postInitialValues` | 对于内部已经处理过的初始值再次处理 | `Function` | - |\n| `grid` | 由于通过 `flex` 布局输入项较为常见，故集成了该配置 | [`Grid`](/src/interfaces.ts#L86) | - |\n| `formMate` | 继承自 `Form` 组件的 `form` 属性，用于管理表单初始值 | [`FormMateInstance`](/src/interfaces.ts#L104) | - |\n| `type` | 统一设置表单中的所有类型 | [`ComponentType`](/src/interfaces.ts#L23) | - |\n| `plainRender` | 自定义 `plain` 类型的渲染函数 | [`Function`](/src/interfaces.ts#121) | - |\n\n##### 关于 `initialValues`\n\n为了简化使用，`FormMate` 组件会在内部统一转换 `initialValues` 且可**初始值可重写**，方便在实际业务场景中的使用和处理，故输入项（ `FormMate.Item` 和 `FormMate.Dynamic` ）必须作为 `FormMate` 组件的直接子组件，不能被其他组件包裹，这样才能让 `FormMate` 组件内部正确转换相关初始值。\n\n1. 直接在 `FormMate` 配置 `initialValues` ，此法需自己转换相应的值类型。由于如果要实现法二的效果，还需要保存初始值的前一个状态并做深比较，私以为过于冗余了，故保留为 `Form` 组件原始的 API 。\n2. [推荐]通过 `formMate` 配置 `initialValues` 。可参考[示例用法](/stories/MultiForm/index.tsx#L29)。这样就可以异步设置初始值了，如果需要重置表单，通过 `formMate` 调用 `resetFieldsValue()` 即可。此外，该方案还可以反复擦写初始值。\n\n##### `type` 与 `plainRender`\n\n配置 `type` 为 `'plain'` ，即可实现**详情展示**的功能，内部已初始化一个默认的对于不同类型渲染函数 [`defaultPlainRender`](/src/utils/plainRender.tsx#29) ，当然也可以通过 `plainRender` 属性重写默认的渲染函数。\n\n#### `FormMate.Item` 表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ---------------- | ------------------------------------- | ------------------------------------------------------------------ | -------- |\n| `type` | 上述类型 | [`ComponentType`](/src/interfaces.ts#L23) | `string` |\n| `name` | 字段名 | [`NamePath`](https://next.ant.design/components/form-cn/#NamePath) | - |\n| `dense` | 使得 Form.Item 的 `marginBottom` 为 0 | `boolean` | `false` |\n| `componentProps` | 额外的输入组件属性 | [`ComponentProps`](/src/interfaces.ts#L47) | - |\n\n其他属性可参考 [`Form.Item`](https://ant.design/components/form-cn/#Form.Item) 组件属性，特别的 `children` 属性仅当类型为 `custom` 时可用。\n\n#### `FormMate.Dynamic` 动态表单项\n\n| 参数 | 说明 | 类型 | 默认值 |\n| -------- | ------------ | ------------------------------------------------------ | ------ |\n| `render` | 判断是否渲染 | `(form: FormInstance) => boolean \\| null \\| undefined` | - |\n\n其他属性可参考 [`FormMate.Item`](#FormMate.Item-表单项) 组件属性，可配置 `children` 。\n\n#### `ConfigProvider` 全局默认配置\n\n参考[类型定义](/src/contexts/ConfigContext/index.tsx#L15)即可\n\n#### 其他\n\n内部使用的[部分组件和函数](/src/index.ts)已导出。\n\n未尽事宜，可参考 [index.stories.tsx](/stories/index.stories.tsx) 。\n\n### 基础用法\n\n```tsx\nimport * as React from 'react';\nimport { Button } from 'antd';\nimport FormMate from 'antd-form-mate';\n\nconst BasicForm: React.FC = (props) => {\n const handleFinish = (values) => {\n console.log('Received values of form: ', values);\n };\n\n const handleFinishFailed = (errors) => {\n console.log('Errors:', errors);\n };\n\n return (\n \n \n {\n return getFieldValue('name') === 'form';\n }}\n />\n \n \n \n \n );\n};\n\nexport default BasicForm;\n```\n\n## 模块化\n\n### 注册新组件\n\n可参考 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location/blob/master/stories/components/FormMateItem/index.tsx#L8) - 高德地图地理位置录入组件的注册使用。\n\n### 扩展\n\n将基于本组件实现新功能的模块称为扩展。\n\n| | 仓库 | 说明 |\n| --- | --------------------------------------------------------------------------- | ---------- |\n| 1 | [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) | 可编辑表格 |\n\n## To Do\n\n- [x] [antd-form-mate-v4](https://github.com/zpr1g/antd-form-mate/projects/1)\n- [x] [antd-form-mate-v5](https://github.com/zpr1g/antd-form-mate/projects/2)\n\n## 升级\n\n### 从 v4 到 v5\n\n表单组件升级到 antd 4.0 后，由于 `initialValues` 提升到 `Form` 组件中统一配置，且由于之前组件并没有对 `Form` 组件进行封装，导致了一些使用上的不便，故再次重构，旨在让整个组件的结构和使用更优雅。下面总结 v4 到 v5 的变更：\n\n1. 文件结构调整，使其更清晰合理\n2. 基于 `Form` 封装 `FormMate` 组件\n3. 在 `FormMate` 中处理表单初始值，[统一字段值类型](./src/utils/setValue.ts#L8)\n\n - `switch` -> `boolean`\n - `date` 相关 -> `Moment`\n - 文件相关 -> `UploadFile[]` ，内部默认使用以 `/` 分割后的 url 数组的最后一个字符串作为文件名称\n - 特别的，如果像文件相关的内部字段转换不满足实际需求，可通过 `postInitialValues()` 属性对内部转换的结果再次进行处理\n\n4. 重构表单项创建方式，使用 `FormMate.Item` 和 `FormMate.Dynamic` 组件创建\n5. 移除不必要的默认配置，如 `defaultItemLayout` 等，完全可以在实际场景中二次封装即可\n\n### 从 v3 到 v4\n\n根据官方的表单升级说明——[从 v3 到 v4](https://next.ant.design/components/form/v3-cn)，也对本组件进行了相应的重构，v3 版本时，可不使用 `Form` 组件包裹生成的表单项，新版本充分利用了 `Form` 组件管理数据。下面总结几点本组件从 v3 到 v4 的注意事项：\n\n1. 移除 `hidden` 类型，新版表单组件通过 `initialValues` 统一配置初始值，当需要隐藏类型的字段时，直接添加到 `initialValues` 即可。\n2. 新增 `dynamic` 类型，可根据条件动态渲染某个字段。结合 `generateFn` 属性，可以快速实现本组件支持的其他类型组件的动态渲染。具体可参考 [`stories/BasicForm/index.tsx`](/stories/BasicForm/index.tsx#L253) 。\n3. 移除 `afmLocale` 属性，通过 `IntlProvider` 配置国际化。\n4. 移除扩展 `DatePicker` 中的 `onlyAfterToday` 和 `todayAndBefore` 属性，使用 `disabledPastDays` 和 `disabledFutureDays` 代替。\n5. 重命名 `pictureFormateLimit` 属性为 `pictureAccept` ，并将默认值设为 `'image/*'` 。\n6. 移除默认文件大小为 500M 的限制。\n7. 修正笔误，配置全局属性中的 `commen` 改为 `common`\n8. 移除默认的 `extra` 属性：\n\n```js\nexport const defaultExtra = {\n picture: '请上传图片',\n};\n```\n\n9. 新增 `registerComponent` 功能，可通过注册组件实现类型扩展或重写已有类型的组件。此外通过这种方式将 `location` 类型组件剥离到 [antd-form-mate-location](https://github.com/zpr1g/antd-form-mate-location) ，可单独安装使用。\n10. 新增 `withCol` 属性，可直接让每个组件被 `Col` 组件包裹。特别的，当同时使用了 `withCol` 功能 、 `dynamic` 类型和 `component` 字段时，切记返回组件时一定要使用 `Col` 组件包裹，因此，该场景下尽可能的使用 `generateFn` 即可避免这样繁琐的问题（如果内建组件没有需要的组件，可以试试 `registerComponent` ）。之所以这样是由于该函数由 `Form` 组件去执行，当主动去调用时，`form` 的实例还没与 `Form` 绑定，会报警告：\n\n```\nWarning: Instance created by `useForm` is not connect to any Form element. Forget to pass `form` prop?\n```\n\n11. 移除上传组件的 `countLimitHint` ，`sizeLimitHint` 和 `imageLimitHint` ，使用国际化的 `hint` 字段实现。\n12. 移除 `EditableTable` 组件和 `addDivider` 工具方法。剥离到 [antd-form-mate-editable](https://github.com/zpr1g/antd-form-mate-editable) ，单独安装使用。\n13. 替换 `select` ， `check-group` 和 `radio-group` 中选项的 `text` 字段，使用默认的 `label` 字段。\n","readmeFilename":"README.md"}