ZUI 发布 1.4 版本， HTML5 前端 UI 框架

liarwzyssj

欢迎加入运维网交流群：263444886  
　　大家好，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
　　
主题效果


更新明细

• 　　完善和持续改进文档：
  
  
  
  • 　　大部分组件文档都得到更新，增加了更多的示例和示例代码；
    
  • 　　文档中的主题章节支持直接预览主题，并可以自定义修改主题配置并编译和下载主题（此功能在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的支持；
    
  • 　　优化代码结构和代码格式；
    
  • 　　为一些第三方组件增加版权声明信息。