fix(InputItem): money input should support disabled, editable

close ant-design#1437

components/input-item/CustomInput.web.tsx

@@ -1,3 +1,4 @@
+/* tslint:disable:jsx-no-multiline-js */
 import React from 'react';
 import CustomKeyboard from './CustomKeyboard.web';
 
@@ -101,23 +102,26 @@ class NumberInput extends React.Component<any, any> {
   }
 
   render() {
-    const { placeholder, value, keyboardPrefixCls } = this.props;
+    const { placeholder, value, keyboardPrefixCls, disabled, editable } = this.props;
     const { focused } = this.state;
+    const preventKeyboard = disabled || !editable;
     return (<div className="fake-input-container">
       {value === '' && <div className="fake-input-placeholder">{placeholder}</div>}
       <div
         className={focused ? 'fake-input focus' : 'fake-input'}
         ref="input-container"
-        onClick={this.onFakeInputClick}
+        onClick={preventKeyboard ? () => {} : this.onFakeInputClick}
       >
         {value}
       </div>
-      <CustomKeyboard
-        onClick={this.onKeyboardClick}
-        hide={!focused}
-        confirmDisabled={value === ''}
-        preixCls={keyboardPrefixCls}
-      />
+      {!preventKeyboard &&
+        <CustomKeyboard
+          onClick={this.onKeyboardClick}
+          hide={!focused}
+          confirmDisabled={value === ''}
+          preixCls={keyboardPrefixCls}
+        />
+      }
     </div>);
   }
 }

components/input-item/index.web.tsx

@@ -237,6 +237,7 @@ class InputItem extends React.Component<InputItemProps, any> {
               onFocus={this.onInputFocus}
               onBlur={this.onInputBlur}
               disabled={disabled}
+              editable={editable}
               value={fixControlledValue(value)}
               {...(this.props.focused !== undefined ? { focused: this.props.focused } : {})}
               {...(this.props.autoFocus !== undefined ? { autoFocus: this.props.autoFocus } : {})}