fix: Incorrect bar status after mounted.

Author: wangyi7099

README.md

@@ -18,9 +18,9 @@
 
 ## Introduction
 
-Vuescroll is a customizable, multi-mode driven scrollbar plugin based on Vue.js - [vuescrolljs.yvescoding.org](http://vuescrolljs.yvescoding.org/)
+Vuescroll is a full customizable scrollbar based on Vue.js, which spports pull-to-refresh and push-to-load. - [vuescrolljs.yvescoding.org](http://vuescrolljs.yvescoding.org/)
 
-You can use it on PC or mobile by changing its mode.
+It is compitable with both PC and mobile phone.
 
 ## Features
 

dist/vuescroll-native.js

@@ -1855,8 +1855,13 @@ var updateNative = {
 var core$1 = {
   mixins: [api$1, updateNative],
   mounted: function mounted() {
+    var _this = this;
+
     if (!this._isDestroyed && !this.renderError) {
-      this.updatedCbs.push(this.scrollToAnchor);
+      this.updatedCbs.push(function () {
+        _this.scrollToAnchor();
+        _this.updateBarStateAndEmitEvent();
+      });
     }
   },
 
@@ -1943,7 +1948,7 @@ var core$1 = {
       this.updateBarStateAndEmitEvent('refresh-status');
     },
     registryResize: function registryResize() {
-      var _this = this;
+      var _this2 = this;
 
       /* istanbul ignore next */
       if (this.destroyResize) {
@@ -1959,9 +1964,9 @@ var core$1 = {
       };
       var handleDomResize = function handleDomResize() {
         var currentSize = {};
-        currentSize['width'] = _this.scrollPanelElm.scrollWidth;
-        currentSize['height'] = _this.scrollPanelElm.scrollHeight;
-        _this.updateBarStateAndEmitEvent('handle-resize', currentSize);
+        currentSize['width'] = _this2.scrollPanelElm.scrollWidth;
+        currentSize['height'] = _this2.scrollPanelElm.scrollHeight;
+        _this2.updateBarStateAndEmitEvent('handle-resize', currentSize);
       };
       window.addEventListener('resize', handleWindowResize.bind(this), false);
 

dist/vuescroll-native.min.js

@@ -3752,6 +3752,8 @@ var core$1 = {
         _this.updatedCbs.push(function () {
           _this.updateScroller();
           _this.scrollToAnchor();
+          // Should update bar again to ensure accuracy.
+          _this.updateBarStateAndEmitEvent();
         });
       }
     });

dist/vuescroll-slide.js

@@ -4010,11 +4010,16 @@ function resolveOffset(mode, vm) {
 var core$1 = {
   mixins: [api$1, slideMix, nativeMix],
   mounted: function mounted() {
+    var _this = this;
+
     if (!this._isDestroyed && !this.renderError) {
       if (this.mode == 'slide') {
         this.updatedCbs.push(this.updateScroller);
       }
-      this.updatedCbs.push(this.scrollToAnchor);
+      this.updatedCbs.push(function () {
+        _this.scrollToAnchor();
+        _this.updateBarStateAndEmitEvent();
+      });
     }
   },
 
@@ -4143,7 +4148,7 @@ var core$1 = {
       this.updateBarStateAndEmitEvent('refresh-status');
     },
     registryResize: function registryResize() {
-      var _this = this;
+      var _this2 = this;
 
       /* istanbul ignore next */
       if (this.destroyResize) {
@@ -4169,17 +4174,17 @@ var core$1 = {
       };
       var handleDomResize = function handleDomResize() {
         var currentSize = {};
-        if (_this.mode == 'slide') {
-          currentSize['width'] = _this.scroller.__contentWidth;
-          currentSize['height'] = _this.scroller.__contentHeight;
-          _this.updateBarStateAndEmitEvent('handle-resize', currentSize);
+        if (_this2.mode == 'slide') {
+          currentSize['width'] = _this2.scroller.__contentWidth;
+          currentSize['height'] = _this2.scroller.__contentHeight;
+          _this2.updateBarStateAndEmitEvent('handle-resize', currentSize);
           // update scroller should after rendering
-          _this.updatedCbs.push(_this.updateScroller);
-          _this.$forceUpdate();
-        } else if (_this.mode == 'native') {
-          currentSize['width'] = _this.scrollPanelElm.scrollWidth;
-          currentSize['height'] = _this.scrollPanelElm.scrollHeight;
-          _this.updateBarStateAndEmitEvent('handle-resize', currentSize);
+          _this2.updatedCbs.push(_this2.updateScroller);
+          _this2.$forceUpdate();
+        } else if (_this2.mode == 'native') {
+          currentSize['width'] = _this2.scrollPanelElm.scrollWidth;
+          currentSize['height'] = _this2.scrollPanelElm.scrollHeight;
+          _this2.updateBarStateAndEmitEvent('handle-resize', currentSize);
         }
       };
       window.addEventListener('resize', handleWindowResize.bind(this), false);

dist/vuescroll-slide.min.js

@@ -11,15 +11,15 @@ import nativeMix from 'mode/native/mixins/update-native';
 function resolveOffset(mode, vm) {
   let axis = {};
   switch (mode) {
-  case 'native':
-    axis = {
-      x: vm.scrollPanelElm.scrollLeft,
-      y: vm.scrollPanelElm.scrollTop
-    };
-    break;
-  case 'slide':
-    axis = { x: vm.scroller.__scrollLeft, y: vm.scroller.__scrollTop };
-    break;
+    case 'native':
+      axis = {
+        x: vm.scrollPanelElm.scrollLeft,
+        y: vm.scrollPanelElm.scrollTop
+      };
+      break;
+    case 'slide':
+      axis = { x: vm.scroller.__scrollLeft, y: vm.scroller.__scrollTop };
+      break;
   }
   return axis;
 }
@@ -31,7 +31,10 @@ export default {
       if (this.mode == 'slide') {
         this.updatedCbs.push(this.updateScroller);
       }
-      this.updatedCbs.push(this.scrollToAnchor);
+      this.updatedCbs.push(() => {
+        this.scrollToAnchor();
+        this.updateBarStateAndEmitEvent();
+      });
     }
   },
   computed: {

dist/vuescroll.js

@@ -6,7 +6,10 @@ export default {
   mixins: [api, updateNative],
   mounted() {
     if (!this._isDestroyed && !this.renderError) {
-      this.updatedCbs.push(this.scrollToAnchor);
+      this.updatedCbs.push(() => {
+        this.scrollToAnchor();
+        this.updateBarStateAndEmitEvent();
+      });
     }
   },
   methods: {

dist/vuescroll.min.js

@@ -10,6 +10,8 @@ export default {
         this.updatedCbs.push(() => {
           this.updateScroller();
           this.scrollToAnchor();
+          // Should update bar again to ensure accuracy.
+          this.updateBarStateAndEmitEvent();
         });
       }
     });