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

内容简介：Element 2.0.0-alpha.3 和 1.4.7 已发布，Element 是饿了么开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。 新特性 综合 新增全局配置组件尺寸的...

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

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

• validate 方法在不传入 callback 的情况下返回 promise，#7405

修复

• 修复部分组件的 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]

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

查看所有标签

猜你喜欢:

• React 组件库 uiw 1.5.1 发布，新增 2 个组件
• Vue 组件库 HeyUI@1.17.0 发布，新增 Skeleton 组件
• React 组件库 uiw 3.3.0 发布，组件增强了呢
• Vue 组件库 heyui@1.18.0 发布，新增地址选择、图片预览组件
• Hyperf 发布国际化组件及多个组件 v1.0.13 版本
• React 组件库 uiw 3.4.0 发布，Tree组件增强了呢

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