fix: fix not input in some webview

qiqiboy · May 9, 2020 · 2cf262c · 2cf262c
1 parent d4fa311
commit 2cf262c
Show file tree

Hide file tree

Showing 7 changed files with 45 additions and 13 deletions.
diff --git a/dist/react-formutil.cjs.development.js b/dist/react-formutil.cjs.development.js
@@ -2169,7 +2169,7 @@ var EasyFieldNative = /*#__PURE__*/function (_Component) {
           htmlValue = _this$props.value,
           _onChange = _this$props.onChange,
           onFocus = _this$props.onFocus,
-          onBlur = _this$props.onBlur,
+          _onBlur = _this$props.onBlur,
           checked = _this$props.checked,
           unchecked = _this$props.unchecked,
           others = objectWithoutProperties(_this$props, ["$fieldutil", "value", "onChange", "onFocus", "onBlur", "checked", "unchecked"]);
@@ -2197,7 +2197,15 @@ var EasyFieldNative = /*#__PURE__*/function (_Component) {
           }
         },
         onFocus: onFocus,
-        onBlur: onBlur
+        onBlur: function onBlur(ev) {
+          if (_this.isComposition) {
+            _this.isComposition = false;
+            delete _this.compositionValue;
+            htmlProps.onChange(ev);
+          }
+
+          return _onBlur(ev);
+        }
       };
       var Element = 'input';
 
@@ -2232,7 +2240,7 @@ var EasyFieldNative = /*#__PURE__*/function (_Component) {
               _onChange(ev.target.checked ? checked : unchecked, ev);
             },
             onFocus: onFocus,
-            onBlur: onBlur
+            onBlur: _onBlur
           };
           break;
       }

diff --git a/dist/react-formutil.cjs.production.js b/dist/react-formutil.cjs.production.js
diff --git a/dist/react-formutil.esm.development.js b/dist/react-formutil.esm.development.js
@@ -2104,7 +2104,7 @@ var EasyFieldNative = /*#__PURE__*/function (_Component) {
           htmlValue = _this$props.value,
           _onChange = _this$props.onChange,
           onFocus = _this$props.onFocus,
-          onBlur = _this$props.onBlur,
+          _onBlur = _this$props.onBlur,
           checked = _this$props.checked,
           unchecked = _this$props.unchecked,
           others = _objectWithoutProperties(_this$props, ["$fieldutil", "value", "onChange", "onFocus", "onBlur", "checked", "unchecked"]);
@@ -2132,7 +2132,15 @@ var EasyFieldNative = /*#__PURE__*/function (_Component) {
           }
         },
         onFocus: onFocus,
-        onBlur: onBlur
+        onBlur: function onBlur(ev) {
+          if (_this.isComposition) {
+            _this.isComposition = false;
+            delete _this.compositionValue;
+            htmlProps.onChange(ev);
+          }
+
+          return _onBlur(ev);
+        }
       };
       var Element = 'input';
 
@@ -2167,7 +2175,7 @@ var EasyFieldNative = /*#__PURE__*/function (_Component) {
               _onChange(ev.target.checked ? checked : unchecked, ev);
             },
             onFocus: onFocus,
-            onBlur: onBlur
+            onBlur: _onBlur
           };
           break;
       }

diff --git a/dist/react-formutil.esm.production.js b/dist/react-formutil.esm.production.js
diff --git a/dist/react-formutil.umd.development.js b/dist/react-formutil.umd.development.js
@@ -2656,7 +2656,7 @@
             htmlValue = _this$props.value,
             _onChange = _this$props.onChange,
             onFocus = _this$props.onFocus,
-            onBlur = _this$props.onBlur,
+            _onBlur = _this$props.onBlur,
             checked = _this$props.checked,
             unchecked = _this$props.unchecked,
             others = objectWithoutProperties(_this$props, ["$fieldutil", "value", "onChange", "onFocus", "onBlur", "checked", "unchecked"]);
@@ -2684,7 +2684,15 @@
             }
           },
           onFocus: onFocus,
-          onBlur: onBlur
+          onBlur: function onBlur(ev) {
+            if (_this.isComposition) {
+              _this.isComposition = false;
+              delete _this.compositionValue;
+              htmlProps.onChange(ev);
+            }
+
+            return _onBlur(ev);
+          }
         };
         var Element = 'input';
 
@@ -2719,7 +2727,7 @@
                 _onChange(ev.target.checked ? checked : unchecked, ev);
               },
               onFocus: onFocus,
-              onBlur: onBlur
+              onBlur: _onBlur
             };
             break;
         }

diff --git a/dist/react-formutil.umd.production.js b/dist/react-formutil.umd.production.js
diff --git a/src/EasyField/Native.js b/src/EasyField/Native.js
@@ -47,7 +47,15 @@ class EasyFieldNative extends Component {
                 }
             },
             onFocus,
-            onBlur
+            onBlur: ev => {
+                if (this.isComposition) {
+                    this.isComposition = false;
+                    delete this.compositionValue;
+                    htmlProps.onChange(ev);
+                }
+
+                return onBlur(ev);
+            }
         };
         let Element = 'input';