// @ts-ignore
import * as React from 'react';
// @ts-ignore
import { Moment } from 'moment';
// @ts-ignore
import { DefaultOptionType, FieldNamesType } from 'antd/es/cascader';
import { ComponentProps } from '../types';

interface BaseProps<T> extends ComponentProps {
  // 输入内容
  value?: T;
  // 标签
  label?: string;
  // 标签宽度
  labelSpan?: number;
  // 内容清空
  allowClear?: boolean;
  // 占位符
  placeholder?: string;
  // 输出事件
  onChange?: (value: T) => void;
}

interface InputProps<T> extends BaseProps<T> {
  // 文本长度
  maxLength?: number;
}

interface SelectProps<T> extends BaseProps<T> {
  // 设置 Select 的模式为多选或标签
  mode?: 'multiple' | 'tags';
  // 最多显示多少个tag
  maxTagCount?: number;
}

interface CascaderProps<T> extends BaseProps<T> {
  // 可选项数据源
  options?: DefaultOptionType[];
  // 支持多选节点
  multiple?: boolean;
  // 自定义 options 中 label value children 的字段
  fieldNames?: FieldNamesType;
  // 最多显示多少个tag
  maxTagCount?: number;
  // 定义选中项回填的方式
  showCheckedStrategy?: 'SHOW_CHILD' | 'SHOW_PARENT';
}

interface DatePickerProps<T> {
  // 标签
  label?: string;
  // 输入
  value?: T;
  // 格式日期
  format?: string;
  // 输出事件
  onChange?: (value: T) => void;
}

declare const ControlWrapper: {
  // 输入
  Input: React.FC<InputProps<string | number>>;
  // 选择
  Select: React.FC<SelectProps<string | number>>;
  // 级联选择
  Cascader: React.FC<CascaderProps<string[] | number[]>>;
  // 日期选择
  DatePicker: React.FC<DatePickerProps<Moment>> & {
    // 日期范围选择
    RangePicker: React.FC<DatePickerProps<Moment[]>>
  };
};

export default ControlWrapper;