Anunțare Ant Design 3.0

Ant Design, special creat pentru aplicațiile desktop interne ale întreprinderii, este angajat să îmbunătățească experiența utilizatorilor, a proiectanților și a dezvoltatorilor.

Am lansat Ant Design 2.0 acum 14 luni. În acele 14 luni am primit PR-uri de la peste 200 de colaboratori. Am înregistrat aproximativ 4.000 de angajamente și peste 60 de versiuni.

Numărul stelei GitHub a crescut de asemenea de la 6k la 20k.

GitHub este în trend din 2015

Astăzi, suntem fericiți să anunțăm că Ant Design 3.0 a fost lansat în cele din urmă . În această versiune am făcut un design complet nou pentru componente și site-uri web, am introdus un nou sistem de culori, am refacturat codul pentru mai multe componente de bază, am introdus noi funcții și îmbunătățiri, reducând în același timp modificări incompatibile. Consultați jurnalele de modificări complete aici.

Iată pagina noastră principală http://ant.design/ și depozitul GitHub.

Nou sistem de culori

Noul nostru sistem de culori este inspirat din cer, deoarece incluziunea sa coincide cu tonul mărcii noastre. Pe baza schimbării naturale a culorii cerului cu timpul și cercetarea regulilor de lumină și umbră, am rescris algoritmul nostru de culoare pentru a genera o paletă nouă, iar nivelurile corespunzătoare de gradare sunt optimizate și ele. Simțurile noii palete de culori sunt mai tinere, mai strălucitoare și tranziția în gri este mai naturală, un amestec perfect de frumusețe senzuală și rațională. În plus, toate valorile de culoare dominante iau în considerare standardele de accesibilitate.

Nou design de componente

În versiunea anterioară, dimensiunea de bază a fontului a componentei a fost 12px și am primit multe feedback-uri din partea comunității pentru a ne solicita creșterea dimensiunii fontului. Designerii noștri sunt, de asemenea, conștienți că astăzi ecranul mare este foarte comun, 14px este o dimensiune a fontului mai potrivită. Astfel, am crescut dimensiunea fontului de bază pentru 14px și am redimensionat dimensiunile tuturor componentelor pentru a se adapta acestei modificări.

Componente de rescriere

Am rescris componenta Tabel pentru a rezolva unele probleme de viață îndelungată. A fost introdusă o nouă componentă de recuzită, cu ajutorul acestei recuzite puteți personaliza extrem de mult componenta tabelă acum, aici este un exemplu pentru a adăuga caracteristică drag & drop la tabel

Componenta Form a fost, de asemenea, rescrisă pentru a oferi un suport mai bun pentru câmpurile imbricate.

O altă componentă de rescriere este Steps, cu această rescriere Steps are o structură DOM mai simplă și compatibilitate IE9.

Componente noi

Această versiune am adăugat două noi componente, List și Divider.

Componentele listelor pot fi foarte convenabile pentru text, liste, imagini, paragrafe și alte afișări de date. Și o integrare ușoară cu bibliotecile de la terți, de exemplu, puteți utiliza reacționat virtualizat pentru a realiza o listă de încărcare infinită. Exemple mai detaliate se pot referi la documentul Listă.

Componenta Divizor poate fi utilizată pentru a împărți paragrafe de text în diferite capitole sau pentru a împărți text / linkuri în linie, cum ar fi coloana de acțiune a unui tabel. Exemple detaliate se pot referi la documentul Divider.

Suport complet pentru modulul React 16 și ES

În această versiune am adăugat suport pentru React 16 și modulul ES. Dacă utilizați webpack 3, puteți acum să vă bucurați de optimizarea componentelor furnicii prin Agitarea Arborelui și Concatenarea modulului. Dacă utilizați babel-plugin-import, trebuie doar să setați LibraryDirectory în directorul es.

Suport mai prietenos TypeScript

Am eliminat toate tipurile implicite din codul nostru și nu mai avem nevoie de „allowSyntheticDefaultImports”: adevărat în proiectul dvs. Dacă se întâmplă să aveți proiecte pe care intenționați să le scrieți folosind TypeScript, vă rugăm să consultați noua noastră documentație „Utilizarea în TypeScript”.

One More Thing ...

Este posibil ca unii oameni să o știe deja, lucrăm la un alt proiect numit Ant Design Pro, este o soluție UI fără rezerve și o placă de cază React pentru aplicații de tip enterprise bazată pe Ant Design 3.0. Deși nu a ajuns încă la versiunea 1.0. Dar, cu eliberarea antd 3.0, o puteți folosi acum în producție.

Ce urmeaza

Proiectanții noștri lucrează la rescrierea documentației noastre ghidului de proiectare și la proiectarea unui nou site web pentru Ant Design. Suntem foarte încântați să oferim un limbaj de design mai bun pentru a inspira mai multe idei de construire a aplicațiilor pentru întreprinderi.

Și inginerii noștri lucrează din greu la Ant Design Pro pentru ca 1.0 să se întâmple, care au nevoie și de ajutorul dvs. pentru a ne traduce documentele.

Concluzie

Nu este posibil să ajungeți aici fără sprijin, feedback și participații. Mulțumesc comunității minunate de formare Ant. Dacă întâmpinați probleme atunci când utilizați antd, nu ezitați să depuneți o nouă problemă pe GitHub.

Mulțumesc pentru citit. Du-te să-l instalezi, să-l stelezi și să încerci!

Link-uri

  • Furnica design
  • Depozitul Github pentru furnici
  • Ant Design Pro
  • Ant Design Mobile
  • NG-ZORRO - O implementare unghiulară a Ant Design