v6.0.0
Note
Полный список изменений смотрите в документации по миграции с v5 на v6.
Там же можно найти информацию про VKUI v6 Codemods, который должен упростить переход на новую мажорную версию.
Breaking changes
Зависимости
-
Удалили зависимость @vkontakte/vk-bridge в рамках задачи по уменьшению сцепления с VK Mini Apps.
Для авторов VK Mini Apps, совместно с командой VK Dev, создали страницу Интеграция с VK Mini Apps.
Команда VK Dev, для будущих авторов, отредактировала раздел VK Dev / Библиотеки / VKUI и продублировала ссылку на нашу страницу интеграции.
Сборка
-
Обновили конфигурацию
.browserlistrc
:- android >= 5 + ChromeAndroid >= 57 - iOS >= 10 + iOS >= 10.3 - Chrome >= 51 + Chrome >= 57 Firefox >= 54 Edge >= 18 - Opera >= 38 + Opera >= 44 - Safari >= 10 + Safari >= 10.1 + Samsung >= 7.2
-
В отдельной сборке теперь используется CSS Logical.
Это изменение влияет только на пользователей, использующих специальную сборку. Такие пользователи, при необходимости, должны использовать плагин postcss-logical, чтобы продолжать поддерживать старые версии браузеров.
Компоненты
- Переработали API многих компонентов:
- Изменились API у компонентов, которые наследуются от
Tappable
. - Некоторые булевые пропы по умолчанию теперь
falsy
- PanelHeader:
visor
заменён наfloat
,separator
заменён наdelimiter
(#6277) - ModalPanelHeader:
separator
заменён наnoSeparator
(#6277) - Avatar:
withBorder
заменён наnoBorder
(#6286) - CardScroll:
withSpaces
заменён наnoSpaces
(#6286) - CustomSelect:
fixDropdownWidth
заменён наdropdownAutoWidth
(#6286) - Image:
withBorder
заменён наnoBorder
(#6286) - ImageBase:
withBorder
заменён наnoBorder
(#6286) - Gallery:
isDraggable
заменён наdragDisabled
(#6286) - GridAvatar:
withBorder
заменён наnoBorder
(#6286) - Placeholder:
withPadding
заменён наnoPadding
(#6286) - Select:
fixDropdownWidth
заменён наdropdownAutoWidth
(#6286) - Tabbar:
shadow
заменён наplain
(#6286) - ChipsSelect:
fixDropdownWidth
заменён наdropdownAutoWidth
(#6286)
- PanelHeader:
- Изменились API у компонентов, которые наследуются от
- Провели работы по улучшению доступности, которые требовали мажорных изменений.
- Сделали стабильными компоненты:
ChipsSelect
HorizontalCellShowMore
Popover
Popper
TextTooltip
Tooltip
Предыдущий
Tooltip (v5)
переименован вOnboardingTooltip
- Удалили компонент
FormLayout
, используйте нативныйform
(#6302) - ModalCard: удалили стили, задающие отступы через каскад, теперь отступ, при необходимости, надо выставлять самостоятельно через Spacing (#5419)
- PopoutWrapper:
- AppRoot: теперь при
mode="embedded
класс с названием темы навешивается на ближайший контейнерAppRoot
, а не на<body>
. Также приmode="full"
классыvkui
иvkui--*
навешиваются на<html>
вместо<body>
(#6263, #6279) - ConfigProvider: логика связанная с токенами вынесена из
platform
в отдельный параметрtokensClassNames
(#5121) - HorizontalCell: при
size="m"
фиксированная ширина заменена на максимальную ширину как приsize="s"
(#6318)
Фидбек ❤️
Для очевидных багов создавайте issues. Для всех остальных обсуждений есть дискуссии :)