Muse-UI 3.0.0-beta.1:所有组件重构,部分组件合并

王练
 王练
发布于 2018年05月30日
收藏 8

Muse-UI 3.0.0 首个测试版发布:

  • 所有组件重构,减小了整体包的体积

    • 组件中增加了 color 和 *-color 属性,用于改变组件显示;

    • 基于 vuejs 2.5 的 API,支持标签原生属性、事件(无需使用 .native 监听, 另外部分属性的双向绑定,例如:mu-dialog 中 open.sync;

    • 新增 mu-data-table 替换了 mu-table 组件,使用 slot-scope 是的表格功能更加强大;

    • 新增 mu-date-input 用于日期和事件的输入, 而 mu-date-picker 和 mu-time-picker 则于输入框分隔开来;

    • mu-select 组件更改,需要与 mu-option 组件配合使用,支持搜索和自定义选项模板功能;

    • mu-list 组件使用方式更改,需要与 mu-list-item-* 系列组件配合使用;

    • mu-popovermu-menumu-tooltip 现在用 placement 参数改变弹出位置;

    • mu-snackbar 组件增加 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-flexboxmu-flexbox-item 使用 mu-flex 替换;

    • mu-backtop;

    • mu-infinite-scroll,mu-pickermu-refresh-control 手机端组件将重新设计,目前不加入组件库;

    • mu-timelinemu-timeline-item 使用 mu-stepper 可实现时间线功能,现移出。

    • mu-popup 此组件以 mu-dialog 重复;

  • 新增 mu-alertmu-date-inputmu-flexmu-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 官网更新

Muse-UI 是基于 Vue 2.0 的 Material Design UI 组件库。

功能特性:

  • 组件丰富:Muse UI 基本实现了 Material Design 设计规范类的所有组件,另外还开发许多的功能性的组件

  • 可定制:Muse UI 使用less文件,所有的颜色都有一个变量维护,通过编写 less 文件完成自定义主题,另外组件内部也提供一些修改效果的参数

  • 基于 Vue 2.0:Muse UI 基于 Vue2.0 开发,Vue2.0 是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用

下载地址:

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:Muse-UI 3.0.0-beta.1:所有组件重构,部分组件合并
加载中

最新评论(10

MyronLiu
MyronLiu

引用来自“溪涧顽石”的评论

@王练 官网是搓的。。

引用来自“王练”的评论

已更正,比心❤

引用来自“MyronLiu”的评论

muse-ui的源码导了一份到gitee上了,能帮忙推荐下?

引用来自“王练”的评论

地址给一下
https://gitee.com/myronliu347/muse-ui
王练
王练

引用来自“溪涧顽石”的评论

@王练 官网是搓的。。

引用来自“王练”的评论

已更正,比心❤

引用来自“MyronLiu”的评论

muse-ui的源码导了一份到gitee上了,能帮忙推荐下?
地址给一下
MyronLiu
MyronLiu

引用来自“溪涧顽石”的评论

@王练 官网是搓的。。

引用来自“王练”的评论

已更正,比心❤
muse-ui的源码导了一份到gitee上了,能帮忙推荐下?
MyronLiu
MyronLiu

引用来自“Eriloan”的评论

Ubuntu 18.04-LTS/Firefox60.0.1,无法打开官网。同一个机器同一个操作系统上,Chrome 67.0.3396.62 则正常显示。
可以打开了哦,今天环境有点问题,不好意思哦
CHONGCHEN
CHONGCHEN

引用来自“Eriloan”的评论

Ubuntu 18.04-LTS/Firefox60.0.1,无法打开官网。同一个机器同一个操作系统上,Chrome 67.0.3396.62 则正常显示。
是火狐的问题,本人也遇到有些网站火狐打不开但谷歌却可以
Eriloan
Eriloan
Ubuntu 18.04-LTS/Firefox60.0.1,无法打开官网。同一个机器同一个操作系统上,Chrome 67.0.3396.62 则正常显示。
SD-Gaming
SD-Gaming
支持,以前用过,体验还是不错的😀
MyronLiu
MyronLiu

引用来自“溪涧顽石”的评论

@王练 官网是搓的。。
可以打开的哦
王练
王练

引用来自“溪涧顽石”的评论

@王练 官网是搓的。。
已更正,比心❤
溪涧顽石
溪涧顽石
@王练 官网是搓的。。
返回顶部
顶部