import { CSSProperties } from "vue";
import { b } from "vite/dist/node/types.d-aGj9QkWt";

export default interface IProps {
  /**
   * @description 输入框初始值
   * */
  modelValue: string;
  /**
   * @description 搜索框形状，circle-圆形，square-方形（默认 'circle' ）
   * */
  shape?: HyApp.ShapeType;
  /**
   * @description 搜索框背景颜色（默认 '#f2f2f2' ）
   * */
  bgColor?: string;
  /**
   * @description 占位文字内容（默认 '请输入关键字' ）
   * */
  placeholder?: string;
  /**
   * @description 是否启用清除控件（默认 true ）
   * */
  clear?: boolean;
  /**
   * @description 是否自动获得焦点（默认 false ）
   * */
  focus?: boolean;
  /**
   * @description 是否显示右侧控件（默认 true ）
   * */
  showAction?: boolean;
  /**
   * @description 右侧控件的样式，对象形式
   * */
  actionStyle?: CSSProperties;
  /**
   * @description 右侧控件文字（默认 '搜索' ）
   * */
  actionText?: string;
  /**
   * @description 输入框内容水平对齐方式 （默认 'left' ）
   * */
  inputAlign?: "center" | HyApp.LeftRightType;
  /**
   * @description 自定义输入框样式，对象形式
   * */
  inputStyle?: Record<string, any>;
  /**
   * @description 是否启用输入框（默认 false ）
   * */
  disabled?: boolean;
  /**
   * @description 边框颜色，配置了颜色，才会有边框 (默认 'transparent' )
   * */
  borderColor?: string;
  /**
   * @description 搜索图标的颜色，默认同输入框字体颜色 (默认 '#909399' )
   * */
  searchIconColor?: string;
  /**
   * @description 搜索图标的字体，默认18
   * */
  searchIconSize?: number;
  /**
   * @description 输入框字体颜色（默认 '#606266' ）
   * */
  color?: string;
  /**
   * @description placeholder的颜色（默认 '#909399' ）
   * */
  placeholderColor?: string;
  /**
   * @description 输入框左边的图标，可以为图标名称或图片路径  (默认 'search' )
   * */
  searchIcon?: string;
  /**
   * @description 组件与其他上下左右之间的距离，带单位的字符串形式，如"30px"   (默认 '0' )
   * */
  margin?: string;
  /**
   * @description 是否开启动画，见上方说明（默认 false ）
   * */
  animation?: boolean;
  /**
   * @description 输入框最大能输入的长度，-1为不限制长度  (默认 '-1' )
   * */
  maxlength?: string | number;
  /**
   * @description 输入框高度，单位px（默认 64 ）
   * */
  height?: number;
  /**
   * @description 搜索框左边显示内容
   * */
  label?: string | null;
  /**
   * @description 键盘弹起时，是否自动上推页面
   * */
  adjustPosition?: boolean;
  /**
   * @description 键盘收起时，是否自动失去焦点
   * */
  autoBlur?: boolean;
  /**
   * @description 定义需要用到的外部样式
   * */
  customStyle?: CSSProperties;
}