/**
 * 用来显示选择结果，垂直显示。支持移出、排序等操作。
 */
import React, { CSSProperties } from 'react';
import { type ClassValue } from '../../utils/cx';
import Sortable from 'sortablejs';
import type { Option, Options } from '../select2/select';
export interface ResultListProps {
    options?: Array<Option>;
    onChange?: (options: Array<Option>, optionModified?: boolean) => void;
    sortable?: boolean;
    disabled?: boolean;
    title?: string;
    placeholder?: string;
    itemRender?: (option: Option, states: ItemRenderStates) => JSX.Element;
    itemClassName?: string;
    searchable?: boolean;
    onSearch?: Function;
    valueField?: string;
    labelField?: string;
    translate?: any;
    className?: ClassValue;
    style?: CSSProperties;
    showDel: boolean;
    inline?: boolean;
    extra?: React.ReactNode;
    rightExtra?: React.ReactNode;
    onClick?: (option: Option) => void;
}
export interface ItemRenderStates {
    index: number;
    disabled?: boolean;
    labelField?: string;
    onChange: (options: any, name: string) => void;
}
interface ResultListState {
    searchResult: Options | null;
}
export declare class List extends React.Component<ResultListProps, ResultListState> {
    static contextType?: React.Context<any> | undefined;
    static defaultProps: Pick<ResultListProps, 'placeholder' | 'itemRender' | 'showDel'>;
    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 List;