Element 2.0 正式发布

[Leopoldthecoder]

Element 2.0 已经在今天上午发布正式版，官网也同步更新为默认显示 2.0 版本的文档（当然，你仍然可以从下拉菜单中选择查看 1.x 版本的文档）。另外，最近收到一些大陆用户反馈官网加载慢的问题，随着 2.0 版本的上线，你也可以访问部署在国内的 http://element-cn.eleme.io ，未来它会与 http://element.eleme.io 保持同步。

Element 2.0 一共积累了 210 个 commit，包含了 90 多项新增功能和优化，大致分为以下几个部分：

组件功能

• 首先，我们提升了 Element 的易用性。比如在 1.x 版本中，如果需要改变组件的默认尺寸，只能在每个组件上添加 size 属性，而现在我们支持了尺寸的全局设置，用一行代码就可以改变所有组件的默认尺寸；主题采用 SCSS 编写，因此 SCSS 用户能够很容易地修改样式变量，从而达到自定义主题的效果。同时，我们还为部分组件增加了一些方法，方便用户通过代码控制组件的行为，增强了组件的可控性，比如 Menu 的 open 和 close 方法可以打开和关闭子菜单、Table 的 toggleRowExpansion 方法可以展开或关闭扩展行等
• 其次，我们对用户呼声比较高的需求提供了支持，比如 Dialog 支持嵌套书写、Table 支持合并单元格、MessageBox 支持渲染 HTML 字符串等
• 再次，组件的 API 得到了丰富，因此能够适应更多的业务场景，比如 Notification 支持配置出现位置、Loading 支持自定义图标等
• 最后，我们还修正了 1.x 中一些功能设计不合理的地方，并且提高了部分 API 的一致性，比如表单组件的 change 事件现在仅响应用户交互，与原生事件保持了一致

具体的改动请参考更新日志。

新主题

2.0 版本包含了一套全新的主题：theme-chalk。这套视觉背后有着怎样的设计理念呢？负责 theme-chalk 的设计师@NicoHsueh 这样说：

经过重新设计的 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，希望各位能够喜欢。

[liril-net]

cn 站访问真快

[MrRabbit1993]

访问快捷。棒棒哒

[Wolfshell]

给你们打call! 想马上把项目移植到2.0 ：）

[tjfy1992]

前排

[Chips04]

怎么迁移

[fakership]

棒棒哒

[zhengshuai666]

给你们打call!

[opendidi]

怎样将1.4的版本提升到2.0？？？？

[zjweed]

饿了么大前端666 啊，给你们打call

[jinjinwa]

请问1系列的可以平滑迁移到2.0么

[ajluo]

请问有没有 1.x 迁移指南 ？？

[CodeDreamfy]

赞一个~~~

[lhy666]

真的有没有迁移指南。。来一个

[tangxiangmin]

嘿嘿嘿，项目开个分支，准备升级

[wangzhiwei3919]

看着很好玩的样子。

[blaze87]

分页组件谁负责的 为何样式丑的一比

[skyshirt]

期待迁移文档

[opendidi]

为何没有移动端的组件？？？？？

[Jevirs]

主题色切还不错，不过active时透底啦

[Colco]

前排，dialog终于解决了。舒服...

[uxclouder]

请问资源什么时候可以下载

[uxclouder]

请问资源什么时候可以下载

[uxclouder]

[Ahuiorg]

6666

[joyc-fe]

ui风格很清爽啊

[Gxuebin]

Table 导出Excel

[beanlee]

打call！ 可以考虑把自己的小系统折腾升级啦！

[nicejade]

嗯，NICE；考虑要把下个人作品 NICE LLINKS 升级下，顺便为 Element-UI 手动打 Call。

[plhwang]

为什么这个主题让人的感觉是蒙上了一层灰？是因为秋天到了有雾霾吗？

[dbxu]

清空树的时候，如果选择了树的子级，清空不了😂

只能清空父节点啊～～～

这个怎么解决？？？
@Leopoldthecoder

[tingyuguanhe]

求Injection "elFormItem" not found Injection "elForm" not found 怎么解决？

[Chips04]

@tingyuguanhe 升级vue版本 再问自杀 element-ui2.0依赖vue2.5.2

[YuanWing]

@Leopoldthecoder el-date-picker组件，如果是可编辑的，使用键盘的Backspace删除，对应的model值没有更新哟

[Superkimi]

为什么升级了后 图标就乱了 el-icon-edit的图标但是显示出来是el-icon-plus的样子？这是为什么？

[CaiKaiKai]

nice~

[lhy666]

能不能把选项卡组件出一个间距属性，不然可用性太低了 @Leopoldthecoder

[lhy666]

就比如让选项卡们平分一块区域，或者可以让一个选项在左面，一个选项卡在右面

[ghost]

样式处理工具为什么要从postcss-salad改为scss？scss 3.4相较与之前的postcss-salad有什么好处？

[albedel]

求NavMenu 导航菜单支持tree的树形结构展示，不然每次自己写递归展示每层的数据很麻烦

[wufeng110226]

厉害了。希望出一个1.x迁移文档

[UnlimitedGalaxy]

点赞，少即多

[williamjie]

棒棒的

[DylightChen]

表单验证能验证二级对象了么。。。

[imjohnny]

试用了2.0.3，发现里面的icon都乱套了。

[aflext]

最新版（"element-ui": "^2.0.3"）表格一直报这个错误，你们都没有吗？

-------edit 2017-11-6 22:03:59
试了下，el-table中的el-table-column不能同时有两个及以上的v-if，去掉就好了

[chentiewei]

求1.0x迁移指南！！！！！！

[wangzongxu]

大赞 Element

[bookldk]

分页真心难看,
Table 排序 的图标也太难看了,能自定义吗,为什么不用1.4.9的那种图标
就这二点就想放弃2.0,

[dandanlinpu]

打call，真的很良心的团队！

[ericliudexin]

Table在一开始就v-show为false，重来没有显示过的状态下，非常耗CPU，由于是隐藏，clientwidth一直是0，element一直在监测，只有显示过后才不再触发。新版比旧版好了一点，但没有根本解决，只是做了一个延时。希望重新修改这个解决方案。

[xumqfaith]

在用¶ Input 输入框组件的时候一直报错：vue.esm.js?71e4:479 [Vue warn]: Injection "elFormItem" not found
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
已经import引入，并且已经Vue.use(ElementUI)

[Ansel]

@xumqfaith 升级你的vue到最新版就好了

[jjl666]

el-table-column 的width属性为什么不支持百分比？

[ChangeZhang]

没有1.x 升级到2.x的升级指南吗？有点不太敢动啊~~~~

[jweboy]

@Chips04 我用的是nuxt@1.0.0-rc11 也遇到了这个问题,有什么好的解决方案吗？

[jasonxia23]

升级到 2.0 后怎么保留原有的风格

[liwenda122]

select 组件做的太差了，分页功能没有；多选时如果支持搜索，高度居然会自己撑开，巨丑