From e2b1d4336f6a19ee80667c3383c12861448937e0 Mon Sep 17 00:00:00 2001
From: pingan1927 <pengsencai1986@gmail.com>
Date: Sat, 8 Oct 2016 11:52:50 +0800
Subject: [PATCH] fix inpunt-item parttern bug #334

---
 components/input-item/index.web.tsx | 31 ++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/components/input-item/index.web.tsx b/components/input-item/index.web.tsx
index 3d84623edf..1d12dbc18f 100644
--- a/components/input-item/index.web.tsx
+++ b/components/input-item/index.web.tsx
@@ -134,17 +134,6 @@ export default class InputItem extends React.Component<InputItemProps, InputItem
       prefixCls, prefixListCls, type, value, defaultValue, name, editable, disabled, style, clear, children,
       error, className, extra, labelNumber, maxLength } = this.props;
 
-    let valueProps;
-    if (value !== undefined) {
-      valueProps = {
-        value: fixControlledValue(value),
-      };
-    } else {
-      valueProps = {
-        defaultValue,
-      };
-    }
-
     const { focus, placeholder } = this.state;
     const wrapCls = classNames({
       [`${prefixListCls}-item`]: true,
@@ -172,6 +161,24 @@ export default class InputItem extends React.Component<InputItemProps, InputItem
       inputType = 'password';
     }
 
+    let valueProps;
+    if (value !== undefined) {
+      valueProps = {
+        value: fixControlledValue(value),
+      };
+    } else {
+      valueProps = {
+        defaultValue,
+      };
+    }
+
+    let patternProps;
+    if (type === 'number') {
+      patternProps = {
+        pattern: '[0-9]*',
+      }
+    }
+
     return (
       <div className={wrapCls} style={style}>
         {children ? (<div className={labelCls}>{children}</div>) : null}
@@ -187,7 +194,7 @@ export default class InputItem extends React.Component<InputItemProps, InputItem
             onFocus={this.onInputFocus}
             readOnly={!editable}
             disabled={disabled}
-            pattern={type === 'number' ? '[0-9]*' : ''}
+            {...patternProps}
           />
         </div>
         {clear && editable && !disabled && (value && value.length > 0) ?