@autobest-ui/components 2.9.2 → 2.10.1-alpha.0

package/lib/input/TextArea.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TextAreaNotRef = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _components = require("@autobest-ui/components");
 var _utils = require("@autobest-ui/utils");
 var _Adorn = _interopRequireDefault(require("./Adorn"));
 var __extends = void 0 && (void 0).__extends || function () {
@@ -51,15 +52,10 @@ var TextAreaNotRef = /** @class */function (_super) {
     var _this = _super.call(this, props) || this;
     _this.prefixCls = 'ab-textarea';
     _this.textareaRef = /*#__PURE__*/_react.default.createRef();
-    /**
-     * 修改value值的回调
-     * @param ev
-     */
-    _this.onChange = function (ev) {
-      if (_this.props.disabled) {
-        return;
+    _this.changeValue = function (value, onBlurAfterChange) {
+      if (onBlurAfterChange === void 0) {
+        onBlurAfterChange = false;
       }
-      var value = ev.target.value;
       if (_this.props.maxLength > 0) {
         var currentLength = getValueLength(value);
         if (_this.props.maxLength && currentLength > _this.props.maxLength) {
@@ -71,14 +67,43 @@ var TextAreaNotRef = /** @class */function (_super) {
       }
       var _a = _this.props,
         onChange = _a.onChange,
-        name = _a.name;
+        name = _a.name,
+        onBlur = _a.onBlur;
       if (onChange) {
         onChange(value, name);
+        if (onBlurAfterChange && onBlur) {
+          onBlur(value, name);
+        }
         return;
       }
       _this.setState({
         value: value
       });
+      if (onBlurAfterChange && onBlur) {
+        onBlur(value, name);
+      }
+    };
+    _this.checkCurrentValue = function () {
+      if (!_this.textareaRef.current) {
+        return;
+      }
+      var value = _this.textareaRef.current.value;
+      if (!(0, _utils.isBlank)(value) && _this.state.value !== value) {
+        var autoFocus = _this.props.autoFocus;
+        // 在值改变了的前提下，如果当前为失焦状态，则触发一次onBlur
+        _this.changeValue(value, !autoFocus && document.activeElement !== _this.textareaRef.current);
+      }
+    };
+    /**
+     * 修改value值的回调
+     * @param ev
+     */
+    _this.onChange = function (ev) {
+      if (_this.props.disabled) {
+        return;
+      }
+      var value = ev.target.value;
+      _this.changeValue(value);
     };
     _this.onFocus = function (ev) {
       var _a = _this.props,
@@ -136,6 +161,9 @@ var TextAreaNotRef = /** @class */function (_super) {
       }
       element.focus();
     }
+    if (this.props.checkValueOnMounted) {
+      this.checkCurrentValue();
+    }
   };
   TextAreaNotRef.prototype.renderSuffix = function () {
     var maxLength = this.props.maxLength;
@@ -154,7 +182,8 @@ var TextAreaNotRef = /** @class */function (_super) {
       className = _a.className,
       prefix = _a.prefix,
       rows = _a.rows,
-      maxLength = _a.maxLength;
+      maxLength = _a.maxLength,
+      name = _a.name;
     var value = this.state.value;
     return /*#__PURE__*/_react.default.createElement(_Adorn.default, {
       prefixCls: cls,
@@ -166,11 +195,12 @@ var TextAreaNotRef = /** @class */function (_super) {
       suffix: this.renderSuffix()
     }, /*#__PURE__*/_react.default.createElement("textarea", {
       className: "".concat(cls, "-control"),
-      ref: (0, _utils.composeRef)(this.textareaRef, upperRef),
+      ref: (0, _components.composeRef)(this.textareaRef, upperRef),
       placeholder: placeholder,
       rows: rows,
       disabled: disabled,
       maxLength: maxLength,
+      name: name,
       style: style,
       value: value || '',
       onChange: this.onChange,
@@ -180,7 +210,8 @@ var TextAreaNotRef = /** @class */function (_super) {
   TextAreaNotRef.defaultProps = {
     defaultValue: '',
     rows: 5,
-    maxlength: 0
+    maxlength: 0,
+    checkValueOnMounted: false
   };
   return TextAreaNotRef;
 }(_react.default.Component);

package/lib/input-number/getParserOriginalValue.d.ts

@@ -0,0 +1,26 @@
+interface GetParserOriginalValueParams {
+    originalValue: string | number;
+    prevParserValue: string | number;
+    trimStartZero?: boolean;
+    precision?: number;
+    isRounding?: boolean;
+    min?: number;
+    max?: number;
+    skipError?: boolean;
+}
+/**
+ *
+ * @param originalValueParam
+ * @param trimStartZero
+ * @param prevParserValue
+ * @param precision
+ * @param isRounding
+ * @param min
+ * @param max
+ * @param skipError 遇到首位0、小于最小值、大于最大值问题，不对value进行处理，输出控制台警告
+ */
+export default function ({ originalValue: originalValueParam, trimStartZero, prevParserValue, precision, isRounding, min, max, skipError }: GetParserOriginalValueParams): {
+    parserValueStr: string | undefined;
+    parserValue: string | number | undefined;
+};
+export {};

package/lib/input-number/getParserOriginalValue.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _utils = require("@autobest-ui/utils");
+var _constants = require("./constants");
+function consoleError(msg) {
+  if (process.env.NODE_ENV === 'development') {
+    // eslint-disable-next-line no-console
+    console.error(msg);
+  }
+}
+function getValueBetweenMinAndMax(value, min, max, skipError) {
+  var currentValue = parseFloat(value);
+  if (!(0, _utils.isBlank)(min) && currentValue < min) {
+    if (!skipError) {
+      return min;
+    }
+    consoleError('Value is smaller than min');
+  }
+  if (!(0, _utils.isBlank)(max) && currentValue > max) {
+    if (!skipError) {
+      return max;
+    }
+    consoleError('Value is greater than max');
+  }
+  return currentValue;
+}
+/**
+ *
+ * @param originalValueParam
+ * @param trimStartZero
+ * @param prevParserValue
+ * @param precision
+ * @param isRounding
+ * @param min
+ * @param max
+ * @param skipError 遇到首位0、小于最小值、大于最大值问题，不对value进行处理，输出控制台警告
+ */
+function _default(_a) {
+  var originalValueParam = _a.originalValue,
+    trimStartZero = _a.trimStartZero,
+    prevParserValue = _a.prevParserValue,
+    precision = _a.precision,
+    isRounding = _a.isRounding,
+    min = _a.min,
+    max = _a.max,
+    skipError = _a.skipError;
+  // 输入为空
+  if ((0, _utils.isBlank)(originalValueParam)) {
+    return {
+      parserValueStr: undefined,
+      parserValue: undefined
+    };
+  }
+  var originalValue = typeof originalValueParam === 'number' ? originalValueParam.toString() : originalValueParam;
+  var hasFirstZero = _constants.FirstZeroReg.test(originalValue);
+  if (!_constants.NumberReg.test(originalValue) || trimStartZero && hasFirstZero) {
+    if (!skipError) {
+      return {
+        parserValueStr: (0, _utils.isBlank)(prevParserValue) ? undefined : prevParserValue.toString(),
+        parserValue: prevParserValue
+      };
+    }
+    consoleError('Value has first 0');
+  }
+  var currentValue = getValueBetweenMinAndMax(originalValue, min, max, skipError);
+  var parserString = (0, _utils.toFixed)(currentValue, precision, isRounding);
+  if (hasFirstZero) {
+    // 补齐首位0
+    parserString = parserString.padStart(originalValue.split('.')[0].length, '0');
+  }
+  return {
+    parserValueStr: parserString,
+    parserValue: hasFirstZero ? parserString : (0, _utils.getNumberFromString)(parserString)
+  };
+}

package/lib/input-number/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { AddListenerEventHandler } from '@autobest-ui/utils';
+import { AddListenerEventRemoveHandler } from '@autobest-ui/utils';
 import { InputProps, InputValue } from '../input/Input';
-export interface InputNumberProps extends Omit<InputProps<number>, 'value' | 'defaultValue' | 'suffix' | 'onKeyDown'> {
+export interface InputNumberProps extends Omit<InputProps<number | string>, 'value' | 'defaultValue' | 'suffix' | 'onKeyDown'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -42,15 +42,23 @@ export interface InputNumberProps extends Omit<InputProps<number>, 'value' | 'de
      * 值发生改变将会触发，onChange是不合法将不在触发，只在最后onBlur时再触发一次
      * 该方法主要用在用户输入内容判断上，不要在此方法中执行修改value的操作
      */
-    onContinualChange?: (originalValue: string | number | undefined, parserValue: number | undefined, name?: string) => void;
+    onContinualChange?: (originalValue: string | number | undefined, parserValue: string | number | undefined, name?: string) => void;
     /**
      * 用户触发keydown时的回调，主要用于键盘监听
      */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, parserValue: number | undefined, name?: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, parserValue: string | number | undefined, name?: string) => void;
+    /**
+     * 是否过滤开头的0，默认true过滤
+     */
+    trimStartZero?: boolean;
+    /**
+     * 处理用户输入值时是否要四舍五入，默认true
+     */
+    isRounding?: boolean;
 }
 interface InputNumberStates {
     originalValueStr: string | undefined;
-    parserValue: number | undefined;
+    parserValue: string | number | undefined;
 }
 interface InputNumberPropsWithRef extends InputNumberProps {
     /**
@@ -61,12 +69,14 @@ interface InputNumberPropsWithRef extends InputNumberProps {
 export declare class InputNumberNotRef extends React.Component<InputNumberPropsWithRef, InputNumberStates> {
     prefixCls: string;
     inputRef: React.RefObject<HTMLInputElement>;
-    keyboardHandler: AddListenerEventHandler;
+    keyboardHandler: AddListenerEventRemoveHandler;
     static defaultProps: {
         defaultValue: string;
         controls: boolean;
         step: number;
         keyboard: boolean;
+        trimStartZero: boolean;
+        isRounding: boolean;
     };
     constructor(props: InputNumberPropsWithRef);
     static getDerivedStateFromProps(nextProps: InputNumberPropsWithRef, prevStates: InputNumberStates): InputNumberStates;
@@ -75,7 +85,10 @@ export declare class InputNumberNotRef extends React.Component<InputNumberPropsW
      * 解析用户输入的内容，并返回解析后的结果
      * @param originalValue
      */
-    getParserOriginalValue: (originalValue: string) => string | undefined;
+    getParserOriginalValue: (originalValue: string) => {
+        parserValueStr: string;
+        parserValue: string | number;
+    };
     /**
      * 键盘和点击上下按钮更新value值
      * @param isUp

package/lib/input-number/index.js

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.InputNumberNotRef = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("@autobest-ui/components");
 var _utils = require("@autobest-ui/utils");
 var _Input = _interopRequireDefault(require("../input/Input"));
 var _constants = require("./constants");
 var _ControlArrow = _interopRequireDefault(require("./ControlArrow"));
+var _getParserOriginalValue = _interopRequireDefault(require("./getParserOriginalValue"));
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -56,25 +58,10 @@ var InputNumberNotRef = /** @class */function (_super) {
      * @param originalValue
      */
     _this.getParserOriginalValue = function (originalValue) {
-      // 输入为空
-      if ((0, _utils.isBlank)(originalValue)) {
-        return undefined;
-      }
-      if (!_constants.NumberReg.test(originalValue) || _constants.FirstZeroReg.test(originalValue)) {
-        return (0, _utils.isBlank)(_this.state.parserValue) ? undefined : _this.state.parserValue.toString();
-      }
-      var _a = _this.props,
-        min = _a.min,
-        max = _a.max,
-        precision = _a.precision;
-      var currentValue = parseFloat(originalValue);
-      if (!(0, _utils.isBlank)(min) && currentValue < min) {
-        currentValue = min;
-      }
-      if (!(0, _utils.isBlank)(max) && currentValue > max) {
-        currentValue = max;
-      }
-      return (0, _utils.toFixed)(currentValue, precision);
+      return (0, _getParserOriginalValue.default)(__assign(__assign({}, _this.props), {
+        originalValue: originalValue,
+        prevParserValue: _this.state.parserValue
+      }));
     };
     /**
      * 键盘和点击上下按钮更新value值
@@ -82,14 +69,20 @@ var InputNumberNotRef = /** @class */function (_super) {
      */
     _this.changeValueWithStep = function (isUp) {
       var step = _this.props.step;
-      var prevValue = _this.state.parserValue ? _this.state.parserValue : 0;
+      var prevParserValue = _this.state.parserValue;
+      var prevValue = prevParserValue ? typeof prevParserValue === 'number' ? prevParserValue : parseFloat(prevParserValue) : 0;
       var keyboardValue = isUp ? prevValue + step : prevValue - step;
-      var parserValueStr = _this.getParserOriginalValue(keyboardValue.toString());
-      var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
-      var _a = _this.props,
-        name = _a.name,
-        onChange = _a.onChange,
-        onContinualChange = _a.onContinualChange;
+      var keyboardValueStr = keyboardValue.toString();
+      if (typeof prevParserValue === 'string' && _constants.FirstZeroReg.test(prevParserValue)) {
+        keyboardValueStr = keyboardValueStr.padStart(prevParserValue.length, '0');
+      }
+      var _a = _this.getParserOriginalValue(keyboardValueStr),
+        parserValueStr = _a.parserValueStr,
+        parserValue = _a.parserValue;
+      var _b = _this.props,
+        name = _b.name,
+        onChange = _b.onChange,
+        onContinualChange = _b.onContinualChange;
       if (prevValue !== parserValue) {
         if (onContinualChange) {
           onContinualChange(parserValueStr, parserValue, name);
@@ -130,14 +123,13 @@ var InputNumberNotRef = /** @class */function (_super) {
       }
       var onFocus = _this.props.onFocus;
       if (onFocus) {
-        var parserValueStr = _this.getParserOriginalValue(originalValueStr);
-        var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
+        var parserValue = _this.getParserOriginalValue(originalValueStr).parserValue;
         onFocus(parserValue, name);
       }
     };
     _this.onBlur = function (originalValueStr, name) {
       if (_this.keyboardHandler) {
-        _this.keyboardHandler.remove();
+        _this.keyboardHandler();
         _this.keyboardHandler = null;
       }
       if (_this.props.disabled) {
@@ -147,8 +139,9 @@ var InputNumberNotRef = /** @class */function (_super) {
         onBlur = _a.onBlur,
         onChange = _a.onChange,
         onContinualChange = _a.onContinualChange;
-      var parserValueStr = _this.getParserOriginalValue(originalValueStr);
-      var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
+      var _b = _this.getParserOriginalValue(originalValueStr),
+        parserValueStr = _b.parserValueStr,
+        parserValue = _b.parserValue;
       _this.setState({
         originalValueStr: parserValueStr
       });
@@ -178,11 +171,12 @@ var InputNumberNotRef = /** @class */function (_super) {
       if (_this.props.disabled) {
         return;
       }
-      var parserValueStr = _this.getParserOriginalValue(originalValueStr);
-      var parserValue = (0, _utils.getNumberFromString)(parserValueStr);
-      var _a = _this.props,
-        onChange = _a.onChange,
-        onContinualChange = _a.onContinualChange;
+      var _a = _this.getParserOriginalValue(originalValueStr),
+        parserValueStr = _a.parserValueStr,
+        parserValue = _a.parserValue;
+      var _b = _this.props,
+        onChange = _b.onChange,
+        onContinualChange = _b.onContinualChange;
       if (onContinualChange) {
         onContinualChange(originalValueStr, parserValue, name);
       }
@@ -226,10 +220,16 @@ var InputNumberNotRef = /** @class */function (_super) {
         onKeyDown(ev, _this.state.parserValue, name);
       }
     };
-    var defaultValueStr = (0, _utils.toFixed)(props.defaultValue, props.precision);
+    var _a = (0, _getParserOriginalValue.default)(__assign(__assign({}, props), {
+        originalValue: props.defaultValue,
+        prevParserValue: undefined,
+        skipError: true
+      })),
+      parserValueStr = _a.parserValueStr,
+      parserValue = _a.parserValue;
     _this.state = {
-      originalValueStr: defaultValueStr,
-      parserValue: (0, _utils.getNumberFromString)(defaultValueStr)
+      originalValueStr: parserValueStr,
+      parserValue: parserValue
     };
     return _this;
   }
@@ -240,9 +240,15 @@ var InputNumberNotRef = /** @class */function (_super) {
       if (nextProps.value !== prevStates.parserValue && (
       // 兼容外部传入空string/null的情况， 只有当一个值非空时，才会重新重置State信息
       !(0, _utils.isBlank)(nextProps.value) || !(0, _utils.isBlank)(prevStates.parserValue))) {
-        var fixedValueStr = (0, _utils.toFixed)(nextProps.value, nextProps.precision);
-        nextState.parserValue = (0, _utils.getNumberFromString)(fixedValueStr);
-        nextState.originalValueStr = fixedValueStr;
+        var _a = (0, _getParserOriginalValue.default)(__assign(__assign({}, nextProps), {
+            originalValue: nextProps.value,
+            prevParserValue: prevStates.parserValue,
+            skipError: true
+          })),
+          parserValueStr = _a.parserValueStr,
+          parserValue = _a.parserValue;
+        nextState.parserValue = parserValue;
+        nextState.originalValueStr = parserValueStr;
       }
     }
     if ((0, _utils.isEmptyObject)(nextState)) {
@@ -252,7 +258,7 @@ var InputNumberNotRef = /** @class */function (_super) {
   };
   InputNumberNotRef.prototype.componentWillUnmount = function () {
     if (this.keyboardHandler) {
-      this.keyboardHandler.remove();
+      this.keyboardHandler();
       this.keyboardHandler = null;
     }
   };
@@ -267,10 +273,12 @@ var InputNumberNotRef = /** @class */function (_super) {
       disabled = _b.disabled,
       style = _b.style,
       prefix = _b.prefix,
-      controls = _b.controls;
+      controls = _b.controls,
+      checkValueOnMounted = _b.checkValueOnMounted,
+      maxLength = _b.maxLength;
     var originalValueStr = this.state.originalValueStr;
     return /*#__PURE__*/_react.default.createElement(_Input.default, {
-      ref: (0, _utils.composeRef)(this.inputRef, upperRef),
+      ref: (0, _components.composeRef)(this.inputRef, upperRef),
       className: (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-has-controls")] = controls, _a)),
       placeholder: placeholder,
       disabled: disabled,
@@ -286,14 +294,18 @@ var InputNumberNotRef = /** @class */function (_super) {
         cls: cls,
         onUp: this.onUp,
         onDown: this.onDown
-      }) : null
+      }) : null,
+      checkValueOnMounted: checkValueOnMounted,
+      maxLength: maxLength
     });
   };
   InputNumberNotRef.defaultProps = {
     defaultValue: '',
     controls: true,
     step: 1,
-    keyboard: true
+    keyboard: true,
+    trimStartZero: true,
+    isRounding: true
   };
   return InputNumberNotRef;
 }(_react.default.Component);

package/lib/input-phone/format.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 按照给定的模板（111-222-333）格式化数字形式电话号码（111222333）
+ * @param value
+ * @param format
+ * @param placeholder
+ */
+export declare function getPhoneFormat(value: any, format: any, placeholder: any): any;
+/**
+ * 删除字符串中非数字内容
+ * @param value
+ */
+export declare function getNumberValue(value: any): any;
+export declare function getFirstCursorPosition(value: any, format: string, placeholder: any): any;
+export declare function getUpdatedValue({ value, prevValue, format, selectionEnd, placeholder }: {
+    value: any;
+    prevValue: any;
+    format: any;
+    selectionEnd: any;
+    placeholder: any;
+}): {
+    value: any;
+    cursorPosition: any;
+};

package/lib/input-phone/format.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFirstCursorPosition = getFirstCursorPosition;
+exports.getNumberValue = getNumberValue;
+exports.getPhoneFormat = getPhoneFormat;
+exports.getUpdatedValue = getUpdatedValue;
+var _utils = require("@autobest-ui/utils");
+/**
+ * 按照给定的模板（111-222-333）格式化数字形式电话号码（111222333）
+ * @param value
+ * @param format
+ * @param placeholder
+ */
+function getPhoneFormat(value, format, placeholder) {
+  var defaultValueArr = getNumberValue(value).split('');
+  return format.replace(/\d/g, function () {
+    return defaultValueArr.shift() || placeholder;
+  });
+}
+/**
+ * 删除字符串中非数字内容
+ * @param value
+ */
+function getNumberValue(value) {
+  if ((0, _utils.isBlank)(value)) {
+    return '';
+  }
+  return value.replace(/[^\d]/g, '');
+}
+function getFirstCursorPosition(value, format, placeholder) {
+  if ((0, _utils.isBlank)(value)) {
+    return format.search(/\d/);
+  }
+  var match;
+  while ((match = new RegExp(placeholder, 'g').exec(value)) !== null) {
+    if (match[0] !== format[match.index]) {
+      return match.index;
+    }
+  }
+  return value.length;
+}
+function getDifferIndex(value, prevValue) {
+  for (var i = 0, l = Math.max(value.length, prevValue.length); i < l; i++) {
+    if (value[i] !== prevValue[i]) {
+      return i;
+    }
+  }
+  return prevValue.length;
+}
+function getSlice(str, start, end) {
+  if (!end) {
+    return str.slice(start);
+  }
+  return str.slice(start, end);
+}
+function getUpdatedValue(_a) {
+  var value = _a.value,
+    prevValue = _a.prevValue,
+    format = _a.format,
+    selectionEnd = _a.selectionEnd,
+    placeholder = _a.placeholder;
+  if ((0, _utils.isBlank)(value)) {
+    return {
+      value: getPhoneFormat('', format, placeholder),
+      cursorPosition: getFirstCursorPosition('', format, placeholder)
+    };
+  }
+  var lastCursorIndex = (value.length - selectionEnd) * -1;
+  var differIndex = getDifferIndex(getSlice(value, 0, lastCursorIndex), getSlice(prevValue, 0, lastCursorIndex));
+  var differNumberArr = getNumberValue(getSlice(value, differIndex, lastCursorIndex)).split('');
+  var cursorPosition = differIndex;
+  var endIndex = format.length + lastCursorIndex;
+  var formatValue = format.replace(/\d/g, function (_match, index) {
+    if (index < differIndex) {
+      return prevValue[index];
+    }
+    if (!differNumberArr.length) {
+      return index >= endIndex ? prevValue[index] : placeholder;
+    }
+    cursorPosition = index + 1;
+    return differNumberArr.shift();
+  });
+  return {
+    value: formatValue,
+    cursorPosition: cursorPosition
+  };
+}

package/lib/input-phone/index.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import { InputProps } from '../input/Input';
+export interface InputPhoneProps extends Omit<InputProps<string>, 'onFocus' | 'onBlur' | 'onChange'> {
+    /**
+     * 输入框是否可以操作
+     */
+    disabled?: boolean;
+    /**
+     * 号码显示格式，以任意数字代替需要填入的数字位置
+     * 默认为(111)111-1111，表示会显示(xxx)xxx-xxxx格式的号码
+     */
+    format?: string;
+    /**
+     * 数字未填时的留空字符，默认为_
+     */
+    placeholderChar?: string;
+    /**
+     * 获得焦点的回调函数
+     * formatValue: 显示在输入框中的格式化后的电话号码
+     * phoneValue: 纯数字电话号码
+     */
+    onFocus?: (formatValue: string, phoneValue: string, name?: string) => void;
+    /**
+     * 失去焦点的回调函数
+     * formatValue: 显示在输入框中的格式化后的电话号码
+     * phoneValue: 纯数字电话号码
+     */
+    onBlur?: (formatValue: string, phoneValue: string, name?: string) => void;
+    /**
+     * 值修改后的回调函数，用于修改value属性
+     * formatValue: 显示在输入框中的格式化后的电话号码
+     * phoneValue: 纯数字电话号码
+     */
+    onChange?: (formatValue: string, phoneValue: string, name?: string) => void;
+}
+interface InputPhoneState {
+    formatValue: string;
+}
+interface InputPhonePropsWithRef extends InputPhoneProps {
+    /**
+     * 此属性可以忽略， storybook问题
+     */
+    upperRef: React.Ref<HTMLInputElement>;
+}
+export declare class InputPhoneNotRef extends React.Component<InputPhonePropsWithRef, InputPhoneState> {
+    prefixCls: string;
+    inputRef: React.RefObject<HTMLInputElement>;
+    prevFormatValue: string;
+    static defaultProps: {
+        defaultValue: string;
+        format: string;
+        placeholderChar: string;
+    };
+    constructor(props: InputPhonePropsWithRef);
+    static getDerivedStateFromProps(nextProps: InputPhoneProps, prevState: InputPhoneState): {
+        formatValue: any;
+    };
+    setInputCursor: (cursorPosition: any, timeout?: number) => void;
+    onFocus: (inputValue: string, name?: string) => void;
+    onBlur: (inputValue: string, name?: string) => void;
+    onChange: (inputValue: string, name?: string) => void;
+    render(): JSX.Element;
+}
+declare const InputPhone: React.ForwardRefExoticComponent<InputPhoneProps & React.RefAttributes<HTMLInputElement>>;
+export default InputPhone;