Releases: zdhxiong/mdui
v1.0.2
v1.0.1
升级指导
v1.0.0 可以无缝升级到 v1.0.1
更新说明
- .mdui-typo 中的 video 添加 max-width: 100%
- 修复 slider 组件样式 bug。https://www.mdui.org/questions/222
- panel 支持动态添加元素。https://www.mdui.org/questions/224
- fixed #231
- fixed #239
- fixed #235
v1.0.0
升级指导
v1.0.0 和 v0.4.3 不兼容,不兼容的部分包括:
mdui.$ 更新
在 0.4.3 中它叫 mdui.JQ
,在 1.0.0 中更名为 mdui.$
。
如此更改后,在 ES6 模块化环境中,你可以使用如下方式导入 mdui.$
,使用上更便捷。
import { $ } from 'mdui';
mdui.$
中还对多个方法的功能进行了扩充,这里不再叙述。下面仅列出和 0.4.3 不兼容的更新部分。
.width(),.height(),.innerWidth(),.innerHeight() 变更
在 0.4.3 中,是否包含内边距取决于 box-sizing
属性的值。
在 1.0.0 中,宽度和高度与 box-sizing
的属性无关。修改后与 jQuery 保持一致。
.offset(),position() 变更
在 0.4.3 中,返回值格式为 { top: number, left: number, width: number, height: number }
在 1.0.0 中,返回值格式改为 { top: number, left: number }
。修改后与 jQuery 保持一致。
.children(),.parent(),.parents(),.prev(),.prevAll(),.next(),.nextAll(),.siblings() 变更
在 0.4.3 中,参数可以是 CSS 选择器、DOM 元素、数组等多种类型。
在 1.0.0 中,参数只能是 CSS 选择器类型。修改后与 jQuery 保持一致。
.has() 变更
在 0.4.3 中,参数可以是 CSS 选择器、DOM 元素、数组等多种类型。
在 1.0.0 中,参数只能是 CSS 选择器或 DOM 元素。修改后与 jQuery 保持一致。
.ready() 移除
在 0.4.3 中,可以使用 $(document).ready(function () {})
来调用 DOM 加载完毕需要执行的函数。
在 1.0.0 中,请将其替换为 $(function () {})
。
.ajax() 变更
在 0.4.3 中,.ajax()
方法的返回值为 XMLHttpRequest 对象。且支持发送 jsonp 请求。
在 1.0.0 中,返回值改为了 Promise。且该方法不再支持 jsonp 请求。
v0.4.3
v0.4.2
升级指导
v0.4.1 可以无缝升级到 v0.4.2
更新说明
- 新增了 CSS 类
mdui-appbar-inset
,在应用栏上添加该类后,可以使应用栏左侧留出抽屉栏的宽度 - 修复 $$().find() 方法中包含非 element 和 document 节点时报错的问题
- normalize.css 更新到 v8.0.0
- 修复 textarea 字数统计错误 #167
- 修复夜间模式下列表项的颜色错误 #174
- .mdui-typo 中 [draggable="false"] 时,不再出现拖拽手势图标 #164
- 修复浮动操作按钮上使用 .mdui-fab-mini 时,按钮不对其的问题 #160
- 单选/复选框 可以通过 Tab 键选中 #179
- 修复 Dialog 组件和单页面 JS 框架的路由冲突问题 #84
v0.4.1
v0.4.0
升级指导
通过 trigger 方法触发事件时,传入的参数,改为存储在事件对象的 _detail 属性中。
因为触发鼠标事件时,事件对象的 detail 属性是只读的。
不过为了向下兼容,对于非鼠标事件,仍然同时在 detail 属性中存储了事件参数。
mdui.JQ('.box').trigger('click', {key1: 'value1', key2: 'value2'});
mdui.JQ('.box').on('click', function(e, data) {
// 在 v0.3.0 中,data === e.detail
// 在 v0.4.0 中,data === e._detail
})
更新说明
- 新增
mdui.mutation()
方法,支持 DOM 突变重启 DATA API - 根据最新的 Material Design 规范,修改了部分背景色中的文本色
Textfield
组件样式遵循 Material Design 规范进行了优化mdui.JQ
的trigger
方法支持鼠标事件模拟mdui.JQ
的 ajax 参数contentType
为 false 时,将不添加Content-Type
请求头mdui.prompt()
方法支持在按下回车键时确认输入内容Select
组件在选中值后会触发change
事件Snackbar
新增一种调用方式mdui.snackbar(message, opts)
Snackbar
的timeout
参数为 0 时,改为永不自动关闭Textfield
组件的多行文本框在添加rows
属性后,高度将固定Textfield
组件支持添加帮助文本- 支持为 Tab 组件添加新 tab 项,调用组件的
handleUpdate
方法后可生效 - 修复 Tab 组件的
change.mdui.tab
事件参数错误 - 支持 CommonJS、AMD 模块规范
- 添加了 mdui.min.css.map、mdui.min.js.map 文件
v0.3.0
升级指导
mdui.JQ 传入到事件处理函数中的参数,获取方式进行了变更。
mdui.JQ('p').on('click', {foo: 'bar'}, function (event) {
// v0.2.1 及之前的版本获取参数方式为 event.data
// v0.3.0 起需要改为 event._data
});
更新说明
- 新增
Select
组件 - 新增按钮组组件
mdui.JQ
中新增ajax
方法Drawer
组件新增swipe
参数,可通过滑动手势打开和关闭抽屉栏Collapse
组件新增了mdui-panel-item-close
属性;Panel
组件新增了mdui-collapse-item-close
属性,可在点击时关闭面板Snackbar
新增onOpen
、onOpened
、onClosed
回调函数Snackbar
新增position
参数,可用于调整Snackbar
的位置- 对应用栏的响应式高度进行了优化
- 抽屉栏由固定宽度改为了响应式宽度
- 修复浮动操作按钮的快速拨号区域遮盖页面内容的问题
- 修复 Chrome 浏览器中点击滚动条时产生的报错
- 修复 IE 浏览器中多行文本框换行时产生的滚动条闪动
- 修复 IE 浏览器中在多行文本框中连续输入回车时,文本框高度无法自动增加的问题
- 多行文本框的默认高度改为和单行文本框一致
- 修复
Tooltip
组件修改参数不能实时生效的问题 - 修复
mdui.JQ().data(object)
的返回值错误,该方法返回JQ
对象 - 修复 IE 浏览器中
mdui.JQ().width()
、mdui.JQ().height()
计算错误
v0.2.1
升级指导
v0.2.0 可以无缝升级到 v0.2.1
更新说明
- 修复直接编译
mdui.less
时的报错问题 - 浮动操作按钮的
z-index
值从 8000 改为 4000,使其位于抽屉栏下方 - 修复网格布局中的等分列添加
.mdui-row-gapless
无效的问题 - 网格布局中,不含内边距的列嵌套时,移除嵌套元素的内补
- 在移动端,使滚动条的样式更细
- 菜单关闭动画从滑出改为淡出
- 修改密集型列表中的副标题字体大小
- 修复 mdui.js 文件放在 head 中的报错问题
- 修复通过自定义属性调用
tooltip
时,第一次触摸时无法打开tooltip
的问题 - 涟漪效果现在只在点击时触发,在手指划过元素时不再触发
- 修复表格包含 tfoot 时缺少一条分隔线的问题
- 底部导航栏带背景色时,使文本颜色继承父元素的颜色
- 文本框验证允许使用自定义的验证方法进行验证
- 修复对话框组件在关闭一个对话框,并打开另一个对话框时,第二个对话框无法打开的问题