layui 2.6.0发布,传统UI框架表示还想冒个泡
在 Vue.js 遍地生根的今天,一大批优秀的现代 UI 组件库闯进了你的「戎码」生活,而像 layui 这样的传统系列,已不断被扔入时代的废纸篓。拥抱更美好的技术方案,正与开发者的特质所匹配。所以 layui 那近乎停更的两年,有来自客观规律的必然,也有带着主观上的使然。毕竟,枫叶并不属于春天,花红柳绿才是春的主旋律。然而前面提到,我毕竟是穿越来的,穿越的事物通常是可以原谅的,姑且就容我踏着春风,再度启航。
更新内容
v2.6.0
[调整] 核心模块的聚合,统一构建为 layui.js,这意味着不必再按需异步加载模块,直接就可以使用 layui 所提供的所有组件库。该调整向下兼容,对早前版本的写法不受影响。但需要注意的是:1. 如果之前引入了 layui.all.js 的,现在必须改成 layui.js;2. 如果元素存在动态插入,那么您需要执行元素所对应组件的 render() 方法,如 form.render()。
[新增] 基础菜单(layui-menu)样式结构,可无限层级嵌套
[新增] 通用 dropdown 下拉菜单组件
亦可作为「右键菜单组件」使用
[支持] 无限层级嵌套
[支持] 子级菜单的横和竖两种展示方式
[支持] 局部或全局的自定义菜单列表模板,可给菜单列表添加任意元素(图片、图标等)
[支持] 自定义事件,可通过 click、hover、contextmenu(鼠标右键)等等方式调出组件面板
[支持] className、style 属性,用于对组件的样式重置
[新增] 常规面板(layui-panel)样式结构
[优化] layer 组件的核心代码,当初始执行弹窗时,不必再套一层 layer.ready() 了
[优化] layer 组件局部样式,以更贴近简约和百搭
[优化] layDate 组件的日期范围选择,不再是之前一样左右联动的操作方式,而是左右保持完全独立的选择
[优化] layDate 组件局部样式,及剔除多余 js 代码
[修复] layDate 组件中当设为年/月选择器时,点击选择年/月数值时,面板未自动关闭的问题
[修复] layDate 组件当 lang 设置为 'en' 时,部分提示内容未显示英文的问题
[新增] table 组件的 table.getData(id) 方法,用于获取表格当前页的所有行数据(现在不必再通过 table.cache 获取)
[修复] table 组件的 table.reload() 重载方法在多次执行时,会携带上一次执行时的参数的重大 BUG
[新增] util 组件的 unescape(str) 方法,用于将转义后的 HTML 还原
[优化] code 组件整体样式
[优化] 整体边框/背景等色调,以及边距尺寸,以使得视觉搭配更加和谐自然
[优化] 按钮部分样式细节,以及新增对边框按钮各种色系的更好支持
[优化] hr 横线样式,以防止某些情况出现边框模糊的问题
[新增] 新增 CSS3 从顶部往下滑入、微微往下滑入、平滑放小、弹簧式放小四种动画,并优化部分过度动画
[新增] layui-font-样式,可定义常见字体大小和颜色
v2.6.1
[加强] table 组件的 table.reload(id, options, deep) 方法,可通过 deep参数控制是否采用深度重载(即参数深度克隆,也就是重载时始终携带初始时及上一次重载时的参数),默认浅重载
[新增] table 组件加载失败时的 error 回调
[优化] table 组件的 render 和 reload 方法,执行时保留 table.set() 设定的全局参数(同名参数覆盖)
[优化] 按钮的尺寸,纯背景色按钮与带边框的按钮,在同等字符长度下尺寸相同
[优化] 时间线只有一条数据时仍然显示线的问题,并优化其他细节
[优化] 管理系统大布局样式,滚动条采用 body 默认,而非之前的 layui-body 所在的元素
往期推荐
2021-03-31
2021-03-31
2021-03-31
扫码关注最新动态
公众号ID:fosslab
我就知道你“在看”