From ee82d0108008d216392333d59953cb4e4667b9a2 Mon Sep 17 00:00:00 2001
From: Nikita-Polyakov <polyakov@soramitsu.co.jp>
Date: Thu, 25 Feb 2021 08:10:41 +0300
Subject: [PATCH 1/4] removed model from SInput

---
 src/components/Input/SInput.vue | 18 +++---------------
 1 file changed, 3 insertions(+), 15 deletions(-)

diff --git a/src/components/Input/SInput.vue b/src/components/Input/SInput.vue
index 2ecac0be..1fd5dcb7 100644
--- a/src/components/Input/SInput.vue
+++ b/src/components/Input/SInput.vue
@@ -3,12 +3,12 @@
     class="s-input"
     :class="computedClasses"
   >
-    <span v-if="model && !isMediumInput" class="s-placeholder">{{ placeholder }}</span>
+    <span v-if="value && !isMediumInput" class="s-placeholder">{{ placeholder }}</span>
     <el-input
       ref="el-input"
+      :value="value"
       :type="computedType"
       :placeholder="placeholder"
-      v-model="model"
       :disabled="disabled"
       :show-password="showPassword && isTextInput"
       :readonly="readonly"
@@ -138,7 +138,6 @@ export default class SInput extends Mixins(BorderRadiusMixin) {
 
   focused = false
   autofill = false
-  model = this.value
 
   mounted (): void {
     this.$el.addEventListener('animationstart', this.changeAutofillValue)
@@ -152,17 +151,6 @@ export default class SInput extends Mixins(BorderRadiusMixin) {
     this.autofill = e.animationName === 'onAutoFillStart'
   }
 
-  @Watch('value')
-  private handlePropChange (value: string | number): void {
-    this.model = value
-  }
-
-  @Watch('model')
-  private handleValueChange (value: string | number): void {
-    this.$emit('input', value)
-    this.$emit('change', value)
-  }
-
   get isTextInput (): boolean {
     return this.type === InputType.TEXT
   }
@@ -254,7 +242,7 @@ export default class SInput extends Mixins(BorderRadiusMixin) {
     const file = input.files[0]
     const fr = new FileReader()
     fr.onload = (event: ProgressEvent<FileReader>) => {
-      this.model = ((event.target || {}).result as string)
+      this.handleInput((event.target || {}).result as string)
     }
     fr.readAsText(file)
   }

From 665800180fea6a4d540c052ce9a5b9e773b2c0ad Mon Sep 17 00:00:00 2001
From: Nikita-Polyakov <polyakov@soramitsu.co.jp>
Date: Thu, 25 Feb 2021 08:18:02 +0300
Subject: [PATCH 2/4] up package version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f21a6683..ff0bbeee 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@soramitsu/soramitsu-js-ui",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "private": false,
   "publishConfig": {
     "registry": "https://nexus.iroha.tech/repository/npm-soramitsu-private/"

From e98392778aed62b692c060d32aa913310c1e7460 Mon Sep 17 00:00:00 2001
From: Nikita-Polyakov <polyakov@soramitsu.co.jp>
Date: Thu, 25 Feb 2021 08:36:08 +0300
Subject: [PATCH 3/4] fix paste input handler

---
 src/components/Input/SInput.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Input/SInput.vue b/src/components/Input/SInput.vue
index 1fd5dcb7..906e2d69 100644
--- a/src/components/Input/SInput.vue
+++ b/src/components/Input/SInput.vue
@@ -27,9 +27,9 @@
       :suffix-icon="suffix"
       @input="handleInput"
       @change="handleChange"
-      @paste="handlePaste"
       @blur="handleBlur"
       @focus="handleFocus"
+      @paste.native="handlePaste"
     />
     <template v-if="type === InputType.TEXT_FILE">
       <i class="s-icon-file-upload"></i>
@@ -211,7 +211,10 @@ export default class SInput extends Mixins(BorderRadiusMixin) {
     this.$emit('change', value)
   }
 
-  handlePaste (value: string | number): void {
+  handlePaste (event: ClipboardEvent): void {
+    if (!event || !event.clipboardData) return
+
+    const value = event.clipboardData.getData('text')
     this.$emit('paste', value)
   }
 

From 7aa6f0f50918e9565e4c4bc08ce5fda2599620ff Mon Sep 17 00:00:00 2001
From: Nikita-Polyakov <polyakov@soramitsu.co.jp>
Date: Thu, 25 Feb 2021 08:54:34 +0300
Subject: [PATCH 4/4] add change emitter on file change

---
 src/components/Input/SInput.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Input/SInput.vue b/src/components/Input/SInput.vue
index 906e2d69..d6f53b46 100644
--- a/src/components/Input/SInput.vue
+++ b/src/components/Input/SInput.vue
@@ -245,7 +245,9 @@ export default class SInput extends Mixins(BorderRadiusMixin) {
     const file = input.files[0]
     const fr = new FileReader()
     fr.onload = (event: ProgressEvent<FileReader>) => {
-      this.handleInput((event.target || {}).result as string)
+      const result = (event.target || {}).result as string
+      this.handleInput(result)
+      this.handleChange(result)
     }
     fr.readAsText(file)
   }