Element 2.0.0-alpha.3 和 1.4.7 已发布,Element 是饿了么开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。
新特性
- 综合
- 新增全局配置组件尺寸的功能
在引入 Element 时,配置 size 字段可以改变所有组件的默认尺寸。按照引入 Element 的方式,具体操作如下:
完整引入 Element:
import Vue from 'vue' import Element from 'element-ui' Vue.use(Element, { size: 'small' })
按需引入 Element:
import Vue from 'vue' import { Button } from 'element-ui' Vue.prototype.$ELEMENT = { size: 'small' } Vue.use(Button)
按照以上设置,项目中所有拥有 size 属性的组件的默认尺寸均为 ‘small’。
- 新增全局配置组件尺寸的功能
- Loading
- 配置对象新增 spinner 和 background 字段,支持自定义加载图标和背景色,#7390
- Autocomplete
- 新增 debounce 属性,#7413
- Upload
- 新增 limit 和 on-excceed 属性,支持对上传文件的个数进行限制,#7405
- Menu
- 新增 open 和 close 方法,支持手动打开和关闭 SubMenu,#7412
- DatePicker
- 新增 value-format 属性,支持对绑定值的格式进行自定义,#7367
- TimePicker
- 新增 arrow-control 属性,提供另一种交互形式,#7438
- DateTimePicker
- 新增 time-arrow-control 属性,用于开启时间选择器的 arrow-control,#7438
- Form
修复
- 修复部分组件的 Injection “elFormItem” not found 报错
非兼容性更新
- DatePicker 的 change 事件参数现在为组件的绑定值,格式由 value-format 控制
- Input 组件的 change 事件现在仅在输入框失去焦点或用户按下回车时触发,与原生 input 元素一致。如果需要实时响应用户的输入,可以使用 input 事件
- 最低兼容 Vue 2.5.2 版本
此外,1.4.7 也已发布,更新如下:
- 修复 Autocomplete 与 Vue 2.5.x 不兼容的问题,#6942(by @rennai)
- Switch 新增
allow-focus
属性,#7494(by @breadadams)
下载地址:https://github.com/ElemeFE/element/releases
转自 http://www.oschina.net/news/89649/element-2-0-0-alpha-3