Releases: VKCOM/VKUI
Releases · VKCOM/VKUI
v7.3.6
Исправления
- ChipsSelect: Поправлен баг, с тем, что дропдаун не закрывался после первого нажатия за пределами его, если флаг
closeAfterSelect={false}
(#8582) - CustomSelect: Исправлено поведение компонента при прокидывании
readOnly
(#8590) - Зависимость @date-fns/tz теперь скомпилирована под es2017 (#8588)
v7.3.5
Документация
- HorizontalCell: В примере в компонент
Avatar
передавалось несуществующее свойство (#8569) - Tappable: Поправлена опечатка в документации свойства
activeEffectDelay
(#8570)
v7.3.4
Исправления
- Gallery: Свойства
arrowPrevLabel
иarrowNextLabel
не прокидывались к стрелкам (#8562) - ContentBadge: Подкомпонент
SlotIcon
помечен устаревщим, используйтеIconSlot
(#8565) - Spinner: Возвращены vkuiIcon классы (#8568)
- ChipsSelect: Поправлен баг с тем, что в
onChange
не прокидывались кастомные поляoptions
(#8567)
v7.3.3
Исправления
- Search: Исправлена типизация в примере из документации
Search
с примером прокидывания кастомного значения свойстваicon
(#8537) - WriteBar: Исправлена проблема с слишком длинным плейсхолдером (#8539)
- FormLayoutGroup: Свойство
disabled
теперь влияет на режимremovable
(#8550) - FormItem: Свойство
disabled
теперь влияет на компонент (#8555) - Cell: С
v6.6.0
в режимеdraggable
на Android наблюдались артефакты при перетаскивании, было связано с компонентомTouch
(#8560) - Touch: С
v6.6.0
была проблема, что тач-устройствах не работалpreventDefault()
наonStart
(#8560)
v7.3.2
Исправления
- PanelHeader: Исправлен баг с тем, что при открытии модального окна
PanelHeader
пропадал (#8526) - ActionSheetItem: Вернули работу
disabled
-состояния (#8527) - DateInput: Исправили неверные наименования месяцев в некоторых таймзонах (#8528)
v7.3.1
v7.3.0
Улучшения
- DateInput:
- Добавлена поддержка пользователей клавиатуры и скринридеров (#8488)
- Добавлено новое свойство
accessible
, позволяющее включить режим, в котором меняется поведениеDateInput
так, чтобы можно было с клавиатуры или скринридера удобно работать с календарём. (в VKUI v8 будет включено по умолчанию) (#8488)
- Calendar: Улучшена навигация с помощью клавиатуры и скринридера (#8487)
- CalendarRange: Улучшена навигация с помощью клавиатуры и скринридера (#8487)
- В компонентах свойства
baseClassName
иbaseStyle
помечены устаревшими, используйтеclassName
иstyle
(#8408) - Все компоненты теперь отдают приоритет пользовательским
Tappable
-свойствам (#8418) - Cвойства интерактивных компонентов
activeClassName
иhoverClassName
устарели, используйтеactiveMode
иhoverMode
соответственно (#8409) - У компонентов добавленно поле
name
для правильного обозначения в Dev Tools (#8407) - В исходный код добавлены .d.ts для css (#8425)
- ChipsInput: Добавлено свойство
delimiter
- символ или строка, которая будет использоваться как разделитель для автоматического создания опций из текста, введенного в поле ввода (#8435) - ChipsSelect: Добавлено свойство
delimiter
- символ или строка, которая будет использоваться как разделитель для автоматического создания опций из текста, введенного в поле ввода (#8435) - AdaptivityProvider: Неиспользуемое свойство
hasHover
устарело и будет удалено в следующем мажорном релизе (#8490) - Добавлен хук
useLocale
для получения текущей локали (#8496) - Alert:
- ActionSheet: Свойства
mount
иdisabled
устарели и будут удалены вv8
(#8509) - ActionSheetDefaultIosCloseItem: Добавлена возможность переопределять
children
(#8509)
Исправления
Документация
- Вернули возможность переопределять платформу через
PlatformProvider
(#8491)
Зависимости
- @vkontakte/icons обновлён с v2 до v3 (#8383)
- @vkontakte/vkui-tokens обновлён с 4.62.0 to 4.63.0 (#8444)
v7.2.1
Исправления
- ChipsSelect:
- ModalPage: Исправлено предупреждение об отсутствующем
id
/nav
при использовании внеModalRoot
(#8406) - ModalCard: Исправлено предупреждение об отсутствующем
id
/nav
при использовании внеModalRoot
(#8406) - Image: Обводка картинки теперь располагается ниже
Overlay
(#8427) - CustomSelect: Поправлено прокидывание свойств
option
до функции отрисовки (#8426) - FormItem: Перенос текста не нужен, если включен проп
topMultiline
(#8448) - Tappable: Поправлено отображение эффекта волны относительно места нажатия (#8474)
- Calendar: Исправлено застревание на селекте минут при переходе по элементам с помощью нажатия
Tab
с клавиатуры (#8457) - DateInput: Поправлен баг с тем, что очистка поля не срабатывала с первого нажатия на кнопку очистки (#8470)
- useModalRootContext: UseModalRootContext не возвращал
activeModal
(#8481) - Touch: Svg элементы не обрабатывались при touch событиях (#8480)
Документация
- Исправлена опечатка при упоминании aria-аттрибута
role
(#8433)
v7.2.0
Новые компоненты
CellButtonGroup
Компонент для группировки CellButton
(#8325)
DirectionProvider
Добавлен компонент для переопределения direction
(#8236)
Поддержка RTL
- Avatar: Поправлено отображение
AvatarBadge
вrtl
режиме (#8128) - CardScroll: Добавлена поддержка
rtl
(#8110) - Cell: Поправлено отображение компонента в
rtl
(#8116) - Gallery: Добавлена поддержка
rtl
(#8085) - Pagination: Поправлено отображение компонента в
rtl
(#8117) - PanelHeaderButton: Поправлено отображение прессета
PanelHeaderBack
вrtl
режиме (#8129) - HorizontalScroll: Добавлена поддержка
rtl
(#8110) - Search: Добавлена поддержка компонента в
rtl
(#8105) - SegmentedControl: Добавлена корректная поддержка
rtl
(#8092) - Snackbar: Добавлена поддержка
rtl
(#8109) - Slider: Добавлена поддержка
rtl
(#8098) - Switch: Добавлена поддержка компонента в
rtl
(#8104)
Улучшения
- ModalCard:
- Search:
- Tooltip: добавлена возможность установки своего якорного элемента для
Popover
снаружи (#8040) - Cell: Увеличена активная область действия контрола для Drag And Drop (#8288)
- ChipsSelect: Добавлено свойство
sortFn
, которое позволяет сортировать опции на основании значения в поле ввода (#8119) - Image: добавлено свойство
filter
, которое применяет одноименный стиль к изображению (#8171) - Popper:
- Добавлено свойство
strategy
(#8178) - Добавлено свойство
flipMiddlewareFallbackAxisSideDirection
позволяющее контролировать поведение при позиционирование по противоположной оси, если по основной позиционирование не удалось (см. [fallbackAxisSideDirection](https://floating-ui.com/docs/flip#fallbackaxissidedirection) (#8332)
- Добавлено свойство
- Progress:
- Alert:
- DateInput:
- добавлено свойство
renderCustomValue
, которое позволяет отрендерить кастомный текст в зависимости от значения в поле (#8168) - добавлено свойство
defaultValue
, теперь можно использовать как неконтролируемый компонент (#8364) - Добавлено свойство
timezone
для отображения времени в нужной таймзоне (#8331)
- добавлено свойство
- HorizontalScroll: Добавлены свойства
ContentWrapperComponent
,contentWrapperRef
иcontentWrapperClassName
для кастомизации обертки над контентом, прокинутом вchildren
(#8140) - CardScroll: Добавлено свойство
CardsListComponent
, которое позволяет поменять тег используемый для списка карточек (#8140) - ModalPage:
- ModalOutsideButton: добавлен компонент для отображения дополнительных кнопок после кнопки закрытия в
compact
-режиме (#8214) - PopoutWrapper: Добавлено свойство
strategy
для управления способом позиционирования компонентом (#8217) - Для компонентов
Popper
,Popover
иTooltip
добавлено свойствоonReferenceHiddenChanged
колбэк срабатывающий при скрытии/появлении якорного элемента при использованииhideWhenReferenceHidden
(#8126) - SubnavigationButton: добавлено
disabled
состояние (#8243) - Добавлен плагин для сортировки стилей в проекте
stylelint-config-recess-order
(#8235) - Добавлен хук
useScroll
, который позволяет скролитьScrollContext
изAppRoot
вручную. (#8137) - ConfigProvider: Добавлен параметр
direction
, который по умолчанию определяется исходя из атрибутаdir
вbody
страницы (#8236) - Экспортирован хук
useFocusVisible
(#8310) - ModalCardBase: добавлено свойство
titleId
, чтобы можно было задать имя модальному окну, связавtitle
и модальное окно черезaria-labelledby
. (#8309) - Popover: Добавлено свойство
disableFocusTrap
для отключения захвата фокуса (#8322) - OnboardingTooltip: Добавлено свойство
disableFocusTrap
для отключения захвата фокуса (#8322) - Calendar:
- CalendarRange: добавлено свойство
defaultValue
, теперь можно использовать как неконтролируемый компонент (#8364) - DateRangeInput: добавлено свойство
defaultValue
, теперь можно использовать как неконтролируемый компонент (#8364) - Flex: Исправлен баг из #7492 избавлением от наследования gap-ов (#8360)
- ContentCard: Добавлено свойство
imageObjectFit
, для измененияobject-fit
у картинки (#8386)
Исправления
- Tooltip: Теперь в качестве
children
можно прокинуть обычный текст (#8040) - CardScroll:
- Поправлена проблема с доступностью компонента, теперь
li
(карточки) являются прямыми потомкамиul
(списка карточек) (#8140) - Изменено значение по умолчанию для свойства
Component
с"ul"
, на"div"
. Для правильно семантики тегов нужно использовать свойствоCardsListComponent
, которое по умолчанию теперь"ul"
(#8140)
- Поправлена проблема с доступностью компонента, теперь
- WriteBarIcon: Исправили фоновый цвет
count
(#8227) - Textarea: Компонент со свойством
disabled
теперь можно прокручивать (#8297) - ModalCard: По умолчанию
title
является именем модального окна для скринридеров (#8309) - Исправлена доступность для
disabled
ссылок (#8329) - Snackbar: Длинный текст выходил за пределы компонента (#8357)
- Исправление предупреждения vite о циклической зависимости (#8354)
- CustomSelect:
- DateInput: Исправляем постоянную смену позиции календаря при переключении месяца (#8332)
- DateRangeInput: Исправляем постоянную смену позиции календаря при переключении месяца (#8332)
- [...
v7.1.3
Исправления
- Pagination: исправлены лэйблы заголовка и кнопок навигации, создающий избыточную информацию для пользователей скринридеров (#8237)
- TabItem: исправляем необходимость дважды нажимать таб на одном элементе (#8241)
- Исправлена проблема с конфликтом
FocusTrap
-ов при нескольких открытых модалках (#8248) - OnboardingTooltip: улучшена поддержка доступности (#8247)
Фокус пользователя зациклен внутри тултипа.
Подложка (overlay) стала прозрачной кнопкой с лэйблом "Закрыть", который можно поменять c помощью свойстваoverlayLabel
.
title
теперь описывает имя тултипа. Еслиtitle
не задан, то следует задатьaria-label
. - Исправлена проблема с использованием библиотеки в проектах, где у всех элементов установлен стиль
box-sizing: border-box
(#8268) - Alert: улучшена доступность компонента (#8266)
Кнопка закрытия, при наличии, первой получает фокус при открытии алерта
В документацию по доступности компонента добавлен пункт по поводу имен кнопок с одинаковыми действиями - HorizontalScroll: отменён фикс #7774 из-за проблем перерисовок в Firefox при прокрутке через тач-пад, теперь невозможность прокрутить колесом мыши над стрелкой навигации будет считаться ограничением компонента (#8293)
- Gallery: поправлено перелистывание слайдов при быстром изменении
slideIndex
(#8292)
Улучшения
- ModalPage: добавлено свойство
disableFocusTrap
для отключения захвата фокуса (#8248)
Нужно для кейса, когда поверх одной модалки открывается другая, чтобы несколькоFocusTrap
не конфликтовали между собой - ModalCard: добавлено свойство
disableFocusTrap
для отключения захвата фокуса (#8248)
Нужно для кейса, когда поверх одной модалки открывается другая, чтобы несколькоFocusTrap
не конфликтовали между собой