fui-material 2.1.5 → 2.1.7
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.
|
@@ -67,12 +67,6 @@ 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;
|
|
76
70
|
/**
|
|
77
71
|
* Дополнительный CSS класс для тултипа
|
|
78
72
|
* @type {string}
|
|
@@ -83,57 +77,15 @@ export interface FTooltipProps {
|
|
|
83
77
|
* @type {CSSProperties}
|
|
84
78
|
*/
|
|
85
79
|
style?: CSSProperties;
|
|
80
|
+
/**
|
|
81
|
+
* Разрешает показывать тултип даже если элемент disabled
|
|
82
|
+
* @type {boolean}
|
|
83
|
+
* @default false
|
|
84
|
+
*/
|
|
85
|
+
allowTooltipOnDisabled?: boolean;
|
|
86
86
|
}
|
|
87
87
|
/**
|
|
88
88
|
* Компонент FTooltip - отображает всплывающую подсказку при взаимодействии с дочерним элементом
|
|
89
|
-
*
|
|
90
|
-
* @component
|
|
91
|
-
* @example
|
|
92
|
-
* // Базовое использование с наведением
|
|
93
|
-
* <FTooltip title="Это подсказка">
|
|
94
|
-
* <button>Наведи на меня</button>
|
|
95
|
-
* </FTooltip>
|
|
96
|
-
*
|
|
97
|
-
* @example
|
|
98
|
-
* // Тултип с кастомным расположением и стрелкой
|
|
99
|
-
* <FTooltip title="Подсказка сверху" placement="top" arrow>
|
|
100
|
-
* <span>Элемент с тултипом</span>
|
|
101
|
-
* </FTooltip>
|
|
102
|
-
*
|
|
103
|
-
* @example
|
|
104
|
-
* // Controlled тултип с задержками
|
|
105
|
-
* const [open, setOpen] = useState(false);
|
|
106
|
-
* <FTooltip
|
|
107
|
-
* title="Управляемый тултип"
|
|
108
|
-
* open={open}
|
|
109
|
-
* onOpen={() => setOpen(true)}
|
|
110
|
-
* onClose={() => setOpen(false)}
|
|
111
|
-
* enterDelay={300}
|
|
112
|
-
* >
|
|
113
|
-
* <div>Элемент</div>
|
|
114
|
-
* </FTooltip>
|
|
115
|
-
*
|
|
116
|
-
* @example
|
|
117
|
-
* // Тултип только по клику (отключены другие слушатели)
|
|
118
|
-
* <FTooltip
|
|
119
|
-
* title="Только по клику"
|
|
120
|
-
* disableHoverListener
|
|
121
|
-
* disableFocusListener
|
|
122
|
-
* >
|
|
123
|
-
* <button>Кликни меня</button>
|
|
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>
|
|
137
89
|
*/
|
|
138
90
|
declare const FTooltip: React.FC<FTooltipProps>;
|
|
139
91
|
export default FTooltip;
|