From 09b0161fa7615f4af39aa0d0762844b0eea0c22c Mon Sep 17 00:00:00 2001
From: sinchang <sinchangwen@gmail.com>
Date: Mon, 3 Apr 2017 18:28:19 +0800
Subject: [PATCH] -> 1.02

---
 README.md       |  9 +++++----
 demo/App.vue    |  7 +------
 demo/index.js   |  7 +++++--
 hot             |  1 +
 package.json    |  9 +++++----
 src/Laypage.vue | 43 ++++++++++++++++++++++++-------------------
 src/index.js    | 12 ++++++++++--
 7 files changed, 51 insertions(+), 37 deletions(-)
 create mode 100644 hot

diff --git a/README.md b/README.md
index 3b705b7..96fe7c6 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@ $ npm install vue-laypage --save
 ```
 
 ```
-import Laypage from 'vue-laypage';
+import Laypage from 'vue-laypage'
 export default {
   components: {
     Laypage
@@ -20,9 +20,10 @@ export default {
 or
 
 ```
-import Vue from 'vue';
-import Laypage from 'vue-laypage';
-Vue.component('Laypage', Laypage);
+import Vue from 'vue'
+import Laypage from 'vue-laypage'
+
+Vue.use(Laypage)
 ```
 ## Props
 | Name | Type | Description |
diff --git a/demo/App.vue b/demo/App.vue
index 500852b..5443753 100644
--- a/demo/App.vue
+++ b/demo/App.vue
@@ -12,8 +12,6 @@
 </template>
 
 <script>
-  import Laypage from '../src/Laypage';
-
   export default {
     name: 'app',
     data() {
@@ -27,12 +25,9 @@
         next: false
       }
     },
-    components: {
-      Laypage
-    },
     methods: {
       cb(page) {
-        this.page = page;
+        this.page = page
       }
     }
   }
diff --git a/demo/index.js b/demo/index.js
index a1c0b29..450b5f9 100644
--- a/demo/index.js
+++ b/demo/index.js
@@ -1,5 +1,8 @@
-import Vue from 'vue';
-import App from './App';
+import Vue from 'vue'
+import App from './App'
+import Laypage from '../src/index'
+
+Vue.use(Laypage)
 
 new Vue({
   el: '#app',
diff --git a/hot b/hot
new file mode 100644
index 0000000..9d0481f
--- /dev/null
+++ b/hot
@@ -0,0 +1 @@
+hot reloading enabled
\ No newline at end of file
diff --git a/package.json b/package.json
index 18f345c..5b78cec 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-laypage",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A simple pagination component for Vue.js",
   "main": "dist/vueLaypage.js",
   "scripts": {
@@ -24,8 +24,9 @@
   "author": "sinchang <sinchangwen@gmail.com>",
   "license": "MIT",
   "devDependencies": {
-    "laravel-mix": "^0.7.2",
-    "vue": "^2.1.10"
+    "laravel-mix": "^0.7.2"
   },
-  "dependencies": {}
+  "dependencies": {
+    "vue": "^2.1.10"
+  }
 }
diff --git a/src/Laypage.vue b/src/Laypage.vue
index 8d9293b..e3847b7 100644
--- a/src/Laypage.vue
+++ b/src/Laypage.vue
@@ -62,47 +62,52 @@
     },
     computed: {
       pagesNumber() {
-        let from, to;
-        let diff = (this.groups - 1) / 2;
+        let from, to
+        let diff = (this.groups - 1) / 2
+
+        if (this.groups > this.pages) {
+          throw new Error('groups can not greater than pages')
+        }
+
         if (this.diff % 2 === 0) {
-          from = this.cur - diff;
-          to = this.cur + diff;
+          from = this.cur - diff
+          to = this.cur + diff
         } else {
-          from = this.cur - Math.floor(diff);
-          to = this.cur + Math.ceil(diff);
+          from = this.cur - Math.floor(diff)
+          to = this.cur + Math.ceil(diff)
         }
 
         if (from < 1) {
-          from = 1;
-          to = this.groups;
+          from = 1
+          to = this.groups
         }
 
         if (to >= this.pages) {
-          to = this.pages;
-          from = to - this.groups + 1;
+          to = this.pages
+          from = to - this.groups + 1
         }
 
-        let pagesArr = [];
+        let pagesArr = []
 
         while (from <= to) {
-          pagesArr.push(from);
-          from++;
+          pagesArr.push(from)
+          from++
         }
 
-        return pagesArr;
+        return pagesArr
       }
     },
     methods: {
       changePage(page) {
-        this.cur = page;
-        this.jump(page);
+        this.cur = page
+        this.jump(page)
       },
       jumpFunc() {
         if (!this.jumpPage) {
-          return;
+          return
         }
-        this.changePage(parseInt(this.jumpPage));
-        this.jumpPage = '';
+        this.changePage(parseInt(this.jumpPage))
+        this.jumpPage = ''
       }
     }
   }
diff --git a/src/index.js b/src/index.js
index 1a34afa..3f9856d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,3 +1,11 @@
-import Laypage from './Laypage.vue';
+import Laypage from './Laypage.vue'
 
-export default Laypage;
+Laypage.install = Vue => {
+  Vue.component(Laypage.name, Laypage)
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(Laypage)
+}
+
+export default Laypage