83 lines
3.2 KiB
TypeScript
83 lines
3.2 KiB
TypeScript
|
/**
|
||
|
|
* Cursor rule:
|
||
|
|
* 1. Only `showSearch` enabled
|
||
|
|
* 2. Only `open` is `true`
|
||
|
|
* 3. When typing, set `open` to `true` which hit rule of 2
|
||
|
|
*
|
||
|
|
* Accessibility:
|
||
|
|
* - https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html
|
||
|
|
*/
|
||
|
|
import * as React from 'react';
|
||
|
|
import type { ScrollTo } from 'rc-virtual-list/lib/List';
|
||
|
|
import type { CustomTagProps, DisplayValueType, Mode, RenderNode } from '../BaseSelect';
|
||
|
|
export interface InnerSelectorProps {
|
||
|
|
prefixCls: string;
|
||
|
|
id: string;
|
||
|
|
mode: Mode;
|
||
|
|
title?: string;
|
||
|
|
inputRef: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
|
||
|
|
placeholder?: React.ReactNode;
|
||
|
|
disabled?: boolean;
|
||
|
|
autoFocus?: boolean;
|
||
|
|
autoComplete?: string;
|
||
|
|
values: DisplayValueType[];
|
||
|
|
showSearch?: boolean;
|
||
|
|
searchValue: string;
|
||
|
|
autoClearSearchValue?: boolean;
|
||
|
|
activeDescendantId?: string;
|
||
|
|
open: boolean;
|
||
|
|
tabIndex?: number;
|
||
|
|
maxLength?: number;
|
||
|
|
onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
|
||
|
|
onInputMouseDown: React.MouseEventHandler<HTMLInputElement | HTMLTextAreaElement>;
|
||
|
|
onInputChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
|
||
|
|
onInputPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
|
||
|
|
onInputCompositionStart: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;
|
||
|
|
onInputCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;
|
||
|
|
}
|
||
|
|
export interface RefSelectorProps {
|
||
|
|
focus: () => void;
|
||
|
|
blur: () => void;
|
||
|
|
scrollTo?: ScrollTo;
|
||
|
|
}
|
||
|
|
export interface SelectorProps {
|
||
|
|
id: string;
|
||
|
|
prefixCls: string;
|
||
|
|
showSearch?: boolean;
|
||
|
|
open: boolean;
|
||
|
|
/** Display in the Selector value, it's not same as `value` prop */
|
||
|
|
values: DisplayValueType[];
|
||
|
|
mode: Mode;
|
||
|
|
searchValue: string;
|
||
|
|
activeValue: string;
|
||
|
|
autoClearSearchValue: boolean;
|
||
|
|
inputElement: JSX.Element;
|
||
|
|
maxLength?: number;
|
||
|
|
autoFocus?: boolean;
|
||
|
|
activeDescendantId?: string;
|
||
|
|
tabIndex?: number;
|
||
|
|
disabled?: boolean;
|
||
|
|
placeholder?: React.ReactNode;
|
||
|
|
removeIcon?: RenderNode;
|
||
|
|
maxTagCount?: number | 'responsive';
|
||
|
|
maxTagTextLength?: number;
|
||
|
|
maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);
|
||
|
|
tagRender?: (props: CustomTagProps) => React.ReactElement;
|
||
|
|
/** Check if `tokenSeparators` contains `\n` or `\r\n` */
|
||
|
|
tokenWithEnter?: boolean;
|
||
|
|
choiceTransitionName?: string;
|
||
|
|
onToggleOpen: (open?: boolean) => void;
|
||
|
|
/** `onSearch` returns go next step boolean to check if need do toggle open */
|
||
|
|
onSearch: (searchText: string, fromTyping: boolean, isCompositing: boolean) => boolean;
|
||
|
|
onSearchSubmit?: (searchText: string) => void;
|
||
|
|
onRemove: (value: DisplayValueType) => void;
|
||
|
|
onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
|
||
|
|
/**
|
||
|
|
* @private get real dom for trigger align.
|
||
|
|
* This may be removed after React provides replacement of `findDOMNode`
|
||
|
|
*/
|
||
|
|
domRef: React.Ref<HTMLDivElement>;
|
||
|
|
}
|
||
|
|
declare const ForwardSelector: React.ForwardRefExoticComponent<SelectorProps & React.RefAttributes<RefSelectorProps>>;
|
||
|
|
export default ForwardSelector;
|