/// <reference types="react" />

import * as React from "react";

interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
  defaultValue?: any;
  onChange?: any;
}

export interface SearchProps extends HTMLAttributesWeak {
  /**
   * 样式前缀
   */
  prefix?: string;

  /**
   * 大小，可选 `primary/secondary` 可选择 `medium/large`; `normal` 可选择 `small/medium`
   */
  size?: string;

  /**
   * 前置下拉框,default为默认选中项 `[{text:'Products', value:'Products',default: true},{text:'Suppliers',valuse:'Suppliers'}]`
   */
  filter?: Array<any>;

  /**
   * 搜索按钮图标
   */
  hasIcon?: boolean;

  /**
   * 搜索按钮文案
   */
  searchText?: string;

  /**
   * 定制下拉框,适合业务特殊定制
   */
  combox?: React.ReactNode;

  /**
   * 搜索框宽度
   */
  inputWidth?: string | number;

  /**
   * 与combox配合使用,控制定制下拉框的展现
   */
  overlayVisible?: boolean;

  /**
   * 下拉提示框:历史搜索/搜索建议 `[{label:'',value:'',disabled:true}]`
   */
  dataSource?: Array<any>;

  /**
   * 类型
   */
  type?: "primary" | "secondary" | "normal";

  /**
   * 数值
   */
  value?: string | number;

  /**
   * 搜索框默认值 (不适用于Combox)
   */
  defaultValue?: string;

  /**
   * 样式名称
   */
  className?: string;

  /**
   * 默认提示
   */
  placeholder?: string;

  /**
   * input获取焦点的时候触发的回调
   */
  onInputFocus?: () => void;

  /**
   * input失去焦点的时候触发的回调
   */
  onInputBlur?: () => void;

  /**
   * 点击搜索按钮触发的回调
   */
  onSearch?: (object: {}) => void;

  /**
   * 输入关键字时的回掉
   */
  onChange?: () => void;

  /**
   * Filter改变时的回掉（filterValue）
   */
  onFilterChange?: () => void;

  /**
   * 搜索框100%自适应父容器
   */
  autoWidth?: boolean;

  /**
   * filter的下拉菜单是否与选择器对齐
   */
  filterAutoWidth?: boolean;

  /**
   * 自定义样式
   */
  style?: React.CSSProperties;

  /**
   * 指定渲染combox的容器
   */
  container?: any;
}

export default class Search extends React.Component<SearchProps, any> {}