fui-material 2.1.3 → 2.1.5
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
/**
|
|
3
3
|
* Пропсы для компонента FDropdown.
|
|
4
4
|
*/
|
|
@@ -55,6 +55,14 @@ export interface IFDropdown {
|
|
|
55
55
|
* <div>Пункт 2</div>
|
|
56
56
|
* </FDropdown>
|
|
57
57
|
*
|
|
58
|
+
* @example
|
|
59
|
+
* // Использование с FTooltip
|
|
60
|
+
* <FTooltip title="Подсказка для дропдауна">
|
|
61
|
+
* <FDropdown label="Меню с подсказкой">
|
|
62
|
+
* <div>Пункт 1</div>
|
|
63
|
+
* </FDropdown>
|
|
64
|
+
* </FTooltip>
|
|
65
|
+
*
|
|
58
66
|
* @param {React.ReactNode} [label] - Текст или элемент внутри кнопки.
|
|
59
67
|
* @param {React.ReactNode} [children] - Содержимое выпадающего списка.
|
|
60
68
|
* @param {'contained'|'default'} [variant='contained'] - Вариант стиля кнопки.
|
|
@@ -67,5 +75,5 @@ export interface IFDropdown {
|
|
|
67
75
|
*
|
|
68
76
|
* @returns {JSX.Element} — Рендерит кнопку с выпадающим списком.
|
|
69
77
|
*/
|
|
70
|
-
declare const FDropdown:
|
|
78
|
+
declare const FDropdown: React.ForwardRefExoticComponent<IFDropdown & React.RefAttributes<HTMLDivElement>>;
|
|
71
79
|
export default FDropdown;
|
|
@@ -67,6 +67,12 @@ export interface FTooltipProps {
|
|
|
67
67
|
* @default 0
|
|
68
68
|
*/
|
|
69
69
|
enterDelay?: number;
|
|
70
|
+
/**
|
|
71
|
+
* Отключает тултип для disabled элементов
|
|
72
|
+
* @type {boolean}
|
|
73
|
+
* @default false
|
|
74
|
+
*/
|
|
75
|
+
disableOnDisabled?: boolean;
|
|
70
76
|
/**
|
|
71
77
|
* Дополнительный CSS класс для тултипа
|
|
72
78
|
* @type {string}
|
|
@@ -103,7 +109,6 @@ export interface FTooltipProps {
|
|
|
103
109
|
* onOpen={() => setOpen(true)}
|
|
104
110
|
* onClose={() => setOpen(false)}
|
|
105
111
|
* enterDelay={300}
|
|
106
|
-
* leaveDelay={200}
|
|
107
112
|
* >
|
|
108
113
|
* <div>Элемент</div>
|
|
109
114
|
* </FTooltip>
|
|
@@ -117,6 +122,18 @@ export interface FTooltipProps {
|
|
|
117
122
|
* >
|
|
118
123
|
* <button>Кликни меня</button>
|
|
119
124
|
* </FTooltip>
|
|
125
|
+
*
|
|
126
|
+
* @example
|
|
127
|
+
* // Тултип для disabled элемента
|
|
128
|
+
* <FTooltip title="Эта кнопка заблокирована">
|
|
129
|
+
* <button disabled>Disabled кнопка</button>
|
|
130
|
+
* </FTooltip>
|
|
131
|
+
*
|
|
132
|
+
* @example
|
|
133
|
+
* // Отключить тултип для disabled элементов
|
|
134
|
+
* <FTooltip title="Не покажется" disableOnDisabled>
|
|
135
|
+
* <button disabled>Disabled кнопка</button>
|
|
136
|
+
* </FTooltip>
|
|
120
137
|
*/
|
|
121
138
|
declare const FTooltip: React.FC<FTooltipProps>;
|
|
122
139
|
export default FTooltip;
|