Ant Design 3.0 väljakuulutamine

Spetsiaalselt ettevõtte sisemiste töölauarakenduste jaoks loodud Ant Design on pühendunud kasutajate, disainerite ja arendajate kogemuste parandamisele.

Avaldasime Ant Design 2.0 14 kuud tagasi. Selle 14 kuu jooksul saime PR-sid rohkem kui 200 vastutavalt isikult. Läbi tehti umbes 4000 kohustust ja üle 60 väljalaske.

Ka GitHubi tähe arv tõusis lõplikult 6k-st 20k-ni.

GitHubi trend on alates 2015. aastast

Täna teatame rõõmuga, et Ant Design 3.0 on lõpuks välja antud . Selles väljaandes koostasime komponentide ja veebisaitide jaoks täiesti uue kujunduse, tutvustasime uut värvisüsteemi, mitme aluskomponendi ümberkujundatud koodi, tutvustasime uusi funktsioone ja täiustusi, minimeerides samas ühildamatuid muudatusi. Vaadake täielikke muudatuste logisid siit.

Siin on meie koduleht http://ant.design/ ja GitHubi hoidla.

Uus värvisüsteem

Meie uus värvisüsteem on inspireeritud taevast, sest selle kaasatus langeb kokku meie kaubamärgi tooniga. Tuginedes taeva loomuliku värvimuutusega aja jooksul ning valguse ja varju reeglite uurimisele, kirjutasime oma värvialgoritmi ümber, et luua uhiuus palett, ning ka vastavad gradatsioonitasemed on optimeeritud. Uue värvipaleti meeled on nooremad, heledamad ja halltoonides üleminekud on loomulikumad, täiuslik segu sensuaalsest ja ratsionaalsest ilust. Lisaks arvestavad kõik domineerivad värviväärtused juurdepääsetavuse standardeid.

Komponentide uus disain

Eelmises versioonis oli komponendi põhiline kirjasuurus 12 pikslit ja kogukonnalt saime palju tagasisidet fondi suuruse suurendamiseks. Meie disainerid on ka teadlikud, et tänapäeval on suur ekraan väga levinud, fondi suurus on sobivam 14 pikslit. Nii et suurendasime fondi põhisuurust 14 pikslile ja muutisime kõigi komponentide mõõtmeid.

Kirjutage komponendid ümber

Mõne pika elueaga probleemi lahendamiseks kirjutasime tabeli komponendi ümber. Tutvustati uusi tugikomponente, nende rekvisiitidega saate tabelikomponenti nüüd väga kohandada, siin on näide tabelisse pukseerimisfunktsiooni lisamiseks.

Vormi komponent on ka ümber kirjutatud, et pakkuda pesastatud väljade paremat tuge.

Teine ümberkirjutatud komponent on Steps, selle ümberkirjutamisega Stepsil on lihtsam DOM-i struktuur ja IE9 ühilduvus.

Uued komponendid

Sellesse versiooni lisasime kaks uut komponenti - Loend ja Jagaja.

Loendikomponendid võivad olla teksti, loendite, piltide, lõikude ja muude andmete kuvamiseks väga mugavad. Ja hõlpsasti integreeritavaks muude tootjate raamatukogudega, näiteks saate kasutada virtualiseeritud reaktiivi, et saada lõpmatu laadimisloend. Üksikasjalikumad näited on toodud loendis.

Komponenti Divider saab kasutada lõikude jaotamiseks erinevates peatükkides või reatekstide / linkide (nt tabeli toimingud) jagamiseks. Üksikasjalikud näited võivad osutada dokumendile Divider.

React 16 ja ES-mooduli täielik tugi

Selles versioonis lisasime tuge React 16 ja ES moodulile. Kui kasutate veebipaketti 3, saate nüüd nautida antdi komponentide optimeerimist puu raputamise ja mooduli liitmise abil. Kui kasutate faili babel-plugin importimist, määrake LibraryDirectory lihtsalt es-kataloogi.

Sõbralikum TypeScripti tugi

Eemaldasime koodist kõik kaudsed tüübid ja me ei vaja enam "lubaSyntheticDefaultImports": see kehtib teie projektis. Kui juhtub, et teil on projekte, mida plaanite kirjutada TypeScripti abil, lugege meie uut dokumentatsiooni “Kasutamine TypeScriptis”.

Veel üks asi ...

Mõni inimene võib seda juba teada, töötame teise projekti nimel, mille nimi on Ant Design Pro, see on väljastpoolt tuleva kasutajaliidese lahendus ja Ant Design 3.0-l põhinevate ettevõtterakenduste jaoks mõeldud Reacti katteplaat. Ehkki see pole veel oma 1.0 versioonini jõudnud. Kuid antd 3.0 vabastamisega saate seda nüüd tootmises kasutada.

Mis järgmiseks

Meie disainerid tegelevad meie disainijuhendi dokumentide ümberkirjutamise ja Ant Design uue veebisaidi kujundamisega. Oleme väga põnevil, et pakume paremat kujunduskeelt, et inspireerida rohkem ideid ettevõtte rakenduste ehitamiseks.

Ja meie insenerid teevad kõvasti tööd Ant Design Pro kallal, et versioon 1.0 rakenduks, mis vajab ka teie abi meie dokumentide tõlkimisel.

Järeldus

Siia pole võimalik jõuda ilma teie toe, tagasiside ja osaluseta. Tänu vingele Ant Designi kogukonnale. Kui teil tekib antd kasutamisel probleeme, esitage GitHubis uus väljaanne.

Täname, et lugesite Installige see, tärniga tähistage ja proovige!

Lingid

  • Sipelgakujundus
  • Ant Design Githubi hoidla
  • Ant Design Pro
  • Sipelgakujundus mobiil
  • NG-ZORRO - sipelgakujunduse nurkne rakendamine