ZUI 發布 1.4 版本, HTML5 前端 UI 框架

jopen 8年前發布 | 14K 次閱讀

大家好,HTML5前端框架ZUI 1.4版本發布了。

  • 本次更新了大部分文檔,增加了必要的代碼示例。

  • 增加了簡單易用的樹形菜單組件

  • 主題功能得到增強,文檔中的主題章節提供實時預覽和編譯定制功能。

  • 修復了論壇和QQ群中反饋的大部分問題。

相關網址:

ZUI官網:http://zui.sexy
下載地址:https://github.com/easysoft/zui/releases/download/v1.4.0/zui-1.4.0-dist.zip
項目地址:https://github.com/easysoft/zui

主題效果

ZUI 發布 1.4 版本, HTML5 前端 UI 框架

更新明細

  • 完善和持續改進文檔:

    • 大部分組件文檔都得到更新,增加了更多的示例和示例代碼;

    • 文檔中的主題章節支持直接預覽主題,并可以自定義修改主題配置并編譯和下載主題(此功能在IE8等古老瀏覽器上不可用);

    • 文檔支持查看組件的源碼和打包信息;

    • 文檔中的示例代碼支持復制;

    • 更正文檔中的多個鏈接和拼寫錯誤;

    • 修復滾動條文檔無法加載并顯示的問題;

  • 排版樣式:

    • 更改字體設置;

    • 簡化CSS CLASS名稱,hightlight-*更名為hl-*;

  • 柵格系統:

    • 增加.col輔助類來方便自定義柵格大小;

  • 提示消息和提示面板:

    • 提示消息支持tipClass和tipId選項;

    • 提示消息的show(content)方法增加content參數來動態改變現實的內容;

  • 圖標:

    • 圖標名稱icon-yingyang更正為icon-yinyang,icon-check2更正為icon-checked;

    • 修復圖標旋轉效果在非塊級標簽內無法生效的問題;

    • 更新圖標字體,更改了字體的base height,現在圖標和文字混合時更為自然;

  • 消息框:

    • 移除了消息框的邊框,現在看起來更為扁平;

    • 增加.alert-primary-inverse的深色外觀的使用主要配色的消息框;

  • 標簽和徽標:

    • 更改標簽和徽標的內邊距和行高,解決在部分瀏覽器中的尺寸和對齊問題;

  • 按鈕和按鈕組:

    • 更改按鈕樣式,更加扁平化;

    • 鏈接按鈕的默認背景色現在為transparent;

    • 更改按鈕選中或激活時的外觀,現在看起來更為明顯;

    • 按鈕的圓角邊框可以在variables.less中單獨定義;

    • 更改按鈕的過渡動畫時間從預設的較慢時間更改為正常時間,預設的時間參考variables.less中的定義;

    • 修復垂直按鈕組上頂部第一個按鈕圓角邊框顯示不正確的問題;

  • 滾動條:

    • 優化Webkit家族瀏覽器上滾動條的樣式;

  • 表單控件:

    • 優化表單中的單選框和復選框的樣式,現在與文字混合使用時在垂直方向上看起來更為居中;

    • 更改一些被禁用的表單項目樣式,更改鼠標懸停時的光標;

  • 導航:

    • 修復垂直導航的圓角樣式;

  • 進度條:

    • 調整進度條外觀,移除陰影效果,現在看起來更為扁平;

  • 面包屑:

    • 更改面包屑激活項目的顏色,現在看起來更為明顯;

  • 樹形菜單:

    • 增加樹形菜單視圖;

  • 對話框和對話框觸發器:

    • 模態框框更名為“對話框”;

    • 對話框支持全屏對話框,通過.modal-fullscreen實現;

    • 修復對話框觸發器中的模態框大小配置沒有正確應用的問題(by @remind);

    • 可拖拽移動的對話框開啟選項名稱由draggable更改為moveable;

    • 為所有類型的對話框增加rememberPos選項來記住用戶拖拽后模態框的位置;

    • 修復了拖拽移動對話框時的一些錯誤;

    • 模態框框觸發器更名為“對話框觸發器”;

    • 遠程對話框中的iframe標簽增加allowfullscreen屬性(by @YuanXu);

    • 對話框觸發器增加iframeBodyClass選項來定義遠程對話框中的iframe標簽上的CLASS;

    • 修復對話框觸發器彈出的對話框有時高度不停微小浮動抖動的問題;

    • 對話框觸發器增加waittime選項來顯示遠程內容加載的時間,增加broken事件來監聽遠程內容加載失敗時的事件;

    • 對話框觸發器增加loadingicon選項來自定義遠程加載內容時所顯示的圖標;

    • 通過按鈕觸發的對話框觸發器現在在每次觸發時都會重新讀取遠程地址的值,意味著可以在每次彈出對話框之前通過更改地址參數來動態的通過對話框加載不同的遠程內容;

  • 日期選擇:

    • 日期選擇插件增加pcikerPosition選項來控制彈出面板的彈出方向和顯示位置,如果此選項指定為auto-*,則自動決定最合適的位置;

  • Chosen和圖標選擇插件:

    • 為Chosen增加dropDirection選項來控制彈出面板的彈出方向,如果為auto則自動決定最合適的位置;

    • 為Chosen增加lang選項來設置界面語言;

    • 優化Chosen界面樣式;

    • 修復圖標選擇插件有時無法使用的問題;

    • 圖標選擇插件能選擇更多的圖標,包括WeChat圖標;

    • 修復圖標選擇插件無法正確讀取和應用語言設置的問題;

    • 加深了Chosen彈出面板的陰影效果,加強與其他內容的區分程度;

  • 漂浮消息:

    • 漂浮消息增加一個全局方法來隱藏所有已顯示的消息;

    • 漂浮消息的圓角大小在varuables.less中可配置;

  • 滾動監聽(scrollspy):

    • 修復滾動監聽事件名稱錯誤;

  • 拖放排序:

    • 拖放排序組件增加before事件;

    • 修復reset()方法有時工作不正確的問題;

  • 表單:

    • 移除<select>在火狐瀏覽器中彈出時的虛線邊框;

  • 代碼及代碼塊:

    • 調整代碼塊中的行高,現在會顯示的更為緊湊;

    • 當代碼塊使用prettify插件且啟用顯示行號時,移除底部多余的邊距;

  • 數據表格:

    • 數據表格使用原生表格作為數據源時支持繼承表格單元格上的title屬性;

    • 更改數據表格中的水平滾動條鼠標光標樣式;

    • 修復數據表格load方法通過$().datatable('load', newData)形式調用無法生效的問題;

    • 更改數據表格中選中行的圖標;

    • 數據表格的數據增加keepSort屬性來防止更新數據時排序發生重置的問題;

  • 看板視圖:

    • 增加對before事件的支持;

  • 圖表:

    • 優化chartjs,環狀圖表新增showLable選項來顯示或隱藏標簽;

    • 柱狀圖增加showLable和scaleValuePlacement選項來在柱形上指定位置顯示標簽;

    • 柱狀圖和條狀圖增加scaleShowBeyondLine選項來控制坐標軸樣式;

  • 日歷:

    • 修復日歷中更新事件時發生錯誤的問題;

  • Bootbox:

    • 更改Bootbox中的事件名稱,與ZUI其他組件中的事件名稱保持一致。

    • Bootbox升級到4.4.0版本;

  • 圖片瀏覽 (Lightbox):

    • 更改圖片瀏覽插件的樣式,現在看起來更為扁平;

    • 修復圖片瀏覽插件中的圖片描述有時顯示內容不正確的問題;

  • 圖片裁剪:

    • 更改圖片裁剪的API,增加更多事件,提交事件中包含更多的圖片信息;

  • Kindeditor:

    • 修復Kindeditor在微軟Edge瀏覽器和IE8中無法使用的問題;

  • 主題:

    • 大幅優化默認主題樣式,修復部分第三方組件沒有正確應用主題的問題;

    • 主題增加對圓角設置的支持;

  • 打包和編譯:

    • 使用Gulp取代Grunt,移除項目對Gruntjs的依賴,重構其中的大部分編譯和打包任務;

    • 數據表格從標準版中移除,已加入獨立組件;

    • 圖標選擇插件(chosenicons)、代碼美化高亮插件(prettify)和拖拽排序插件加入獨立組件打包中;

    • 優化 代碼和編譯流程,減小標準版CSS文件大小(約減少3%);

    • 支持 從src/less/basic/setting.less中讀取LESS配置;

    • 重構package.json中的lib和builds數據,現在使用zui.json來單獨管理這些數據;

  • 其他:

    • ZUI中的大部分組件動畫過渡時間由原來的0.3s減少為0.2s,動畫過渡效果會更快;

    • browser.js增加.tip(content)方法允許用戶自定義瀏覽器低版本提示信息;

    • 更新excanvas.js;

    • 修復migrate 1.2中的錯誤;

    • 增加對bower的支持;

    • 優化代碼結構和代碼格式;

    • 為一些第三方組件增加版權聲明信息。

來自: http://www.oschina.net//news/70257/zui-1-4

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!