Annoncering af Ant Design 3.0

Ant Design, der er specielt oprettet til interne desktop-desktop-applikationer, er forpligtet til at forbedre oplevelsen for brugere, designere og udviklere.

Vi frigav Ant Design 2.0 for 14 måneder siden. I disse 14 måneder modtog vi PR'er fra mere end 200 bidragydere. Underholdte omkring 4.000 engagementer og over 60 frigivelser.

Antallet af GitHub-stjerne steg også hele vejen fra 6k til 20k.

GitHub er trend siden 2015

I dag er vi glade for at meddele, at Ant Design 3.0 endelig er blevet frigivet . I denne udgivelse lavede vi et helt nyt design til komponenter og websteder, introduceret et nyt farvesystem, refaktoreret kode for flere underliggende komponenter, introduceret nye funktioner og forbedringer, mens vi minimerede uforenelige ændringer. Se alle ændringslogfiler her.

Her er vores hjemmeside http://ant.design/ og GitHub-arkivet.

Nyt farvesystem

Vores nye farvesystem er inspireret af himlen, fordi dets inklusivitet falder sammen med tonen i vores brand. Baseret på den naturlige himmelfarveændring med tiden og undersøgelsen af ​​reglerne for lys og skygge omskrev vi vores farvealgoritme for at generere en helt nye paletter, og de tilsvarende gradationsniveauer er også optimeret. Sanserne for den nye farvepalet er yngre, lysere og gråskalaovergange mere naturlige, en perfekt blanding af sensuel og rationel skønhed. Derudover tager alle dominerende farveværdier hensyn til tilgængelighedsstandarder.

Ny design af komponenter

I tidligere version var komponentens grundlæggende skriftstørrelse 12px, og vi modtog mange feedbacks fra community for at bede os om at øge fontstørrelsen. Vores designere er også opmærksomme på, at den store skærm i dag er meget almindelig, 14px er en mere passende skriftstørrelse. Så vi øgede basistypestørrelsen til til 14px og ændrede størrelse på alle komponenternes størrelse for at imødekomme denne ændring.

Omskriv om komponenter

Vi omskrev tabelkomponenten for at løse nogle problemer med lang levetid. Der blev introduceret en ny propkomponent, med disse rekvisitter kan du stærkt tilpasse Tabelkomponent nu, her er et eksempel til at føje træk og slip-funktion til tabellen.

Formkomponent er også blevet omskrevet for at give en bedre understøttelse af indlejrede felter.

En anden omskrevet komponent er trin, med denne omskrivning har trin en enklere DOM-struktur og IE9-kompatibilitet.

Nye komponenter

Denne version tilføjede vi to nye komponenter, List og Divider.

Listekomponenter kan være meget praktisk til tekst, lister, billeder, afsnit og anden datavisning. Og nem integration med tredjepartsbiblioteker, for eksempel kan du bruge reaktualiseret virtualisering til at opnå uendelig indlæsningsliste. Mere detaljerede eksempler kan henvise til listedokumentet.

Divider-komponenten kan bruges til at opdele afsnit af tekst i forskellige kapitler eller til at opdele in-line tekst / links, f.eks. Handlingskolonnen i en tabel. Detaljerede eksempler kan henvise til Divider-dokumentet.

Fuld support til React 16 og ES Module

I denne version tilføjede vi support til React 16 og ES-modul. Hvis du bruger webpack 3, kan du nu nyde optimeringen af ​​antd's komponenter ved Tree Shaking og Module Concatenation. Hvis du bruger babel-plugin-import, skal du bare indstille LibraryDirectory til es-biblioteket.

Mere venlig TypeScript-support

Vi har fjernet alle de implicitte typer i vores kode, og vi kræver ikke længere "allowSyntheticDefaultImports": sandt i dit projekt. Hvis du tilfældigvis har projekter, som du planlægger at skrive ved hjælp af TypeScript, skal du se vores nye dokumentation "Brug af TypeScript".

Endnu et ting…

Nogle mennesker kender allerede allerede det, vi arbejder på et andet projekt ved navn Ant Design Pro, det er en U-out-of-box-brugergrænseflade-løsning og en React-kedelplade til virksomhedsapplikationer baseret på Ant Design 3.0. Selvom det endnu ikke har nået sin 1.0-udgivelse. Men med antd 3.0-frigivelse, kan du bruge det i produktion nu.

Hvad er det næste

Vores designere arbejder på at omskrive vores dokumentation om designretningslinjer og designe et nyt websted til Ant Design. Vi er meget glade for at give et bedre designsprog for at inspirere til flere ideer til opbygning af virksomhedsapplikationer.

Og vores ingeniører arbejder hårdt på Ant Design Pro for at få 1.0 til at ske, som også har brug for din hjælp til at oversætte vores dokumenter.

Konklusion

Det er ikke muligt at nå her uden dine support, feedback og deltagelse. Takket være det fantastiske Ant Design-samfund. Hvis du støder på problemer, når du bruger antd, skal du gerne indgive en ny udgave på GitHub.

Tak for at have læst. Gå installer det, stjernet det, og prøv det!

Links

  • Ant Design
  • Ant Design Github-arkiv
  • Ant Design Pro
  • Ant Design Mobile
  • NG-ZORRO - En vinkelimplementering af myresign