欢迎来到 layui 2.4。本次除了 table 组件较大幅度的加强,还特别添加了业界比较常见的两款新组件:colorpicker 和 slider 。依然没有看到 tree?多选框等等你想要的功能性组件?不必着急,我们推出了 layui 第三方扩展组件平台,它用于收集来自 layui 官方以外的组件,由贡献者自己维护,众人拾柴火焰高。
2.4.0 是 layui 进入秋的首个更新版本,一般来说由于下半年的天气原因,更新节奏也会大大提升。
本次更新日志如下:
[加强] table 组件
- [新增] 工具栏区域,通过 toolbar 参数开启,可自定义工具按钮 #详见文档
- [新增] 列显示隐藏功能,位于工具栏右侧
- [新增] 表格导出功能,位于工具栏右侧。也可通过 table.exportFile() 方法导出
- [新增] 表格打印功能,位于工具栏右侧
- [新增] 合计行功能,通过 totalRow 参数开启
- [新增] 单选框列,通过 type:’radio’ 开启
- [新增] 工具栏事件(toolbar)、行单击事件(row)、行双击事件(rowDouble)
- [新增] 数据预解析回调函数:parseData,用于将返回的任意数据格式解析成 table 组件规定的数据格式 #详见文档
- [新增] 数据初始时的 loading,并更换了风格
- [新增] title 参数,用于定义 table 的大标题(在文件导出等地方会用到)
- [新增] 表头参数 cols 的 hide 子参数,用于控制隐藏列
- [新增] 表头参数 cols 的 totalRow 子参数,用于开启该列的合计功能
- [新增] 表头参数 cols 的 totalRowText 子参数,用于显示自定义的合计文本
- [优化] 自动分配列宽导致无故出现横向滚动条的问题
- [优化] 自动分配的列宽可跟随浏览器窗体尺寸改变而重新适配
- [优化] 单元格溢出状态的展开体验
- [优化] 多处细节问题
- [修复] templte 为函数时,单元格编辑和 tool 事件的 update 均未执行模板解析的问题
- [修复] form 组件中的元素在 table 中一些不友好的显示问题
- [修复] 表格容器在隐藏区域时(如 Tabs 中),未能显示分页栏的问题
[新增] colorpicker 颜色选择器组件
- [支持] hex、rgb、rgba 三类色彩模式
- [支持] 自由拖拽设置
- [支持] 透明度拖拽设置,需配合 rgba 色值
- [支持] 预定义颜色列表,可自由配置
- [支持] 三种颜色框风格,可用于和不同尺寸的表单和按钮搭配
- [支持] 颜色被改变和选择完毕的回调
- [注意] colorpicker 组件不支持ie10以下版本,其它高级浏览器均支持
[新增] slider 滑块组件
- [支持] 水平和垂直两种滑块类型
- [支持] 支持自定义滑块数值区间
- [支持] 开启滑块范围模式拖拽
- [支持] 开启输入框动态改变滑块数值
- [支持] 自定义滑块间隔长度
- [支持] 自定义数值提示文本
- [支持] 自定义主题色
- [支持] 滑块数值被改变的回调,以及动态改变滑块的外部方法
[完善] form 组件
- [修复] checkox 组件的 primary 风格在文字很长的情况下出现的显示异常问题
- [修复] select 组件搜索后,上下快捷键选择失效的问题
其它
- [修复] layDate 组件在设置了非法 初始 value 时,点击空白处报错的问题
- [剔除] css 中备选字体 \5FAE\8F6F\96C5\9ED1(微软雅黑),以免版权问题。尽管它并不会优先使用
事实上最新版已经到 2.4.2 了:
v2.4.1 2018-08-29
- [新增] table 组件的 defaultToolbar 参数,可自由配置头部工具栏右侧的图标 #详见文档
- [优化] table 组件的筛选下拉框在表格高度较短时被遮挡的问题
- [优化] table 组件的 toolbar 参数,可通过设置 “default” 值来显示内置图标
- [优化] table 组件的 height 参数,加入最小高度的判断,以保证任何情况都能良好展示
- [优化] 各组件、元素之间的 z-index 层级优先级
- [优化] 颜色选择器的状态可即时跟随面板中的输入框值改变而改变
- [优化] 颜色选择器的局部代码和外观
- [修复] 颜色选择器的 value 参数设置 hex 部分初始值时的报错问题
v2.4.2 2018-08-30
- [修复] table 组件初始设定 hide 属性,表格未能正常显示的问题
- [修复] table 组件的多级表头下,点击筛选列出现的异常问题
- [修复] table 组件在隐藏列后,执行 table.reload() 方法重载后表头后的异常问题
- [修复] table 组件的 loading 参数设为 false 的异常问题
- [剔除] table 组件的 height 参数最小高度的判断,改回之前的自由设定
- [优化] table 组件局部代码,以适应复杂表头下的各种功能
- [优化] table 组件的打印,不包含非数据列
- [优化] slider 组件局部代码
- [修复] 2.4.1 改动的层级优先级导致的各种堆叠异常问题(尤其是对 layuiAdmin 的影响)
转自 https://www.oschina.net/news/99463/layui-2-4-0-released