Semantic UI

Semantic UI không chỉ tập trung vào việc cung cấp một sự giàu có của giao diện người dùng các vật dụng, mà còn tập trung vào cách các thành phần này được viết, cho phép bất cứ ai biết những gì các mã không chỉ bằng cách nhìn vào nó.

Bằng cách này, UIS Semantic-powered không chỉ dễ dàng để viết, nhưng dễ dàng sửa đổi tại các điểm sau.

UI Semantic đi kèm với rất nhiều thành phần làm sẵn ra khỏi hộp và có sẵn trong CSS và LESS.

Điều gì là mới trong phiên bản này:

• UI mới:
• container - Container được cố định container rộng có nghĩa là cho tổ chức nội dung trang, và là một thay thế đơn giản để lưới trang ui, xem thêm ví dụ trong tài liệu
• Multiselect - New nhiều loại thả xuống đã được thêm vào. Nhiều cải tiến thả xuống mới đã được thêm vào bao gồm các tính năng gắn thẻ / tokenizing và nạp dữ liệu thông qua các yêu cầu API.
• Nhúng - thành phần nhúng mới cho phép nhúng iframe đáp ứng duy trì tỉ lệ của họ. Nhúng thể được sử dụng với các video YouTube hoặc Vimeo, cùng với nội dung giữ chỗ để tránh tải thư viện của bên thứ ba cho đến khi người dùng chọn để tương tác với video.
• Các cải tiến nổi:
• Site - Thêm màu sắc mới ô liu, tím, nâu và màu xám. Đây là có sẵn trong tất cả các yếu tố với các biến thể màu sắc.
• API - API bây giờ có thể được sử dụng với câu trả lời chế nhạo, và tùy chỉnh các yêu cầu AJAX. mockResponse đã được thêm vào để giải quyết yêu cầu với một đối tượng JSON định trước, hoặc một chức năng gọi lại đồng bộ.
• API mockResponseAsync đã được thêm vào cho các yêu cầu tùy chỉnh đồng bộ. Điều này cho phép bạn chỉ định một callback tùy chỉnh async để giải quyết một yêu cầu API, giúp với hội nhập với các thư viện như Ember hoặc góc có thể quấn các yêu cầu AJAX.
• API - callbacks API bây giờ có một cuộc gọi lại onResponse có thể điều chỉnh một phản ứng máy chủ trước khi nó được phân tích bằng callbacks khác cho sự thành công hay thất bại điều kiện
.
• API - API hiện nay cung cấp một thiết lập bộ nhớ đệm địa phương để tránh roundtrips máy chủ cho các url giống hệt nhau bằng cách sử dụng bộ nhớ cache: "địa phương". Điều này không được kích hoạt theo mặc định. bộ nhớ đệm địa phương là hữu ích cho các kết quả sẽ trả về các giá trị như nhau trên một phiên duy nhất, ví dụ như khi truy vấn một autocomplete.
• Card - Thẻ bây giờ hỗ trợ nhiều khối nội dung tùy chỉnh. Các khối nội dung và hình ảnh có thể xuất hiện theo thứ tự nào.
• Checkbox - Checkbox không còn cần javascript để chức năng
.
• Checkbox -. Thêm hỗ trợ cho các hộp kiểm không xác định, cùng với stylings mới
• Checkbox - Bây giờ bao gồm các hành vi riêng biệt để kích hoạt thay đổi trạng thái mà không viện callbacks thiết lập kiểm tra vs kiểm tra
• Dropdown -. Thêm tích hợp API từ xa với thả xuống, để cho phép lựa chọn tìm kiếm để truy vấn đối với một bộ dữ liệu từ xa
• Dimmer - Dimmers bây giờ có một biến thể làm mờ mà áp dụng một hiệu ứng giống như thủy tinh khi mờ
• Dropdown - Dropdowns bây giờ tự động quan sát những thay đổi trong menu và sẽ cập nhật bộ nhớ cache chọn với những bổ sung mới
• Dropdowns - Thêm khả năng để thêm các lựa chọn tùy chỉnh cho tất cả các Dropdowns lựa chọn tìm kiếm (đa / đơn) sử dụng allowAdditions: thiết lập đúng. Search bây giờ sẽ hiển thị thông báo lỗi trên không có kết quả trong mọi trường hợp.
• Dropdown -. Các phím tắt đã được thêm vào để chọn các lựa chọn thả xuống, ví dụ "N" sẽ di chuyển đến "New York" trong một danh sách lựa chọn của nhà nước, tương tự như nativebehavior
• Dropdown -. Thêm biến thể thả xuống mới cuộn thả xuống menu và di chuyển, điều này có thể được sử dụng để bao gồm một phần cuộn bên trong một trình đơn thả xuống
• Dropdown - Thả xuống sẽ tự động sinh động trở lên nếu không có đủ không gian để xuất hiện bên dưới
.
• Dropdown - Sử dụng trang và lên trang xuống phím bây giờ sẽ di chuyển menu bằng một trang tại một thời gian
• Form - Hình thức hiện nay sử dụng flexbox để tạo các nhóm lĩnh vực. lĩnh vực Inline bây giờ hỗ trợ (x) kích thước rộng sử dụng flex
• Grid - Lưới bây giờ sử dụng flexbox, cột bây giờ tất cả chiều cao bằng cách mặc định. loại liên kết flexbox mới như căng đã được thêm vào cho sự liên kết dọc dễ dàng hơn.
• Nhiều UI - Nhiều thành phần hiện nay sử dụng flexbox, có nghĩa là các bản sửa lỗi khó hiểu trước đó như font-size: 0; để loại bỏ khoảng trắng từ khối nội tuyến là không còn cần thiết. Loại bỏ hack này, bây giờ có nghĩa là bất kỳ yếu tố có thể là một con trực tiếp của lưới điện hoặc menu.
• Modal - từ cài đặt mới làm mờ và ngược mà tự động thiết lập một phương thức mờ hoặc là ngược hoặc làm mờ
.
• Menu - Menu bây giờ sử dụng flexbox. Điều này cho phép các mục trình đơn để phù hợp với mỗi người khác cao bất kể từng mục kích thước nội dung. nội dung đơn ngay bây giờ nên làm theo nội dung đơn khác thay vì trước đó (không còn sử dụng phao).
• Grid - Lưới đang flexbox và chiều cao bằng nhau theo mặc định, các biến thể bằng chiều cao một cách an toàn có thể được gỡ bỏ
• Popup -. Popup đã được viết lại để cải thiện đáng kể hiệu suất, đặc biệt là khi thử nghiệm nhiều vị trí
• Chuyển tiếp - Dự trữ hình ảnh động javascript đã được gỡ bỏ từ các thành phần giao diện người dùng giống như thả xuống và popup để tăng hiệu suất. Điều này loại bỏ nhu cầu cho các bộ chọn giả đắt tiền như: nhìn thấy được,: hoạt hình và.: Ẩn và làm giảm kích cỡ
• Form Validation - xác nhận mẫu bây giờ sử dụng một thiết lập duy nhất đối tượng như các module khác. Sử dụng (trường, cài đặt) sẽ tiếp tục làm việc nhưng sẽ tạo ra một thông báo deprecation trong giao diện điều khiển
• Form Validation -. Xác nhận mẫu bây giờ hỗ trợ nhiều quy tắc xác nhận mới, bao gồm một số đặc biệt để sử dụng với nhiều giá trị chọn
• Item - Items bây giờ sử dụng flexbox cho bố trí
.
• Tin nhắn - tin nhắn biểu tượng bây giờ sử dụng flexbox cho bố trí
• Menu - menu bảng thẳng đứng, một menu tab dọc, đã được thêm
• Input - Tất cả các loại đầu vào sử dụng flexbox cho bố trí
• Phân đoạn - Phân đoạn hiện nay hỗ trợ tổ phức tạp, nhiều quy định mới cho cách nhóm phân khúc sẽ xuất hiện trong nhóm
• Phân đoạn -. Nhóm phân đoạn ngang mới khiến cho việc đặt ra các cột văn bản tự động thay đổi kích thước dễ dàng hơn nhiều
• Sidebar - iOS bây giờ sẽ báo cáo một cách chính xác giá trị scrollTop cho tài liệu hoặc cơ thể khi sử dụng một bên. Chrome trên iOS không còn có vấn đề với nội dung cố định không gắn bó ngay lập tức khi sử dụng một bên.
• Shapes - Hình dạng hiện điều chỉnh một cách chính xác cho mép trên bên
• Các bước - bước bây giờ sử dụng flexbox, bước dịch tại trung tâm nội dung bên trong mỗi bước
• Các bước - bước không còn cần item đếm và sẽ tự động phân chia đồng đều
• Transition - Mã chuyển tiếp đã được tối ưu hóa để tăng hiệu suất. 100% cải thiện về hoạt hình đầu tiên, và 40% cải thiện về hình ảnh động tiếp theo.
• Tầm nhìn - Sử dụng .visibility ({type: 'cố định'}) sẽ tự động thêm một yếu tố giữ chỗ mà sẽ trao đổi vị trí với một phần tử khi nó được gắn vào khung nhìn. Điều này sẽ làm cho nội dung cố định mạnh đơn giản hơn.
• Visibility - Tầm nhìn và dính bây giờ sử dụng một pub / sub mẫu performant hơn sẽ chỉ đính kèm một sự kiện duy nhất để cuộn bối cảnh
.
• Tầm nhìn - Thêm hai callbacks tầm nhìn mới onOnScreen và onOffScreen, xảy ra, rõ ràng nhất khi một phần tử đầu tiên xuất hiện trong hoặc ra khỏi khung nhìn của trình duyệt
.
• Cải tiến:
• trang web -. Thêm nhiều biến trang web mới, trong đó có khả năng kiểm soát kích thước đầu vào trên tất cả các giao diện người dùng inputPadding, cùng với màu sắc hơn biên giới, dấu, và màu sắc
• Accordion - cho biết thêm onOpening và onClosing gọi lại (trước khi hình ảnh động) để đi với OnOpen, onClose (sau khi hình ảnh động)
• Accordion -. Được thêm thiết cho việc xác định sự kiện accordion kích hoạt
• Hoạt động Feed - thức ăn Hoạt động đã được viết lại để sử dụng flexbox
• API - API bây giờ đã thiết lập mới throttleFirstRequest và interruptRequests. yêu cầu ngắt sẽ hủy bỏ một yêu cầu trước đó trên một phần tử khi thực hiện một yêu cầu mới. throttleFirstRequest, đặt xem yêu cầu đầu tiên hoặc chỉ yêu cầu tiếp theo nên được tăng cường khi một thời gian điều tiết được quy định.
• Xây dựng Tools - Xây dựng các công cụ sẽ hiển thị các lỗi được xác định trước khi một tập tin chủ đề có thiếu hoặc một yếu tố xác định một chủ đề không có sẵn
.
• Xây dựng Tools - site.variables Điều chỉnh giờ sẽ xây dựng lại tất cả các giao diện người dùng, thay vì chỉ site.less
• Button - thêm: phong cách tập trung cho tất cả các loại nút, tất cả các ví dụ nút trong tài liệu hiện nay là bàn phím có thể đặt tiêu sử dụng một trong hai hoặc tabIndex nơi thích hợp
.
• Card - thẻ hiện nay bao gồm một biến thể trung
• Checkbox -. Checkbox sẽ hành vi tại một cách duyên dáng đúng gọi trên các yếu tố đầu vào con thay vì các hộp kiểm ui
• Checkbox - Giảm kích thước kb của phông chữ biểu tượng
• Divider - chia dọc bên trong lưới ui hiện chiếm cột đệm
• Dropdown - Nested menu di chuyển bây giờ hỗ trợ lựa chọn bàn phím, ví dụ nhấn "A" cho táo, và bàn phím cuộn.
• Dropdown - Dropdowns bây giờ có thiết lập phù hợp để xác định liệu để phù hợp về văn bản, giá trị hoặc cả
• Dropdown - chọn Dropdowns đa hiện nay có các cài đặt mới để xác định lựa chọn tối đa số
• Dropdown - Dropdown có giữ chỗ mới thiết lập văn bản giữ chỗ trong javascript
• Dropdown - Nhập showOnFocus tùy chọn cho phép bạn chỉ định liệu trình đơn thả xuống sẽ hiển thị trên tập trung
• Dropdown - fullTextSearch: đúng bây giờ sử dụng tìm kiếm mờ (giống như tìm kiếm ui)
• Dropdown - Trang xuống và trang lên hiện đang làm việc với các menu thả xuống
• Dropdown - Dropdown khởi tạo với prop tắt theo một tùy chọn sẽ xuất hiện bây giờ chính xác vô hiệu hóa
• Dropdown - Thêm trạng vô hiệu hóa mục, các mục tàn tật sẽ tự động bị bỏ qua với lựa chọn bàn phím
• Form - Thêm một loạt các phong cách mới cho các trường mẫu tự động hoàn tất bởi trình duyệt của bạn, bao gồm cả lỗi tự động hoàn tất, và tập trung tiểu bang
• Form - Thêm quy tắc giữ chỗ màu cho IE, ms-input-giữ chỗ
• Form - Fix lĩnh vực errored màu lựa chọn bàn phím thả xuống
• Form - Thêm nhà nước dưới hình thức thành công
• Form Validation - gia tăng là hành vi hợp lệ, trả về true / false nếu hình thức là hợp lệ
• Form Validation - Added khác nhau [trường] quy tắc mà đòi hỏi một lĩnh vực là khác nhau hơn so với các lĩnh vực khác
• Form Validation - dữ liệu Xác thực hiện được ưu tiên hơn các chương trình phù hợp với xác nhận khác như tên hoặc id
• Form Validation - quy tắc mới cho phù hợp với biểu thức tùy chỉnh thường xuyên
• Form Validation - xác nhận mẫu hiện có minCount, maxCount, và exactCount để phê chuẩn nhiều lựa chọn
• Grid - bào lưới bây giờ loại bỏ tế bào nội bộ trên điện thoại di động và máy tính bảng khi sử dụng với tăng gấp đôi lưới biến thể đáp ứng
.
• Grid -. Thêm màn hình lớn duy nhất và màn hình rộng biến thể chỉ đáp ứng cho lưới điện
• Grid - lưới chiều rộng bằng nhau hiện đang làm việc mà không có giấy gói hàng
• Lưới - hàng bây giờ có thể được kéo dài cũng như liên kết giữa, phía dưới liên kết và đầu thẳng
• Grid - lề cố định trên lưới nội bào
• Grid - bào và lưới nội bào bây giờ sử dụng flexbox thay vì display: table;
• Headers - Thêm tiêu đề phụ đầu kiểu mới, hữu ích để hiển thị tiêu đề nhỏ cùng với nội dung văn bản. Xem ví dụ trong tài liệu tiêu đề
• Hình ảnh - Hình ảnh hiện nay bao gồm một biến thể cách nhau để thêm khoảng trắng xung quanh hình ảnh khi sử dụng nội tuyến với văn bản
.
• Input - Thêm quy tắc giữ chỗ màu cho IE, ms-input-giữ chỗ
• Input - Hành động đầu vào hiện hỗ trợ nhiều nút, và thả xuống
• Label - Nhãn hiện có trạng thái tích cực và chủ động di chuột
• Nhãn - Label bây giờ bộ chiều cao img ngay cả khi không sử dụng một nhãn hình ảnh
• Thành - Bất kỳ nội dung bên trong một danh sách ui bây giờ có thể được sắp xếp theo chiều dọc
• Menu - Thêm ví dụ / tài liệu cho đơn cố định
• Menu - Thêm stackable biến menu cho menu đáp ứng đơn giản
• Menu - Thêm nhiều biến mới vào menu
• Menu -. Cố định một số vấn đề thừa kế cho mục thả xuống bên trong trình đơn xuất hiện như là mục trình đơn
• Menu - menu ngang bây giờ thiết lập một kích thước hình ảnh mặc định cho hình ảnh / logo
• Menu - Thực đơn các mặt hàng hiện nay hơi độn hơn
• Menu - Các di chuột / trạng thái hoạt động của mục thả xuống đã được điều chỉnh để phù hợp với mục. phong cách thả xuống có thể được theo chủ đề đặc biệt bên trong trình đơn.
• Menu - Vertical menu thả xuống không còn 100% min-width
• Modal - phương thức hiện nay sử dụng một quy mô điều chỉnh trong quá trình chuyển đổi trong chủ đề mặc định, bạn cần phải tinh tế hơn và làm việc tốt hơn với nội dung phương thức dài
.
• Modal - Modal onApprove và onDeny bây giờ nhận được yếu tố kích hoạt như tham số đầu tiên. Thêm tài liệu hướng dẫn về việc sử dụng trở lại sai để tránh ẩn yếu tố trên nhấp chuột.
• Modal - nội dung phương thức hiện nay sử dụng flex, nội dung hình ảnh bây giờ đòi hỏi lớp nội dung hình ảnh vào cha mẹ để cho phép stylings flex
.
• Popup - Popup tại định nghĩa một biến đổi xuất xứ nên hình ảnh động sẽ bị ảnh hưởng bởi các yếu tố hướng được đặt
• Popup - onShow và onHide gọi lại bây giờ có thể hủy sổ popup hiển thị hoặc ẩn bằng cách quay giả
• Popup - Thêm nhiều biến kích thước cho cửa sổ bật lên mini, nhỏ
• Tiến - cho thấy nhãn hiện đang sử dụng dễ đọc hơn các biến css riêng biệt từ chỉ màu sắc thanh
• Reveal - Thêm nhà nước hoạt động mới cho phép bạn hiển thị lộ programatically
• tìm kiếm - ( '. Search "). Bộ nhớ cache có thể được xóa bằng $ tìm kiếm (' rõ ràng bộ nhớ cache)
• Phân đoạn - Thêm đệm và các biến thể phần rất độn
• Tìm kiếm - Search bây giờ hoạt động ra một id duy nhất được tạo bởi vị trí của kết quả để lấy kết quả. Đối với kết quả đầu tiên ví dụ loại # 1 là 'A1'. Trước kết quả các chức danh được sử dụng như là của họ "id", mà có thể gây ra các vấn đề với tiêu đề trùng lặp, hoặc kết quả mà không có tiêu đề.
• Tìm kiếm - Search sẽ tự động thêm nhóm lớp khi sử dụng loại:. Danh mục
• Tìm kiếm - Search bây giờ sẽ tạo ra kết quả container nếu ai không có mặt trên init
• Tìm kiếm - Tìm kiếm hiện nay sử dụng em để thay đổi kích thước, làm cho chắc chắn rằng nó sẽ thay đổi kích thước với các nội dung xung quanh
• tìm kiếm - Tìm kiếm nhanh chóng hiện nay đã tập trung kiểu được xác định nếu không sử dụng đầu vào ui
• Phân đoạn -. Thêm đoạn thanh toán bù trừ trường hợp cần một clearfix
• Sidebar - Cải thiện hiệu suất hoạt hình thông qua kết quả gỡ lỗi. Sidebar tại cache, chiều rộng, chiều cao, hướng rtl trên tải.
• Site - Cố định hỗn hợp globals @defaultDuration và sử dụng @transitionDuration sử dụng một biến duy nhất trên tất cả các giao diện người dùng @defaultDuration, tương tự cho @defaultEasing và @transitionEasing
• Site - Thêm vào biến pageOverflowX, theme mặc định ẩn thanh cuộn ngang trên cơ thể
• Site - Thêm tập trung mặc định màu sắc cho tất cả các biến thể màu sắc
• trang web - Tất cả nổi / nâng biến hiện kế thừa từ một @floatedShadow toàn cầu làm theming dễ dàng hơn
• Chú ý - Chú ý tại trong nội bộ lưu trữ vị trí cuộn hiện nay khi cantFit = true để tránh nhận được tài sản DOM trên cuộn
.
• Thống kê - Thêm biến nhóm chia đều mới, ví dụ ba liệu thống kê cho thấy 3 mỗi hàng
• Thống kê - nhóm Statitic bây giờ sử dụng flex. Kiểu đã được cập nhật.
• Các bước - Thêm bước kèm theo, mà bây giờ có thể được gắn liền với giao diện người dùng khác như phân khúc
• Tabs - Tab sẽ bây giờ tay đúng trang cuộn vị trí khi liên kết tới một anchor trong trang trong một tab ẩn
• Tabs - Thêm callbacks mới onTabVisible và onRequest
• Tabs - Thêm tùy chọn parseScripts, mặc định khi phân tích các kịch bản nội tuyến chỉ tải đầu tiên
• Bảng - Thêm biến bảng lựa chọn, trong đó cho thấy di chuột hiệu quả trên hàng khi lơ lửng
• Bảng - Thêm các biến kết theo chiều dọc để bảng ui
• Bảng - Thêm dòng bảng biến thiên, giúp ngăn chặn văn bản từ gói
• Chuyển tiếp - Điều chỉnh phong cách hoặc lớp học trong một quá trình chuyển đổi, không còn sẽ thiết lập lại các thay đổi sau khi chuyển đổi hoàn thành
.
• Chuyển tiếp -. Transition sẽ không còn buộc hiển thị / ẩn với phong cách nội tuyến nếu onComplete bộ gọi lại tầm nhìn
• Visibility / Chú ý - Tầm nhìn và dính với doanh nghiệp làm mới tự động sau khi nội dung tải trang để đối phó với những thay đổi ở vị trí từ hình ảnh tải
• Visibility / Chú ý - Tầm nhìn bây giờ sử dụng mô hình pub / sub để cải thiện đáng kể hiệu năng cuộn khi gắn nhiều sự kiện
• Visibility - Visiblity bao gồm một checkOnRefresh cài đặt mới sẽ xác định xem callbacks tầm nhìn nên xảy ra trên thay đổi kích thước hoặc làm mới
• Visibility - hình ảnh Visibility tại sẽ chờ đợi để tải hình ảnh lười biếng mà là ở trên các vị trí màn hình hiện tại, không chỉ bên dưới
.

Điều gì là mới trong phiên bản 2.1.4:

• UI mới:
• container - Container được cố định container rộng có nghĩa là cho tổ chức nội dung trang, và là một thay thế đơn giản để lưới trang ui, xem thêm ví dụ trong tài liệu
• Multiselect - New nhiều loại thả xuống đã được thêm vào. Nhiều cải tiến thả xuống mới đã được thêm vào bao gồm các tính năng gắn thẻ / tokenizing và nạp dữ liệu thông qua các yêu cầu API.
• Nhúng - thành phần nhúng mới cho phép nhúng iframe đáp ứng duy trì tỉ lệ của họ. Nhúng thể được sử dụng với các video YouTube hoặc Vimeo, cùng với nội dung giữ chỗ để tránh tải thư viện của bên thứ ba cho đến khi người dùng chọn để tương tác với video.
• Các cải tiến nổi:
• Site - Thêm màu sắc mới ô liu, tím, nâu và màu xám. Đây là có sẵn trong tất cả các yếu tố với các biến thể màu sắc.
• API - API bây giờ có thể được sử dụng với câu trả lời chế nhạo, và tùy chỉnh các yêu cầu AJAX. mockResponse đã được thêm vào để giải quyết yêu cầu với một đối tượng JSON định trước, hoặc một chức năng gọi lại đồng bộ.
• API mockResponseAsync đã được thêm vào cho các yêu cầu tùy chỉnh đồng bộ. Điều này cho phép bạn chỉ định một callback tùy chỉnh async để giải quyết một yêu cầu API, giúp với hội nhập với các thư viện như Ember hoặc góc có thể quấn các yêu cầu AJAX.
• API - callbacks API bây giờ có một cuộc gọi lại onResponse có thể điều chỉnh một phản ứng máy chủ trước khi nó được phân tích bằng callbacks khác cho sự thành công hay thất bại điều kiện
.
• API - API hiện nay cung cấp một thiết lập bộ nhớ đệm địa phương để tránh roundtrips máy chủ cho các url giống hệt nhau bằng cách sử dụng bộ nhớ cache: "địa phương". Điều này không được kích hoạt theo mặc định. bộ nhớ đệm địa phương là hữu ích cho các kết quả sẽ trả về các giá trị như nhau trên một phiên duy nhất, ví dụ như khi truy vấn một autocomplete.
• Card - Thẻ bây giờ hỗ trợ nhiều khối nội dung tùy chỉnh. Các khối nội dung và hình ảnh có thể xuất hiện theo thứ tự nào.
• Checkbox - Checkbox không còn cần javascript để chức năng
.
• Checkbox -. Thêm hỗ trợ cho các hộp kiểm không xác định, cùng với stylings mới
• Checkbox - Bây giờ bao gồm các hành vi riêng biệt để kích hoạt thay đổi trạng thái mà không viện callbacks thiết lập kiểm tra vs kiểm tra
• Dropdown -. Thêm tích hợp API từ xa với thả xuống, để cho phép lựa chọn tìm kiếm để truy vấn đối với một bộ dữ liệu từ xa
• Dimmer - Dimmers bây giờ có một biến thể làm mờ mà áp dụng một hiệu ứng giống như thủy tinh khi mờ
• Dropdown - Dropdowns bây giờ tự động quan sát những thay đổi trong menu và sẽ cập nhật bộ nhớ cache chọn với những bổ sung mới
• Dropdowns - Thêm khả năng để thêm các lựa chọn tùy chỉnh cho tất cả các Dropdowns lựa chọn tìm kiếm (đa / đơn) sử dụng allowAdditions: thiết lập đúng. Search bây giờ sẽ hiển thị thông báo lỗi trên không có kết quả trong mọi trường hợp.
• Dropdown -. Các phím tắt đã được thêm vào để chọn các lựa chọn thả xuống, ví dụ "N" sẽ di chuyển đến "New York" trong một danh sách lựa chọn của nhà nước, tương tự như nativebehavior
• Dropdown -. Thêm biến thể thả xuống mới cuộn thả xuống menu và di chuyển, điều này có thể được sử dụng để bao gồm một phần cuộn bên trong một trình đơn thả xuống
• Dropdown - Thả xuống sẽ tự động sinh động trở lên nếu không có đủ không gian để xuất hiện bên dưới
.
• Dropdown - Sử dụng trang và lên trang xuống phím bây giờ sẽ di chuyển menu bằng một trang tại một thời gian
• Form - Hình thức hiện nay sử dụng flexbox để tạo các nhóm lĩnh vực. lĩnh vực Inline bây giờ hỗ trợ (x) kích thước rộng sử dụng flex
• Grid - Lưới bây giờ sử dụng flexbox, cột bây giờ tất cả chiều cao bằng cách mặc định. loại liên kết flexbox mới như căng đã được thêm vào cho sự liên kết dọc dễ dàng hơn.
• Nhiều UI - Nhiều thành phần hiện nay sử dụng flexbox, có nghĩa là các bản sửa lỗi khó hiểu trước đó như font-size: 0; để loại bỏ khoảng trắng từ khối nội tuyến là không còn cần thiết. Loại bỏ hack này, bây giờ có nghĩa là bất kỳ yếu tố có thể là một con trực tiếp của lưới điện hoặc menu.
• Modal - từ cài đặt mới làm mờ và ngược mà tự động thiết lập một phương thức mờ hoặc là ngược hoặc làm mờ
.
• Menu - Menu bây giờ sử dụng flexbox. Điều này cho phép các mục trình đơn để phù hợp với mỗi người khác cao bất kể từng mục kích thước nội dung. nội dung đơn ngay bây giờ nên làm theo nội dung đơn khác thay vì trước đó (không còn sử dụng phao).
• Grid - Lưới đang flexbox và chiều cao bằng nhau theo mặc định, các biến thể bằng chiều cao một cách an toàn có thể được gỡ bỏ
• Popup -. Popup đã được viết lại để cải thiện đáng kể hiệu suất, đặc biệt là khi thử nghiệm nhiều vị trí
• Chuyển tiếp - Dự trữ hình ảnh động javascript đã được gỡ bỏ từ các thành phần giao diện người dùng giống như thả xuống và popup để tăng hiệu suất. Điều này loại bỏ nhu cầu cho các bộ chọn giả đắt tiền như: nhìn thấy được,: hoạt hình và.: Ẩn và làm giảm kích cỡ
• Form Validation - xác nhận mẫu bây giờ sử dụng một thiết lập duy nhất đối tượng như các module khác. Sử dụng (trường, cài đặt) sẽ tiếp tục làm việc nhưng sẽ tạo ra một thông báo deprecation trong giao diện điều khiển
• Form Validation -. Xác nhận mẫu bây giờ hỗ trợ nhiều quy tắc xác nhận mới, bao gồm một số đặc biệt để sử dụng với nhiều giá trị chọn
• Item - Items bây giờ sử dụng flexbox cho bố trí
.
• Tin nhắn - tin nhắn biểu tượng bây giờ sử dụng flexbox cho bố trí
• Menu - menu bảng thẳng đứng, một menu tab dọc, đã được thêm
• Input - Tất cả các loại đầu vào sử dụng flexbox cho bố trí
• Phân đoạn - Phân đoạn hiện nay hỗ trợ tổ phức tạp, nhiều quy định mới cho cách nhóm phân khúc sẽ xuất hiện trong nhóm
• Phân đoạn -. Nhóm phân đoạn ngang mới khiến cho việc đặt ra các cột văn bản tự động thay đổi kích thước dễ dàng hơn nhiều
• Sidebar - iOS bây giờ sẽ báo cáo một cách chính xác giá trị scrollTop cho tài liệu hoặc cơ thể khi sử dụng một bên. Chrome trên iOS không còn có vấn đề với nội dung cố định không gắn bó ngay lập tức khi sử dụng một bên.
• Shapes - Hình dạng hiện điều chỉnh một cách chính xác cho mép trên bên
• Các bước - bước bây giờ sử dụng flexbox, bước dịch tại trung tâm nội dung bên trong mỗi bước
• Các bước - bước không còn cần item đếm và sẽ tự động phân chia đồng đều
• Transition - Mã chuyển tiếp đã được tối ưu hóa để tăng hiệu suất. 100% cải thiện về hoạt hình đầu tiên, và 40% cải thiện về hình ảnh động tiếp theo.
• Tầm nhìn - Sử dụng .visibility ({type: 'cố định'}) sẽ tự động thêm một yếu tố giữ chỗ mà sẽ trao đổi vị trí với một phần tử khi nó được gắn vào khung nhìn. Điều này sẽ làm cho nội dung cố định mạnh đơn giản hơn.
• Visibility - Tầm nhìn và dính bây giờ sử dụng một pub / sub mẫu performant hơn sẽ chỉ đính kèm một sự kiện duy nhất để cuộn bối cảnh
.
• Tầm nhìn - Thêm hai callbacks tầm nhìn mới onOnScreen và onOffScreen, xảy ra, rõ ràng nhất khi một phần tử đầu tiên xuất hiện trong hoặc ra khỏi khung nhìn của trình duyệt
.
• Cải tiến:
• trang web -. Thêm nhiều biến trang web mới, trong đó có khả năng kiểm soát kích thước đầu vào trên tất cả các giao diện người dùng inputPadding, cùng với màu sắc hơn biên giới, dấu, và màu sắc
• Accordion - cho biết thêm onOpening và onClosing gọi lại (trước khi hình ảnh động) để đi với OnOpen, onClose (sau khi hình ảnh động)
• Accordion -. Được thêm thiết cho việc xác định sự kiện accordion kích hoạt
• Hoạt động Feed - thức ăn Hoạt động đã được viết lại để sử dụng flexbox
• API - API bây giờ đã thiết lập mới throttleFirstRequest và interruptRequests. yêu cầu ngắt sẽ hủy bỏ một yêu cầu trước đó trên một phần tử khi thực hiện một yêu cầu mới. throttleFirstRequest, đặt xem yêu cầu đầu tiên hoặc chỉ yêu cầu tiếp theo nên được tăng cường khi một thời gian điều tiết được quy định.
• Xây dựng Tools - Xây dựng các công cụ sẽ hiển thị các lỗi được xác định trước khi một tập tin chủ đề có thiếu hoặc một yếu tố xác định một chủ đề không có sẵn
.
• Xây dựng Tools - site.variables Điều chỉnh giờ sẽ xây dựng lại tất cả các giao diện người dùng, thay vì chỉ site.less
• Button - thêm: phong cách tập trung cho tất cả các loại nút, tất cả các ví dụ nút trong tài liệu hiện nay là bàn phím có thể đặt tiêu sử dụng một trong hai hoặc tabIndex nơi thích hợp
.
• Card - thẻ hiện nay bao gồm một biến thể trung
• Checkbox -. Checkbox sẽ hành vi tại một cách duyên dáng đúng gọi trên các yếu tố đầu vào con thay vì các hộp kiểm ui
• Checkbox - Giảm kích thước kb của phông chữ biểu tượng
• Divider - chia dọc bên trong lưới ui hiện chiếm cột đệm
• Dropdown - Nested menu di chuyển bây giờ hỗ trợ lựa chọn bàn phím, ví dụ nhấn "A" cho táo, và bàn phím cuộn.
• Dropdown - Dropdowns bây giờ có thiết lập phù hợp để xác định liệu để phù hợp về văn bản, giá trị hoặc cả
• Dropdown - chọn Dropdowns đa hiện nay có các cài đặt mới để xác định lựa chọn tối đa số
• Dropdown - Dropdown có giữ chỗ mới thiết lập văn bản giữ chỗ trong javascript
• Dropdown - Nhập showOnFocus tùy chọn cho phép bạn chỉ định liệu trình đơn thả xuống sẽ hiển thị trên tập trung
• Dropdown - fullTextSearch: đúng bây giờ sử dụng tìm kiếm mờ (giống như tìm kiếm ui)
• Dropdown - Trang xuống và trang lên hiện đang làm việc với các menu thả xuống
• Dropdown - Dropdown khởi tạo với prop tắt theo một tùy chọn sẽ xuất hiện bây giờ chính xác vô hiệu hóa
• Dropdown - Thêm trạng vô hiệu hóa mục, các mục tàn tật sẽ tự động bị bỏ qua với lựa chọn bàn phím
• Form - Thêm một loạt các phong cách mới cho các trường mẫu tự động hoàn tất bởi trình duyệt của bạn, bao gồm cả lỗi tự động hoàn tất, và tập trung tiểu bang
• Form - Thêm quy tắc giữ chỗ màu cho IE, ms-input-giữ chỗ
• Form - Fix lĩnh vực errored màu lựa chọn bàn phím thả xuống
• Form - Thêm nhà nước dưới hình thức thành công
• Form Validation - gia tăng là hành vi hợp lệ, trả về true / false nếu hình thức là hợp lệ
• Form Validation - Added khác nhau [trường] quy tắc mà đòi hỏi một lĩnh vực là khác nhau hơn so với các lĩnh vực khác
• Form Validation - dữ liệu Xác thực hiện được ưu tiên hơn các chương trình phù hợp với xác nhận khác như tên hoặc id
• Form Validation - quy tắc mới cho phù hợp với biểu thức tùy chỉnh thường xuyên
• Form Validation - xác nhận mẫu hiện có minCount, maxCount, và exactCount để phê chuẩn nhiều lựa chọn
• Grid - bào lưới bây giờ loại bỏ tế bào nội bộ trên điện thoại di động và máy tính bảng khi sử dụng với tăng gấp đôi lưới biến thể đáp ứng
.
• Grid -. Thêm màn hình lớn duy nhất và màn hình rộng biến thể chỉ đáp ứng cho lưới điện
• Grid - lưới chiều rộng bằng nhau hiện đang làm việc mà không có giấy gói hàng
• Lưới - hàng bây giờ có thể được kéo dài cũng như liên kết giữa, phía dưới liên kết và đầu thẳng
• Grid - lề cố định trên lưới nội bào
• Grid - bào và lưới nội bào bây giờ sử dụng flexbox thay vì display: table;
• Headers - Thêm tiêu đề phụ đầu kiểu mới, hữu ích để hiển thị tiêu đề nhỏ cùng với nội dung văn bản. Xem ví dụ trong tài liệu tiêu đề
• Hình ảnh - Hình ảnh hiện nay bao gồm một biến thể cách nhau để thêm khoảng trắng xung quanh hình ảnh khi sử dụng nội tuyến với văn bản
.
• Input - Thêm quy tắc giữ chỗ màu cho IE, ms-input-giữ chỗ
• Input - Hành động đầu vào hiện hỗ trợ nhiều nút, và thả xuống
• Label - Nhãn hiện có trạng thái tích cực và chủ động di chuột
• Nhãn - Label bây giờ bộ chiều cao img ngay cả khi không sử dụng một nhãn hình ảnh
• Thành - Bất kỳ nội dung bên trong một danh sách ui bây giờ có thể được sắp xếp theo chiều dọc
• Menu - Thêm ví dụ / tài liệu cho đơn cố định
• Menu - Thêm stackable biến menu cho menu đáp ứng đơn giản
• Menu - Thêm nhiều biến mới vào menu
• Menu -. Cố định một số vấn đề thừa kế cho mục thả xuống bên trong trình đơn xuất hiện như là mục trình đơn
• Menu - menu ngang bây giờ thiết lập một kích thước hình ảnh mặc định cho hình ảnh / logo
• Menu - Thực đơn các mặt hàng hiện nay hơi độn hơn
• Menu - Các di chuột / trạng thái hoạt động của mục thả xuống đã được điều chỉnh để phù hợp với mục. phong cách thả xuống có thể được theo chủ đề đặc biệt bên trong trình đơn.
• Menu - Vertical menu thả xuống không còn 100% min-width
• Modal - phương thức hiện nay sử dụng một quy mô điều chỉnh trong quá trình chuyển đổi trong chủ đề mặc định, bạn cần phải tinh tế hơn và làm việc tốt hơn với nội dung phương thức dài
.
• Modal - Modal onApprove và onDeny bây giờ nhận được yếu tố kích hoạt như tham số đầu tiên. Thêm tài liệu hướng dẫn về việc sử dụng trở lại sai để tránh ẩn yếu tố trên nhấp chuột.
• Modal - nội dung phương thức hiện nay sử dụng flex, nội dung hình ảnh bây giờ đòi hỏi lớp nội dung hình ảnh vào cha mẹ để cho phép stylings flex
.
• Popup - Popup tại định nghĩa một biến đổi xuất xứ nên hình ảnh động sẽ bị ảnh hưởng bởi các yếu tố hướng được đặt
• Popup - onShow và onHide gọi lại bây giờ có thể hủy sổ popup hiển thị hoặc ẩn bằng cách quay giả
• Popup - Thêm nhiều biến kích thước cho cửa sổ bật lên mini, nhỏ
• Tiến - cho thấy nhãn hiện đang sử dụng dễ đọc hơn các biến css riêng biệt từ chỉ màu sắc thanh
• Reveal - Thêm nhà nước hoạt động mới cho phép bạn hiển thị lộ programatically
• tìm kiếm - ( '. Search "). Bộ nhớ cache có thể được xóa bằng $ tìm kiếm (' rõ ràng bộ nhớ cache)
• Phân đoạn - Thêm đệm và các biến thể phần rất độn
• Tìm kiếm - Search bây giờ hoạt động ra một id duy nhất được tạo bởi vị trí của kết quả để lấy kết quả. Đối với kết quả đầu tiên ví dụ loại # 1 là 'A1'. Trước kết quả các chức danh được sử dụng như là của họ "id", mà có thể gây ra các vấn đề với tiêu đề trùng lặp, hoặc kết quả mà không có tiêu đề.
• Tìm kiếm - Search sẽ tự động thêm nhóm lớp khi sử dụng loại:. Danh mục
• Tìm kiếm - Search bây giờ sẽ tạo ra kết quả container nếu ai không có mặt trên init
• Tìm kiếm - Tìm kiếm hiện nay sử dụng em để thay đổi kích thước, làm cho chắc chắn rằng nó sẽ thay đổi kích thước với các nội dung xung quanh
• tìm kiếm - Tìm kiếm nhanh chóng hiện nay đã tập trung kiểu được xác định nếu không sử dụng đầu vào ui
• Phân đoạn -. Thêm đoạn thanh toán bù trừ trường hợp cần một clearfix
• Sidebar - Cải thiện hiệu suất hoạt hình thông qua kết quả gỡ lỗi. Sidebar tại cache, chiều rộng, chiều cao, hướng rtl trên tải.
• Site - Cố định hỗn hợp globals @defaultDuration và sử dụng @transitionDuration sử dụng một biến duy nhất trên tất cả các giao diện người dùng @defaultDuration, tương tự cho @defaultEasing và @transitionEasing
• Site - Thêm vào biến pageOverflowX, theme mặc định ẩn thanh cuộn ngang trên cơ thể
• Site - Thêm tập trung mặc định màu sắc cho tất cả các biến thể màu sắc
• trang web - Tất cả nổi / nâng biến hiện kế thừa từ một @floatedShadow toàn cầu làm theming dễ dàng hơn
• Chú ý - Chú ý tại trong nội bộ lưu trữ vị trí cuộn hiện nay khi cantFit = true để tránh nhận được tài sản DOM trên cuộn
.
• Thống kê - Thêm biến nhóm chia đều mới, ví dụ ba liệu thống kê cho thấy 3 mỗi hàng
• Thống kê - nhóm Statitic bây giờ sử dụng flex. Kiểu đã được cập nhật.
• Các bước - Thêm bước kèm theo, mà bây giờ có thể được gắn liền với giao diện người dùng khác như phân khúc

Điều gì là mới trong phiên bản 1.3.2:

• Sửa chữa:

Hạn chế :