Ilus ja võimas armatuurlaud: Ant Design Pro 2.0 vabastati ja tutvustatakse Umi

Pärast 1.0 väljaandmist on Ant Design Pro saanud tööstuses suurt tähelepanu ja omaksvõttu. Tähtede arv GitHubis on kasvanud 11 686-ni ja Ant Financial Pro toega keskmised ja tagumised rakendused on ka Ant Financiali sadamasse jõudnud.

2.0 arendamine on kestnud viimased 8 kuud. 38 vinge kaasautori abiga naelutasime kokku 600 ülesannet, palju uusi funktsioone ja üldine arhitektuuriuuendus. Nüüd kuulutasime uhkusega välja Ant Design Pro 2.0. Täpsemalt, tõime kasutusstsenaariumide rikastamiseks neli uut lehte, mitut paigutust. Uuendasime oma tellingud roadhogilt umi2-le ja lisasime laheda sahtli. Tule ja tutvu meie projektiga siin:

  • Koduleht: http://pro.ant.design/
  • Juhtpaneeli eelvaade: http://preview.pro.ant.design/
  • GitHub: http://github.com/ant-design/ant-design-pro

Uued lehed

XiHu linnaosa mõjukaima veebikujunduse spetsifikatsioonina on elegantne, ilus ja hästi kujundatud leht alati olnud meie suurim eelis. V2-s tõime ka rea ​​lehe värskendusi ja optimeerimisi, sealhulgas:

  • Samm-sammult modaalne
  • Teabe sisestamine Modal
  • Isiklik keskus
  • Isiklikud seaded

Uus kujundus ja teema

V2-s on sisseehitatud mitmesuguseid paigutusi. Saate oma nõudmistele vastamiseks lihtsa konfigureerimisega kombineerida mitmesuguseid lehti. Alati on üks, mis teile meeldib. Et kõigil oleks kiiremini tulemusi kiiremini näha, töötasime välja laheda häälestussahtli, mis hõlmaks teema vahetamist vaid mõne lülitiga. Pärast soovitud stiilidega kinnitamist saate seadete koodi kopeerida ja vaikeseadeks seada. Teema muutmine polnud kunagi varem nii lihtne! Veelgi olulisem on see, et kogu protsess on võrgus ja te ei pea kunagi tellinguid taaskäivitama. Lihtsalt lõõgastuge ja nautige teemade lihtsat ja vahetut vahetamist!

Tellingud umi abil

umi põhineb marsruutimisel, toetab next.js-taolist tavalist marsruutimist ja mitmesuguseid edasijõudnute marsruutimisfunktsioone, nagu näiteks marsruutimistaseme nõudmisel laadimine. Kui umi suudab toetada tervet pluginasüsteemi, mis katab kõik elutsüklid alates lähtekoodist kuni toote ehitamiseni, siis on umi võimeline toetama erinevaid funktsionaalseid laiendusi ja ärivajadusi. Praegu on umil nii kogukonnas kui ka ettevõttes peaaegu 50+ pistikprogrammi.

umi on Ant Financiali peamine kasutajaliidese raamistik ja on teeninud sadu või tuhandeid rakendusi otse või kaudselt, sealhulgas java, sõlme, mobiilirakendus, hübriidrakendus, puhas esivara vararakendus, CMS-i rakendus ja palju muud. umi on meie sisemisi kasutajaid väga hästi teenindanud ja loodab, et suudab hästi teenindada ka väliseid kasutajaid.

Sellel on järgmised omadused:

  • karbist välja , sisseehitatud reageerima 、 reageeriv ruuter jne
  • Next.js meeldivad ja täisfunktsionaalsed marsruutimisreeglid toetavad ka konfigureeritud marsruutimist
  • Täielik pistikusüsteem, mis hõlmab iga elutsüklit lähtekoodist tootmiseni
  • Suure jõudlusega, toetage PWA-d, marsruudi taseme koodide jagamine jne pistikprogrammi kaudu
  • Toetage staatilist eksporti, kohandage seda erinevate keskkondadega, näiteks konsoolirakendus, mobiilirakendus, muna, Alipay rahakott jne.
  • Kiire käivitamine, tugi võimaldab dll-i ja kõvaallika-veebipaketi pistikprogrammi koos konfiguratsiooniga
  • Ühilduv IE9, mis põhineb umi-plugini-polütäidistel
  • Toetage TypeScripti, sealhulgas d.ts definitsiooni ja umi testi
  • sügav integratsioon dva-ga, tugipardikataloog, mudeli automaatne laadimine, koodide jagamine jne

Tellitava laadimise tugi

Tellitav laadimine muutub V2-s ülilihtsaks. Tehke babeli plugina importimisel järgmine konfiguratsioon:

{
    libraryName: 'ant-design-pro',
    libraryDirectory: 'lib',
    stiil: tõsi,
    camel2DashComponentName: false,
  }

Võite kasutada Ant Design Pro komponente, näiteks antd, ja soovitame tungivalt seda meetodit kasutada, et oma paketi suurust märkimisväärselt vähendada.

impordi {tulemus} programmist 'ant-design-pro';
ReactDOM.render (, mountNode);

Rahvusvahelistumise parimad tavad

V2 pakub rahvusvahelistumise parimaid tavasid, mis põhinevad umi-plugini-lokaadil. Peate ainult sisestama vastava js-faili (nagu en-US.js / zh-CN.js) src / locales ja rahvusvahelistumisega seotud võimalused on koodis saadaval!

import {
  formatMessage,
  setLocale,
  getLocale,
  Vormindatud teade,
} pärit 'umi / locale';
eksport vaikimisi () => {
  return 
}

Mis edasi saab?

Edaspidi pöörame suuremat tähelepanu Ant Design Pro jõudlusele ja kasutusmugavusele. Ja umi abil proovime komponentide materialiseerimisel pisut uurida. Veelgi enam, jätkame dokumentatsiooni täiustamist, et vähendada kasutuskulusid. Parem väljanägemine ja hõlpsasti kasutatav on olnud ja on alati meie suund ning võitleme selle nimel edasi.

Eriline tänu

Tänu kõigile kaastöölistele, kes esitasid vead, avasid PR-sid, reageerisid probleemidele, kirjutasid dokumentatsiooni ja palju muud! Eriline tänu järgmistele koosluspartneritele @ yoyo837 @xiaohuoni @zhangxiuling @kaoding ja kindlasti kõigile 38 kaastöötajale, kes on V2 jaoks PR-ide avanud. Teie osalemine on teinud pro V2 vabastamise reaalsuseks.

Kui teil tekib Ant Design Pro V2 kasutamisel probleeme, esitage GitHubis uus väljaanne.

Täname teid aja eest. Haarake ja installige, proovige järele!

Lõpuks

Veel üks mainimist väärib asi: meie meeskond töötab välja teadmuskoostöö tootenime 『语 雀』 (tähendused võib öelda lind-lind võib rääkida), avaldame ka selle artikli ja hiina versiooni, kust saate mööda minna. Toode on endiselt beetaversioon ja pole ingliskeelsete kasutajate jaoks hea, mille nimel teeme kõvasti tööd, et seda edasi arendada.