@avakhula/ui 0.1.23 → 0.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "type": "module",
   "module": "dist/index.js",
   "private": false,

package/src/components/TreeSelect/Select.vue

@@ -524,10 +524,7 @@ export default {
       ) {
         this.setPreparedValues(this.actualOptions).then(() => {
           const values = Object.keys(this.selected);
-          this.$globalEvents.$emit("select-" + this.filterId + ":update", {
-            values,
-            filter: this.filterId,
-          });
+          this.broadcastUpdate(values);
         });
       }
     },
@@ -557,11 +554,8 @@ export default {
 
       if ((this.isInitialized && !isOptionsEqual) || this.isWatching) {
         this.setPreparedValues().then(() => {
-          const values = Object.keys(this.selected);
-          this.$globalEvents.$emit("select-" + this.filterId + ":update", {
-            values,
-            filter: this.filterId,
-          });
+            const values = Object.keys(this.selected);
+          this.broadcastUpdate(values);
         });
       }
     },
@@ -609,6 +603,10 @@ export default {
       this.virtualizer?.measure();
     }, 1000);
 
+    this.broadcastUpdate = debounce(function(values) {
+      this.$globalEvents.$emit("select-" + this.filterId + ":update", { values, filter: this.filterId });
+    }, 100);
+
     return {
       virtualizer: null,
       initialOptions: typeof this.options === "function" ? this.options : copy(this.options),
@@ -752,7 +750,7 @@ export default {
       if (this.dependency) {
           this.$globalEvents.$on("select-" + this.dependency + ":update", (dependencyValue) => {
               this.clear();
-            this.dependencyValue = dependencyValue;
+              this.dependencyValue = dependencyValue;
 
             if (this.dependencyValue && this.dependencyValue.values && (!Array.isArray(this.dependencyValue.values) || this.dependencyValue.values.length)) {
               this.setPreparedValues();
@@ -827,6 +825,7 @@ export default {
        this.$emit("input", empty);
        this.$emit("clear-value", empty);
        this.$nextTick(() => (this.isInternalChange = false));
+       this.broadcastUpdate(empty);
        this.setPreparedValues();
     },
     prepare(options, checkInitialVisibility = true) {
@@ -963,7 +962,7 @@ export default {
          this.$emit("input", values[0]);
        }
        this.$nextTick(() => (this.isInternalChange = false));
-       this.$globalEvents.$emit("select-" + this.filterId + ":update", { values, filter: this.filterId });
+       this.broadcastUpdate(values);
        if (!this.isMultiple) this.$refs.dropdown.close();
     },
     checkIfOptionsChecked(options) {
@@ -998,6 +997,7 @@ export default {
           this.$emit("update:modelValue", values);
           this.$emit("input", values);
           this.$nextTick(() => (this.isInternalChange = false));
+          this.broadcastUpdate(values);
         }
     },
     toggleDuplicateOptions(options, optionId, checked) {