Interface IManaged<Data, Value>

Свойства сущности, обернутой в компонент высшего порядка Предоставляется удобная абстракция

interface IManaged<Data = IAnything, Value = any> {
    autoFocus?: boolean;
    bottom?: string | ISizeCallback<Data>;
    buttonColor?:
        | "error"
        | "inherit"
        | "primary"
        | "secondary"
        | "success"
        | "info"
        | "warning";
    buttonSize?: "small"
    | "medium"
    | "large";
    buttonVariant?: "outlined" | "text" | "contained";
    child?: IField<Data, any>;
    choose?: (
        data: Data,
        payload: any,
    ) => null | string | string[] | Promise<null | string | string[]>;
    className?: string;
    click: (e: MouseEvent<any>) => void | Promise<void>;
    condition?:
        | (data: Data, payload: any) => boolean
        | (data: Data, payload: any) => Promise<boolean>;
    conditionElse?: any;
    conditionLoading?: any;
    customLayout?: (
        props: PropsWithChildren<
            Data & {
                _fieldData: Data;
                _fieldParams: IField;
                _payload: Payload;
                onChange: (data: Partial<Data>) => void;
            },
        >,
    ) => ReactElement;
    description?: string;
    desktopBottom?: string
    | ISizeCallback<Data>;
    desktopHeight?: string | ISizeCallback<Data>;
    desktopLeft?: string | ISizeCallback<Data>;
    desktopMaxHeight?: string | ISizeCallback<Data>;
    desktopMaxWidth?: string | ISizeCallback<Data>;
    desktopMinHeight?: string | ISizeCallback<Data>;
    desktopMinWidth?: string | ISizeCallback<Data>;
    desktopRight?: string | ISizeCallback<Data>;
    desktopTop?: string | ISizeCallback<Data>;
    desktopWidth?: string | ISizeCallback<Data>;
    dictCreateButton?: any;
    dictDelay?: number;
    dictLimit?: number;
    dictOnAppend?: (
        search: string,
        data: Data,
        payload: any,
        onValueChange: (value: null | string) => void,
        onChange: (value: Data) => void,
    ) => void;
    dictOnItem?: (
        value: null | string,
        data: Data,
        payload: any,
        onValueChange: (value: null | string) => void,
        onChange: (data: Data) => void,
    ) => void;
    dictOnText?: (
        text: string,
        data: Data,
        payload: any,
        onValueChange: (value: null | string) => void,
        onChange: (data: Data) => void,
    ) => void;
    dictSearch?: (
        dto: {
            data: Data;
            initial: boolean;
            limit: number;
            offset: number;
            payload: any;
            rows: ISearchItem<any>[];
            search: string;
        },
    ) => ISearchItem<any>[]
    | Promise<ISearchItem<any>[]>;
    dictSearchItem?: any;
    dictSearchText?: (data: Data, payload: any) => string | Promise<string>;
    dictValue?: (
        value: string,
        data: Data,
        payload: any,
    ) => ISearchItem<any> | Promise<ISearchItem<any>>;
    dirty: boolean;
    disabled: boolean;
    element?: any;
    expansionOpened?: boolean;
    fallback: (e: Error) => void;
    fieldReadonly: boolean;
    fields?: IField<Data, any>[];
    fileAccept?: string;
    freeSolo?: boolean;
    groupRef?: (element?: null | HTMLDivElement) => void;
    height?: string | ISizeCallback<Data>;
    heroInnerDesktopStyle?: any;
    heroInnerPhoneStyle?: any;
    heroInnerStyle?: any;
    heroInnerTabletStyle?: any;
    heroOuterDesktopStyle?: any;
    heroOuterPhoneStyle?: any;
    heroOuterStyle?: any;
    heroOuterTabletStyle?: any;
    icon?: any;
    iconBackground?:
        | "error"
        | "inherit"
        | "primary"
        | "secondary"
        | "success"
        | "info"
        | "warning";
    iconColor?: | "error"
    | "inherit"
    | "primary"
    | "secondary"
    | "success"
    | "info"
    | "warning"
    | "default";
    iconSize?: number;
    incorrect: null
    | string;
    innerPadding?: string;
    inputAutocomplete?: "new-password" | "on" | "off" | "false";
    inputFormatter?: (input: string) => string;
    inputFormatterAllowed?: RegExp | (char: string, idx: number) => boolean;
    inputFormatterReplace?: (char: string) => null | string;
    inputFormatterSymbol?: string;
    inputFormatterTemplate?: string;
    inputMode?:
        | "search"
        | "text"
        | "email"
        | "tel"
        | "url"
        | "none"
        | "numeric"
        | "decimal";
    inputPattern?: string;
    inputRef?: (element?: null | HTMLInputElement) => void;
    inputRows?: number;
    inputType?:
        | "number"
        | "color"
        | "search"
        | "text"
        | "date"
        | "email"
        | "month"
        | "password"
        | "tel"
        | "time"
        | "url"
        | "week";
    invalid: null
    | string;
    isBaselineAlign: boolean;
    itemList?:
        | string[]
        | (data: Data, payload: any) => string[]
        | (data: Data, payload: any) => Promise<string[]>;
    itemTree?:
        | ITreeNode[]
        | (data: Data, payload: any) => ITreeNode[]
        | (data: Data, payload: any) => Promise<ITreeNode[]>;
    keepRaw?: boolean;
    labelFormatSlider?: (v: number) => string | number;
    labelShrink?: boolean;
    leadingIcon?: any;
    leadingIconClick?: (
        value: Value,
        data: Data,
        payload: any,
        onValueChange: (v: Value) => void,
        onChange: (data: Data) => void,
    ) => void;
    leadingIconRipple?: boolean;
    leadingIconTabIndex?: number;
    left?: string | ISizeCallback<Data>;
    lineTransparent?: boolean;
    loading: boolean;
    maxHeight?: string | ISizeCallback<Data>;
    maxPercent?: number;
    maxSlider?: number;
    maxWidth?: string | ISizeCallback<Data>;
    minHeight?: string | ISizeCallback<Data>;
    minSlider?: number;
    minWidth?: string | ISizeCallback<Data>;
    name: string;
    noDeselect?: boolean;
    object: Data;
    onChange: (v: Value, config?: { skipReadonly?: boolean }) => void;
    outlined?: boolean;
    outlinePaper: boolean;
    phoneBottom?: string | ISizeCallback<Data>;
    phoneHeight?: string | ISizeCallback<Data>;
    phoneLeft?: string | ISizeCallback<Data>;
    phoneMaxHeight?: string | ISizeCallback<Data>;
    phoneMaxWidth?: string | ISizeCallback<Data>;
    phoneMinHeight?: string | ISizeCallback<Data>;
    phoneMinWidth?: string | ISizeCallback<Data>;
    phoneRight?: string | ISizeCallback<Data>;
    phoneTop?: string | ISizeCallback<Data>;
    phoneWidth?: string | ISizeCallback<Data>;
    placeholder?: string;
    prefix: string;
    progressBarColor?: (v: number) => string;
    progressColor?: (v: number) => string;
    radioValue?: string;
    readonly: boolean;
    right?: string | ISizeCallback<Data>;
    shouldCondition?: (prevData: Data, nextData: Data, payload: any) => boolean;
    showPercentLabel?: boolean;
    sliderRailColor?: (v: number) => string;
    sliderSteps?: { label: string; value: number }[];
    sliderThumbColor?: (v: number) => string;
    sliderTrackColor?: (v: number) => string;
    stepSlider?: number;
    style?: any;
    switchActiveLabel?: string;
    switchNoColor?: boolean;
    tabBackground?: boolean;
    tabChange?: (idx: number) => void;
    tabColor?: "primary" | "secondary";
    tabIndex?: number;
    tabKeepFlow?: boolean;
    tabletBottom?: string | ISizeCallback<Data>;
    tabletHeight?: string | ISizeCallback<Data>;
    tabletLeft?: string | ISizeCallback<Data>;
    tabletMaxHeight?: string | ISizeCallback<Data>;
    tabletMaxWidth?: string | ISizeCallback<Data>;
    tabletMinHeight?: string | ISizeCallback<Data>;
    tabletMinWidth?: string | ISizeCallback<Data>;
    tabletRight?: string | ISizeCallback<Data>;
    tabletTop?: string | ISizeCallback<Data>;
    tabletWidth?: string | ISizeCallback<Data>;
    tabLine?: boolean;
    tabList?: string[];
    tabVariant?: "fullWidth" | "standard" | "scrollable";
    tip?:
        | string[]
        | (
            value: string,
            data: Data,
            payload: any,
        ) => string[] | Promise<string[]>;
    tipSelect?: (
        value: string,
        data: Data,
        payload: any,
        onChange: (data: Data) => void,
    ) => void;
    title?: string;
    top?: string | ISizeCallback<Data>;
    tr?:
        | (s: string, data: Data, payload: any) => string
        | (s: string, data: Data, payload: any) => Promise<string>;
    trailingIcon?: any;
    trailingIconClick?: (
        value: Value,
        data: Data,
        payload: any,
        onValueChange: (v: Value) => void,
        onChange: (data: Data) => void,
    ) => void;
    trailingIconRipple?: boolean;
    trailingIconTabIndex?: number;
    transparentPaper: boolean;
    typoVariant?:
        | "h1"
        | "h2"
        | "h3"
        | "h4"
        | "h5"
        | "h6"
        | "subtitle1"
        | "subtitle2"
        | "body1"
        | "body2"
        | "caption";
    upload?: (file: File, data: Data, payload: any) => string | Promise<string>;
    validation?: IValidation;
    value: Value;
    view?: (file: string, data: Data, payload: any) => void | Promise<void>;
    virtualListBox?: boolean;
    watchItemList?: boolean;
    watchItemTree?: boolean;
    watchOneContext?: boolean;
    width?: string | ISizeCallback<Data>;
    withContextMenu: undefined | true;
}

Type Parameters

Data = IAnything
Value = any

Hierarchy

Omit<IEntity<Data>, keyof Exclude<Data>>
- IManaged

Index

Properties

autoFocus? bottom? buttonColor? buttonSize? buttonVariant? child? choose? className? click condition? conditionElse? conditionLoading? customLayout? description? desktopBottom? desktopHeight? desktopLeft? desktopMaxHeight? desktopMaxWidth? desktopMinHeight? desktopMinWidth? desktopRight? desktopTop? desktopWidth? dictCreateButton? dictDelay? dictLimit? dictOnAppend? dictOnItem? dictOnText? dictSearch? dictSearchItem? dictSearchText? dictValue? dirty disabled element? expansionOpened? fallback fieldReadonly fields? fileAccept? freeSolo? groupRef? height? heroInnerDesktopStyle? heroInnerPhoneStyle? heroInnerStyle? heroInnerTabletStyle? heroOuterDesktopStyle? heroOuterPhoneStyle? heroOuterStyle? heroOuterTabletStyle? icon? iconBackground? iconColor? iconSize? incorrect innerPadding? inputAutocomplete? inputFormatter? inputFormatterAllowed? inputFormatterReplace? inputFormatterSymbol? inputFormatterTemplate? inputMode? inputPattern? inputRef? inputRows? inputType? invalid isBaselineAlign itemList? itemTree? keepRaw? labelFormatSlider? labelShrink? leadingIcon? leadingIconClick? leadingIconRipple? leadingIconTabIndex? left? lineTransparent? loading maxHeight? maxPercent? maxSlider? maxWidth? minHeight? minSlider? minWidth? name noDeselect? object onChange outlined? outlinePaper phoneBottom? phoneHeight? phoneLeft? phoneMaxHeight? phoneMaxWidth? phoneMinHeight? phoneMinWidth? phoneRight? phoneTop? phoneWidth? placeholder? prefix progressBarColor? progressColor? radioValue? readonly right? shouldCondition? showPercentLabel? sliderRailColor? sliderSteps? sliderThumbColor? sliderTrackColor? stepSlider? style? switchActiveLabel? switchNoColor? tabBackground? tabChange? tabColor? tabIndex? tabKeepFlow? tabletBottom? tabletHeight? tabletLeft? tabletMaxHeight? tabletMaxWidth? tabletMinHeight? tabletMinWidth? tabletRight? tabletTop? tabletWidth? tabLine? tabList? tabVariant? tip? tipSelect? title? top? tr? trailingIcon? trailingIconClick? trailingIconRipple? trailingIconTabIndex? transparentPaper typoVariant? upload? validation? value view? virtualListBox? watchItemList? watchItemTree? watchOneContext? width? withContextMenu

Properties

`Optional`autoFocus

autoFocus?: boolean

Автофокус и постоянное отключение поля

`Optional`bottom

bottom?: string | ISizeCallback<Data>

`Optional`buttonColor

Тип цвета кнопки для FieldType.Button

`Optional`buttonSize

buttonSize?: "small" | "medium" | "large"

Тип размера кнопки для FieldType.Button

`Optional`buttonVariant

buttonVariant?: "outlined" | "text" | "contained"

Тип заливки кнопки для FieldType.Button

`Optional`child

child?: IField<Data, any>

`Optional`choose

Функция для выбора документа из справочника для useSearchModal

`Optional`className

className?: string

Наименование класса для корневого элемента поля (опционально)

click

click: (e: MouseEvent<any>) => void | Promise<void>

`Optional`condition

condition?:
| (data: Data, payload: any) => boolean
| (data: Data, payload: any) => Promise<boolean>

Предикат для компоновки Condition

`Optional`conditionElse

conditionElse?: any

Компонент отображения else для condition

`Optional`conditionLoading

conditionLoading?: any

Компонент отображения загрузки condition

`Optional`customLayout

customLayout?: (
    props: PropsWithChildren<
        Data & {
            _fieldData: Data;
            _fieldParams: IField;
            _payload: Payload;
            onChange: (data: Partial<Data>) => void;
        },
    >,
) => ReactElement

Коллбек, позволяющий применить собственную компоновку

`Optional`description

description?: string

`Optional`desktopBottom

desktopBottom?: string | ISizeCallback<Data>

`Optional`desktopHeight

desktopHeight?: string | ISizeCallback<Data>

`Optional`desktopLeft

desktopLeft?: string | ISizeCallback<Data>

`Optional`desktopMaxHeight

desktopMaxHeight?: string | ISizeCallback<Data>

`Optional`desktopMaxWidth

desktopMaxWidth?: string | ISizeCallback<Data>

`Optional`desktopMinHeight

desktopMinHeight?: string | ISizeCallback<Data>

`Optional`desktopMinWidth

desktopMinWidth?: string | ISizeCallback<Data>

`Optional`desktopRight

desktopRight?: string | ISizeCallback<Data>

`Optional`desktopTop

desktopTop?: string | ISizeCallback<Data>

`Optional`desktopWidth

desktopWidth?: string | ISizeCallback<Data>

`Optional`dictCreateButton

dictCreateButton?: any

Функция позволяет переопределить компонент создание записи в словарь из модалки

`Optional`dictDelay

dictDelay?: number

Позволяет задать задержку для api запросов поля справочника

`Optional`dictLimit

dictLimit?: number

Позволяет задать limit для поля справочника

`Optional`dictOnAppend

dictOnAppend?: (
    search: string,
    data: Data,
    payload: any,
    onValueChange: (value: null | string) => void,
    onChange: (value: Data) => void,
) => void

Поле справочника позволяет создавать новые записи, если поиск не дал результата

`Optional`dictOnItem

dictOnItem?: (
    value: null | string,
    data: Data,
    payload: any,
    onValueChange: (value: null | string) => void,
    onChange: (data: Data) => void,
) => void

Функция вызывается на каждый выбор из модалки. Подразумевается запись в целевой объект. Для контекстного поиска по label, value можно записать в другое поле

`Optional`dictOnText

dictOnText?: (
    text: string,
    data: Data,
    payload: any,
    onValueChange: (value: null | string) => void,
    onChange: (data: Data) => void,
) => void

Функция вызывается на каждое изменение текста. Подразумевается запись в целевой объект. Для контекстного поиска по label, value можно записать в другое поле

`Optional`dictSearch

dictSearch?: (
    dto: {
        data: Data;
        initial: boolean;
        limit: number;
        offset: number;
        payload: any;
        rows: ISearchItem<any>[];
        search: string;
    },
) => ISearchItem<any>[]
| Promise<ISearchItem<any>[]>

Обработчик запроса справочника. Если число объектов меньше dictLimit, подразумевается, что все данные выгружены на фронт и новые запросы не выполняются

`Optional`dictSearchItem

dictSearchItem?: any

Функция позволяет переопределить компонент элемента списка из модалки

`Optional`dictSearchText

dictSearchText?: (data: Data, payload: any) => string | Promise<string>

Функция позволяет загрузить searchText для выбранного элемента асинхронно

`Optional`dictValue

dictValue?: (
    value: string,
    data: Data,
    payload: any,
) => ISearchItem<any> | Promise<ISearchItem<any>>

Функция позволяет загрузить label для выбранного элемента асинхронно

dirty

dirty: boolean

disabled

disabled: boolean

`Optional`element

element?: any

Инъекция JSX для ComponentField

`Optional`expansionOpened

expansionOpened?: boolean

Поле для ExpansionLayout

fallback

fallback: (e: Error) => void

fieldReadonly

fieldReadonly: boolean

`Optional`fields

fields?: IField<Data, any>[]

Дочерние поля для групп

`Optional`fileAccept

fileAccept?: string

mime тип выбираемого файла

`Optional`freeSolo

freeSolo?: boolean

Поле, позволяющее передавать собственные значения в FieldType.Items и FieldType.Combo

`Optional`groupRef

groupRef?: (element?: null | HTMLDivElement) => void

Передает ссылку при перерисовках

`Optional`height

height?: string | ISizeCallback<Data>

`Optional`heroInnerDesktopStyle

heroInnerDesktopStyle?: any

`Optional`heroInnerPhoneStyle

heroInnerPhoneStyle?: any

`Optional`heroInnerStyle

heroInnerStyle?: any

`Optional`heroInnerTabletStyle

heroInnerTabletStyle?: any

`Optional`heroOuterDesktopStyle

heroOuterDesktopStyle?: any

`Optional`heroOuterPhoneStyle

heroOuterPhoneStyle?: any

`Optional`heroOuterStyle

heroOuterStyle?: any

`Optional`heroOuterTabletStyle

heroOuterTabletStyle?: any

`Optional`icon

icon?: any

Иконка для FieldType.Button и FieldType.Icon

`Optional`iconBackground

Цвет фона иконки для FieldType.Icon

`Optional`iconColor

Цвет иконки для FieldType.Icon

`Optional`iconSize

iconSize?: number

Размер иконки для FieldType.Icon

incorrect

incorrect: null | string

`Optional`innerPadding

innerPadding?: string

Внутренние отступы для Paper

`Optional`inputAutocomplete

inputAutocomplete?: "new-password" | "on" | "off" | "false"

`Optional`inputFormatter

inputFormatter?: (input: string) => string

Форматтер, преобразующий пользовательский ввод к нужному шаблону

`Optional`inputFormatterAllowed

inputFormatterAllowed?: RegExp | (char: string, idx: number) => boolean

Разрешенные к вводу символы

`Optional`inputFormatterReplace

inputFormatterReplace?: (char: string) => null | string

Замена символов для форматерра, например запятую на точку в числе

`Optional`inputFormatterSymbol

inputFormatterSymbol?: string

Разделитель шаблона форматтера, по дефолту 0

`Optional`inputFormatterTemplate

inputFormatterTemplate?: string

Шаблонов для форматтера

`Optional`inputMode

Поле inputmode для MatTextField

`Optional`inputPattern

inputPattern?: string

Паттерн для MatTextField (inputmode: 'decimal' и pattern: '[0-9.,]+' добавят запятую на iOS клавиатуре)

`Optional`inputRef

inputRef?: (element?: null | HTMLInputElement) => void

`Optional`inputRows

inputRows?: number

Делает TextField многострочным, если inputRows больше единицы

`Optional`inputType

Поле type для MatTextField

invalid

invalid: null | string

isBaselineAlign

isBaselineAlign: boolean

`Optional`itemList

itemList?:
    | string[]
    | (data: Data, payload: any) => string[]
    | (data: Data, payload: any) => Promise<string[]>

Варианты выбора для ComboField и ItemsField

`Optional`itemTree

itemTree?:
    | ITreeNode[]
    | (data: Data, payload: any) => ITreeNode[]
    | (data: Data, payload: any) => Promise<ITreeNode[]>

Вариант выбора для TreeField

`Optional`keepRaw

keepRaw?: boolean

Отключает fulltext фильтр для FieldType.Complete

`Optional`labelFormatSlider

labelFormatSlider?: (v: number) => string | number

`Optional`labelShrink

labelShrink?: boolean

Флаг, удерживающий подпись текстового поля при пустом значении

`Optional`leadingIcon

leadingIcon?: any

Иконки для MatTextField

`Optional`leadingIconClick

leadingIconClick?: (
    value: Value,
    data: Data,
    payload: any,
    onValueChange: (v: Value) => void,
    onChange: (data: Data) => void,
) => void

При клике на иконку мы можем запросить данные из модального окна, расположенного в коде прикладного программиста. Коллбек получает на вход текущее значение поля и функцию onChange...

`Optional`leadingIconRipple

leadingIconRipple?: boolean

Ripple эффект для иконок

`Optional`leadingIconTabIndex

leadingIconTabIndex?: number

Если нужно убрать фокус после нажатия tab

`Optional`left

left?: string | ISizeCallback<Data>

`Optional`lineTransparent

lineTransparent?: boolean

Отключает отчерк у линии

loading

loading: boolean

`Optional`maxHeight

maxHeight?: string | ISizeCallback<Data>

`Optional`maxPercent

maxPercent?: number

Максимальное число для высчитывания процента (минимальное число всегда ноль)

`Optional`maxSlider

maxSlider?: number

`Optional`maxWidth

maxWidth?: string | ISizeCallback<Data>

`Optional`minHeight

minHeight?: string | ISizeCallback<Data>

`Optional`minSlider

minSlider?: number

Поля, специфичные для SliderField

`Optional`minWidth

minWidth?: string | ISizeCallback<Data>

name

name: string

`Optional`noDeselect

noDeselect?: boolean

Отключает возможность сброса выбора значения для Items и Combo

object

object: Data

onChange

onChange: (v: Value, config?: { skipReadonly?: boolean }) => void

`Optional`outlined

outlined?: boolean

outlinePaper

outlinePaper: boolean

Превращает FieldType.Paper в FieldType.Outline

`Optional`phoneBottom

phoneBottom?: string | ISizeCallback<Data>

`Optional`phoneHeight

phoneHeight?: string | ISizeCallback<Data>

`Optional`phoneLeft

phoneLeft?: string | ISizeCallback<Data>

`Optional`phoneMaxHeight

phoneMaxHeight?: string | ISizeCallback<Data>

`Optional`phoneMaxWidth

phoneMaxWidth?: string | ISizeCallback<Data>

`Optional`phoneMinHeight

phoneMinHeight?: string | ISizeCallback<Data>

`Optional`phoneMinWidth

phoneMinWidth?: string | ISizeCallback<Data>

`Optional`phoneRight

phoneRight?: string | ISizeCallback<Data>

`Optional`phoneTop

phoneTop?: string | ISizeCallback<Data>

`Optional`phoneWidth

phoneWidth?: string | ISizeCallback<Data>

`Optional`placeholder

placeholder?: string

placeholder для TextField, ComboField, ItemsField

prefix

prefix: string

`Optional`progressBarColor

progressBarColor?: (v: number) => string

`Optional`progressColor

progressColor?: (v: number) => string

Коллбеки, позволяющие перекрасить ProgressField. Работают только если заданы все вместе
ВНИМАНИЕ! Потенциально возможна просадка производительности, так как осуществляет рекомпиляцию стилей material-ui

`Optional`radioValue

radioValue?: string

Поле, специфичное для RadioField и позволяющее задать значение при выборе элемента кликом

readonly

readonly: boolean

Флаг только на чтение и "круглой окаймовки"

`Optional`right

right?: string | ISizeCallback<Data>

`Optional`shouldCondition

shouldCondition?: (prevData: Data, nextData: Data, payload: any) => boolean

Позволяет мемоизировать вызов condition

`Optional`showPercentLabel

showPercentLabel?: boolean

Показывает процент числом слева

`Optional`sliderRailColor

sliderRailColor?: (v: number) => string

`Optional`sliderSteps

sliderSteps?: { label: string; value: number }[]

Шаги для слайдера

`Optional`sliderThumbColor

sliderThumbColor?: (v: number) => string

Коллбеки, позволяющий перекрасить SliderField. Работают только если заданы все вместе
ВНИМАНИЕ! Потенциально возможна просадка производительности, так как осуществляет рекомпиляцию стилей material-ui

`Optional`sliderTrackColor

sliderTrackColor?: (v: number) => string

`Optional`stepSlider

stepSlider?: number

`Optional`style

style?: any

Стиль корневого элемента для поля (опционально)

`Optional`switchActiveLabel

switchActiveLabel?: string

Применяет к Switch второй title

`Optional`switchNoColor

switchNoColor?: boolean

Отключает цвет для Switch

`Optional`tabBackground

tabBackground?: boolean

Закрашивает фон TabLayout в темный цвет

`Optional`tabChange

tabChange?: (idx: number) => void

Событие изменения вкладки

`Optional`tabColor

tabColor?: "primary" | "secondary"

Цвет вкладок для TabLayout

`Optional`tabIndex

tabIndex?: number

Номер активной вкладки по-умолчанию

`Optional`tabKeepFlow

tabKeepFlow?: boolean

Позволяет содержимому растягивать высоту блока у TabLayout

`Optional`tabletBottom

tabletBottom?: string | ISizeCallback<Data>

`Optional`tabletHeight

tabletHeight?: string | ISizeCallback<Data>

`Optional`tabletLeft

tabletLeft?: string | ISizeCallback<Data>

`Optional`tabletMaxHeight

tabletMaxHeight?: string | ISizeCallback<Data>

`Optional`tabletMaxWidth

tabletMaxWidth?: string | ISizeCallback<Data>

`Optional`tabletMinHeight

tabletMinHeight?: string | ISizeCallback<Data>

`Optional`tabletMinWidth

tabletMinWidth?: string | ISizeCallback<Data>

`Optional`tabletRight

tabletRight?: string | ISizeCallback<Data>

`Optional`tabletTop

tabletTop?: string | ISizeCallback<Data>

`Optional`tabletWidth

tabletWidth?: string | ISizeCallback<Data>

`Optional`tabLine

tabLine?: boolean

Отделяет табы отчерком у TabLayout

`Optional`tabList

tabList?: string[]

Список вкладок для TabLayout

`Optional`tabVariant

tabVariant?: "fullWidth" | "standard" | "scrollable"

Вариант вывода вкладок для TabLayout

`Optional`tip

tip?:
| string[]
| (value: string, data: Data, payload: any) => string[] | Promise<string[]>

Подсказки для CompleteField

`Optional`tipSelect

tipSelect?: (
    value: string,
    data: Data,
    payload: any,
    onChange: (data: Data) => void,
) => void

Коллбек выбора элемента из CompleteField

`Optional`title

title?: string

Заголовок и описание, если возможен вывод у поля

`Optional`top

top?: string | ISizeCallback<Data>

Свойства для компоновки Hero - инструмента настройки отступов

`Optional`tr

tr?:
| (s: string, data: Data, payload: any) => string
| (s: string, data: Data, payload: any) => Promise<string>

Позволяет перевести значения у ComboField и ItemsField из поле itemList на человеческий, если используются константы

`Optional`trailingIcon

trailingIcon?: any

`Optional`trailingIconClick

trailingIconClick?: (
    value: Value,
    data: Data,
    payload: any,
    onValueChange: (v: Value) => void,
    onChange: (data: Data) => void,
) => void

`Optional`trailingIconRipple

trailingIconRipple?: boolean

`Optional`trailingIconTabIndex

trailingIconTabIndex?: number

transparentPaper

transparentPaper: boolean

`Optional`typoVariant

typoVariant?:
    | "h1"
    | "h2"
    | "h3"
    | "h4"
    | "h5"
    | "h6"
    | "subtitle1"
    | "subtitle2"
    | "body1"
    | "body2"
    | "caption"

Шрифт для поля Typography

`Optional`upload

upload?: (file: File, data: Data, payload: any) => string | Promise<string>

Функция для загрузки файла на сервер

`Optional`validation

validation?: IValidation

Параметры фабрики для создания коллбека isInvalid

value

value: Value

`Optional`view

view?: (file: string, data: Data, payload: any) => void | Promise<void>

`Optional`virtualListBox

virtualListBox?: boolean

Позволяет включить виртуализацию для FieldType.List и FieldType.Combo

`Optional`watchItemList

watchItemList?: boolean

Включает change-detection для выпадающих меню. По умолчанию выключено

`Optional`watchItemTree

watchItemTree?: boolean

Включает change-detection для выпадающих меню. По умолчанию выключено

`Optional`watchOneContext

watchOneContext?: boolean

Включает change-detection для поля компонента. По умолчанию выключено

`Optional`width

width?: string | ISizeCallback<Data>

withContextMenu

withContextMenu: undefined | true

Interface IManaged<Data, Value>

Type Parameters

Hierarchy

Index

Properties

Properties

OptionalautoFocus

Optionalbottom

OptionalbuttonColor

OptionalbuttonSize

OptionalbuttonVariant

Optionalchild

Optionalchoose

OptionalclassName

click

Optionalcondition

OptionalconditionElse

OptionalconditionLoading

OptionalcustomLayout

Optionaldescription

OptionaldesktopBottom

OptionaldesktopHeight

OptionaldesktopLeft

OptionaldesktopMaxHeight

OptionaldesktopMaxWidth

OptionaldesktopMinHeight

OptionaldesktopMinWidth

OptionaldesktopRight

OptionaldesktopTop

OptionaldesktopWidth

OptionaldictCreateButton

OptionaldictDelay

OptionaldictLimit

OptionaldictOnAppend

OptionaldictOnItem

OptionaldictOnText

OptionaldictSearch

OptionaldictSearchItem

OptionaldictSearchText

OptionaldictValue

dirty

disabled

Optionalelement

OptionalexpansionOpened

fallback

fieldReadonly

Optionalfields

OptionalfileAccept

OptionalfreeSolo

OptionalgroupRef

Optionalheight

OptionalheroInnerDesktopStyle

OptionalheroInnerPhoneStyle

OptionalheroInnerStyle

OptionalheroInnerTabletStyle

OptionalheroOuterDesktopStyle

OptionalheroOuterPhoneStyle

OptionalheroOuterStyle

OptionalheroOuterTabletStyle

Optionalicon

OptionaliconBackground

OptionaliconColor

OptionaliconSize

incorrect

OptionalinnerPadding

OptionalinputAutocomplete

OptionalinputFormatter

OptionalinputFormatterAllowed

OptionalinputFormatterReplace

OptionalinputFormatterSymbol

OptionalinputFormatterTemplate

OptionalinputMode

OptionalinputPattern

OptionalinputRef

OptionalinputRows

OptionalinputType

invalid

isBaselineAlign

OptionalitemList

OptionalitemTree

`Optional`autoFocus

`Optional`bottom

`Optional`buttonColor

`Optional`buttonSize

`Optional`buttonVariant

`Optional`child

`Optional`choose

`Optional`className

`Optional`condition

`Optional`conditionElse

`Optional`conditionLoading

`Optional`customLayout

`Optional`description

`Optional`desktopBottom

`Optional`desktopHeight

`Optional`desktopLeft

`Optional`desktopMaxHeight

`Optional`desktopMaxWidth

`Optional`desktopMinHeight

`Optional`desktopMinWidth

`Optional`desktopRight

`Optional`desktopTop

`Optional`desktopWidth

`Optional`dictCreateButton

`Optional`dictDelay

`Optional`dictLimit

`Optional`dictOnAppend

`Optional`dictOnItem

`Optional`dictOnText

`Optional`dictSearch

`Optional`dictSearchItem

`Optional`dictSearchText

`Optional`dictValue

`Optional`element

`Optional`expansionOpened

`Optional`fields

`Optional`fileAccept

`Optional`freeSolo

`Optional`groupRef

`Optional`height

`Optional`heroInnerDesktopStyle

`Optional`heroInnerPhoneStyle

`Optional`heroInnerStyle

`Optional`heroInnerTabletStyle

`Optional`heroOuterDesktopStyle

`Optional`heroOuterPhoneStyle

`Optional`heroOuterStyle

`Optional`heroOuterTabletStyle

`Optional`icon

`Optional`iconBackground

`Optional`iconColor

`Optional`iconSize

`Optional`innerPadding

`Optional`inputAutocomplete

`Optional`inputFormatter

`Optional`inputFormatterAllowed

`Optional`inputFormatterReplace

`Optional`inputFormatterSymbol

`Optional`inputFormatterTemplate

`Optional`inputMode

`Optional`inputPattern

`Optional`inputRef

`Optional`inputRows

`Optional`inputType

`Optional`itemList

`Optional`itemTree

`Optional`keepRaw

`Optional`labelFormatSlider

`Optional`labelShrink

`Optional`leadingIcon

`Optional`leadingIconClick

`Optional`leadingIconRipple

`Optional`leadingIconTabIndex

`Optional`left

`Optional`lineTransparent

`Optional`maxHeight

`Optional`maxPercent

`Optional`maxSlider

`Optional`maxWidth

`Optional`minHeight