fix: inputNumber focus

ZhongAnTech · May 21, 2021 · 33e76d1 · 33e76d1
1 parent be31f7c
commit 33e76d1
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/packages/zarm/src/input/InputNumber.tsx b/packages/zarm/src/input/InputNumber.tsx
@@ -30,7 +30,7 @@ export default class InputNumber extends Component<InputNumberProps, any> {
 
   componentDidMount() {
     const { autoFocus, focused } = this.props;
-    Events.on(document.body, 'click', this.onMaskClick);
+    this.addBlurListener();
 
     if (autoFocus || focused) {
       this.onFocus();
@@ -57,9 +57,17 @@ export default class InputNumber extends Component<InputNumberProps, any> {
   }
 
   componentWillUnmount() {
-    Events.off(document.body, 'click', this.onMaskClick);
+    this.removeBlurListener();
   }
 
+  addBlurListener = () => {
+    Events.on(document.body, 'click', this.onMaskClick);
+  };
+
+  removeBlurListener = () => {
+    Events.off(document.body, 'click', this.onMaskClick);
+  };
+
   onMaskClick = (e) => {
     const clsRegExp = new RegExp(`(^|\\s)${this.picker.props.prefixCls}(\\s|$)`, 'g');
     if (!this.state.visible || this.state.focused) {
@@ -156,7 +164,11 @@ export default class InputNumber extends Component<InputNumberProps, any> {
   };
 
   focus = () => {
+    this.removeBlurListener();
     this.onFocus();
+    setTimeout(() => {
+      this.addBlurListener();
+    }, 50);
   };
 
   blur = () => {