import { AllowedComponentProps, VNodeProps } from '../common'

/**
 * 表单项配置接口
 */
declare interface FormItemProps {
  /** 字段名 */
  prop?: string
  /** 标签文本 */
  label?: string
  /** 标签宽度 */
  labelWidth?: string | number
  /** 标签对齐方式 */
  labelAlign?: LabelAlign
  /** 是否必填 */
  required?: boolean
  /** 验证规则 */
  rules?: _FormRule | _FormRule[]
  /** 是否显示冒号 */
  colon?: boolean
  /** 帮助文本 */
  help?: string
  /** 是否显示验证状态图标 */
  showValidateStatus?: boolean
  /** 自定义验证状态 */
  validateStatus?: 'success' | 'error' | 'validating' | 'warning'
  /** 错误信息 */
  error?: string
  /** 额外信息 */
  extra?: string
  /** 是否禁用 */
  disabled?: boolean
  /** 是否只读 */
  readonly?: boolean
}

/**
 * 表单项事件接口
 */
declare interface FormItemEmits {
  (e: 'validate', prop: string, valid: boolean, message?: string): void
}

declare interface _FormItem {
  new(): {
    $props: AllowedComponentProps & VNodeProps & FormItemProps
    $emit: FormItemEmits
  }
}

export declare const FormItem: _FormItem

export default FormItem

export type {
  FormItemProps,
  FormItemEmits
}