VKUI

Случайно выкатил патч без каких-либо изменений. Сорян :)

• Closes #511
• Closes #477
• Closes #492
• Добавили свойство getRootRef в PanelHeaderSimple
• Заменили иконки с 24 на 28 в компонентах PanelHeaderClose, PanelHeaderBack, PanelHeaderSubmit и PanelHeaderEdit

Новый компонент — PanelHeaderSimple. Все подробности в документации.

• Closes #505
• Closes #502

Фиксы Card

• Новый компонент Gradient
• Исправления в Card и CardScroll

Фикс верхнего отступа в CardGrid

Новые компоненты — Card, CardGrid и CardScroll

Фикс #483

Фикс #479

Первый стабильный релиз редизайна под кодовым названием Milkshake. Библиотека полностью перешла на TypeScript.

Фиксы и улучшения

• Свойства компонента Avatar теперь наследуются от ImgHTMLAttributes
• Gallery теперь не будет свайпаться, если передан slideIndex, но не передан onChange (#450)
• Фикс бага #466
• Фикс бага с Meizu, когда не убирался обработчик window.addEventListener('touchmove')
• Фоллбэк значений цветов на значения теперь берется из палитры bright_light (раньше брался из client_light)
• В CellButton, ActionSheetItem и Cell добавлены поля href и target
• В Button при указании href больше не нужно прописывать Component="a"
• Свойства компонентов Button, CellButton и HeaderButton теперь наследуются от ButtonHTMLAttributes
• Свойства компонентов Search, Input, Radio, Checkbox, File, и Switch теперь наследуются от InputHTMLAttributes
• Свойства компонента Select теперь наследуются от SelectHTMLAttributes
• Свойства компонента Textarea теперь наследуются от TextareaHTMLAttributes
• Свойства компонента Link теперь наследуются от LinkHTMLAttributes
• У компонента Checkbox появилось свойство getRef
• Пофикшен баг в ModalCard с отступом между caption и children

Обратно несовместимые изменения

• Удалена утилита isWebView. Используйте vkConnect.isWebView()
• Удалена утилита querystring
• Удалена утилита request
• Удалена утилита classnames. Используйте classNames
• Удален компонент Entity
• Удален компонент NativePopouts
• Удален компонент FixedTabs

Avatar

• Свойство type переименовано в mode

Counter

• Свойство type переименовано в mode

HeaderButton

• Переименован в PanelHeaderButton

HeaderContext

• Переименован в PanelHeaderContext

Input, Select

• Свойство alignment переименовано в align

File

• Свойство size теперь используются для указания атрибута size на input. Чтобы задать размер кнопки, используйте новое свойство controlSize
• Свойство level переименовано в mode
• Удалено свойство label. Используйте children
• Удалено свойство alignment. Используйте align

CellButton

• Свойство component переименовано в Component
• Свойство level переименовано в mode

ActionSheetItem

• Свойство level переименовано в mode

ActionSheet

• Свойство title переименовано в header

Alert

• Свойство action.style переименовано в action.mode

FormLayout

• Свойство TagName переименовано в Component

FormField

• Свойство TagName переименовано в Component

FormStatus

• Свойство state переименовано в mode
• Свойство title переименовано в header

Gallery

• Свойство autoplay переименовано в timeout

UsersStack

• Свойство vertical переименовано в layout. Раньше оно было типа boolean, сейчас — 'vertical' | 'horizontal'
• Свойство count переименовано в visibleCount

PopoutWrapper

• Свойство h переименовано в alignX
• Свойство v переименовано в alignY

Placeholder

• Свойство title переименовано в header

ModalCard

• Свойство title переименовано в header
• Свойство action.type переименовано в action.mode

Button

• Свойство level переименовано в mode
• Удалены старые значения level
• Удалено свойство type. Используйте CellButton, если хотите добиться эффекта type="cell"

Group

• Удалено свойство title. Вместо него используйте header, прокидывая туда не строку, а компонент Header

PanelHeader

• Удалены устаревшие значения свойства level
• Удалено свойство noShadow (не нужно).
• Удалено свойство theme, теперь у нас одна тема.

Tabs

• Унифицировались типы.
• Пропало свойство theme, теперь стилизация сама подстраивается под контейнер.
• Если табы рисуются в FixedLayout, то перед ними нужно добавить Separator
• Свойство type переименовано в mode

Header

• Удалены устаревшие значения свойства level, свойство переименовано в mode

Panel

• Удалено свойство theme, теперь у нас одна тема.
• Добавлено по-умолчанию включенное свойство separator, отвечающее за отрисовку разделителя после шапки. В некоторых случаях разделитель не нужен. Подробности в документации.

Search

• Полностью унифицирован.
• В onChange теперь первым аргументом передается объект события. Раньше было onChange(value: string, event: FormEvent). Второй аргумент удален.

InfoRow

• Свойство title переименовано в header

Фиксы и улучшения

• Свойства компонента Avatar теперь наследуются от ImgHTMLAttributes
• Gallery теперь не будет свайпаться, если передан slideIndex, но не передан onChange (#450)
• Фикс бага #466
• Фикс бага с Meizu, когда не убирался обработчик window.addEventListener('touchmove')

Обратно несовместимые изменения

Avatar

• Свойство type переименовано в mode

Counter

• Свойство type переименовано в mode

Фиксы и улучшения

• Фоллбэк значений цветов на значения из палитры bright_light

Обратно несовместимые изменения

HeaderButton

• Переименован в PanelHeaderButton

HeaderContext

• Переименован в PanelHeaderContext

Фиксы и улучшения

• В CellButton, ActionSheetItem и Cell добавлены поля href и target
• В Button при указании href больше не нужно прописывать Component="a"
• Свойства компонентов Button, CellButton и HeaderButton теперь наследуются от ButtonHTMLAttributes
• Свойства компонентов Search, Input, Radio, Checkbox, File, и Switch теперь наследуются от InputHTMLAttributes
• Свойства компонента Select теперь наследуются от SelectHTMLAttributes
• Свойства компонента Textarea теперь наследуются от TextareaHTMLAttributes
• Свойства компонента Link теперь наследуются от LinkHTMLAttributes
• Пофикшен z-index верхнего сепаратора у Panel
• У компонента Checkbox появилось свойство getRef

Обратно несовместимые изменения

Input, Select

• Свойство alignment переименовано в align

File

• Свойство size теперь используются для указания атрибута size на input. Чтобы задать размер кнопки, используйте новое свойство controlSize

Фиксы

• Пофикшен баг в ModalCard с отступом между caption и children
• Обновлены Readme.md

Обратно несовместимые изменения

CellButton

• Свойство component переименовано в Component

Фиксы и улучшения

• Пофикшен баг с infinity loop в PullToRefresh
• Seprator между Group больше не нужно рисовать самому. В подавляющем большинстве случаев, он корректно отрисуется за вас. Подробности в описании свойства Group.separator

Обратно несовместимые изменения

ActionSheetItem

• Свойство level переименовано в mode

Alert

• Свойство action.style переименовано в action.mode

FormLayout

• Свойство TagName переименовано в Component

FormField

• Свойство TagName переименовано в Component

FormStatus

• Свойство state переименовано в mode
• Свойство title переименовано в header

Gallery

• Свойство autoplay переименовано в timeout

UsersStack

• Свойство vertical переименовано в layout. Раньше оно было типа boolean, сейчас – 'vertical' | 'horizontal'
• Свойство count переименовано в visibleCount

PopoutWrapper

• Свойство h переименовано в alignX
• Свойство v переименовано в alignY

Placeholder

• Свойство title переименовано в header

ModalCard

• Свойство title переименовано в header
• Свойство action.type переименовано в action.mode

Button

• Свойство level переименовано в mode

CellButton

• Свойство level переименовано в mode

File

• Свойство level переименовано в mode

Обратно-несовместимые изменения

• Удалена утилита isWebView. Используйте vkConnect.isWebView().
• Удалена утилита querystring.
• Удалена утилита request.
• Удалена утилита classnames. Используйте classNames.
• Удален компонент Entity.
• Удален компонент NativePopouts.
• Удален компонент FixedTabs.

Group

• Между соседними Group нужно вставлять Separator.
• Удалено свойство title. Вместо него используйте header, прокидывая туда не строку, а компонент Header.

PanelHeader

Удалены устаревшие значения свойства level.

File

• Удалено свойство label. Используйте children.
• Удалено свойство alignment. Используйте align.

Button

• Удалены старые значения level.
• Удалено свойство type. Используйте CellButton, если хотите добиться эффекта type="cell".

Tabs

• Унифицировались типы.
• Пропало свойство theme, теперь стилизация сама подстраивается под контейнер.
• Если табы рисуются в FixedLayout, то перед ними нужно добавить Separator.
• Свойство type переименовано в mode.

Header

Удалены устаревшие значения свойства level, свойство переименовано в mode.

Panel

• Удалено свойство theme, теперь у нас одна тема.
• Добавлено по-умолчанию включенное свойство separator, отвечающее за отрисовку разделителя после шапки. В некоторых случаях разделитель не нужен. Подробности в документации.

PanelHeader

• Удалено свойство noShadow (не нужно).
• Удалено свойство theme, теперь у нас одна тема.

Search

• Полностью унифицирован.
• В onChange теперь первым аргументом передается объект события. Раньше было onChange(value: string, event: FormEvent). Второй аргумент удален.

InfoRow

Свойство title переименовано в header.

ActionSheet

Свойство title переименовано в header.

• FixedLayout – добавлено свойство filled;
• PromoBanner – небольшие исправления.

Добавили <PromoBanner /> в индекс

Убрали лишние свойства у <PromoBanner />