升级指导

v1.0.1 可以无缝升级到 v1.0.2

更新说明

fixed #242

升级指导

v1.0.0 可以无缝升级到 v1.0.1

更新说明

1. .mdui-typo 中的 video 添加 max-width: 100%
2. 修复 slider 组件样式 bug。https://www.mdui.org/questions/222
3. panel 支持动态添加元素。https://www.mdui.org/questions/224
4. fixed #231
5. fixed #239
6. fixed #235

升级指导

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.2 可以无缝升级到 v0.4.3

更新说明

1. normalize.css 更新到 v8.0.1
2. 修复 Select 组件在只有一个选项时的高度错误
3. 修复 JS 文件放在 head 中时，Spinner 组件无法正常显示问题 #185
4. 移除 Firefox 中 Tab 组件的 outline 轮廓 #189
5. 修复密集型列表头像变形的问题 #187
6. 新增不确定状态的 checkbox 样式 #195
7. 表格行未全部选中时，表头的 checkbox 使用不确定状态
8. 修复预定义对话框的回调函数报错问题 #197

升级指导

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.0 可以无缝升级到 v0.4.1

更新说明

• $$.guid 方法支持传入参数，指定 guid 的名称
• 修复一处 ajax bug
• 在 disabled 的元素上 tooltip 将不再触发
• snackbar 的 message 为空时，将不打开 snackbar，而不是报错
• drawer 关闭时不再显示阴影
• 修复通过自定义属性调用 drawer 时，swipe 属性失效的问题
• mdui-typo 中的链接换行时的样式优化
• 修复 iOS 中 overflow: auto 卡顿问题

升级指导

通过 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 文件

升级指导

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.0 可以无缝升级到 v0.2.1

更新说明

• 修复直接编译 mdui.less 时的报错问题
• 浮动操作按钮的 z-index 值从 8000 改为 4000，使其位于抽屉栏下方
• 修复网格布局中的等分列添加 .mdui-row-gapless 无效的问题
• 网格布局中，不含内边距的列嵌套时，移除嵌套元素的内补
• 在移动端，使滚动条的样式更细
• 菜单关闭动画从滑出改为淡出
• 修改密集型列表中的副标题字体大小
• 修复 mdui.js 文件放在 head 中的报错问题
• 修复通过自定义属性调用 tooltip 时，第一次触摸时无法打开 tooltip 的问题
• 涟漪效果现在只在点击时触发，在手指划过元素时不再触发
• 修复表格包含 tfoot 时缺少一条分隔线的问题
• 底部导航栏带背景色时，使文本颜色继承父元素的颜色
• 文本框验证允许使用自定义的验证方法进行验证
• 修复对话框组件在关闭一个对话框，并打开另一个对话框时，第二个对话框无法打开的问题

升级指导

v0.1.2 可以无缝升级到 v0.2.0

更新说明

• 新增 mdui.JQ。这是一个有着和 jQuery 类似语法的 JavaScript 工具库，包含了 CSS 选择器、DOM 操作、事件等功能。
• 修复在触控屏上，浮动操作按钮、滑块、Tab 选项卡、菜单等组件无法用鼠标操作的 bug。
• 删除了图标和字体的 eot 和 ttf 文件。

这个版本的 JavaScript 代码基本都用 mdui.JQ 重写了，改动比较大，这里只列出重要改动。

升级指导

v0.1.1 可以无缝升级到 v0.1.2

更新说明

• 新增密集型按钮样式
• checkbox 样式优化
• 可扩展面板的样式完善
• 修复多行文本框换行时动画错误
• #4 修复在触控屏电脑上涟漪失效问题；修复某些情况下涟漪重叠不消失的问题