Новые компоненты
- Image: добавлен сабкомпонент
Image.FloatElement
для позиционирования компонента относительно картинки (#7166)
Улучшения
-
ChipsInput: добавлено свойство
maxHeight
, которое позволяет ограничить высоту компонента (#7998) -
CustomScrollView: добавлено свойство
scrollBehavior
, которое отвечает за настройку стиляscroll-behavior
(#7976) -
-
добавлено свойство DoneButton для отрисовки кастомной кнопки "Готово" (#7971)
Пример
<Calendar value={value} onChange={setValue} + DoneButton={(doneButtonProps) => ( + <Button {...doneButtonProps} mode="primary" /> + )} />
-
Реализована возможность прямого ввода значений времени (#8002)
-
Доработано отображение компонента в
rtl
режиме (#8068)
-
-
-
добавлено свойство DoneButton для отрисовки кастомной кнопки "Готово" (#7971)
Пример
<DateInput value={value} onChange={setValue} + DoneButton={(doneButtonProps) => ( + <Button {...doneButtonProps} mode="primary" /> + )} />
-
Добавлено свойство
onApply
, которое срабатывается при нажатии на кнопкуDone
, которая отображается при использовании флагаenableTime
(#7929) -
Теперь при использовании флага
enableTime
при выборе в календаре не срабатываетсяonChange
. Теперь он сработает, только при нажатии на кнопку"Готово"
(#7929)
-
-
UsersStack: добавлена поддержка отображения компонента в RTL (#7944)
-
Tooltip: добавлено свойство
strategy
, которое позволяет изменять способ позиционирования элемента (#8017) -
Slider: добавлена возможность прокинуть
data-testid
на ползунки с помощью свойствstartThumbTestId
,endThumbTestId
(#8039) -
Pagination: добавлены новые свойства
pageButtonTestId
,prevButtonTestId
,nextButtonTestId
для передачиdata-testid
в интерактивные элементы (#8038) -
- добавлено свойство
arrowClickableArea
для изменения кликабельной области стрелок (#7907) - добавлены
data-testid
для стрелок переключения слайдов:nextArrowTestId
,prevArrowTestId
(#8015) - добавлена возможность прокинуть
data-testid
для bullet'ов –bulletTestId
(#8015) - добавлена возможность прокинуть
data-testid
для слайдов –slideTestId
(#8015) - добавлено свойство
resizeSource
для возможности выбрать тип источника, на котором нужно отслеживать изменения размеров (#8055)'window'
– пересчет позиции слайдов будет происходить при изменении размеровwindow
'element'
– пересчет позиции слайдов будет происходить при изменении размеров компонента
- добавлено свойство
-
HorizontalScroll: добавлена возможность передать
data-testid
в стрелки навигации с помощью новых свойствprevButtonTestId
иnextButtonTestId
(#8032, #8062) -
CardScroll: добавлена возможность передать
data-testid
в стрелки навигации с помощью новых свойствprevButtonTestId
иnextButtonTestId
(#8032, #8062) -
SegmentedControl: добавлена поддержка использования компонента в качестве табов. Для этого нужно прокинуть
role="tablist"
(#7960) -
CustomSelect: добавлено свойство
onInputKeyDown
для обработки события нажатия клавиши (#8002) -
Image: добавлено свойство
objectPosition
для управления css-свойствомobject-position
(#8016) -
CalendarRange: доработано отображение компонента в
rtl
режиме (#8068) -
AspectRatio: добавлена возможность прокинуть в свойство
ratio
значения в виде строки (#8088) -
Исправлена типизация для React 19 (#8058)
-
экспортирован
AccordionContext
(#8063) -
экспортирован
DOMContext
(#8063) -
экспортирован
unstable_useCSSKeyframesAnimationController
(#8063)
Исправления
- DateInput:
- DateRangeInput: исправлена проблема с доступностью, а именно связь с
label
черезid
(#7953) - UsersStack: счетчик теперь адаптивно меняет свою ширину (#8066)
Документация
- В
docs/CONTRIBUTING.md
добавлен пункт про то, как надо описывать свойства для прокидыванияdata-testid
до внутренних компонентов (#8056)
Зависимости
- @vkontakte/vkui-tokens обновлён с 4.56.1 до 4.56.3 (#8051)
- @vkontakte/vkui-tokens обновлён с 4.56.3 до 4.57.0 (#8081)
- @vkontakte/vkui-tokens обновлён с 4.57.0 до 4.58.0 (#8096)