first build, docs to come

Author: matt-sanders

dist/1.vue-formly.js

@@ -1,5 +1,5 @@
 /**
- * vue-formly v0.1.0
+ * vue-formly v0.1.1
  * https://github.com/matt-sanders/vue-formly
  * Released under the MIT License.
  */
@@ -121,31 +121,27 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	var _index2 = _interopRequireDefault(_index);
 
+	var _util = __webpack_require__(7);
+
+	var _util2 = _interopRequireDefault(_util);
+
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 	var Formly = {
-	    addType: function addType(id, options) {
-	        Vue.$formlyFields[id] = options;
-	    },
-	    getTypes: function getTypes() {
-	        return Vue.$formlyFields;
-	    },
 	    install: function install(Vue, options) {
 
 	        if (Formly.installed) {
 	            return;
 	        }
 
 	        (0, _index2.default)(Vue);
-
-	        Vue.$formlyFields = {};
 	    }
 	};
 
 	if (typeof window !== 'undefined' && window.Vue) {
 	    window.Vue.use(Formly);
 
-	    window.Vue.$formly = Formly;
+	    window.Vue.$formly = { getTypes: _util.getTypes, addType: _util.addType };
 	}
 	exports.default = Formly;
 
@@ -219,6 +215,31 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	module.exports = "\n<fieldset>\n    <formly-field v-for=\"field in fields\" :field=\"field\" :model.sync=\"model[field.key]\" ></formly-field>\n</fieldset>\n";
 
+/***/ },
+/* 5 */,
+/* 6 */,
+/* 7 */
+/***/ function(module, exports) {
+
+	"use strict";
+
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	exports.addType = addType;
+	exports.getTypes = getTypes;
+	var _exports = {
+	    formlyFields: {}
+	};
+	exports.default = _exports;
+	function addType(id, options) {
+	    _exports.formlyFields[id] = options;
+	}
+
+	function getTypes() {
+	    return _exports.formlyFields;
+	}
+
 /***/ }
 /******/ ])
 });

dist/1.vue-formly.min.js

@@ -1,6 +1,6 @@
 {
   "name": "vue-formly",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A simple and extendable form builder for Vue.js",
   "main": "dist/vue-formly.js",
   "scripts": {

dist/vue-formly.js

@@ -1,11 +1,12 @@
 <template>
-  <component :is="field.type" :model="model"></component>
+  <component :is="field.type" :model.sync="model" :field="field"></component>
 </template>
 
 <script>
- import VueFormly from '../index';
+ const Vue = require('vue');
+ import Util, {getTypes} from '../util';
  export default {
      props: ['field', 'model'],
-     components: VueFormly.getTypes()
- }
+     components: getTypes()
+  }
 </script>

dist/vue-formly.min.js

@@ -1,29 +1,17 @@
 import Components from './components/index';
+import Util,{getTypes, addType} from './util';
 
 
 let Formly = {
-    /**
-     * Allow additional templates to be added
-     * @param {String} id
-     * @param {Object} options
-     */
-    addType(id, options){
-        Vue.$formlyFields[id] = options;
-    },
-
-    getTypes(){
-        return Vue.$formlyFields;
-    },
 
     install(Vue, options){
 
         if ( Formly.installed ){
             return;
         }
-
+        
+        //install our components
         Components(Vue);
-
-        Vue.$formlyFields = {};
 
     }
 };
@@ -32,6 +20,6 @@ let Formly = {
 if (typeof window !== 'undefined' && window.Vue) {
     window.Vue.use(Formly);
     //expose formly functions if auto installed
-    window.Vue.$formly = Formly;
+    window.Vue.$formly = {getTypes, addType};
 }
 export default Formly;

package.json

@@ -0,0 +1,17 @@
+const exports = {
+    formlyFields: {}
+};
+export default exports;
+
+/**
+ * Allow additional templates to be added
+ * @param {String} id
+ * @param {Object} options
+ */
+export function addType(id, options){
+    exports.formlyFields[id] = options;
+}
+
+export function getTypes(){
+    return exports.formlyFields;
+}

src/components/FormlyField.vue

@@ -24,7 +24,8 @@ describe('FormlyField', () => {
     it('should take on the type of another component', () => {
 
         Vue.component('test', {
-            template: '<div id="testComponent">Hello World</div>'
+            props: ['field'],
+            template: '<div id="testComponent">{{field.type}}</div>'
         });
 
         let data = {
@@ -37,7 +38,7 @@ describe('FormlyField', () => {
 
         let innerElem = vm.$el.querySelector('#testComponent');
 
-        expect(innerElem.textContent).to.contain('Hello World');
+        expect(innerElem.textContent).to.contain(data.schema.type);
 
     });
 

src/index.js

@@ -1,14 +1,17 @@
 import {expect} from 'chai';
 
 import VueFormly from 'src/index';
+import Util, {addType, getTypes} from 'src/util';
 
 
 describe('module', () => {
 
     it('module props', () => {
         expect(VueFormly).to.exist;
         expect(VueFormly.install).to.be.a('function');
-        expect(VueFormly.addType).to.be.a('function');
+        expect(addType).to.be.a('function');
+        expect(getTypes).to.be.a('function');
+        expect(Util.formlyFields).to.be.a('object');
     });
 
     it('should add fields to Vue', () => {
@@ -18,13 +21,12 @@ describe('module', () => {
             component(){}                
         };
         VueFormly.install(Vue);
-        expect(Vue.$formlyFields).to.be.a('object');
 
         let newField = {
             foo: 'bar'
         };
-        VueFormly.addType('test', newField);
-        expect(Vue.$formlyFields.test).to.deep.equal(newField);
+        addType('test', newField);
+        expect(getTypes().test).to.deep.equal(newField);
     });
 
 });