build: release v4.2.2

q

Author: wangyi7099

README-ZH.md

@@ -77,7 +77,79 @@ var vm = new Vue({
 ```
 ## 修改日志
 
-* Integrate with the future releases of Vue.js
+## Change Logs
+---
+### v4.2.2
+ #### Features
+ * Allow to change global options **root** property #8
+---
+### V4.1
+#### Features
+ * Push-Load has been supported
+ ##### Usage:
+ ```javascript
+    ops: {
+      vuescroll: {
+          pushLoad: {
+              enable: true
+          }
+      }  
+    }
+ ```
+ * Allow to diable scrollingX or scrollingY #11
+
+ ##### Usage:
+  ```javascript
+    ops: {
+      scrollPanel: {
+        scrollingX: true,// false to diable
+        scrollingY: true // false to diable
+      }  
+    }
+ ```
+
+#### Sweaks
+* Redefine pull-refresh tips from `Array` to `Object`
+##### Before
+```javascript
+  ops: {
+      vuescroll: {
+          pushRefreshTips: ['XX', 'XX']
+      }
+  }
+```
+###### Now
+```javascript
+  ops: {
+      vuescroll: {
+          pushRefresh: {
+              tips: {
+                  start: "",
+                  active: "",
+                  deActive: "",
+                  beforeActive: ""
+              }
+          }
+      }
+  }
+```
+---
+### V4.0
+#### Features
+  * Add a **vuescroll** option in ops. Now, you can choose two modes for vuescroll. **slide**mode or **native** mode.
+  ```javascript
+   ops: {
+    vuescroll: [
+     mode: 'native' // native or slide
+    }
+    // other options...
+  }
+ ```
+ * Pull-refresh supported (Only for slide mode)
+![](https://github.com/wangyi7099/pictureCdn/blob/master/allPic/vuescroll/vuescroll-pull-refresh.gif?raw=true)
+
+#### Bug Fix
+   * Can't hide native scrollbar in FireFox.#10 
 
 ## 受以下的项目启发
 

README.md

@@ -75,12 +75,15 @@ var vm = new Vue({
 })
 ```
 ## Change Logs
-
 ---
-V4.1
-## Features
+### v4.2.2
+ #### Features
+ * Allow to change global options **root** property #8
+---
+### V4.1
+#### Features
  * Push-Load has been supported
- ### Usage:
+ ##### Usage:
  ```javascript
     ops: {
       vuescroll: {
@@ -92,7 +95,7 @@ V4.1
  ```
  * Allow to diable scrollingX or scrollingY #11
 
- ### Usage:
+ ##### Usage:
   ```javascript
     ops: {
       scrollPanel: {
@@ -102,17 +105,17 @@ V4.1
     }
  ```
 
-## Sweaks
+#### Sweaks
 * Redefine pull-refresh tips from `Array` to `Object`
-### Before
+##### Before
 ```javascript
   ops: {
       vuescroll: {
           pushRefreshTips: ['XX', 'XX']
       }
   }
 ```
-### Now
+###### Now
 ```javascript
   ops: {
       vuescroll: {
@@ -127,8 +130,9 @@ V4.1
       }
   }
 ```
-V4.0
-## Features
+---
+### V4.0
+#### Features
   * Add a **vuescroll** option in ops. Now, you can choose two modes for vuescroll. **slide**mode or **native** mode.
   ```javascript
    ops: {
@@ -141,7 +145,7 @@ V4.0
  * Pull-refresh supported (Only for slide mode)
 ![](https://github.com/wangyi7099/pictureCdn/blob/master/allPic/vuescroll/vuescroll-pull-refresh.gif?raw=true)
 
-## Bug Fix
+#### Bug Fix
    * Can't hide native scrollbar in FireFox.#10 
 
 ## Inspire

dist/demo/index.html

@@ -136,6 +136,16 @@
         </div>
       </div>
     <script>
+        Vue.prototype.$vuescrollConfig = {
+            hBar: {
+                height: '5px',
+                pos: 'bottom',
+                background: 'red',
+                keepShow: false,
+                opacity: 1,
+                hover: false
+            }
+        }
     var easings = [
     'easeInQuad',
     'easeOutQuad',

dist/vuescroll.common.js

@@ -1,5 +1,5 @@
 /*
-    * @name: vuescroll 4.1.1
+    * @name: vuescroll 4.2.2
     * @author: (c) 2018-2018 wangyi7099
     * @description: A reactive virtual scrollbar based on vue.js 2.X
     * @license: MIT
@@ -440,7 +440,8 @@ function validateOptions(ops) {
 function hackPropsData() {
   var vm = this;
   if (vm.$options.name === "vueScroll") {
-    var ops = deepMerge(GCF, {});
+    var _gfc = deepMerge(vm.$vuescrollConfig, {});
+    var ops = deepMerge(GCF, _gfc);
     vm.$options.propsData.ops = vm.$options.propsData.ops || {};
     Object.keys(vm.$options.propsData.ops).forEach(function (key) {
       {
@@ -3479,7 +3480,8 @@ var scroll = {
     Vue$$1.component(vuescroll.name, vuescroll);
 
     // registry the globe setting
-    Vue$$1.prototype.$vuescrollConfig = GCF;
+    // feat: #8
+    Vue$$1.prototype.$vuescrollConfig = deepMerge(GCF, {});
 
     scroll.isInstalled = true;
   }

dist/vuescroll.common.min.js

@@ -1,5 +1,5 @@
 /*
-    * @name: vuescroll 4.1.1
+    * @name: vuescroll 4.2.2
     * @author: (c) 2018-2018 wangyi7099
     * @description: A reactive virtual scrollbar based on vue.js 2.X
     * @license: MIT
@@ -436,7 +436,8 @@ function validateOptions(ops) {
 function hackPropsData() {
   var vm = this;
   if (vm.$options.name === "vueScroll") {
-    var ops = deepMerge(GCF, {});
+    var _gfc = deepMerge(vm.$vuescrollConfig, {});
+    var ops = deepMerge(GCF, _gfc);
     vm.$options.propsData.ops = vm.$options.propsData.ops || {};
     Object.keys(vm.$options.propsData.ops).forEach(function (key) {
       {
@@ -3475,7 +3476,8 @@ var scroll = {
     Vue$$1.component(vuescroll.name, vuescroll);
 
     // registry the globe setting
-    Vue$$1.prototype.$vuescrollConfig = GCF;
+    // feat: #8
+    Vue$$1.prototype.$vuescrollConfig = deepMerge(GCF, {});
 
     scroll.isInstalled = true;
   }

dist/vuescroll.esm.js

@@ -1,5 +1,5 @@
 /*
-    * @name: vuescroll 4.1.1
+    * @name: vuescroll 4.2.2
     * @author: (c) 2018-2018 wangyi7099
     * @description: A reactive virtual scrollbar based on vue.js 2.X
     * @license: MIT
@@ -442,7 +442,8 @@ function validateOptions(ops) {
 function hackPropsData() {
   var vm = this;
   if (vm.$options.name === "vueScroll") {
-    var ops = deepMerge(GCF, {});
+    var _gfc = deepMerge(vm.$vuescrollConfig, {});
+    var ops = deepMerge(GCF, _gfc);
     vm.$options.propsData.ops = vm.$options.propsData.ops || {};
     Object.keys(vm.$options.propsData.ops).forEach(function (key) {
       {
@@ -3481,7 +3482,8 @@ var scroll = {
     Vue$$1.component(vuescroll.name, vuescroll);
 
     // registry the globe setting
-    Vue$$1.prototype.$vuescrollConfig = GCF;
+    // feat: #8
+    Vue$$1.prototype.$vuescrollConfig = deepMerge(GCF, {});
 
     scroll.isInstalled = true;
   }

dist/vuescroll.esm.min.js

@@ -33,7 +33,7 @@
     "test:cover": "karma start test/karma.conf.js",
     "report-coverage": "codecov"
   },
-  "version": "4.1.2",
+  "version": "4.2.2",
   "devDependencies": {
     "babel-core": "^6.26.0",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",