@avakhula/ui 0.1.15 → 0.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "main": "dist/index.js",
   "module": "dist/index.umd.cjs",
   "source": "src/index.js",

package/src/components/TreeSelect/Select.vue

@@ -289,6 +289,7 @@ import IbAlert from "../Alert/Alert.vue";
 import List from "../List.vue";
 import InfinityLoaderMixin from "./mixins/InfinityLoaderMixin";
 import { TooltipDirective as Tooltip } from "../../directives/tooltip/tooltip";
+import debounce from "../../helpers/debounce";
 
 function copy(data) {
     return JSON.parse(JSON.stringify(data));
@@ -455,7 +456,7 @@ export default {
     },
     searchDebounce: {
       type: Number,
-      default: 0,
+      default: 500,
     },
     alphabeticStyle: {
       type: Boolean,
@@ -559,15 +560,15 @@ export default {
     document.addEventListener("mouseup", this.endResizing);
   },
   data() {
-    this.defaultFilter = (options) => {
+    this.defaultFilter = debounce((options) => {
       this.marker.unmark();
       const filterString = this.filterString.toLowerCase().trim();
-      this.filterFunc.call(this, options, filterString);
+      this.countVisibleChildren = this.filterFunc.call(this, options, filterString);
 
       if (filterString && this.keywordHighlighter) {
         this.marker.mark(filterString);
       }
-    };
+    }, 1000);
 
     return {
       initialOptions: typeof this.options === "function" ? this.options : copy(this.options),
@@ -830,6 +831,7 @@ export default {
     filterFunc(options, filterString) {
       let visibleOptionsCount = 0;
 
+    console.log("filterFunc called")
       options.forEach(option => {
         let isVisible = option.initiallyVisible && option.title && option.title.toString().toLowerCase().includes(filterString) && !this.actualBookmarkedOptions[option.id];
 

package/src/helpers/debounce.js

@@ -0,0 +1,23 @@
+export default function debounce(f, ms) {
+    let timer = null;
+
+    function debounced(...args) {
+        if (timer) {
+            clearTimeout(timer);
+        }
+
+        timer = setTimeout(() => {
+            f.apply(this, args);
+            timer = null;
+        }, ms);
+    }
+
+    debounced.cancel = function() {
+        if (timer) {
+            clearTimeout(timer);
+            timer = null;
+        }
+    };
+
+    return debounced;
+}