当前位置: > Linux新闻 >

ZUI前端框架发布 1.9.2 版本,修复已知问题,并进行大量改进

时间:2020-07-11 10:37来源:linux.it.net.cn 作者:IT

ZUI框架是一款开源的HTML5跨屏框架,是禅道项目管理软件团队在完善自己产品过程中形成的一个开源前端实践方案。一个基于 Bootstrap 深度定制开源前端实践方案,能帮助你快速构建现代跨屏应用。

小伙伴们,ZUI前端框架发布1.9.2 版本,本次更新修复了已知问题,并进行大量改进。

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> 下拉三角图标的外观,与其他平台上统一;
  • 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 浏览器的兼容;
  • 数据表格2:
    • 新增 onClickCell 事件,用于监听用户点击单元格事件;
    • 更正了文档上关于 gotoPage 的描述错( issue #156);
    • 修复了鼠标悬停时的样式与隔行变色样式冲突的问题;
  • 数据表格:
    • 优化了更新大量数据时的性能,现在会自动禁用动画效果;
    • 修复了弹性区域水平滚动条可能存在1像素偏移的问题;
  • JavaScript 辅助方法:
    • 重构了 $.zui.uuid() 方法,现在返回的字符串长度为 12,之前为 10;
    • 修复了浏览器检查插件 $.zui.browser 对 IE11 的检查问题;
  • jQuery:
    • 内置默认的 jQuery 新增 3.4.1 版本,旧的 1.12.4 仍然可用;
  • 国际化:
    • 现在如果没有在 <html> 标签上通过 lang 属性来指定语言并且使用组件时没有指定语言选项时,默认以英文作为默认界面语言。
  • 主题:
    • 修复了主题中复选框没有应用主题色的问题;
  • 文档:
    • 新增英文文档  https://www.openzui.com/en/ ;
    • 更正了文档中的大量拼写错误。

下载安装

  • zui-1.9.2-dist.zip
  • Source code(zip)
  • Source code(tar.gz)


(责任编辑:IT)
------分隔线----------------------------
栏目列表
推荐内容