import React from 'react';
import { getDisplayState } from '@pisell/utils';
import ReadOnlyView from "./components/ReadOnlyView";
import EditView from "./components/EditView";
import DisabledView from "./components/DisabledView";
import "./PisellPhone.less";

/**
 * PisellPhone 电话号码组件
 * 
 * 电话号码输入/展示组件，支持只读、编辑、禁用三种状态。
 * 基于 Ant Design Input 和 Select 组件开发，提供国家码选择、自动格式化、格式校验和拨号功能。
 * 
 * @param props 组件 Props
 * 
 * @example
 * // 编辑态（中国手机号）
 * <PisellPhone 
 *   placeholder="请输入手机号"
 *   required
 * />
 * 
 * @example
 * // 只读态（可拨号）
 * <PisellPhone 
 *   mode="read"
 *   value="13800000000"
 *   countryCode="+86"
 * />
 * 
 * @example
 * // 国家码选择
 * <PisellPhone 
 *   showCountrySelector
 *   availableCountryCodes={['+86', '+1', '+44']}
 * />
 */
export var PisellPhone = function PisellPhone(props) {
  var _props$mode = props.mode,
    mode = _props$mode === void 0 ? 'edit' : _props$mode,
    _props$disabled = props.disabled,
    disabled = _props$disabled === void 0 ? false : _props$disabled;

  // 计算显示状态
  var displayState = getDisplayState(mode, disabled);

  // 根据状态渲染对应子组件
  switch (displayState) {
    case 'read':
      return /*#__PURE__*/React.createElement(ReadOnlyView, props);
    case 'edit':
      return /*#__PURE__*/React.createElement(EditView, props);
    case 'disabled':
      return /*#__PURE__*/React.createElement(DisabledView, props);
    default:
      return null;
  }
};

// 性能优化：使用 memo 避免不必要的重渲染
export default /*#__PURE__*/React.memo(PisellPhone, function (prevProps, nextProps) {
  return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled && prevProps.countryCode === nextProps.countryCode;
});