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

栏目: 软件资讯 · 发布时间: 7年前

内容简介: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-classoff-icon-classon-textoff-texton-coloroff-coloron-valueoff-value

  • Table

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

下载地址:


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


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

查看所有标签

猜你喜欢:

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

The Creative Curve

The Creative Curve

Allen Gannett / Knopf Doubleday Publishing Group / 2018-6-12

Big data entrepreneur Allen Gannett overturns the mythology around creative genius, and reveals the science and secrets behind achieving breakout commercial success in any field. We have been s......一起来看看 《The Creative Curve》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

URL 编码/解码
URL 编码/解码

URL 编码/解码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试