shineout 1.9.5 → 1.10.0-rc.3

package/css/Button/styles/button.css

@@ -22,8 +22,13 @@
 }
 .so-button-spin {
   display: inline-block;
+}
+.so-button-spin:not(.so-button-rtl *) {
   margin-right: var(--button-spin-margin, 8px);
 }
+.so-button-rtl .so-button-spin {
+  margin-left: var(--button-spin-margin, 8px);
+}
 .so-button:hover,
 .so-button:focus {
   z-index: 10;
@@ -38,9 +43,12 @@
   background-image: none;
   outline: 0;
 }
-.so-button + .so-button {
+.so-button + .so-button:not(.so-button + .so-button-rtl) {
   margin-left: var(--button-margin-left, 12px);
 }
+.so-button + .so-button-rtl {
+  margin-right: var(--button-margin-left, 12px);
+}
 .so-button[disabled],
 fieldset[disabled] .so-button {
   position: relative;
@@ -872,10 +880,15 @@ fieldset[disabled] .so-button-link:focus {
 }
 .so-button-group .so-button {
   position: relative;
-  margin-left: 0px;
   border-right-width: 0;
   border-left-width: 0;
 }
+.so-button-group .so-button:not(.so-button-group .so-button-rtl) {
+  margin-left: 0px;
+}
+.so-button-group .so-button-rtl {
+  margin-right: 0px;
+}
 .so-button-group .so-button:before {
   position: absolute;
   top: 50%;
@@ -893,23 +906,22 @@ fieldset[disabled] .so-button-link:focus {
   left: auto;
   right: 0;
 }
-.so-button-group .so-button:first-child {
+.so-button-group .so-button:first-child:not(.so-button-rtl) {
   margin-left: 0;
   border-left-width: 1px;
 }
-.so-button-group-rtl.so-button-group .so-button:first-child {
+.so-button-group .so-button:first-child.so-button-rtl {
   border-right-width: 1px;
-  border-left-width: 0;
+  margin-right: 0;
 }
 .so-button-group .so-button:first-child:before {
   display: none;
 }
-.so-button-group .so-button:last-child {
+.so-button-group .so-button:last-child:not(.so-button-rtl) {
   border-right-width: 1px;
 }
-.so-button-group-rtl.so-button-group .so-button:last-child {
+.so-button-group .so-button:last-child.so-button-rtl {
   border-left-width: 1px;
-  border-right-width: 0;
 }
 .so-button-group .so-button:not(:first-child):not(:last-child) {
   border-radius: 0;

package/css/Checkbox/styles/checkinput.css

@@ -334,6 +334,10 @@ fieldset[disabled] .so-checkinput-button .so-checkinput.so-checkinput-checked:ac
   -webkit-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
   transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
 }
+.so-checkinput-rtl.so-checkinput-switch {
+  padding-left: 4px;
+  padding-right: var(--switch-indicator-size, 24px);
+}
 .so-checkinput-switch input {
   width: 0;
   height: 0;
@@ -355,6 +359,10 @@ fieldset[disabled] .so-checkinput-button .so-checkinput.so-checkinput-checked:ac
   -webkit-box-shadow: 0 1px 4px var(--gray-500, #adb5bd);
           box-shadow: 0 1px 4px var(--gray-500, #adb5bd);
 }
+.so-checkinput-rtl .so-checkinput-switch-indicator {
+  left: auto;
+  right: var(--switch-indicator-padding-horizontal, 0px);
+}
 .so-checkinput-switch-children {
   font-size: 12px;
   color: #fff;
@@ -365,24 +373,45 @@ fieldset[disabled] .so-checkinput-button .so-checkinput.so-checkinput-checked:ac
   padding-left: 4px;
   background: var(--switch-checked-bg, var(--primary-color-fade-50, rgba(51, 153, 255, 0.5)));
 }
+.so-checkinput-rtl.so-checkinput-checked.so-checkinput-switch {
+  padding-left: var(--switch-indicator-size, 24px);
+  padding-right: 4px;
+}
 .so-checkinput-checked.so-checkinput-switch .so-checkinput-switch-indicator {
   -webkit-box-shadow: var(--switch-checked-box-shadow, 0 1px 4px var(--primary-color-fade-50, rgba(51, 153, 255, 0.5)));
           box-shadow: var(--switch-checked-box-shadow, 0 1px 4px var(--primary-color-fade-50, rgba(51, 153, 255, 0.5)));
+  background: var(--switch-indicator-checked-bg, var(--primary-color, #3399ff));
+}
+.so-checkinput-checked.so-checkinput-switch .so-checkinput-switch-indicator:not(.so-checkinput-rtl *) {
   left: 100%;
   margin-left: var(--switch-indicator-padding-horizontal-negative, 0px);
   -webkit-transform: translateX(-100%);
       -ms-transform: translateX(-100%);
           transform: translateX(-100%);
-  background: var(--switch-indicator-checked-bg, var(--primary-color, #3399ff));
+}
+.so-checkinput-rtl.so-checkinput-checked.so-checkinput-switch .so-checkinput-switch-indicator {
+  right: 100%;
+  margin-right: var(--switch-indicator-padding-horizontal-negative, 0px);
+  -webkit-transform: translateX(100%);
+      -ms-transform: translateX(100%);
+          transform: translateX(100%);
 }
 .so-checkinput-checked.so-checkinput-small.so-checkinput-switch {
   padding-left: 0;
   padding-right: var(--switch-small-indicator-size, 16px);
 }
+.so-checkinput-rtl.so-checkinput-checked.so-checkinput-small.so-checkinput-switch {
+  padding-left: var(--switch-small-indicator-size, 16px);
+  padding-right: 0;
+}
 .so-checkinput-checked.so-checkinput-large.so-checkinput-switch {
   padding-left: 0;
   padding-right: var(--switch-large-indicator-size, 32px);
 }
+.so-checkinput-rtl.so-checkinput-checked.so-checkinput-large.so-checkinput-switch {
+  padding-left: var(--switch-large-indicator-size, 32px);
+  padding-right: 0;
+}
 .so-checkinput-small.so-checkinput-switch {
   min-width: 28px;
   height: var(--switch-small-bg-height, 10px);
@@ -391,6 +420,10 @@ fieldset[disabled] .so-checkinput-button .so-checkinput.so-checkinput-checked:ac
   padding-left: var(--switch-small-indicator-size, 16px);
   padding-right: 0;
 }
+.so-checkinput-rtl.so-checkinput-small.so-checkinput-switch {
+  padding-right: var(--switch-small-indicator-size, 16px);
+  padding-left: 0;
+}
 .so-checkinput-small.so-checkinput-switch .so-checkinput-switch-indicator {
   width: var(--switch-small-indicator-size, 16px);
   height: var(--switch-small-indicator-size, 16px);
@@ -406,6 +439,10 @@ fieldset[disabled] .so-checkinput-button .so-checkinput.so-checkinput-checked:ac
   padding-left: var(--switch-large-indicator-size, 32px);
   padding-right: 0;
 }
+.so-checkinput-rtl.so-checkinput-large.so-checkinput-switch {
+  padding-right: var(--switch-large-indicator-size, 32px);
+  padding-left: 0;
+}
 .so-checkinput-large.so-checkinput-switch .so-checkinput-switch-indicator {
   width: var(--switch-large-indicator-size, 32px);
   height: var(--switch-large-indicator-size, 32px);

package/css/Form/styles/form.css

@@ -253,6 +253,15 @@
       -ms-transform: rotate(315deg);
           transform: rotate(315deg);
 }
+.so-input-rtl .so-input-clear-wrapper .so-input-clear {
+  right: auto;
+  left: 8px;
+}
+.so-input-rtl .so-input-clear-wrapper .so-input-clear:after,
+.so-input-rtl .so-input-clear-wrapper .so-input-clear:before {
+  left: auto;
+  right: 3px;
+}
 .so-input-inline {
   display: inline-block;
   display: -webkit-inline-box;
@@ -286,14 +295,22 @@
   margin: auto 0;
   background: transparent;
 }
-.so-input-group > span:first-child,
-.so-input-group > i:first-child {
+.so-input-group > span:first-child:not(.so-input-rtl *),
+.so-input-group > i:first-child:not(.so-input-rtl *) {
   padding-left: 12px;
 }
-.so-input-group > span:last-child,
-.so-input-group > i:last-child {
+.so-input-rtl.so-input-group > span:first-child,
+.so-input-rtl.so-input-group > i:first-child {
+  padding-right: 12px;
+}
+.so-input-group > span:last-child:not(.so-input-rtl *),
+.so-input-group > i:last-child:not(.so-input-rtl *) {
   padding-right: 8px;
 }
+.so-input-rtl.so-input-group > span:last-child,
+.so-input-rtl.so-input-group > i:last-child {
+  padding-left: 8px;
+}
 .so-input-group > b {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -743,14 +760,6 @@ textarea.so-input-textarea-resize {
   left: auto;
   right: 3px;
 }
-.so-input.so-input-rtl.so-input-group > span:first-child,
-.so-input.so-input-rtl.so-input-group > i:first-child {
-  padding-right: 12px;
-}
-.so-input.so-input-rtl.so-input-group > span:last-child,
-.so-input.so-input-rtl.so-input-group > i:last-child {
-  padding-left: 8px;
-}
 .so-input.so-input-rtl .so-input-number-up,
 .so-input.so-input-rtl .so-input-number-down {
   left: 0;

package/css/Input/Input.js

@@ -33,6 +33,15 @@ var _styles2 = require("./styles");
 
 var _InputTitle = _interopRequireDefault(require("../InputTitle"));
 
+function regLength(size) {
+  return /\d+/.test(size) && size > 0 ? "{0," + size + "}" : '*';
+}
+
+function fillNumber(val) {
+  return val.replace(/^(-)?(\.\d+)(?!=\.).*/g, '$10$2') // eslint-disable-next-line no-useless-escape
+  .replace(/(?<=-|^)0+(?=0\.?|[^0\.])/g, '').replace(/\.$/, '');
+}
+
 var Input =
 /*#__PURE__*/
 function (_PureComponent) {
@@ -54,6 +63,7 @@ function (_PureComponent) {
     _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handleKeyUp = _this.handleKeyUp.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleAutoSelect = _this.handleAutoSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.bindRef = _this.bindRef.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
@@ -66,16 +76,69 @@ function (_PureComponent) {
     if (forwardedRef) forwardedRef(el);
   };
 
-  _proto.invalidNumber = function invalidNumber(value) {
+  _proto.isValidNumber = function isValidNumber(val) {
+    var numType = this.props.numType;
+    var noNeg = numType === 'non-negative' || numType === 'positive';
+    var regExp = new RegExp("^(" + (noNeg ? '' : '-') + ")?\\d*\\.?\\d*$", 'g');
+    return regExp.test(val);
+  };
+
+  _proto.formatValue = function formatValue(val) {
+    var value = val;
     var _this$props = this.props,
+        type = _this$props.type,
         digits = _this$props.digits,
-        type = _this$props.type;
+        integerLimit = _this$props.integerLimit,
+        numType = _this$props.numType;
+    var noNeg = numType === 'non-negative' || numType === 'positive';
+    if (type !== 'number') return value;
+    var regExp = new RegExp("^(" + (noNeg ? '' : '-') + ")?(\\d" + regLength(integerLimit) + ")(" + (digits !== 0 ? "\\.\\d" + regLength(digits) : '') + ")?.*$", 'g');
+    value = value.replace(regExp, '$1$2$3');
+    return value;
+  };
+
+  _proto.fixValue = function fixValue(val) {
+    var _this$props2 = this.props,
+        type = _this$props2.type,
+        digits = _this$props2.digits,
+        autoFix = _this$props2.autoFix,
+        cancelChange = _this$props2.cancelChange,
+        numType = _this$props2.numType;
+    if (type !== 'number' || val === '') return val;
+    if (/^[.-]+$/.test(val)) return '';
+    var fixVal = fillNumber(val);
+    if (numType === 'positive' && fixVal <= 0) return '';
+
+    if (digits !== undefined && autoFix) {
+      if (digits > 0) {
+        fixVal = parseFloat(fixVal).toFixed(digits);
+      } else {
+        fixVal = parseInt(fixVal, 10).toString();
+      }
+
+      if (cancelChange) cancelChange();
+    }
+
+    return fixVal;
+  };
+
+  _proto.invalidNumber = function invalidNumber(value) {
+    var _this$props3 = this.props,
+        digits = _this$props3.digits,
+        type = _this$props3.type,
+        integerLimit = _this$props3.integerLimit;
     if (type !== 'number') return false;
-    var reg = '^-?\\d*';
+    var reg = '^-?';
+
+    if (!integerLimit) {
+      reg += "\\d*";
+    } else if (integerLimit > 0) {
+      reg += "\\d{0," + integerLimit + "}";
+    }
 
     if (digits === undefined) {
       reg += '\\.?\\d*';
-    } else if (digits > 0) {
+    } else if (digits >= 0) {
       reg += "\\.?\\d{0," + digits + "}";
     }
 
@@ -85,10 +148,9 @@ function (_PureComponent) {
   };
 
   _proto.handleChange = function handleChange(e, clearClick) {
-    var _this$props2 = this.props,
-        type = _this$props2.type,
-        clearable = _this$props2.clearable,
-        digits = _this$props2.digits;
+    var _this$props4 = this.props,
+        type = _this$props4.type,
+        clearable = _this$props4.clearable;
 
     if (clearClick) {
       this.ref.focus();
@@ -102,20 +164,16 @@ function (_PureComponent) {
       return;
     }
 
-    if (type === 'number' && typeof value !== 'number') value = String(value).replace(/。/g, '.');
+    if (type === 'number') {
+      if (typeof value !== 'number') {
+        value = String(value).replace(/。/g, '.');
+      }
 
-    if (this.invalidNumber(value)) {
-      // For numbers with a decimal point, use toFixed to correct the number of decimal points.
-      if (digits >= 0 && /^-?\d*\.?\d*$/.test(value)) {
-        if (digits === 0) {
-          value = value === '.' ? '' : Number(value).toFixed(digits);
-        } else {
-          value = Number(value).toFixed(digits + 1).slice(0, -1);
-        }
-      } else {
-        // digits <= 0 || not of number
+      if (!this.isValidNumber(value)) {
         return;
       }
+
+      value = this.formatValue(value);
     }
 
     this.props.onChange(value);
@@ -128,9 +186,9 @@ function (_PureComponent) {
   };
 
   _proto.handleKeyUp = function handleKeyUp(e) {
-    var _this$props3 = this.props,
-        onKeyUp = _this$props3.onKeyUp,
-        onEnterPress = _this$props3.onEnterPress;
+    var _this$props5 = this.props,
+        onKeyUp = _this$props5.onKeyUp,
+        onEnterPress = _this$props5.onEnterPress;
 
     if (this.enterPress && e.keyCode === 13 && onEnterPress) {
       onEnterPress(e.target.value, e);
@@ -142,18 +200,34 @@ function (_PureComponent) {
 
   _proto.handleBlur = function handleBlur(e) {
     var value = e.target.value;
-    var _this$props4 = this.props,
-        forceChange = _this$props4.forceChange,
-        onBlur = _this$props4.onBlur,
-        clearToUndefined = _this$props4.clearToUndefined;
+    var _this$props6 = this.props,
+        forceChange = _this$props6.forceChange,
+        onBlur = _this$props6.onBlur,
+        clearToUndefined = _this$props6.clearToUndefined,
+        cancelChange = _this$props6.cancelChange;
+    if (cancelChange) cancelChange();
+    var newVal = this.fixValue(value);
     if (onBlur) onBlur(e);
-    if (this.invalidNumber(value)) return;
+    if (this.invalidNumber(newVal)) return;
 
-    if (clearToUndefined && value === '' && this.props.value === undefined) {
+    if (clearToUndefined && newVal === '' && this.props.value === undefined) {
       return;
     }
 
-    if (forceChange) forceChange(value);
+    if (forceChange) forceChange(newVal);
+  };
+
+  _proto.handleAutoSelect = function handleAutoSelect(event) {
+    var onFocus = this.props.onFocus;
+    var autoSelect = this.props.autoSelect;
+
+    if (autoSelect) {
+      event.currentTarget.select();
+    }
+
+    if (typeof onFocus === 'function') {
+      onFocus(event);
+    }
   };
 
   _proto.renderInfo = function renderInfo() {
@@ -176,21 +250,21 @@ function (_PureComponent) {
   };
 
   _proto.render = function render() {
-    var _this$props5 = this.props,
-        type = _this$props5.type,
-        defaultValue = _this$props5.defaultValue,
-        digits = _this$props5.digits,
-        className = _this$props5.className,
-        clearable = _this$props5.clearable,
-        htmlName = _this$props5.htmlName,
-        forceChange = _this$props5.forceChange,
-        onEnterPress = _this$props5.onEnterPress,
-        forwardedRef = _this$props5.forwardedRef,
-        innerTitle = _this$props5.innerTitle,
-        inputFocus = _this$props5.inputFocus,
-        clearToUndefined = _this$props5.clearToUndefined,
-        placeholder = _this$props5.placeholder,
-        other = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, ["type", "defaultValue", "digits", "className", "clearable", "htmlName", "forceChange", "onEnterPress", "forwardedRef", "innerTitle", "inputFocus", "clearToUndefined", "placeholder"]);
+    var _this$props7 = this.props,
+        type = _this$props7.type,
+        defaultValue = _this$props7.defaultValue,
+        digits = _this$props7.digits,
+        className = _this$props7.className,
+        clearable = _this$props7.clearable,
+        htmlName = _this$props7.htmlName,
+        forceChange = _this$props7.forceChange,
+        onEnterPress = _this$props7.onEnterPress,
+        forwardedRef = _this$props7.forwardedRef,
+        innerTitle = _this$props7.innerTitle,
+        inputFocus = _this$props7.inputFocus,
+        clearToUndefined = _this$props7.clearToUndefined,
+        placeholder = _this$props7.placeholder,
+        other = (0, _objectWithoutPropertiesLoose2.default)(_this$props7, ["type", "defaultValue", "digits", "className", "clearable", "htmlName", "forceChange", "onEnterPress", "forwardedRef", "innerTitle", "inputFocus", "clearToUndefined", "placeholder"]);
     var value = this.props.value == null || this.props.value === undefined ? '' : this.props.value;
     var needClearUndefined = clearToUndefined && this.props.value !== undefined;
     var showClear = !other.disabled && clearable && (value !== '' || needClearUndefined);
@@ -212,7 +286,8 @@ function (_PureComponent) {
       onChange: this.handleChange,
       onKeyDown: this.handleKeyDown,
       onKeyUp: this.handleKeyUp,
-      onBlur: this.handleBlur
+      onBlur: this.handleBlur,
+      onFocus: this.handleAutoSelect
     }))), showClear && _react.default.createElement(_clear.default, {
       onClick: this.handleChange,
       key: "close",
@@ -227,10 +302,15 @@ Input.propTypes = {
   className: _propTypes.default.string,
   defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   digits: _propTypes.default.number,
+  integerLimit: _propTypes.default.number,
+  numType: _propTypes.default.string,
+  autoSelect: _propTypes.default.bool,
+  autoFix: _propTypes.default.bool,
   forceChange: _propTypes.default.func,
   htmlName: _propTypes.default.string,
   onBlur: _propTypes.default.func,
   onChange: _propTypes.default.func.isRequired,
+  cancelChange: _propTypes.default.func,
   onEnterPress: _propTypes.default.func,
   type: _propTypes.default.string,
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),

package/css/Input/Number.js

@@ -69,17 +69,25 @@ function (_PureComponent) {
       return;
     }
 
-    if (typeof this.props.digits === 'number') {
-      value = parseFloat(value.toFixed(this.props.digits));
+    var _this$props = this.props,
+        digits = _this$props.digits,
+        step = _this$props.step,
+        numType = _this$props.numType,
+        allowNull = _this$props.allowNull;
+
+    if (numType === 'positive' && value <= 0) {
+      value = allowNull ? null : undefined;
+    } else if (typeof digits === 'number') {
+      value = parseFloat(value.toFixed(digits));
     } else {
-      var stepStr = this.props.step.toString();
+      var stepStr = step.toString();
       var dot = stepStr.lastIndexOf('.');
       if (dot >= 0) value = parseFloat(value.toFixed(stepStr.length - dot));
     }
 
-    var _this$props = this.props,
-        min = _this$props.min,
-        max = _this$props.max;
+    var _this$props2 = this.props,
+        min = _this$props2.min,
+        max = _this$props2.max;
     if (max !== undefined && value > max) value = max;
     if (min !== undefined && value < min) value = min;
 
@@ -115,7 +123,24 @@ function (_PureComponent) {
     var value = parseFloat(("" + (val || '')).replace(/,/g, '')); // eslint-disable-next-line
 
     if (isNaN(value)) value = 0;
-    this.handleChange((0, _numbers.sub)(value, mod), true);
+    var _this$props3 = this.props,
+        numType = _this$props3.numType,
+        integerLimit = _this$props3.integerLimit;
+    var calculateVal = (0, _numbers.sub)(value, mod);
+
+    if (numType === 'positive' && calculateVal <= 0) {
+      return;
+    }
+
+    if (numType === 'non-negative' && calculateVal < 0) {
+      return;
+    }
+
+    if (integerLimit && String(parseInt(calculateVal, 10)).length > integerLimit) {
+      return;
+    }
+
+    this.handleChange(calculateVal, true);
   };
 
   _proto.longPress = function longPress(mod) {
@@ -191,11 +216,11 @@ function (_PureComponent) {
   };
 
   _proto.renderRTL = function renderRTL() {
-    var _this$props2 = this.props,
-        onChange = _this$props2.onChange,
-        allowNull = _this$props2.allowNull,
-        hideArrow = _this$props2.hideArrow,
-        other = (0, _objectWithoutPropertiesLoose2.default)(_this$props2, ["onChange", "allowNull", "hideArrow"]);
+    var _this$props4 = this.props,
+        onChange = _this$props4.onChange,
+        allowNull = _this$props4.allowNull,
+        hideArrow = _this$props4.hideArrow,
+        other = (0, _objectWithoutPropertiesLoose2.default)(_this$props4, ["onChange", "allowNull", "hideArrow"]);
     return [].concat(this.renderArrowGroup(), [_react.default.createElement(_Input.default, (0, _extends2.default)({
       key: "input"
     }, other, {
@@ -211,11 +236,11 @@ function (_PureComponent) {
   };
 
   _proto.render = function render() {
-    var _this$props3 = this.props,
-        onChange = _this$props3.onChange,
-        allowNull = _this$props3.allowNull,
-        hideArrow = _this$props3.hideArrow,
-        other = (0, _objectWithoutPropertiesLoose2.default)(_this$props3, ["onChange", "allowNull", "hideArrow"]);
+    var _this$props5 = this.props,
+        onChange = _this$props5.onChange,
+        allowNull = _this$props5.allowNull,
+        hideArrow = _this$props5.hideArrow,
+        other = (0, _objectWithoutPropertiesLoose2.default)(_this$props5, ["onChange", "allowNull", "hideArrow"]);
     var rtl = (0, _config.isRTL)();
 
     if (rtl) {
@@ -249,6 +274,9 @@ Number.propTypes = {
   onChange: _propTypes.default.func.isRequired,
   step: _propTypes.default.number,
   digits: _propTypes.default.number,
+  integerLimit: _propTypes.default.number,
+  numType: _propTypes.default.string,
+  autoSelect: _propTypes.default.bool,
   allowNull: _propTypes.default.bool,
   hideArrow: _propTypes.default.bool,
   clearToUndefined: _propTypes.default.bool,

package/css/Input/index.d.ts

@@ -3,6 +3,7 @@ import { PopoverProps } from '../Popover'
 import { StandardProps, RegularAttributes, FormItemStandardProps, CommonProps } from '../@types/common'
 
 type ReactNode = React.ReactNode;
+export type numType = "positive" | "non-negative";
 
 export interface InputProps<Value> extends
 StandardProps,
@@ -188,7 +189,67 @@ FormItemStandardProps<Value> {
    *  default: -
    *
    */
-  clearToUndefined?: boolean
+  clearToUndefined?: boolean,
+
+  /**
+   * the digits of number 仅在type = number 下生效
+   *
+   * Decimal place limit (valid when type is number)
+   *
+   * default: -
+   */
+  digits?: number;
+
+  /**
+   *  整数位数限制, 仅在type = number 下生效
+   *
+   *  Integer bit limit (valid when type is number)
+   *
+   *  default: -
+   *
+   */
+  integerLimit?: number,
+
+  /**
+   *  设置数字类型 支持 'positive' 和 'non-negative', 仅在type = number 下生效
+   *
+   *  Number type supports 'positive' and 'non-negative', only works when type = number
+   *
+   *  default: -
+   *
+   */
+   numType?: numType,
+
+  /**
+   *  非负数，仅在type = number 下生效
+   *
+   *  nonnegative number (valid when type is number)
+   *
+   *  default: -
+   *
+   */
+   nonnegative?: boolean,
+
+  /**
+   *  鼠标点击后自动全选数据
+   *
+   *  Automatically select all data after mouse click
+   *
+   *  default: false
+   *
+   */
+  autoSelect?: boolean,
+
+  /**
+   *  失焦后自动按照 digits 精度限制补足 (type 为 number 时生效)
+   *
+   *  Automatically fill up according to the precision limit of digits after out of focus
+   *
+   *  default: false
+   *
+   */
+  autoFix?: boolean,
+
 }
 
 export interface InputNumberProps <Value> extends InputProps<Value> {
@@ -220,15 +281,6 @@ export interface InputNumberProps <Value> extends InputProps<Value> {
    */
   step?: number;
 
-  /**
-   * the digits of number
-   *
-   * 数值的精度
-   *
-   * default: -
-   */
-  digits?: number;
-
   /**
    * allow value is null
    *