v1.9.2
[2020-07-09]
本次更新修复了已知问题,并进行大量改进。
ZUI 官方网站为 https://www.openzui.com/ ,并提供了英文文档 https://www.openzui.com/en/ 。
更新明细
- CSS 基础和辅助类:
- 优化了下拉三角图标的样式,通过降低了透明度来进行弱化;
- 新增
text-wrap
辅助类,相对于text-nowrap
用于快速设置文本换行样式;
- 富文本编辑器(Kindeditor):
- 优化了 placeholder 的样式;
- 优化粘贴图片的交互,上传图片过程中会尝试禁止用户提交表单;
- 优化代码自动格式化方法,现在不会对链接中的锚点进行处理(例如
<a href="#heading1" />
); - 修复了表格设置弹窗上设置边框大小可能失效的问题;
- 修复了合并单元格之后无法通过 tab 来切换选中单元格的问题;
- 修复了无法通过 tab 键将激活状态切换到其他表单元素上的问题;
- 修复了粘贴图片之后无法正常撤销的问题;
- 修复了在表格单元格上右键属性菜单界面文本没有正确显示的问题;
- 开关、多选和单选框:
- 优化了开关、高级外观的复选框单选框背景色(issue #156)
- 输入组:
- 优化连续使用
.input-group-addon
时的边框样式;
- 优化连续使用
- 导航:
- 增强对基础样式的支持,使用
.nav
、.nav.nav-default
或.nav.nav-simple
形式;
- 增强对基础样式的支持,使用
- 图标:
- 优化了字体图标基线高度,确保文字与图标混合显示时能够尽量垂直居中对齐;
- 移除了
icon-renren
图标;
- 下拉菜单:
- 优化了下拉菜单阴影样式,现在看起来更有层次感;
- 修复了在一些特殊情况下下拉菜单不显示的问题;
- 表单:
- 优化了在 macOS 上
<select>
下拉三角图标的外观,与其他平台上统一;
- 优化了在 macOS 上
- Chosen:
- 增加了
no_wrap
选项来禁用下拉选项上的文本换行,此选项默认不开启; - 增加了
sort_field
和sort_value_splitter
选项来记录用户进行多选时选项在界面上显示的顺序; - 增加了
drop_item_height
选项用于指定下拉菜单上的选项高度,便于自动设置下拉菜单样式和弹出方向,通常此选项会自动进行计算,但当用户手动调整了 CSS 样式时可能需要此选项来手动指定高度; - 优化了
change
事件参数,当用户进行反选操作时会通过事件回调函数第二个参数对象上的deselected
属性返回被取消选中的值; - 优化了清空按钮样式、下拉框的外观以及下拉菜单交互方式;
- 修复了全局默认选项
$.fn.chosen.Constructor.DEFAULTS
可能失效的问题; - 修复了初始化选项
middle_highlight
在max_drop_width
选项开启时失效的问题;
- 增加了
- 上下文菜单:
- 新增初始化选项
className
用于向弹出菜单元素添加自定义类名; - 优化了菜单项对象上的
html
属性,如果指定 HTML 文本则会作为构建整个菜单项使用,而不仅仅是作为菜单项文本内容,这样方便用户构建任意交互形式的菜单项;
- 新增初始化选项
- 对话框和对话框触发器:
- 增加全局辅助方法
$.zui.reloadModal(urlOrOptions, modalID)
来方便用户重新载入指定远程对话框上的内容,当对话框内容重新载入时会显示加载中提示动画; - 优化了
scrollInside
选项,现在同时支持对话框和对话框触发器,解决了在一些特殊情况下没有按预期工作的问题,并针对浏览器窗口发生变化情况进行了优化; - 修复了一些特殊情况下动态更新远程对话框内容后对话框上仍然可能保留更新前部分内容的问题;
- 修复了调用
$.fn.show()
方法时没有使用全局选项$.zui.ModalTrigger.DEFAULTS
的问题; - 修复了加载 iframe 内容失败时并监听
broken
事件时没有返回有效的 HTML 字符串可能导致出错的问题;
- 增加全局辅助方法
- 树形菜单:
- 初始化选项
initialState
增加新的选项值'active'
,在初始化之后展开所有激活的节点以及对应的父节点(确保激活的节点可见) - 新增
$.fn.expandSelect(selector)
方法,用户展开指定的节点以及父节点;
- 初始化选项
- 漂浮消息:
- 优化与图标一起显示的外观;
- 优化全局默认选项,现在可以通过
$.zui.Messager.DEFAULTS.icons
来设置预设类型的图标;
- 图片剪切:
- 新增
onSizeError
选项,当原始图片尺寸不符合选项minWidth
和minHeight
要求时的回调函数,包含一个参数{width, height}
用于返回当前图片宽和高,在此函数内可以提示用户更换图片;
- 新增
- 进度条:
- 优化样式,现在内部色块也拥有一致的圆角外观;
- 日历:
- 新增
hideFirstDayNumber
选项用于隐藏月份第一天时的日期显示(会显示 “一月”,而不是 “一月1”); - 修复拼写错误导致调用
$.fn.removeEvents()
出错的问题(@JIMhackKING issue #157);
- 新增
- 加载指示器:
- 优化了与按钮一起使用时的样式;
- 优化了覆盖层的样式,减少了透明度;
- 颜色选择器:
- 修复了下拉菜单宽度问题;
- 文件上传:
- 优化了对远程服务器返回的 JSON 内容容错性,如果返回的 JSON 对象中没有指定
status
或result
属性仍然视为上传成功; - 修复了对 IE 浏览器的兼容;
- 优化了对远程服务器返回的 JSON 内容容错性,如果返回的 JSON 对象中没有指定
- 数据表格2:
- 新增
onClickCell
事件,用于监听用户点击单元格事件; - 更正了文档上关于
gotoPage
的描述错(issue #156); - 修复了鼠标悬停时的样式与隔行变色样式冲突的问题;
- 新增
- 数据表格:
- 优化了更新大量数据时的性能,现在会自动禁用动画效果;
- 修复了弹性区域水平滚动条可能存在1像素偏移的问题;
- JavaScript 辅助方法:
- 重构了
$.zui.uuid()
方法,现在返回的字符串长度为 12,之前为 10; - 修复了浏览器检查插件
$.zui.browser
对 IE11 的检查问题;
- 重构了
- jQuery:
- 内置默认的 jQuery 新增
3.4.1
版本,旧的1.12.4
仍然可用;
- 内置默认的 jQuery 新增
- 国际化:
- 现在如果没有在
<html>
标签上通过lang
属性来指定语言并且使用组件时没有指定语言选项时,默认以英文作为默认界面语言。
- 现在如果没有在
- 主题:
- 修复了主题中复选框没有应用主题色的问题;
- 文档:
- 新增英文文档 https://www.openzui.com/en/ ;
- 更正了文档中的大量拼写错误。