Element 2.0 已经在今天上午发布正式版,官网也同步更新为默认显示 2.0 版本的文档(当然,你仍然可以从下拉菜单中选择查看 1.x 版本的文档)。另外,最近收到一些大陆用户反馈官网加载慢的问题,随着 2.0 版本的上线,你也可以访问部署在国内的 element-cn.eleme.io ,未来它会与 element.eleme.io 保持同步。
Element 2.0 一共积累了 210 个 commit,包含了 90 多项新增功能和优化,大致分为以下几个部分:
具体的改动请参考更新日志。
2.0 版本包含了一套全新的主题:theme-chalk。这套视觉背后有着怎样的设计理念呢?负责 theme-chalk 的设计师这样说:
经过重新设计的 Element 2.0,符合当前设计趋势,适应当前时代审美。摒弃多余的设计修饰,坚持「少即是多」的设计原则。比如,高分屏普及的当下,我们让组件的整体比 1.x「大」了一圈,这样阅读体验会更加友好。与此同时,在默认组件尺寸的基础上,我们也提供了多种不同尺寸,以适应大家的不同需求。
另外,保持组件的一致性,在设计中克制、严谨地使用数值,也是 2.0 贯穿始终的原则。比如我们先定义了按钮的四种默认高度(40px、36px、32px、28px);此后输入框、选择器等其他组件都与之保持高度上的统一。无法保持统一的,如 Table 的行高,也会保持一个公差为 4 的等差数列关系。这使得基于 Element 2.0 的设计产出能保证高度的严谨性。
总体来说,2.0 与 1.x 相比较,会显得更加的现代、更加的友好。
我们还在 2.0 版本中提升了组件的可访问性。以下是负责这方面工作的@maranran 为大家带来的介绍:
可访问性是指页面上的组件、行为和 DOM 结构具有语义化和可操作性,使得 AT 设备可以正确地传达页面信息给残障人士,包括盲人、肢体残疾和认知残疾等。
Element 作为基础组件库,封装了底层的 DOM 结构,在 2.0 版本里,我们在可访问性方面做了一些基础工作来提升残障人士理解和操作组件的能力,同时方便 web 开发者在自己的项目中开展可访问性工作。
我们所做的工作包括提升组件的键盘可操作性和语义化两个方面:键盘可操作性使得残障人士可以通过键盘导航到可交互组件然后使用 left、right、up、down、enter、esc 等键进行组件交互;语义化方面则是通过使用 WAI-ARIA 技术为组件添加 roles、states、properties 等属性,使得 UA 和 AT 能够正确地传达组件的语义。
2.0 的官网和文档也进行了相应的升级,比如提供了搜索功能、左侧导航栏独立滚动等,希望能够方便各位用户查阅。
Element 2.0 的主要贡献者为(按照首字母顺序):@baiyaaaaa @Dreamacro @Leopoldthecoder @liril-net @maranran @wacky6 @waynecz 。此外,有不少社区用户为 2.0 提出了建议,在此对他们表示感谢。
2.0 版本的发布标志着 Element 进入了一个新的时代,同时也意味着 1.x 版本将进入维护模式,我们会在 2017 年 12 月 01 日之前继续为其提供支持。
欢迎大家在项目中使用 Element 2.0,希望各位能够喜欢。
来源: https://juejin.im/entry/59f2d1b65188252c23121bd4