@avakhula/ui 0.0.192 → 0.0.194

package/package.json

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

package/src/components/Form/Input/Input.vue

@@ -250,6 +250,9 @@ export default {
     value(newVal) {
       this.actualValue = newVal;
     },
+    modelValue(newVal) {
+      this.actualValue = newVal;
+    },
     disabled(newVal) {
       this.$globalEvents.$emit(`label:disabled:${this.id}`, newVal);
     },

package/src/components/TreeSelect/Select.vue

@@ -93,7 +93,7 @@
               :is-multiple="isMultiple"
               :is-bookmarkable="true"
               :is-bookmarked="true"
-              @check="registerCheck"
+              @check="onCheck"
               @toggle-bookmark="toggleBookmark"
               :uid="uid"
               :only-end-nodes="onlyEndNodes"
@@ -151,7 +151,7 @@
                 :name="actualName"
                 :parent-auto-check="parentAutoCheck"
                 :is-multiple="isMultiple"
-                @check="registerCheck"
+                @check="onCheck"
                 @toggle-bookmark="toggleBookmark"
                 :uid="uid"
                 :only-end-nodes="onlyEndNodes"
@@ -214,7 +214,7 @@
                     :parent-auto-check="parentAutoCheck"
                     :is-multiple="isMultiple"
                     :is-bookmarkable="isBookmarkable"
-                    @check="registerCheck"
+                    @check="onCheck"
                     @toggle-bookmark="toggleBookmark"
                     :uid="uid"
                     :only-end-nodes="onlyEndNodes"
@@ -765,6 +765,18 @@ export default {
     checkIfOptionsChecked(options) {
       return options.every((option) => option.checked);
     },
+    onCheck(option, isChecked, isDirectChild) {
+      this.registerCheck(option, isChecked, isDirectChild);
+      const values = Object.keys(this.selected);
+
+      if (this.isMultiple) {
+        this.$emit("update:modelValue", values);
+        this.$emit("input", values);
+      } else {
+        this.$emit("update:modelValue", values[0]);
+        this.$emit("input", values[0]);
+      }
+    },
     registerCheck(option, isChecked, isDirectChild) {
       if (isChecked) {
         option.checked = true;
@@ -773,8 +785,6 @@ export default {
             !(this.onlyEndNodes && option.children && option.children.length)
           ) {
             this.selected[option.id] = option;
-            this.$emit("update:modelValue", Object.keys(this.selected));
-            this.$emit("input", Object.keys(this.selected));
           }
         } else {
           const selectedOptionKey = Object.keys(this.selected)[0];
@@ -789,8 +799,6 @@ export default {
       } else {
         delete this.selected[option.id];
         option.checked = false;
-        this.$emit("update:modelValue", Object.keys(this.selected));
-        this.$emit("input", Object.keys(this.selected));
       }
 
       this.toggleDuplicateOptions(this.actualOptions, option.id, isChecked);
@@ -815,6 +823,9 @@ export default {
       this.traverseTree(this.actualOptions, (option) => {
         this.registerCheck(option, this.allOptionsIsChecked, false);
       });
+
+      this.$emit("update:modelValue", Object.keys(this.selected));
+      this.$emit("input", Object.keys(this.selected));
     },
     traverseTree(tree, callback) {
       tree.forEach((option) => {