{"_id":"@dq-antd/dq-form","_rev":"2-b2ea4a1ba45425becca90bfb85659e86","name":"@dq-antd/dq-form","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@dq-antd/dq-form","version":"1.0.0","description":"react component dq-form","author":{"name":"banruo"},"license":"MIT","private":false,"scripts":{"lib":"rm -rf dist && webpack --config ./webpack.lib.js","lib2":"rm -rf dist && webpack --config ./webpack.lib2.js","dev":"webpack serve --inline --config ./webpack.config.js","es":"yarn run clean && babel src --out-dir es --copy-files","clean":"rm -rf lib && mkdir es"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"keywords":["react","react-component","dq-form"],"main":"dist/index.js","module":"lib/index.js","devDependencies":{"@babel/cli":"^7.13.10","@babel/core":"^7.13.10","@babel/plugin-proposal-class-properties":"^7.13.0","@babel/preset-env":"^7.13.10","@babel/preset-react":"^7.12.13","@hot-loader/react-dom":"^17.0.1","antd":"^4.16.3","autoprefixer":"^9.8.5","babel-loader":"^8.2.2","babel-plugin-import":"^1.13.3","copy-webpack-plugin":"^8.1.0","css-loader":"^5.1.3","css-minimizer-webpack-plugin":"^1.3.0","file-loader":"^6.2.0","html-webpack-plugin":"^5.3.1","mini-css-extract-plugin":"^1.3.9","mocker-api":"^2.9.0","mockjs":"^1.1.0","moment":"^2.29.1","node-sass":"^5.0.0","postcss-loader":"^5.2.0","prettier":"^2.2.1","prop-types":"^15.7.2","react":"^16.8.0","react-custom-scroll":"^4.2.2","react-dom":"^16.8.0","react-hot-loader":"^4.13.0","react-router-dom":"^5.2.0","sass-loader":"^11.0.1","style-loader":"^2.0.0","terser-webpack-plugin":"^5.1.1","url-loader":"^4.1.1","webpack":"^5.27.1","webpack-bundle-analyzer":"^4.4.0","webpack-cli":"^4.5.0","webpack-dev-server":"^3.11.2"},"dependencies":{"axios":"^0.21.1","lodash-es":"^4.17.21","mobx":"^6.1.8","mobx-react":"^7.1.0","react-color":"^2.19.3","react-resizable":"^3.0.4","react-sortablejs":"^6.0.0","sortablejs":"^1.13.0"},"publishConfig":{"access":"public"},"gitHead":"f1157f7eb8e185705435edb261e0bb3498ec06cc","_id":"@dq-antd/dq-form@1.0.0","_nodeVersion":"10.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-JCqUY8AxwXFZwSKRFCM9uIQWi3LcAX9jgTt9rleSVMWiiuKpphpxDb2qDX6microO3Db1wRuLUjMa+ndh/QSxQ==","shasum":"01ef8605fbe2ff3ed64d251d3e503602bacf289f","tarball":"https://registry.npmjs.org/@dq-antd/dq-form/-/dq-form-1.0.0.tgz","fileCount":6,"unpackedSize":972764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzzg6CRA9TVsSAnZWagAAkPwP/1OtR/kEl/gONm1w6TMN\noX7K03Bizh4OMlikl8ISVGDX9nDHUClWICEl8owmyK1lIeoSnvex26LAnSnG\nlOfv56GOxfQYTaddptSfqM8fyjmXODbnzHOGfmpvc8DuShIwwNahdyHCvBjt\nkpw2LprN0PpgjMwnJstLZMS5gMd5OJEAiQ6NITZbsuEDcL2t77Grfnw+FqXI\n3do8MME239aScZTW1IzESIVpJ3V3HgwPZBl6ADpzMY3JP4bqAs3xAOWOUs78\n8/mS+fm6VHdFQ1W1IgwX/3E2QghMyTizvaiqrPxMVS+qdAqTfzA6t86C9u26\nxVIEO5A/5hHqvYo37LcDIgJXDHcYyY89HQaYU+ZEg+sGsdU6ULeT6s7Fvzw+\nueF7C7VTwekGuRjsrngU03wS6m9Nl1g9145z43l9h2tOVhPMZi7Zmr6HayN4\nyDf0qKDJXsFrqTMAc2IWlIeEc1XadZY5Zm6XPcecCqtG1+k907HMrPcq2S40\n1d2AV7Te0GCM1A4QGTaLWt1f+NP0LhfeUJSM2rIF3i22hf4kDR+ytRV7eAs5\nCO//GG78zHcSUPdXuAaa6U5m/Jb8FIYVS1BRlZRNi33XOWGviDO6gBzmm6gi\nUaCaeEb+B1XbuirdMmkvtlfL0szyRveZaWCsfzi5trSlEE76pecLlQjVVxRg\nhIIU\r\n=mkEh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNEt7qfC7FbU+l0HvZCH+B8Zl+oXveqgymF8S9acdCoAIhAKJneJzo7fLwobhB+9IkA4lRR5cxWbxaun1MTSjcXkRf"}]},"_npmUser":{"name":"chudequan8","email":"chudequan1@gmail.com"},"directories":{},"maintainers":[{"name":"chudequan8","email":"chudequan1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dq-form_1.0.0_1632736373226_0.6121462903851183"},"_hasShrinkwrap":false}},"time":{"created":"2021-09-27T09:52:53.179Z","1.0.0":"2021-09-27T09:52:53.449Z","modified":"2022-04-05T05:34:04.233Z"},"maintainers":[{"name":"chudequan8","email":"chudequan1@gmail.com"}],"description":"react component dq-form","keywords":["react","react-component","dq-form"],"author":{"name":"banruo"},"license":"MIT","readme":"### dq-form\n\n`dq-form` is a flexible form library. it's can drag exist plugins to generate form~\n\ndepend on `react`, `ant-design`\n\n#### Install\n\n```bash\nnpm install dq-form\n// OR\nyarn add dq-form\n```\n\n\n\n#### Other Externals Library\n\n```bash\nnpm install antd react react-dom\n// or\nyarn add antd react react-dom\n```\n\n\n\n#### UseAge\n```javascript\nimport Editor, {\n    Text,\n    Amount,\n    Number,\n    Mail,\n    MultipleChoice,\n    SingleChoice,\n    Area,\n    Autograph,\n    Certificates,\n    DateTime,\n    DateTimeRange,\n    File,\n    Level,\n    Phone,\n    Remark,\n    Preview,\n    PreviewForm\n} from 'dq-form'\nimport 'dq-form/dist/index.css'\n\nexport default class Demo extends React.Component {\n    // ....\n    render() {\n        return (\n        <div className={'demoEditor'}>\n            <Editor plugins={plugins}/>\n        </div>\n        )\n    }\n}\n\nReactDOM.render(\n    <React.StrictMode>\n        <Demo />\n    </React.StrictMode>,\n    document.getElementById('root')\n);\n```\n\n####  Init Form Data\n\n```react\n<Editor plugins={plugins} data={data}/>\n```\n\n#### Operation\n\n```react\nthis.editor = React.createRef()\n// getData\nthis.editor.current.getEditorJSON(true: (bool, is need verify),(obj) => {\n     console.log(obj)\n})\n\n<Editor plugins={plugins} ref={this.editor} data={data}/>\n```\n\n#### Preview Form\n```react\nthis.formRef = React.createRef()\n\nthis.formRef.current.validateFields()\n\t.then(res => console.log('formData', res))\n\n// this component only contain form\n<PreviewForm data={this.state.data} ref={this.formRef} plugins={plugins} width={600}/>\n//OR\n// this component will show original Form\n<Preview data={this.state.data} renderHeader={customHeader} defaultHeader={defaultHeaderIsNeedShow} ref={this.formRef} plugins={plugins} width={600}/>\n```\n\n\n\n\n##### Api\n\n| parameter | description                 | type          |\n| --------- | --------------------------- | ------------- |\n| plugins   | Form plugins, can operation | PluginsData[] |\n| data      | Init from data              | FormData      |\n\n##### FormData\n\n| key         | description      | type               |\n| ----------- | ---------------- | ------------------ |\n| name        | Form name        | string             |\n| description | form description | string             |\n| plugins     | pluginConfigData | pluginConfigData[] |\n\n##### pluginConfigData\n\n| key         | description        | type   |\n| ----------- | ------------------ | ------------------ |\n| id        | id          | number    |\n| layers | Layers   | LayersData[] |\n\n##### LayersData\n\n| key         | description        | type   |\n| ----------- | ------------------ | ------------------ |\n| id        | id          | number    |\n| type | type | string |\n| typeName | typeName | string |\n| name | form Item name eg: `{'name': 123}` | string |\n| description | description | string |\n| require | isrequire | boolean |\n| repeat | isrepeat | boolean |\n| colspan | width | number |\n| explain | explain | String |\n| more...|||\n\n\n\n##### PluginsData\n\n| key    | description      | type       |\n| ------ | ---------------- | ---------- |\n| type   | Form name        | string     |\n| info   | form description | Object     |\n| config | pluginConfigData | LayersData |\n| layer  | React Component  |            |\n| editor | React Component  |            |\n\n\n\n##### If Exist Plugin Can't Accord With Requirement, We can Import Custom Plugin。。。\n","readmeFilename":"README.md"}