Обявяване на Ant Design 3.0

Ant Design, който е специално създаден за вътрешни десктоп приложения на предприятието, се ангажира да подобри опита на потребителите, дизайнерите и разработчиците.

Пуснахме Ant Design 2.0 преди 14 месеца. През тези 14 месеца получихме PR от повече от 200 сътрудници. Под около 4000 ангажименти и над 60 издания.

Броят на GitHub звездата също се покачи по целия път от 6k на 20k.

GitHub тенденция от 2015 г.

Днес с радост съобщаваме, че Ant Design 3.0 най-накрая е издаден . В това издание направихме напълно нов дизайн за компоненти и уебсайтове, въведохме нова цветова система, рефакториран код за множество основни компоненти, въведени нови функции и подобрения, като в същото време минимизираме несъвместимите промени. Вижте пълните дневници за промени тук.

Ето нашата начална страница http://ant.design/ и хранилището на GitHub.

Нова цветна система

Новата ни цветова система е вдъхновена от небето, защото нейното приобщаване съвпада с тона на нашата марка. Въз основа на промяната на цвета на естественото небе с времето и изследванията на правилата за светлината и сенките ние пренаписахме алгоритъма си за цветове, за да генерираме чисто нови палитри и съответните нива на градация също са оптимизирани. Сетива на новата цветова палитра е по-млада, по-ярка, а сивите скали са по-естествени, перфектна комбинация от чувствена и рационална красота. Освен това всички доминиращи цветови стойности вземат предвид стандартите за достъпност.

Нов дизайн на компоненти

В предишната версия основният размер на шрифта на компонента беше 12px и ние получихме много отзиви от общността, които ни поискаха да увеличим размера на шрифта. Нашите дизайнери също са наясно, че днес големият екран е много често, 14px е по-подходящ размер на шрифта. Така увеличихме размера на основния шрифт до 14px и променихме размерите на всички компоненти, за да се съобразим с тази промяна.

Пренаписани компоненти

Пренаписахме компонента Таблица, за да разрешим някои дългосрочни проблеми. Въведени са нови опорни компоненти, с този реквизит можете да персонализирате компонента на Table сега, ето пример за добавяне на функция за влачене и пускане в таблицата.

Компонентът на формуляр също е пренаписан, за да осигури по-добра поддръжка за вложени полета.

Друг компонент за пренаписване е Steps, като този презаписващ Steps има по-проста DOM структура и IE9 съвместимост.

Нови компоненти

В тази версия добавихме два нови компонента, List и Divider.

Компонентите на списъка могат да бъдат много удобни за показване на текст, списъци, снимки, параграфи и други данни. И лесното интегриране с библиотеки на трети страни, например, можете да използвате виртуализиран с реакция, за да постигнете списък с безкрайно зареждане. По-подробни примери могат да се обърнат към списъчния документ.

Компонентът Divider може да се използва за разделяне на абзаци от текст в различни глави или за разделяне на редови текст / връзки, като колоната за действие на таблица. Подробни примери могат да се обърнат към документа за разделител.

Пълна поддръжка за React 16 и ES модул

В тази версия добавихме поддръжка за React 16 и ES модул. Ако използвате webpack 3, сега можете да се насладите на оптимизирането на компонентите на antd чрез разклащане на дървета и свързване на модули. Ако използвате babel-plugin-import, просто задайте libraryDirectory в директорията es.

По-приятелска поддръжка на TypeScript

Премахнахме всички неявни всякакви типове в нашия код и вече не се нуждаем от „enableSyntheticDefaultImports“: true във вашия проект. Ако случайно имате проекти, които планирате да пишете с помощта на TypeScript, моля, вижте нашата нова документация „Използване в TypeScript“.

Още едно нещо…

Възможно е някои хора вече да го знаят, ние работим върху друг проект, наречен Ant Design Pro, това е решение за изходящи потребителски интерфейс и кофелна плоча React за корпоративни приложения, базирани на Ant Design 3.0. Въпреки че все още не е достигнал своята версия 1.0. Но с освобождаването на antd 3.0, можете да го използвате в производството вече.

Какво следва

Нашите дизайнери работят върху пренаписването на нашата документация с ръководството за проектиране и създаването на нов уебсайт за Ant Design. Ние сме много развълнувани да предоставим по-добър дизайн език, който да вдъхнови повече идеи за изграждане на корпоративни приложения.

И нашите инженери работят усилено върху Ant Design Pro, за да се случи 1.0, което също се нуждае от вашата помощ за превод на нашите документи.

заключение

Тук не е възможно да стигнете без вашите поддръжки, отзиви и участия. Благодарение на страхотната общност Ant Design. Ако срещнете проблеми при използване на antd, не се колебайте да подадете нов брой на GitHub.

Благодаря за четенето. Отидете да го инсталирате, да го звездата и да го опитате!

звена

  • Ant Design
  • Ant Design Github Repository
  • Ant Design Pro
  • Ant Design Mobile
  • NG-ZORRO - Ъглово изпълнение на дизайн на мравки