Preparing search index...

    Свойства компонента FieldSelect

    interface FieldSelectProps {
        addText?: string;
        allowClear?: boolean;
        autoFocus?: boolean;
        canAdd?: boolean;
        canCreate?: boolean;
        canSelectAll?: boolean;
        "data-qaid"?: string;
        "data-readonly"?: true;
        defaultValue?: SelectValue;
        dropdownMatchSelectWidth?: "autoContent" | "1.5:1";
        dropdownRef?: Ref<HTMLDivElement>;
        dropdownRender?: DropdownRenderFunction;
        error?: null | string | string[];
        errorMessage?: ReactNode;
        hasBorder?: boolean;
        hasError?: boolean;
        hasLeaderDots?: boolean;
        hint?: ReactNode;
        inputRef?: Ref<HTMLInputElement>;
        inputRowsMode?: SelectInputRowsMode;
        inputWidth?: number;
        isAllSelected?: boolean;
        isDefaultOpen?: boolean;
        isDisabled?: boolean;
        isHighlighted?: boolean;
        isMultiLine?: boolean;
        isOpen?: boolean;
        isReadOnly?: boolean;
        isRequired?: boolean;
        isWaiting?: boolean;
        isWide?: boolean;
        label?: ReactNode;
        labelWidth?: number;
        mode?: SelectMode;
        multipleValueRenderer?: (
            option: SelectOption,
            onDeleteSelectedOption: (
                option: SelectOption,
            ) => (e: SyntheticEvent) => void,
        ) => ReactNode;
        multiValueRenderer?: (
            option: SelectOption,
            onDeleteSelectedOption: (
                option: SelectOption,
            ) => (e: SyntheticEvent) => void,
            defaultRenderer: (
                value: string | number,
                displayValue: string,
                title: string,
                option: SelectOption,
            ) => ReactNode,
        ) => ReactNode;
        name: string;
        notFoundContent?: ReactNode;
        notFoundText?: string;
        onAdd?: () => void;
        onBlur?: () => void;
        onChange?: (name: string, value: SelectValue) => void;
        onDeselect?: (name: string, value: string) => void;
        onDeselectAll?: () => void;
        onDropdownVisibleChange?: (isOpen: boolean) => void;
        onFocus?: () => void;
        onPrefixClick?: (e: MouseEvent) => void;
        onSearch?: (name: string, value: any) => void;
        onSelect?: (name: string, value: SelectValue) => void;
        onSelectAll?: () => void;
        onSuffixClick?: (e: MouseEvent) => void;
        optionRenderer?: (option: SelectOption) => ReactNode;
        options: SelectOption[];
        optionsMaxHeight?: number;
        overlapButton?: Element;
        placeholder?: string;
        prefix?: ReactNode;
        preserveValueOrdering?: boolean;
        rightExtraItems?: ReactNode;
        scrollModeMaxRows?: number;
        selectAllText?: string;
        selectedOptions?: SelectOption[];
        selectNoneText?: string;
        shouldBlurOnClose?: boolean;
        showArrow?: boolean;
        showSearch?: boolean;
        size?: Universe.Platform.Uikit.SIZE;
        sortOrder?: "ASC" | "DESC";
        sublabel?: string;
        suffix?: ReactNode;
        targetRenderer?: (
            handleClick: (e: MouseEvent<HTMLDivElement>) => void,
            value?: SelectValue,
        ) => ReactNode;
        title?: ReactNode;
        tooltipPlacement?: PLACEMENT;
        useClientFilter?: boolean;
        value?: SelectValue;
        valueRenderer?: (value?: SelectValue) => ReactNode;
        viewMode?: FIELD_MODE;
    }

    Hierarchy (View Summary)

    Index

    Properties

    addText?: string
    allowClear?: boolean
    autoFocus?: boolean
    canAdd?: boolean
    canCreate?: boolean
    canSelectAll?: boolean
    "data-qaid"?: string
    "data-readonly"?: true
    defaultValue?: SelectValue
    dropdownMatchSelectWidth?: "autoContent" | "1.5:1"
    dropdownRef?: Ref<HTMLDivElement>
    dropdownRender?: DropdownRenderFunction
    error?: null | string | string[]

    Ошибки поля

    errorMessage?: ReactNode
    hasBorder?: boolean
    hasError?: boolean
    hasLeaderDots?: boolean

    Есть ли направляющие точки от лейбла к полю

    hint?: ReactNode

    Подсказка

    inputRef?: Ref<HTMLInputElement>
    inputRowsMode?: SelectInputRowsMode
    inputWidth?: number

    Ширина поля

    isAllSelected?: boolean
    isDefaultOpen?: boolean
    isDisabled?: boolean
    isHighlighted?: boolean
    isMultiLine?: boolean
    isOpen?: boolean
    isReadOnly?: boolean
    isRequired?: boolean

    Является ли поле обязательным к заполнению

    isWaiting?: boolean
    isWide?: boolean

    На всю ширину контейнера

    label?: ReactNode

    Лейбл

    labelWidth?: number

    Ширина лейбла

    mode?: SelectMode

    'tags' mode generate new option by creating IOption {title: text, value: text}

    multipleValueRenderer?: (
        option: SelectOption,
        onDeleteSelectedOption: (
            option: SelectOption,
        ) => (e: SyntheticEvent) => void,
    ) => ReactNode

    multipleValueRenderer использует HTML параметр title, который может отличаться от выводимого значения Необходимо использовать параметр multiValueRenderer

    @universe-platform/uikit 2.0.0

    multiValueRenderer?: (
        option: SelectOption,
        onDeleteSelectedOption: (
            option: SelectOption,
        ) => (e: SyntheticEvent) => void,
        defaultRenderer: (
            value: string | number,
            displayValue: string,
            title: string,
            option: SelectOption,
        ) => ReactNode,
    ) => ReactNode
    name: string
    notFoundContent?: ReactNode
    notFoundText?: string
    onAdd?: () => void
    onBlur?: () => void
    onChange?: (name: string, value: SelectValue) => void
    onDeselect?: (name: string, value: string) => void
    onDeselectAll?: () => void
    onDropdownVisibleChange?: (isOpen: boolean) => void
    onFocus?: () => void
    onPrefixClick?: (e: MouseEvent) => void
    onSearch?: (name: string, value: any) => void
    onSelect?: (name: string, value: SelectValue) => void
    onSelectAll?: () => void
    onSuffixClick?: (e: MouseEvent) => void
    optionRenderer?: (option: SelectOption) => ReactNode
    options: SelectOption[]
    optionsMaxHeight?: number
    overlapButton?: Element
    placeholder?: string
    prefix?: ReactNode

    Префикс поля

    preserveValueOrdering?: boolean
    rightExtraItems?: ReactNode

    Дополнительные элементы справа

    scrollModeMaxRows?: number
    selectAllText?: string
    selectedOptions?: SelectOption[]
    selectNoneText?: string
    shouldBlurOnClose?: boolean
    showArrow?: boolean
    showSearch?: boolean
    sortOrder?: "ASC" | "DESC"
    sublabel?: string

    Дополнительный текст лейбла

    suffix?: ReactNode
    targetRenderer?: (
        handleClick: (e: MouseEvent<HTMLDivElement>) => void,
        value?: SelectValue,
    ) => ReactNode
    title?: ReactNode
    tooltipPlacement?: PLACEMENT
    useClientFilter?: boolean
    value?: SelectValue
    valueRenderer?: (value?: SelectValue) => ReactNode
    viewMode?: FIELD_MODE

    Тип отображения поля