Mdui Versions Save

Material Design 3(Material You) UI components using Web Components.

v1.0.0

3 years ago

升级指导

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

4 years ago

升级指导

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.2

5 years ago

升级指导

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

6 years ago

升级指导

v0.4.0 可以无缝升级到 v0.4.1

更新说明

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

v0.4.0

6 years ago

升级指导

通过 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.JQtrigger 方法支持鼠标事件模拟
  • mdui.JQ 的 ajax 参数 contentType 为 false 时,将不添加 Content-Type 请求头
  • mdui.prompt() 方法支持在按下回车键时确认输入内容
  • Select 组件在选中值后会触发 change 事件
  • Snackbar 新增一种调用方式 mdui.snackbar(message, opts)
  • Snackbartimeout 参数为 0 时,改为永不自动关闭
  • Textfield 组件的多行文本框在添加 rows 属性后,高度将固定
  • Textfield 组件支持添加帮助文本
  • 支持为 Tab 组件添加新 tab 项,调用组件的 handleUpdate 方法后可生效
  • 修复 Tab 组件的 change.mdui.tab 事件参数错误
  • 支持 CommonJS、AMD 模块规范
  • 添加了 mdui.min.css.map、mdui.min.js.map 文件

v0.3.0

6 years ago

升级指导

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 新增 onOpenonOpenedonClosed 回调函数
  • Snackbar 新增 position 参数,可用于调整 Snackbar 的位置
  • 对应用栏的响应式高度进行了优化
  • 抽屉栏由固定宽度改为了响应式宽度
  • 修复浮动操作按钮的快速拨号区域遮盖页面内容的问题
  • 修复 Chrome 浏览器中点击滚动条时产生的报错
  • 修复 IE 浏览器中多行文本框换行时产生的滚动条闪动
  • 修复 IE 浏览器中在多行文本框中连续输入回车时,文本框高度无法自动增加的问题
  • 多行文本框的默认高度改为和单行文本框一致
  • 修复 Tooltip 组件修改参数不能实时生效的问题
  • 修复 mdui.JQ().data(object) 的返回值错误,该方法返回 JQ 对象
  • 修复 IE 浏览器中 mdui.JQ().width()mdui.JQ().height() 计算错误

v0.2.1

6 years ago

升级指导

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

更新说明

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

v0.2.0

7 years ago

升级指导

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

更新说明

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

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

v0.1.2

7 years ago

升级指导

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

更新说明

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

v0.1.1

7 years ago