build: release 4.5.9

Features:
Add a new event 'handle-scroll-complete', will emit when scroll complete.
Refactor:
Code structure, to be more easier understood

Author: wangyi7099

README-ZH.md

@@ -2,7 +2,21 @@
 
   <p align="center"><a href="https://wangyi7099.github.io/vuescrolljs/zh/"><img width="100" src="https://wangyi7099.github.io/vuescrolljs/logo.png" /></a></p>
 
-Vuescroll 是一个基于 [vue.js 2.X](https://github.com/vuejs/vue)的虚拟滚动条，它拥有多个模式可供你选择： `slide` 模式、`native` 模式和`pure-native`模式， 并且它还支持定制滚动条的样式，检测内容尺寸变化、能够使内容分页、支持上拉-刷新，下推加载等诸多功能。
+Vuescroll 是一个基于 [vue.js 2.X](https://github.com/vuejs/vue)的虚拟滚动条，它当前拥有3个模式可供你选择： 
+
+`slide` 模式: 允许你用手指或鼠标滑动内容， 可以滑动超出边界范围。适用于移动端端用户。
+
+`native` 模式:  有点想原生的滚动，可以自定义滚动条样式。使用于PC端用户。
+
+`pure-native`模式: 滚动条使用原生的滚动条。适用于喜欢原生滚动条的用户。
+
+并且它还支持定制滚动条的样式，检测内容尺寸变化、能够使内容分页、支持上拉-刷新，下推加载等诸多功能。
+
+> 对于那些使用3.X的用户想升级到4.X 请使用如下命令,否则可能会导致升级失败！:
+```bash
+   npm i vuescroll@latest
+   # yarn add vuescroll@latest
+```
 
   <a href="https://www.npmjs.com/package/vuescroll"><img src="https://img.shields.io/npm/v/vuescroll.svg" alt="Version"></a><a href="https://circleci.com/gh/wangyi7099/vuescroll/tree/dev"><img src="https://img.shields.io/circleci/project/wangyi7099/vuescroll/dev.svg" alt="Build Status"></a><a href="https://www.npmjs.com/package/vuescroll"><img src="https://img.shields.io/npm/l/vuescroll.svg" alt="License"></a>
 <a href="https://www.npmjs.com/package/vuescroll"><img src="https://img.shields.io/npm/dm/vuescroll.svg" alt="Download"></a>

README.md

@@ -1,9 +1,23 @@
 
 
-  <p align="center"><a href="https://wangyi7099.github.io/vuescrolljs/"><img width="100" src="https://wangyi7099.github.io/vuescrolljs/logo.png" /></a></p>
+<p align="center"><a href="https://wangyi7099.github.io/vuescrolljs/"><img width="100" src="https://wangyi7099.github.io/vuescrolljs/logo.png" /></a></p>
 
-  [中文README](https://github.com/wangyi7099/vuescroll/blob/dev/README-ZH.md)<br />
-  **Vuescroll** is a virtual scrollbar based on [vue.js 2.X](https://github.com/vuejs/vue) ，and it  has multi  modes you can choose, such as **slide** mode, **native** mode,  and **pure-native** mode. It also supports customizing styles of scrollbar，detecting size change of content、paging、pull-refresh，push-load and so on.
+[中文README](https://github.com/wangyi7099/vuescroll/blob/dev/README-ZH.md)<br />
+**Vuescroll** is a reactive, muli-modes, virtual scrollbar based on [vue.js 2.X](https://github.com/vuejs/vue) ，and it  currently has 3  modes you can choose:
+
+`slide` mode: Allow you slide by finger or mouse pointer, can slide out of bountry. It is suitable for mobile phone.
+
+`native` mode:  Seem to be native scrollbar, but can costumize styles of scrollbars. It is suitable for PC.
+
+`pure-native`mode: Use native scrollbars. It is suitable for the users who like native scrollbar.
+
+It also supports customizing styles of scrollbar，detecting size change of content、paging、pull-refresh，push-load and so on.
+
+> For those who use 3.X and want to upgrade to 4.X, please use the following usage ,or might be upgrade fail:
+```bash
+   npm i vuescroll@latest
+   # yarn add vuescroll@latest
+```
 
   <a href="https://www.npmjs.com/package/vuescroll"><img src="https://img.shields.io/npm/v/vuescroll.svg" alt="Version"></a><a href="https://circleci.com/gh/wangyi7099/vuescroll/tree/dev"><img src="https://img.shields.io/circleci/project/wangyi7099/vuescroll/dev.svg" alt="Build Status"></a><a href="https://www.npmjs.com/package/vuescroll"><img src="https://img.shields.io/npm/l/vuescroll.svg" alt="License"></a>
 <a href="https://www.npmjs.com/package/vuescroll"><img src="https://img.shields.io/npm/dm/vuescroll.svg" alt="Download"></a>

demo/demo-comprehensive.html

@@ -53,6 +53,7 @@
             @load-before-deactivate="loadBeforeDeactivate"
            @load-deactivate="loadDeactivate"
             @load-start="loadStart"
+            @handle-scroll-complete="handleComplete"
            >
            <template
            v-for= "(item, index) in randomArray"
@@ -221,7 +222,6 @@
                     },
                     enable: false
                 },
-                snapping: false,
                 paging: false,
                 zooming: false
               },
@@ -240,7 +240,7 @@
                 }
               }
             },
-            dataNums: 40,
+            dataNums: 120,
             reRender: 1,
             easings,
             dx: 0,
@@ -263,6 +263,9 @@
             }
         },
         methods: {
+            handleComplete(v, h) {
+                console.log(v, h);
+            },
             refresh() {
                 this.reRender ++;
             },