Material Design UI library for Vuejs 2.0
mu-text-field
value无法清空的问题 #941
mu-tooltip
和 mu-drawer
混合使用导致遮盖层意外关闭的问题 #944
mu-date-input
dateTime 模式默认时间无法是当前时间的问题 #945
mu-time-picker
增加 view-type
参数,可以用列表方式选择时间mu-date-picker
mu-time-picker
增加 display-color
参数定义日期显示区域颜色mu-date-time-picker
组件,在 mu-date-input
中使用 查看文档
mu-form
表单组件,支持表单布局和表单验证 查看文档
mu-ripple
波纹组件 查看文档
v-scroll
、v-resize
、v-click-outside
指令 查看文档
所有组件重构,减小了整体包的体积
color
和 *-color
属性,用于改变组件显示;.native
监听, 另外部分属性的双向绑定,例如:mu-dialog
中 open.sync
;mu-table
组件,使用 slot-scope
是的表格功能更加强大;mu-date-picker
和 mu-time-picker
则于输入框分隔开来;mu-option
组件配合使用,支持搜索和自定义选项模板功能;mu-list-item-*
系列组件配合使用;placement
参数改变弹出位置;position
参数更改弹出位置,并增加多行文本的显示样式;部分组件合并处理
mu-icon-button
mu-flat-button
mu-raised-button
mu-float-button
合并为 mu-button
<mu-button icon>button</mu-button>
<mu-button flat>button</mu-button>
<mu-button>button</mu-button>
<mu-button fab>button</mu-button>
mu-icon-menu
mu-dropdown-menu
mu-menu
合并为 mu-menu
<mu-menu>
<mu-button icon><mu-icon value="menu"><mu-icon></mu-button>
<mu-list slot="content">
<mu-list-item button><mu-list-item-title>Menu Item 1</mu-list-item-title></mu-list-item>
</mu-list>
</mu-menu>
删除部分组件
mu-auto-complete
因时间原因暂未重构,后续会添加次组件;mu-toast
该组件与 mu-snackbar 重复所以移出;mu-table
使用 mu-data-table
替换;mu-flexbox
, mu-flexbox-item
使用 mu-flex
替换;mu-backtop
;mu-infinite-scroll
,mu-picker
, mu-refresh-control
手机端组件将重新设计,目前不加入组件库;mu-timeline
, mu-timeline-item
使用 mu-stepper
可实现时间线功能,现移出。mu-popup
此组件以 mu-dialog
重复;新增 mu-alert
, mu-date-input
, mu-flex
, mu-data-table
组件
颜色主题使用方式更改,组件中带有 color
或是 *-color
属性用于定义组件颜色,可以使用 js 自定义主题;
import theme from 'muse-ui/lib/theme';
theme.add('teal', {
primary: '#009688',
secondary: '#ff4081',
success: '#4caf50',
warning: '#ffeb3b',
}, 'light');
theme.use('teal');
栅格布局组件实现更改,引入了 Bootstrap 4.0 的栅格系统
单组件加载方式更改,无需更改webpack配置方式进行单组件加载 查看文档
Muse-UI 官网更新
theme-light
import 'muse-ui/dist/theme-light.css' // 使用原来的默认主题
import MuseUI from 'muse-ui';
MuseUI.config({
disableTouchRipple: true,
disableFocusRipple: true
})
':' + 样式名称
<mu-icon value=":fa fa-user"/>
<mu-raised-button icon=":fa fa-user"/>
esc
键盘事件监听问题,fixed #378