indicator-ui 0.0.9 → 0.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -21,11 +21,11 @@ export type FlexFieldPropsType = {
|
|
|
21
21
|
type?: string;
|
|
22
22
|
onChange?: (value: any) => void;
|
|
23
23
|
/**
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
* Маска imask, можно засунуть, как строку (к примеру 000-000-000),
|
|
25
|
+
* так и регулярное выражение. Важно!!!: не ставить маску undefined,
|
|
26
|
+
* т.к. для перехвата ввода используется onAccept, поэтому если `mask === undefined`,
|
|
27
|
+
* то при изменение строка не пройдет валидацию и функция не будет вызвана.
|
|
28
|
+
*/
|
|
29
29
|
mask?: any;
|
|
30
30
|
placeholder?: string;
|
|
31
31
|
required?: boolean;
|
|
@@ -34,24 +34,31 @@ export type FlexFieldPropsType = {
|
|
|
34
34
|
onFocus?: (e: any) => void;
|
|
35
35
|
onBlur?: (e: any) => void;
|
|
36
36
|
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
37
|
+
/** Блокирует ввод без стиля `disabled`, просто показывает результат. */
|
|
37
38
|
notInput?: boolean;
|
|
39
|
+
/** Компонент иконки.*/
|
|
38
40
|
icon?: ReactNode;
|
|
41
|
+
/** Text Support. По умолчанию `'+7', можно передать свой компонент, он подставится без обертки, также можно передать строку, она подставится с оберткой`*/
|
|
39
42
|
textSupport?: boolean | string | ReactNode;
|
|
43
|
+
/** Принимает url **Картинки пользователя**. Можно передать свой компонент **Картинки пользователя**.*/
|
|
40
44
|
userPic?: string | ReactNode;
|
|
45
|
+
/** Подставляет **Help** при `help === true`. Можно передать свой компонент **Help**.*/
|
|
41
46
|
help?: boolean | ReactNode;
|
|
47
|
+
/** Подставляет **Dropdown** при `dropdown === true`. Можно передать свой компонент **Dropdown**.*/
|
|
42
48
|
dropdown?: boolean | ReactNode;
|
|
49
|
+
/** Подставляет кнопка при `button === true`. Можно передать свой компонент кнопки.*/
|
|
43
50
|
button?: boolean | ReactNode;
|
|
44
51
|
/**
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
dropdownState?: boolean;
|
|
52
|
+
* Если true иконка вверх, при false иконка вверх. Если dropdownState строка, то будет подставлено как className.
|
|
53
|
+
*/
|
|
54
|
+
dropdownState?: boolean | string;
|
|
48
55
|
/**
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
buttonState?: 'gray' | 'red';
|
|
56
|
+
* Серая и красные расцветки кнопок, по умолчанию - "gray". Если buttonState строка, то будет подставлено как className.
|
|
57
|
+
*/
|
|
58
|
+
buttonState?: 'gray' | 'red' | string;
|
|
52
59
|
/**
|
|
53
|
-
|
|
54
|
-
|
|
60
|
+
* Событие нажатия на кнопку button.
|
|
61
|
+
*/
|
|
55
62
|
onButtonClick?: () => void;
|
|
56
63
|
className?: FlexFieldClassNameType;
|
|
57
64
|
};
|