Home Reference Source 
import InputMask from 'n2o/src/components/controls/InputMask/InputMask.jsx'
public class | source

InputMask

Extends:

react~React.Component → InputMask

Компонент интерфейса разбивки по страницам

Example:

<InputMask onChange={this.onChange}
            mask="99 x 99"
            dictionary={{x: \[01]\}}
            placeholderChar='?'
            />

React Props:

NameTypeAttributeDescription
className string кастомный css-клсасс
preset string пресет для маски. Варианты: phone(телефон), post-code(почтовый индекс), date(дата), money(деньги), percentage(процент), card (кредитная карта)
mask string | array | function маска. Стандартная конфигурация: 9 - цифра, S - английская буква, Б - русская буква. Дополнительную конфигурациюю можно осуществить, используя проперти dictionary
onChange function выполняется при изменении значения поля
placeholder string плэйсходер для поля
placeholderChar string символ, который будет на месте незаполненного символа маски
value string максимальное кол-во кнопок перехода между страницами
dictionary number дополнительные символы-ключи для маски
guide boolean @see https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#guide
keepCharPositions boolean @see https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#keepcharpositions
resetOnNotValid boolean сбрасывать / оставлять невалижное значение при потере фокуса
presetConfig object настройки пресета для InputMoney

Constructor Summary

Public Constructor
public

Member Summary

Public Members
public

dict: {"9": *, "S": *, "Б": *, ...undefined: Object}

public

state: {"value": *, "guide": *}

public

Method Summary

Public Methods
public

componentDidUpdate(prevProps: *)

обработка новых пропсов
public

mask(): *

преобразует маску-функцию, маску-строку в массив-маску (с regexp вместо символов) при помощи _mapToArray
public

preset(preset: *): *

возвращает маку для пресета
public

render(): *

базовый рендер компонента
Private Methods
private

возвращает индекс первого символа маски, который еще не заполнен
private

возвращает индекс последнего символа маски, который еще не заполнен
private

_isValid(value: *): *

проверка на валидность (соответсвие маске)
private

_mapToArray(mask: *): *

преобразование строки маски в массив ( уже с регулярными выражениями)
private

_onBlur(e: *)

private

_onChange(e: *)

private

Public Constructors

public constructor() source

Public Members

public dict: {"9": *, "S": *, "Б": *, ...undefined: Object} source

public state: {"value": *, "guide": *} source

public valid: boolean source

Public Methods

public componentDidUpdate(prevProps: *) source

обработка новых пропсов

Params:

NameTypeAttributeDescription
prevProps *

public mask(): * source

преобразует маску-функцию, маску-строку в массив-маску (с regexp вместо символов) при помощи _mapToArray

Return:

*

(number) возвращает массив-маску

public preset(preset: *): * source

возвращает маку для пресета

Params:

NameTypeAttributeDescription
preset *

Return:

*

(number) возвращает массив-маску для пресета-аргумента

public render(): * source

базовый рендер компонента

Return:

*

Private Methods

private _indexOfFirstPlaceHolder(value: string): * source

возвращает индекс первого символа маски, который еще не заполнен

Params:

NameTypeAttributeDescription
value string
  • optional
  • default:

Return:

*

(number) индекс первого символа маски, который еще не заполнен

private _indexOfLastPlaceholder(mask: *): * source

возвращает индекс последнего символа маски, который еще не заполнен

Params:

NameTypeAttributeDescription
mask *

Return:

*

(number) индекс последнего символа маски, который еще не заполнен

private _isValid(value: *): * source

проверка на валидность (соответсвие маске)

Params:

NameTypeAttributeDescription
value *

Return:

*

private _mapToArray(mask: *): * source

преобразование строки маски в массив ( уже с регулярными выражениями)

Params:

NameTypeAttributeDescription
mask *

Return:

*

private _onBlur(e: *) source

Params:

NameTypeAttributeDescription
e *

private _onChange(e: *) source

Params:

NameTypeAttributeDescription
e *

private _onFocus() source