红联Linux门户
Linux帮助

Element 2.0.0-alpha.3发布,基于Vue 2.0的组件库

发布时间:2017-10-17 07:22:24来源:红联作者:pocheng
Element 2.0.0-alpha.3 已发布,Element 是饿了么开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。

新特性

综合

新增全局配置组件尺寸的功能

在引入 Element 时,配置 size 字段可以改变所有组件的默认尺寸。按照引入 Element 的方式,具体操作如下:

完整引入 Element:[code]import Vue from 'vue'
import Element from 'element-ui'
Vue.use(Element, { size: 'small' })[/code]按需引入 Element:[code]import Vue from 'vue'
import { Button } from 'element-ui'

Vue.prototype.$ELEMENT = { size: 'small' }
Vue.use(Button)[/code]按照以上设置,项目中所有拥有 size 属性的组件的默认尺寸均为 'small'。

Loading

配置对象新增 spinner 和 background 字段,支持自定义加载图标和背景色

Autocomplete

新增 debounce 属性

Upload

新增 limit 和 on-excceed 属性,支持对上传文件的个数进行限制

Menu

新增 open 和 close 方法,支持手动打开和关闭 SubMenu

DatePicker

新增 value-format 属性,支持对绑定值的格式进行自定义

TimePicker

新增 arrow-control 属性,提供另一种交互形式

DateTimePicker

新增 time-arrow-control 属性,用于开启时间选择器的 arrow-control

Form

Form 和 Form-item 新增 size 属性,用于控制表单内组件的尺寸

validate 方法在不传入 callback 的情况下返回 promise

修复

修复部分组件的 Injection "elFormItem" not found 报错

非兼容性更新

DatePicker 的 change 事件参数现在为组件的绑定值,格式由 value-format 控制

Input 组件的 change 事件现在仅在输入框失去焦点或用户按下回车时触发,与原生 input 元素一致。如果需要实时响应用户的输入,可以使用 input 事件

最低兼容 Vue 2.5.2 版本

软件详情:http://git.oschina.net/mirrors/element-ui

下载地址:https://github.com/ElemeFE/element/archive/v2.0.0-alpha.3.zip

来自:开源中国社区
文章评论

共有 0 条评论