ZUI 1.6 版本发布,新增部分功能,修改Bug
原创最后编辑:成格尔 于 2024-06-27 14:26:16
9009次查看
本篇目录
ZUI 1.6 发布了!这次带来的新的内容包括 文件上传视图 和 开关控件 ,另外增为 图标 字体增加了 6 个新的图标,树形菜单、仪表盘、工具提示、弹出面板 等功能得到增强,为了提升 JS 性能重做了 拖拽、拖放、拖放排序、拖放选取 等插件,另外修复了社区反馈的大量 bug。
详细内容访问zui前端框架官网:http://zui.sexy 。
新功能
文件上传
文件上传提供文件队列、大文件分片、自定义UI等功能,现在在你的网站上管理文件更加方便。
开关
大家喜爱的开关控件也加入了 ZUI。
仪表盘
仪表盘中的区别可以任意调整高度了,同一行的面板会自动保持一致。
新图标
提示消息和提示面板主题
更新明细
-
文件上传:
-
新增文件上传视图,支持如下特色功能:
- 提供多种预设的文件列表界面,包括普通列表、大号列表及网格;
- 支持大文件分片上传;
- 支持显示文件上传进度及上传速度等状态信息;
- 支持自定义界面模板,灵活定制个性化的文件上传界面;
- 支持拖拽文件上传;
- 支持文件队列,可以自动或手动上传文件;
- 支持七牛 js-sdk 上传文件,只需要简单配置;
- 支持图片文件缩略图及显示文件的个性图标;
- 支持过滤图片文件大小及格式、支持预处理图片文件(包括缩放、裁剪等);
- 支持 HTML5、flash、serverlight 等形式上传文件;
- 支持对服务器结果进行识别,包括上传结果及自动为下载按钮应用下载地址;
- 支持在文件列表显示静态文件;
-
新增文件上传视图,支持如下特色功能:
-
图标:
- 新增了一些字体图标,包括 .icon-database、.icon-eraser、.icon-strikethrouth、.icon-underline、.icon-header、.icon-italic;
- 修复了图标旋转辅助类在低版本 IE 中无效的问题;
-
开关控件:
- 新增开关控件 .switch,详情访问 http://zui.sexy/#control/switch ;
-
文档网站:
- 修正当页面打开对话框后按 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) 来将一个字符串转换为一个唯一的数值,任何字符串都对应一个唯一的整数;