Виртуальная прокрутка Angular 4, текстовый редактор Markdown, липкие заголовки таблиц данных, анимация и многое другое появятся в Covalent в версии 1.0.0-beta.7.
tl; dr: виртуальная оболочка прокрутки для любого элемента, текстовый редактор Markdown, липкие заголовки и виртуальная прокрутка таблицы данных, функции динамической формы, утилиты анимации, поддержка Angular 4.3 и Material Beta 10 (а также наша последняя бета-версия !)
Github / Документы и демонстрация / Журнал изменений
Виртуальный свиток
Мы абстрагировали виртуальную прокрутку до компонента-оболочки, который можно использовать вокруг любого элемента!
Просто оберните этим синтаксисом, который похож на ngFor:
<td-virtual-scroll-container #virtualScroll [style.height.px]="400" [data]="data">
<ng-template let-row="row" let-last="last" tdVirtualScrollRow>
...
</ng-template>
</td-virtual-scroll-container>
Текстовый редактор Markdown
Отредактируйте уценку в простом текстовом редакторе (уместно назовите Simple Markdown Editor). В сочетании с компонентом Covalent Markdown Parser пользователи могут редактировать и предварительно просматривать уценку в режиме реального времени!
источник: https://github.com/sparksuite/simplemde-markdown-editor
Прикрепленные заголовки таблиц данных, ширина столбцов и шаблоны столбцов
Таблица Covalent Data Table уже была мощной, но в нее были добавлены некоторые из наших наиболее востребованных функций! Прикрепленные заголовки включаются автоматически, если задана высота (или гибкость) контейнера. Теперь доступны различные динамические и гибкие значения ширины столбцов, а также шаблоны Angular для полного контроля над столбцами. Виртуальная прокрутка теперь также работает с таблицами данных.
Возможности динамических форм
В параметры элемента формы добавлен новый ввод файла. Процент гибкости теперь доступен для всех элементов формы для полного контроля над шириной. Также были добавлены настраиваемая проверка, сообщение об ошибке, поддержка OnPush, minLength и maxLength!
Мы также добавили удобную новую демонстрацию, которая генерирует для вас JSON:
Утилиты анимации
Используя возможности Angular Animations, мы собрали несколько служебных анимаций, которые можно легко импортировать и прикрепить к любому компоненту и элементу.
Базовые служебные анимации - вращение, сворачивание и исчезновение. Мы также добавили анимации «Ищущий внимание», вдохновленные Animate.css: отскок, вспышка, дрожание головы, желе и пульс.
Начальная поддержка IE11
Хотя это не самая интересная функция, поддержка IE11 важна для предприятий по нескольким причинам. Благодаря сочетанию полифилов, передовых практик и обновлений Covalent теперь хорошо работает в IE11.
Прочтите наш новый документ IE11 для получения всей этой информации. Помните, что поддержка IE11 НЕ выполняется автоматически. Вы по-прежнему должны придерживаться этих рекомендаций, и другие компоненты Angular могут иметь проблемы в IE11. Кроме того, такие вещи, как неподдерживаемые форматы даты IE11, неподконтрольны или не поддерживаются Covalent.
Финальная бета-версия Covalent
Для тех, кто уделяет пристальное внимание, вы заметите, что мы назвали наши бета-релизы в честь популярных песен недавно ушедших исполнителей. Мы правильно назвали нашу последнюю бета-версию One Step Closer в честь Честера Беннингтона из Linkin Park.
Что будет после бета-тестирования?
Теперь мы перейдем к кандидатам на выпуск, где сосредоточимся на производительности, доступности, улучшении существующих функций и исправлении ошибок.
Паттерны дизайна, шаблоны и демонстрации Stackblitz также будут в центре внимания заключительной фазы Covalent 1.0.
Следите за обновлениями и функциями!
@Getcovalent / Gitter chat / Средняя публикация
