Использование head
вместо body
для обнаружения ошибки псевдо-переменной edge
(#4982) (9e87478)
data-table: Добавление .npmignore
для игнорирования файлов TypeScript при... (#4992) (dd422d1)
linear-progress: Остановка анимации при закрытии (#5006) (4c4342d)
menu: Пересчет индекса перед пометкой выбора (#5047) (90f6247)
rtl: Удаление проверки mdc-rtl-include
из миксина mdc-rtl-reflexive
(#5001) (6e7b191)
top-app-bar: Семантика варианта "always collapsed" в Foundation короткого верхнего меню (#5009) (805d098)### Новые возможности* linear-progress: добавлена поддержка стилей для определенных целей (#4898) (7ec18c6)
list: добавлена функция setEnabled
для основы (#5049) (c2b4407)
menu: добавлена функция setEnabled
для динамического включения или отключения элементов меню (#5054) (4751d64)
rtl: добавлен флаг для отключения CSS mdc-rtl
(#4996) (eb87f06)## 3.1.1 (2019-08-14)### Исправления ошибок
data-table: Исправлено выравнивание заголовка ячейки для числовых значений... (#4963) (b6274a7)
$mdc-checkbox-ui-pct
из MDCCheckbox
.исправление ошибок* tab: Обновление макета горизонтального отступа (#4678) (d3ce9c9)
tab-indicator: Удаление дочернего селектора (#4676) (edbe0ba)
tab-indicator: Отображение границы для высококонтрастного режима (#4666) (5a52847)
text-field: Исправление перекрытия ввода с ведущим значком в отсутствие метки (#4637) (64e459e)
text-field: Обновление счетчика символов для обновления при установке значения (#4663) (acfbe2d)
top-app-bar: Перемещение строки комментариев в соответствующий раздел (#4610) (3e36555)### Новые возможности
checkbox: Обновление константы cssClasses
для чекбокса (#4674) (bb25680)
isRootFocused
. В MDC Menu заменены адаптерные методы isRootFocused
, focusRoot
на focusListRoot
. При использовании MDC List внутри MDC Menu атрибут tabindex
должен быть установлен на корневом элементе списка, где задан атрибут role="menu"
.listElements
в MDC List теперь включает отключенные элементы списка, которые ранее возвращали только активные элементы списка.setDefaultFocusState()
) для установки состояния по умолчанию (DefaultFocusState
), которое будет использоваться для фокусировки каждый раз при открытии меню. Также введены новые методы основания и адаптера для включения этого изменения. Пожалуйста, используйте метод setDefaultFocusItemIndex(DefaultFocusState.FIRST_ITEM)
перед открытием меню для сохранения предыдущего поведения.$mdc-top-app-bar-prominent-dense-title-bottom-padding
переименован в $mdc-top-app-bar-dense-prominent-title-bottom-padding
*
из focus-trap
, чтобы избежать путаницы с экспортом по умолчанию (#4485) (bd3d946)transformStyleProperties
(#4453) (aa44991), закрывает /#github.com/material-components/material-components-web/pull/4407#discussion_r258668567
-core-styles
(#4404) (3102351)setPosition
для использования числовых значений (#4351) (701ed5c), закрывает #4273
mdc-icon-toggle
был удален; используйте mdc-icon-button
вместо него.transformStyleProperties
был удален из mdc-animation
. Вместо этого используйте getCorrectPropertyName(window, 'transform')
.getMatchesProperty()
был удален из @material/ripple/util
и @material/tab-scroller/util
. Вместо этого используйте matches()
из @material/dom/ponyfill
.mdc-foo
на mdc-foo-core-styles
. (Импорт базовых стилей через mdc-foo.scss
остается неизменным.)MDCListAdapter#notifyAction
возвращает объект типа {index: number}
вместо прямого возврата примитивного number
.MDCMenuSurfaceAdapter#setPosition
теперь ожидает объект с свойствами типа number
вместо string
. Например, setPosition({top: '5px', left: '10px'})
теперь выглядит как setPosition({top: 5, left: 10})
.MDCListAdapter#removeAttributeForElementIndex
mdc-button
(#4228) (531dffb)mdc-text-field-helper-line
. Обёртки должны учитывать новый подкомпонент character-counter
. См. документацию по текстовому полю для примеров и дополнительной информации.handleClick
и handleSelection
на handleItemAction
для обработки действий элемента списка (т.е., пользовательского события списка MDCList:action
).followHref
и используется поведение нативного элемента ссылки для перехода по href
при нажатии клавиши Enter и клике. Компоненты, использующие MDC List, должны использовать его новое пользовательское событие.hasLeadingIcon
, getRootBoundingClientRect
, и getCheckmarkBoundingClientRect
. Также добавлено новое метод основы: getDimensions
.
focus-trap
в drawer
& dialog
(#4217) (ea37b07)selectedIndex
(#4124) (be070a4)source-map
в npm-релизы (#4206) (9d6375b)action/dismiss
и пересмотр документации/тестов (#4203) (673dba2)!default
(de6c833), закрывает #3708
isFocusInsideList
для MDC List для улучшенной доступности.mdc-button__label
. Это не сразу нарушает существующее использование MDC Button, но обновление рекомендуется для защиты от будущих изменений.MDCTabBar#getIndexOfTab(tab: MDCTab): number
теперь MDCTabBar#getIndexOfTabById(id: string): number
min
в разметке больше значения max
по умолчанию (#3315) (8d461be), закрывает #2269
MDCCheckboxFoundation#handleChange
при изменении свойств checked и indeterminate.setCheckedCheckboxOrRadioAtIndex
и добавление 3 новых адаптерных методов для улучшения доступности.mdc-fab-shape-radius
для обычных / мини версий Fab и mdc-fab-extended-shape-radius
для расширенной версии Fab.@material/foo/index
. @material/foo
теперь будет разрешаться к UMD модулям.$mdc-shape-*-surface-radius
на $mdc-shape-*-component-radius
clearTimeout
в метод destroy
(#3674) (6706919)ChipSet
о том, что selected
установлен напрямую на Chip
(#3601) (773e0f0)rAF/timeout
для применения класса open
(#3682) (3206521)rAF/setTimeout
для открытия класса (#3683) (8c8dee8)mdc-dom
с ponyfill для Element.matches()
(#3515) (91d8fe8), закрывает #3413
getActiveTabIndex
переименован, а метод адаптера setActiveTab
добавлен.computeIndicatorClientRect
из MDCTabFoundation
.isChecked
и isDisabled
из MDCSwitchFoundation
. Обновите любые вызовы к MDCSwitchFoundation
. Метод handleChange
теперь передает событие изменения. Обратите внимание, что методы isNativeControlChecked
и isNativeControlDisabled
больше не являются обязательными методами в MDCSwitchAdapter
.setValid
больше не игнорирует валидацию ввода на стороне клиента. Введен новый API useNativeValidation
для включения / отключения валидации на стороне клиента для пользовательской валидации.mdc-menu-surface
). mdc-menu
перестроен для использования mdc-menu-surface
и стилей и JavaScript mdc-list
.mdc-text-field--upgraded
. Позиция элемента mdc-text-field__input
изменена на 2px для соответствия спецификации. Ширина mdc-text-field--textarea
в IE и Edge теперь соответствует другим браузерам.handleTransitionEnd
. Удалены адаптерные API [de]registerEventHandler
. Регистрация событий теперь является ответственностью компонента.data-toggle-on
.Состояние теперь изменяется добавлением / удалением класса mdc-icon-button--on
к элементу mdc-icon-button
. Все элементы иконок должны иметь класс mdc-icon-button__icon
.
handleTransitionEnd
основания. Удалены адаптерные API [de]registerEventHandler
.MDCChip
принимает id
, больше не выставляет свое foundation
, и имеет selected
как свойство. Подробности пользовательских событий требуют chipId
вместо chipFoundation
. Добавлены новые методы в MDCChipSetAdapter
и MDCChipSetFoundation
.isFocused
.MDCTabBarAdapter
focusTabAtIndex
и getFocusedTabIndex
; добавлен API компонента MDCTab
focus
, используемый MDCTabBar
.
[@import](https://github.com/import)
для тематических миксинов; добавление тестов снимков экрана (#3285) (553438a)инфраструктура: Переработка позиционирования goog.module (#3098) (fbbf58a)
инфраструктура: Обновление saucelabs windows 8 до windows 10 IE11 (#3234) (547a980)
список: Добавление списка в webpack js bundler (#3244) (b95d4e7)
тема: Разрешение передачи CSS переменных в mdc-theme-prop (#3086) (b47fe7d)
чипсы: Удаление изменения цвета у выбранных фильтров (#3093) (19e3d7f)
инфраструктура: Переработка позиционирования goog.module (#3098) (fbbf58a)
инфраструктура: Обновление saucelabs windows 8 до windows 10 IE11 (#3234) (547a980)
список: Добавление списка в webpack js bundler (#3244) (b95d4e7)
тема: Разрешение передачи CSS переменных в mdc-theme-prop (#3086) (b47fe7d)
чипсы: Удаление изменения цвета у выбранных фильтров (#3093) (19e3d7f)
инфраструктура: Переработка позиционирования goog.module (#3098) (fbbf58a)
инфраструктура: Обновление saucelabs windows 8 до windows 10 IE11 (#3234) (547a980)
список: Добавление списка в webpack js bundler (#3244) (b95d4e7)
тема: Разрешение передачи CSS переменных в mdc-theme-prop (#3086) (b47fe7d)
чипсы: Удаление изменения цвета у выбранных фильтров (#3093) (19e3d7f)
инфраструктура: Переработка позиционирования goog.module (#3098) (fbbf58a)
инфраструктура: Обновление saucelabs windows 8 до windows 10 IE11 (#3234) (547a980)
список: Добавление списка в webpack js bundler (#3244) (b95d4e7)
тема: Разрешение передачи CSS переменных в mdc-theme-prop (#3086) (b47fe7d)
чипсы: Удаление изменения цвета у выбранных фильтров (#3093) (19e3d7f)
инфраструктура: Переработка позиционирования goog.module (#3098) (fbbf58a)
инфраструктура: Обновление saucelabs windows 8 до windows 10 IE11 (#3234) (547a980)
список: Добавление списка в webpack js bundler (#3244) (b95d4e7)
тема: Разрешение передачи CSS переменных в mdc-theme-prop (#3086) (b47fe7d)
чипсы: Удаление изменения цвета у выбранных фильтров (#3093) (19e3d7f)
инфраструктура: Переработка позиционирования goog.module (#3098) (fbbf58a)
инфраструктура: Обновление saucelabs windows 8 до windows 10 IE11 (#3234) (547a980)
список: Добавление списка в webpack js bundler (#3244) (b95d4e7)
тема: Разрешение передачи CSS переменных в mdc-theme-prop (#3086) (b47fe7d)
чипсы: Удаление изменения цвета у выбранных фильтров (#3093) (19e3d7f)
инфраструктура: Переработка позиционирования goog.module (#3098) (fbbf58a)
инфраструктура: Обновление saucelabs windows 8 до windows 10 IE11 (#3234) (547a980)
список: Добавление списка в webpack js bundler (#3244) (b95d4e7)
тема: Разрешение передачи CSS переменных в mdc-theme-prop (#3086) (b47fe7d)
чипсы: Удаление изменения цвета у выбранных фильтров ([#3093](https://github### Новые возможности
auto-init: Возвращает инициализированные компоненты (#1333) (19955bf)
floating-label: Добавлен mixin для максимальной ширины (#2956) (66f8bf7)
chips: Регистрация обработчиков в компоненте вместо основы (#3146) (36e2755)
icon-button: Обновление обработки событий в соответствии с новым стандартом (#3165) (531867e)
list: Обновление двухстрочной таблицы для использования шрифтового базиса, соответствующего спецификации. (#3085) (4d11b37)
select: Уменьшение адаптерных API, которые не используются в MDCReact и обновление событий в соответствии с новым шаблоном (#3204) (e29742a)
switch: Объединение обновленного переключателя в основную ветку (#3214) (19724f1)com/material-components/material-components-web/commit/19724f1)), закрывает #2825
tab-bar: Запуск вкладки, индикатора вкладки, прокрутки вкладок, панели вкладок (#3252) (78bf4bc)
typography: Новый миксин для установки точной высоты базиса текстовых элементов (#3083) (dd3817a)
margin-top
в медиа-запросе на padding-top
(#2704) (88c78b3)
npm run build
(#2437) (21150c7), закрывает #2325
mdc-typography--adjust-margin
и Sass mixin mdc-typography-adjust-margin
mdc-theme--primary/secondary-light/dark
и Sass функции mdc-theme-light/dark-variant
mdc-text-field-outlined-corner-radius
в mdc-text-field-outline-corner-radius
. Метод updateSvgPath_()
в основании notched-outline стал приватным и заменен на notch()
. Метод updateOutline()
в основании текстового поля переименован в notchOutline()
.setAttr
удален и заменен на setStyle
.
var
вместо const
в демонстрации меню (#2345) (ab85736)button: Удаление компактного варианта (#2361) (77b15f4)### Новые возможности
кнопка: Добавлена возможность окрашивать иконки отдельно от текста (#2362) (6e5139c)
чипы: Замена ведущей иконки на галочку в выбранных фильтрах (#2320) (0b73002)
список-изображений: Добавлены базовые стили и миксины для стандартного списка изображений (#2367) (71ea82a)
список-изображений: Добавлен миксин для радиуса углов (#2385) (567deec)
список-изображений: Добавлен список изображений Masonry (#2381) (d368fa7)
эффект-рипл: Expose mdc-states-opacity; исправлена падающая обратная связь при нажатии (#2402) (2dfaec6)
верхняя-панель-приложения: Добавлена выделенная стилистика (#2349) (f59b109)* верхняя-панель-приложения: Переключение на использование оснований, специфичных для вариантов (#2412) (2950b3e)### КРИТИЧЕСКИЕ ИЗМЕНЕНИЯ* notched-outline: Удален элемент mdc-text-field__outline
для mdc-notched-outline
.
Переименован mdc-text-field-outlined-corner-radius
в mdc-text-field-outline-corner-radius
.
chips: Переименованы методы (de)registerInteractionHandler
в (de)registerEventHandler
и добавлены новые методы в MDCChipAdapter
. Также изменена HTML-структура фильтрующих чипов для включения отметки.
checkbox: Добавлены адаптерные API setNativeControlAttr
и removeNativeControlAttr
.
button: Удалена компактная версия MDC Button
.
var
вместо const
в demos/ready.js (#2343) (78408bb)чипы: Добавлен вариант mdc-chip-set--choice
(#2215) (f89cd10)
чипы: Создание миксина для кастомизации отступов чипов (#2277) (b996b7f)
чипы: Обработка множественного выбора для фильтровых чипов (#2297) (807b6ce)
верхняя панель приложения: Добавлено свойство всегда сворачиваемой верхней панели приложения (#2327) (bc17291)
верхняя панель приложения: Базовая верхняя панель приложения (#2225) (0ad69c4)
верхняя панель приложения: Реализация сворачиваемой верхней панели приложения (#2290) (fd8d8d9)### Критические изменения
текстовое поле: удалены методы setRequired
и isRequired
из основы.
чипы: Класс mdc-chip--activated
, миксин Sass mdc-chip-activated-ink-color
и методы toggleActive
на MDCChip
/MDCChipSet
переименованы в mdc-chip--selected
, mdc-chip-selected-ink-color
и toggleSelected
соответственно.
плавающая метка: необходимо использовать селектор .mdc-floating-label
вместо .mdc-text-field__label
чипы: Добавлен вариант mdc-chip-set--filter
для установки в HTML.
чипы: Новые методы адаптера MDCChipAdapter
для обработки иконок справа должны быть реализованы.
ready.js
для предотвращения ложных срабатываний до загрузки документа (#2180) (2fe4dcd)вкладки: удаление специфических селекторов для .mdc-toolbar (#1979) (b32d013)
тема: удаление темы "темная" (#2169) (13b5605)### Новые возможности
карточка: добавлен вариант --stroked
и миксин mdc-card-stroke
(#2035) (76e56cf), закрывает #1708
карточка: добавлены тематические миксины; удалены макеты содержимого (#2025) (5f338e6), закрывает #1126
меню: добавлен класс --selected
для элементов меню (#2084) (04a6ee6)
ripple: разделен миксин radius
на версии bounded
и unbounded
(#2112) (b9d6d6d)com/material-components/material-components-web/issues/2112)) (1f3871c)
text-field: Перемещена нижняя линия в отдельный пакет (#2037) (1dc0e85)
text-field: Перемещены финальные цвета JS в миксины. Обновлены демо (#2006) (989c516)### ПРИЧИНЕНИЕ ПЕРЕМЕН* тема: Удалены mdc-theme-light-or-dark
и mdc-theme-dark
вкладки: Удаление селектора .mdc-toolbar
заставляет клиентов кастомизировать вкладки в панелях инструментов, которые требуют другого цвета чернил.
эффект размытия: Добавлен API containsEventTarget(target)
в адаптер эффекта размытия.
чипы: Добавлен новый пакет mdc-chip
.
текстовые поля: Перемещено нижнее поле текстового поля в новый пакет (mdc-line-ripple), чтобы мы могли переиспользовать его в других компонентах. HTML-класс для нижнего поля текстового поля изменен с mdc-text-field__bottom-line
на mdc-line-ripple
. Удалены события окончания анимации для нижнего поля. Переименовано нижнее поле в line-ripple
.
выбор: Удалена CSS-версия элемента mdc-select
.
меню: Удален eventTargetHasClass
из адаптера.
регулятор: Удален $mdc-slider-dark-theme-assumed-bg-color
из переменных регулятора.
эффект размытия: mdc-ripple-radius
заменен на mdc-ripple-radius-bounded
и mdc-ripple-radius-unbounded
; используйте один из них в зависимости от поверхности. По умолчанию значение 100% миксина unbounded
теперь приводит к меньшему, более подходящему радиусу.
карточка: Все CSS-классы для макетов содержимого удалены. Клиенты должны решить, какой макет лучше всего подходит для их конкретного случая использования. CSS-классы темной темы удалены; используйте миксин Sass или кастомный CSS вместо этого.
чекбокс: Все чекбоксы должны обновить класс SVG-пути с mdc-checkbox__checkmark__path
на mdc-checkbox__checkmark-path
.* меню: Переименовано MDCSimpleMenu на MDCMenu. Переименованы все классы mdc-simple-menu на mdc-menu. Пути файлов JS и SASS для меню изменены.
список: Переименованы переменные Sass разделителей $mdc-list-divider-color-light
на $mdc-list-divider-color-on-light-bg
, $mdc-list-divider-color-dark
на $mdc-list-divider-color-on-dark-bg
demoReady()
(#1919) (da34cc9)Перемещение цветов для select в новый файл миксинов.
MDC_WRAP_CSS_IN_JS
теперь по умолчанию равна false
.Эта перемена:1. Делает возможным динамическое переключение тем в режиме выполнения (следующий PR)
2. Исправляет FOUC на всех страницах демонстрации
3. Исправляет случайные ошибки рендеринга на всех страницах демонстрации, которые вызывают getComputedStyle()
при загрузке страницы (например, ripple)
4. Позволяет нам удалить CSS-мониторинг из нашего JS-демонстрации (следующий PR)
5. Уменьшает утечки памяти в Chrome DevTools после hot reloading
getIdleOutlineStyleValue
, ранее реализованный в адаптере text-field. Функциональность точно такая же и требует только небольших изменений в доступе к узлу outline.
setMaxHeight
для адаптера; добавлен API для позиционирования закрепленных элементов в меню; см. README для подробностей.addClassToLabel
и removeClassFromLabel
из реализации MDCTextFieldAdapter
.registerDocumentInteractionHandler
и deregisterDocumentInteractionHandler
для адаптера ripple.mdc-elevation-transition
, функция mdc-elevation-transition-rule
переименована в mdc-elevation-transition-value
, которую следует использовать вместо.hasClass
для MDCTextFieldAdapter
, и измените метод getFloatingWidth
на getWidth
для MDCTextFieldLabelFoundation
.mdc-permanent-drawer
в mdc-drawer--permanent
, CSS-класс mdc-temporary-drawer
в mdc-drawer--temporary
, а mdc-persistent-drawer
в mdc-drawer--persistent
. Также переименованы все подэлементы классы путем удаления варианта из селекторов. Пример:mdc-persistent-drawer__drawer --> mdc-drawer__drawer
mdc-persistent-drawer__toolbar-spacer --> mdc-drawer__toolbar-spacer
mdc-temporary-drawer__header --> mdc-drawer__header
mdc-temporary-drawer__header-content --> mdc-drawer__header-content
mdc-permanent-drawer__content --> mdc-drawer__content
isFocused()
в адаптер текстового поляtabindex
к элементу поверхности вместо корневого элемента. API адаптера, связанные с фокусом, обработкой взаимодействия и табулированием, теперь работают с элементом поверхности, а не с корневым элементом.* эффект размытия: Миксин mdc-ripple-color
удален; используйте миксины mdc-states-*
вместо.MDCTextFieldAdapter.getNativeInput()
изменился. См. тип определения NativeInputType
в адаптере.
MDCTextFieldLabelFoundation
удалены методы:
floatAbove
deactivateFocus
setValidity
styleFloat
styleShake
setIconAttr
, eventTargetHasClass
и notifyIconAction
из реализации MDCTextFieldAdapter
."mdc-. . . -drawer--selected"
заменены классом "mdc-list-item--activated"
, так как они относятся к конкретному элементу списка, а не к всему меню."mdc-simple-menu--selected"
заменен классом "mdc-list-item--selected"
, так как он относится к конкретному элементу списка, а не к всему меню.mdc-list-divider--padded
для достижения старого поведения по умолчанию.$mdc-theme-primary-tone
и подобные свойства удалены. Теперь используется приватная функция./common
.__start-detail
переименован в __graphic
, а __end-detail
переименован в __meta
. Кроме того, тайлы метаданных больше не имеют стандартной ширины/высоты (фиксирует #1644). Также:- Форматирование README mdc-list--primary
и --accent
были удалены в пользу нового миксина.layout()
и адаптерные методы getIdleOutlineStyleValue()
и isRtl()
. Добавлен новый подкомпонент MDCTextFieldOutline и адаптерный метод getWidth()
к MDCTextFieldLabel.
mdc-list-item__text__secondary
был переименован в mdc-list-item__secondary-text
для соблюдения конвенций BEM. См. BEM FAQ для дополнительных сведений.linear-progress: Добавление миксинов для цветовой темы и удаление --accent
(#1541) (31d9d7b), закрывает #1148
slider: Добавление миксинов для цветовой темы; по умолчанию используется вторичный цвет; удаление --off
(#1544) (28024e9), закрывает #1151
text-field: Переименование textfield в text-field (#1485) (8093ad1)
textfield: Преобразование некоторых методов основания из приватных в публичные (#1543) (a8dcc59), закрывает #1550
theme: Добавление новых миксинов для тона и устаревание старых (#1546) (57581ed)
theme: Разрешение перезаписи текстовых тем (#1481) (f579e0a)com/material-components/material-components-web/commit/f579e0a)) → com/material-components/material-components-web/commit/f579e0a))### Улучшения производительности
кнопка: Удаление излишних CSS, теперь ripple обрабатывает цвет выделения при нажатии (#1520) (0a5fec5)
mdc-linear-progres--accent
был удален. Вместо него используйте Sass-миксины для цветов.mdc-slider--off
был удален, так как он был удален из спецификации.mdc-ripple-base
, mdc-ripple-fg
и mdc-ripple-bg
, заменены новыми и более удобными миксинами mdc-ripple-surface
, mdc-ripple-color
и mdc-ripple-radius
.mdc-radio-ripple
; используйте mdc-ripple-color
напрямую.mdc-fab-ripple
и переменная $mdc-fab-light-ripple-config
; используйте миксин mdc-ripple-color
и переменные opacity
напрямую.mdc-checkbox-ripple
; используйте mdc-ripple-color
напрямую.mdc-button-ripple
; используйте mdc-рipple-color
напрямую._color_palette.scss
переименован в _color-palette.scss
в mdc-theme
.overflow: hidden
(#1290) (05b1201), закрывает #1261
pointer-events: none
для предотвращения блокировки событий клика (#1421) (b77895b)menu-icon
(#992) (#1373) (36577ab)mdc-toolbar__icon--menu
до mdc-toolbar__menu-icon
кнопка: По умолчанию используется основной цвет (#1356) (0b808b8)
кнопка: Игнорировать CSS-переменные в Edge для mdc-button-container-fill-color (5c55e92)
чекбокс: Игнорировать CSS-переменные в Edge для __background::before (67129e9)
демо: Обновить вводящее в заблуждение сообщение о валидации текстового поля (#1377) (99c9596)
fab: Добавить эффект наведения/фокусировки (#1331) (cb9995d)
fab: Игнорировать CSS-переменные в Edge для mdc-fab-container-color (bf0f722)
меню: Отображать полосу прокрутки только при слишком большом размере элемента меню (fe7d4c8), закрывает #1247
радио: Игнорировать CSS-переменные в Edge для __background::before (a7e2db4)### Новые возможности
текстовое поле: Реализовать обновленные UX-состояния для текстовых полей (#998) (45c6cf6)
тема: Добавить опцию отключения Edge для mdc-theme-prop (262e17b)
slider: Добавление двух тестовых случаев для обеспечения установки значения шага по умолчанию для дискретного слайдера (#1262) (38c40f7)
slider: Установка значения шага по умолчанию напрямую при инициализации (#1173) (#1245) (148f510), закрывает #1173
snackbar: Отказ от mdc-button в качестве зависимости snackbar (#1292) (be502c8)
snackbar: Исправление ошибки линтера (#1303) (648f985), закрывает #1303### Вспомогательные задачи
animation: Удаление миксинов и CSS-классов (#1242) (3f8c49b)
fab: Удаление модификатора mdc-fab--plain (#1249) (f561560), закрывает #1143
auto-init: Вызывает событие при завершении mdcAutoInit (#1012) (08b5a32), закрывает #954
button: Добавляет mdc-button-filled-accessible mixin (#1256) (d37132f)
button: Создает тематический mixin для кнопки (#1 Yöntem 1244) (5266776)
button: Перемещает стиль отключенной кнопки в приватный базовый mixin (#1255) (2336128)
button: Поддерживает иконки в кнопках (#1281) (b727c14)
fab: Добавляет mdc-fab-accessible mixin (#1238) (4ed8b5e)
fab: Реализует переходы входа/выхода (#1241) (6d6ba4a)
tabs: Объявляет MDCTabBarScrollerFoundation#scrollToTabAtIndex публичным (#1267) (a8f7216)### Критические изменения
snackbar: Удалена зависимость mdc-button
из структуры snackbar
.
кнопка: Удалена поддержка модификаторных классов mdc-button--primary
и mdc-button--accent
. Для реализации пользовательских и тематических кнопок используйте кнопочные mixins. См. demos.scss
для подробностей.
fab: Удален mdc-fab--plain
, пожалуйста, обновите свой код для использования mdc-fab-accessible
mixin.
анимация: Удалены mdc-animation
mixins и CSS классы, пожалуйста, используйте переменные Sass mdc-animation
напрямую.
mdc-theme-prop
принимает литеральные значения цвета (#1129) (e47f3e6)кнопка: Устранить сбой сборки, используя ссылку на свойство темы secondary
вместо accent
(#1156) (d3ff8fc)
демо: Преобразовать NodeList в массив для forEach; избегать использования стрелочных функций (#1073) (c6a1f2a)
диалог: Размещение кнопок подвала после завершения перехода открытия (#1087) (c51fcd5)
сетка: Грациозное уменьшение ширины плитки. (#1136) (97575c3)
сетка размещения: Включение установки максимальной ширины сетки размещения (#1086) (98ba98c), закрывает #1085
snackbar: Предотвращение изменения текущих данных от очереди данных (#1084) (eb35255), закрывает #1083
панель инструментов: Неправильное размещение последней иконки, когда есть меню (#1068) (11a8ff3), закрывает #1026### Новые возможности
кнопка: Обновление текста и повышение базового стиля кнопки (#1074) (09a763a)
инфраструктура: Добавление переменной окружения для прямого вывода файлов CSS вместо обёртки их в JS (#1133) (5f6f829)
инфраструктура: Отображение прогресса сборки webpack-dev-server (#1132) (0754628)
тема: Добавление переменных для светлого/тёмного режима для основного/вторичного цвета; переименование accent
в secondary
(#1116) (2314ad5)
тема: Добавление SCSS переменных для палитры цветов Material Design (#1117) (6c26958)
layoutFooterRipples
, чтобы позволить основанию коммуницировать с рипплами при завершении открытия диалога.риппл: Обнаружение багов в Edge для пользовательских свойств (#1041) (5cc2115)
выбор: логика позиционирования меню неверна, когда выбор появляется близко к краю области просмотра #671 (#680) (874f043)
текстовое поле: Добавлены стили шрифта к полю ввода, удалены из оболочки mdc (#908) (a498a28)
текстовое поле: Исправлены размеры текстового поля (#1016) (e59ee21), закрывает #1016 #1002### Новые возможности
типография: Добавлен стиль кнопки к типографии (#1064) (21c7a54)
pointer
для icon
элемента (#974) (830259c)
text-primary-on-primary
(#853) (49170d6)z-index
FAB (#888) (3812fbd), закрывает #872
closure-compiler
(#915) (5b10478)closure
(#835) (7c6da3a)fg
при завершении анимации (4985b4b)z-index
фиксированной панели инструментов с 1 до 4 (#897) (78946c4), закрывает 4(#897)com/4(/issues/897) #834### Новые возможностиlayout-grid: параметризация сетки (#795) (99d2bbd)
slider: Реализация компонента непрерывного слайдера (#781) (a9d46ab)### ПРЕРЫВАЮЩИЕ ИЗМЕНЕНИЯ
drawer: API адаптера для временных дроверов содержит два новых метода: addBodyClass
и removeBodyClass
.
layout-grid: Добавление mdc-layout-grid__inner
как обертки для mdc-layout-grid__cell
. Все существующие реализации должны добавить этот дополнительный слой обертки после обновления до последней версии сетки. Это для правильного выравнивания как в вложенности, так и для снятия ограничения, что отступ должен быть не менее половины размера отступа.
меню: Переименование симметричного регистра адаптерных методов registerDocumentClickHandler
и deregisterDocumentClickHandler
в registerBodyClickHandler
и deregisterBodyClickHandler
.
макет-сетка: CSS-переменные для кастомизации отступов и швов представлены в формате mdc-layout-grid-margin-#{$size}
, где допустимыми размерами являются desktop
, tablet
и phone
. Старое имя mdc-layout-grid-margin
и mdc-layout-grid-gutter
больше недоступно в новой версии. Sass-переменные изменяются с одиночного числового значения на Sass-карту для поддержки отступов и швов для различных экранов. Визуально, значение по умолчанию для отступов и швов изменяется с 16px на 24px на десктопе, в то время как остаётся тем же на планшете и мобильном устройстве.
панель инструментов: Адаптерный метод getFlexibleRowElementOffsetHeight
переименован в getFirstRowElementOffsetHeight
. Пожалуйста, обновите ваш код соответственно.
--disabled
к корневому элементу чекбокса для предотвращения состояния наведения (#533) (eb51e32)-16px
слева для взаимодействующих элементов списка (#550) (9229e0b), закрывает #526
list-divider
в объявление mdc-select
(#516) (a3d2928)Исправления:
value
к компоненту и основанию. (#492) (ff772ad)value
к компоненту и основанию. (#490) (279d3fd)aria-hidden="true"
.style="visibility:hidden"
для правильного первого отображения.trapFocusOnSurface
и untrapFocusOnSurface
должны быть реализованы для адаптера.hasClass
, setAttr
, registerFocusTrappingHandler
, deregisterFocusTrappingHandler
, numFocusableTargets
, setDialogFocusFirstTarget
, setInitialFocus
, getFocusableElements
, saveElementTabState
, restoreElementTabState
, makeElementUntabbable
, setBodyAttr
, rmBodyAttr
, getFocusedTarget
и setFocusedTarget
были удалены из адаптера.applyPassive
, saveElementTabState
и restoreElementTabState
были удалены из mdcDialog.util
.getNumberOfTiles
в API адаптера grid-list. Пожалуйста, обновите адаптеры для реализации метода getNumberOfTiles
.<div class="mdc-toolbar__row">
для правильного выравнивания содержимого.<div class="mdc-toolbar__row">
для правильного выравнивания содержимого.getValueForOptionAtIndex(index: string) => string
должен возвращать значение опции по указанному индексу. Пожалуйста, добавьте
этот метод в реализации вашего адаптера.getAccurateTime
.### Исправления ошибокuser-select: none;
к кнопке (#270) (2b319dd)mdc-toolbar
(#38) (#267) (3ca957c)package.json
компонентов (f3cc9ab)!default
к переменным (23a0a12)text-decoration: none
к mdc-button
для поддержки стилей ссылок (#210) (eef6fe8)anchor
для демонстрации панели (#223) (7fa157c)z-index
для временной панели (#212) (65b05bf)rmAttr
адаптера (#216) (c82d447)lerna
(#259) (912f5da)### Функции* checkbox: Добавлены рипплы к флажкам (#206) (8aa1c3d)numbers
из временного меню. (f77951e)registerInputHandler
и registerInputKeydownHandler
. Для обновления добавьте эти методы в ваш адаптер.numbers
из временного ящика. (f77951e)mdc-fab__icon
.Пример:
<button class="mdc-fab material-icons">
<span class="mdc-fab__icon">
favorite_border
</span>
</button>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )