fix: throttle reset bug when reseting plugin (#189)

Author: PeachScript

src/components/InfiniteLoading.vue

@@ -194,12 +194,16 @@ export default {
     });
 
     this.$on('$InfiniteLoading:reset', (ev) => {
-      this.status = STATUS.READY;
-      this.isFirstLoad = true;
-      throttleer.reset();
-      scrollBarStorage.remove(this.scrollParent);
       this.scrollParent.addEventListener('scroll', this.scrollHandler, evt3rdArg);
-      setTimeout(this.scrollHandler, 1);
+
+      // wait for list to be empty and the empty action may trigger a scroll event
+      setTimeout(() => {
+        this.status = STATUS.READY;
+        this.isFirstLoad = true;
+        throttleer.reset();
+        scrollBarStorage.remove(this.scrollParent);
+        this.scrollHandler();
+      }, 1);
 
       if (!ev || ev.target !== this) {
         warn(WARNINGS.IDENTIFIER);

src/utils.js

@@ -22,17 +22,32 @@ export function error(msg) {
 }
 
 export const throttleer = {
+  timers: {},
   caches: [],
   throttle(fn) {
     if (this.caches.indexOf(fn) === -1) {
+      const fnIndex = this.caches.length;
+
+      // cache current handler
       this.caches.push(fn);
-      setTimeout(() => {
+
+      // save timer for current handler
+      this.timers[fnIndex] = setTimeout(() => {
         fn();
-        this.caches.splice(this.caches.indexOf(fn), 1);
+
+        // empty cache and timer
+        this.caches.splice(fnIndex, 1);
       }, config.system.throttleLimit);
     }
   },
   reset() {
+    // reset all timers
+    Object.keys(this.timers).forEach((key) => {
+      clearTimeout(this.timers[key]);
+      delete this.timers[key];
+    });
+
+    // empty caches
     this.caches = [];
   },
 };