开源HTML5跨屏UI框架ZUI发布1.6版本

原创
发布：孙浩 于 2017-03-17 11:50:00
最后编辑：潘仙芝 于 2017-03-31 09:00:23
5072次查看

本篇目录

大家好，我们很高兴的向大家推出ZUI的1.6版本。ZUI是我们团队在开发其他几款开源软件过程中衍生出来的一款跨屏HTML5框架。基础的理念基于bootstrap，又结合我们自己实际的应用做了大量的整合工作。我们团队开发的禅道 项目管理软件、蝉知 cms系统、然之 OA系统都是使用的ZUI框架，并得到了大量一线用户的检验。

v 1.6.0

更新明细

  • 文件上传：
    • 新增文件上传视图，支持如下特色功能：
      • 提供多种预设的文件列表界面，包括普通列表、大号列表及网格；
      • 支持大文件分片上传；
      • 支持显示文件上传进度及上传速度等状态信息；
      • 支持自定义界面模板，灵活定制个性化的文件上传界面；
      • 支持拖拽文件上传；
      • 支持文件队列，可以自动或手动上传文件；
      • 支持七牛 js-sdk 上传文件，只需要简单配置；
      • 支持图片文件缩略图及显示文件的个性图标；
      • 支持过滤图片文件大小及格式、支持预处理图片文件（包括缩放、裁剪等）；
      • 支持 HTML5、flash、serverlight 等形式上传文件；
      • 支持对服务器结果进行识别，包括上传结果及自动为下载按钮应用下载地址；
      • 支持在文件列表显示静态文件；
  • 图标：
    • 新增了一些字体图标，包括.icon-database、.icon-eraser、.icon-strikethrouth、.icon-underline、.icon-header、.icon-italic；
    • 修复了图标旋转辅助类在低版本 IE 中无效的问题；
  • 开关控件：
  • 文档网站：
    • 修正当页面打开对话框后按ESC键导致文档页面关闭而对话框背景层还存在导致页面不可用的问题；
    • 修正了文档上一些资源的路径，现在文档支持使用网址的二级目录形式访问；
    • 文档上了示例代码都增加了语言类型提示；
  • 标签页导航：
    • 新增垂直的标签页式导航，使用.nav.nav-tabs.nav-stacked实现；
  • 垂直菜单：
    • 修复垂直菜单初始状态下展开折叠指示图标不正确的问题；
    • 垂直菜单已不建议使用，现在可以使用树形菜单.tree.tree-menu来实现垂直菜单的功能，详情参见文档 视图 → 树形菜单 → 树形导航菜单；
  • 树形菜单：
    • 新增树形导航菜单外观，使用.tree.tree-menu实现；
    • 修复了.tree-lines在一些情况下连接线不连贯或超出的问题；
  • 图表：
    • 更改了配置项multiTooltipTemplate的默认值，现在默认情况下会显示数据值所属的数据表名称；
    • 优化饼图上的标签显示策略，现在标签会自动选择合适的位置显示，不会重叠在一起；
  • 拖拽：
    • 重做了拖拽插件，支持一次性初始化多个被拖拽元素（包括动态加入的元素），提升了性能；
  • 拖放：
    • 重做了拖放插件，支持为一组元素（包括动态加入的元素）的拖放操作，提升了性能；
  • 拖放排序：
    • 重构了拖放排序插件，提升了插件性能，解决了在多次调用后导致卡顿的问题；
  • 拖拽选取：
    • 修复了有时finish事件没有被触发的问题；
    • 修复了在极端情况下mouseup事件没有触发导致选择框无法消失的问题；
    • 提升了拖拽选取交互过程中的性能；
  • 看板：
    • 提升了性能，修复了看板上的条目在拖动时重复绑定事件的问题；
  • 日历：
    • 提升了性能，修复了在某些极端情况下导致无法放置拖放的日历事件的问题；
  • 仪表盘：
    • 仪表盘现在支持通过拖拽面板底部边缘来调整面板的高度，在同一行上的面板会在其中一个高度变化时自动调整高度来保持一致；
    • 提升了插件运行效率；
  • 提示消息：
    • 增加了tipClass和tipId选项；
    • 增加多种颜色主题，可以通过tipClass来指定；
  • 弹出面板：
    • 增加了多种颜色主题；
    • 修复了在手动调用$().tooltip('hide')之后，没有从页面移除动态生成的.tooltip元素的问题；
  • 下拉菜单：
    • 增加.dropdown-hover类来实现不需要点击触发按钮只需要鼠标悬停就可以展开下拉菜单面板；
  • 文字排版：
    • 有序列表增加.ol-pd-2、.ol-pd-3、.ol-pd-4特殊类来修正左侧边距，并提供了一个 JS 方法$().fixOlPd()来手动修正；
    • 元素增加了.divider和.divider-sm类获得不同外边距的分割线；
    • 为 MacOS 增加苹方字体；
  • 漂浮消息：
    • 修复了当指定了自定义操作按钮及onAction事件回调函数时提示result未定义大问题；
    • 修复了方法名命名错误，destory更正为destroy；
    • 修复了使用new方法创建实例时报错的问题（issue #32）；
  • 富文本编辑器：
    • 重构了打包任务，修复了在dist目录下没有包含插件资源的问题；
    • 修复了在一些浏览器上对话框上的按钮在英文界面上文字显示不全的问题；
  • 日期选择器：
    • 修复了在点击清空按钮后，再次弹出日期面板上的左右切换日期按钮失效的问题；
    • 新增eleClass和eleId选项来为动态生成的日期选择面板元素指定 CLASS 和 ID 属性；
  • 颜色选择器：
    • 修复了updateColors()和addColor()方法无法直接添加字符串形式的颜色值的问题；
    • 修复了在 jQuery 3.x+ 上报错的问题；
  • Chosen：
    • 增加middle_hightlight选择来让打开下拉面板时选中的选项尽量列表中间位置；
  • 主题：
    • 修复了在主题中为面板组和标签设置圆角值无效的问题；
  • 其他：
    • .show辅助类会使用!important修饰，避免在一些情况下失效；
    • 增加辅助方法$.zui.strCode(str)来将一个字符串转换为一个唯一的数值，任何字符串都对应一个唯一的整数；

具体的文档请访问ZUI的官网： http://zui.sexy (请放心点击，有惊喜。)

类目
文章分类
产品动态