Слияние кода завершено, страница обновится автоматически
Все значимые изменения в этом проекте будут зафиксированы в этом файле. См. Conventional Commits для руководств по коммитам.
unset не поддерживается в IE. (f460e23)com/material-components/material-components-web/commit/f460e23dae619c6d09de114cc8c319972b7d1b10))* slider: В методе updateUI исправлена логика поведения, чтобы соответствовать утверждению в jsdoc, что при отсутствии параметра thumb обновляются оба ползунка. Атрибуты входных данных вообще не обновлялись. (cc4ed13)validateTooltipWithCaretDistances. (3e30054)theme-styles для шрифтов. Значения, извлекаемые из карты $theme и имя CSS-свойства были поменяны местами. Миксин запрашивал font-size/font-weight/letter-spacing из карты $theme (которая ожидает size/weight/tracking). Поэтому эти значения всегда были null. (32b3913)attachTo. (05db65e)* Цвет ripple-эффекта кнопки действия snackbar применяется к элементу ripple. (4e66fb2)pointerId. (15db4f1)showTimeout не установлен (что указывает на то, что эта подсказка готова к повторному отображению). (6ca8b8f)minRange для диапазонных ползунков для запроса минимального промежутка между двумя ползунками. (8fffcb5)valueToAriaValueTextFn и valueToValueIndicatorTextFn. (b6510c8)#notifyOpening в адаптер поверхности меню.PiperOrigin-RevId: 444830518
#getValueIndicatorContainerWidth в адаптер слайдера.PiperOrigin-RevId: 419837612
$ripple-target для миксина ripple (1340ee9)mdc-button. (15981e9)theme-mixin кнопки. (0de2f2e)action-<state>-label-text-color из карты темы MDC light-theme. (d97f8f1)rem/em из тем-стилей типографии (a395972)* кнопка: Стекирование риппл-эффекта за контентом (e1e69fd)innerHTML на firstChild (37d4db8)focusout для подсказок. Убедиться, что интерактивные подсказки остаются открытыми, когда ChromeVox использует линейное навигирование для чтения непосредственно неактивного содержимого внутри подсказки (7c96e6b).mdc-icon-button--display-flex, который центрирует иконку с помощью flexbox. При использовании нового API темирования, кнопка иконки должна иметь этот класс. (8355e14)validate-theme-keys() для проверки ключей темы (457d89a)com/material-components/material-components-web/commit/457d89aadf13d719af27435758feb8f6e254fe1e))### ПРИЧИНЫ ПЕРЕРАЗРАБОТКИ* menu: Добавлен новый метод адаптера меню:/**
PiperOrigin-RevId: 398575780
_index Sass модуль будет экспортировать только тематические миксины.PiperOrigin-RevId: 391773229
validate-keys() переименованы в validate-theme() в @material/theme
PiperOrigin-RevId: 390671152
PiperOrigin-RevId: 387378201
return в метод MDCTooltipComponent#isShown (4d95812)MDCTooltipAdapter#deregisterAnchorEventHandler (d928692)mdc-card__ripple вместо mdc-card__primary-action. (8ace3b8)#close внутри #destroy. (5631828)* dom: добавлен миксин принудительного режима цветов (8416fb9)box-shadow (de48eff)forceUpdate к методу setSelectedIndex, который заставляет обновить UI выбранного элемента. (5d06051)getSelectedIndex в основу. (f705e80)getUseDefaultValidation в основу. (adeac05)map-ext.split(). (ec22e1d)gss.annotate. (c50d20b)theme.property(). (474836a)transform-origin для подсказок с кареткой, чтобы анимация входа начиналась с каретки. (1a8d064)transform-origin. (25751d2)data-hide-tooltip-from-screenreader="true" (в дополнение к использованию data-tooltip-id вместо aria-describedby).PiperOrigin-RevId: 386490861
window.mdc.circularProgress к window.mdc['circular-progress'].PiperOrigin-RevId: 384568221
mdc-icon-button__ripple. См. README для подробностей.PiperOrigin-RevId: 372153409
:active:active для соответствия стилям специфичности активного состояния. (faa7d32)input при изменении ввода (например, изменение значения с помощью клавиатуры), отражая поведение встроенных событий input для ползунков диапазона. (ec8f846)resize и orientationchange в MDCDialogFoundation. (1e06534)keyboard.ts для клавиши Tab (dc9c840)$focus-outline-width к FAB-миксину extended-padding() (8ecd7c9)mdc-tooltip__surface-animation, который содержит все свойства стиля, отвечающие за анимацию подсказки на странице и вне её. Существующий класс mdc-tooltip__surface будет содержать все свойства стиля, влияющие на визуальное отображение подсказки. (56fc269)pxToRem() в px-to-rem()
PiperOrigin-RevId: 368489085
mdc-deprecated-list-* для имен классов. Новая реализация (эволюция списка) больше не использует префикс (mdc-evolution-list-* теперь просто mdc-list-*).PiperOrigin-RevId: 364441086
PiperOrigin-RevId: 363926666
registerAnchorEventHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;deregisterAnchorEventHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;PiperOrigin-RevId: 358401984
thumb. (489d4c2)pointer-events: none вместо visibility: hidden для скрытия контейнера индикатора значения. Добавление visibility: hidden удаляет выходное анимирование, так как индикатор значения сразу скрывается. (a94bd8d)aria-haspopup элемента-якоря вместо проверки наличия "true". (b8a1a58)* подсказка: Очистить hideTimeout в handleAnchorMouseEnter, чтобы подсказка не скрывалась, если пользователь быстро перемещает указатель мыши в и из элемента-якоря. (365c693)aria-describedby для ассоциации богатых подсказок с их элементами-якорями. Это связано с тем, что интерактивные богатые подсказки не должны использоваться с aria-describedby в соответствии с рекомендациями по доступности. (251ac04)transform-origin на поверхность подсказки, чтобы анимация появления подсказки имела направление, основанное на её выравнивании с элементом-контейнером. (623af86)scroll и resize. Это гарантирует, что подсказка остаётся прикреплённой к элементу-контейнеру, несмотря на перемещение страницы. (a415276)absolute вместо fixed и полагаться на родительский элемент с позиционированием relative, чтобы если у родительского элемента есть свойства transform, perspective или filter, установленные на что-то другое, чем none, позиционирование всё равно работало. (0c95c9f)hide и isShown методы в компоненте MDCTooltip. Это позволяет клиентам MDC создавать собственный класс для обеспечения того, чтобы одновременно отображался только один тултип. (c5e18b0)deep-get() API из mdc-theme, используйте sass:map's get() API вместо него.thumb. (489d4c2)<input type="range"> в качестве внутреннего компонента, чтобы поддерживать touch-технологии AT. (b98d15d)* слайдер: Модифицирован непрерывный слайдер для использования значения шага по умолчанию, и предоставлен клиентам возможность настройки значения шага для непрерывных слайдеров. (7ad038e)scroll и resize.Это гарантирует, что подсказка остается прикрепленной к элементу-якорю, несмотря на перемещение страницы. (a415276)tooltipContainsElement(element: HTMLElement): boolean;
Разработки богатых подсказок находятся в процессе, и они пока не готовы к использованию.PiperOrigin-RevId: 346325244
deep-get() из mdc-theme, используйте API sass:map's get() вместо него.PiperOrigin-RevId: 345257138
anchorContainsElement(element: HTMLElement): boolean;
Разработки богатых подсказок находятся в процессе, и они пока не готовы к использованию.PiperOrigin-RevId: 345221617
PiperOrigin-RevId: 344116908
setAnchorAttribute(attr: string, value: string): void;registerEventHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;deregisterEventHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
Разработки богатых подсказок находятся в процессе, и они пока не готовы к использованию.PiperOrigin-RevId: 343894231
PiperOrigin-RevId: 343157208
[@use](https://github.com/use) (098ae32)theme.property() для миксинов цвета (7bd5075)noflip для выравнивания текста в заголовке (843f636)data-mdc-dialog-initial-focus не работает (a0ec7e2)com/material-components/material-components-web/commit/a0ec7e2))* menu-surface: Использование margin_to_edge в качестве маргины viewport для вычислений автопозиционирования. (4b04cdb)clientRect в стандартном адаптере (#6343) (9f9aac8)width: 100%, чтобы учесть отступы вокруг дорожки ползунка (16c563e)indeterminate для чекбокса (b273afa)aria-valuetext на ползунках слайдера. (fd608ff)typography.baseline-top() и typography.baseline-bottom() теперь приватные. Используйте typography.baseline() для контейнеров и typography.text-baseline() для текста с параметрами $top и $bottom.mdc-select__selected-text-container span; см. README для обновленной разметкиripple() => ripple-styles() в MDC чекбоксеripple() => ripple-styles() в MDC чекбоксеripple() => ripple-styles() в MDC чекбоксе@material/theme/css
hover-label-color()), объединены в непостоянные миксины (например, label-color()). По умолчанию состояние миксина можно установить как обычно, или можно предоставить карту состояний для выборочной установки одного или нескольких состояний миксина (например, label-color((hover: blue))). См. пакет @material/theme/state для дополнительных сведений.* текстовое поле: метод адаптера getAttr добавлен на подкомпоненте вспомогательного текста; методы адаптера setInputAttr и removeInputAttr добавлены на основном компоненте$default-size, $stroke-width и $container-side-length удалены.mdc-snackbar--stacked теперь будет иметь дополнительные 8px.getTableBodyHeight() на getTableHeaderHeight(), а также изменены типы возвращаемых значений этого метода.mdc-text-field--filled. Отключенные текстовые поля с контуром больше не имеют затененного фона.Миксин высоты больше не указывает на переопределение базовой линии, используйте миксин baseline-top из набора шрифтов.$input-padding, $input-padding-top, $input-padding-bottom, $outlined-input-padding-top, $outlined-input-padding-bottom, $input-border-bottom.getBuffer, getPrimaryBar, setStyle удалены. Добавлены методы адаптера MDCLinearProgressAdapter setBufferBarStyle, setPrimaryBarStyle.getBuffer, getPrimaryBar, setStyle удалены. Добавлены методы адаптера MDCLinearProgressAdapter setBufferBarStyle, setPrimaryBarStyle.[@use](https://github.com/use) (098ae32)transform:none (9ea5207)min-width для textarea в Chrome (0a371b4)textarea (524b7b8)linear-progress: Переработка DOM-буфера для поддержки прозрачного буфера (9372e49)
select: Исправление проблем с выравниванием, переход с элемента-якоря на взаимодействуемый элемент (28d10a9), закрывает #5428### Новые возможности
кнопка: Добавлен миксин ripple-states для кнопки, для упрощенной настройки цвета ripple-эффекта кнопки. (ed7f324)
кнопка: Расширен область нажатия для обведенной кнопки, включая боковые границы. (ce6cb70)
чекбокс: Добавлена поддержка CSS-только indeterminate для чекбокса. (b273afa)
чипы: Добавлен стиль для чипов. (1db5c9f)
чипы: Добавлена настраиваемая основная фокусная область действия. (deb212d)
чипы: Добавлены обработчики событий фокуса {in|out}. (10af6cf)
чипы: Добавлена поддержка keyCode. (82fa986)
чипы: Добавлена функциональность для тестирования действия с концом. (bec0659)
чипы: Создана бизнес-логика для действия с концом. (9ebee4c)
чипы: Выходные файлы для действия с концом. (6b48781)* чипы: Перемещение миксина ширины области нажатия для действия с концом (3846ce3)
чипы: Переструктурирование миксинов для действия с концом (05f5e15)
чипы: Использование компонента действия с концом в чипе (058cfd2)
круговой прогресс: Добавлены методы основания для получения значения isDeterminate и прогресса (7d8f9c8)
круговой прогресс: Добавлены Sass-стили и тесты (bd33cb5)
круговой прогресс: Добавлены TS для foundation, adapter, component с тестами (548b1d4)
таблица данных: Добавлены базовые стили для поддержки пагинации. (927fa90)
таблица данных: Добавлены методы foundation для поддержки состояния загрузки. (e75deb8)
таблица данных: Добавлены метки статуса сортировки к заголовкам сортируемых колонок (9833dc2)
таблица данных: Добавлены стили для таблицы в состоянии загрузки (35a32aa)
таблица данных: Добавлены стили для поддержки сортировки колонок.(17b9699)
data-table: Добавлены стили для поддержки выпадающего меню выбора количества строк на странице в пагинации (3ee488f)
data-table: Добавлена поддержка функции сортировки колонок в таблице данных (06ef147)
data-table: Добавлена поддержка ячейки заголовка строки и других улучшений доступности. (27533c1)
data-table: Изменения foundation для поддержки сортировки колонок (6ee0355)
data-table: Строчки с выбором количества строк на странице переносятся на новую строку при переполнении (09abc92)
data-table: Установлены стили индикатора прогресса на основе высоты тела таблицы (c026422)
dialog: Добавлен миксин с отступом (ad0c0c1)
dom: Добавлена поддержка клавиатуры (5f24faa)
drawer: Разрешено использование пользовательских свойств в width() (39e6f71)* fab: Добавьте контур в режиме высокой контрастности (deda86d)
floating-label: Добавьте модификатор класса required (047e6b3)
form-field: Добавьте поддержку space-between (e84b9c8), закрывает #5747
formfield: Добавьте класс/свойство nowrap для MDC/MWC (c4b4bba)
formfield: Удалите завершающие подчеркивания из приватных свойств (2f052d8)
iconbutton: Добавьте вариант кнопки с иконкой, поддерживающий переключение aria label. (f838c6e)
iconbutton: Удалите завершающие подчеркивания из приватных свойств (119e214)
linear-progress: Добавьте методы основания для получения прогресса и состояния определенности. (4dc45af)
linearprogress: Удалите завершающие подчеркивания из приватных свойств (893eb18)
список: добавьте индикатор фокуса в режиме высокой контрастности (8602f1b)com/material-components/material-components-web/commit/8602f1b4da404816513733a21973ec9cbc9acfa3))
список: Добавить миксин для цвета текста выделенного элемента (bd8ca96)
меню: Добавить миксин для сглаживания верхней части меню при открытии снизу (1e17c49)
поверхность меню: Добавить поддержку горизонтального переворота угла меню (7b44824)
ripple: Перегруппировать прозрачности ripple (008c4d3)
rtl: разрешить значения быть ключами темы и пользовательскими свойствами (afb1c11)
выбор: Добавить класс ошибки для меню (4ba3c9a)
выбор: Добавить миксин для минимальной ширины (09f5919)
выбор: Добавить метод openMenu основания (9b0b5f2)
выбор: Добавить стили для режима высокой контрастности в IE (05cc5c2)
выбор: Автоматически выровнять ширину меню под выбор по умолчанию (1b3dd84)* выбор: Изменить root на inline-block и добавить флаг fullwidth (2673adb)
выбор: Изменение плотности также изменяет плотность списка меню (68a2af1)
выбор: Создать дополнительные миксины состояния ([744d751](https://github.com/material-components/material-components-web/commit/744d751b4b4d50b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4b4* select: выравнивать верхнее меню при открытии снизу (912d902)
select: грациозно отображать длинные метки (21c4e4e)
select: реализовать плотность (610c68d)
select: ввести пользовательскую валидность (fd8f8f2)
select: уменьшить размер значка выпадающего списка и отступ перед списком при плотности (32aa236)
select: сделать текст выбора более гибким (2b420c5)
select: заменить жестко заданные отступы перед опциями на графический элемент (7461aad)
select: поддержать автодополнение (b0fdca4), закрывает #5705
select: обновить поведение при нажатии клавиш upArrow/downArrow (d92d8c9)
select: обновить взаимодействия с текстом помощи (142b154), закрывает #5463* select: использовать класс "required" для плавающей метки (d86ad3b)
shape: добавить пользовательские свойства формы (0743288)
text-field: укоротить ширину плавающей метки с иконками (c141801)
textfield: добавить вариацию filled класса (b70bc60)
textfield: добавить вариацию filled textarea (4497b86)
textfield: добавить принудительное LTR ввода (490fbdc)
textfield: добавить префикс и суффикс (6601d24), закрывает #1892
textfield: добавить конкретный класс плавающей метки (a88c8e4)
textfield: разрешить перемещение счетчика символов за пределы textarea (84e7ed5)
textfield: разрешить прокрутку и изменение размера отключенных textarea (b9776b1)
textfield: создать миксин плавного перехода (ca61b65)* поле ввода: ограничить максимальную ширину выступающей обводки (0ab62a6)
поле ввода: переместить ручку изменения размера textarea в нижний угол (ed52af7)
поле ввода: добавить модификатор required для textarea (b10d0d7)
поле ввода: поддержка svg иконок для textfield (d91794c)
тема: добавлена поддержка нового свойства mixin и пользовательских свойств (51512a4)
тема: опциональные значения падающего обратного свойства теперь не обязательны (01de070)
типография: добавлены миксины контейнерной базовой линии для flexbox (69edc6e)
кнопка: исправлено неправильное написание overflow для кнопки в mixin label-overflow-ellipsis
кнопка: удалён mixin темы кнопки theme-baseline(), содержимое mixin перемещено в базовую кнопку Sass
чипы: интерфейсы адаптера и основания чипов изменились. Теперь чипы используют подкомпонент с отслеживанием действия* таблица данных: Добавлен обертывающий элемент к элементу таблицы в таблице данных для решения проблемы горизонтального прокрутки при добавлении элементов управления пагинацией.
плавающая метка: Все метки, являющиеся частью обязательного поля, теперь должны добавлять класс mdc-floating-label--required для обязательных полей, чтобы избежать эффекта FOUC.
линейный прогресс: DOM для буфера линейного прогресса изменился. Методы MDCLinearProgressAdapter getBuffer, getPrimaryBar, setStyle удалены. Методы MDCLinearProgressAdapter setBufferBarStyle, setPrimaryBarStyle добавлены.
выбор: Добавлены методы адаптера addMenuClass, removeMenuClass.
выбор: Добавлены методы адаптера isTypeaheadInProgress, typeaheadMatchItem.
выбор: Структура DOM для значка выпадающего списка изменена; $dropdown-color переименован в $dropdown-icon-color, $dropdown-opacity удален, $disabled-dropdown-opacity удален.
выбор: Маршрутизация HTML значительно изменена, см. README; Удалены методы адаптера isSelectedTextFocused, getSelectedTextAttr, setSelectedTextAttr; Добавлены методы адаптера isSelectAnchorFocused, getSelectAnchorAttr, setSelectAnchorAttr; удалены переменные outlined-dense-label-position-y, icon-padding; добавлены переменные minimum-height-for-filled-label, filled-baseline-top, selected-text-height, anchor-padding-left, anchor-padding-left-with-leading-icon, anchor-padding-right.* выбор: Миксин density разделен на filled-density, filled-with-leading-icon-density; миксин height разделен на filled-height, filled-with-leading-icon-height
выбор: Класс mdc-menu--fullwidth заменяет пользовательский класс ширины для разметки меню в выборе
выбор: Метод адаптера removeAttributeAtIndex удален.
выбор: Добавлен метод адаптера removeSelectAnchorAttr
выбор: SVG разметка значка выпадающего списка теперь имеет класс mdc-select__dropdown-icon-graphic. * select: пустое пространство вокруг mdc-list-item__text span-ов удалено в разметке select
select: всплывающий текст теперь по умолчанию постоянный, класс mdc-select-helper-text--persistent удален
select: неконтурные select-ы теперь требуют класса mdc-select--filled на корневом элементе
select: корневой элемент mdc-select теперь является элементом inline-block, используйте пользовательский класс ширины (например, demo-width-class) на корневом элементе вместо ссылки для настройки ширины; в качестве альтернативы, используйте новый класс mdc-select--fullwidth на корневом элементе для расширения ширины до размера родительского контейнера
select: переменная $outline-disabled-border переименована в $disabled-outline-color; переменная иконки $icon-opacity удалена, используйте канал прозрачности переменной $icon-color вместо этого
textfield: по умолчанию стандартные textfields теперь должны указывать класс mdc-text-field--filled. Отключенные контурные textfields больше не имеют затемненного фона.Миксин высоты больше не указывает переопределение базовой линии, используйте миксин typography-baseline-top вместо этого.
textfield: классы mdc-text-field--dense и связанные миксины/переменные удалены. Используйте миксин density() вместо этого.
textfield: класс mdc-text-field--textarea теперь должен включать модификатор класса mdc-text-field--outlined
textfield: импорты mdc-text-field-SUB_ELEMENT удалены
textfield: удалены следующие переменные: $input-padding, $input-padding-top, $input-padding-bottom, $outlined-input-padding-top, $outlined-input-padding-bottom, $input-border-bottom
textfield: textarea-ы теперь должны добавлять span mdc-text-field__resizer вокруг textarea (и внутреннего счетчика, если он присутствует), если они являются изменяемыми
textfield: textarea-ы с внутренними счетчиками символов должны указывать класс mdc-text-field--with-internal-counter. Счетчики символов должны располагаться после элемента textarea.
theme: color-hash() (и миксины контейнера-цвета для чекбоксов) больше не работают с значениями var() и теперь работают только с картами пользовательских свойств, созданными с помощью custom-properties. create()
typography: typography.baseline-top() и typography.baseline-bottom() теперь являются приватными. Используйте typography.baseline() для контейнеров и typography.text-baseline() для текста с параметрами $top и $bottom. # 6.0.0 (22 апреля 2020)### Исправления ошибок
auto-init: Исправлена проблема с несколькими экспортируемыми по умолчанию (#5464) (8ddd5c6)
change на click и добавлена логика для браузера IE (#5316) (2e491de), закрывает #4893
unique-id на пользовательскую функцию хэширования цвета… (#5404) (7be9e4a)circular-progress: Исправление опечатки в определении перехода и 4 ключевых кадров цвета (a301636)
circular-progress: Исправление названия в package.json и добавление в jsBundleFactory (86f7cad)
circular-progress: Форсирование LTR разметки (6a40ef2)
circular-progress: Переключение импорта миксинов на [@use](https://github.com/use) (098ae32)
core: Исправление релиза canary за счет исключения тестовых файлов из стандартного tsconfig (#5317) (c916008)
data-table: Изменение имени атрибута svg viewbox на viewBox (#5483) (#5493) (f3adce8)
data-table: Исправление высоты блока пагинации (eb28b6e)
data-table: Исправление параметров запроса по умолчанию для миксинов сортировки (e33c49e)
data-table: Стили при наведении курсора на ячейку заголовка, которую можно сортировать (d580805)com/material-components/material-components-web/commit/d5808057fcdf00364731e0896ef7031ac605cf55))
data-table: Обратное направление стрелки иконки для сортировки по столбцу (a7c827f)
data-table: Невозможность переопределения цветов в темах на основе классов (#5751) (4d48051)
data-table: Невозможность переопределения цветов в темах на основе классов (4b45b66)
dialog: Перемещение атрибутов aria roles с корневого элемента диалога на поверхность диалога (#5239) (c704b71)
elevation: Обновление миксина цвета накладки (#5331) (b723dfa)
fab: Добавление недостающей зависимости в файл package.json пакета fab (#5236)
fab: Добавлено overflow: visible для видимости области касания при. . . (#5241) (5850080)
fab: Настроен fab line-height (#5254) (525989b)* fab: Настроен fab line-height для центрирования текста (#5258) (591a6ad)
floatinglabel: Оценено скрытое значение прокрутки (#5448) (981ec9b)
linear-progress: Временное откатывание #5656 при обновлении зависимостей (9cf5e98)
linear-progress: Поддержка атрибутов aria (#5248) (7084b40), закрывает #5248
list: Убедитесь, что отключенные цвета применяются к основному и вторичному тексту (#5322) (878a08b)
list: Больше не отправляет событие действия при выборе отключенного элемента (f352d03), закрывает #5571
menu-surface: Используется margin_to_edge в расчетах для автоматической позиции как граница просмотра. (4b04cdb)
menusurface: События открытия и закрытия не срабатывают, если поверхность уже открыта или закрыта (9cff431)com/material-components/material-components-web/commit/9cff4318f0fe8a79f8787afd148907328a5223d5))
slider: Визуальная ошибка при отображении значения ползунка как "-0" (3fc3ab5)
snackbar: Добавлен явный размер для метки, чтобы она обрабатывалась в ie11 (#5497) (cd49033)
snackbar: Дополнены миксины для соответствия спецификации (#5477) (f16f15b)
switch: Добавлен переход transform для управления переключателем, чтобы избежать проблем с overflow-x (8c11ea2)
switch: Всегда устанавливать границу трека прозрачной (9a169f4)
switch: Исправлены строгие проверки общего типа (7f5e0c2)
switch: Исправлено правильное обработки атрибута aria-checked (#5202) (#5357) (d245a1a)* switch: Установлена прозрачная граница трека (#5323) (397905b)
switch: Использование CSS-переменных для темизации (d6315ef)
input: Добавлены mixin-ы для placeholder и исправлены цвета отключенных элементов (#5360) (0a40ced)
input: Добавлены отдельные классы для иконок перед и после (#5367) (70c708d)
input: Изменен корневой элемент на <label> (#5439) (d8d9502)
input: Убраны лишние отступы у элемента ввода (8639c26)
input: Скрытие плавающей метки при ширине <52px для варианта filled (#5553) (5ff3380)* поле ввода: перекрытие метки и placeholder в IE11 (781434a)
поле ввода: удалить абсолютное позиционирование иконок (1e13d1d)
поле ввода: удалить устаревшую плотную вариацию в пользу плотности (776291e), закрывает #4142
поле ввода: использовать правильные цвета отключения для IE11 с высокой контрастностью (5353985)* Удалить обнаружение краев для CSS-персональных свойств (#5264) (fe444ac)
Исправление ошибок серверного рендеринга в линейном прогрессе и ползунке (7d0b983)### Оптимизация кода* переход на систему модулей Sass (#5453) (faa9af3)
grid-list: Отметка компонента как устаревшего (#5499) (cf33f11)
linear-progress: Переструктурирование DOM буфера для поддержки прозрачного буфера (98b8434)
linear-progress: Переструктурирование DOM буфера для поддержки прозрачного буфера (9372e49)
select: Исправление проблем с выравниванием, переход anchor на взаимодействующий элемент (28d10a9), закрывает #5428
touchtarget: Переименование mdc-touch-target-component => mdc… (#5245) (afe0dd1)### Новые возможности
кнопка: Добавлены миксины цвета состояния отключения (#5232) (b5eb51e)
кнопка: Добавлен миксин переноса текста с многоточием (#5352) (47949b0)
кнопка: Расширена область нажатия для выделенной кнопки, включая боковые границы (ce6cb70)
карточка: Добавлена структура перекрытия тени (#5282) (aa0eba4)
чекбокс: Добавлена поддержка CSS-только indeterminate чекбокса (b273afa)
чипы: Добавлено стилизование чипов (1db5c9f)
чипы: Добавлены обработчики событий фокуса {in|out} (10af6cf)* чипы: Добавлена поддержка кода клавиши (82fa986)
чипы: Добавлена функциональность действия с конца, ориентированная на тестирование (bec0659)
чипы: Объявлено о удалении чипов (b3f70eb)
чипы: Удаление взаимодействия обработчиков событий (#5251) (5729943)
чипы: Создание бизнес-логики для действия в конце (9ebee4c)
чипы: Экспорт файлов чипа действия в конце (6b48781)
чипы: Переструктурирование миксинов действия в конце (05f5e15)
круговой-프로그ресс: Добавление методов основания для получения isDeterminate и значения прогресса (7d8f9c8)
круговой-프로그ресс: Добавление стилей Sass и тестов (bd33cb5)
круговой-프로그ресс: Добавление TS для основания, адаптера, компонента с тестами (548b1d4)
таблица-данных: Добавление базовых стилей для поддержки пагинации. (927fa90)
data-table: Добавление методов основания для поддержки состояния загрузки. (e75deb8)
data-table: Добавление стилей для таблицы в состоянии загрузки. (35a32aa)
data-table: Добавление стилей для поддержки сортировки по столбцам. (17b9699)
data-table: Изменения основания для поддержки сортировки по столбцам. (6ee0355)
data-table: Установка стилей индикатора прогресса на основе высоты тела таблицы. (c026422)
dom: Добавление утилиты для блокировки фокуса. (#5505) (63f357d)
dom: Добавление поддержки клавиатуры. (5f24faa)
dom: Создание утилиты для объявления. (32c1df1)
elevation: Добавление миксинов затенения. (#5249)com/material-components/material-components-web/issues/5249)) (b4cfdc4)
fab: Добавлен контур в режиме высокой контрастности (deda86d)
fab: Добавлена поддержка увеличенной области касания для мини-FAB (#5231) (0c4d8f3)
floating-label: Добавлена функциональность для целевых стилей (#5287) (b240bcc)
form-field: Добавлена поддержка space-between (e84b9c8), закрывает #5747
form-field: Добавлен класс/свойство nowrap для MDC/MWC (c4b4bba)
icon-button: Добавлены миксины цвета для отключенного состояния (#5246) (7161170)* iconbutton: Добавлена вариация кнопки с иконкой, поддерживающая переключение aria-label (f838c6e)
line-ripple: Добавлены активное и неактивное состояния для line-ripple (b6c7f62)
line-ripple: Добавлена поддержка целевых стилей (#5292) (391674a)
linear-progress: Добавлены методы основания для получения прогресса и состояния определенности (4dc45af)
menu: Добавлена структура затенения для меню (#5280) (7fd17ce)
menu: Добавлен миксин для растяжения верхней части меню при открытии ниже закрепленного элемента (1e17c49)
menu-surface: Добавлена поддержка горизонтального переворота угла меню (7b44824)
notched-outline: Добавлена поддержка целевых стилей (#5289) (c483774)
progress-indicator: Добавлен общий интерфейс для индикаторов прогресса (#5564)com/material-components/material-components-web/issues/5564)) (ea863cb)
ripple: Переработана структура прозрачности ripple (008c4d3)
switch: Добавлена структура перекрытия элевации (#5281) (50f110a)
text-field: Добавлены миксины цвета для отключенного состояния (#5208) (66299b6)
text-field: Добавлена функциональная цель для стилей (#5378) (e8a9936)
text-field: Урезана ширина плавающего метки с иконками (c141801)
textfield: Добавлено выравнивание по правому краю (#5356) (847dd1a)
textfield: Добавлен класс варианта filled (b70bc60)
textfield: Добавлено принудительное выравнивание слева направо (490fbdc)com/material-components/material-components-web/commit/490fbdc092c5c59d63f83407b83b37fb524ed0e5))
textfield: Добавлены префикс и суффикс (6601d24), ссылка на коммит (https://github.com/material-components/material-components-web/commit/6601d24afdc3a3d0bd2a9b3fcca68c35c9415ec1)), закрывает #1892
Добавить индексные стили к каждому пакету MDC Web (#5539) (1814866)
Добавить индексные стили к mdc-image-list и mdc-layout-gr… (#5546) (3a85313)
Использовать @use синтаксис в файле Sass MDC Web и… (#5573) (b4727e4)
textfield: добавить конкретный класс плавающей метки (a88c8e4)
textfield: разрешить счетчик символов перемещаться за пределы textarea. (84e7ed5)
textfield: Создать миксин плавного перехода (ca61b65)
textfield: Ограничить максимальную ширину обводки с выемкой (0ab62a6)
typography: добавить миксины базовой линии контейнера для flexbox (69edc6e)com/material-components/material-components-web/commit/69edc6e2899636cfccb117376bb64dc0a267c588))### Отзывы* Возврат "feat(switch): Добавление структуры накладки с высотой (#5281)" (#5329) (1fbf5bd), закрывает #5281 #5329
"fix(checkbox): Изменение типа события чекбокса с change на click и добавление логики для браузера IE" (ba30399)
feat(chips): Согласование обработчиков событий взаимодействия (#5251) (#5301) (5e45d77)
fix(chips): Не выбрасывать ошибку, если набор чипов становится пустым (#5300) (d10e8cd)
fix(select): Не вызывать событие изменения при программном изменении (#5255) (#5302) (ad9dfe7)### КРИТИЧНЫЕ ИЗМЕНЕНИЯ
select: Значительные изменения в HTML-разметке, см. README; УДАЛЕНО адаптерные методы isSelectedTextFocused, getSelectedTextAttr, setSelectedTextAttr; ДОБАВЛЕНЫ адаптерные методы isSelectAnchorFocused, getSelectAnchorAttr, setSelectAnchorAttr; удалены переменные outlined-dense-label-position-y, icon-padding; добавлены переменные minimum-height-for-filled-label, filled-baseline-top, selected-text-height, anchor-padding-left, anchor-padding-left-with-leading-icon, anchor-padding-right.
mdc-text-field-textarea-fill-color, mdc-text-field-textarea-stroke-color, mdc-text-field-fullwidth-bottom-line-color удалены. Вместо них используйте mdc-text-field-fill-color, mdc-text-field-outline-color и mdc-text-field-bottom-line-color соответственно для достижения того же эффекта.$input-padding, $input-padding-top, $input-padding-bottom, $outlined-input-padding-top, $outlined-input-padding-bottom, $input-border-bottom
getBuffer, getPrimaryBar, setStyle удалены. Методы адаптера MDCLinearProgressAdapter setBufferBarStyle, setPrimaryBarStyle добавлены.typography.baseline-top() и typography.baseline-bottom() теперь приватные. Используйте typography.baseline() для контейнеров и typography.text-baseline() для текста с параметрами $top и $bottom.<div class="mdc-text-field__ripple"></div>
$mdc-text-field-minimum-height-for-filled-label: 40px
MDCChipAdapter и MDCChipSetAdapter имеют новые методы. Обработчики событий MDCChipSetFoundation теперь принимают соответствующий интерфейс деталей события чипа в качестве единственного аргумента. Свойство root было удалено из интерфейса MDCChipRemovalEventDetail.mdc-line-ripple-color() был переименован в mdc-line-ripple-active-color()
mdc-text-field--filled. Отключенные текстовые поля с обводкой больше не имеют затененного фона. Миксин высоты больше не указывает переопределение базовой линии, используйте миксин baseline-top из набора шрифтов. Четыре переменные и миксин в mdc-textfield были переименованы для использования префикса mdc-text-field- при зависимости через @import (ранее mdc-required-text-field-label-asterisk_, теперь required-label-asterisk_).textfield: иконки должны использовать классы .mdc-text-field__icon--leading или .mdc-text-field__icon--trailing. Миксин mdc-text-field-icon-color() был разделен на mdc-text-field-leading-icon-color() и mdc-text-field-trailing-icon-color().
switch: Метод setNativeControlAttr добавлен в адаптер mdc-switch.
checkbox: удалён слушатель событий для 'change' и добавлен слушатель событий для 'click'. - Метод handleClick() добавлен в foundation для обработки события клика.
setCheck() добавлен в компонент для изменения статуса отметки.switch: структура DOM switch изменилась. Подробности см. в README для switch.
button: Переменная $mdc-button-disabled-container-fill-color переименована в $mdc-button-disabled-container-color.
Удалён параметр $edgeOptOut из миксина Sass mdc-theme-prop().
chips: обработчики handleInteraction и handleTrailingIconInteraction удалены из MDCChipFoundation. Обработчик handleClick добавлен в MDCChipFoundation.
Добавлены новые методы адаптера в MDCLinearProgressAdapter.
elevation: функции перемещены в файл _functions.scss.
touchtarget: миксин переименован с mdc-touch-target-component на mdc-touch-target-margin.
grid-list: согласно предупреждению о прекращении поддержки grid-list, этот компонент был удалён из MDC-Web. Некоторые его функции доступны в пакете MDC Image List. Рекомендуется миграция на пакет mdc-image-list для получения новых функций и обновлений.# 4.0.0 (2019-11-02)
overflow: visible к кнопке. (#4973) (905e84e)mdc-fab: Перемещено внутреннее представление для эффекта нажатия. (#4997) (85b33b5)
регулятор: Визуализация меток регулятора с использованием CSS-фона. (#4756) (8f851d9)### Новые возможности
кнопка: Добавлена поддержка увеличенной области касания для кнопок. (#4948) (1d7a2e6)
чекбокс: Добавлены цветовые миксины для отключенного состояния. (#5167) (01628ef)
чекбокс: Добавлена поддержка увеличенной области касания размером 48 пикселей. (#5025) (b5685a8)
чекбокс: Перемещено ripple на дочерний узел. (#4981) (9712b24)
чипы: Добавлена навигация с помощью клавиатуры. (#4844) (42065fe), закрывает #2259
чипы: Добавлена методика setSelectedFromChipset. (#4872) (283bd55)
чипы: Добавлена поддержка увеличенной области касания для чипов. (#4970) (6aa109d)* чипы: Использование индекса для всех операций с чипами. (#4869) (07078bb)
плотность: Добавлена подсистема плотности для компонентов. (#5059) (73a5e4c)
диалог: Добавлен миксин диалога для диалогов с кнопками с увеличенной областью касания. (#5024)
иконная кнопка: Добавлен миксин плотности для иконной кнопки (#5122) (37d6458)
список: Добавлен миксин плотности для списка (#5069) (5132f89)
список: Добавлен миксин для прозрачности текста в отключённом состоянии (#4861) (d68f8a7)
радиокнопка: Добавлен миксин плотности для радиокнопки (#5118) (199534d)
радиокнопка: Добавлены миксины для цвета состояния отключённости (#5168) (b5c6d66)
радиокнопка: Добавлена поддержка для области нажатия размером 48px (#5032)com/material-components/material-components-web/issues/5032)) (87b0a4c)
радиокнопка: Перемещён ripple на дочерний элемент (#4983) (100ab37)
ripple: Добавлена поддержка для целевого элемента ripple в миксинах. (#4880) (08dbe69)
snackbar: Добавлена опция для неограниченного таймаута (#4998) (4f11851)
переключатель: Добавлена поддержка плотности для компонента переключателя. (#5124) (2c793b4), закрывает #5104
переключатель: Добавлены миксины для настройки прозрачности ripple (#5126) (8c0273f)
вкладка: Добавлен миксин для преобразования текста (#5144) (22d7ad2)
панель вкладок: Добавлен миксин для установки анимации скроллера (#5172) (d7c938a)
панель вкладок: Добавлен миксин плотности для панели вкладок (#5070)com/material-components/material-components-web/issues/5070)) (45dc002)
таб-скроллер: добавлен метод incrementScrollImmediate для обхода анимации (#5184) (2b878b3), закрывает #5123
таб-скроллер: добавлен миксин для перехода скролла (#5154) (efda83d)
поле ввода: добавлен миксин плотности для вариантов полей ввода (#5066) (a12101d)
поле ввода: добавлен центрированный выравнивание внутренних элементов для динамической высоты (#4990) (4d94b22)
таргет для касания: добавлены миксины для таргета для касания (#4940) (b2e0fea)### КРИТИЧЕСКИЕ ИЗМЕНЕНИЯ* checkbox: mixin mdc-checkbox-ink-color теперь применяется только к включенными чекбоксам
chips: Изменена разметка, адаптеры, основания и события для чипов.
select: В MDCMenu и MDCMenuSurface метод адаптера hoistMenuToBody удален. В MDCSelect изменена HTML-структура: селект-анкор теперь обернут в родительский элемент, а соседний элемент — это селект-меню. Поддержка нативного селекта удалена. Добавлена поддержка селекта без метки. Удалены методы адаптера MDCSelectAdapter: getValue, setValue, isMenuOpen, setSelectedIndex, checkValidity, setValid, toggleClassAtIndex. Добавлены методы адаптера MDCSelectAdapter: hasLabel, getSelectedMenuItem, setSelectedText, isSelectedTextFocused, get/setSelectedTextAttr, getAnchorElement, setMenuAnchorElement, setMenuAnchorCorner, setMenuWrapFocus, set/removeAttributeAtIndex, focusMenuItemAtIndex, getMenuItemValues, getMenuItemCount, getMenuItemCount, getMenuItemAttr, getMenuItemTextAtIndex, add/removeClassAtIndex. Удален метод setValue основания MDCSelectFoundation; добавлены методы getDisabled, handleMenuItemAction, getSelectedIndex, get/setRequired, init.
radio: В Checkbox переименованы sass-переменные $mdc-radio-touch-area => $mdc-radio-ripple-size & $mdc-radio-ui-size => $mdc-radio-icon-size для согласованности с чекбоксом. Также удалена sass-переменная $mdc-radio-ui-pct.
switch: Переименованы переменные switch: $mdc-switch-tap-target-size => $mdc-switch-ripple-size, удалены переменные $mdc-switch-tap-target-initial-position и $mdc-switch-native-control-width.
list: Новый метод адаптера listItemAtIndexHasClass
list: Переименован mixin mdc-list-item-shape-radius() => mdc-list-single-line-shape-radius()
linear-progress: Адаптер MDCLinearProgressAdapter имеет новый метод forceLayout* text-field: Удалена sass-переменная в нечекнутом outline — $mdc-notched-outline-transition-duration.
mdc-fab: Это изменяет структуру элемента FAB, перемещая ripple из внешнего элемента внутрь элемента mdc-fab__ripple. СТАРОЕ
<button class="mdc-fab" aria-label="Избранное">
<span class="mdc-fab__icon material-icons">favorite</span>
</button>
НОВОЕ
<button class="mdc-fab" aria-label="Избранное">
<div class="mdc-fab__ripple"></div>
<span class="mdc-fab__icon material-icons">favorite</span>
</button>
radio: Ripple был перемещен в дочерний элемент. См. readme для обновлений.
slider: удалены адаптерные методы appendTrackMarkers, removeTrackMarkers, setLastTrackMarkersStyleProperty, и добавлен адаптерный метод setTrackMarkers.
button: Это изменяет структуру элемента кнопки, перемещая ripple из внешнего элемента <button> внутрь элемента mdc-button__ripple.
СТАРОЕ
<button class="mdc-button">
<span class="mdc-button__label">Hello World</span>
</button>
НОВОЕ
<button class="mdc-button">
<div class="mdc-button__ripple"></div>
<span class="mdc-button__label">Hello World</span>
</button>
chips: MDCChipSetAdapter#removeChip был заменен на MDCChipSetAdapter#removeChipAtIndex. MDCChipSetAdapter#setSelected был заменен на MDCChipSetAdapter#selectChipAtIndex.
density: Переименованы sass миксины и переменные в MDC Data Table - mdc-data-table-header-row-height => mdc-data-table-header-cell-height и mdc-data-table-row-height => mdc-data-table-cell-height. Также удален вариант mdc-button--dense, используйте миксин плотности кнопки вместо него.
Примечание: Для более старых изменений, см. архив changelog.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )