Ant Design 3.0: n ilmoittaminen

Erityisesti yrityksen sisäisiin työpöytäsovelluksiin luotu Ant Design on sitoutunut parantamaan käyttäjien, suunnittelijoiden ja kehittäjien kokemusta.

Julkaisimme Ant Design 2.0: n 14 kuukautta sitten. Näiden 14 kuukauden aikana olemme saaneet PR-raportteja yli 200 avustajalta. Alle 4000 sitoumusta ja yli 60 julkaisua.

GitHub-tähtien lukumäärä nousi myös 6k: sta 20k: seen.

GitHub on trendi vuodesta 2015

Tänään, ilmoitamme mielellämme, että Ant Design 3.0 on vihdoin julkaistu . Tässä julkaisussa teimme komponenteille ja verkkosivustoille täysin uuden mallin, otimme käyttöön uuden värijärjestelmän, uudelleenkorjatun koodin useille alla oleville komponenteille, esittelimme uusia ominaisuuksia ja parannuksia minimoimalla yhteensopimattomat muutokset. Katso koko muutoslokit täältä.

Tässä on kotisivumme http://ant.design/ ja GitHub-arkisto.

Uusi värijärjestelmä

Uutta värijärjestelmäämme on inspiroinut taivas, koska sen kattavuus on sama kuin brändimme sävy. Perustuu taivaan luonnollisen värin muutokseen ajan kuluessa ja valoa ja varjoa koskevien sääntöjen tutkimukseen, kirjoitimme värialgoritmimme uudelleen luodaksesi aivan uusia paletteja, ja myös vastaavat gradientotasot on optimoitu. Uuden värivalikoiman aistit ovat nuorempia, kirkkaampia ja harmaasävymuutokset ovat luonnollisempia, täydellinen sekoitus aistillista ja rationaalista kauneutta. Lisäksi kaikissa hallitsevissa väri arvoissa otetaan huomioon saavutettavuusstandardit.

Komponenttien uusi muotoilu

Edellisessä versiossa komponentin perus fonttikoko oli 12px, ja saimme yhteisöltä monia palautteita pyytääksesi meitä lisäämään fonttikokoa. Suunnittelijamme ovat myös tietoisia siitä, että iso näyttö on nykyään hyvin yleinen, 14 pikseliä on sopivampi fonttikoko. Joten korotimme kanta fonttikoon 14 pikseliin ja muutimme kaikkien komponenttien kokoa tämän muutoksen huomioon ottamiseksi.

Kirjoita uudelleen komponentit

Kirjoitimme taulukkomponentin uudelleen ratkaistaksemme joitain pitkään eläviä ongelmia. Esiteltiin uusi rekomponentti, jonka avulla voit mukauttaa taulukkomponentteja nyt hyvin. Tässä on esimerkki vetämis- ja pudotusominaisuuksien lisäämisestä taulukkoon.

Lomakekomponentti on myös kirjoitettu uudelleen, jotta sisäkkäisiä kenttiä voidaan paremmin tukea.

Toinen uudelleenkirjoitettu komponentti on Steps, tällä uudelleenkirjoitetulla Stepsillä on yksinkertaisempi DOM-rakenne ja IE9-yhteensopivuus.

Uudet komponentit

Tämä versio lisäsi kaksi uutta komponenttia, List ja Divider.

Listakomponentit voivat olla erittäin käteviä tekstin, luetteloiden, kuvien, kappaleiden ja muun datan näytölle. Ja helppo integrointi esimerkiksi kolmansien osapuolien kirjastojen kanssa, voit käyttää virtualisoitua reagoida-virtualisoituna saavuttaaksesi ääretön latausluettelo. Yksityiskohtaisemmat esimerkit voivat viitata luetteloasiakirjaan.

Divider-komponenttia voidaan käyttää tekstin kappaleiden jakamiseen eri lukuihin tai rivin sisäisen tekstin / linkkien, kuten taulukon toimintosarakkeen, jakamiseen. Yksityiskohtaiset esimerkit voivat viitata jakaja-asiakirjaan.

Täysi tuki React 16: lle ja ES-moduulille

Tässä versiossa lisäsimme tukea React 16: lle ja ES-moduulille. Jos käytät webpack 3 -sovellusta, voit nyt nauttia antd-komponenttien optimoinnista puun ravistamisen ja moduulin liittämisen avulla. Jos käytät babel-plugin-import-sovellusta, aseta LibraryDirectory vain es-hakemistoon.

Ystävällisempi TypeScript-tuki

Olemme poistaneet koodistamme kaikki implisiittiset tyypit, emmekä enää vaadi "lubaSyntheticDefaultImports": totta projektistasi. Jos sinulla on projekteja, jotka aiot kirjoittaa TypeScriptin avulla, katso uutta dokumentaatiomme ”Käyttö TypeScriptissä”.

Yksi asia ...

Jotkut ihmiset saattavat jo tietää sen, työskentelemme toisen projektin nimessä Ant Design Pro, se on out-box-käyttöliittymäratkaisu ja React-kattilalevy Ant Design 3.0: lle perustuviin yrityssovelluksiin. Vaikka se ei ole vielä saavuttanut 1.0-julkaisuaan. Mutta kun antd 3.0 vapauttaa, voit käyttää sitä nyt tuotannossa.

Mitä seuraavaksi

Suunnittelijamme työskentelevät uudelleen suunnitteluohjeiden dokumentoinnin kirjoittamisessa ja uuden verkkosivuston suunnittelussa Ant Designille. Olemme erittäin innoissamme tarjoamalla paremman suunnittelukielen, joka inspiroi lisää ideoita yrityssovellusten rakentamiseen.

Suunnittelijamme tekevät kovasti töitä Ant Design Pron kanssa saadaksesi aikaan 1.0: n, joka tarvitsee myös apuasi kääntäessään asiakirjojamme.

johtopäätös

Täälle ei ole mahdollista päästä ilman tukea, palautetta ja osallistumista. Kiitos mahtavalle Ant Design -yhteisölle. Jos sinulla on ongelmia antd: n käytössä, voit julkaista uuden numeron GitHubiin.

Kiitos käsittelystä. Asenna se, merkitse se ja kokeile!

Linkit

  • Muurahaissuunnittelu
  • Ant Design Github -varasto
  • Ant Design Pro
  • Ant Design Mobile
  • NG-ZORRO - Muurahaissuunnittelun kulmikas toteutus