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

内容简介：Muse-UI 3.0.0 首个测试版发布： 所有组件重构，减小了整体包的体积 组件中增加了 color 和 *-color 属性，用于改变组件显示; 基于 vuejs 2.5 的 API，支持标签原生属性、事件（无需使用 .native 监听, 另...

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-popover, mu-menu, mu-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-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 官网更新

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友好，可用于开发的复杂单页应用

下载地址：

• Source code (zip)

• Source code (tar.gz)

【声明】文章转载自：开源中国社区 [http://www.oschina.net]

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• 组件库 uiw 3.0.0 发布，基于TypeScript 重构
• [译] 用 Typescript + Composition API 重构 Vue 3 组件
• 易水组件 5.0.0 发布了，重构大量代码，功能更强大
• UWeb v2.0.0 专业版发布，重构权限架构及优化系统组件
• Airbnb 的前端重构
• 重构推送服务

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。