Semantic UI

Semantic UI concentrat nu numai pe furnizarea de o multitudine de widget-uri UI, dar, de asemenea, se concentrează pe modul în care aceste componente sunt scrise, care să permită oricui să știe ce face codul doar uitându-te la el.

Prin aceasta, UIS semantic-alimentat nu sunt doar ușor de a scrie, dar ușor de modificat la punctele de mai târziu.

UI semantic vine cu o multime de componente gata făcute din cutie și este disponibil în CSS și mai puțin.

Ce este nou în această versiune:

• New UI:
• Container - Containerele sunt fixate containere lățime destinate pentru păstrarea conținutului paginii, și sunt o alternativă mai simplă la rețeaua de pagini ui, vizualiza mai multe exemple în documente
• Selecție multiplă - noi tipuri multiple derulante au fost adăugate. Multe îmbunătățiri noi derulante au fost adăugate, inclusiv caracteristici de marcare / tokenizing și încărcarea de date prin intermediul cererilor API.
• Embed - Noua componenta permite Încorporați încorporări iframe receptive care mențin raportul lor de aspect. Încorporați pot fi utilizate cu videoclipurile de pe YouTube sau Vimeo, împreună cu un conținut înlocuitor pentru a evita încărcarea bibliotecilor terțe părți, până când un utilizator alege să interacționeze cu videoclipul.
• majore Îmbunătățiri:
• Site - Adăugat noi culori de măsline, violet, maro și gri. Acestea sunt disponibile în toate elementele cu variații de culoare.
• API - API poate fi acum utilizat cu răspunsuri, și-a bătut joc de cereri AJAX personalizate. mockResponse a fost adăugat pentru a rezolva cererea cu un obiect JSON prespecificata, sau un apel invers funcție sincron.
• API mockResponseAsync a fost adăugat pentru solicitări personalizate asincrone. Acest lucru vă permite să specificați un apel invers personalizat asin pentru a rezolva o cerere API, ajutând cu integrarea cu biblioteci, cum ar fi Ember sau angulară care pot împachetează cereri de AJAX.
• API - Callbacks API au acum un apel invers onResponse care se poate regla un răspuns servere înainte de a fi analizat de către alte Callbacks de succes sau de eșec condiții
.
• API - API oferă acum o setare cache-ul local pentru a evita server pentru circuite identice utilizând URL-uri cache: "local". Acest lucru nu este activată în mod implicit. punerea în cache locală este utilă pentru rezultate care ar trebui să se întoarcă aceleași valori într-o singură sesiune, de exemplu, atunci când o interogare de autocompletare.
• Card - Carduri suportă acum mai multe blocuri de conținut personalizat. blocuri de conținut și imaginile pot apărea acum în orice ordine.
• Checkbox - Checkbox nu mai necesită JavaScript pentru a rula
.
• Checkbox. - Suport pentru casetele de validare nedeterminate Adăugat, împreună cu noi coafuri
• Checkbox - Acum include comportamente separate pentru declanșarea schimbărilor de stare, fără a invoca Callbacks set verificat vs verificat
• Dropdown -. Adaugata integrare API la distanță, cu drop-down, pentru a permite selectarea de căutare pentru a interoga pe un set de date la distanță
• Dimmer - Dimmers au acum o variație estompare care se aplică un efect de sticlă ca atunci când estompat
• Dropdown - DROPDOWNS acum observa automat modificările din meniu și va actualiza memoria cache sistem de selectare cu noi completări
• - DROPDOWNS posibilitatea de a adăuga opțiuni personalizate tuturor dropdowns de selecție de căutare (multi / single) folosind allowAdditions Adăugat: setarea true. Căutarea acum afișează mesaje de eroare la nici un rezultat, în toate cazurile.
• Dropdown. - Comenzi rapide de la tastatură au fost adăugate pentru a selecta opțiuni derulant, de exemplu, "N" se va derula până la "New York", într-o listă de selecție de stat, similar cu nativebehavior
• Dropdown -. Adaugata variație nouă drop-down defilare verticală și meniul de defilare, acest lucru poate fi utilizat pentru a include o secțiune derulabil în interiorul unui meniu vertical
• Dropdown - derulanta va anima automat în sus, în cazul în care nu există suficient spațiu pentru a apărea mai jos
.
• Dropdown - Utilizarea paginii în sus și în jos tastele de pagină se va derula acum meniuri într-o pagină la un moment dat
• Formular - Formulare folosesc acum flexbox pentru a crea grupuri de teren. câmpuri inline suportă acum (x), dimensionarea largă folosind flex
• Grid - Grile folosesc acum flexbox, coloanele sunt acum toate înălțime egală, în mod implicit. Noile tipuri de aliniere flexbox ca întindere au fost adăugate pentru alinierea verticală mai ușoară.
• Multiple UI - Multe componente folosesc acum flexbox, ceea ce înseamnă remedieri confuze anterioare, cum ar fi font-size: 0; pentru a elimina white-space din blocul de linie nu mai este necesară. Eliminarea acestui hack, acum înseamnă orice element poate fi un copil direct al grilei sau a unui meniu.
• modală - Adaugarea de noi setări încețoșarea și inversată, care setează automat modal de variator fie inversata sau încețoșarea
.
• Meniu - Meniu utilizează acum flexbox. Astfel, elementele de meniu pentru a se potrivi reciproc înălțimi indiferent de fiecare element de mărime conținut. conținutul de meniu dreapta ar trebui să urmeze acum alt conținut de meniu în loc de o precede (nu se mai folosește float).
• Grid - Grătarele sunt acum flexbox și înălțimea egală, în mod implicit, variația egală înălțime poate fi în condiții de siguranță eliminat
• Popup -. Popup a fost rescris pentru a imbunatati drastic performanta, mai ales atunci când testarea poziții multiple
• Tranziție - animatii javascript s-au Alternativă fost eliminate din componente UI, cum ar fi drop-down și pop-up pentru a crește performanța. Acest lucru elimină nevoia de selectorii scumpe pseudo, cum ar fi: vizibile,: animate și:. Ascunse și reduce dimensiunea fișierului
• Formular de validare - validare Formular folosește acum un singur setări de obiecte cum ar fi alte module. Cu ajutorul (câmpuri, setările) vor continua să funcționeze, dar va produce o notificare dezaprobare în consolă
• Formularul de validare. - Validarea Forma suportă acum mai multe reguli de validare noi, inclusiv unele în mod special pentru utilizarea cu valori multiple selectați
• Articol - Elemente utilizează acum flexbox pentru layout
.
• mesaj - pictograma folosește acum flexbox pentru layout
• Meniu - meniu vertical tabelar, un meniu vertical tab, a fost adăugat
• Input - Toate tipurile de intrare utilizează flexbox pentru layout
• Segment - Segmente suportă acum cuiburi complexe, multe reguli noi pentru modul în care ar trebui să apară grupuri de segmente în interiorul grupurilor
• Segment -. Noi grupuri de segmente orizontale fac coloane de text care stabilește automat de redimensionare mult mai ușor
• Bara laterală - iOS acum va raporta corect valorile scrollTop pentru document sau organism atunci când se utilizează o bară laterală. Chrome pe iOS nu mai are probleme cu conținut fix nu lipit imediat atunci când se utilizează o bară laterală.
• Forme - Forme acum ajustează în mod corect pentru marja pe părțile
• Pașii - Pași utilizați acum flexbox, pași de fluid conținut acum centru în interiorul fiecărui pas
• Pași - Pași nu mai este nevoie de conta elementul și va împărți în mod automat în mod egal
• tranziție - Codul de tranziție a fost optimizat pentru a crește performanța. % Imbunatatire 100 la prima animație, și 40% îmbunătățire animații ulterioare.
• Vizibilitate - Utilizarea .visibility ({tip: 'fix'}) acum se va adăuga în mod automat un element înlocuitor, care va face schimb de locuri cu un element atunci când acesta este atașat la portul de vizualizare. Acest lucru ar trebui să facă conținut fix drastic mai simplu.
• Vizibilitate - vizibilitate și lipicios acum folosiți un pub / model de sub-mai performant, care se va atașa doar un singur eveniment pentru a derula în context
.
• Vizibilitate - Adăugat două noi Callbacks de vizibilitate onOnScreen și onOffScreen, care apar, cel mai evident atunci când un element apare pentru prima dată în interiorul sau în afara portului de vizualizare a unui browser
.
• Îmbunătățiri:
• Site -. Adăugat multe variabile site-ului noi, inclusiv capacitatea de a controla marimea de intrare in toate UI inputPadding, împreună cu mai multe culori de frontieră, accente și culori
• Acordeon - adaugă onOpening și onClosing de apel invers (înainte de animație) pentru a merge cu onOpen, onClose (după animație)
• Acordeon -. Adăugat la setare pentru a specifica eveniment acordeon de declanșare
• Feed de activitate - Feed de activitate a fost rescris pentru a utiliza flexbox
• API - API acum are setări noi throttleFirstRequest și interruptRequests. cereri de întrerupere va abandona o solicitare anterioară pe un element atunci când se face o nouă cerere. throttleFirstRequest, stabilește dacă prima cerere sau numai cererile ulterioare, ar trebui să fie sugrumat atunci când o durată a clapetei de accelerație este specificată.
• Build Tools - Build instrumente va afișa erori de pre-specificate, atunci când un fișier este tema lipsește sau un element specifică o temă indisponibilă
.
• Build Tools - site.variables Ajustarea va reconstrui acum toate UI, în loc de doar site.less
• Button - Adăugat: stiluri de focalizare pentru toate tipurile de buton, toate exemplele din buton Docs acum sunt focalizabil tastatura folosind fie sau tabindex, după caz,
.
• Card - Card include acum o variație centrată
• Checkbox. - Va comportamente acum Checkbox gratie corecte invocate pe elementul de intrare pentru copii în loc de caseta UI
• Checkbox - mărime redusă kb icon font
• Divizor - divizor vertical în interiorul grilei acum conturi pentru interfața de utilizare umplutură coloană
• Dropdown - imbricate meniuri defilare sprijin acum selecție tastatură, de exemplu apăsarea butonului "A" pentru Apple, și defilare tastatură.
• Dropdown - DROPDOWNS au acum setare meci pentru a specifica dacă să se potrivească pe text, valoare sau ambele
• Dropdown - selectați dropdowns Multi au acum noi setări pentru specificarea de selecție maximă conta
• Dropdown - Dropdown are un nou substituent setare pentru setarea text substituent în JavaScript
• Dropdown - A fost adăugată opțiunea showOnFocus care vă permite să specificați dacă meniul vertical trebuie să apară pe punctul de focalizare
• Dropdown - fullTextSearch: true foloseste acum cautare fuzzy (la fel ca și interfața de căutare)
• Dropdown - Pagina în jos și pagina de acum funcționează cu meniuri derulante
• Dropdown - Dropdown inițializată cu prop dezactivat pe o opțiune va acum în mod corect apărea dezactivate
• Dropdown - Adăugat de stat element dezactivat, elementele cu handicap vor fi ignorate în mod automat cu o selecție tastatură
• Forma - A adăugat o serie de noi stiluri pentru câmpurile de formular de completat automat browser-ul dvs., inclusiv erori completate automat, și să se concentreze statele
• Formular - Sa adăugat reguli de culoare substituent pentru IE, ms-input-substituent
• Formular - Fix câmp errored culoare selecție tastatură drop-down
• Forma - Adaugă stat sub formă de succes
• Formular de validare - Adăugat este un comportament valid, returneaza true / false dacă forma este valabilă
• Formular de validare - Adăugat diferit [domeniu] regula care impune un câmp să fie diferit de un alt domeniu
• Formular de validare - date valideaza acum are prioritate față de alte scheme de potrivire de validare, cum ar fi numele sau id
• Formular de validare - Noi reguli pentru potrivire împotriva expresiilor regulate personalizate
• Formular de validare - validare Form are acum minCount, MAXCOUNT și exactCount pentru validarea selecții multiple
• Grid - unicelular grila elimină acum celulele interne de pe mobil și pe tabletă, atunci când este utilizat cu dublarea grila de variație sensibilă
.
• Grid -. Adăugat ecran mare numai cu ecran lat și numai variații sensibile de grilă
• Grid - grile egale cu lățime funcționează acum și fără ambalaje rând
• Grid -! Rânduri pot fi acum întinsă la fel de bine ca și aliniate de mijloc, de jos aliniate și sus aliniat
• Grid - marjele fixe pe grila unicelulare intern
• Grid - unicelular si grila unicelulare intern utilizează acum flexbox în loc de afișare: tabel;
• Cap - Adăugarea unui nou tip de antet de sub antet, utilă pentru afișarea antetelor mici, alături de conținut de text. A se vedea exemple în docs antet
• Image - Imaginile includ acum o variație distanțată pentru adăugarea de spații libere în jurul valorii de imagini atunci când este utilizat în linie cu textul
.
• Input - Adăugat reguli de culoare substituent pentru IE, ms-input-substituent
• Input - intrare de acțiune suportă acum mai multe butoane, și drop-down
• Eticheta - Etichetele au acum stări hover activă și activă
• Label - Label stabilește acum o înălțime img chiar și atunci când nu utilizați o etichetă imagine
• Listă - Orice conținut în interiorul unei liste poate fi acum interfața de utilizare aliniate vertical
• Meniu - Adăugați exemple / documentație pentru meniu fix
• Meniu - Adăugat variație meniu stivuibil pentru meniuri care răspund simplu
• Meniu - Adăugat multe variabile noi la meniu
• Menu. - Fixed mai multe probleme de moștenire pentru elementul de meniu drop-down din interiorul care apare ca element de meniu
• Meniu - orizontal meniuri fixe, acum o dimensiune de imagine implicită pentru imaginile / logo-uri
• Meniu - elemente Meniurile sunt acum ușor mai căptușit
• Meniu - planare / starea activă a articolului drop-down au fost ajustate pentru a se potrivi element. stiluri derulante pot fi tematice meniu specific interior.
• Meniu - meniuri derulante verticale nu mai sunt 100% min-lățime
• modală - modală utilizează acum o scală ajustată în tranziție în tema implicită, care ar trebui să fie mai subtile și să lucreze mai bine cu un conținut modal lung
.
• modală - modală onApprove și onDeny primesc acum elementul de activare ca primul parametru. A adăugat o documentație cu privire la utilizarea return false pentru a evita elementul ascund pe clic.
• modală - conținut modală utilizează acum flex, conținutul de imagine necesită acum clasa de conținut de imagine pe părinte pentru a permite flex stilului
.
• Popup - popup definește acum o transformare-origine, astfel animații vor fi afectate de direcția în care elementul este plasat
• Popup - OnShow și onHide retur apel poate anula acum pop-up de la afișarea sau ascunderea returnând false
• Popup - Am adăugat mai multe variante de dimensiuni pentru pop-up mini, mici
• Progress - care indică etichetele sunt acum de a folosi mai lizibile variabile css separate, din care indică bara de culori
• Reveal - Adăugat nouă stare activă, care vă permite să arate dezvălui programatic
• Căutare - ( '. Căutare'). Cache poate fi acum eliminate folosind $ căutare ( 'cache-ul clar')
• Segment - Sa adăugat capitonată și variații de segment foarte căptușit
• Căutare - Caută acum funcționează pe un cod unic generat de poziția rezultat pentru a prelua rezultatele. De exemplu, categoria # 1 primul rezultat este "A1". Anterior, titluri de rezultate au fost folosite ca lor "id", care ar putea provoca probleme cu titluri duplicat, sau rezultatele care nu conțin un titlu.
• Cautare - Cauta acum se va adăuga automat categorie de clasă atunci când se utilizează tipul:. Categorie
• Căutare - Căutarea va genera acum rezultate containere în cazul în care nu este prezent pe inițializare
• Căutare - Căutare le folosește acum pentru redimensionează, asigurându-vă că va redimensiona cu conținutul înconjurător
• Căutare - Căutare rapidă are acum să se concentreze în cazul în care nu sunt definite stiluri de intrare folosind interfața de utilizare
• Segment -. Adaugata segmentul de compensare pentru cazurile care necesită o clearfix
• Bara laterală - spectacol de animație îmbunătățită prin depanare de performanță. Bara laterală memorează în cache acum, lățime, înălțime, direcție rtl pe sarcină.
• Site - fix mixt globals @defaultDuration și utilizarea @transitionDuration de a utiliza o singură variabilă în toate UI @defaultDuration, la fel pentru @defaultEasing și @transitionEasing
• Site - Adăugat în variabila pageOverflowX, tema implicită ascunde orizontale scrollbar pe corp
• Site - Adăugat implicit focus-culori pentru toate variantele de culoare
• Site - Toate plutitoare / ridicate variații moștenesc de la un @floatedShadow la nivel mondial a face mai ușoară theming
• Sticky - Sticky acum cache-uri pe plan intern poziția curentă de parcurgere când cantFit = true pentru a evita obținerea DOM proprietăți pe parcurgere
.
• Statistică - Adăugarea unui nou grup de variație împărțit în mod egal, de exemplu, trei statistici arată 3 pe fiecare rând
• Statistică - grup Statitic folosesc acum flex. Stiluri au fost actualizate.
• Pași - adăugați pași atașate, care pot fi atașate acum la alte UI cum ar fi segmentul
• File - Tab va pagina acum poziția manual corectă atunci când derulați conectarea la o ancoră în pagină într-o filă ascunsă
• File - Adăugat noi Callbacks onTabVisible și onRequest
• File - Adăugat opțiunea parseScripts, implicit la parsarea o dată script-uri inline doar prima sarcină
• Table - adaugă variație tabel de selecție, care arată mutați efect asupra rând, atunci când situându-se
• Table - Adăugat variațiile de aliniere verticală în raport de masă UI
• Table - Sa adăugat o singură linie de variație tabelă care împiedică textul de ambalaj de la
• Tranziție - Reglarea stilului sau de clasă în timpul unei tranziții, nu va mai putea suporta schimbarea după finalizarea tranziției
.
• Tranziție -. Tranziție nu va mai forța vizibile / ascunse cu stiluri inline în cazul în care onComplete seturi de apel invers vizibilitatea
• Vizibilitate / Sticky - Vizibilitate și lipicios acum actualiza automat după încărcarea conținutului paginii pentru a face față cu modificările poziției de la încărcarea imaginilor
• Vizibilitate / Sticky - vizibilitate foloseste acum model pub / sub-pentru a îmbunătăți foarte mult performanța de defilare atunci când atașarea mai multor evenimente
• Vizibilitatea - include o nouă vizibilității pentru checkOnRefresh setare care determină dacă Callbacks vizibilitate ar trebui să apară pe Redimensionarea sau refresh
• Vizibilitate - Vizibilitatea imaginii va aștepta acum la imagini de încărcare leneș, care sunt deasupra poziției de ecran curent, nu doar de mai jos
.

Ce este nou în versiunea 2.1.4:

• New UI:
• Container - Containerele sunt fixate containere lățime destinate pentru păstrarea conținutului paginii, și sunt o alternativă mai simplă la rețeaua de pagini ui, vizualiza mai multe exemple în documente
• Selecție multiplă - noi tipuri multiple derulante au fost adăugate. Multe îmbunătățiri noi derulante au fost adăugate, inclusiv caracteristici de marcare / tokenizing și încărcarea de date prin intermediul cererilor API.
• Embed - Noua componenta permite Încorporați încorporări iframe receptive care mențin raportul lor de aspect. Încorporați pot fi utilizate cu videoclipurile de pe YouTube sau Vimeo, împreună cu un conținut înlocuitor pentru a evita încărcarea bibliotecilor terțe părți, până când un utilizator alege să interacționeze cu videoclipul.
• majore Îmbunătățiri:
• Site - Adăugat noi culori de măsline, violet, maro și gri. Acestea sunt disponibile în toate elementele cu variații de culoare.
• API - API poate fi acum utilizat cu răspunsuri, și-a bătut joc de cereri AJAX personalizate. mockResponse a fost adăugat pentru a rezolva cererea cu un obiect JSON prespecificata, sau un apel invers funcție sincron.
• API mockResponseAsync a fost adăugat pentru solicitări personalizate asincrone. Acest lucru vă permite să specificați un apel invers personalizat asin pentru a rezolva o cerere API, ajutând cu integrarea cu biblioteci, cum ar fi Ember sau angulară care pot împachetează cereri de AJAX.
• API - Callbacks API au acum un apel invers onResponse care se poate regla un răspuns servere înainte de a fi analizat de către alte Callbacks de succes sau de eșec condiții
.
• API - API oferă acum o setare cache-ul local pentru a evita server pentru circuite identice utilizând URL-uri cache: "local". Acest lucru nu este activată în mod implicit. punerea în cache locală este utilă pentru rezultate care ar trebui să se întoarcă aceleași valori într-o singură sesiune, de exemplu, atunci când o interogare de autocompletare.
• Card - Carduri suportă acum mai multe blocuri de conținut personalizat. blocuri de conținut și imaginile pot apărea acum în orice ordine.
• Checkbox - Checkbox nu mai necesită JavaScript pentru a rula
.
• Checkbox. - Suport pentru casetele de validare nedeterminate Adăugat, împreună cu noi coafuri
• Checkbox - Acum include comportamente separate pentru declanșarea schimbărilor de stare, fără a invoca Callbacks set verificat vs verificat
• Dropdown -. Adaugata integrare API la distanță, cu drop-down, pentru a permite selectarea de căutare pentru a interoga pe un set de date la distanță
• Dimmer - Dimmers au acum o variație estompare care se aplică un efect de sticlă ca atunci când estompat
• Dropdown - DROPDOWNS acum observa automat modificările din meniu și va actualiza memoria cache sistem de selectare cu noi completări
• - DROPDOWNS posibilitatea de a adăuga opțiuni personalizate tuturor dropdowns de selecție de căutare (multi / single) folosind allowAdditions Adăugat: setarea true. Căutarea acum afișează mesaje de eroare la nici un rezultat, în toate cazurile.
• Dropdown. - Comenzi rapide de la tastatură au fost adăugate pentru a selecta opțiuni derulant, de exemplu, "N" se va derula până la "New York", într-o listă de selecție de stat, similar cu nativebehavior
• Dropdown -. Adaugata variație nouă drop-down defilare verticală și meniul de defilare, acest lucru poate fi utilizat pentru a include o secțiune derulabil în interiorul unui meniu vertical
• Dropdown - derulanta va anima automat în sus, în cazul în care nu există suficient spațiu pentru a apărea mai jos
.
• Dropdown - Utilizarea paginii în sus și în jos tastele de pagină se va derula acum meniuri într-o pagină la un moment dat
• Formular - Formulare folosesc acum flexbox pentru a crea grupuri de teren. câmpuri inline suportă acum (x), dimensionarea largă folosind flex
• Grid - Grile folosesc acum flexbox, coloanele sunt acum toate înălțime egală, în mod implicit. Noile tipuri de aliniere flexbox ca întindere au fost adăugate pentru alinierea verticală mai ușoară.
• Multiple UI - Multe componente folosesc acum flexbox, ceea ce înseamnă remedieri confuze anterioare, cum ar fi font-size: 0; pentru a elimina white-space din blocul de linie nu mai este necesară. Eliminarea acestui hack, acum înseamnă orice element poate fi un copil direct al grilei sau a unui meniu.
• modală - Adaugarea de noi setări încețoșarea și inversată, care setează automat modal de variator fie inversata sau încețoșarea
.
• Meniu - Meniu utilizează acum flexbox. Astfel, elementele de meniu pentru a se potrivi reciproc înălțimi indiferent de fiecare element de mărime conținut. conținutul de meniu dreapta ar trebui să urmeze acum alt conținut de meniu în loc de o precede (nu se mai folosește float).
• Grid - Grătarele sunt acum flexbox și înălțimea egală, în mod implicit, variația egală înălțime poate fi în condiții de siguranță eliminat
• Popup -. Popup a fost rescris pentru a imbunatati drastic performanta, mai ales atunci când testarea poziții multiple
• Tranziție - animatii javascript s-au Alternativă fost eliminate din componente UI, cum ar fi drop-down și pop-up pentru a crește performanța. Acest lucru elimină nevoia de selectorii scumpe pseudo, cum ar fi: vizibile,: animate și:. Ascunse și reduce dimensiunea fișierului
• Formular de validare - validare Formular folosește acum un singur setări de obiecte cum ar fi alte module. Cu ajutorul (câmpuri, setările) vor continua să funcționeze, dar va produce o notificare dezaprobare în consolă
• Formularul de validare. - Validarea Forma suportă acum mai multe reguli de validare noi, inclusiv unele în mod special pentru utilizarea cu valori multiple selectați
• Articol - Elemente utilizează acum flexbox pentru layout
.
• mesaj - pictograma folosește acum flexbox pentru layout
• Meniu - meniu vertical tabelar, un meniu vertical tab, a fost adăugat
• Input - Toate tipurile de intrare utilizează flexbox pentru layout
• Segment - Segmente suportă acum cuiburi complexe, multe reguli noi pentru modul în care ar trebui să apară grupuri de segmente în interiorul grupurilor
• Segment -. Noi grupuri de segmente orizontale fac coloane de text care stabilește automat de redimensionare mult mai ușor
• Bara laterală - iOS acum va raporta corect valorile scrollTop pentru document sau organism atunci când se utilizează o bară laterală. Chrome pe iOS nu mai are probleme cu conținut fix nu lipit imediat atunci când se utilizează o bară laterală.
• Forme - Forme acum ajustează în mod corect pentru marja pe părțile
• Pașii - Pași utilizați acum flexbox, pași de fluid conținut acum centru în interiorul fiecărui pas
• Pași - Pași nu mai este nevoie de conta elementul și va împărți în mod automat în mod egal
• tranziție - Codul de tranziție a fost optimizat pentru a crește performanța. % Imbunatatire 100 la prima animație, și 40% îmbunătățire animații ulterioare.
• Vizibilitate - Utilizarea .visibility ({tip: 'fix'}) acum se va adăuga în mod automat un element înlocuitor, care va face schimb de locuri cu un element atunci când acesta este atașat la portul de vizualizare. Acest lucru ar trebui să facă conținut fix drastic mai simplu.
• Vizibilitate - vizibilitate și lipicios acum folosiți un pub / model de sub-mai performant, care se va atașa doar un singur eveniment pentru a derula în context
.
• Vizibilitate - Adăugat două noi Callbacks de vizibilitate onOnScreen și onOffScreen, care apar, cel mai evident atunci când un element apare pentru prima dată în interiorul sau în afara portului de vizualizare a unui browser
.
• Îmbunătățiri:
• Site -. Adăugat multe variabile site-ului noi, inclusiv capacitatea de a controla marimea de intrare in toate UI inputPadding, împreună cu mai multe culori de frontieră, accente și culori
• Acordeon - adaugă onOpening și onClosing de apel invers (înainte de animație) pentru a merge cu onOpen, onClose (după animație)
• Acordeon -. Adăugat la setare pentru a specifica eveniment acordeon de declanșare
• Feed de activitate - Feed de activitate a fost rescris pentru a utiliza flexbox
• API - API acum are setări noi throttleFirstRequest și interruptRequests. cereri de întrerupere va abandona o solicitare anterioară pe un element atunci când se face o nouă cerere. throttleFirstRequest, stabilește dacă prima cerere sau numai cererile ulterioare, ar trebui să fie sugrumat atunci când o durată a clapetei de accelerație este specificată.
• Build Tools - Build instrumente va afișa erori de pre-specificate, atunci când un fișier este tema lipsește sau un element specifică o temă indisponibilă
.
• Build Tools - site.variables Ajustarea va reconstrui acum toate UI, în loc de doar site.less
• Button - Adăugat: stiluri de focalizare pentru toate tipurile de buton, toate exemplele din buton Docs acum sunt focalizabil tastatura folosind fie sau tabindex, după caz,
.
• Card - Card include acum o variație centrată
• Checkbox. - Va comportamente acum Checkbox gratie corecte invocate pe elementul de intrare pentru copii în loc de caseta UI
• Checkbox - mărime redusă kb icon font
• Divizor - divizor vertical în interiorul grilei acum conturi pentru interfața de utilizare umplutură coloană
• Dropdown - imbricate meniuri defilare sprijin acum selecție tastatură, de exemplu apăsarea butonului "A" pentru Apple, și defilare tastatură.
• Dropdown - DROPDOWNS au acum setare meci pentru a specifica dacă să se potrivească pe text, valoare sau ambele
• Dropdown - selectați dropdowns Multi au acum noi setări pentru specificarea de selecție maximă conta
• Dropdown - Dropdown are un nou substituent setare pentru setarea text substituent în JavaScript
• Dropdown - A fost adăugată opțiunea showOnFocus care vă permite să specificați dacă meniul vertical trebuie să apară pe punctul de focalizare
• Dropdown - fullTextSearch: true foloseste acum cautare fuzzy (la fel ca și interfața de căutare)
• Dropdown - Pagina în jos și pagina de acum funcționează cu meniuri derulante
• Dropdown - Dropdown inițializată cu prop dezactivat pe o opțiune va acum în mod corect apărea dezactivate
• Dropdown - Adăugat de stat element dezactivat, elementele cu handicap vor fi ignorate în mod automat cu o selecție tastatură
• Forma - A adăugat o serie de noi stiluri pentru câmpurile de formular de completat automat browser-ul dvs., inclusiv erori completate automat, și să se concentreze statele
• Formular - Sa adăugat reguli de culoare substituent pentru IE, ms-input-substituent
• Formular - Fix câmp errored culoare selecție tastatură drop-down
• Forma - Adaugă stat sub formă de succes
• Formular de validare - Adăugat este un comportament valid, returneaza true / false dacă forma este valabilă
• Formular de validare - Adăugat diferit [domeniu] regula care impune un câmp să fie diferit de un alt domeniu
• Formular de validare - date valideaza acum are prioritate față de alte scheme de potrivire de validare, cum ar fi numele sau id
• Formular de validare - Noi reguli pentru potrivire împotriva expresiilor regulate personalizate
• Formular de validare - validare Form are acum minCount, MAXCOUNT și exactCount pentru validarea selecții multiple
• Grid - unicelular grila elimină acum celulele interne de pe mobil și pe tabletă, atunci când este utilizat cu dublarea grila de variație sensibilă
.
• Grid -. Adăugat ecran mare numai cu ecran lat și numai variații sensibile de grilă
• Grid - grile egale cu lățime funcționează acum și fără ambalaje rând
• Grid -! Rânduri pot fi acum întinsă la fel de bine ca și aliniate de mijloc, de jos aliniate și sus aliniat
• Grid - marjele fixe pe grila unicelulare intern
• Grid - unicelular si grila unicelulare intern utilizează acum flexbox în loc de afișare: tabel;
• Cap - Adăugarea unui nou tip de antet de sub antet, utilă pentru afișarea antetelor mici, alături de conținut de text. A se vedea exemple în docs antet
• Image - Imaginile includ acum o variație distanțată pentru adăugarea de spații libere în jurul valorii de imagini atunci când este utilizat în linie cu textul
.
• Input - Adăugat reguli de culoare substituent pentru IE, ms-input-substituent
• Input - intrare de acțiune suportă acum mai multe butoane, și drop-down
• Eticheta - Etichetele au acum stări hover activă și activă
• Label - Label stabilește acum o înălțime img chiar și atunci când nu utilizați o etichetă imagine
• Listă - Orice conținut în interiorul unei liste poate fi acum interfața de utilizare aliniate vertical
• Meniu - Adăugați exemple / documentație pentru meniu fix
• Meniu - Adăugat variație meniu stivuibil pentru meniuri care răspund simplu
• Meniu - Adăugat multe variabile noi la meniu
• Menu. - Fixed mai multe probleme de moștenire pentru elementul de meniu drop-down din interiorul care apare ca element de meniu
• Meniu - orizontal meniuri fixe, acum o dimensiune de imagine implicită pentru imaginile / logo-uri
• Meniu - elemente Meniurile sunt acum ușor mai căptușit
• Meniu - planare / starea activă a articolului drop-down au fost ajustate pentru a se potrivi element. stiluri derulante pot fi tematice meniu specific interior.
• Meniu - meniuri derulante verticale nu mai sunt 100% min-lățime
• modală - modală utilizează acum o scală ajustată în tranziție în tema implicită, care ar trebui să fie mai subtile și să lucreze mai bine cu un conținut modal lung
.
• modală - modală onApprove și onDeny primesc acum elementul de activare ca primul parametru. A adăugat o documentație cu privire la utilizarea return false pentru a evita elementul ascund pe clic.
• modală - conținut modală utilizează acum flex, conținutul de imagine necesită acum clasa de conținut de imagine pe părinte pentru a permite flex stilului
.
• Popup - popup definește acum o transformare-origine, astfel animații vor fi afectate de direcția în care elementul este plasat
• Popup - OnShow și onHide retur apel poate anula acum pop-up de la afișarea sau ascunderea returnând false
• Popup - Am adăugat mai multe variante de dimensiuni pentru pop-up mini, mici
• Progress - care indică etichetele sunt acum de a folosi mai lizibile variabile css separate, din care indică bara de culori
• Reveal - Adăugat nouă stare activă, care vă permite să arate dezvălui programatic
• Căutare - ( '. Căutare'). Cache poate fi acum eliminate folosind $ căutare ( 'cache-ul clar')
• Segment - Sa adăugat capitonată și variații de segment foarte căptușit
• Căutare - Caută acum funcționează pe un cod unic generat de poziția rezultat pentru a prelua rezultatele. De exemplu, categoria # 1 primul rezultat este "A1". Anterior, titluri de rezultate au fost folosite ca lor "id", care ar putea provoca probleme cu titluri duplicat, sau rezultatele care nu conțin un titlu.
• Cautare - Cauta acum se va adăuga automat categorie de clasă atunci când se utilizează tipul:. Categorie
• Căutare - Căutarea va genera acum rezultate containere în cazul în care nu este prezent pe inițializare
• Căutare - Căutare le folosește acum pentru redimensionează, asigurându-vă că va redimensiona cu conținutul înconjurător
• Căutare - Căutare rapidă are acum să se concentreze în cazul în care nu sunt definite stiluri de intrare folosind interfața de utilizare
• Segment -. Adaugata segmentul de compensare pentru cazurile care necesită o clearfix
• Bara laterală - spectacol de animație îmbunătățită prin depanare de performanță. Bara laterală memorează în cache acum, lățime, înălțime, direcție rtl pe sarcină.
• Site - fix mixt globals @defaultDuration și utilizarea @transitionDuration de a utiliza o singură variabilă în toate UI @defaultDuration, la fel pentru @defaultEasing și @transitionEasing
• Site - Adăugat în variabila pageOverflowX, tema implicită ascunde orizontale scrollbar pe corp
• Site - Adăugat implicit focus-culori pentru toate variantele de culoare
• Site - Toate plutitoare / ridicate variații moștenesc de la un @floatedShadow la nivel mondial a face mai ușoară theming
• Sticky - Sticky acum cache-uri pe plan intern poziția curentă de parcurgere când cantFit = true pentru a evita obținerea DOM proprietăți pe parcurgere
.
• Statistică - Adăugarea unui nou grup de variație împărțit în mod egal, de exemplu, trei statistici arată 3 pe fiecare rând
• Statistică - grup Statitic folosesc acum flex. Stiluri au fost actualizate.
• Pași - adăugați pași atașate, care pot fi atașate acum la alte UI cum ar fi segmentul

Ce este nou în versiunea 1.3.2:

• Fixat:

Limitări :