Element 2.0.0 beta1 已发布,意味着离 2.0 正式版又近了一步。
Element 是饿了么开源的一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。
新特性
综合
新增 TypeScript 类型声明
重绘了全部图标,并新增了部分图标
为部分非兼容性更新增加控制台警告,方便迁移项目。当你在项目中使用了被移除或更名了的属性或事件时,控制台会出现一条警告,例如:[code][Element Migrating][ElSwitch][Attribute]: on-color is renamed to active-color.[/code]新增了一系列基于断点的工具类,用于当视口尺寸满足一定条件时隐藏元素
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 保持一致的逻辑,要求返回一个数字。
软件详情:http://git.oschina.net/mirrors/element-ui
下载地址:https://github.com/ElemeFE/element/archive/v2.0.0-beta.1.zip
来自:开源中国社区
                  	
				
