Docs: add format attribute description to the progress component (#20641 )

Drawer: fix focus bug (#20626 )
Co-authored-by: wp178491 <wp178491@alibaba-inc.com>
2025-12-19 12:04:02 +08:00 · 2021-01-04 14:20:42 +08:00 · 2020-12-30 13:25:23 +08:00 · 2020-12-29 11:13:23 +08:00 · 2020-12-28 16:59:23 +08:00 · 2020-12-27 19:40:01 +08:00
100 changed files with 762 additions and 743 deletions
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,5 @@
+blank_issues_enabled: true
+contact_links:
+  - name: Create new issue
+    url: https://elementui.github.io/issue-generator
+    about: The issue which is not created via https://elementui.github.io/issue-generator will be closed immediately.
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -1,5 +1,90 @@
 ## Changelog

+### 2.14.1
+
+*2020-11-11*
+
+#### Bug fixes
+
+- Popover
+  - Compatible with Vue 2.6 new v-slot syntax (#20424 by @iamkun)
+
+#### Optimization
+
+- I18n
+  - Update Arabic translation (#20202 by @elkattan)
+  - Update Uighur translation (#20177 by @IlhamTahir)
+
+### 2.14.0
+
+*2020-10-29*
+
+#### Breaking changes
+
+- Popconfirm
+  - Rename event name to `confirm`, `cancel` (#20240 by @hugiron)
+
+#### Bug fixes
+
+- Progress
+  - Fix attribute error (#19985 by @Caaalabash)
+
+#### Optimization
+
+- I18n
+  - Update Russian translation (#19451 by @yangirov)
+  - Update Khmer translation (#20077 by @Sovai)
+  - Update Ukrainian translation (#20344 by @MammutAlex)
+
+### 2.13.2
+
+*2020-05-18*
+
+#### Bug fixes
+
+- Autocomplete
+  - Fix change event bug (#19200 by @sxzz)
+- Image
+  - Update error status (#19194 by @lhx6538665)
+
+#### Optimization
+
+- I18n
+  - Update ru-RU popconfirm translation (#19220 by @Opppex)
+  - Update vi translation (#19244 by @quangln2810)
+  - Update Catalan and Spanish translations (#19296 by @Ismaaa)
+  - Update Indonesia translation (#19320) by @therour)
+  - Update Brazilian Portuguese translation (#19374 by @diegomengarda)
+
+### 2.13.1
+
+*2020-04-13*
+
+#### New features
+- Autocomplete
+  - Add change event (#17913 by @sxzz)
+
+#### Bug fixes
+
+- Autocomplete
+  - Fix suggestion error when textarea (#18478 by @Roojay)
+- Carousel
+  - Fix console typo bug (#18264 by @IceFox)
+- Image
+  - Fix preview dose not show when preview list not contain src issue (#18975) (#19130 by @luckyCao)
+  - Fix shortcut key not work at second time issue (#18983) (#19156 by @luckyCao)
+  - Don't show image-viewer when preview is false (#18967 by @inooNgt)
+- Transfer
+  - Fix incorrect line-height of el-transfer's first list item when it was used with  el-form-item (#18917 by @Hanx)
+- InputNumber
+  - Correctly compute inputNumberDisabled (#18439 by @ashuser-pendo)
+- Chore
+  - Remove index intro (#19155 by @iamkun)
+- Doc
+  - Popconfirm doc update (#18324 by @iamkun)
+  - Fix step-strictly docs typo (#18705 by @dream2023)
+  - Fix a type error in document of steps component (#17555 by @haoranyu)
+
 ### 2.13.0

 *2019-11-26*
--- a/CHANGELOG.es.md
+++ b/CHANGELOG.es.md
@@ -1,73 +1,159 @@
 ## Changelog

+### 2.14.1
+
+*2020-11-11*
+
+#### Bug fixes
+
+- Popover
+  - Compatible with Vue 2.6 new v-slot syntax (#20424 by @iamkun)
+
+#### Optimization
+
+- I18n
+  - Update Arabic translation (#20202 by @elkattan)
+  - Update Uighur translation (#20177 by @IlhamTahir)
+
+### 2.14.0
+
+*2020-10-29*
+
+#### Breaking changes
+
+- Popconfirm
+  - Rename event name to `confirm`, `cancel` (#20240 by @hugiron)
+
+#### Bug fixes
+
+- Progress
+  - Fix attribute error (#19985 by @Caaalabash)
+
+#### Optimization
+
+- I18n
+  - Update Russian translation (#19451 by @yangirov)
+  - Update Khmer translation (#20077 by @Sovai)
+  - Update Ukrainian translation (#20344 by @MammutAlex)
+
+### 2.13.2
+
+*2020-05-18*
+
+#### Corrección de errores
+
+- Autocomplete
+  - Arreglado el error cuando se daba el evento change (#19200 by @sxzz)
+- Image
+  - Actualizado el estado de error  (#19194 by @lhx6538665)
+
+#### Optimización
+
+- I18n
+  - Actualización de la traducción del popconfirm al Ruso (#19220 by @Opppex)
+  - Actualización  de la traducción al vi (#19244 by @quangln2810)
+  - Actualización de la traducción al Catalán y al Español (#19296 by @Ismaaa)
+  - Actualización de la traducción al Indonesio (#19320) by @therour)
+  - Actualización de la traducción al Portugués Brasileño (#19374 by @diegomengarda)
+
+
+### 2.13.1
+
+*2020-04-13*
+
+#### Nuevas características
+- Autocomplete
+  - Agregado el evento change (#17913 by @sxzz)
+
+#### Corrección de errores
+
+- Autocomplete
+  - Solucionado el error de la sugerencia en textarea (#18478 by @Roojay)
+- Carousel
+  - Arreglado el error de escritura de la consola (#18264 by @IceFox)
+- Image
+  - Solucionado el error de que no se mostraba el preview si no existía el src  (#18975) (#19130 by @luckyCao)
+  - Arreglado el problema de que el shortcut key no funcionaba la segunda vez (#18983) (#19156 by @luckyCao)
+  - No muestra la imagen cuando preview es falso (#18967 by @inooNgt)
+- Transfer
+  - Corregida la altura (line-height) incorrecta del primer elemento del el-transfer cuando era usado con el-form-item (#18917 by @Hanx)
+- InputNumber
+  - Calculo correcto de inputNumberDisabled (#18439 by @ashuser-pendo)
+- Tarea
+  - Se quito la introducción del index (#19155 by @iamkun)
+- Documentación
+  - Actualización de la documentación de Popconfirm (#18324 by @iamkun)
+  - Arreglado el error tipográfico de la documentación de Fix step-strictly (#18705 by @dream2023)
+  - Corregido un type error en la documentación de steps component (#17555 by @haoranyu)
+
 ### 2.13.0

 *2019-11-26*

-#### New features
+#### Nuevas características

 - Popconfirm
-  - Add popconfirm component (#17548 by @iamkun)
+  - Agregado componente popconfirm (#17548 by @iamkun)

-#### Bug fixes
+#### Corrección de errores

 - BackTop
-  - Use cubic bezier scrolling (by @lon)
+  - Se usa cubic bezier para el scroll (by @lon)
 - DatePicker
-  - Fix bug of only select min date of date range problem (#17191 by @smk0621)
+  - Arreglado el fallo cuando solo se elegía fecha mínima en un rango de fechas (#17191 by @smk0621)
 - Select
-  - Fix select test cases by (@msidolphin)
+  - Arreglado los casos de test del select (by @msidolphin)
 - Tree
-  - Add font-size for the style of tree empty-text (#17094 by @spengjie)
+  - Agregado font-size para el estilo del texto cuando esta vacío el tree (#17094 by @spengjie)
 - Table
-  - Column header can be costumed (#17291 by @ziyoung)
-  - Update table header cell style (#17284 by @ziyoung)
-  - Fix table header height after filter (#17348 by @ziyoung)
-  - Fixed row-style with display not work (#17002 by @a631807682)
-  - Fix header table not display (#17341 by @ziyoung)
+  - La cabecera de la columna puede modificarse (#17291 by @ziyoung)
+  - Se actualizo el estilo de la cabecera de la tabla de la celda  (#17284 by @ziyoung)
+  - Se soluciono el problema de height de la cabecera de la tabla después de un filtro (#17348 by @ziyoung)
+  - Corregido el estilo de la fila que con display no funcionaba (#17002 by @a631807682)
+  - Arreglado que la cabecera de la tabla no se mostraba (#17341 by @ziyoung)
 - Calendar
-  - Import el-button and el-button-group (#17376 by @masongzhi)
+  - La importación de el-button y el-button-group (#17376 by @masongzhi)
 - MessageBox
-  - Fix icon position error (#17410 by @nullptru)
+  - Corregido el error de posición del icono (#17410 by @nullptru)
 - TimePicker
-  - Set the selection range after scrolling up or down (#16868 by @mattheyan)
+  - Establecido el rango de selección después de hacer scroll (#16868 by @mattheyan)
 - Message
-  - Fix close instace offsetHeight（#17564） (#17852 by @gzwgq222)
+  - Corregido el offsetHeight al cerrar la instancia（#17564） (#17852 by @gzwgq222)
 - Form
-  - Callback of validateField should be optional (#17314 by @CarterLi)
+  - La función de llamada de validateField es opcional (#17314 by @CarterLi)
 - Cascader
-  - Fix TypeScript 3.7 compatibility (#17881 by @CarterLi)
+  - Corregida la compatibilidad con TypeScript 3.7 (#17881 by @CarterLi)
 - Menu
-  - Fix router NavigationDuplicated error when using vue-router@^3.1.0 (#17269 by @iamkun)
+  - Corregido el error de la ruta de navegación duplicada cuando se usaba vue-router@^3.1.0 (#17269 by @iamkun)
 - Dropdown
-  - Update type file (#17550 by @iamkun)
+  - Actualización del tipo de archivo (#17550 by @iamkun)
 - Progress
-  - Add strokeLinecap prop (#17552 by @iamkun)
+  - Agregada la prop strokeLinecap (#17552 by @iamkun)
 - InfiniteScroll
-  - Skip trigger event on invisible element (#17553 by @iamkun)
+  - Salto del disparo de evento en elementos invisibles (#17553 by @iamkun)
 - Image
-  - Perfect picture preview behavior (#16985 by @luckyCao)
-  - Fix shield the page when preview big image (#16796 by @luckyCao)
+  - Comportamiento perfecto de personalización de imágenes (#16985 by @luckyCao)
+  - Corregida la pagina cuando se hace preview de imágenes grandes (#16796 by @luckyCao)
 - Drawer 
-  - Bugfix drawer-append-to-body-not-working (#16953 by @JeremyWuuuuu)
+  - Corregido el fallo del append-to-body del drawer que no funcionaba (#16953 by @JeremyWuuuuu)
 - Select
-  - Fix tag show value or empty issue (17199 by @luckyCao)
+  - Corregido:  ahora muestra el tag o el valor vacío (17199 by @luckyCao)
 - Scrollbar
-  - Fix FireFox scroll bar width (#18091 by @iamkun)
+  - Arreglado el ancho del scroll en FireFox  (#18091 by @iamkun)
  
-#### Optimization
+#### Optimización

 - I18n
-  - Update sv-SE.js (#17926 by @FOLLGAD)
-  - Update avatar component fr doc (#17762 by @blombard)
+  - Actualizado sv-SE.js (#17926 by @FOLLGAD)
+  - Actualizada la documentación para francés para el componente avatar (#17762 by @blombard)
 - Docs
-  - Fix time-select typo (#17250 by @wacky6)
-  - Fix Drawer attribute accepted value typo in es (#17122 by @haoranyu)
-  - Update Spanish changelog 2.12.0 (#17364 by @Gonzalo2310)
-  - Fix Changelog typo (#17874 by @renlixin)
-  - Fix Loading demo (#17862 by @MBearo)
-  - Add input event in input Events Table (#18061 by @zhouxinyong)
-  - Delete Input repeat change event (#18085 by @zhouxinyong)
+  - Arreglada la typografia de time-select (#17250 by @wacky6)
+  - Arreglado en Drawer, ahora el atributo value acepta tipografías en español (#17122 by @haoranyu)
+  - Actualización del Changelog 2.12.0 al español (#17364 by @Gonzalo2310)
+  - Arreglo de la tipografía del Changelog (#17874 by @renlixin)
+  - Arreglada la demo de Loading (#17862 by @MBearo)
+  - Agregado el evento input en los inputs de Table (#18061 by @zhouxinyong)
+  - Eliminado el evento repetitivo change de los input (#18085 by @zhouxinyong)

 ### 2.12.0

@@ -1651,4 +1737,4 @@

 # #

-<i><sup>*</sup> El procesamiento dinámico de HTML arbitrario en su sitio web puede ser muy peligroso porque puede conducir fácilmente a [ataques XSS](https://en.wikipedia.org/wiki/Cross-site_scripting). Por lo tanto, cuando `dangerouslyUseHTMLString` está encendido, por favor asegúrese de que el contenido de `message` es confiable, y **nunca** asigne el `message` al contenido proporcionado por el usuario.</i>``
+<i><sup>*</sup> El procesamiento dinámico de HTML arbitrario en su sitio web puede ser muy peligroso porque puede conducir fácilmente a [ataques XSS](https://en.wikipedia.org/wiki/Cross-site_scripting). Por lo tanto, cuando `dangerouslyUseHTMLString` está encendido, por favor asegúrese de que el contenido de `message` es confiable, y **nunca** asigne el `message` al contenido proporcionado por el usuario.</i>``
--- a/CHANGELOG.fr-FR.md
+++ b/CHANGELOG.fr-FR.md
@@ -1,5 +1,91 @@
 ## Changelog

+### 2.14.1
+
+*2020-11-11*
+
+#### Bug fixes
+
+- Popover
+  - Compatible with Vue 2.6 new v-slot syntax (#20424 by @iamkun)
+
+#### Optimization
+
+- I18n
+  - Update Arabic translation (#20202 by @elkattan)
+  - Update Uighur translation (#20177 by @IlhamTahir)
+
+### 2.14.0
+
+*2020-10-29*
+
+#### Breaking changes
+
+- Popconfirm
+  - Rename event name to `confirm`, `cancel` (#20240 by @hugiron)
+
+#### Bug fixes
+
+- Progress
+  - Fix attribute error (#19985 by @Caaalabash)
+
+#### Optimization
+
+- I18n
+  - Update Russian translation (#19451 by @yangirov)
+  - Update Khmer translation (#20077 by @Sovai)
+  - Update Ukrainian translation (#20344 by @MammutAlex)
+
+### 2.13.2
+
+*2020-05-18*
+
+#### Bug fixes
+
+- Autocomplete
+  - Fix change event bug (#19200 by @sxzz)
+- Image
+  - Update error status (#19194 by @lhx6538665)
+
+#### Optimization
+
+- I18n
+  - Update ru-RU popconfirm translation (#19220 by @Opppex)
+  - Update vi translation (#19244 by @quangln2810)
+  - Update Catalan and Spanish translations (#19296 by @Ismaaa)
+  - Update Indonesia translation (#19320) by @therour)
+  - Update Brazilian Portuguese translation (#19374 by @diegomengarda)
+
+
+### 2.13.1
+
+*2020-04-13*
+
+#### New features
+- Autocomplete
+  - Add change event (#17913 by @sxzz)
+
+#### Bug fixes
+
+- Autocomplete
+  - Fix suggestion error when textarea (#18478 by @Roojay)
+- Carousel
+  - Fix console typo bug (#18264 by @IceFox)
+- Image
+  - Fix preview dose not show when preview list not contain src issue (#18975) (#19130 by @luckyCao)
+  - Fix shortcut key not work at second time issue (#18983) (#19156 by @luckyCao)
+  - Don't show image-viewer when preview is false (#18967 by @inooNgt)
+- Transfer
+  - Fix incorrect line-height of el-transfer's first list item when it was used with  el-form-item (#18917 by @Hanx)
+- InputNumber
+  - Correctly compute inputNumberDisabled (#18439 by @ashuser-pendo)
+- Chore
+  - Remove index intro (#19155 by @iamkun)
+- Doc
+  - Popconfirm doc update (#18324 by @iamkun)
+  - Fix step-strictly docs typo (#18705 by @dream2023)
+  - Fix a type error in document of steps component (#17555 by @haoranyu)
+
 ### 2.13.0

 *2019-11-26*
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -1,5 +1,91 @@
 ## 更新日志

+### 2.14.1
+
+*2020-11-11*
+
+#### Bug 修复
+
+- Popover
+  - 兼容 Vue 2.6 新 v-slot 语法 (#20424 by @iamkun)
+
+#### 优化
+
+- I18n
+  - 更新阿拉伯语翻译 (#20202 by @elkattan)
+  - 更新维吾尔语翻译 (#20177 by @IlhamTahir)
+
+### 2.14.0
+
+*2020-10-29*
+
+#### 非兼容性更新
+
+- Popconfirm
+  - 事件名称修改为 `confirm`, `cancel` (#20240 by @hugiron)
+
+#### Bug 修复
+
+- Progress
+  - 修复参数错误的问题 (#19985 by @Caaalabash)
+
+#### 优化
+
+- I18n
+  - 更新俄语翻译 (#19451 by @yangirov)
+  - 更新高棉语翻译 (#20077 by @Sovai)
+  - 更新乌克兰语翻译 (#20344 by @MammutAlex)
+
+### 2.13.2
+
+*2020-05-18*
+
+#### Bug 修复
+
+- Autocomplete
+  - 修复 'change event' 错误 (#19200 by @sxzz)
+- Image
+  - 更新错误状态 (#19194 by @lhx6538665)
+
+#### 优化
+
+- I18n
+  - 更新 ru-RU popconfirm 翻译 (#19220 by @Opppex)
+  - 更新 vi 翻译 (#19244 by @quangln2810)
+  - 更新 Catalan 和 Spanish 翻译 (#19296 by @Ismaaa)
+  - 更新 Indonesia 翻译 (#19320) by @therour)
+  - 更新 Brazilian Portuguese 翻译 (#19374 by @diegomengarda)
+
+
+### 2.13.1
+
+*2020-04-13*
+
+#### 新特性
+- Autocomplete
+  - 添加 change 事件 (#17913 by @sxzz)
+
+#### Bug 修复
+
+- Autocomplete
+  - 修复类型为 textarea 时建议错误问题 (#18478 by @Roojay)
+- Carousel
+  - 修复 console.warn 文案拼写错误 (#18264 by @IceFox)
+- Image
+  - 修复当 preview-src-list 属性不包含 src 时图片预览大图展示为空的问题 (#18975) (#19130 by @luckyCao)
+  - 修复第二次图片预览时快捷键失效问题 (#18983) (#19156 by @luckyCao)
+  - 修复 preview-src-list 为空时点击图片会给 body 添加 overflow: scroll 的问题 (#18967 by @inooNgt)
+- Transfer
+  - 修复和 Form 组件一起使用时错误的行高问题 (#18917 by @Hanx)
+- InputNumber
+  - 正确计算 inputNumberDisabled (#18439 by @ashuser-pendo)
+- Chore
+  - 更新首页文案 (#19155 by @iamkun)
+- Doc
+  - 更新 Popconfirm 文档 (#18324 by @iamkun)
+  - 修复 step-strictly 文档拼写问题 (#18705 by @dream2023)
+  - 修复 Steps 组件文档问题 (#17555 by @haoranyu)
+
 ### 2.13.0

 *2019-11-26*
--- a/README.md
+++ b/README.md
@@ -36,33 +36,12 @@
  </a>
 </p>

-<p align="center">
-  <b>Special thanks to the generous sponsorship by:</b>
-</p>
-<table>
-  <tbody>
-    <tr>
-      <td align="center" valign="middle">
-        <a href="https://tipe.io/?ref=element" target="_blank">
-          <img width="150px" src="https://user-images.githubusercontent.com/1016365/34124854-48fafa06-e3e9-11e7-8c04-251055feebee.png">
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://www.duohui.cn/?utm_source=element&utm_medium=web&utm_campaign=element-index" target="_blank">
-          <img width="150px" src="https://user-images.githubusercontent.com/10095631/35603534-bb24470c-0678-11e8-8bcc-17ceaef8cbef.png">
-        </a>
-      </td>
-      <td align="center" valign="middle">
-        <a href="https://bitsrc.io/" target="_blank">
-          <img width="150px" src="https://user-images.githubusercontent.com/10095631/41342907-e44e7196-6f2f-11e8-92f2-47702dc8f059.png">
-        </a>
-      </td>
-    </tr>
-  </tbody>
-</table>
-
 > A Vue.js 2.0 UI Toolkit for Web.

+Element will stay with Vue 2.x 
+
+For Vue 3.0, we recommend using [Element Plus](https://github.com/element-plus/element-plus) from the same team
+
 ## Links
 - Homepage and documentation
  - [International users](http://element.eleme.io/#/en-US)
@@ -71,6 +50,7 @@
  - [French users](http://element.eleme.io/#/fr-FR)
 - [awesome-element](https://github.com/ElementUI/awesome-element)
 - [FAQ](./FAQ.md)
+- [Vue.js 3.0 migration](https://github.com/element-plus/element-plus)
 - [Customize theme](http://element.eleme.io/#/en-US/component/custom-theme)
 - [Preview and generate theme online](https://elementui.github.io/theme-chalk-preview)
 - [Element for React](https://github.com/elemefe/element-react)
@@ -126,8 +106,6 @@ We have collected some [frequently asked questions](https://github.com/ElemeFE/e
 ## Contribution
 Please make sure to read the contributing guide ([中文](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.zh-CN.md) | [English](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.en-US.md) | [Español](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.es.md) | [Français](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.fr-FR.md)) before making a pull request.

-[![Let's fund issues in this repository](https://issuehunt.io/static/embed/issuehunt-button-v1.svg)](https://issuehunt.io/repos/67274736)
-
 ## Special Thanks
 English documentation is brought to you by SwiftGG Translation Team:
 - [raychenfj](https://github.com/raychenfj)
@@ -157,87 +135,11 @@ French documentation is made possible by these community developers:
 - [smalesys](https://github.com/smalesys)
 - [blombard](https://github.com/blombard)

-## Donation
-If you find Element useful, you can buy us a cup of coffee
-
-<img width="650" src="https://user-images.githubusercontent.com/14025786/44833997-5d7c4d80-ac62-11e8-8445-1dffec0eb13c.png" alt="donation">
-
-## Backers
-
-Support us with a monthly donation and help us continue our activities. [[Become a backer](https://opencollective.com/element#backer)]
-
-<a href="https://opencollective.com/element/backer/0/website" target="_blank"><img src="https://opencollective.com/element/backer/0/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/1/website" target="_blank"><img src="https://opencollective.com/element/backer/1/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/2/website" target="_blank"><img src="https://opencollective.com/element/backer/2/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/3/website" target="_blank"><img src="https://opencollective.com/element/backer/3/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/4/website" target="_blank"><img src="https://opencollective.com/element/backer/4/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/5/website" target="_blank"><img src="https://opencollective.com/element/backer/5/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/6/website" target="_blank"><img src="https://opencollective.com/element/backer/6/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/7/website" target="_blank"><img src="https://opencollective.com/element/backer/7/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/8/website" target="_blank"><img src="https://opencollective.com/element/backer/8/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/9/website" target="_blank"><img src="https://opencollective.com/element/backer/9/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/10/website" target="_blank"><img src="https://opencollective.com/element/backer/10/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/11/website" target="_blank"><img src="https://opencollective.com/element/backer/11/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/12/website" target="_blank"><img src="https://opencollective.com/element/backer/12/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/13/website" target="_blank"><img src="https://opencollective.com/element/backer/13/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/14/website" target="_blank"><img src="https://opencollective.com/element/backer/14/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/15/website" target="_blank"><img src="https://opencollective.com/element/backer/15/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/16/website" target="_blank"><img src="https://opencollective.com/element/backer/16/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/17/website" target="_blank"><img src="https://opencollective.com/element/backer/17/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/18/website" target="_blank"><img src="https://opencollective.com/element/backer/18/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/19/website" target="_blank"><img src="https://opencollective.com/element/backer/19/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/20/website" target="_blank"><img src="https://opencollective.com/element/backer/20/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/21/website" target="_blank"><img src="https://opencollective.com/element/backer/21/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/22/website" target="_blank"><img src="https://opencollective.com/element/backer/22/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/23/website" target="_blank"><img src="https://opencollective.com/element/backer/23/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/24/website" target="_blank"><img src="https://opencollective.com/element/backer/24/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/25/website" target="_blank"><img src="https://opencollective.com/element/backer/25/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/26/website" target="_blank"><img src="https://opencollective.com/element/backer/26/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/27/website" target="_blank"><img src="https://opencollective.com/element/backer/27/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/28/website" target="_blank"><img src="https://opencollective.com/element/backer/28/avatar.svg"></a>
-<a href="https://opencollective.com/element/backer/29/website" target="_blank"><img src="https://opencollective.com/element/backer/29/avatar.svg"></a>
-
-
-## Sponsors
-
-Become a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://opencollective.com/element#sponsor)]
-
-<a href="https://opencollective.com/element/sponsor/0/website" target="_blank"><img src="https://opencollective.com/element/sponsor/0/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/1/website" target="_blank"><img src="https://opencollective.com/element/sponsor/1/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/2/website" target="_blank"><img src="https://opencollective.com/element/sponsor/2/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/3/website" target="_blank"><img src="https://opencollective.com/element/sponsor/3/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/4/website" target="_blank"><img src="https://opencollective.com/element/sponsor/4/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/5/website" target="_blank"><img src="https://opencollective.com/element/sponsor/5/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/6/website" target="_blank"><img src="https://opencollective.com/element/sponsor/6/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/7/website" target="_blank"><img src="https://opencollective.com/element/sponsor/7/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/8/website" target="_blank"><img src="https://opencollective.com/element/sponsor/8/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/9/website" target="_blank"><img src="https://opencollective.com/element/sponsor/9/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/10/website" target="_blank"><img src="https://opencollective.com/element/sponsor/10/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/11/website" target="_blank"><img src="https://opencollective.com/element/sponsor/11/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/12/website" target="_blank"><img src="https://opencollective.com/element/sponsor/12/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/13/website" target="_blank"><img src="https://opencollective.com/element/sponsor/13/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/14/website" target="_blank"><img src="https://opencollective.com/element/sponsor/14/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/15/website" target="_blank"><img src="https://opencollective.com/element/sponsor/15/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/16/website" target="_blank"><img src="https://opencollective.com/element/sponsor/16/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/17/website" target="_blank"><img src="https://opencollective.com/element/sponsor/17/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/18/website" target="_blank"><img src="https://opencollective.com/element/sponsor/18/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/19/website" target="_blank"><img src="https://opencollective.com/element/sponsor/19/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/20/website" target="_blank"><img src="https://opencollective.com/element/sponsor/20/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/21/website" target="_blank"><img src="https://opencollective.com/element/sponsor/21/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/22/website" target="_blank"><img src="https://opencollective.com/element/sponsor/22/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/23/website" target="_blank"><img src="https://opencollective.com/element/sponsor/23/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/24/website" target="_blank"><img src="https://opencollective.com/element/sponsor/24/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/25/website" target="_blank"><img src="https://opencollective.com/element/sponsor/25/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/26/website" target="_blank"><img src="https://opencollective.com/element/sponsor/26/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/27/website" target="_blank"><img src="https://opencollective.com/element/sponsor/27/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/28/website" target="_blank"><img src="https://opencollective.com/element/sponsor/28/avatar.svg"></a>
-<a href="https://opencollective.com/element/sponsor/29/website" target="_blank"><img src="https://opencollective.com/element/sponsor/29/avatar.svg"></a>
-
 ## Join Discussion Group

 Scan the QR code using [Dingtalk App](https://www.dingtalk.com/) to join in discussion group :

-<img alt="Join Discusion Group" src="https://user-images.githubusercontent.com/17680888/66537329-9a4b9100-eb52-11e9-9d99-65469cfdae58.jpeg" width="300">
+<img alt="Join Discusion Group" src="https://user-images.githubusercontent.com/17680888/93177882-0ae92d80-f766-11ea-870d-3fa2d7f06454.png" width="300">


 ## LICENSE
--- a/build/bin/version.js
+++ b/build/bin/version.js
@@ -1,6 +1,6 @@
 var fs = require('fs');
 var path = require('path');
 var version = process.env.VERSION || require('../../package.json').version;
-var content = { '1.4.13': '1.4', '2.0.11': '2.0', '2.1.0': '2.1', '2.2.2': '2.2', '2.3.9': '2.3', '2.4.11': '2.4', '2.5.4': '2.5', '2.6.3': '2.6', '2.7.2': '2.7', '2.8.2': '2.8', '2.9.2': '2.9', '2.10.1': '2.10', '2.11.1': '2.11', '2.12.0': '2.12' };
-if (!content[version]) content[version] = '2.13';
+var content = { '1.4.13': '1.4', '2.0.11': '2.0', '2.1.0': '2.1', '2.2.2': '2.2', '2.3.9': '2.3', '2.4.11': '2.4', '2.5.4': '2.5', '2.6.3': '2.6', '2.7.2': '2.7', '2.8.2': '2.8', '2.9.2': '2.9', '2.10.1': '2.10', '2.11.1': '2.11', '2.12.0': '2.12', '2.13.2': '2.13' };
+if (!content[version]) content[version] = '2.14';
 fs.writeFileSync(path.resolve(__dirname, '../../examples/versions.json'), JSON.stringify(content));
--- a/build/deploy-ci.sh
+++ b/build/deploy-ci.sh
@@ -40,7 +40,7 @@ if [ "$TRAVIS_TAG" ]; then
  # build sub folder
  echo $TRAVIS_TAG

-  SUB_FOLDER='2.13'
+  SUB_FOLDER='2.14'
  mkdir $SUB_FOLDER
  rm -rf *.js *.css *.map static
  rm -rf $SUB_FOLDER/**
--- a/build/deploy-faas.sh
+++ b/build/deploy-faas.sh
@@ -6,7 +6,7 @@ cd temp_web
 git clone --depth 1 -b gh-pages --single-branch https://github.com/ElemeFE/element.git && cd element

 # build sub folder
-SUB_FOLDER='2.13'
+SUB_FOLDER='2.14'
 mkdir -p $SUB_FOLDER
 rm -rf *.js *.css *.map static
 rm -rf $SUB_FOLDER/**
@@ -15,5 +15,5 @@ cp -rf ../../examples/element-ui/** $SUB_FOLDER/
 cd ../..

 # deploy domestic site
-faas deploy alpha -P element
+faas deploy daily -P element
 rm -rf temp_web
--- a/examples/assets/images/duohui.svg
+++ b/examples/assets/images/duohui.svg
@@ -1,24 +0,0 @@
-<svg width="98" height="150" viewBox="0 0 98 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<title>duohui-element</title>
-<desc>Created using Figma</desc>
-<g id="Canvas" transform="translate(-2216 140)">
-<clipPath id="clip-0" clip-rule="evenodd">
-<path d="M 2216 -140L 2314 -140L 2314 10L 2216 10L 2216 -140Z" fill="#FFFFFF"/>
-</clipPath>
-<g id="duohui-element" clip-path="url(#clip-0)">
-<path d="M 2216 -140L 2314 -140L 2314 10L 2216 10L 2216 -140Z" fill="#FFFFFF"/>
-<g id="Duohui Icon 2">
-<g id="Vector">
-<use xlink:href="#path0_fill" transform="matrix(1.26636 0 0 1.21929 2230 -75.7038)" fill="#3A88FD"/>
-</g>
-<g id="Vector">
-<use xlink:href="#path1_fill" transform="matrix(1.41534 0 0 1.21834 2226 -112)" fill="#35AFFB"/>
-</g>
-</g>
-</g>
-</g>
-<defs>
-<path id="path0_fill" fill-rule="evenodd" d="M 25.7722 1.00635C 26.2 0.374983 26.8949 -2.6613e-07 27.6349 -2.6613e-07C 28.3755 -2.6613e-07 29.0699 0.374983 29.4983 1.00635C 34.409 8.24964 47.798 27.9964 54.5986 38.0262C 55.3878 39.1901 55.4896 40.7162 54.8623 41.983C 54.235 43.2498 52.9833 44.0452 51.6178 44.0452C 39.6694 44.0452 15.601 44.0452 3.6521 44.0452C 2.28712 44.0452 1.03545 43.2498 0.408173 41.983C -0.219106 40.7162 -0.117353 39.1901 0.671804 38.0262C 7.47242 27.9964 20.8609 8.24964 25.7722 1.00635Z"/>
-<path id="path1_fill" fill-rule="evenodd" d="M 24.9939 1.44703C 25.6137 0.533117 26.5572 -3.01614e-07 27.5551 -3.01614e-07C 28.5535 -3.01614e-07 29.497 0.533117 30.1168 1.44703C 35.4674 9.33854 47.8725 27.6342 54.4043 37.2681C 55.1825 38.4157 55.3299 39.982 54.7847 41.2999C 54.2389 42.6185 53.096 43.4556 51.8426 43.4556C 39.9023 43.4556 15.2084 43.4556 3.26811 43.4556C 2.01471 43.4556 0.871739 42.6185 0.325978 41.2999C -0.219783 39.982 -0.0717813 38.4157 0.70639 37.2681C 7.23818 27.6342 19.6433 9.33854 24.9939 1.44703Z"/>
-</defs>
-</svg>
--- a/examples/assets/images/tipe.svg
+++ b/examples/assets/images/tipe.svg
@@ -1,175 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 148.32 226.69">
-  <defs>
-    <style>
-      .cls-1 {
-        isolation: isolate;
-      }
-
-      .cls-2 {
-        fill: url(#radial-gradient);
-      }
-
-      .cls-3 {
-        fill: url(#linear-gradient);
-      }
-
-      .cls-4 {
-        fill: url(#linear-gradient-2);
-      }
-
-      .cls-5 {
-        fill: url(#linear-gradient-3);
-      }
-
-      .cls-6 {
-        fill: url(#linear-gradient-4);
-      }
-
-      .cls-7 {
-        fill: url(#linear-gradient-5);
-      }
-
-      .cls-8 {
-        fill: url(#linear-gradient-6);
-      }
-
-      .cls-9 {
-        opacity: 0.7;
-      }
-
-      .cls-11, .cls-9 {
-        mix-blend-mode: multiply;
-      }
-
-      .cls-10 {
-        fill: url(#linear-gradient-7);
-      }
-
-      .cls-12 {
-        fill: url(#linear-gradient-8);
-      }
-
-      .cls-13 {
-        fill: url(#linear-gradient-9);
-      }
-
-      .cls-14 {
-        fill: #3c2e36;
-      }
-
-      .cls-15 {
-        fill: url(#linear-gradient-10);
-      }
-
-      .cls-16 {
-        fill: url(#radial-gradient-2);
-      }
-    </style>
-    <radialGradient id="radial-gradient" cx="74.93" cy="117.87" r="86.39" gradientTransform="translate(0 22.72) scale(1 1.07)" gradientUnits="userSpaceOnUse">
-      <stop offset="0.32" stop-color="#e4dce1"/>
-      <stop offset="0.48" stop-color="#e1dadf"/>
-      <stop offset="0.59" stop-color="#d9d3da"/>
-      <stop offset="0.68" stop-color="#cac7d2"/>
-      <stop offset="0.76" stop-color="#b5b6c6"/>
-      <stop offset="0.79" stop-color="#aaadc0"/>
-      <stop offset="1" stop-color="#6f6f85"/>
-    </radialGradient>
-    <linearGradient id="linear-gradient" x1="38.85" y1="122.53" x2="108.18" y2="108.38" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#e4dce1"/>
-      <stop offset="0.19" stop-color="#d7d0d7"/>
-      <stop offset="0.53" stop-color="#b5b2be"/>
-      <stop offset="0.97" stop-color="#808296"/>
-    </linearGradient>
-    <linearGradient id="linear-gradient-2" x1="32.25" y1="64.7" x2="148.44" y2="64.7" gradientUnits="userSpaceOnUse">
-      <stop offset="0.32" stop-color="#e4dce1"/>
-      <stop offset="0.49" stop-color="#e1dadf"/>
-      <stop offset="0.6" stop-color="#d9d3da"/>
-      <stop offset="0.69" stop-color="#cac7d2"/>
-      <stop offset="0.78" stop-color="#b5b6c6"/>
-      <stop offset="0.81" stop-color="#aaadc0"/>
-      <stop offset="1" stop-color="#6f6f85"/>
-    </linearGradient>
-    <linearGradient id="linear-gradient-3" x1="139.11" y1="68.34" x2="139.11" y2="1.17" gradientUnits="userSpaceOnUse">
-      <stop offset="0.12" stop-color="#888aa0"/>
-      <stop offset="0.54" stop-color="#716f8a"/>
-      <stop offset="0.89" stop-color="#635d7c"/>
-    </linearGradient>
-    <linearGradient id="linear-gradient-4" x1="111.94" y1="16.05" x2="135.36" y2="16.05" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#3c314b"/>
-      <stop offset="0.54" stop-color="#534a67"/>
-      <stop offset="0.89" stop-color="#635d7c"/>
-    </linearGradient>
-    <linearGradient id="linear-gradient-5" x1="6752.04" y1="68.34" x2="6752.04" y2="-3.45" gradientTransform="matrix(-1, 0, 0, 1, 6787.68, 0)" gradientUnits="userSpaceOnUse">
-      <stop offset="0.19" stop-color="#e4dce1"/>
-      <stop offset="0.42" stop-color="#c2bac6"/>
-      <stop offset="0.92" stop-color="#6b6582"/>
-      <stop offset="0.97" stop-color="#635d7c"/>
-    </linearGradient>
-    <linearGradient id="linear-gradient-6" x1="39.39" y1="16.05" x2="62.82" y2="16.05" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#3c314b"/>
-      <stop offset="0.02" stop-color="#3d324c"/>
-      <stop offset="0.35" stop-color="#524a66"/>
-      <stop offset="0.65" stop-color="#5f5876"/>
-      <stop offset="0.89" stop-color="#635d7c"/>
-    </linearGradient>
-    <linearGradient id="linear-gradient-7" x1="79.66" y1="229.05" x2="79.66" y2="194.82" gradientUnits="userSpaceOnUse">
-      <stop offset="0.03" stop-color="#808296"/>
-      <stop offset="0.31" stop-color="#b7b8c3" stop-opacity="0.78"/>
-      <stop offset="0.79" stop-color="#fff" stop-opacity="0.5"/>
-    </linearGradient>
-    <linearGradient id="linear-gradient-8" x1="87.38" y1="117.84" x2="87.38" y2="41.77" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#e3dddf" stop-opacity="0"/>
-      <stop offset="0.04" stop-color="#cbc5cd" stop-opacity="0.12"/>
-      <stop offset="0.15" stop-color="#9d97a9" stop-opacity="0.37"/>
-      <stop offset="0.25" stop-color="#7b758f" stop-opacity="0.54"/>
-      <stop offset="0.35" stop-color="#67617f" stop-opacity="0.65"/>
-      <stop offset="0.45" stop-color="#605a7a" stop-opacity="0.68"/>
-      <stop offset="0.54" stop-color="#575070" stop-opacity="0.75"/>
-      <stop offset="1" stop-color="#382e4a"/>
-    </linearGradient>
-    <linearGradient id="linear-gradient-9" x1="11357.22" y1="78.8" x2="11361.46" y2="58.49" gradientTransform="matrix(-1, 0, 0, 1, 11419.34, 0)" gradientUnits="userSpaceOnUse">
-      <stop offset="0.07" stop-color="#28ffff"/>
-      <stop offset="0.41" stop-color="#51d2ff"/>
-      <stop offset="0.8" stop-color="#7ba3ff"/>
-      <stop offset="1" stop-color="#8b91ff"/>
-    </linearGradient>
-    <linearGradient id="linear-gradient-10" x1="113" y1="78.8" x2="117.24" y2="58.49" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#linear-gradient-9"/>
-    <radialGradient id="radial-gradient-2" cx="36.09" cy="124.71" r="36.13" gradientUnits="userSpaceOnUse">
-      <stop offset="0.11" stop-color="#635d7c"/>
-      <stop offset="0.35" stop-color="#5f5876"/>
-      <stop offset="0.65" stop-color="#524a66"/>
-      <stop offset="0.98" stop-color="#3d324c"/>
-      <stop offset="1" stop-color="#3c314b"/>
-    </radialGradient>
-  </defs>
-  <title>Asset 3</title>
-  <g class="cls-1">
-    <g id="Layer_2" data-name="Layer 2">
-      <g id="Layer_1-2" data-name="Layer 1">
-        <g>
-          <path class="cls-2" d="M138.13,128.27c-4.7-9.78-11.29-21.28-9.75-33.55a15.83,15.83,0,0,1,3.26-8.26A65.12,65.12,0,0,1,114.75,99a64.1,64.1,0,0,1-6.11,2.76,66.61,66.61,0,0,0-14.35,9.42c-13.43,11.7-26.21,44.39-48.51,50.6h0a23.9,23.9,0,0,1-9.81,2c-9.41-.07-20.4-6.21-26.26-15.43C1,134.68,3.58,115.85,9.49,103.81c-.18.37-.37.74-.55,1.13a102.51,102.51,0,0,0-4.2,10.42v0A86.37,86.37,0,0,0,0,143.69c0,45.84,35.49,83,79.27,83,11.19,0,29-3.38,43.66-13.61a57.75,57.75,0,0,0,22.57-32C151.54,158.58,144.94,142.45,138.13,128.27Z"/>
-          <path class="cls-3" d="M51.46,158.37a27,27,0,0,1-5.67,3.38h0c22.3-6.21,35.07-38.9,48.51-50.6a66.61,66.61,0,0,1,14.35-9.42,58.67,58.67,0,0,1-21.26,4.09c-19.75,0-37.75-10.49-48.31-24,1,1.39,13,15.46,22.29,43.72A30,30,0,0,1,51.46,158.37Z"/>
-          <path class="cls-4" d="M145.33,59.56c-2.08,22.29-28.26,46.26-58,46.26-29.95,0-55.88-24.12-58-46.26-1.45-15.6,7.34-36,58-36S146.78,44,145.33,59.56Z"/>
-          <path class="cls-5" d="M135.36,0h0a51.59,51.59,0,0,0-4.68,32.1A37.21,37.21,0,0,1,134,34.24c10,7.23,12.12,17,11.34,25.32a35.2,35.2,0,0,1-1.6,7.61A73.45,73.45,0,0,0,142.08,12,71.18,71.18,0,0,0,135.36,0Z"/>
-          <path class="cls-6" d="M130.68,32.1A51.59,51.59,0,0,1,135.36,0h0a57.92,57.92,0,0,0-9.41,6.87,59.8,59.8,0,0,0-14,18.75q3.35.64,6.29,1.45A53.09,53.09,0,0,1,130.68,32.1Z"/>
-          <path class="cls-7" d="M39.39,0h0a51.59,51.59,0,0,1,4.68,32.1,37.21,37.21,0,0,0-3.31,2.14c-10,7.23-12.12,17-11.34,25.32A35.2,35.2,0,0,0,31,67.17,73.45,73.45,0,0,1,32.67,12,71.18,71.18,0,0,1,39.39,0Z"/>
-          <path class="cls-8" d="M48.81,6.87A57.92,57.92,0,0,0,39.39,0h0a51.59,51.59,0,0,1,4.68,32.1,53.09,53.09,0,0,1,12.45-5q2.94-.82,6.29-1.45A59.8,59.8,0,0,0,48.81,6.87Z"/>
-          <g class="cls-9">
-            <path class="cls-10" d="M84.24,182.6c-26.08,0-49.56,5.42-66,14.08,14.54,18.33,36.47,30,61,30,11.19,0,29-3.38,43.66-13.61A58.81,58.81,0,0,0,141,192.47C125.56,186.3,105.79,182.6,84.24,182.6Z"/>
-          </g>
-          <g>
-            <g class="cls-11">
-              <path class="cls-12" d="M138.51,52.94c-.56-2.94-2-5.19-5-5.88-7.88-1.85-27,9.84-37.8,15.34-4,2.06-6.16,3.05-8.34,3s-4.31-.94-8.34-3c-10.77-5.5-29.92-17.18-37.8-15.34-3,.7-4.44,2.94-5,5.88-1,5.16.35,18,9.89,27.49,7.14,7.11,16.68,10.46,24.69,12.71l.18.08a4.2,4.2,0,0,0-.09.88c0,3.28,3.83,5.94,8.56,5.94,2.34,0,6.35-.65,7.9-1.71h0c1.55,1.06,5.56,1.71,7.9,1.71,4.73,0,8.56-2.66,8.56-5.94a4.2,4.2,0,0,0-.09-.88l.18-.08c8-2.25,17.56-5.6,24.69-12.71C138.16,70.92,139.49,58.1,138.51,52.94Z"/>
-            </g>
-            <path class="cls-13" d="M75.26,75.35C64.56,86.85,47.81,77.09,45,63.28c-1.83-9.07,3.63-7.73,8.71-5.67C60.14,60.2,68.84,66.27,75.26,75.35Z"/>
-            <path class="cls-14" d="M60.43,68.26a15.16,15.16,0,0,1-2.19,8,15.56,15.56,0,0,1,0-15.92A15.16,15.16,0,0,1,60.43,68.26Z"/>
-            <path d="M87.36,86.64a8.15,8.15,0,0,0-6.27,2.49c8.25,5.17,4.31,5.17,12.55,0A8.15,8.15,0,0,0,87.36,86.64Z"/>
-            <path class="cls-15" d="M99.86,75.35c10.69,11.5,27.45,1.74,30.23-12.07,1.83-9.07-3.63-7.73-8.71-5.67C115,60.2,106.28,66.27,99.86,75.35Z"/>
-            <path class="cls-14" d="M114.69,68.26a15.16,15.16,0,0,0,2.19,8,15.56,15.56,0,0,0,0-15.92A15.16,15.16,0,0,0,114.69,68.26Z"/>
-          </g>
-          <path class="cls-16" d="M9.71,148.35c5.86,9.22,16.85,15.37,26.26,15.43a23.7,23.7,0,0,0,8.21-1.41l0,0c-15,4.18-19.32-25.16-10.92-43.06v0c1.09-3.38,2.35-6.34,3.42-8.83.37-.86,2.53-5.15,2.09-9.8-.84-9-14-17.33-24-5.37A44.52,44.52,0,0,0,9.39,104C3.55,116.06,1.08,134.76,9.71,148.35Z"/>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
--- a/examples/components/side-nav.vue
+++ b/examples/components/side-nav.vue
@@ -122,21 +122,6 @@
    :class="{ 'is-fade': isFade }"
    :style="navStyle">
    <ul>
-      <li class="nav-item sponsors">
-        <a>{{ lang === 'zh-CN' ? '赞助商' : 'Sponsors' }}</a>
-        <ul class="pure-menu-list sub-nav">
-          <li class="nav-item" v-show="lang !== 'zh-CN'">
-            <a href="https://tipe.io/?ref=element" target="_blank">
-              <img src="~examples/assets/images/tipe.svg" alt="tipe.io">
-            </a>
-          </li>
-          <li class="nav-item">
-            <a class="sponsor" href="https://www.duohui.cn/?utm_source=element&utm_medium=web&utm_campaign=element-index" target="_blank">
-              <img src="~examples/assets/images/duohui.svg" alt="duohui">
-            </a>
-          </li>
-        </ul>
-      </li>
      <li
        class="nav-item"
        v-for="(item, key) in data"
--- a/examples/docs/en-US/calendar.md
+++ b/examples/docs/en-US/calendar.md
@@ -59,8 +59,8 @@ Display date.
 | range           | time range, including start time and end time. Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months. | Array  | —  | —  |
 | first-day-of-week | fisrt day of week| Number    | 1 to 7                |  1       |

-### dateCell scoped slot 参数
+### dateCell Scoped Slot Parameters
 | Attribute       | Description   | Type      | Accepted Values       | Default  |
 |-----------------|-------------- |---------- |---------------------- |--------- |
 | date            | date the cell represents  | Date      | —                     | —        |
-| data            | { type, isSelected, day}. `type` indicates which month the date belongs, optional values are prev-month, current-month, next-month; `isSelected` indicates whether the date is selected; `day` is the formatted date in the format yyyy-MM-dd    | Object      | —           | —      |
+| data            | { type, isSelected, day}. The `type` property indicates which month the date belongs, optional values are `prev-month`, `current-month`, `next-month`. The `isSelected` property indicates whether the date is selected. The `day` property is the formatted date in the format yyyy-MM-dd    | Object      | —           | —      |
--- a/examples/docs/en-US/input-number.md
+++ b/examples/docs/en-US/input-number.md
@@ -174,7 +174,7 @@ Use attribute `size` to set additional sizes with `medium`, `small` or `mini`.
 |min | the minimum allowed value | number | — | `-Infinity` |
 |max | the maximum allowed value | number | — | `Infinity` |
 |step | incremental step | number | — | 1 |
-|step-strictly | whether input value can only be multiple of step | number   | — | false |
+|step-strictly | whether input value can only be multiple of step | boolean | — | false |
 |precision | precision of input value | number | — | — |
 |size | size of the component | string | large/small| — |
 |disabled| whether the component is disabled | boolean | — | false |
--- a/examples/docs/en-US/input.md
+++ b/examples/docs/en-US/input.md
@@ -659,6 +659,7 @@ Attribute | Description | Type | Options | Default
 | Event Name | Description | Parameters |
 |----| ----| ----|
 |select | triggers when a suggestion is clicked | suggestion being clicked |
+| change | triggers when the icon inside Input value change | (value: string \| number) |

 ### Autocomplete Methods

--- a/examples/docs/en-US/popconfirm.md
+++ b/examples/docs/en-US/popconfirm.md
@@ -24,10 +24,10 @@ You can customise Popconfirm like:
 ```html
 <template>
 <el-popconfirm
-  confirmButtonText='OK'
-  cancelButtonText='No, Thanks'
+  confirm-button-text='OK'
+  cancel-button-text='No, Thanks'
  icon="el-icon-info"
-  iconColor="red"
+  icon-color="red"
  title="Are you sure to delete this?"
 >
  <el-button slot="reference">Delete</el-button>
@@ -40,15 +40,21 @@ You can customise Popconfirm like:
 | Attribute      | Description          | Type      | Accepted Values       | Default  |
 |--------------------|----------------------------------------------------------|-------------------|-------------|--------|
 |  title              | Title | String | — | — |
-|  confirmButtonText              | Confirm button text | String | — | — |
-|  cancelButtonText              | Cancel button text | String | — | — |
-|  confirmButtonType              | Confirm button type | String | — | Primary |
-|  cancelButtonType              | Cancel button type | String | — | Text |
+|  confirm-button-text              | Confirm button text | String | — | — |
+|  cancel-button-text              | Cancel button text | String | — | — |
+|  confirm-button-type              | Confirm button type | String | — | Primary |
+|  cancel-button-type              | Cancel button type | String | — | Text |
 |  icon              | Icon | String | — | el-icon-question |
-|  iconColor              | Icon color | String | — | #f90 |
-|  hideIcon              | is hide Icon | Boolean | — | false |
+|  icon-color              | Icon color | String | — | #f90 |
+|  hide-icon              | is hide Icon | Boolean | — | false |

 ### Slot
 | Name | Description |
 |--- | ---|
 | reference | HTML element that triggers Popconfirm |
+
+### Events
+| Event Name | Description | Parameters |
+|---------|--------|---------|
+| confirm | triggers when click confirm button | — |
+| cancel | triggers when click cancel button | — |
--- a/examples/docs/en-US/progress.md
+++ b/examples/docs/en-US/progress.md
@@ -170,4 +170,5 @@ You also can specify `type` attribute to `dashboard` to use dashboard progress b
 | color  | background color of progress bar. Overrides `status` prop | string/function/array | — | '' |
 | width | the canvas width of circle progress bar | number | — | 126 |
 | show-text | whether to show percentage | boolean | — | true |
-| stroke-linecap  | circle/dashboard type shape at the end path | string | butt/round/square | round |
+| stroke-linecap  | circle/dashboard type shape at the end path | string | butt/round/square | round |
+| format  | custom text format  | function(percentage) | — | — |
--- a/examples/docs/en-US/steps.md
+++ b/examples/docs/en-US/steps.md
@@ -6,7 +6,7 @@ Guide the user to complete tasks in accordance with the process. Its steps can b

 Simple step bar.

-:::demo Set `active` attribute with `Number` type, which indicates the index of steps and starts from 0. You can set `space` attribute when the width of the step needs to be fixed which accepts `Boolean` type. The unit of the `space` attribute is `px`. If not set, it is responsive. Setting the `finish-status` attribute can change the state of the steps that have been completed.
+:::demo Set `active` attribute with `Number` type, which indicates the index of steps and starts from 0. You can set `space` attribute when the width of the step needs to be fixed which accepts `Number` type. The unit of the `space` attribute is `px`. If not set, it is responsive. Setting the `finish-status` attribute can change the state of the steps that have been completed.

 ```html
 <el-steps :active="active" finish-status="success">
@@ -50,7 +50,7 @@ Shows the status of the step for each step.
 ```
 :::

-### Center 
+### Center

 Title and desription can be centered.

--- a/examples/docs/es/alert.md
+++ b/examples/docs/es/alert.md
@@ -229,11 +229,11 @@ Descripción incluye un mensaje con información más detallada.
 | center      | si el texto debe estar centrado          | boolean | —                          | false       |
 | close-text  | texto de cerrado personalizado           | string  | —                          | —           |
 | show-icon   | si un icono del tipo de alerta se debe mostrar | boolean | —                          | false       |
-| effect | Choose theme  | string | light/dark | light |
+| effect | selecciona tema | string | light/dark | light |

 ### Slot

-| Name | Description |
+| Nombre | Descripción |
 |------|--------|
 | — | descripción |
 | title | El contenido del título de alerta. |
--- a/examples/docs/es/calendar.md
+++ b/examples/docs/es/calendar.md
@@ -57,8 +57,8 @@ Muestra fechas.
 | Atributo        | Descripción        | Tipo      | Valores aceptados     | Por defecto |
 |-----------------|------------------- |---------- |---------------------- |------------ |
 | value / v-model | valor vinculante   | Date/string/number | —            | —           |
-| range           | rango de tiempo, incluyendo el tiempo de inicio y el tiempo final. Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months | Array     | —           | —      |
-| first-day-of-week | fisrt day of week| Number    | 1 to 7                |  1          |
+| range           | rango de tiempo, incluyendo el tiempo de inicio y el tiempo final. Start time debe ser el primer dia de la semana, end time debe ser el ultimo día de la semana, el time entre las fechas no puede exceder dos meses | Array     | —           | —      |
+| first-day-of-week | primer día de la semana | Number    | 1 to 7                |  1          |

 ### dateCell scoped slot
 | Atributo      | Descripción | Tipo   | Valores aceptados | Por defecto |
--- a/examples/docs/es/card.md
+++ b/examples/docs/es/card.md
@@ -169,4 +169,4 @@ Puede definir cuándo mostrar las sombras.
 | ---------- | ---------------------------------------- | ------ | -----------------  | ------------------- |
 | header     | Titulo del card. También acepta DOM pasado por `slot#header` | string  | —                 | —                   |
 | body-style | Estilo CSS del cuerpo                    | object | —                  | { padding: '20px' } |
-| shadow     | cuando mostrar la sombra del Card | string | always / hover / never | always          |
+| shadow     | Cuando mostrar la sombra del Card | string | always / hover / never | always          |
--- a/examples/docs/es/carousel.md
+++ b/examples/docs/es/carousel.md
@@ -190,12 +190,12 @@ Por defecto, `direction` es `horizontal`. El carousel puede ser mostrado de form
 | initial-index      | Indice del slider inicial activo (empieza desde 0) | number  | —                   | 0           |
 | trigger            | Evento que muestra los indicadores                 | string  | hover/click         | hover       |
 | autoplay           | Si se enlazan automáticamente las diapositivas     | boolean | —                   | true        |
-| interval           | Intervalo del auto loop, en milisegundos           | number  | —                   | 3000        |
+| interval           | Intervalo del auto loop, en mili segundos          | number  | —                   | 3000        |
 | indicator-position | Posición del indicador de paginación               | string  | outside/none        | —           |
 | arrow              | Cuando se muestran las flechas                     | string  | always/hover/never  | hover       |
 | type               | Tipo de carrusel                                   | string  | card                | —           |
 | loop               | Si se muestra cíclicamente                         | boolean | —                   | true        |
-| direction          | direccion en la que se muestra el contenido        | string  | horizontal/vertical | horizontal  |
+| direction          | dirección en la que se muestra el contenido        | string  | horizontal/vertical | horizontal  |

 ### Eventos de Carousel
 | Nombre evento | Descripción                               | Parámetros                                                   |
@@ -210,8 +210,8 @@ Por defecto, `direction` es `horizontal`. El carousel puede ser mostrado de form
 | next          | Cambia al slider siguiente | —                                                            |

 ### Atributos de Carousel-Item
-| Atributo | Descripción                              | Tipo   | Valores aceptados | Por defecto |
-| -------- | ---------------------------------------- | ------ | ----------------- | ----------- |
-| name     | Nombre del item que puede ser usado en `setActiveItem` | string | —                 | —           |
-| label    | Texto que se mostrara en el indicador de paginacion correspondiente | string | —                 | —           |
+| Atributo | Descripción                                                  | Tipo   | Valores aceptados | Por defecto |
+| -------- | ------------------------------------------------------------ | ------ | ----------------- | ----------- |
+| name     | Nombre del ítem que puede ser usado en `setActiveItem`       | string | —                 | —           |
+| label    | Texto que se mostrara en el indicador de paginación correspondiente | string | —                 | —           |

--- a/examples/docs/es/cascader.md
+++ b/examples/docs/es/cascader.md
@@ -1923,14 +1923,14 @@ Puede personalizar el contenido del nodo de cascada.
 | show-all-levels | si muestra todos los niveles del valor seleccionado en el input | boolean | — | true |
 | collapse-tags | si se colapsan los tags en la selección múltiple | boolean | - | false |
 | separator | separador de las etiquetas de las opciones | string | — | ' / ' |
-| filterable | si las opciones pueden ser usadas para la busqueda | boolean | — | — |
+| filterable | si las opciones pueden ser usadas para la búsqueda | boolean | — | — |
 | filter-method | lógica de búsqueda personalizable. El primer parámetro es `node`, el segundo es `keyword`, y es necesario devolver un valor boolean que indique si se ha tenido éxito. | function(node, keyword) | - | - |
-| debounce | retraso en milisegundos para el tipeo de los datos de filtro | number | — | 300 |
+| debounce | retraso en mili segundos para el tipeo de los datos de filtro | number | — | 300 |
 | before-filter | hook antes de filtrar con el valor a filtrar como parámetro. Si se devuelve `false` o se devuelve una `Promise` y luego se rechaza, se abortará el filtrado. | function(value) | — | — |
 | popper-class | nombre de clase personalizado para el menú desplegable de Cascader | string | —  | — |

 ### Eventos de Cascader
-| Nombre del evento | Descripción | Parámetros |
+| Nombre | Descripción | Parámetros |
 |---------- |-------- |---------- |
 | change | se desencadena cuando cambia el valor ligado. | valor |
 | expand-change | se desencadena cuando las opciones expandidas cambian | un array de los nodos padres del nodo en expansión |
@@ -1939,13 +1939,13 @@ Puede personalizar el contenido del nodo de cascada.
 | visible-change | se activa cuando aparece/desaparece el menú desplegable | verdadero cuando aparece, y falso de otra manera |
 | remove-tag | se activa cuando se quita la etiqueta en modo de selección múltiple | el valor de la etiqueta que se quita |

-### Cascader Methods
-| Method Name | Description | Parameters |
+### Cascader Métodos
+| Método | Descripción | Parámetros |
 | ---- | ---- | ---- |
-| getCheckedNodes | get an array of currently selected node | (leafOnly) whether only return the leaf checked nodes, default is `false` |
+| getCheckedNodes | Obtiene el array de los nodos seleccionados actualmente | (leafOnly) Si solo devuelve los nodos chequeados, por defecto es `false` |

 ### Slots de Cascader
-| Nombre del slot | Descripción |
+| Nombre | Descripción |
 |---------|-------------|
 | - | el contenido personalizado del nodo cascader, el parámetro es { node, data }, que son el actual objeto Node y los datos del nodo respectivamente. |
 | empty  | cuando no hay opciones coincidentes. |
@@ -1958,19 +1958,19 @@ Puede personalizar el contenido del nodo de cascada.
 | props | opciones de configuración, consulte la siguiente tabla. | object | — | — |

 ### Eventos de CascaderPanel
-| Nombre de los evetos | Descripción | Parámetros |
+| Evento | Descripción | Parámetros |
 |---------- |-------- |---------- |
 | change | se desencadena cuando cambia el valor ligado.         | valor |
 | expand-change | se desencadena cuando las opciones expandidas cambian | un array de los nodos padres del nodo en expansión |

-### CascaderPanel Methods
-| Method Name | Description | Parameters |
+### CascaderPanel Métodos
+| Método | Descripción | Parámetros |
 | ---- | ---- | ---- |
-| getCheckedNodes | get an array of currently selected node | (leafOnly) whether only return the leaf checked nodes, default is `false` |
-| clearCheckedNodes | clear checked nodes | - |
+| getCheckedNodes | Obtiene el array de los nodos seleccionados actualmente | (leafOnly) Si solo devuelve los nodos chequeados, por defecto es `false` |
+| clearCheckedNodes | Limpia de nodos chequeados | - |

 ### Slots de CascaderPanel
-| Nombre del slot | Descripción |
+| Nombre | Descripción |
 |---------|-------------|
 | - | el contenido personalizado del nodo cascader, el parámetro es { node, data }, que son el actual objeto Node y los datos del nodo respectivamente. |

--- a/examples/docs/es/checkbox.md
+++ b/examples/docs/es/checkbox.md
@@ -253,8 +253,8 @@ Checkbox con estilo tipo Botón.
 | indeterminate | similar a `indeterminate` en el checkbox nativo | boolean                   | —                     | false       |

 ### Eventos de Checkbox
-| Nombre | Descripción                              | Parametros           |
-| ------ | ---------------------------------------- | -------------------- |
+| Nombre | Descripción                                | Parámetros           |
+| ------ | ------------------------------------------ | -------------------- |
 | change | se ejecuta cuando el valor enlazado cambia | el valor actualizado |

 ### Atributos de Checkbox-group
@@ -269,8 +269,8 @@ Checkbox con estilo tipo Botón.
 | fill       | color de border y de fondo cuando el botón está activo | string  | —                     | #409EFF     |

 ### Eventos de Checkbox-group
-| Nombre de Evento | Descripción                              | Parametros           |
-| ---------------- | ---------------------------------------- | -------------------- |
+| Nombre de Evento | Descripción                                | Parámetros           |
+| ---------------- | ------------------------------------------ | -------------------- |
 | change           | se ejecuta cuando el valor enlazado cambia | el valor actualizado |

 ### Atributos de Checkbox-button
--- a/examples/docs/es/collapse.md
+++ b/examples/docs/es/collapse.md
@@ -119,8 +119,8 @@ Además de usar el atributo `title`, se puede personalizar el título del panel
 | accordion | especifica si activa el modo acordeón | boolean                                  | —                 | false       |

 ### Eventos de Collapse
-| Nombre de Evento | Descripción                              | Parametros                               |
-| ---------------- | ---------------------------------------- | ---------------------------------------- |
+| Nombre de Evento | Descripción                                   | Parámetros                                                   |
+| ---------------- | --------------------------------------------- | ------------------------------------------------------------ |
 | change           | se dispara cuando los paneles activos cambian | (activeNames: array (No modo acordeón) / string (modo acordeón)) |


--- a/examples/docs/es/color-picker.md
+++ b/examples/docs/es/color-picker.md
@@ -117,8 +117,8 @@ ColorPicker es un selector de color que soporta varios formatos de color.
 | predefine      | opciones de colores predefinidas | array | — | — |

 ### Eventos
-| Nombre de Evento | Descripción                              | Parametros             |
-| ---------------- | ---------------------------------------- | ---------------------- |
-| change           | se dispara cuando el valor del input cambia | valor del color        |
+| Nombre de Evento | Descripción                                     | Parámetros             |
+| ---------------- | ----------------------------------------------- | ---------------------- |
+| change           | se dispara cuando el valor del input cambia     | valor del color        |
 | active-change    | se dispara cuando el actual color activo cambia | valor del color activo |

--- a/examples/docs/es/custom-theme.md
+++ b/examples/docs/es/custom-theme.md
@@ -2,11 +2,9 @@
 Element utiliza la metodología BEM en CSS con la finalidad de que puedas sobrescribir los estilos fácilmente. Pero, si necesita remplazar estilos a gran escala, por ejemplo, cambiar el color del tema de azul a naranja o verde, quizás reemplazarlos uno a uno no sea lo más adecuado, para ello hay 4 maneras de modificar los estilos.

 ### Theme Roller
-Use [Online Theme Roller](./#/es/theme) to customize all Design Tokens of global variables and components，and preview the new theme in real-time.and it can generate a complete style package based on the new theme for you to download directly (to import new style files in your project, please refer to the 'Import custom theme' or part of this section).
+Use [Online Theme Roller](./#/es/theme) para personalizar el diseño de las  variables globales y componentes, y vea el resultado en tiempo real. Puede generar un completo paquete de estilos basado en un nuevo tema que puede bajar directamente (para importar los archivos del nuevo estilo al proyecto por favor vea la sección 'Importar un tema personalizado').

-Also, use [Theme Roller Chrome Extension](https://chrome.google.com/webstore/detail/element-theme-roller/lifkjlojflekabbmlddfccdkphlelmim)，to customize theme and preview in real-time on any website developed by Element.
-
-<img src="https://shadow.elemecdn.com/app/sns-client/element-theme-editor2.e16c6a01-806d-11e9-bc23-21435c54c509.png" style="width: 100%;margin: 30px auto 0;display: block;">
+También puede usar [Theme Roller Chrome Extension](https://chrome.google.com/webstore/detail/element-theme-roller/lifkjlojflekabbmlddfccdkphlelmim), para personalizar un tema y ver el resultado en tiempo real en cualquier sitio desarrollado con Element.<img src="https://shadow.elemecdn.com/app/sns-client/element-theme-editor2.e16c6a01-806d-11e9-bc23-21435c54c509.png" style="width: 100%;margin: 30px auto 0;display: block;">

 ### Cambiando el color del tema
 Si lo que se busca es cambiar el color del tema de Element, se recomienda utilizar el [sitio de visualización de temas](https://elementui.github.io/theme-chalk-preview/#/en-US). Element utiliza un color azul brillante y amigable como tema principal. Al cambiarlo, puede hacer que Element este más conectado visualmente a proyectos específicos.
@@ -102,9 +100,9 @@ et
 > ✔ build element theme
 ```

-### Use custom theme
+### Uso de los temas personalizados
 #### <strong>Importar un tema personalizado</strong>
-Importing your own theme is just like importing the default theme, only this time you import the file built from "Online Theme Roller" or "CLI tool":
+Importar su propio tema es igual que importar el tema por defecto, sol que esta vez se deben importar los archivos construidos con "Online Theme Roller" o "CLI tool":

 ```javascript
 import '../theme/index.css'
--- a/examples/docs/es/date-picker.md
+++ b/examples/docs/es/date-picker.md
@@ -333,17 +333,17 @@ Preste atención a la capitalización
 | `MM`        | mes          |                                          | 01            |
 | `W`         | semana       | solamente para semanas en picker's `format`; no acepta 0 | 1             |
 | `WW`        | semana       | solamente para semanas en  picker's `format` | 01            |
-| `d`         | dia          | no acepta 0                              | 2             |
-| `dd`        | dia          |                                          | 02            |
+| `d`         | día       | no acepta 0                              | 2             |
+| `dd`        | día       |                                          | 02            |
 | `H`         | hora         | 24-hora reloj; no acepta 0               | 3             |
 | `HH`        | hora         | 24-hora reloj                            | 03            |
 | `h`         | hora         | 12-hora reloj;  debe usarse con `A` o `a`; no acepta 0 | 3             |
-| `hh`        | hour         | 12-hora reloj;  debe usarse con `A` o `a` | 03            |
+| `hh`        | hora      | 12-hora reloj;  debe usarse con `A` o `a` | 03            |
 | `m`         | minuto       | no acepta 0                              | 4             |
 | `mm`        | minuto       |                                          | 04            |
 | `s`         | segundo      | no acepta 0                              | 5             |
 | `ss`        | segundo      |                                          | 05            |
-| `A`         | AM/PM        | solamente para `format`, mayusculas      | AM            |
+| `A`         | AM/PM        | solamente para `format`, mayúsculas | AM            |
 | `a`         | am/pm        | solamente para `format`, minúsculas      | am            |
 | `timestamp` | JS timestamp | solamente para `value-format`; valor vinculado debe ser un `number` | 1483326245000 |
 | `[MM]` | No hay caracteres de escape | Para escapar de los caracteres, colóquelos entre corchetes (ejemplo: [A] [MM]). | MM |
@@ -450,7 +450,7 @@ Al seleccionar un intervalo de fechas, puede asignar la hora para la fecha de in
 | picker-options    | opciones adicionales, chequee la tabla debajo | object            | —                                        | {}                   |
 | range-separator   | separador de rangos                      | string            | —                                        | '-'                  |
 | default-value     | opcional, valor por defecto para el calendario | Date              | cualquiera aceptado por `new Date()`     | —                    |
-| default-time      | opcional, los valores para las horas que se deben usar en la seleccion de fechas cuando se usa el modo rango | string[]          | Array de dos valores, cada uno es un string del estilo `12:00:00`. El primer elemento es para la fecha de inicio y el segundo es para la fecha final. | —                    |
+| default-time      | opcional, los valores para las horas que se deben usar en la selección de fechas cuando se usa el modo rango | string[]          | Array de dos valores, cada uno es un string del estilo `12:00:00`. El primer elemento es para la fecha de inicio y el segundo es para la fecha final. | —                    |
 | value-format      | opcional, formato del valor enlazado. Si no esta especificado, el valor enlazado será un objeto Date. | string            | ver [date formats](#/es/component/date-picker#date-formats) | —                    |
 | name              | igual que `name` en el input nativo      | string            | —                                        | —                    |
 | unlink-panels     | desvincular los dos paneles de fecha en el range-picker | boolean           | —                                        | false                |
@@ -474,18 +474,18 @@ Al seleccionar un intervalo de fechas, puede asignar la hora para la fecha de in


 ### Eventos
-| Nombre | Descripción                              | Parametros                   |
-| ------ | ---------------------------------------- | ---------------------------- |
+| Nombre | Descripción                                    | Parámetros                   |
+| ------ | ---------------------------------------------- | ---------------------------- |
 | change | se dispara cuando el usuario confirma el valor | valor enlazado al componente |
-| blur   | se dispara cuando el input pierde el foco | instancia del componente     |
-| focus  | se dispara cuando el input obtiene el foco | instancia del componente     |
+| blur   | se dispara cuando el input pierde el foco      | instancia del componente     |
+| focus  | se dispara cuando el input obtiene el foco     | instancia del componente     |

-### Metodos
-| Metodo | Descripción                | Parameteros |
-| ------ | -------------------------- | ----------- |
-| focus  | coloca el foco en el input | —           |
+### Métodos
+| Método | Descripción                | Parámetros |
+| ------ | -------------------------- | ---------- |
+| focus  | coloca el foco en el input | —          |

 ### Slots
-| Name            | Description                           |
+| Nombre          | Descripción                           |
 | --------------- | ------------------------------------- |
 | range-separator | Separador de los rangos personalizado |
--- a/examples/docs/es/datetime-picker.md
+++ b/examples/docs/es/datetime-picker.md
@@ -214,7 +214,7 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más d
 | unlink-panels      | desconectar dos date-panels en range-picker | boolean           | —                                        | false                |
 | prefix-icon        | Clase personalizada para el icono prefijado | string            | —                                        | el-icon-date         |
 | clear-icon         | Clase personalizada para el icono `clear` | string              | —                                        | el-icon-circle-close |
-| validate-event     | si se debe disparar la validacion | boolean             | -                                        | true                 |
+| validate-event     | si se debe disparar la validación | boolean             | -                                        | true                 |

 ### Picker Options
 | Atributo       | Descripción                              | Tipo     | Valores aceptados | Por defecto |
--- a/examples/docs/es/dialog.md
+++ b/examples/docs/es/dialog.md
@@ -233,14 +233,14 @@ Si la variable ligada a `visible` se gestiona en el Vuex store, el `.sync` no pu

 ### Slots

-| Nombre | Descripcíon                            |
+| Nombre | Descripción                            |
 | ------ | -------------------------------------- |
 | —      | contenido de Diálogo                   |
 | title  | contenido del título de Diálogo        |
 | footer | contenido del pie de página de Diálogo |

 ### Eventos
-| Nombre de Evento | Descripcíon                              | Parámetros |
+| Nombre de Evento | Descripción                   | Parámetros |
 | ---------------- | ---------------------------------------- | ---------- |
 | open             | se activa cuando se abre el cuadro de Diálogo | —          |
 | opened           | se activa cuando la animación de apertura del Dialog termina. | — |
--- a/examples/docs/es/drawer.md
+++ b/examples/docs/es/drawer.md
@@ -50,11 +50,11 @@ Llamada de un drawer temporal, desde varias direcciones
 ```
 :::

-### No Title
+### Sin titulo

-When you no longer need a title, you can remove title from drawer.
+Si no necesitas el titulo lo puedes eliminar del drawer.

-:::demo Set the `withHeader` attribute to **false**, you can remove the title from drawer, thus your drawer can have more space on screen. If you want to be accessible, make sure to set the `title` attribute.
+:::demo Asigne **false** al atributo `withHeader`, se puede eliminar el atributo title del drawer, de esa manera el drawer tendrá mas espacio para el contenido. Por razones de accesibilidad se recomienda asignar siempre un contenido valido al atributo `title`.

 ```html
 <el-button @click="drawer = true" type="primary" style="margin-left: 16px;">
@@ -280,7 +280,7 @@ Si la variable `visible` se gestiona en el almacén de Vuex, el `.sync` no puede
 | title | El título del Drawer, también se puede establecer por slot con nombre, las descripciones detalladas se pueden encontrar en el formulario de slot. | string | — | — |
 | visible | Si se muestra el Drawer, también soporta la notación `.sync` | boolean | — | false |
 | wrapperClosable | Indica si el usuario puede cerrar el Drawer haciendo clic en la capa de sombreado. | boolean | - | true |
-| withHeader | Flag that controls the header section's existance, default to true, when withHeader set to false, both `title attribute` and `title slot` won't work | boolean | - | true |
+| withHeader | Indica si la sección header existirá, por defecto es true, cuando es false no tienen efecto, ambos, `title attribute` y `title slot` | boolean | - | true |

 ### Drawer Slot's

--- a/examples/docs/es/dropdown.md
+++ b/examples/docs/es/dropdown.md
@@ -38,7 +38,7 @@ Pase el ratón por el menú desplegable para desplegarlo y obtener más acciones

 Utilizando un botón para activar la lista desplegable.

-:::demo Utilice `split-button` para dividir el elemento detonante en un grupo de botones, siendo el botón izquierdo un botón normal y el botón derecho el objetivo real de la detonacion. Si desea insertar una línea de separación entre la posición tres y la posición cuatro, sólo añada un divisor de clase a la posición cuatro.
+:::demo Utilice `split-button` para dividir el elemento detonante en un grupo de botones, siendo el botón izquierdo un botón normal y el botón derecho el objetivo real de la detonación. Si desea insertar una línea de separación entre la posición tres y la posición cuatro, sólo añada un divisor de clase a la posición cuatro.

 ```html
 <el-dropdown>
@@ -290,13 +290,13 @@ Además del tamaño predeterminado, el componente Dropdown proporciona tres tama
 | dropdown | contenido del menu Dropdown, normalmente es un elemento `<el-dropdown-menu>` |

 ### Dropdown Eventos
-| Nombre         | Descripción                              | Parametros                               |
-| -------------- | ---------------------------------------- | ---------------------------------------- |
-| click          | si `split-button` es `true`, se activa al hacer clic en el botón izquierdo | —                                        |
-| command        | activa cuando se hace clic en un elemento desplegable | el comando enviado desde el elemento desplegable |
-| visible-change | se activa cuando aparece/desaparece el desplegable | true cuando aparece, y false de otro modo |
+| Nombre         | Descripción                                                  | Parámetros                                       |
+| -------------- | ------------------------------------------------------------ | ------------------------------------------------ |
+| click          | si `split-button` es `true`, se activa al hacer clic en el botón izquierdo | —                                                |
+| command        | activa cuando se hace clic en un elemento desplegable        | el comando enviado desde el elemento desplegable |
+| visible-change | se activa cuando aparece/desaparece el desplegable           | true cuando aparece, y false de otro modo        |

-### Dropdown Menu Item Atributos
+### Dropdown Menú Ítem Atributos
 | Atributo | Descripción                              | Tipo                 | Valores aceptados | Por defecto |
 | -------- | ---------------------------------------- | -------------------- | ----------------- | ----------- |
 | command  | un comando que se enviará al `command` callback del Dropdown | string/number/object | —                 | —           |
--- a/examples/docs/es/form.md
+++ b/examples/docs/es/form.md
@@ -392,7 +392,7 @@ Este ejemplo muestra cómo personalizar sus propias reglas de validación para f
 Se debe llamar a la función de validación de llamada de retorno personalizada. Ver uso más avanzado en [async-validator](https://github.com/yiminghe/async-validator).
 :::

-### Eliminar o agregar validaciones dinamicamente
+### Eliminar o agregar validaciones dinámicamente

 :::demo Además de pasar todas las reglas de validación al mismo tiempo en el componente `form`, también puede pasar las reglas de validación o borrar reglas en un único campo de formulario de forma dinámica.

@@ -471,7 +471,7 @@ Se debe llamar a la función de validación de llamada de retorno personalizada.

 :::

-### Validación numerica
+### Validación numérica

 :::demo La validación numérica necesita un modificador `.number` añadido en el enlace `v-model` de entrada, sirve para transformar el valor de la cadena al número proporcionado por Vuejs.

@@ -617,9 +617,9 @@ Todos los componentes de un formulario heredan su atributo `size`. De manera sim
 | size                    | el tamaño de los componentes en este form | string  | medium / small / mini | —           |
 | disabled                | si se desactivan todos los componentes del formulario. Si esta en `true` no puede ser cambiado por el prop `disabled` individual de los componentes. | boolean | —                     | false       |

-### Form Metodos
+### Form Métodos

-| Metodo        | Descripción                                                  | Parametros                                                   |
+| Método        | Descripción                                                  | Parámetros                                                   |
 | ------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
 | validate      | el método para validar todo el formulario. Recibe una llamada como parámetro. Después de la validación, la llamada de retorno se ejecutará con dos parámetros: un booleano que indica si la validación ha pasado, y un objeto que contiene todos los campos que fallaron en la validación. Devuelve una promesa si se omite el return | Function(callback: Function(boolean, object))                |
 | validateField | validar uno o varios elementos de formulario                 | Function(props: string \| array, callback: Function(errorMessage: string)) |
@@ -627,9 +627,9 @@ Todos los componentes de un formulario heredan su atributo `size`. De manera sim
 | clearValidate | borra el mensaje de validación para determinados campos. El parámetro es un prop name o un array de props names de los items del formulario cuyos mensajes de validación se eliminarán. Si se omiten, se borrarán todos los mensajes de validación de los campos. | Function(props: string \| array)                             |


-### Form Events
+### Eventos Form

-| Nombre   | Descripción                                          | Parametros                                                   |
+| Nombre   | Descripción                                          | Parámetros                                                   |
 | -------- | ---------------------------------------------------- | ------------------------------------------------------------ |
 | validate | se dispara después de validar un ítem del formulario | la propiedad (`prop name`) nombre del ítem del form que se esta validando, si la validación paso o no, y el mensaje de error si existe. |

@@ -660,9 +660,9 @@ Todos los componentes de un formulario heredan su atributo `size`. De manera sim
 | ----- | ------------------------------------------------------------ |
 | error | Contenido personalizado para mostrar el mensaje de validación. El parámetro del scope es { error } |

-### Form-Item Metodo
+### Form-Item Método

-| Metodo        | Descripción                                                 | Parametros |
+| Método        | Descripción                                                 | Parámetros |
 | ------------- | ----------------------------------------------------------- | ---------- |
 | resetField    | restablecer campo actual y eliminar resultado de validación | —          |
 | clearValidate | elimina el estado de la validación de un campo              | -          |
--- a/examples/docs/es/infiniteScroll.md
+++ b/examples/docs/es/infiniteScroll.md
@@ -83,6 +83,6 @@ Añada `v-infinite-scroll` a la lista para ejecutar automáticamente el método
 | Atributos | Descripción | Tipo | Valores aceptados | Por defecto |
 | -------------- | ------------------------------ | --------- | ------------------------------------ | ------- |
 | infinite-scroll-disabled | si esta disabled | boolean      | - |false |
-| infinite-scroll-delay   | retraso en milisegundos | number       |   - |200   |
+| infinite-scroll-delay   | retraso en mili segundos | number       |   - |200   |
 | infinite-scroll-distance| distancia de activación (px) | number   |- |0 |
 | infinite-scroll-immediate |Si se debe ejecutar el método de carga inmediatamente, en caso de que el contenido no se pueda rellenar en el estado inicial. | boolean | - |true |
--- a/examples/docs/es/input-number.md
+++ b/examples/docs/es/input-number.md
@@ -91,7 +91,7 @@ Le permite definir el nivel de incremento de los saltos.

 ### Precisión

-:::demo El atributo `precision` aplica presicion al valor del value.
+:::demo El atributo `precision` aplica presición al valor del value.

 ```html
 <template>
@@ -174,9 +174,9 @@ Utilice el atributo `size` para establecer tamaños adicionales con `medium`, `s
 | ----------------- | ---------------------------------------- | ------- | ----------------- | ----------- |
 | value / v-model    | valor vinculado                          | number  | —                 | 0           |
 | min               | el valor mínimo permitido                | number  | —                 | `-Infinity`  |
-| max               | el valor maximo permitido                | number  | —                 | `Infinity`  |
+| max               | el valor máximo permitido          | number  | —                 | `Infinity`  |
 | step              | incremento (salto)                       | number  | —                 | 1           |
-| step-strictly  | si el valor del input puede ser solo un multiplo de step | number  | —                 | false       |
+| step-strictly  | si el valor del input puede ser solo un múltiplo de step | boolean  | —                 | false       |
 | precision         | precisión del valor del input | number  | —                 | —           |
 | size              | tamaño del componente                    | string  | large/small       | —           |
 | disabled          | si el componente esta deshabilitado      | boolean | —                 | false       |
@@ -184,7 +184,7 @@ Utilice el atributo `size` para establecer tamaños adicionales con `medium`, `s
 | controls-position | posición de los botones de control       | string  | right             | -           |
 | name              | lo mismo que `name` en un input nativo   | string  | —                 | —           |
 | label             | texto de la etiqueta                     | string  | —                 | —           |
-| placeholder | placeholder in input | string | - | - |
+| placeholder | placeholder en el input | string | - | - |

 ### Eventos

--- a/examples/docs/es/input.md
+++ b/examples/docs/es/input.md
@@ -155,7 +155,7 @@ export default {

 ### Textarea

-Redimensiona para introducir varias líneas de información de texto. Agregue el atributo `type="textarea"` para cambiar el `input` al tipo nativo `textarea`.
+Re dimensiona para introducir varias líneas de información de texto. Agregue el atributo `type="textarea"` para cambiar el `input` al tipo nativo `textarea`.

 :::demo Controle la altura ajustando el prop `rows`.

@@ -613,7 +613,7 @@ export default {

 ### Input eventos

-| Nombre | Descripción                                                  | Parametros                |
+| Nombre | Descripción                                                  | Parámetros                |
 | ------ | ------------------------------------------------------------ | ------------------------- |
 | blur   | Se dispara cuando se pierde el foco                          | (event: Event)            |
 | focus  | Se dispara cuando se obtiene el foco                         | (event: Event)            |
@@ -622,9 +622,9 @@ export default {
 | input  | se activa cuando cambia el valor de entrada                  | (value: string \| number) |
 | clear  | se dispara cuando la entrada es borrada por el botón generado por el atributo `clearable`. | —                         |

-### Input Metodo
+### Input Métodos

-| Metodo | Descripción                   | Parametros |
+| Método | Descripción                   | Parámetros |
 | ------ | ----------------------------- | ---------- |
 | focus  | coloca el foco en el elemento | —          |
 | blur   | quita el foco del elemento    | —          |
@@ -665,18 +665,19 @@ export default {

 ### Autocomplete Scoped Slot

-| Name | Description                                                  |
-| ---- | ------------------------------------------------------------ |
-| —    | Contenido personalizado para el input de sugerencias. El parámetro del scope es { ítem } |
+| Nombre | Descripción                                                  |
+| ------ | ------------------------------------------------------------ |
+| —      | Contenido personalizado para el input de sugerencias. El parámetro del scope es { ítem } |

 ### Autocomplete Eventos

-| Nombre | Descripción                                     | Parametros                                 |
+| Nombre | Descripción                                     | Parámetros                                 |
 | ------ | ----------------------------------------------- | ------------------------------------------ |
 | select | se dispara cuando se hace clic a una sugerencia | sugerencia en la que se está haciendo clic |
+| change | se activa cuando cambia el valor de entrada     | (value: string \| number)                  |

-### Autocomplete Metodo
+### Autocomplete Método

-| Metodo | Descripción                   | Parametros |
+| Método | Descripción                   | Parámetros |
 | ------ | ----------------------------- | ---------- |
 | focus  | coloca el foco en el elemento | —          |
--- a/examples/docs/es/installation.md
+++ b/examples/docs/es/installation.md
@@ -20,7 +20,7 @@ Obtenga la última versión desde [unpkg.com/element-ui](https://unpkg.com/eleme
 ```

 ##Tip
-Recomendamos a nuestros usuarios congelar la versión de Elemet cuando usas un CDN. Por favor, refiérase a [unpkg.com](https://unpkg.com) para más información.
+Recomendamos a nuestros usuarios congelar la versión de Element cuando usas un CDN. Por favor, refiérase a [unpkg.com](https://unpkg.com) para más información.

 ### Hello world

--- a/examples/docs/es/layout.md
+++ b/examples/docs/es/layout.md
@@ -1,12 +1,12 @@
 ## Layout

-Rápido y facilmente crea un layout básico con 24 columnas.
+Rápido y fácilmente crea un layout básico con 24 columnas.

 ### Layout básico

 Crea un layout básico usando columnas.

-:::demo Con `row` y `col`, puede facilmente manipular el layout usando el atributo `span`.
+:::demo Con `row` y `col`, puede fácilmente manipular el layout usando el atributo `span`.
 ```html
 <el-row>
  <el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col>
@@ -343,17 +343,17 @@ Las clases son:

 ### Atributos Col 

-| Atributos | Descripción                              | Tipo                                     | Valores aceptados | Valor por defecto |
-| --------- | ---------------------------------------- | ---------------------------------------- | ----------------- | ----------------- |
-| span      | número de columnas que abarca la cuadrícula | number                                   | —                 | 24                |
-| offset    | especific espacio en el lado izquierdo de la grill | number                                   | —                 | 0                 |
-| push      | número de columnas que la grilla se mueve hacia la derecha | number                                   | —                 | 0                 |
-| pull      | número de columnas que la grilla se mueve hacia la izquierda | number                                   | —                 | 0                 |
+| Atributos | Descripción                                                  | Tipo                                      | Valores aceptados | Valor por defecto |
+| --------- | ------------------------------------------------------------ | ----------------------------------------- | ----------------- | ----------------- |
+| span      | número de columnas que abarca la cuadrícula                  | number                                    | —                 | 24                |
+| offset    | especifica el espacio en el lado izquierdo del grill         | number                                    | —                 | 0                 |
+| push      | número de columnas que la grilla se mueve hacia la derecha   | number                                    | —                 | 0                 |
+| pull      | número de columnas que la grilla se mueve hacia la izquierda | number                                    | —                 | 0                 |
 | xs        | `<768px` Columnas responsive u objeto con propiedades de la columna | number/object (e.g. {span: 4, offset: 4}) | —                 | —                 |
 | sm        | `≥768px` Columnas responsive u objeto con propiedades de la columna | number/object (e.g. {span: 4, offset: 4}) | —                 | —                 |
 | md        | `≥992px` Columnas responsive u objeto con propiedades de la columna | number/object (e.g. {span: 4, offset: 4}) | —                 | —                 |
 | lg        | `≥1200px` Columnas responsive u objeto con propiedades de la columna | number/object (e.g. {span: 4, offset: 4}) | —                 | —                 |
 | xl        | `≥1920px` Columnas responsive u objeto con propiedades de la columna | number/object (e.g. {span: 4, offset: 4}) | —                 | —                 |
-| tag       | tag de elemento propio                   | string                                   | *                 | div               |
+| tag       | tag de elemento propio                                       | string                                    | *                 | div               |


--- a/examples/docs/es/link.md
+++ b/examples/docs/es/link.md
@@ -1,10 +1,10 @@
 ## Link

-Texto con hipervinculo
+Texto con hipervínculo

 ### Básico

-Texto con hipervinculo básico
+Texto con hipervínculo básico
 :::demo

 ```html
@@ -22,7 +22,7 @@ Texto con hipervinculo básico

 ### Deshabilitar

-Deshabilita el hipervinculo
+Deshabilita el hipervínculo
 :::demo

 ```html
@@ -40,7 +40,7 @@ Deshabilita el hipervinculo

 ### Subrayado

-Subrayado del hipervinculo
+Subrayado del hipervínculo
 :::demo

 ```html
@@ -54,7 +54,7 @@ Subrayado del hipervinculo

 ### Icono

-Hipervinculo con icono
+Hipervínculo con icono
 :::demo

 ```html
@@ -71,7 +71,7 @@ Hipervinculo con icono
 | Atributo  | Descripción                                          | Tipo    | Opciones                                    | Por defecto |
 | --------- | ---------------------------------------------------- | ------- | ------------------------------------------- | ----------- |
 | type      | tipo                                                 | string  | primary / success / warning / danger / info | default     |
-| underline | si el hipervinculo estara subrayado                  | boolean | —                                           | true        |
+| underline | si el hipervínculo estará subrayado                  | boolean | —                                           | true        |
 | disabled  | si el componente esta deshabilitado                  | boolean | —                                           | false       |
-| href      | lo mismo que el valor nativo del hipervinculo `href` | string  | —                                           | -           |
+| href      | lo mismo que el valor nativo del hipervínculo `href` | string  | —                                           | -           |
 | icon      | nombre de clase del icono                            | string  | —                                           | -           |
--- a/examples/docs/es/loading.md
+++ b/examples/docs/es/loading.md
@@ -196,7 +196,7 @@ Llamar al método `close` en cualquiera de estas puede cerrarlo.

 Si Element es importado completamente, un método global `$loading` puede ser registrado a Vue.prototype. Puede invocarlo como esto: `this.$loading(options)`, y también devuelve una instancia del componente.

-### Options
+### Opciones
 | Atributo    | Descripción                              | Tipo          | Valores aceptados | Por defecto   |
 | ----------- | ---------------------------------------- | ------------- | ----------------- | ------------- |
 | target      | el nodo del DOM que el componente debe cubrir. Acepta un objecto DOM o una cadena. Si está es una cadena, este será pasado a `document.querySelector` para obtener el correspondiente nodo del DOM | object/string | —                 | document.body |
--- a/examples/docs/es/menu.md
+++ b/examples/docs/es/menu.md
@@ -244,14 +244,14 @@ NavMenu vertical puede ser colapsado.
 ```
 :::

-### Atributos Menu
+### Atributos Menú
 | Atributo          | Descripción                              | Tipo    | Valores aceptados     | Por defecto |
 | ----------------- | ---------------------------------------- | ------- | --------------------- | ----------- |
 | mode              | modo de presentación del menú            | string  | horizontal / vertical | vertical    |
 | collapse          | si el menú está colapsado (solo en modo vertical) | boolean | —                     | false       |
 | background-color  | color de fondo del menú (formato hexadecimal) | string  | —                     | #ffffff     |
 | text-color        | color de texto del menú (formato hexadecimal) | string  | —                     | #303133     |
-| active-text-color | color de text del menu-item activo (formato hexadecimal) | string  | —                     | #409EFF     |
+| active-text-color | color del texto del menu-item activo (formato hexadecimal) | string  | —                     | #409EFF     |
 | default-active    | índice del menu-item activo              | string  | —                     | —           |
 | default-openeds   | arreglo que contiene las llaves del sub-menus activo | Array   | —                     | —           |
 | unique-opened     | si solo un submenu puede ser activo      | boolean | —                     | false       |
--- a/examples/docs/es/message-box.md
+++ b/examples/docs/es/message-box.md
@@ -305,7 +305,7 @@ Los métodos correspondientes: `MessageBox`, `MessageBox.alert`, `MessageBox.con
 | message                  | contenido del componente MessageBox      | string                                   | —                                | —                                        |
 | dangerouslyUseHTMLString | utilizado para que `message` sea tratado como una cadena HTML | boolean                                  | —                                | false                                    |
 | type                     | tipo de mensaje , utilizado para mostrar el  icono | string                                   | success / info / warning / error | —                                        |
-| iconClass                | clase personalizada para el icono, sobreescribe `type` | string         | —                          | —           |
+| iconClass                | clase personalizada para el icono, sobrescribe `type` | string         | —                          | —           |
 | customClass              | nombre de la clase personalizada para el componente MessageBox | string                                   | —                                | —                                        |
 | callback                 | MessageBox callback al cerrar si no desea utilizar Promise | function(action), donde la accion puede ser 'confirm', 'cancel' o 'close', e `instance`  es la instancia del componente MessageBox. Puedes acceder a los metodos y atributos de esa instancia | —                                | —                                        |
 | beforeClose              | callback llamado antes de cerrar el componente MessageBox, y previene que el componente MessageBox se cierre | function(action, instance, done), donde `action` pueden ser 'confirm', 'cancel' o 'close'; `instance` es la instancia del componente MessageBox, Puedes acceder a los metodos y atributos de esa instancia; `done` es para cerrar la instancia | —                                | —                                        |
--- a/examples/docs/es/message.md
+++ b/examples/docs/es/message.md
@@ -181,7 +181,7 @@ Utiliza el atributo `center` para centrar el texto.
 :::

 :::warning
-Aunque la propiedad `message` soporta cadenas HTML, realizar arbitrariamente render dinámico de HTML en nuestro sitio web puede ser muy peligroso ya que puede conducir fácilmente a [XSS attacks](https://en.wikipedia.org/wiki/Cross-site_scripting). Entonces cuando `dangerouslyUseHTMLString` esta activada, asegurese que el contenido de `message` sea de confianza, y **nunca** asignar `message` a contenido generado por el usuario.
+Aunque la propiedad `message` soporta cadenas HTML, realizar arbitrariamente render dinámico de HTML en nuestro sitio web puede ser muy peligroso ya que puede conducir fácilmente a [XSS attacks](https://en.wikipedia.org/wiki/Cross-site_scripting). Entonces cuando `dangerouslyUseHTMLString` esta activada, asegúrese que el contenido de `message` sea de confianza, y **nunca** asignar `message` a contenido generado por el usuario.
 :::

 ### Métodos Globales
@@ -198,15 +198,15 @@ import { Message } from 'element-ui';

 En este caso debería llamar al método `Message(options)`. También se han registrado métodos para los diferentes tipos, e.g. `Message.success(options)`. Puede llamar al método `Message.closeAll()` para cerrar manualmente todas las instancias.

-### Options
-| Atributo                 | Descripcion                              | Tipo           | Valores permitidos         | Por defecto |
+### Opciones
+| Atributo                 | Descripción                   | Tipo           | Valores permitidos         | Por defecto |
 | ------------------------ | ---------------------------------------- | -------------- | -------------------------- | ----------- |
 | message                  | texto del mensaje                        | string / VNode | —                          | —           |
 | type                     | tipo del mensaje                         | string         | success/warning/info/error | info        |
-| iconClass                | clase personalizada para el icono, sobreescribe `type` | string         | —                          | —           |
+| iconClass                | clase personalizada para el icono, sobrescribe `type` | string         | —                          | —           |
 | dangerouslyUseHTMLString | utilizado para que `message` sea tratado como cadena HTML | boolean        | —                          | false       |
 | customClass              | nombre de clase personalizado para el componente Message | string         | —                          | —           |
-| duration                 | muestra la duración,en milisegundos. si se establece en 0, este no se apagara automáticamente | number         | —                          | 3000        |
+| duration                 | muestra la duración,en mili segundos. si se establece en 0, este no se apagara automáticamente | number         | —                          | 3000        |
 | showClose                | utilizado para mostrar un botón para cerrar | boolean        | —                          | false       |
 | center                   | utilizado para centrar el texto          | boolean        | —                          | false       |
 | onClose                  | función callback ejecutada cuando se cierra con una instancia de mensaje como parámetro | function       | —                          | —           |
--- a/examples/docs/es/notification.md
+++ b/examples/docs/es/notification.md
@@ -4,7 +4,7 @@ Muestra un mensaje de notificación global en una esquina de la página.

 ### Uso básico

-:::demo Element ha registrado el método`$notify` y recibe un objeto como parámetro. En el caso más sencillo, puede establecer el campo de `title` y el campo de ` message` para el título y el cuerpo de la notificación. De forma predeterminada, la notificación se cierra automáticamente después de 4500ms, pero configurando `duration`  se puede controlar su duración. Específicamente, si está configurado en `0`, no se cerrará automáticamente. Tenga en cuenta que `duration` recibe un `Number` en milisegundos.
+:::demo Element ha registrado el método`$notify` y recibe un objeto como parámetro. En el caso más sencillo, puede establecer el campo de `title` y el campo de ` message` para el título y el cuerpo de la notificación. De forma predeterminada, la notificación se cierra automáticamente después de 4500ms, pero configurando `duration`  se puede controlar su duración. Específicamente, si está configurado en `0`, no se cerrará automáticamente. Tenga en cuenta que `duration` recibe un `Number` en mili segundos.

 ```html
 <template>
@@ -313,6 +313,6 @@ En este caso, debe llamar a `Notification(options)`. También se han registrado
 ### Métodos
 `Notification` y `this.$notify` devuelven la instancia de la notificación actual. Para cerrar manualmente la instancia, se puede llamar `close` para ello.

-| Metodo | Descripción            |
+| Método | Descripción            |
 | ------ | ---------------------- |
 | close  | cierra la notificación |
--- a/examples/docs/es/popconfirm.md
+++ b/examples/docs/es/popconfirm.md
@@ -1,12 +1,12 @@
 ## Popconfirm 

-A simple confirmation dialog of an element click action.
+Un dialogo de confirmación simple asociado al evento click de un elemento.

-### Basic usage
+### Uso básico

-Popconfirm is similar to Popover. So for some duplicated attributes, please refer to the documentation of Popover.
+Popconfirm es parecido a Popover. Para algunos atributos duplicados, por favor consulte la documentación de Popover.

-:::demo Only `title` attribute is avaliable in Popconfirm, `content` will be ignored.
+:::demo Solo el atributo  `title`  esta disponible en Popconfirm, `content` sera ignorado.
 ```html
 <template>
 <el-popconfirm
@@ -18,16 +18,17 @@ Popconfirm is similar to Popover. So for some duplicated attributes, please refe
 ````
 :::

-### Customise
-You can customise Popconfirm like:
+### Personalización
+Se puede personalizar Popconfirm así:
 :::demo
+
 ```html
 <template>
 <el-popconfirm
-  confirmButtonText='OK'
-  cancelButtonText='No, Thanks'
+  confirm-button-text='OK'
+  cancel-button-text='No, Thanks'
  icon="el-icon-info"
-  iconColor="red"
+  icon-color="red"
  title="Are you sure to delete this?"
 >
  <el-button slot="reference">Delete</el-button>
@@ -36,19 +37,25 @@ You can customise Popconfirm like:
 ```
 :::

-### Attributes
-| Attribute      | Description          | Type      | Accepted Values       | Default  |
+### Atributos
+| Atributo     | Descripción | Tipo    | Valores aceptados | Por defecto |
 |--------------------|----------------------------------------------------------|-------------------|-------------|--------|
-|  title              | Title | String | — | — |
-|  confirmButtonText              | Confirm button text | String | — | — |
-|  cancelButtonText              | Cancel button text | String | — | — |
-|  confirmButtonType              | Confirm button type | String | — | Primary |
-|  cancelButtonType              | Cancel button type | String | — | Text |
-|  icon              | Icon | String | — | el-icon-question |
-|  iconColor              | Icon color | String | — | #f90 |
-|  hideIcon              | is hide Icon | Boolean | — | false |
+|  title              | Titulo | String | — | — |
+|  confirm-button-text              | Texto del botón de confirmación | String | — | — |
+|  cancel-button-text              | Texto del botón de cancelación | String | — | — |
+|  confirm-button-type              | Tipo del botón de confirmación | String | — | Primary |
+|  cancel-button-type              | Tipo del botón de cancelación | String | — | Text |
+|  icon              | Icono | String | — | el-icon-question |
+|  icon-color              | Color icono | String | — | #f90 |
+|  hide-icon              | ¿Es un icono oculto? | Boolean | — | false |

 ### Slot
-| Name | Description |
+| Nombre | Descripción |
 |--- | ---|
-| reference | HTML element that triggers Popconfirm |
+| reference | Elemento HTML que activa el Popconfirm |
+
+### Eventos
+| Nombre Evento | Descripción | Parámetros |
+|---------|--------|---------|
+| confirm | Se activa cuando se pulsa el botón de confirmación | — |
+| cancel | Se activa cuando se pulsa el botón de cancelación | — |
--- a/examples/docs/es/popover.md
+++ b/examples/docs/es/popover.md
@@ -150,8 +150,8 @@ Por supuesto, puedes anidar otras operaciones. Es más ligero que utilizar un `d
 | visible-arrow  | si una flecha del tooltip es mostrada o no. Para más información, por favor refiérase a [Vue-popper](https://github.com/element-component/vue-popper) | boolean        | —                                        | true                                     |
 | popper-options | parámetros para [popper.js](https://popper.js.org/documentation.html) | object         | por favor, refiérase a [popper.js](https://popper.js.org/documentation.html) | `{ boundariesElement: 'body', gpuAcceleration: false }` |
 | popper-class   | clase propia para popover                | string         | —                                        | —                                        |
-| open-delay     | retraso de la aparición cuando `trigger` es hover, en milisegundos | number         | —                                        | —                                        |
-| close-delay    | Retraso antes de desaparecer cuando el `trigger` es hover, en milisegundos. | number | — | 200 |
+| open-delay     | retraso de la aparición cuando `trigger` es hover, en mili segundos | number         | —                                        | —                                        |
+| close-delay    | Retraso antes de desaparecer cuando el `trigger` es hover, en mili segundos. | number | — | 200 |
 | tabindex       | [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) de Popover |   number           |      —      |  0    |

 ### Slot
--- a/examples/docs/es/progress.md
+++ b/examples/docs/es/progress.md
@@ -165,7 +165,8 @@ Puede utilizar el atributo `color` para establecer el color de la barra de progr
 | stroke-width | ancho de la barra de progreso            | number  | —                 | 6           |
 | text-inside  | mostrar el porcentaje dentro de la barra de progreso, solo funciona cuando `type` es 'line' | boolean | —                 | false       |
 | status       | estado actual de la barra de progreso    | string  | success/exception/warning | —   |
-| color        | color de fondo de la barra de progreso. Sobreescribe la propiedad `status` | string/function/array | — | '' |
+| color        | color de fondo de la barra de progreso. Sobrescribe la propiedad `status` | string/function/array | — | '' |
 | width        | ancho del canvas que contiene la barra de progreso circula | number  | —                 | 126         |
 | show-text    | mostrar porcentaje                       | boolean | —                 | true        |
-| stroke-linecap  | circle/dashboard type shape at the end path | string | butt/round/square | round |
+| stroke-linecap  | circle/dashboard tipo de diseño al final del camino | string | butt/round/square | round |
+| format  | personalizar el formato de texto estableciendo format  | function(percentage) | — | — |
--- a/examples/docs/es/select.md
+++ b/examples/docs/es/select.md
@@ -186,7 +186,7 @@ Puede limpiar un Select con un icono.

 ### Selección múltiple básica

-Selección multiple utiliza tags para mostrar las opciones seleccionadas.
+Selección múltiple utiliza tags para mostrar las opciones seleccionadas.

 :::demo Configure el atributo `multiple` para `el-select` para habilitar el modo múltiple. En este caso, el valor del `v-model` será un array de opciones seleccionadas. De forma predeterminada, las opciones seleccionadas se mostrarán como tags. Se pueden contraer a un texto utilizando el atributo  `collapse-tags`.

@@ -562,7 +562,7 @@ Si el valor de encuadernación de Select es un objeto, asegúrese de asignar `va
 | automatic-dropdown | para non-filterable Select, este `prop` decide si el menú de opciones aparece cuando la entrada está enfocada | boolean | - | false |

 ### Eventos Select
-| Nombre         | Descripción                                                  | Parametros                                |
+| Nombre         | Descripción                                                  | Parámetros                                |
 | -------------- | ------------------------------------------------------------ | ----------------------------------------- |
 | change         | se dispara cuando el valor del select cambia                 | valor actual del select                   |
 | visible-change | se dispara cuando el menú desplegable aparece o desaparece   | true cuando aparece, y false en otro caso |
@@ -571,8 +571,8 @@ Si el valor de encuadernación de Select es un objeto, asegúrese de asignar `va
 | blur           | se dispara cuando el input pierde el foco                    | (event: Event)                            |
 | focus          | se dispara cuando el input obtiene el foco                   | (event: Event)                            |

-### Select Slots
-| Name    | Description |
+### Slots Select 
+| Nombre | Descripción |
 |---------|-------------|
 |    —    | lista de los componentes Option |
 | prefix  | contenido prefix de un  Select |
@@ -591,8 +591,8 @@ Si el valor de encuadernación de Select es un objeto, asegúrese de asignar `va
 | label    | etiqueta de option, es igual a  `value` si se omite | string/number        | —                 | —           |
 | disabled | si  option esta deshabilitado            | boolean              | —                 | false       |

-### Metodos
-| Metodo | Descripción                 | Parametros |
+### Métodos
+| Método | Descripción                 | Parámetros |
 | ------ | --------------------------- | ---------- |
 | focus  | Foco en el componente input | -          |
 | blur   | Quita el focus del componente y oculta el dropdown | - |
--- a/examples/docs/es/slider.md
+++ b/examples/docs/es/slider.md
@@ -231,13 +231,13 @@ Se soporta la selección de un rango de valores.
 | vertical            | modo vertical                            | boolean         | —                 | false       |
 | height              | alto del Slider, requerido en modo vertical | string          | —                 | —           |
 | label               | etiqueta para screen reader              | string          | —                 | —           |
-| debounce            | retardo al escribir, en milisegundos, funciona cuando`show-input` es true. | number          | —                 | 300         |
+| debounce            | retardo al escribir, en mili segundos, funciona cuando`show-input` es true. | number          | —                 | 300         |
 | tooltip-class       | nombre personalizado de clase para el tooltip | string | — | — |
 | marks | marcas, tipo de clave debe ser `number` y debe estar en intervalo cerrado [min, max], cada marca puede tener estilo personalizado | object | — | — |

 ## Eventos
-| Nombre | Descripción                              | Parametros               |
+| Nombre | Descripción                              | Parámetros     |
 | ------ | ---------------------------------------- | ------------------------ |
-| change | se dispara cuando el valor cambia (si el ratón está comenzando el arrastre este evento sólo se disparara cuando se suelte el ratón) | valor despues del cambio |
-| input | triggers when the data changes (It'll be emitted in real time during sliding) | value after changing |
+| change | se dispara cuando el valor cambia (si el ratón está comenzando el arrastre este evento sólo se disparara cuando se suelte el ratón) | valor después del cambio |
+| input | Se dispara cuando los datos cambian (funciona en tiempo real) | valor después del cambio |

--- a/examples/docs/es/steps.md
+++ b/examples/docs/es/steps.md
@@ -6,7 +6,7 @@ Guía al usuario para completar tareas de acuerdo con el proceso. Sus pasos pued

 Barra de pasos simple.

-:::demo Defina el atributo `active` con un valor de tipo `Number`, que indica el índice de pasos y comienza desde 0. Puede definir el atributo `space` cuando es necesario fijar el ancho del paso que acepta el tipo `Boolean`. La unidad del atributo `space` es px. Si no está configurado, es responsive. La configuración del atributo `finish-status` puede cambiar el estado de los pasos completados.
+:::demo Defina el atributo `active` con un valor de tipo `Number`, que indica el índice de pasos y comienza desde 0. Puede definir el atributo `space` cuando es necesario fijar el ancho del paso que acepta el tipo `Number`. La unidad del atributo `space` es px. Si no está configurado, es responsive. La configuración del atributo `finish-status` puede cambiar el estado de los pasos completados.

 ```html
 <el-steps :active="active" finish-status="success">
@@ -50,7 +50,7 @@ Muestra el estado del step para cada paso.
 ```
 :::

-### Centrado 
+### Centrado

 El título y la descripción pueden estar centrados.

@@ -151,8 +151,8 @@ Step bar simple, donde se ignorará `align-center`, `description`, `direction` y
 | icon        | icono del paso                           | nombre de la clase del icono del paso. Los iconos también se pueden pasar a través del slot con nombre | string            | —           |
 | status      | estado actual. Se configurará automáticamente mediante Steps si no está configurado. | wait / process / finish / error / success | -                 |             |

-### Step Slot
-| Name        | Description          |
+### Slot Step
+| Nombre      | Descripción          |
 | ----------- | -------------------- |
 | icon        | Icono personalizado  |
 | title       | Titulo del paso      |
--- a/examples/docs/es/switch.md
+++ b/examples/docs/es/switch.md
@@ -134,12 +134,12 @@ Switch es utilizado para realizar cambios entre dos estados opuestos.

 ### Eventos

-| Nombre del evento | Descripción                       | Parametro |
+| Nombre del evento | Descripción                       | Parámetro |
 | ----------------- | --------------------------------- | --------- |
 | change            | se dispara cuando el valor cambia | valor     |
 después de cambiar

-### Metodos
-| Metodo | Descripción               | Parametro |
+### Métodos
+| Método | Descripción               | Parámetro |
 | ------ | ------------------------- | --------- |
 | focus  | foco al componente Switch | —         |
--- a/examples/docs/es/table.md
+++ b/examples/docs/es/table.md
@@ -1815,7 +1815,7 @@ Puede personalizar el índice de la fila con la propiedad `type=index` de las co
 | ---------------------- | ---------------------------------------- | ---------------------------------------- | ------------------------------ | ---------------------------------------- |
 | data                   | Datos de la tabla                        | array                                    | —                              | —                                        |
 | height                 | Altura de la tabla. Por defecto esta tiene un tamaño `auto`. Si este valor es un número, la altura es medido en pixeles; si este valor es una cadena, la altura es afectada por estilos externos. | string/number                            | —                              | —                                        |
-| max-height             | Table's max-height. The legal value is a number or the height in px.                | string/number                            | —                              | —                                        |
+| max-height             | El max-height de la tabla. El valor puede ser un numero o el alto en px. | string/number                            | —                              | —                                        |
 | stripe                 | especifica si la tabla será en franjas   | boolean                                  | —                              | false                                    |
 | border                 | especifica si la tabla tiene bordes verticales | boolean                                  | —                              | false                                    |
 | size                   | tamaño de la tabla                       | string                                   | medium / small / mini          | —                                        |
--- a/examples/docs/es/tabs.md
+++ b/examples/docs/es/tabs.md
@@ -293,7 +293,7 @@ Solo las pestañas de tipo tarjeta soportan adición y cierre.
 | tab-click        | se lanza cuando se hace clic a una pestaña                   | pestaña clickeada             |
 | tab-remove       | se lanza cuando se hace clic al botón tab-remove             | nombre de la pestaña removida |
 | tab-add          | se lanza cuando se hace clic al botón tab-add                | —                             |
-| edit             | se lanza cuando los botones de tab-add y/o tab-remove son clickeados | (targetName, action)          |
+| edit             | se lanza cuando los botones de tab-add y/o tab-remove son cliqueados | (targetName, action)          |

 ### Atributos del Tab-pane
 | Atributo | Descripción                                                  | Tipo    | Valores Aceptados | Default                                                      |
--- a/examples/docs/es/tag.md
+++ b/examples/docs/es/tag.md
@@ -141,9 +141,9 @@ Además del tamaño predeterminado, el componente Tag proporciona tres tamaños

 ### Theme

-Tag provide three different themes: `dark`、`light` and `plain`
+Tag tiene tres diferentes temas: `dark`、`light` y `plain`

-:::demo Using `effect` to change, default is `light`
+:::demo Use  `effect` para cambiarlo, por defecto es `light`
 ```html
 <div class="tag-group">
  <span class="tag-group__title">Dark</span>
--- a/examples/docs/es/time-picker.md
+++ b/examples/docs/es/time-picker.md
@@ -34,7 +34,7 @@ Provee una lista de tiempo fijo para que los usuarios escojan.

 Un tiempo arbitrario puede ser escogido.

-:::demo Al usar el tag `el-time-picker`, es posible limitar el rango de tiempo al especificar `selectableRange`. Por defecto, es posible hacer scroll con la rueda del mouse para escoger el tiempo, alternativamente se pueden utilizar las flechas de control cuando el atributo `arrow-control` esté establecido.
+:::demo Al usar el tag `el-time-picker`, es posible limitar el rango de tiempo al especificar `selectableRange`. Por defecto, es posible hacer scroll con la rueda del ratón para escoger el tiempo, alternativamente se pueden utilizar las flechas de control cuando el atributo `arrow-control` esté establecido.

 ```html
 <template>
--- a/examples/docs/es/timeline.md
+++ b/examples/docs/es/timeline.md
@@ -147,7 +147,7 @@ Las marcas de tiempo ( timestamp )  puede colocarse encima del contenido cuando
 | icon | nombre de la clase del icono | string | — | - |

 ### Timeline-Item Slot
-| name | Description |
+| Nombre | Descripción |
 |------|--------|
 | — | Contenido personalizado del ítem del timeline |
 | dot | Definición personalizada del nodo |
--- a/examples/docs/es/tooltip.md
+++ b/examples/docs/es/tooltip.md
@@ -6,7 +6,7 @@ Mostrar aviso de información con el hover del mouse.

 Tooltip tiene 9 colocaciones.

-:::demo Use el atributo `content` para establecer el contenido que se mostrará al hacer hover. El atributo `placement` determina la posición del tooltip. Su valor es `[orientation]-[alignment]` con cuatro orientaciones `top`, `left`, `right`, `bottom` y tres alineaciones `start`, `end`, `null`, la alineación default es null. Tome `placement="left-end"` como ejemplo, Tooltip será mostrado en la izquierda del elemento en que se esté haciendo hover y el fondo del tooltip se alineará con el fondo del elemento.
+:::demo Use el atributo `content` para establecer el contenido que se mostrará al hacer hover. El atributo `placement` determina la posición del tooltip. Su valor es `[orientation]-[alignment]` con cuatro orientaciones `top`, `left`, `right`, `bottom` y tres alineaciones `start`, `end`, `null`, la alineación por defecto es null. Tome `placement="left-end"` como ejemplo, Tooltip será mostrado en la izquierda del elemento en que se esté haciendo hover y el fondo del tooltip se alineará con el fondo del elemento.
 ```html
 <div class="box">
  <div class="top">
@@ -116,7 +116,7 @@ Tooltip tiene dos temas: `dark` y `light`.

 Despliegue múltiples líneas de texto y establezca su formato.

-:::demo Sobrecriba el atributo `content` del `el-tooltip` añadiendo un slot llamado `content`.
+:::demo Sobrescriba el atributo `content` del `el-tooltip` añadiendo un slot llamado `content`.
 ```html
 <el-tooltip placement="top">
  <div slot="content">multiple lines<br/>second line</div>
@@ -172,7 +172,7 @@ De hecho, Tooltip es una extensión basada en [Vue-popper](https://github.com/el
 El componente `router-link` no es soportado por Tooltip, favor de usar `vm.$router.push`.

 Elementos de forma deshabilitados no son soportados por Tooltip, más información puede ser encontrada en [MDN](https://developer.mozilla.org/en-US/docs/Web/Events/mouseenter).
-Es necesario envolver los elementos de forma deshabilitados en un elemento contenedor para que Tooltipo funcione.
+Es necesario envolver los elementos de forma deshabilitados en un elemento contenedor para que Tooltip funcione.
 :::


@@ -188,9 +188,9 @@ Es necesario envolver los elementos de forma deshabilitados en un elemento conte
 | transition     | nombre de animación                      | string  | —                                        | el-fade-in-linear                        |
 | visible-arrow  | si una flecha es mostrada. Para mayor información, revisar la página de [Vue-popper](https://github.com/element-component/vue-popper) | boolean | —                                        | true                                     |
 | popper-options | parámetros de [popper.js](https://popper.js.org/documentation.html) | Object  | referirse a la documentación de [popper.js](https://popper.js.org/documentation.html) | `{ boundariesElement: 'body', gpuAcceleration: false }` |
-| open-delay     | retraso de la apariencia, en milisegundos | number  | —                                        | 0                                        |
+| open-delay     | retraso de la apariencia, en mili segundos | number  | —                                        | 0                                        |
 | manual         | si el Tooltipo será controlado de forma manual. `mouseenter` y `mouseleave` no tendrán efecto si fue establecido como `true` | boolean | —                                        | false                                    |
 | popper-class   | nombre de clase personalizada para el popper del Tooltip | string  | —                                        | —                                        |
-| enterable      | si el mouse puede entrar al Tooltip      | Boolean | —                                        | true                                     |
-| hide-after     | tiempo a esperar en milisegundos para esconder el Tooltip | number  | —                                        | 0                                        |
-| tabindex       | [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Tooltip | number   | —                      | 0              |
+| enterable      | si el ratón puede entrar al Tooltip | Boolean | —                                        | true                                     |
+| hide-after     | tiempo a esperar en mili segundos para esconder el Tooltip | number  | —                                        | 0                                        |
+| tabindex       | [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) de Tooltip | number   | —                      | 0              |
--- a/examples/docs/es/transfer.md
+++ b/examples/docs/es/transfer.md
@@ -38,7 +38,7 @@

 Puede buscar y filtrar los items.

-:::demo Ponga el atributo `filterable` a true para permitir el filtrado.Por defecto si el `label` del ítem contiene el término buscado será incluido en el resultado. También puede implementar su propio método de filtrado con el atributo `filter-method`, que recibe un método y le pasa la búsqueda y cada ítem. Los items para los que devuelva true serán incluidos en el resultado de la búsqueda.
+:::demo Ponga el atributo `filterable` a true para permitir el filtrado. Por defecto si el `label` del ítem contiene el término buscado será incluido en el resultado. También puede implementar su propio método de filtrado con el atributo `filter-method`, que recibe un método y le pasa la búsqueda y cada ítem. Los items para los que devuelva true serán incluidos en el resultado de la búsqueda.
 ```html
 <template>
  <el-transfer
@@ -213,7 +213,7 @@ Por defecto Transfer busca los atributos `key`, `label`, y `disabled` en cada el
 :::

 ### Atributos
-| Atriburo              | Descripcion                              | Tipo                            | Valores aceptados | Por defecto                              |
+| Atributo             | Descripción                   | Tipo                            | Valores aceptados | Por defecto                              |
 | --------------------- | ---------------------------------------- | ------------------------------- | ----------------- | ---------------------------------------- |
 | value / v-model        | valor enlazado                           | array                           | —                 | —                                        |
 | data                  | Origen de datos                          | array[{ key, label, disabled }] | —                 | [ ]                                      |
@@ -230,23 +230,23 @@ Por defecto Transfer busca los atributos `key`, `label`, y `disabled` en cada el
 | right-default-checked | Array de claves de los elementos marcados inicialmente en la lista de la derecha | array                           | —                 | [ ]                                      |

 ### Slot
-| Nombre       | Descripcion                              |
-| ------------ | ---------------------------------------- |
+| Nombre       | Descripción                                      |
+| ------------ | ------------------------------------------------ |
 | left-footer  | Contenido del footer de la lista de la izquierda |
-| right-footer | Contenido del footer de la lista de la derecha |
+| right-footer | Contenido del footer de la lista de la derecha   |

 ### Scoped Slot
-| Name | Description |
+| Name | Descripción |
 |------|--------|
 | — | Contenido personalizado para los datos de los items. El parámetro del scope es { option } |

-### Methods
-| Method | Description | Parameters |
+### Métodos
+| Método | Descripción | Parámetros |
 | ---- | ---- | ---- |
 | clearQuery | borra la palabra clave del filtro de un determinado panel | 'left' / 'right' |

 ### Eventos
-| Nombre | Descripcion                              | Parametros                               |
+| Nombre | Descripción                   | Parámetros                     |
 | ------ | ---------------------------------------- | ---------------------------------------- |
 | change | se lanza cuando los elementos cambian en la lista de la derecha | array con las claves de los elementos de la lista de la derecha |
 | left-check-change | se dispara cuando el usuario final cambia el estado verificado de cualquier elemento de datos en la lista izquierda | array clave de ítems actualmente verificados, array clave de ítems cuyo estado verificado ha cambiado |
--- a/examples/docs/es/upload.md
+++ b/examples/docs/es/upload.md
@@ -150,9 +150,9 @@ Utilice la propiedad `list-type` para cambiar el estilo a un listado de archivos
 ```
 :::

-### Custom file thumbnail
+### Personalizar el template thumbnail

-Use `scoped-slot` to change default thumbnail template.
+Use el `scoped-slot`  para cambiar el template por defecto del thumbnail.

 :::demo
 ```html
@@ -359,20 +359,20 @@ Puede arrastrar el archivo dentro de un área en especifico para cargar el archi
 | thumbnail-mode   | especifica si se mostrará la miniatura                       | boolean                            | —                         | false       |
 | file-list        | archivos cargados por defecto, por ejemplo,  [{name: 'food.jpg', url: 'https://xxx.cdn.com/xxx.jpg'}] | array                              | —                         | []          |
 | list-type        | tipo de lista de archivos                                    | string                             | text/picture/picture-card | text        |
-| auto-upload      | se especifica si se autocargan archivos                      | boolean                            | —                         | true        |
+| auto-upload      | se especifica si se auto cargan archivos                     | boolean                            | —                         | true        |
 | http-request     | sobrescribe el comportamiento por defecto de xhr, permitiendo implementar tu propia petición de carga de archivos | function                           | —                         | —           |
 | disabled         | especifica si se deshabilita la carga de archivos            | boolean                            | —                         | false       |
 | limit            | número máximo de cargas permitidas                           | number                             | —                         | —           |
 | on-exceed        | _hook_ lanzado cuando el límite ha sido excedido             | function(files, fileList)          | —                         | -           |

 ### Slot
-| Nombre       | Descripcion                              |
+| Nombre       | Descripción                   |
 | ------------ | ---------------------------------------- |
 | trigger | contenido que desencadena el diálogo de archivo |
 | tip | contenido de los tips |

 ### Métodos
-| Nombre del método | Descripción                              | Parametros                |
+| Nombre del método | Descripción                              | Parámetros      |
 | ----------------- | ---------------------------------------- | ------------------------- |
 | clearFiles        | limpia la lista de archivos cargados (este método no esta soportado en el _hook_ `before-upload`) | —                         |
 | abort             | cancela la petición de carga             | （ file: fileList's item ） |
--- a/examples/docs/fr-FR/datetime-picker.md
+++ b/examples/docs/fr-FR/datetime-picker.md
@@ -46,7 +46,7 @@ DateTimePicker est dérivé de DatePicker et TimePicker. Pour plus d'information
      return {
        pickerOptions: {
          shortcuts: [{
-            text: 'Aujourdh\'ui',
+            text: 'Aujourd\'hui',
            onClick(picker) {
              picker.$emit('pick', new Date());
            }
--- a/examples/docs/fr-FR/input-number.md
+++ b/examples/docs/fr-FR/input-number.md
@@ -174,7 +174,7 @@ Utilisez l'attribut `size` pour régler la taille avec `medium`, `small` ou `min
 | min | La valeur minimale autorisée. | number | — | `-Infinity` |
 | max | La valeur maximale autorisée. | number | — | `Infinity` |
 | step | Le pas pour l'incrémentation. | number | — | 1 |
-| step-strictly | Si la valeur ne peut être qu'un multiple du pas. | number   | — | false |
+| step-strictly | Si la valeur ne peut être qu'un multiple du pas. | boolean   | — | false |
 | precision | La précision de la valeur. | number | — | — |
 | size | La taille du composant. | string | large/small| — |
 | disabled| Si le composant est désactivé. | boolean | — | false |
--- a/examples/docs/fr-FR/input.md
+++ b/examples/docs/fr-FR/input.md
@@ -660,6 +660,7 @@ export default {
 | Nom | Description | Paramètres |
 |----| ----| ----|
 | select | Se déclenche quand une suggestion est cliquée. | La suggestion sélectionnée. |
+| change | Se déclenche quand la valeur change. | (value: string \ number) |

 ### Méthodes de l'autocomplétion

--- a/examples/docs/fr-FR/popconfirm.md
+++ b/examples/docs/fr-FR/popconfirm.md
@@ -24,10 +24,10 @@ You can customise Popconfirm like:
 ```html
 <template>
 <el-popconfirm
-  confirmButtonText='OK'
-  cancelButtonText='No, Thanks'
+  confirm-button-text='OK'
+  cancel-button-text='No, Thanks'
  icon="el-icon-info"
-  iconColor="red"
+  icon-color="red"
  title="Are you sure to delete this?"
 >
  <el-button slot="reference">Delete</el-button>
@@ -40,15 +40,21 @@ You can customise Popconfirm like:
 | Attribute      | Description          | Type      | Accepted Values       | Default  |
 |--------------------|----------------------------------------------------------|-------------------|-------------|--------|
 |  title              | Title | String | — | — |
-|  confirmButtonText              | Confirm button text | String | — | — |
-|  cancelButtonText              | Cancel button text | String | — | — |
-|  confirmButtonType              | Confirm button type | String | — | Primary |
-|  cancelButtonType              | Cancel button type | String | — | Text |
+|  confirm-button-text              | Confirm button text | String | — | — |
+|  cancel-button-text              | Cancel button text | String | — | — |
+|  confirm-button-type              | Confirm button type | String | — | Primary |
+|  cancel-button-type              | Cancel button type | String | — | Text |
 |  icon              | Icon | String | — | el-icon-question |
-|  iconColor              | Icon color | String | — | #f90 |
-|  hideIcon              | is hide Icon | Boolean | — | false |
+|  icon-color              | Icon color | String | — | #f90 |
+|  hide-icon              | is hide Icon | Boolean | — | false |

 ### Slot
 | Name | Description |
 |--- | ---|
 | reference | HTML element that triggers Popconfirm |
+
+### Events
+| Event Name | Description | Parameters |
+|---------|--------|---------|
+| confirm | triggers when click confirm button | — |
+| cancel | triggers when click cancel button | — |
--- a/examples/docs/fr-FR/progress.md
+++ b/examples/docs/fr-FR/progress.md
@@ -4,7 +4,7 @@ Progress est utilisé pour afficher la progression d'une opération et informer

 ### Barre de progression linéaire

-:::demo Utilisez l'attribut `percentage` pour indiquer le pourcentage. Cet attribut est **requis** et doit être compris entre 0 et 100. You can custom text format by setting `format`.
+:::demo Utilisez l'attribut `percentage` pour indiquer le pourcentage. Cet attribut est **requis** et doit être compris entre 0 et 100. Vous pouvez personnaliser le format du texte en définissant le `format`.
 ```html
 <el-progress :percentage="50"></el-progress>
 <el-progress :percentage="100" :format="format"></el-progress>
@@ -171,4 +171,5 @@ Vous pouvez également spécifier l'attribut `type` de `dashboard` pour utiliser
 | color  | La couleur de fon de la barre. Écrase `status`. | string/function/array | — | '' |
 | width | La largeur du canvas dans le cas d'une barre circulaire. | number | — | 126 |
 | show-text | Si le pourcentage doit être affiché. | boolean | — | true |
-| stroke-linecap  | circle/dashboard type shape at the end path | string | butt/round/square | round |
+| stroke-linecap  | circle/dashboard type shape at the end path | string | butt/round/square | round |
+| format  | Vous pouvez personnaliser le format du texte en définissant le format  | function(percentage) | — | — |
--- a/examples/docs/fr-FR/steps.md
+++ b/examples/docs/fr-FR/steps.md
@@ -6,7 +6,7 @@ Permet de guider l'utilisateur dans l'accomplissement de toutes les taches d'un

 Voici une barre d'étapes basique.

-:::demo Réglez l'attribut `active` avec une variable `Number`, qui indique l'index des étapes et commence à 0. L'attribut `space` permet de déterminer si l'espace entre les étapes doit être fixe à l'aide d'un `Boolean`. L'unité de `space` est `px`. Si cet attribut est absent, la barre sera responsive. L'attribut `finish-status` change le statut d'accomplissement des étapes.
+:::demo Réglez l'attribut `active` avec une variable `Number`, qui indique l'index des étapes et commence à 0. L'attribut `space` permet de déterminer si l'espace entre les étapes doit être fixe à l'aide d'un `Number`. L'unité de `space` est `px`. Si cet attribut est absent, la barre sera responsive. L'attribut `finish-status` change le statut d'accomplissement des étapes.

 ```html
 <el-steps :active="active" finish-status="success">
--- a/examples/docs/zh-CN/color-picker.md
+++ b/examples/docs/zh-CN/color-picker.md
@@ -110,7 +110,7 @@
 |---------- |-------- |---------- |-------------  |-------- |
 | value / v-model | 绑定值 | string | — | — |
 | disabled | 是否禁用 | boolean | — | false |
-| size | 尺寸 | string | — | medium / small / mini |
+| size | 尺寸 | string | medium / small / mini | — |
 | show-alpha | 是否支持透明度选择 | boolean | — | false |
 | color-format | 写入 v-model 的颜色的格式 | string | hsl / hsv / hex / rgb | hex（show-alpha 为 false）/ rgb（show-alpha 为 true） |
 | popper-class | ColorPicker 下拉框的类名 | string | — | — |
@@ -120,4 +120,4 @@
 | 事件名称      | 说明    | 回调参数      |
 |---------- |-------- |---------- |
 | change | 当绑定值变化时触发 | 当前值 |
-| active-change | 面板中当前显示的颜色发生改变时触发 | 当前显示的颜色值 |
+| active-change | 面板中当前显示的颜色发生改变时触发 | 当前显示的颜色值 |
--- a/examples/docs/zh-CN/input-number.md
+++ b/examples/docs/zh-CN/input-number.md
@@ -172,7 +172,7 @@
 | min      | 设置计数器允许的最小值 | number | — | -Infinity |
 | max      | 设置计数器允许的最大值 | number | — | Infinity |
 | step     | 计数器步长           | number   | — | 1 |
-| step-strictly | 是否只能输入 step 的倍数 | number   | — | false |
+| step-strictly | 是否只能输入 step 的倍数 | boolean   | — | false |
 | precision| 数值精度             | number   | — | — |
 | size     | 计数器尺寸           | string   | large, small | — |
 | disabled | 是否禁用计数器        | boolean | — | false |
--- a/examples/docs/zh-CN/input.md
+++ b/examples/docs/zh-CN/input.md
@@ -769,6 +769,7 @@ export default {
 | 事件名称 | 说明 | 回调参数 |
 |---------|--------|---------|
 | select | 点击选中建议项时触发 | 选中建议项 |
+| change | 在 Input 值改变时触发 | (value: string \| number) |

 ### Autocomplete Methods
 | 方法名 | 说明 | 参数 |
--- a/examples/docs/zh-CN/popconfirm.md
+++ b/examples/docs/zh-CN/popconfirm.md
@@ -24,10 +24,10 @@ Popconfirm 的属性与 Popover 很类似，因此对于重复属性，请参考
 ```html
 <template>
 <el-popconfirm
-  confirmButtonText='好的'
-  cancelButtonText='不用了'
+  confirm-button-text='好的'
+  cancel-button-text='不用了'
  icon="el-icon-info"
-  iconColor="red"
+  icon-color="red"
  title="这是一段内容确定删除吗？"
 >
  <el-button slot="reference">删除</el-button>
@@ -40,15 +40,21 @@ Popconfirm 的属性与 Popover 很类似，因此对于重复属性，请参考
 | 参数               | 说明                                                     | 类型              | 可选值      | 默认值 |
 |--------------------|----------------------------------------------------------|-------------------|-------------|--------|
 |  title              | 标题 | String | — | — |
-|  confirmButtonText              | 确认按钮文字 | String | — | — |
-|  cancelButtonText              | 取消按钮文字 | String | — | — |
-|  confirmButtonType              | 确认按钮类型 | String | — | Primary |
-|  cancelButtonType              | 取消按钮类型 | String | — | Text |
+|  confirm-button-text              | 确认按钮文字 | String | — | — |
+|  cancel-button-text              | 取消按钮文字 | String | — | — |
+|  confirm-button-type              | 确认按钮类型 | String | — | Primary |
+|  cancel-button-type              | 取消按钮类型 | String | — | Text |
 |  icon              | Icon | String | — | el-icon-question |
-|  iconColor              | Icon 颜色 | String | — | #f90 |
-|  hideIcon              | 是否隐藏 Icon | Boolean | — | false |
+|  icon-color              | Icon 颜色 | String | — | #f90 |
+|  hide-icon              | 是否隐藏 Icon | Boolean | — | false |

 ### Slot
 | 参数 | 说明 |
 |--- | ---|
 | reference | 触发 Popconfirm 显示的 HTML 元素 |
+
+### Events
+| 事件名称 | 说明 | 回调参数 |
+|---------|--------|---------|
+| confirm | 点击确认按钮时触发 | — |
+| cancel | 点击取消按钮时触发 | — |
--- a/examples/docs/zh-CN/progress.md
+++ b/examples/docs/zh-CN/progress.md
@@ -174,4 +174,5 @@ Progress 组件可通过 `type` 属性来指定使用环形进度条，在环形
 | color  | 进度条背景色（会覆盖 status 状态颜色） | string/function/array | — | '' |
 | width  | 环形进度条画布宽度（只在 type 为 circle 或 dashboard 时可用） | number |  | 126 |
 | show-text  | 是否显示进度条文字内容 | boolean | — | true |
-| stroke-linecap  | circle/dashboard 类型路径两端的形状 | string | butt/round/square | round |
+| stroke-linecap  | circle/dashboard 类型路径两端的形状 | string | butt/round/square | round |
+| format  | 指定进度条文字内容 | function(percentage) | — | — |
--- a/examples/docs/zh-CN/steps.md
+++ b/examples/docs/zh-CN/steps.md
@@ -5,7 +5,7 @@

 简单的步骤条。

-:::demo 设置`active`属性，接受一个`Number`，表明步骤的 index，从 0 开始。需要定宽的步骤条时，设置`space`属性即可，它接受`Boolean`，单位为`px`，如果不设置，则为自适应。设置`finish-status`属性可以改变已经完成的步骤的状态。
+:::demo 设置`active`属性，接受一个`Number`，表明步骤的 index，从 0 开始。需要定宽的步骤条时，设置`space`属性即可，它接受`Number`，单位为`px`，如果不设置，则为自适应。设置`finish-status`属性可以改变已经完成的步骤的状态。
 ```html
 <el-steps :active="active" finish-status="success">
  <el-step title="步骤 1"></el-step>
--- a/examples/pages/template/changelog.tpl
+++ b/examples/pages/template/changelog.tpl
@@ -179,7 +179,7 @@
        }
      }
      fragments = fragments.replace(/#(\d+)/g, '<a href="https://github.com/ElemeFE/element/issues/$1" target="_blank">#$1</a>');
-      fragments = fragments.replace(/@(\w+)/g, '<a href="https://github.com/$1" target="_blank">@$1</a>');
+      fragments = fragments.replace(/@([\w-]+)/g, '<a href="https://github.com/$1" target="_blank">@$1</a>');
      this.$refs.timeline.innerHTML = `${fragments}</li>`;

      changeLog.$el.remove();
--- a/examples/pages/template/index.tpl
+++ b/examples/pages/template/index.tpl
@@ -298,22 +298,6 @@
        <img src="~examples/assets/images/theme-index-red.png" alt="">
      </div>
    </div>
-    <div class="sponsors">
-      <a class="sponsor" href="https://tipe.io/?ref=element" target="_blank" v-show="lang !== 'zh-CN'">
-        <img width="35px" src="~examples/assets/images/tipe.svg" alt="tipe.io">
-        <div>
-          <p>Sponsored by Tipe.io</p>
-          <p>Next Generation API-first CMS</p>
-        </div>
-      </a>
-      <a class="sponsor" href="https://www.duohui.cn/?utm_source=element&utm_medium=web&utm_campaign=element-index" target="_blank">
-        <img width="45px" src="~examples/assets/images/duohui.svg" alt="duohui">
-        <div>
-          <p>Sponsored by 多会</p>
-          <p>炫酷的新一代活动票务系统</p>
-        </div>
-      </a>
-    </div>
    <div class="cards">
      <ul class="container">
        <li>
@@ -366,40 +350,10 @@
        </li>
      </ul>
    </div>
-    <div class="theme-intro-a" v-if="showIntroA" @click="hideIntroA">
-      <div class="intro-banner">
-        <img src="~examples/assets/images/theme-intro.png" alt="">
-        <div class="intro-text">
-          <p><%= 12 ></p>
-        </div>
-      </div>
-      <div class="mask"></div>
-    </div>
-    <div 
-      class="theme-intro-b"
-      @click="hideIntroB"
-      v-if="showIntroB"
-    >
-      <div class="intro-banner"
-      :style="{
-        left: introBX + 'px',
-        top: introBY + 'px'
-      }"
-      >
-        <img src="~examples/assets/images/intro-theme-b.png" alt="">
-          <div class="title">
-            <div>
-              <p><%= 13 ></p>
-              <p><%= 14 ></p>
-            </div>
-          </div>
-      </div>
-    </div>
  </div>
 </template>
 <script>
  import throttle from 'throttle-debounce/throttle';
-  import { addClass, removeClass } from 'element-ui/src/utils/dom';
  
  export default {
    created() {
@@ -416,28 +370,12 @@
        if (calHeight < 0) calHeight = 0;
        if (calHeight > eleHeight) calHeight = eleHeight;
        this.mainImgOffset = calHeight;
-      },
-      hideIntroB() {
-        removeClass(document.body, 'el-loading-parent--hidden');
-        localStorage.setItem('KNOW_THEME', 'true');
-        this.showIntroB = false;
-      },
-      hideIntroA() {
-        const themeTab = document.querySelector('.nav-item-theme');
-        this.introBX = themeTab.offsetLeft + (themeTab.clientWidth * 0.5) - (300 / 2);
-        this.introBY = themeTab.offsetTop + 40;
-        this.showIntroA = false;
-        this.showIntroB = true;
      }
    },
    data() {
      return {
        lang: this.$route.meta.lang,
-        mainImgOffset: 0,
-        showIntroA: false,
-        showIntroB: false,
-        introBY: 0,
-        introBX: 0
+        mainImgOffset: 0
      };
    },
    beforeDestroy() {
@@ -445,9 +383,6 @@
    },
    mounted() {
      window.addEventListener('scroll', this.throttledHandleScroll);
-      if (localStorage.getItem('KNOW_THEME')) return;
-      this.showIntroA = true;
-      addClass(document.body, 'el-loading-parent--hidden');
    }
  };
 </script>
--- a/examples/versions.json
+++ b/examples/versions.json
@@ -1 +1 @@
-{"1.4.13":"1.4","2.0.11":"2.0","2.1.0":"2.1","2.2.2":"2.2","2.3.9":"2.3","2.4.11":"2.4","2.5.4":"2.5","2.6.3":"2.6","2.7.2":"2.7","2.8.2":"2.8","2.9.2":"2.9","2.10.1":"2.10","2.11.1":"2.11","2.12.0":"2.12","2.13.0":"2.13"}
+{"1.4.13":"1.4","2.0.11":"2.0","2.1.0":"2.1","2.2.2":"2.2","2.3.9":"2.3","2.4.11":"2.4","2.5.4":"2.5","2.6.3":"2.6","2.7.2":"2.7","2.8.2":"2.8","2.9.2":"2.9","2.10.1":"2.10","2.11.1":"2.11","2.12.0":"2.12","2.13.2":"2.13","2.14.1":"2.14"}
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "element-ui",
-  "version": "2.13.0",
+  "version": "2.14.1",
  "description": "A Component Library for Vue.js.",
  "main": "lib/element-ui.common.js",
  "files": [
--- a/packages/autocomplete/src/autocomplete-suggestions.vue
+++ b/packages/autocomplete/src/autocomplete-suggestions.vue
@@ -60,7 +60,7 @@

    mounted() {
      this.$parent.popperElm = this.popperElm = this.$el;
-      this.referenceElm = this.$parent.$refs.input.$refs.input;
+      this.referenceElm = this.$parent.$refs.input.$refs.input || this.$parent.$refs.input.$refs.textarea;
      this.referenceList = this.$el.querySelector('.el-autocomplete-suggestion__list');
      this.referenceList.setAttribute('role', 'listbox');
      this.referenceList.setAttribute('id', this.id);
--- a/packages/autocomplete/src/autocomplete.vue
+++ b/packages/autocomplete/src/autocomplete.vue
@@ -10,7 +10,8 @@
    <el-input
      ref="input"
      v-bind="[$props, $attrs]"
-      @input="handleChange"
+      @input="handleInput"
+      @change="handleChange"
      @focus="handleFocus"
      @blur="handleBlur"
      @clear="handleClear"
@@ -186,7 +187,7 @@
          }
        });
      },
-      handleChange(value) {
+      handleInput(value) {
        this.$emit('input', value);
        this.suggestionDisabled = false;
        if (!this.triggerOnFocus && !value) {
@@ -196,6 +197,9 @@
        }
        this.debouncedGetData(value);
      },
+      handleChange(value) {
+        this.$emit('change', value);
+      },
      handleFocus(event) {
        this.activated = true;
        this.$emit('focus', event);
--- a/packages/carousel/src/item.vue
+++ b/packages/carousel/src/item.vue
@@ -88,7 +88,7 @@
        }
        if (parentType === 'card') {
          if (parentDirection === 'vertical') {
-            console.warn('[Element Warn][Carousel]vertical directionis not supported in card mode');
+            console.warn('[Element Warn][Carousel]vertical direction is not supported in card mode');
          }
          this.inStage = Math.round(Math.abs(index - activeIndex)) <= 1;
          this.active = index === activeIndex;
--- a/packages/drawer/src/main.vue
+++ b/packages/drawer/src/main.vue
@@ -26,7 +26,7 @@
          >
          <header class="el-drawer__header" id="el-drawer__title" v-if="withHeader">
            <slot name="title">
-              <span role="heading" tabindex="0" :title="title">{{ title }}</span>
+              <span role="heading" :title="title">{{ title }}</span>
            </slot>
            <button
              :aria-label="`close ${title || 'drawer'}`"
@@ -49,7 +49,6 @@
 <script>
 import Popup from 'element-ui/src/utils/popup';
 import emitter from 'element-ui/src/mixins/emitter';
-import Utils from 'element-ui/src/utils/aria-utils';

 export default {
  name: 'ElDrawer',
@@ -133,9 +132,6 @@ export default {
          document.body.appendChild(this.$el);
        }
        this.prevActiveElement = document.activeElement;
-        this.$nextTick(() => {
-          Utils.focusFirstDescendant(this.$refs.drawer);
-        });
      } else {
        if (!this.closed) this.$emit('close');
        this.$nextTick(() => {
--- a/packages/image/src/main.vue
+++ b/packages/image/src/main.vue
@@ -16,7 +16,7 @@
      :style="imageStyle"
      :class="{ 'el-image__inner--center': alignCenter, 'el-image__preview': preview }">
    <template v-if="preview">
-      <image-viewer :z-index="zIndex" :initial-index="imageIndex" v-show="showViewer" :on-close="closeViewer" :url-list="previewSrcList"/>
+      <image-viewer :z-index="zIndex" :initial-index="imageIndex" v-if="showViewer" :on-close="closeViewer" :url-list="previewSrcList"/>
    </template>
  </div>
 </template>
@@ -94,7 +94,12 @@
        return Array.isArray(previewSrcList) && previewSrcList.length > 0;
      },
      imageIndex() {
-        return this.previewSrcList.indexOf(this.src);
+        let previewIndex = 0;
+        const srcIndex = this.previewSrcList.indexOf(this.src);
+        if (srcIndex >= 0) {
+          previewIndex = srcIndex;
+        }
+        return previewIndex;
      }
    },

@@ -144,6 +149,7 @@
        this.imageWidth = img.width;
        this.imageHeight = img.height;
        this.loading = false;
+        this.error = false;
      },
      handleError(e) {
        this.loading = false;
@@ -217,6 +223,10 @@
        }
      },
      clickHandler() {
+        // don't show viewer when preview is false
+        if (!this.preview) {
+          return;
+        }
        // prevent body scroll
        prevOverflow = document.body.style.overflow;
        document.body.style.overflow = 'hidden';
--- a/packages/input-number/src/input-number.vue
+++ b/packages/input-number/src/input-number.vue
@@ -168,7 +168,7 @@
        return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
      },
      inputNumberDisabled() {
-        return this.disabled || (this.elForm || {}).disabled;
+        return this.disabled || !!(this.elForm || {}).disabled;
      },
      displayValue() {
        if (this.userInput !== null) {
--- a/packages/popconfirm/src/main.vue
+++ b/packages/popconfirm/src/main.vue
@@ -20,14 +20,14 @@
        :type="cancelButtonType" 
        @click="cancel"
      >
-        {{cancelButtonText}}
+        {{ displayCancelButtonText }}
      </el-button>
      <el-button 
        size="mini" 
        :type="confirmButtonType" 
        @click="confirm"
      >
-        {{confirmButtonText}}
+        {{ displayConfirmButtonText }}
      </el-button>
    </div>
  </div>
@@ -47,12 +47,10 @@ export default {
      type: String
    },
    confirmButtonText: {
-      type: String,
-      default: t('el.popconfirm.confirmButtonText')
+      type: String
    },
    cancelButtonText: {
-      type: String,
-      default: t('el.popconfirm.cancelButtonText')
+      type: String
    },
    confirmButtonType: {
      type: String,
@@ -84,14 +82,22 @@ export default {
      visible: false
    };
  },
+  computed: {
+    displayConfirmButtonText() {
+      return this.confirmButtonText || t('el.popconfirm.confirmButtonText')
+    },
+    displayCancelButtonText() {
+      return this.cancelButtonText || t('el.popconfirm.cancelButtonText')
+    }
+  },
  methods: {
    confirm() {
      this.visible = false;
-      this.$emit('onConfirm');
+      this.$emit('confirm');
    },
    cancel() {
      this.visible = false;
-      this.$emit('onCancel');
+      this.$emit('cancel');
    }
  }
 };
--- a/packages/popover/src/main.vue
+++ b/packages/popover/src/main.vue
@@ -18,7 +18,9 @@
        <slot>{{ content }}</slot>
      </div>
    </transition>
-    <slot name="reference"></slot>
+    <span class="el-popover__reference-wrapper" ref="wrapper" >
+      <slot name="reference"></slot>
+    </span>
  </span>
 </template>
 <script>
@@ -87,8 +89,8 @@ export default {
    let reference = this.referenceElm = this.reference || this.$refs.reference;
    const popper = this.popper || this.$refs.popper;

-    if (!reference && this.$slots.reference && this.$slots.reference[0]) {
-      reference = this.referenceElm = this.$slots.reference[0].elm;
+    if (!reference && this.$refs.wrapper.children) {
+      reference = this.referenceElm = this.$refs.wrapper.children[0];
    }
    // 可访问性
    if (reference) {
@@ -192,8 +194,8 @@ export default {
      let reference = this.reference || this.$refs.reference;
      const popper = this.popper || this.$refs.popper;

-      if (!reference && this.$slots.reference && this.$slots.reference[0]) {
-        reference = this.referenceElm = this.$slots.reference[0].elm;
+      if (!reference && this.$refs.wrapper.children) {
+        reference = this.referenceElm = this.$refs.wrapper.children[0];
      }
      if (!this.$el ||
        !reference ||
--- a/packages/progress/src/progress.vue
+++ b/packages/progress/src/progress.vue
@@ -216,7 +216,7 @@
          if (typeof seriesColor === 'string') {
            return {
              color: seriesColor,
-              progress: (index + 1) * span
+              percentage: (index + 1) * span
            };
          }
          return seriesColor;
--- a/packages/select/src/select.vue
+++ b/packages/select/src/select.vue
@@ -145,7 +145,6 @@
  import debounce from 'throttle-debounce/debounce';
  import Clickoutside from 'element-ui/src/utils/clickoutside';
  import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event';
-  import { t } from 'element-ui/src/locale';
  import scrollIntoView from 'element-ui/src/utils/scroll-into-view';
  import { getValueByPath, valueEquals, isIE, isEdge } from 'element-ui/src/utils/util';
  import NavigationMixin from './navigation-mixin';
@@ -235,6 +234,9 @@
        return ['small', 'mini'].indexOf(this.selectSize) > -1
          ? 'mini'
          : 'small';
+      },
+      propPlaceholder() {
+        return typeof this.placeholder !== 'undefined' ? this.placeholder : this.t('el.select.placeholder');
      }
    },

@@ -288,9 +290,7 @@
      },
      placeholder: {
        type: String,
-        default() {
-          return t('el.select.placeholder');
-        }
+        required: false
      },
      defaultFirstOption: Boolean,
      reserveKeyword: Boolean,
@@ -339,7 +339,7 @@
        });
      },

-      placeholder(val) {
+      propPlaceholder(val) {
        this.cachedPlaceHolder = this.currentPlaceholder = val;
      },

@@ -838,7 +838,7 @@
    },

    created() {
-      this.cachedPlaceHolder = this.currentPlaceholder = this.placeholder;
+      this.cachedPlaceHolder = this.currentPlaceholder = this.propPlaceholder;
      if (this.multiple && !Array.isArray(this.value)) {
        this.$emit('input', []);
      }
--- a/packages/theme-chalk/package.json
+++ b/packages/theme-chalk/package.json
@@ -1,6 +1,6 @@
 {
  "name": "element-theme-chalk",
-  "version": "2.13.0",
+  "version": "2.14.1",
  "description": "Element component chalk theme.",
  "main": "lib/index.css",
  "style": "lib/index.css",
--- a/packages/theme-chalk/src/drawer.scss
+++ b/packages/theme-chalk/src/drawer.scss
@@ -119,6 +119,7 @@ $directions: rtl, ltr, ttb, btt;
  0 16px 24px 2px rgba(0, 0, 0, 0.14),
  0 6px 30px 5px rgba(0, 0, 0, 0.12);
  overflow: hidden;
+  outline: 0;

  @each $direction in $directions {
    @include animation-out($direction);
--- a/packages/theme-chalk/src/transfer.scss
+++ b/packages/theme-chalk/src/transfer.scss
@@ -96,11 +96,10 @@
    height: $--transfer-item-height;
    line-height: $--transfer-item-height;
    padding-left: 15px;
-    display: block;
+    display: block !important;

    & + .el-transfer-panel__item {
      margin-left: 0;
-      display: block!important;
    }

    &.el-checkbox {
--- a/src/index.js
+++ b/src/index.js
@@ -198,7 +198,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }

 export default {
-  version: '2.13.0',
+  version: '2.14.1',
  locale: locale.use,
  i18n: locale.i18n,
  install,
--- a/src/locale/lang/ar.js
+++ b/src/locale/lang/ar.js
@@ -112,8 +112,8 @@ export default {
      title: 'عودة'
    },
    popconfirm: {
-      confirmButtonText: 'Yes', // to be translated
-      cancelButtonText: 'No' // to be translated
+      confirmButtonText: 'تأكيد',
+      cancelButtonText: 'إلغاء'
    }
  }
 };
--- a/src/locale/lang/ca.js
+++ b/src/locale/lang/ca.js
@@ -106,14 +106,14 @@ export default {
      hasCheckedFormat: '{checked}/{total} seleccionats'
    },
    image: {
-      error: 'FAILED' // to be translated
+      error: 'HA FALLAT'
    },
    pageHeader: {
-      title: 'Back' // to be translated
+      title: 'Tornar'
    },
    popconfirm: {
-      confirmButtonText: 'Yes', // to be translated
-      cancelButtonText: 'No' // to be translated
+      confirmButtonText: 'Si',
+      cancelButtonText: 'No'
    }
  }
 };
--- a/src/locale/lang/es.js
+++ b/src/locale/lang/es.js
@@ -112,8 +112,8 @@ export default {
      title: 'Volver'
    },
    popconfirm: {
-      confirmButtonText: 'Yes', // to be translated
-      cancelButtonText: 'No' // to be translated
+      confirmButtonText: 'Si',
+      cancelButtonText: 'No'
    }
  }
 };
--- a/src/locale/lang/id.js
+++ b/src/locale/lang/id.js
@@ -16,10 +16,10 @@ export default {
      startTime: 'Waktu Mulai',
      endDate: 'Tanggal Selesai',
      endTime: 'Waktu Selesai',
-      prevYear: 'Previous Year', // to be translated
-      nextYear: 'Next Year', // to be translated
-      prevMonth: 'Previous Month', // to be translated
-      nextMonth: 'Next Month', // to be translated
+      prevYear: 'Tahun Sebelumnya',
+      nextYear: 'Tahun Selanjutnya',
+      prevMonth: 'Bulan Sebelumnya',
+      nextMonth: 'Bulan Selanjutnya',
      year: 'Tahun',
      month1: 'Januari',
      month2: 'Februari',
@@ -83,7 +83,7 @@ export default {
      error: 'Masukan ilegal'
    },
    upload: {
-      deleteTip: 'press delete to remove', // to be translated
+      deleteTip: 'Tekan hapus untuk melanjutkan',
      delete: 'Hapus',
      preview: 'Pratinjau',
      continue: 'Lanjutkan'
@@ -107,14 +107,14 @@ export default {
      hasCheckedFormat: '{checked}/{total} terpilih'
    },
    image: {
-      error: 'FAILED' // to be translated
+      error: 'GAGAL'
    },
    pageHeader: {
-      title: 'Back' // to be translated
+      title: 'Kembali'
    },
    popconfirm: {
-      confirmButtonText: 'Yes', // to be translated
-      cancelButtonText: 'No' // to be translated
+      confirmButtonText: 'Ya',
+      cancelButtonText: 'Tidak'
    }
  }
 };
--- a/src/locale/lang/km.js
+++ b/src/locale/lang/km.js
@@ -5,7 +5,7 @@ export default {
      clear: 'លុប'
    },
    datepicker: {
-      now: 'ឥឡូវនេះ',
+      now: 'ឥឡូវនេះ',
      today: 'ថ្ងៃនេះ',
      cancel: 'បោះបង់',
      clear: 'លុប',
@@ -33,10 +33,10 @@ export default {
      month10: 'តុលា',
      month11: 'វិច្ឆកា',
      month12: 'ធ្នូ',
-      // week: 'week',
+      week: 'សប្តាហ៍',
      weeks: {
        sun: 'អាទិត្យ',
-        mon: 'Mon',
+        mon: 'ច័ន្ទ',
        tue: 'អង្គារ',
        wed: 'ពុធ',
        thu: 'ព្រ.ហ',
@@ -107,14 +107,14 @@ export default {
      hasCheckedFormat: '{checked}/{total} បានគូសធីក'
    },
    image: {
-      error: 'FAILED' // to be translated
+      error: 'បរាជ័យ'
    },
    pageHeader: {
-      title: 'Back' // to be translated
+      title: 'Back'
    },
    popconfirm: {
-      confirmButtonText: 'Yes', // to be translated
-      cancelButtonText: 'No' // to be translated
+      confirmButtonText: 'ព្រម',
+      cancelButtonText: 'មិនព្រម'
    }
  }
 };
--- a/src/locale/lang/pt-br.js
+++ b/src/locale/lang/pt-br.js
@@ -113,8 +113,8 @@ export default {
      title: 'Voltar'
    },
    popconfirm: {
-      confirmButtonText: 'Yes', // to be translated
-      cancelButtonText: 'No' // to be translated
+      confirmButtonText: 'Sim',
+      cancelButtonText: 'Não'
    }
  }
 };
--- a/src/locale/lang/ru-RU.js
+++ b/src/locale/lang/ru-RU.js
@@ -85,7 +85,7 @@ export default {
    upload: {
      deleteTip: 'Нажмите [Удалить] для удаления',
      delete: 'Удалить',
-      preview: 'Превью',
+      preview: 'Предпросмотр',
      continue: 'Продолжить'
    },
    table: {
@@ -107,14 +107,14 @@ export default {
      hasCheckedFormat: '{checked}/{total} выбрано'
    },
    image: {
-      error: 'FAILED' // to be translated
+      error: 'Произошла ошибка'
    },
    pageHeader: {
-      title: 'Back' // to be translated
+      title: 'Назад'
    },
    popconfirm: {
-      confirmButtonText: 'Yes', // to be translated
-      cancelButtonText: 'No' // to be translated
+      confirmButtonText: 'OK',
+      cancelButtonText: 'Отмена'
    }
  }
 };
--- a/src/locale/lang/ua.js
+++ b/src/locale/lang/ua.js
@@ -1,7 +1,7 @@
 export default {
  el: {
    colorpicker: {
-      confirm: 'OK',
+      confirm: 'Обрати',
      clear: 'Очистити'
    },
    datepicker: {
@@ -107,14 +107,14 @@ export default {
      hasCheckedFormat: '{checked}/{total} вибрано'
    },
    image: {
-      error: 'FAILED' // to be translated
+      error: 'ПОМИЛКА'
    },
    pageHeader: {
-      title: 'Back' // to be translated
+      title: 'Назад'
    },
    popconfirm: {
-      confirmButtonText: 'Yes', // to be translated
-      cancelButtonText: 'No' // to be translated
+      confirmButtonText: 'Так',
+      cancelButtonText: 'Ні'
    }
  }
 };
--- a/src/locale/lang/ug-CN.js
+++ b/src/locale/lang/ug-CN.js
@@ -107,14 +107,14 @@ export default {
      hasCheckedFormat: 'تاللانغىنى {checked}/{total} تۈر'
    },
    image: {
-      error: 'FAILED' // to be translated
+      error: 'مەغلۇب بولدى'
    },
    pageHeader: {
-      title: 'Back' // to be translated
+      title: 'قايتىش'
    },
    popconfirm: {
-      confirmButtonText: 'Yes', // to be translated
-      cancelButtonText: 'No' // to be translated
+      confirmButtonText: 'ھەئە',
+      cancelButtonText: 'ياق'
    }
  }
 };
--- a/src/locale/lang/vi.js
+++ b/src/locale/lang/vi.js
@@ -107,14 +107,14 @@ export default {
      hasCheckedFormat: '{checked}/{total} đã chọn '
    },
    image: {
-      error: 'FAILED' // to be translated
+      error: 'LỖI'
    },
    pageHeader: {
-      title: 'Back' // to be translated
+      title: 'Quay lại'
    },
    popconfirm: {
-      confirmButtonText: 'Yes', // to be translated
-      cancelButtonText: 'No' // to be translated
+      confirmButtonText: 'Ok',
+      cancelButtonText: 'Huỷ'
    }
  }
 };
--- a/test/unit/specs/image.spec.js
+++ b/test/unit/specs/image.spec.js
@@ -128,11 +128,10 @@ describe('Image', () => {
    vm.$el.querySelector('.el-image__inner').click();
    await wait();

-    const $wrapper = vm.$el.querySelector('.el-image-viewer__wrapper');
-    expect($wrapper).to.exist;
+    expect(vm.$el.querySelector('.el-image-viewer__wrapper')).to.exist;
    vm.$el.querySelector('.el-image-viewer__close').click();
    await wait(1000);
-    expect($wrapper.style.display).to.equal('none');
+    expect(vm.$el.querySelector('.el-image-viewer__wrapper')).to.not.exist;
  });
 });
Author	SHA1	Message	Date
好多大米	d216a252f3	Docs: add format attribute description to the progress component (#20641 )	2021-01-04 14:20:42 +08:00
好多大米	3d7c3d71df	Drawer: fix focus bug (#20626 ) Co-authored-by: wp178491 <wp178491@alibaba-inc.com>	2020-12-30 13:25:23 +08:00
Lucas Soulier	127dfadb6a	docs: fix typo in french translation of datetime-picker.md (#20543 )	2020-12-29 11:13:23 +08:00
Peng Gao	5fecffa353	Merge pull request #20622 from iamkun/fix/error-i18n-prop fix: fix Popconfirm i18n bug	2020-12-28 16:59:23 +08:00
iamkun	e2e63e698f	fix: fix Popconfirm i18n bug	2020-12-27 19:40:01 +08:00
nzh63	7e22785a58	Select: fix placeholder i18n bug (#17644 )	2020-12-27 19:39:28 +08:00
iamkun	3ceec7aa6a	chore: update issue template (#20588 )	2020-12-19 01:40:41 +08:00
iamkun	a2683e975e	Update faas config	2020-11-12 15:08:16 +08:00
iamkun	04981518db	[release] 2.14.1	2020-11-11 18:05:40 +08:00
iamkun	deb41057d1	[build] 2.14.1	2020-11-11 18:05:39 +08:00
iamkun	31286d724b	chore: update changelog (#20427 )	2020-11-11 17:34:02 +08:00
IlhamTahir	5ce89b8e00	i18n: Update Uighur locale (#20177 )	2020-11-11 16:49:13 +08:00
iamkun	985bd49fef	Popover: compatible with 2.6 new v-slot syntax (#20424 )	2020-11-11 16:48:10 +08:00
iamkun	c71ab0a127	chore: update sponsor (#20425 )	2020-11-11 16:47:28 +08:00
Enguerrand des Vaux	1f7a591d18	chore: readme add link to Vue.js 3.0 Migration repository (#20199 ) Now that Vue.js 3.0 has been release, it'll be nice to let users/developers know that we are working on the migration there.	2020-11-11 16:46:22 +08:00
Ahmed Elkattan	4448fab89c	i18n: Update Arabic translation (#20202 )	2020-11-11 16:45:37 +08:00
iamkun	ea5b4dbc25	chore: remove donation section	2020-11-09 19:07:44 +08:00
iamkun	50e55199be	[release] 2.14.0	2020-10-29 16:25:32 +08:00
iamkun	193ca02bc6	[build] 2.14.0	2020-10-29 16:25:31 +08:00
iamkun	f06236532a	chore: update version.js	2020-10-29 15:01:55 +08:00
iamkun	1044d930bd	chore: update changelog (#20347 )	2020-10-29 14:52:54 +08:00
Vladislav Bakaev	bcc36ebc6d	fix: re-name error popconfirm event name (#20240 )	2020-10-29 11:58:04 +08:00
Zhwt	2acff77448	docs: fix color picker default value typo (#20212 )	2020-10-29 11:45:58 +08:00
Alex	3ba2ca9c06	fix: Update ua locale (#20344 )	2020-10-29 10:45:10 +08:00
iamkun	eb1c2c5770	chore: update README (Vue 3.0) (#20345 ) add migration guide to Vue 3.0	2020-10-29 10:10:12 +08:00
Emil Yangirov	90edfcc039	fix: Update Russian locale (ru-RU.js) (#19451 )	2020-10-27 16:08:59 +08:00
Caaalabash	b4aa2637d0	fix(progress): fix attribute error (#19985 )	2020-10-27 16:05:32 +08:00
vc3nt	d300b8c10e	fix: Update km.js (#20077 ) Update Khmer translate	2020-10-27 16:00:46 +08:00
Bryce Barbara	8bac0dad5b	doc: Correct calendar English docs (#19912 )	2020-10-27 15:57:42 +08:00
iamkun	649670c55a	chore: Update Discussion Group Link (#20175 )	2020-09-15 15:16:14 +08:00
Gonzalo Nandez	04b5f0d2c0	doc: Update Spanish Changelog 2.13.2 (#19944 )	2020-08-18 10:22:19 +08:00
iamkun	bf534d977e	[release] 2.13.2	2020-05-18 17:45:09 +08:00
iamkun	d6107fe33f	[build] 2.13.2	2020-05-18 17:45:08 +08:00
iamkun	d6f9adf5f7	chore: update changelog (#19442 ) * chore: update changelog * chore: update changelog style	2020-05-18 17:40:53 +08:00
Diego Mengarda	6d6df13e56	locale: Update Brazilian Portuguese translation (#19374 )	2020-05-18 17:00:41 +08:00
therour	e6785d6e3d	locale: Update locale Indonesia (id.js) (#19320 )	2020-05-18 16:59:46 +08:00
Ismail D	a4c3ec847d	locale: Update Catalan and Spanish translations (#19296 )	2020-05-18 16:58:06 +08:00
Quang LN	3bc2d2b4db	locale: Fix vi translation (#19244 )	2020-05-18 16:57:10 +08:00
Philip Solovyev	abb16771a5	locale: Fix ru-RU popconfirm translation (#19220 )	2020-05-18 16:54:19 +08:00
刘宏玺	f89fa65442	fix: Image update error status	2020-05-18 16:52:40 +08:00
三咲智子	49d367e993	Autocomplete: fix change event bug (#19200 )	2020-04-23 16:49:06 +08:00
iamkun	d578b018b9	[release] 2.13.1	2020-04-13 14:53:32 +08:00
iamkun	2b6111338b	[build] 2.13.1	2020-04-13 14:53:31 +08:00
luckyCao	d9f71dcd57	Chore: Update Changelog (#19162 )	2020-04-13 14:07:47 +08:00
Haoran Yu	4b869fbe41	Docs: fix a type error in document of steps component. (#17555 )	2020-04-13 10:49:33 +08:00
luckyCao	f3c76ee0ad	Image: Fix shortcut key not work at second time issue (#18983 ) (#19156 ) * Image: fix shortcut key not work at second time issue (#18983) * fix test case * fix test case Co-authored-by: cl199793 <cl199793@alibaba-inc.com>	2020-04-13 10:15:17 +08:00
iamkun	3235daa363	chore: remove index intro (#19155 )	2020-04-10 17:40:35 +08:00
luckyCao	7259a83852	Image: Fix preview dose not show when preview list not contain src issue (#18975 ) (#19130 )	2020-04-10 17:25:18 +08:00
inooNgt	bc7dcc6281	Image: don't show image-viewer when preview is false (#18967 )	2020-04-10 17:19:07 +08:00
Roojay	624c1e90ff	Autocomplete: fix suggestion error when textarea (#18478 )	2020-04-10 16:46:06 +08:00
三咲智子	3b7f95a308	Autocomplete: add change event (#17913 )	2020-04-10 16:43:53 +08:00
张超杰	73de4b655d	doc: fix step-strictly docs typo (#18705 )	2020-04-10 16:39:34 +08:00
IceFox	b903a87ce9	Carousel: fix console typo bug (#18264 )	2020-04-10 16:34:45 +08:00
iamkun	590d7b8356	doc: Popconfirm doc update (#18324 )	2020-04-10 16:32:59 +08:00
ashuser-pendo	091f63ad78	[Input Number] Correctly compute inputNumberDisabled (#18439 )	2020-04-10 16:29:50 +08:00
Hanx	7122ddb9e5	Transfer: fix incorrect line-height of el-transfer's first list item when it was used with el-form-item (#18917 )	2020-04-10 16:17:10 +08:00