Element 2.0.0-beta.1 发布，基于 Vue 2.0 的组件库

内容简介：Element 2.0.0 beta1 已发布，意味着离 2.0 正式版又近了一步。 Element 是饿了么开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。 新特性 综合 ...

Element 2.0.0 beta1 已发布，意味着离 2.0 正式版又近了一步。

Element 是饿了么开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。

新特性

• 综合

• 新增 TypeScript 类型声明

• 重绘了全部图标，并新增了部分图标

• 为部分非兼容性更新增加控制台警告，方便迁移项目。当你在项目中使用了被移除或更名了的属性或事件时，控制台会出现一条警告，例如：

  [Element Migrating][ElSwitch][Attribute]: on-color is renamed to active-color.

• 新增了一系列基于断点的 工具 类，用于当视口尺寸满足一定条件时隐藏元素

• Layout

• 新增断点 xl，适用于宽度大于 1920px 的视口

• Table

• 新增 span-method 属性，用于合并行或列

• 新增 clearSort 方法，用于清空 排序 状态

• 新增 clearFilter 方法，用于清空过滤状态

• 对于可展开行，当该行展开时会获得一个 .expanded 类名，方便自定义样式

• DatePicker

• 新增 unlink-panels 属性，用于在选择日期范围时取消两个日期面板之间的联动

• Select

• 新增 reserve-keyword 属性，用于在选择某个选项后保留当前的搜索关键词

修复

• Table

• 修复 TableColumn 的 header-align 属性失效的问题

• 修复 Table 在父元素从 display: none 变成其他状态时会隐藏的问题

• 修复 Table 在父元素为 display: flex 时可能出现的宽度逐渐变大的问题

• 修复 append 具名 slot 和固定列并存时，动态获取表格数据会导致固定列消失的问题

• 修复 expand-row-keys 属性初始化无效的问题

• 修复 data 改变时过滤条件失效的问题

• 修复多级表头时固定列隐藏情况计算错误的问题

非兼容性更新

• Switch

• 由于 on-* 属性在 JSX 中会被识别为事件，导致 Switch 所有 on-* 属性在 JSX 中无法正常工作，所以 on-* 属性更名为 active-*，对应地，off-* 属性更名为 inactive-*。受到影响的属性有：on-icon-class、off-icon-class、on-text、off-text、on-color、off-color、on-value、off-value

• Table

• sort-method 现在和 Array.sort 保持一致的逻辑，要求返回一个数字。

下载地址：

• Source code (zip)

• Source code (tar.gz)

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

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

查看所有标签

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