@douyinfe/semi-ui 2.1.0-beta.3 → 2.1.0-next.3

package/lib/cjs/select/index.d.ts

@@ -0,0 +1,234 @@
+import React, { MouseEvent } from 'react';
+import PropTypes from 'prop-types';
+import SelectFoundation, { SelectAdapter } from '@douyinfe/semi-foundation/lib/cjs/select/foundation';
+import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
+import Option, { OptionProps } from './option';
+import OptionGroup from './optionGroup';
+import '@douyinfe/semi-foundation/lib/cjs/select/select.css';
+import { Position, TooltipProps } from '../tooltip';
+export { OptionProps } from './option';
+export { OptionGroupProps } from './optionGroup';
+export { VirtualRowProps } from './virtualRow';
+export interface optionRenderProps {
+    key?: any;
+    label?: string | React.ReactNode | number;
+    value?: string | number;
+    style?: React.CSSProperties;
+    className?: string;
+    selected?: boolean;
+    focused?: boolean;
+    show?: boolean;
+    disabled?: boolean;
+    onMouseEnter?: (e: React.MouseEvent) => any;
+    onClick?: (e: React.MouseEvent) => any;
+    [x: string]: any;
+}
+export interface selectMethod {
+    clearInput?: () => void;
+    selectAll?: () => void;
+    deselectAll?: () => void;
+    focus?: () => void;
+    close?: () => void;
+    open?: () => void;
+}
+export declare type SelectSize = 'small' | 'large' | 'default';
+export interface virtualListProps {
+    itemSize?: number;
+    height?: number;
+    width?: string | number;
+}
+export declare type RenderSingleSelectedItemFn = (optionNode: Record<string, any>) => React.ReactNode;
+export declare type RenderMultipleSelectedItemFn = (optionNode: Record<string, any>, multipleProps: {
+    index: number;
+    disabled: boolean;
+    onClose: (tagContent: React.ReactNode, e: MouseEvent) => void;
+}) => {
+    isRenderInTag: boolean;
+    content: React.ReactNode;
+};
+export declare type RenderSelectedItemFn = RenderSingleSelectedItemFn | RenderMultipleSelectedItemFn;
+export declare type SelectProps = {
+    autoFocus?: boolean;
+    arrowIcon?: React.ReactNode;
+    defaultValue?: string | number | any[] | Record<string, any>;
+    value?: string | number | any[] | Record<string, any>;
+    placeholder?: React.ReactNode;
+    onChange?: (value: SelectProps['value']) => void;
+    multiple?: boolean;
+    filter?: boolean | ((inpueValue: string, option: OptionProps) => boolean);
+    max?: number;
+    maxTagCount?: number;
+    maxHeight?: string | number;
+    style?: React.CSSProperties;
+    className?: string;
+    size?: SelectSize;
+    disabled?: boolean;
+    emptyContent?: React.ReactNode;
+    onDropdownVisibleChange?: (visible: boolean) => void;
+    zIndex?: number;
+    position?: Position;
+    onSearch?: (value: string) => void;
+    dropdownClassName?: string;
+    dropdownStyle?: React.CSSProperties;
+    outerTopSlot?: React.ReactNode;
+    innerTopSlot?: React.ReactNode;
+    outerBottomSlot?: React.ReactNode;
+    innerBottomSlot?: React.ReactNode;
+    optionList?: OptionProps[];
+    dropdownMatchSelectWidth?: boolean;
+    loading?: boolean;
+    defaultOpen?: boolean;
+    validateStatus?: ValidateStatus;
+    defaultActiveFirstOption?: boolean;
+    onChangeWithObject?: boolean;
+    suffix?: React.ReactNode;
+    prefix?: React.ReactNode;
+    insetLabel?: React.ReactNode;
+    showClear?: boolean;
+    showArrow?: boolean;
+    renderSelectedItem?: RenderSelectedItemFn;
+    renderCreateItem?: (inputValue: OptionProps['value'], focus: boolean) => React.ReactNode;
+    renderOptionItem?: (props: optionRenderProps) => React.ReactNode;
+    onMouseEnter?: (e: React.MouseEvent) => any;
+    onMouseLeave?: (e: React.MouseEvent) => any;
+    clickToHide?: boolean;
+    onExceed?: (option: OptionProps) => void;
+    onCreate?: (option: OptionProps) => void;
+    remote?: boolean;
+    onDeselect?: (value: SelectProps['value'], option: Record<string, any>) => void;
+    onSelect?: (value: SelectProps['value'], option: Record<string, any>) => void;
+    allowCreate?: boolean;
+    triggerRender?: (props?: any) => React.ReactNode;
+    onClear?: () => void;
+    virtualize?: virtualListProps;
+    onFocus?: (e: React.FocusEvent) => void;
+    onBlur?: (e: React.FocusEvent) => void;
+    onListScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
+    children?: React.ReactNode;
+} & Pick<TooltipProps, 'spacing' | 'getPopupContainer' | 'motion' | 'autoAdjustOverflow' | 'mouseLeaveDelay' | 'mouseEnterDelay' | 'stopPropagation'> & React.RefAttributes<any>;
+export interface SelectState {
+    isOpen: boolean;
+    isFocus: boolean;
+    options: Array<OptionProps>;
+    selections: Map<OptionProps['label'], any>;
+    dropdownMinWidth: number;
+    optionKey: number;
+    inputValue: string;
+    showInput: boolean;
+    focusIndex: number;
+    keyboardEventSet: any;
+    optionGroups: Array<any>;
+    isHovering: boolean;
+}
+declare class Select extends BaseComponent<SelectProps, SelectState> {
+    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static Option: typeof Option;
+    static OptGroup: typeof OptionGroup;
+    static propTypes: {
+        autoFocus: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        defaultValue: PropTypes.Requireable<string | number | object>;
+        value: PropTypes.Requireable<string | number | object>;
+        placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        multiple: PropTypes.Requireable<boolean>;
+        filter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
+        max: PropTypes.Requireable<number>;
+        maxTagCount: PropTypes.Requireable<number>;
+        maxHeight: PropTypes.Requireable<string | number>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<SelectSize>;
+        disabled: PropTypes.Requireable<boolean>;
+        emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
+        zIndex: PropTypes.Requireable<number>;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        onSearch: PropTypes.Requireable<(...args: any[]) => any>;
+        getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
+        dropdownClassName: PropTypes.Requireable<string>;
+        dropdownStyle: PropTypes.Requireable<object>;
+        outerTopSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        innerTopSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        outerBottomSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        innerBottomSlot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        optionList: PropTypes.Requireable<any[]>;
+        dropdownMatchSelectWidth: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        defaultOpen: PropTypes.Requireable<boolean>;
+        validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
+        defaultActiveFirstOption: PropTypes.Requireable<boolean>;
+        triggerRender: PropTypes.Requireable<(...args: any[]) => any>;
+        stopPropagation: PropTypes.Requireable<boolean>;
+        motion: PropTypes.Requireable<boolean | object>;
+        onChangeWithObject: PropTypes.Requireable<boolean>;
+        suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        showClear: PropTypes.Requireable<boolean>;
+        showArrow: PropTypes.Requireable<boolean>;
+        renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
+        allowCreate: PropTypes.Requireable<boolean>;
+        renderCreateItem: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        clickToHide: PropTypes.Requireable<boolean>;
+        onExceed: PropTypes.Requireable<(...args: any[]) => any>;
+        onCreate: PropTypes.Requireable<(...args: any[]) => any>;
+        remote: PropTypes.Requireable<boolean>;
+        onDeselect: PropTypes.Requireable<(...args: any[]) => any>;
+        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        autoAdjustOverflow: PropTypes.Requireable<boolean>;
+        mouseEnterDelay: PropTypes.Requireable<number>;
+        mouseLeaveDelay: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<number>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onClear: PropTypes.Requireable<(...args: any[]) => any>;
+        virtualize: PropTypes.Requireable<object>;
+        renderOptionItem: PropTypes.Requireable<(...args: any[]) => any>;
+        onListScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    static defaultProps: Partial<SelectProps>;
+    inputRef: React.RefObject<HTMLInputElement>;
+    triggerRef: React.RefObject<HTMLDivElement>;
+    optionsRef: React.RefObject<any>;
+    virtualizeListRef: React.RefObject<any>;
+    selectOptionListID: string;
+    clickOutsideHandler: (e: MouseEvent) => void;
+    foundation: SelectFoundation;
+    constructor(props: SelectProps);
+    get adapter(): SelectAdapter<SelectProps, SelectState>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: SelectProps, prevState: SelectState): void;
+    handleInputChange: (value: string) => void;
+    renderInput(): JSX.Element;
+    close(): void;
+    open(): void;
+    clearInput(): void;
+    selectAll(): void;
+    deselectAll(): void;
+    focus(): void;
+    onSelect(option: OptionProps, optionIndex: number, e: any): void;
+    onClear(e: React.MouseEvent): void;
+    renderEmpty(): JSX.Element;
+    renderLoading(): JSX.Element;
+    renderOption(option: OptionProps, optionIndex: number, style?: React.CSSProperties): any;
+    renderCreateOption(option: OptionProps, isFocused: boolean, optionIndex: number, style: React.CSSProperties): JSX.Element;
+    onOptionHover(optionIndex: number): void;
+    renderWithGroup(visibileOptions: OptionProps[]): JSX.Element[];
+    renderVirtualizeList(visibileOptions: OptionProps[]): JSX.Element;
+    renderOptions(children?: React.ReactNode): JSX.Element;
+    renderSingleSelection(selections: Map<OptionProps['label'], any>, filterable: boolean): JSX.Element;
+    renderMultipleSelection(selections: Map<OptionProps['label'], any>, filterable: boolean): JSX.Element;
+    onMouseEnter(e: MouseEvent): void;
+    onMouseLeave(e: MouseEvent): void;
+    handlePopoverVisibleChange(status: any): void;
+    renderSuffix(): JSX.Element;
+    renderPrefix(): JSX.Element;
+    renderSelection(): JSX.Element;
+    render(): JSX.Element;
+}
+export default Select;