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 "./PisellUrl.less";

/**
 * PisellUrl URL 链接组件
 * 
 * URL 链接输入/展示组件，支持只读、编辑、禁用三种状态。
 * 基于 Ant Design Input 组件开发，提供 URL 格式校验、协议自动补全、
 * 链接跳转和协议/路径显示控制功能。
 * 
 * @param props 组件 Props
 * 
 * @example
 * // 编辑态（URL 输入）
 * <PisellUrl 
 *   placeholder="请输入网址"
 *   required
 * />
 * 
 * @example
 * // 只读态（可跳转）
 * <PisellUrl 
 *   mode="read"
 *   value="https://www.example.com"
 *   enableLinkClick
 * />
 * 
 * @example
 * // 协议自动补全
 * <PisellUrl 
 *   autoCompleteProtocol
 *   defaultProtocol="https://"
 * />
 */
export var PisellUrl = function PisellUrl(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(PisellUrl, function (prevProps, nextProps) {
  return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled && prevProps.autoCompleteProtocol === nextProps.autoCompleteProtocol;
});