fastlion-amis
Version:
一种MIS页面生成工具
742 lines (741 loc) • 579 kB
TypeScript
/**
* @file Select
* @description
* @author fex
* @date 2017-11-07
*/
/// <reference types="hoist-non-react-statics" />
/// <reference types="lodash" />
import React from 'react';
import { ControllerStateAndHelpers } from 'downshift';
import { ThemeProps } from '../theme';
import { Api } from '../types';
import { LocaleProps } from '../locale';
import { Option, Options } from '../Schema';
import { RemoteOptionsProps } from './WithRemoteConfig';
export { Option, Options };
export interface OptionProps {
className?: string;
multi?: boolean;
multiple?: boolean;
valueField?: string;
labelField?: string;
simpleValue?: boolean;
options: Options;
loading?: boolean;
joinValues?: boolean;
extractValue?: boolean;
delimiter?: string;
clearable?: boolean;
resetValue: any;
placeholder?: string;
disabled?: boolean;
creatable?: boolean;
pathSeparator?: string;
onAdd?: (idx?: number | Array<number>, value?: any, skipForm?: boolean) => void;
editable?: boolean;
onEdit?: (value: Option, origin?: Option, skipForm?: boolean) => void;
removable?: boolean;
onDelete?: (value: Option) => void;
}
export declare type OptionValue = string | number | null | undefined | Option;
export declare function value2array(value: OptionValue | Array<OptionValue>, props: Pick<OptionProps, 'multi' | 'multiple' | 'delimiter' | 'valueField' | 'labelField' | 'options' | 'pathSeparator'>, enableNodePath?: boolean): Array<Option>;
export declare function expandValue(value: OptionValue, options: Options, valueField?: string): Option | null;
export declare function matchOptionValue(a: OptionValue, b: Option, valueField?: string): boolean;
export declare function optionValueCompare(a: OptionValue, valueField?: string): (b: Option) => boolean;
export declare function normalizeOptions(options: string | {
[propName: string]: string;
} | Array<string> | Options, share?: {
values: Array<any>;
options: Array<any>;
}, valueField?: string): Options;
interface SelectProps extends OptionProps, ThemeProps, LocaleProps {
className?: string;
popoverClassName?: string;
creatable: boolean;
createBtnLabel: string;
multiple: boolean;
valuesNoWrap?: boolean;
valueField: string;
labelField: string;
renderMenu?: (item: Option, states: {
index: number;
multiple?: boolean;
checkAll?: boolean;
checked: boolean;
onChange: () => void;
inputValue?: string;
searchable?: boolean;
}) => JSX.Element;
searchable?: boolean;
options: Array<Option>;
value: any;
loadOptions?: Function;
searchPromptText: string;
loadingPlaceholder: string;
spinnerClassName?: string;
noResultsText: string;
clearable: boolean;
clearAllText: string;
clearValueText: string;
placeholder: string;
inline: boolean;
disabled: boolean;
popOverContainer?: any;
overlayPlacement?: string;
onChange: (value: void | string | Option | Array<Option>) => void;
onFocus?: Function;
onBlur?: Function;
checkAll?: boolean;
checkAllLabel?: string;
checkAllBySearch?: boolean;
defaultCheckAll?: boolean;
simpleValue?: boolean;
defaultOpen?: boolean;
useMobileUI?: boolean;
/**
* 边框模式，全边框，还是半边框，或者没边框。
*/
borderMode?: 'full' | 'half' | 'none';
/**
* 是否隐藏已选项
*/
hideSelected?: boolean;
/**
* 移动端样式类名
*/
mobileClassName?: string;
}
interface SelectState {
itemHeight: number;
isOpen: boolean;
isFocused: boolean;
inputValue: string;
highlightedIndex: number;
selection: Array<Option>;
pickerSelectItem: any;
}
export declare class Select extends React.Component<SelectProps, SelectState> {
static defaultProps: {
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
};
input: HTMLInputElement;
searchInput: HTMLDivElement;
target: HTMLElement;
menu: React.RefObject<HTMLDivElement>;
constructor(props: SelectProps);
componentDidMount(): void;
componentDidUpdate(prevProps: SelectProps): void;
open(): void;
close(): void;
confirm(): void;
toggle(e?: React.MouseEvent<HTMLDivElement>): void;
onFocus(e: any): void;
onBlur(e: any): void;
focus(): void;
blur(): void;
getTarget(): HTMLElement;
inputRef(ref: HTMLInputElement): void;
searchInputRef(ref: HTMLDivElement): void;
toggleCheckAll(): void;
removeItem(index: number, e?: React.MouseEvent<HTMLElement>): void;
handleInputChange(evt: React.ChangeEvent<HTMLInputElement>): void;
handlePickerChange(selectItem: any, index: number, confirm?: boolean): void;
handleChange(selectItem: any): void;
handleStateChange(changes: any): void;
handleKeyPress(e: React.KeyboardEvent): void;
clearValue(e: React.MouseEvent<any>): void;
clearSearchValue(): void;
handleAddClick(): void;
handleEditClick(e: Event, item: any): void;
handleDeleteClick(e: Event, item: any): void;
menuItemRef(ref: any): void;
renderValue({ inputValue, isOpen }: ControllerStateAndHelpers<any>): JSX.Element | (string | JSX.Element)[];
renderOuter({ selectedItem, getItemProps, highlightedIndex, inputValue, isOpen, getToggleButtonProps, getInputProps }: ControllerStateAndHelpers<any>): JSX.Element;
render(): JSX.Element;
}
declare const EnhancedSelect: {
new (props: (Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps) | Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>): {
render(): JSX.Element;
context: any;
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
new (props: Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps, context: any): {
render(): JSX.Element;
context: any;
setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
forceUpdate(callback?: (() => void) | undefined): void;
readonly props: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
children?: React.ReactNode;
}>;
state: Readonly<{}>;
refs: {
[key: string]: React.ReactInstance;
};
componentDidMount?(): void;
shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
componentWillUnmount?(): void;
componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
componentWillMount?(): void;
UNSAFE_componentWillMount?(): void;
componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}, keyof ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
};
displayName: string;
contextType: React.Context<string>;
ComposedComponent: React.ComponentType<{
new (props: (Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;
noResultsText: string;
clearAllText: string;
clearValueText: string;
placeholder: string;
valueField: string;
labelField: string;
resetValue: string;
inline: boolean;
disabled: boolean;
checkAll: boolean;
checkAllLabel: string;
defaultCheckAll: boolean;
overlayPlacement: string;
}, never>> & {
locale?: string | undefined;
translate?: ((str: string, ...args: any[]) => string) | undefined;
}) | Readonly<Pick<Omit<SelectProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "value" | "loading" | "onFocus" | "onBlur" | "onChange" | "useMobileUI" | "defaultOpen" | "options" | "onEdit" | "onAdd" | "onDelete" | "delimiter" | "joinValues" | "extractValue" | "loadOptions" | "spinnerClassName" | "removable" | "editable" | "borderMode" | "searchable" | "popOverContainer" | "popoverClassName" | "pathSeparator" | "multi" | "valuesNoWrap" | "renderMenu" | "checkAllBySearch" | "simpleValue" | "hideSelected" | "mobileClassName"> & Partial<Pick<Omit<SelectProps, keyof LocaleProps>, "disabled" | "multiple" | "labelField" | "placeholder" | "inline" | "valueField" | "resetValue" | "clearable" | "creatable" | "createBtnLabel" | "checkAll" | "overlayPlacement" | "defaultCheckAll" | "searchPromptText" | "loadingPlaceholder" | "noResultsText" | "clearAllText" | "clearValueText" | "checkAllLabel">> & Partial<Pick<{
multiple: boolean;
clearable: boolean;
creatable: boolean;
createBtnLabel: string;
searchPromptText: string;
loadingPlaceholder: string;