Официальная версия Element 2.0 была выпущена сегодня утром, и официальный веб-сайт также был обновлен для отображения версии документа 2.0 по умолчанию (конечно, вы все равно можете просмотреть версию документа 1.x из выпадающее меню). Кроме того, недавно я получил отзывы от некоторых пользователей из материкового Китая о том, что официальный сайт загружается медленно.С запуском версии 2.0 вы также можете посетить веб-сайт, развернутый в Китае.element-cn.eleme.io, в будущем будетelement.eleme.ioсинхронизироваться.
Element 2.0 накопил в общей сложности 210 коммитов, включая более 90 новых функций и оптимизаций, которые примерно разделены на следующие части:
Функция компонента
- Во-первых, мы улучшили удобство использования Element. Например, в версии 1.x, если вам нужно изменить размер компонента по умолчанию, вы можете только добавить атрибут размера к каждому компоненту, но теперь мы поддерживаем глобальную настройку размера, вы можете изменить размер по умолчанию для всех компонентов. компоненты с одной строкой кода, тема Написанная в SCSS, пользователи SCSS могут легко изменять переменные стиля для настройки темы. В то же время мы также добавили некоторые методы для некоторых компонентов, которые удобны для пользователей, чтобы контролировать поведение компонентов через код и улучшить управляемость компонентов.Например, методы open и close меню могут открывать и закрывать подменю , Стол Метод toggleRowExpansion может расширять или закрывать развернутые строки и т. д.
- Во-вторых, мы обеспечиваем поддержку высокого спроса пользователей, например, Dialog поддерживает вложенную запись, Table поддерживает объединение ячеек, MessageBox поддерживает рендеринг строк HTML и т. д.
- В-третьих, API компонента был расширен, поэтому он может адаптироваться к большему количеству бизнес-сценариев, таких как поддержка уведомлений для настройки местоположения отображения, поддержка загрузки пользовательских значков и т. д.
- Наконец, мы также исправили некоторую неразумную функциональную конструкцию в 1.x и улучшили согласованность некоторых API, таких как событие изменения компонента формы, теперь реагирует только на взаимодействие пользователя, что соответствует местному событию.
Конкретные изменения см.Список изменений.
новая тема
Версия 2.0 включает совершенно новый набор тем: тему-мел. Какова концепция дизайна, стоящая за этим набором видений? Дизайнер, ответственный за мелок, выразился так:
Обновленный Element 2.0 соответствует современным тенденциям дизайна и эстетике современной эпохи. Откажитесь от лишнего оформления дизайна, придерживайтесь принципа дизайна «меньше значит больше». Например, когда популярен экран с высоким разрешением, мы делаем весь компонент «больше», чем 1.x, чтобы чтение было более удобным. В то же время, в зависимости от размера компонента по умолчанию, мы также предлагаем различные размеры для удовлетворения ваших различных потребностей.
Кроме того, согласованность компонентов, сдержанность в дизайне, используют строгие значения, принцип всегда является 2.0 по всему. Например, мы сначала определяем четыре кнопки высоты по умолчанию (40PX, 36PX, 32PX, 28PX); после чего другие компоненты входной коробки, выбора и т. Д. Находятся с поддержанием единства в высоту. Невозможно сохранить единое, например, Таблица высокой линии, останется допуском арифметика 4 числа колонн отношений. Это делает вывод на основе элемента 2.0 2.0, предназначенный для обеспечения высокой степени строгости.
В целом, 2.0 будет более современным и дружелюбным по сравнению с 1.x.
доступность
Мы также улучшили доступность компонентов в версии 2.0. Ниже приведен @ ответственный за эту работуmaranranПредставляем вам:
Доступность относится к семантике и работоспособности компонентов, поведения и структур DOM на странице, чтобы устройства AT могли правильно передавать информацию о странице людям с ограниченными возможностями, включая слепых, физические и когнитивные нарушения.
Как базовая библиотека компонентов, Element инкапсулирует базовую структуру DOM.В версии 2.0 мы проделали некоторую базовую работу с точки зрения доступности, чтобы улучшить способность людей с ограниченными возможностями понимать и использовать компоненты, и в то же время облегчить веб-разработчикам в собственные проекты Работайте над доступностью.
Мы улучшили как работу с клавиатурой, так и семантику компонентов: работа с клавиатурой позволяет людям с ограниченными возможностями переходить к взаимодействующим компонентам с помощью клавиатуры, а затем использовать Влево, вправо, вверх, вниз, энтер, esc и другие клавиши для взаимодействия компонентов; с точки зрения семантики технология WAI-ARIA используется для добавления ролей, состояний, свойств и других атрибутов к компонентам, чтобы UA и AT могли правильно передавать семантика компонентов.
Документация
Официальный веб-сайт и документация версии 2.0 также были соответствующим образом обновлены, например, добавлена функция поиска, независимая прокрутка левой панели навигации и т. д., чтобы облегчить пользователям консультации.
Основные участники Элемента 2.0 (в алфавитном порядке): @baiyaaaaa @Dreamacro @Leopoldthecoder @liril-net @maranran @wacky6 @waynecz. Кроме того, благодаря ряду пользователей сообщества, которые внесли свой вклад в 2.0.
Выпуск версии 2.0 знаменует собой новую эру для Element, а также означает, что версия 1.x перейдет в режим обслуживания, и мы продолжим поддерживать ее до 01 декабря 2017 года.
Вы можете использовать Element 2.0 в своих проектах, надеюсь, вам понравится.