{"_id":"@667/vue-json-ui-editor","_rev":"1-eaaec574f961023f993fe96119fe71db","name":"@667/vue-json-ui-editor","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@667/vue-json-ui-editor","version":"1.0.0","description":"Edit JSON in UI form with JSON Schema and Vue.js","author":{"name":"YourtionGuo","email":"yourtion@gmail.com"},"scripts":{"test":"npm run lint && jest --config test/jest.conf.js --coverage","dev":"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js","start":"npm run dev","lint":"eslint --ext .js,.vue src test example --fix","dist":"webpack --config build/webpack.dist.conf.js","distt":"npm test && webpack --config build/webpack.dist.conf.js && export TEST_LIB=true && jest --config test/jest.conf.js","webpack":"webpack --config build/webpack.dist.conf.js","prepublishOnlyy":"npm run dist && cat ./coverage/lcov.info | coveralls","docs":"vuedoc.md src/JsonEditor.vue","build":"node build/build.js"},"main":"lib/json-editor.min.js","repository":{"type":"git","url":"git+https://github.com/yourtion/vue-json-ui-editor.git"},"keywords":["json","schema","json-schema","vue-editor","vue","vue-json-schema","vue-json-editor","json-ui-schema","json-editor"],"license":"MIT","bugs":{"url":"https://github.com/yourtion/vue-json-ui-editor/issues"},"homepage":"https://github.com/yourtion/vue-json-ui-editor#readme","peerDependencies":{"vue":"*"},"devDependencies":{"@vue/server-test-utils":"^1.0.0-beta.26","@vue/test-utils":"^1.0.0-beta.18","@vuedoc/md":"^1.5.0","autoprefixer":"^8.5.2","babel-core":"^6.22.1","babel-eslint":"^8.2.6","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^25.1.0","babel-loader":"^7.1.5","babel-plugin-dynamic-import-node":"^1.2.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.0","babel-plugin-transform-runtime":"^6.22.0","babel-plugin-transform-vue-jsx":"^3.5.0","babel-preset-env":"^1.3.2","babel-preset-stage-2":"^6.22.0","chalk":"^2.3.2","copy-webpack-plugin":"^5.1.1","coveralls":"^3.0.2","css-loader":"^3.4.2","element-ui":"^2.4.11","eslint":"^5.9.0","eslint-config-guo":"^0.8.0","eslint-friendly-formatter":"^4.0.1","eslint-loader":"^2.0.0","eslint-plugin-html":"^4.0.6","eslint-plugin-vue":"^5.0.0","file-loader":"^3.0.0","friendly-errors-webpack-plugin":"^1.6.1","html-webpack-plugin":"^3.2.0","jest":"^25.1.0","jest-serializer-vue":"^2.0.0","mini-css-extract-plugin":"^0.9.0","node-notifier":"^5.1.2","optimize-css-assets-webpack-plugin":"^5.0.3","ora":"^2.1.0","portfinder":"^1.0.13","postcss-import":"^11.0.0","postcss-loader":"^2.0.8","postcss-url":"^7.2.1","rimraf":"^2.6.0","semver":"^5.3.0","shelljs":"^0.7.6","uglifyjs-webpack-plugin":"^1.3.0","url-loader":"^3.0.0","vue":"^2.5.17","vue-jest":"^3.0.1","vue-loader":"^14.2.4","vue-server-renderer":"^2.5.17","vue-style-loader":"^3.0.1","vue-template-compiler":"^2.5.17","webpack":"^4.28.0","webpack-bundle-analyzer":"^3.6.0","webpack-cli":"^3.3.10","webpack-dev-server":"^2.9.1","webpack-merge":"^4.1.4"},"engines":{"node":">= 6.0.0","npm":">= 3.0.0"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"dependencies":{"extract-text-webpack-plugin":"^4.0.0-beta.0"},"gitHead":"956d49000026844ed98313d87235244af7646c43","_id":"@667/vue-json-ui-editor@1.0.0","_nodeVersion":"12.13.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-L7oYqaMIcInXFRY+m+xCekpvBfCiyb24lsUH9EBJSO8RZEf2VkhJAdWVA1Ftq5uwZgrRmAa1s0kXNv+D+Ffadg==","shasum":"0546c92b98dd53f5f750d7dd207e9a9acad9b123","tarball":"https://registry.npmjs.org/@667/vue-json-ui-editor/-/vue-json-ui-editor-1.0.0.tgz","fileCount":5,"unpackedSize":177877,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNHIuCRA9TVsSAnZWagAAJ+EQAJGJ+wviKQ6U6mvSjQDH\nRkyb1yTVNpl9St7UU9fcnQCJNaFf8fyGlsyzor2rUpr+MTk3u3mKmLNj4AaJ\nYs9/iInJbKlUay4oD+orfNtMdrQYLsilF3qU37KfztJdqwqev8cV3Nx14I16\n3AjWyecOur6CQnL1O2rsYN9vYY9Xg8URYY+Es9gqNLqxd/8icIX3i4Pb3Vzs\nVq2a1ZRK1L2yaEYjQ+t2Fx8jW1S0Qtlp4qJXF4ysCzCIyOdXrwIgbUn/k+oW\n0lL/Xr3hL7itzMR+AwCDJ+WAGxm/jD5PFVChzumkT4EeB4RFDPd3vZfNyJOk\nCpVYeauf+8UQVEGTZyXGz/39DljC6Q/EWmDl9lfBw8abJZJkULWDBYUTYZQO\nOemRvH25bh+TG24rAyka+5SOjrTvV1ScbUAoLin7il9a5U63qnmSjX9NSdKb\nonzK2u9/ICmVs2eE/VLo3XVc2R7m4AkhCTiMuCD1OZJ0i+j/3TDZZQ2WOeDL\nwl6HzfM3jCFuWJJ582CdIPgZ3j33LRLWtlbVAlO6mX3mwEDQuPAvztFEfYPv\nvr5DJ5auCILklXJdrSk6KHbxZBwd3CvEH9I0fvr/MaDyCMOBG/OB463lq1YA\nCOh9jOHAHEu5eh5WnrGbrHyYfXMffplo86l8DdiNoIYNNnembqxszYVu/cFO\ngb5M\r\n=S7SN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEkSky9jE5uV3c68Mjl0KuvTVj6FcBuW9sYZEJUiMMTHAiAzBpPML1ArDmxwBImisYsHKH2hf1zoMtUr76hSZfUiHA=="}]},"maintainers":[{"name":"667","email":"667@june07.com"}],"_npmUser":{"name":"667","email":"667@june07.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-json-ui-editor_1.0.0_1580495405536_0.06306125007505803"},"_hasShrinkwrap":false}},"time":{"created":"2020-01-31T18:30:05.511Z","1.0.0":"2020-01-31T18:30:05.696Z","modified":"2022-04-04T10:48:50.308Z"},"maintainers":[{"name":"667","email":"667@june07.com"}],"description":"Edit JSON in UI form with JSON Schema and Vue.js","homepage":"https://github.com/yourtion/vue-json-ui-editor#readme","keywords":["json","schema","json-schema","vue-editor","vue","vue-json-schema","vue-json-editor","json-ui-schema","json-editor"],"repository":{"type":"git","url":"git+https://github.com/yourtion/vue-json-ui-editor.git"},"author":{"name":"YourtionGuo","email":"yourtion@gmail.com"},"bugs":{"url":"https://github.com/yourtion/vue-json-ui-editor/issues"},"license":"MIT","readme":"[![NPM version][npm-image]][npm-url]\n[![build status][travis-image]][travis-url]\n[![Test coverage][coveralls-image]][coveralls-url]\n[![David deps][david-image]][david-url]\n[![npm download][download-image]][download-url]\n[![npm license][license-image]][download-url]\n\n[npm-image]: https://img.shields.io/npm/v/vue-json-ui-editor.svg?style=flat-square\n[npm-url]: https://npmjs.org/package/vue-json-ui-editor\n[travis-image]: https://img.shields.io/travis/yourtion/vue-json-ui-editor.svg?style=flat-square\n[travis-url]: https://travis-ci.org/yourtion/vue-json-ui-editor\n[coveralls-image]: https://img.shields.io/coveralls/yourtion/vue-json-ui-editor.svg?style=flat-square\n[coveralls-url]: https://coveralls.io/r/yourtion/vue-json-ui-editor?branch=master\n[david-image]: https://img.shields.io/david/yourtion/vue-json-ui-editor.svg?style=flat-square\n[david-url]: https://david-dm.org/yourtion/vue-json-ui-editor\n[download-image]: https://img.shields.io/npm/dm/vue-json-ui-editor.svg?style=flat-square\n[download-url]: https://npmjs.org/package/vue-json-ui-editor\n[license-image]: https://img.shields.io/npm/l/vue-json-ui-editor.svg\n\n# json-editor\n\n[![Greenkeeper badge](https://badges.greenkeeper.io/yourtion/vue-json-ui-editor.svg)](https://greenkeeper.io/)\n[![DeepScan grade](https://deepscan.io/api/teams/2046/projects/2774/branches/19927/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=2046&pid=2774&bid=19927)\n\nEdit JSON in UI form with JSON Schema and Vue.js `<json-editor>` component.\n\n![ScreenShot](screenshot.jpg)\n\n## Install\n\n```bash\nnpm install vue-json-ui-editor --save\n```\n\n## Use\n\n```Vue\n<template>\n<json-editor ref=\"JsonEditor\" :schema=\"schema\" v-model=\"model\">\n    <button @click=\"submit\">submit</button>\n    <button @click=\"reset\">Reset</button>\n</json-editor>\n</template>\n\n<script>\nconst SCHEMA = {\n  type: 'object',\n  title: 'vue-json-editor demo',\n  properties: {\n    name: {\n      type: 'string',\n    },\n    email: {\n      type: 'string',\n    },\n  },\n};\n// import vue-json-ui-editor\nimport JsonEditor from 'vue-json-ui-editor';\nexport default {\n  components: { JsonEditor },\n  data: () => ({\n    // init json schma file ( require('@/schema/newsletter') )\n    schema: SCHEMA,\n    // data\n    model: {\n      name: 'Yourtion',\n    },\n  }),\n\n  methods: {\n    submit(_e) {\n      alert(JSON.stringify(this.model));\n    },\n    reset() {\n      this.$refs.JsonEditor.reset();\n    },\n  },\n};\n</script>\n```\n\nMore info on: [Example-Subscription](example/components/Subscription.vue)\nSchema: [newsletter.json](example/schema/newsletter.json)\n\n## props\n\n- `schema` ***Object*** (*required*)\nThe JSON Schema object. Use the `v-if` directive to load asynchronous schema.\n\n- `v-model` ***Object*** (*optional*) `default: [object Object]`\nUse this directive to create two-way data bindings with the component. It automatically picks the correct way to update the element based on the input type.\n\n- `auto-complete` ***String*** (*optional*)\nThis property indicates whether the value of the control can be automatically completed by the browser. Possible values are: `off` and `on`.\n\n- `no-validate` ***Boolean*** (*optional*)\nThis Boolean attribute indicates that the form is not to be validated when submitted.\n\n- `input-wrapping-class` ***String*** (*optional*)\nDefine the inputs wrapping class. Leave `undefined` to disable input wrapping.\n\n## data\n\n- `default`\n *initial value:* `[object Object]`\n\n- `fields`\n *initial value:* `[object Object]`\n\n- `error`\n *initial value:* `null`\n\n- `data`\n *initial value:* `[object Object]`\n\n## events\n\n- `input` Fired synchronously when the value of an element is changed.\n\n- `change` Fired when a change to the element's value is committed by the user.\n\n- `invalid` Fired when a submittable element has been checked and doesn't satisfy its constraints. The validity of submittable elements is checked before submitting their owner form, or after the `checkValidity()` of the element or its owner form is called.\n\n- `submit` Fired when a form is submitted\n\n## methods\n\n- `input(name)`\nGet a form input reference\n\n- `form()`\nGet the form reference\n\n- `checkValidity()`\nChecks whether the form has any constraints and whether it satisfies them. If the form fails its constraints, the browser fires a cancelable `invalid` event at the element, and then returns false.\n\n- `reset()`\nReset the value of all elements of the parent form.\n\n- `submit(event)`\nSend the content of the form to the server\n\n- `setErrorMessage(message)`\nSet a message error.\n\n- `clearErrorMessage()`\nclear the message error.\n","readmeFilename":"README.md"}