Merge branch 'v3' of https://github.com/icebob/vue-form-generator into v3

* 'v3' of https://github.com/icebob/vue-form-generator:
  vue-generators#472 - fix `model-updated` event
  Code refactoring and fix codacity issues
  Alternative solution to expose embeded fields
  Fix fields exposition (temporary solution)
  Fix bug in IE11 and Edge
  Fix version number
  Fix URL, rename and move mixinsUtils.js, modify a comment
  Rework of formGenerator to use a component Allow HTML for label & hint
  Fixed vue-generators#380 - Added vue-multiselect noResult slot option
  Bumped [email protected] for Node 10 Compatibility
  add vfg-field-array into the readme
  Return entire VFG instance with validation event
  Include UID for emitted form validation events

Author: zoul0813

README.md

@@ -1,7 +1,8 @@
 # vue-form-generator [![NPM version](https://img.shields.io/npm/v/vue-form-generator.svg)](https://www.npmjs.com/package/vue-form-generator) ![VueJS v2.x compatible](https://img.shields.io/badge/vue%202.x-compatible-green.svg)
+
 A schema-based form generator component for Vue.js.
 
-[![Codacy Badge](https://api.codacy.com/project/badge/Grade/d27be05a35bf459b9292b8172e314a08)](https://www.codacy.com/app/mereg-norbert/vue-form-generator_2?utm_source=github.com&utm_medium=referral&utm_content=vue-generators/vue-form-generator&utm_campaign=Badge_Grade)
+[![Codacy Badge](https://api.codacy.com/project/badge/Grade/d27be05a35bf459b9292b8172e314a08)](https://www.codacy.com/app/mereg-norbert/vue-form-generator_2?utm_source=github.com&utm_medium=referral&utm_content=vue-generators/vue-form-generator&utm_campaign=Badge_Grade)
 [![Build Status](https://travis-ci.org/vue-generators/vue-form-generator.svg?branch=master)](https://travis-ci.org/vue-generators/vue-form-generator)
 [![Coverage Status](https://coveralls.io/repos/github/vue-generators/vue-form-generator/badge.svg?branch=master)](https://coveralls.io/github/vue-generators/vue-form-generator?branch=master)
 [![NPMS.io score](https://badges.npms.io/vue-form-generator.svg)]()
@@ -13,51 +14,61 @@ A schema-based form generator component for Vue.js.
 [![Downloads](https://img.shields.io/npm/dm/vue-form-generator.svg)](https://www.npmjs.com/package/vue-form-generator)
 
 ## Demo
+
 [JSFiddle simple example](https://jsfiddle.net/icebob/0mg1v81e/)
 
 [![Screenshot](https://icebob.gitbooks.io/vueformgenerator/content/assets/vfg-example1.png)](https://jsfiddle.net/icebob/0mg1v81e/)
 
 ## Features
-- reactive forms based on schemas
-- multiple object editing
-- 21 field types
-- built-in validators
-- core & full bundles (11kb and 19kb gzipped)
-- Bootstrap friendly templates
-- customizable styles
-- can be extended easily with custom fields
-- ...etc
+
+*   reactive forms based on schemas
+*   multiple object editing
+*   21 field types
+*   built-in validators
+*   core & full bundles (11kb and 19kb gzipped)
+*   Bootstrap friendly templates
+*   customizable styles
+*   can be extended easily with custom fields
+*   ...etc
 
 ## Documentation
+
 [Online documentation on Gitbook](https://icebob.gitbooks.io/vueformgenerator/content/)
 
 ## Dependencies
+
 vue-form-generator uses [fecha](https://github.com/taylorhakes/fecha) and [lodash](https://lodash.com/) internally.
 
-While built-in fields don't need external dependencies, optional fields may need other libraries.  
+While built-in fields don't need external dependencies, optional fields may need other libraries.
 These dependencies fall into two camps: jQuery or Vanilla. You can find almost the same functionality in both flavors.
 In the end, it's your choice to depend on jQuery or not.
 
 You can find details about dependencies in the official [documentation](https://icebob.gitbooks.io/vueformgenerator/content/) under each specific component.
 
 ## Installation
+
 ### NPM
+
 You can install it via [NPM](http://npmjs.org/) or [yarn](https://yarnpkg.com/).
 
 #### Latest version for Vue 2.x
+
 ```
 $ npm install vue-form-generator
 ```
 
 #### Legacy version for Vue 1.0.x
+
 ```
 $ npm install [email protected]
 ```
 
 ### Manual
+
 Download zip package and unpack and add the vfg.css and vfg.js file to your project from dist folder.
+
 ```
-https://github.com/icebob/vue-form-generator/archive/master.zip
+https://github.com/vue-generators/vue-form-generator/archive/master.zip
 ```
 
 ### Core vs Full version
@@ -66,10 +77,10 @@ VueFormGenerator come in two version : `core` and `full`.
 Core is a more minimal version with only half the fields.
 Full is core + other fields.
 
-* Full bundle: 75 kB (gzipped: 19 kB)
-* Core bundle: 39 kB (gzipped: 11 kB)
+*   Full bundle: 75 kB (gzipped: 19 kB)
+*   Core bundle: 39 kB (gzipped: 11 kB)
 
-If you don't know what to choose, don't worry, the full is the default version.  
+If you don't know what to choose, don't worry, the full is the default version.
 If you want the slim down version, here is the changes:
 
 ```js
@@ -87,6 +98,7 @@ If you want the slim down version, here is the changes:
 ```
 
 ## Usage
+
 ```html
 <template>
   <div class="panel-body">
@@ -101,23 +113,23 @@ Vue.use(VueFormGenerator);
 
 export default {
   data: {
-  
-    model: {             
+
+    model: {
       id: 1,
       name: "John Doe",
       password: "J0hnD03!x4",
       skills: ["Javascript", "VueJS"],
       email: "[email protected]",
       status: true
     },
-  
+
     schema: {
       fields: [{
         type: "input",
         inputType: "text",
         label: "ID (disabled text field)",
         model: "id",
-        readonly: true,         
+        readonly: true,
         disabled: true
       },{
         type: "input",
@@ -139,7 +151,7 @@ export default {
       },{
         type: "select",
         label: "Skills",
-        model: "skills",      
+        model: "skills",
         values: ["Javascript", "VueJS", "CSS3", "HTML5"]
       },{
         type: "input",
@@ -165,56 +177,69 @@ export default {
 ```
 
 Usage in local components
+
 ```js
 import VueFormGenerator from "vue-form-generator";
 
 //component javascript
-export default{
-  components:{
-    "vue-form-generator": VueFormGenerator.component
-  }
-}
+export default {
+	components: {
+		"vue-form-generator": VueFormGenerator.component
+	}
+};
 ```
+
 ## Development
+
 This command will start a `webpack-dev-server` with content of `dev` folder.
+
 ```bash
 npm run dev
 ```
 
 ## Build
+
 This command will build a distributable version in the `dist` directory.
+
 ```bash
 npm run build
 ```
 
 ## Test
+
 ```bash
 npm test
 ```
-or 
+
+or
+
 ```bash
 npm run ci
 ```
 
-## More fields *new*
-VueFormGenerator supports custom fields. If you decide to release your custom field into the wild, please open a new issue so we can add you to a list here! Please try to use this naming convention for your custom field : vfg-field-* Example :
+## More fields _new_
 
-- `vfg-field-myfield`
-- `vfg-field-calendar`
-- `vfg-field-awesome-dropdown`
+VueFormGenerator supports custom fields. If you decide to release your custom field into the wild, please open a new issue so we can add you to a list here! Please try to use this naming convention for your custom field : vfg-field-\* Example :
+
+*   `vfg-field-myfield`
+*   `vfg-field-calendar`
+*   `vfg-field-awesome-dropdown`
 
 This way, it will be easier for everyone to find it. Thank you !
 
 ### Public Custom Fields
 
-- [vue-tel-input](https://github.com/EducationLink/vue-tel-input) - International Telephone Input Boilerplate with Vue (integrated with VueFormGenerator).
-- [vfg-field-sourcecode](https://github.com/gwenaelp/vfg-field-sourcecode) - A source code field for vue-form-generator
-- [vfg-field-object](https://github.com/gwenaelp/vfg-field-object) - A vue-form-generator field to handle objects, with or without schemas.
+* [vue-tel-input](https://github.com/EducationLink/vue-tel-input) - International Telephone Input Boilerplate with Vue (integrated with VueFormGenerator).
+* [vfg-field-sourcecode](https://github.com/gwenaelp/vfg-field-sourcecode) - A source code field for vue-form-generator
+* [vfg-field-array](https://github.com/gwenaelp/vfg-field-array) - A vue-form-generator field to handle arrays of items of any type.
+* [vfg-field-object](https://github.com/gwenaelp/vfg-field-object) - A vue-form-generator field to handle objects, with or without schemas.
 
 ## Contribution
+
 Please send pull requests improving the usage and fixing bugs, improving documentation and providing better examples, or providing some testing, because these things are important.
 
 ## License
+
 vue-form-generator is available under the [MIT license](https://tldrlegal.com/license/mit-license).
 
 ## Contact

bower.json

@@ -1,34 +1,34 @@
 {
-  "name": "vue-form-generator",
-  "version": "2.2.2",
-  "homepage": "https://github.com/icebob/vue-form-generator",
-  "authors": [
-    "Icebob"
-  ],
-  "description": "A schema-based form generator component for Vue.js",
-  "main": [
-    "dist/vfg.js",
-    "dist/vfg.css",
-    "dist/vfg-core.js",
-    "dist/vfg-core.css"
-  ],
-  "moduleType": [
-    "amd"
-  ],
-  "keywords": [
-    "vue",
-    "vuejs",
-    "form",
-    "generator",
-    "schema",
-    "json"
-  ],
-  "license": "MIT",
-  "ignore": [
-    "**/.*",
-    "node_modules",
-    "bower_components",
-    "test",
-    "tests"
-  ]
+	"name": "vue-form-generator",
+	"version": "2.3.0",
+	"homepage": "https://github.com/vue-generators/vue-form-generator/",
+	"authors": [
+		"Icebob"
+	],
+	"description": "A schema-based form generator component for Vue.js",
+	"main": [
+		"dist/vfg.js",
+		"dist/vfg.css",
+		"dist/vfg-core.js",
+		"dist/vfg-core.css"
+	],
+	"moduleType": [
+		"amd"
+	],
+	"keywords": [
+		"vue",
+		"vuejs",
+		"form",
+		"generator",
+		"schema",
+		"json"
+	],
+	"license": "MIT",
+	"ignore": [
+		"**/.*",
+		"node_modules",
+		"bower_components",
+		"test",
+		"tests"
+	]
 }

build/webpack.build.config.js

@@ -7,7 +7,7 @@ const banner =
 	" * vue-form-generator v" +
 	version +
 	"\n" +
-	" * https://github.com/icebob/vue-form-generator\n" +
+	" * https://github.com/vue-generators/vue-form-generator/\n" +
 	" * Released under the MIT License.\n" +
 	" */\n";
 const ExtractTextPlugin = require("extract-text-webpack-plugin");

dev/mixinUtils.js renamed to dev/mixins/utils.js

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import mixinUtils from "../../mixinUtils";
+import mixinUtils from "../../mixins/utils.js";
 
 export default {
 	mixins: [mixinUtils],

dev/projects/basic/app.vue

@@ -16,7 +16,7 @@
 
 <script>
 import { validators } from "../../../src";
-import mixinUtils from "../../mixinUtils";
+import mixinUtils from "../../mixins/utils.js";
 
 export default {
 	mixins: [mixinUtils],

dev/projects/checklist/app.vue

@@ -39,7 +39,7 @@ import Fakerator from "fakerator";
 
 import Schema from "./schema";
 import { users } from "./data";
-import mixinUtils from "../../mixinUtils";
+import mixinUtils from "../../mixins/utils.js";
 
 import Multiselect from "vue-multiselect";
 Vue.component("multiselect", Multiselect);

dev/projects/full/app.vue

@@ -991,7 +991,7 @@ export default {
 		// 		pattern: "^\\+[0-9]{2}-[237]0-[0-9]{3}-[0-9]{4}$",
 		// 		placeholder: "User's phone number",
 		// 		hint: "Format: +36-(20|30|70)-000-0000",
-		// 		help: "You can use any <b>formatted</b> texts. Or place a <a target='_blank' href='https://github.com/icebob/vue-form-generator'>link</a> to another site.",
+		// 		help: "You can use any <b>formatted</b> texts. Or place a <a target='_blank' href='https://github.com/vue-generators/vue-form-generator/'>link</a> to another site.",
 		// 		styleClasses: "half-width"
 		// 			//validator: validators.regexp
 		// 	},

dev/projects/full/schema.js

@@ -2,10 +2,10 @@
 	<div class="container">
 		<h1>Grouping</h1>
 		<div class="row">
-            <div class="col-sm-12">
+			<div class="col-sm-12">
 				<vue-form-generator :schema="schema" :model="model" :options="formOptions" tag="section"></vue-form-generator>
-            </div>
-        </div>
+			</div>
+		</div>
 		<div class="row">
 			<div class="col-sm-12">
 				<pre v-if="model" v-html="prettyModel"></pre>
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import mixinUtils from "../../mixinUtils";
+import mixinUtils from "../../mixins/utils.js";
 
 export default {
 	mixins: [mixinUtils],

dev/projects/grouping/app.vue

@@ -2,10 +2,10 @@
 	<div class="container">
 		<h1>Multiselect</h1>
 		<div class="row">
-            <div class="col-sm-12">
+			<div class="col-sm-12">
 				<vue-form-generator :schema="schema" :model="model" :options="formOptions"></vue-form-generator>
-            </div>
-        </div>
+			</div>
+		</div>
 		<div class="row">
 			<div class="col-sm-12">
 				<pre v-if="model" v-html="prettyModel"></pre>
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import mixinUtils from "../../mixinUtils";
+import mixinUtils from "../../mixins/utils.js";
 
 import Vue from "vue";
 import Multiselect from "vue-multiselect";

dev/projects/multiselect/app.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import mixinUtils from "../../mixinUtils";
+import mixinUtils from "../../mixins/utils.js";
 
 export default {
 	mixins: [mixinUtils],