feat(ic-formly): change ic-formly to plugin

README.md

@@ -18,21 +18,10 @@
 
 ## Usage
 
-### With [vue-loader](https://github.com/vuejs/vue-loader) or [vueify](https://github.com/vuejs/vueify)
-
 ```js
-import IcFormly from 'ic-formly.vue';
+import IcFormly from 'ic-formly';
 
-Vue.component('ic-formly', IcFormly);
-```
-
-### ES6 Modules / CommonJS
-
-```js
-import IcFormly from 'ic-formly/cjs/ic-formly.min.js';
-import 'ic-formly/cjs/ic-formly.min.css';
-
-Vue.component('ic-formly', IcFormly);
+Vue.use(IcFormly);
 ```
 
 ### UMD
@@ -42,11 +31,6 @@ Vue.component('ic-formly', IcFormly);
 
 <script src="https://unpkg.com/vue" charset="utf-8"></script>
 <script src="./umd/ic-formly.min.js" charset="utf-8"></script>
-<link rel="stylesheet" type="text/css" href="./umd/ic-formly.min.css">
-
-<script type="text/javascript">
-  Vue.component('ic-formly', window.IcFormly);
-</script>
 ```
 
 ## Build

boot_doc.js

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import IcFormly from './src'
+
+Vue.use(IcFormly)

poi.config.js

@@ -4,7 +4,7 @@ const glob = require('glob').sync;
 const {name} = require('./package.json');
 
 module.exports = {
-  entry: glob('./src/**/*.vue'),
+  entry: glob('./src'),
   filename: {
     js: name + '.min.js',
     css: name + '.min.css',

src/ic-formly/ic-formly.vue

@@ -18,14 +18,8 @@
 
 <script>
 import Vue from 'vue'
-import VueFormly from 'vue-formly'
-import VueFormlyBootstrap from 'vue-formly-bootstrap'
 import {flatten, unflatten} from 'flat'
 
-// FIXME: Cannot parse src/ic-formly/ic-formly.vue: TypeError: _vue2.default.use is not a function
-Vue.use(VueFormly);
-Vue.use(VueFormlyBootstrap);
-
 function createModel() {
   let flatted = this
     .$options

src/index.js

@@ -0,0 +1,34 @@
+import VueFormly from 'vue-formly'
+import VueFormlyBootstrap from 'vue-formly-bootstrap'
+import IcFormly from './ic-formly/ic-formly.vue';
+
+let Formly = {
+  getTypes: VueFormly.getTypes,
+  addType: VueFormly.addType,
+  addValidationMessage: VueFormly.addValidationMessage,
+  install(Vue, options) {
+
+    // install Vueformly
+    VueFormly.install(Vue, options)
+    VueFormlyBootstrap.install(Vue, options)
+
+    // add our components
+    Vue.component('ic-formly', IcFormly)
+  }
+};
+
+//auto install
+if (typeof window !== 'undefined' && window.Vue) {
+  setTimeout(() => console.log(window.Vue), 3000)
+
+  window.Vue.use(Formly);
+  //expose formly functions if auto installed
+  window.Vue.$formly = {
+    getTypes: VueFormly.getTypes,
+    addType: VueFormly.addType,
+    addValidationMessage: VueFormly.addValidationMessage
+  };
+}
+
+
+export default Formly;

styleguide.config.js

@@ -35,6 +35,7 @@ module.exports = {
   },
   serverPort: 6062,
   require: [
-    'bootstrap/dist/css/bootstrap.css'
+    'bootstrap/dist/css/bootstrap.css',
+    './boot_doc',
   ]
 };

test/specs/ic-formly.spec.js

@@ -1,5 +1,8 @@
 import Vue from 'vue'
-import Formly from '@/ic-formly/ic-formly.vue'
+import Formly from '@'
+import FormlyCmp from '@/ic-formly/ic-formly.vue'
+
+Vue.use(Formly)
 
 describe('ic-formly.vue', () => {
   let Constructor, vm;
@@ -24,7 +27,7 @@ describe('ic-formly.vue', () => {
   }
 
   beforeEach(done => {
-    Constructor = Vue.extend(Formly);
+    Constructor = Vue.extend(FormlyCmp);
     vm = new Constructor({
       propsData,
       mounted: () => done(),