/**
 * 用来显示选择结果，垂直显示。支持移出、排序等操作。
 */
import React from 'react';
import Sortable from 'sortablejs';
import type { Option, Options } from '../select2/select';
export interface ResultListProps {
    className?: string;
    value?: Array<Option>;
    onChange?: (value: Array<Option>, optionModified?: boolean) => void;
    sortable?: boolean;
    disabled?: boolean;
    title?: string;
    placeholder: string;
    labelField?: string;
    itemRender: (option: Option, states: ItemRenderStates) => JSX.Element;
    itemClassName?: string;
    searchable?: boolean;
    onSearch?: Function;
    valueField?: string;
}
export interface ItemRenderStates {
    index: number;
    disabled?: boolean;
    labelField?: string;
    onChange: (value: any, name: string) => void;
}
interface ResultListState {
    searchResult: Options | null;
}
export declare class ResultList extends React.Component<ResultListProps, ResultListState> {
    static contextType?: React.Context<any> | undefined;
    static itemRender(option: Option, states: ItemRenderStates): JSX.Element;
    static defaultProps: Pick<ResultListProps, 'placeholder' | 'itemRender'>;
    state: ResultListState;
    cancelSearch?: () => void;
    id: string;
    sortable?: Sortable;
    unmounted: boolean;
    componentDidMount(): void;
    componentDidUpdate(): void;
    componentWillUnmount(): void;
    initSortable(): void;
    desposeSortable(): void;
    handleValueChange(index: number, value: any, name: string): void;
    search(inputValue: string): void;
    clearSearch(): void;
    handleCloseItem(e: React.MouseEvent<HTMLElement>, option: Option): void;
    renderNormalList(value?: Options): JSX.Element;
    render(): JSX.Element;
}
export default ResultList;