79 lines
2.0 KiB
TypeScript
79 lines
2.0 KiB
TypeScript
|
import { ElementUIComponent } from './component'
|
||
|
|
|
||
|
|
export type SuggestionPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end'
|
||
|
|
|
||
|
|
export interface FetchSuggestionsCallback {
|
||
|
|
/**
|
||
|
|
* Callback function used in fetch-suggestions function
|
||
|
|
*
|
||
|
|
* @param data Suggestions to use
|
||
|
|
*/
|
||
|
|
(data: any[]): void
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface FetchSuggestions {
|
||
|
|
/**
|
||
|
|
* The function passed into the fetch-suggestions property
|
||
|
|
*
|
||
|
|
* @param queryString Current value of the text input
|
||
|
|
* @param callback Callback function used to indicate that suggestions have completely fetched
|
||
|
|
*/
|
||
|
|
(queryString: string, callback: FetchSuggestionsCallback): void
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Autocomplete Component */
|
||
|
|
export declare class ElAutocomplete extends ElementUIComponent {
|
||
|
|
/** The placeholder of Autocomplete */
|
||
|
|
placeholder: string
|
||
|
|
|
||
|
|
/** Whether to show clear button */
|
||
|
|
clearable: boolean
|
||
|
|
|
||
|
|
/** Whether Autocomplete is disabled */
|
||
|
|
disabled: boolean
|
||
|
|
|
||
|
|
/** Binding value */
|
||
|
|
value: string
|
||
|
|
|
||
|
|
/** Debounce delay when typing */
|
||
|
|
debounce: number
|
||
|
|
|
||
|
|
/** Placement of the popup menu */
|
||
|
|
placement: SuggestionPlacement
|
||
|
|
|
||
|
|
/** Name for the inner native input */
|
||
|
|
name: string
|
||
|
|
|
||
|
|
/** Key name of the input suggestion object for display */
|
||
|
|
valueKey: string
|
||
|
|
|
||
|
|
/** Whether to emit select event on enter when there is no autocomplete match */
|
||
|
|
selectWhenUnmatched: boolean
|
||
|
|
|
||
|
|
/** A method to fetch input suggestions. When suggestions are ready, invoke callback(data:[]) to return them to Autocomplete */
|
||
|
|
fetchSuggestions: FetchSuggestions
|
||
|
|
|
||
|
|
/** Custom class name for autocomplete's dropdown */
|
||
|
|
popperClass: string
|
||
|
|
|
||
|
|
/** Whether show suggestions when input focus */
|
||
|
|
triggerOnFocus: boolean
|
||
|
|
|
||
|
|
/** Prefix icon class */
|
||
|
|
prefixIcon: string
|
||
|
|
|
||
|
|
/** Suffix icon class */
|
||
|
|
suffixIcon: string
|
||
|
|
|
||
|
|
/** Whether to hide the loading icon in remote search */
|
||
|
|
hideLoading: boolean
|
||
|
|
|
||
|
|
/** Whether to append the dropdown to body */
|
||
|
|
popperAppendToBody: boolean
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Focus the Input component
|
||
|
|
*/
|
||
|
|
focus (): void
|
||
|
|
}
|