@avakhula/ui 0.0.87 → 0.0.89

package/package.json

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

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

@@ -135,6 +135,9 @@ export default {
       type: [String, Number],
       default: "",
     },
+    modelValue: {
+      type: [String, Number],
+    },
     settingsVerticalPosition: {
       type: String,
       default: verticalPosition.bottom,
@@ -146,7 +149,7 @@ export default {
   },
   data() {
     return {
-      actualValue: this.value,
+      actualValue: this.modelValue || this.value,
       showPassword: false,
     };
   },
@@ -156,19 +159,21 @@ export default {
     },
     clearInput() {
       this.actualValue = "";
+      this.$emit("update:modelValue", this.actualValue);
       this.$emit("input", this.actualValue);
     },
-    onBlur(e) {
-      this.$emit("blur", e.target.value);
+    onBlur() {
+      this.$emit("blur", this.actualValue);
     },
-    onFocus(e) {
-      this.$emit("focus", e.target.value);
+    onFocus() {
+      this.$emit("focus", this.actualValue);
     },
-    onInput(e) {
+    onInput() {
       if (this.debounce) {
-        this.delayedInput(e.target.value);
+        this.delayedInput(this.actualValue);
       } else {
-        this.$emit("input", e.target.value);
+        this.$emit("update:modelValue", this.actualValue);
+        this.$emit("input", this.actualValue);
       }
     },
     delayedInput(value) {
@@ -179,6 +184,7 @@ export default {
 
       this.timer = setTimeout(() => {
         this.$emit("input", value);
+        this.$emit("update:modelValue", value);
       }, this.debounce);
     },
   },