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

declare interface SearchProps {
    // 值
    modelValue?: string

    // 样式配置
    shape?: 'square' | 'round'
    size?: 'small' | 'medium' | 'large'
    bgColor?: string
    borderColor?: string
    textColor?: string
    placeholderColor?: string

    // 输入框配置
    placeholder?: string
    placeholderStyle?: string
    inputType?: 'text' | 'number' | 'idcard' | 'digit' | 'textarea'
    maxlength?: number
    disabled?: boolean
    autoFocus?: boolean
    confirmType?: 'send' | 'search' | 'next' | 'go' | 'done'
    adjustPosition?: boolean
    cursorSpacing?: number
    showConfirmBar?: boolean

    // 功能配置
    showClear?: boolean
    showCancel?: boolean
    alwaysShowCancel?: boolean
    cancelText?: string
    showHistory?: boolean
    showSuggestions?: boolean

    // 搜索相关
    searchDelay?: number
    minLength?: number
    maxHistory?: number
    suggestions?: any[]
    suggestionFormatter?: (item: any) => string

    // 自定义事件
    onSearch?: (value: string) => void
    onClear?: () => void
    onCancel?: () => void
}

interface SearchEmits {
    (e: 'update:modelValue', value: string): void
    (e: 'input', value: string): void
    (e: 'focus', event: any): void
    (e: 'blur', event: any): void
    (e: 'confirm', value: string): void
    (e: 'clear'): void
    (e: 'cancel'): void
    (e: 'search', value: string): void
    (e: 'history-click', value: string): void
    (e: 'suggestion-click', item: any): void
    (e: 'keyboardheightchange', height: number): void
}

declare interface _Search {
    new(): {
        $props: AllowedComponentProps & VNodeProps & SearchProps
        $emit: SearchEmits
    }
}

export declare const Search: _Search

export default Search

export type {
    SearchProps,
    SearchEmits
}