PanJiaChen · PanJiaChen · Sep 29, 2019
diff --git a/docs/es/feature/component/clipboard.md b/docs/es/feature/component/clipboard.md
@@ -28,6 +28,27 @@ En primer lugar, importe `clipboard.js` y configure la función `click`.
 
 `clip()` El primer parámetro es el contenido de copiar, el segundo parámetro es el evento de evento. Ambos parámetros son necesarios.
 
+### New way of use <Badge text="v4.3.0+"/>
+
+In order to support the async setting of text, the original method is reconstructed. In the new version, `clip` will return a promise, and the params will be changed to an object, and it is no longer necessary to manually pass the $event.
+
+```html
+<el-button @click='handleCopy(inputData,$event)'>copy</el-button>
+```
+
+```js
+import clip from '@/utils/clipboard' // use clipboard directly
+
+methods: {
+  handleCopy(text) {
+    // return a promise
+    clip({ text, container, successText, errorText }).then(()=>{
+      console.log('success)
+    })
+  }
+}
+```
+
 <br/>
 <br/>
 

diff --git a/docs/es/feature/component/excel.md b/docs/es/feature/component/excel.md
@@ -4,7 +4,7 @@
 
 La importación y exportación de Excel se implementa confiando en [js-xlsx](https://github.com/SheetJS/js-xlsx).
 
-[Export2Excel.js](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/vendor/Export2Excel.js) está empaquetado en el `js-xlsx` para facilitar la exportación de datos. 
+[Export2Excel.js](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/vendor/Export2Excel.js) está empaquetado en el `js-xlsx` para facilitar la exportación de datos.
 
 ### Utilizar
 
@@ -35,15 +35,15 @@ import('@/vendor/Export2Excel').then(excel => {
 El código de compatibilidad para Bolb se ha eliminado en las versiones posteriores de `v3.9.1 +`. Si necesita ser compatible con navegadores de muy bajo nivel, puede introducir manualmente [blob-polyfill](https://www.npmjs.com/package/blob-polyfill) .
 :::
 
-### Parámetros 
+### Parámetros
 
-| Parámetros    | Descripción                       | Tipo      | Valores Aceptados | Predeterminado    |
-| ---------     | ---------------------------       | -------   | ------------      | ----------        |
-| header        |  Exportar encabezado de datos     | Array     | /                 | []                |
-| data          |  Datos específicos exportados     | Array     | /                 | []                |
-| filename      | Nombre de archivo de exportación  | String    | /                 | excel-list        |
-| autoWidth     | Si la celda de ancho automático   | Boolean   | true / false      | true              |
-| bookType      | Tipo de archivo de exportación    | String    | xlsx, csv, txt, [more](https://github.com/SheetJS/js-xlsx#supported-output-formats)   | xlsx  |
+| Parámetros | Descripción                      | Tipo    | Valores Aceptados                                                                   | Predeterminado |
+| ---------- | -------------------------------- | ------- | ----------------------------------------------------------------------------------- | -------------- |
+| header     | Exportar encabezado de datos     | Array   | /                                                                                   | []             |
+| data       | Datos específicos exportados     | Array   | /                                                                                   | []             |
+| filename   | Nombre de archivo de exportación | String  | /                                                                                   | excel-list     |
+| autoWidth  | Si la celda de ancho automático  | Boolean | true / false                                                                        | true           |
+| bookType   | Tipo de archivo de exportación   | String  | xlsx, csv, txt, [more](https://github.com/SheetJS/js-xlsx#supported-output-formats) | xlsx           |
 
 ### Ejemplo
 

diff --git a/docs/es/feature/component/markdown-editor.md b/docs/es/feature/component/markdown-editor.md
@@ -4,45 +4,45 @@ Originalmente utilizado [simplemde-markdown-editor](https://github.com/sparksuit
 
 ## Props
 
-| Nombre    | Tipo      | Predeterminado                | Descripción    |
-| --------  | ------    | --------                      | -------------------------------------------------- |
-| valor     | String    | " "                           | Esta propiedad puede cambiar el contenido del editor. **Si estás usando `v-model`, no lo uses**. |
-| opciones  | Object    | following `defaultOptions`    | Opciones de tui.editor. Esto es para inicializar tui.editor. |
-| altura    | String    | '300px'                       | Esta propiedad puede controlar la altura del editor. |
-| modo      | String    | 'markdown'                    | Esta propiedad puede cambiar el modo del editor. (`markdown`or `wysiwyg`) |
-| idioma    | String    | 'en_US'                       | i18n          |
+| Nombre   | Tipo   | Predeterminado             | Descripción                                                                                      |
+| -------- | ------ | -------------------------- | ------------------------------------------------------------------------------------------------ |
+| valor    | String | " "                        | Esta propiedad puede cambiar el contenido del editor. **Si estás usando `v-model`, no lo uses**. |
+| opciones | Object | following `defaultOptions` | Opciones de tui.editor. Esto es para inicializar tui.editor.                                     |
+| altura   | String | '300px'                    | Esta propiedad puede controlar la altura del editor.                                             |
+| modo     | String | 'markdown'                 | Esta propiedad puede cambiar el modo del editor. (`markdown`or `wysiwyg`)                        |
+| idioma   | String | 'en_US'                    | i18n                                                                                             |
 
 ```js
-  const defaultOptions = {
-    minHeight: '200px',
-    previewStyle: 'vertical',
-    useCommandShortcut: true,
-    useDefaultHTMLSanitizer: true,
-    usageStatistics: false,
-    hideModeSwitch: false,
-    toolbarItems: [
-      'heading',
-      'bold',
-      'italic',
-      'strike',
-      'divider',
-      'hr',
-      'quote',
-      'divider',
-      'ul',
-      'ol',
-      'task',
-      'indent',
-      'outdent',
-      'divider',
-      'table',
-      'image',
-      'link',
-      'divider',
-      'code',
-      'codeblock'
-    ]
-  }
+const defaultOptions = {
+  minHeight: '200px',
+  previewStyle: 'vertical',
+  useCommandShortcut: true,
+  useDefaultHTMLSanitizer: true,
+  usageStatistics: false,
+  hideModeSwitch: false,
+  toolbarItems: [
+    'heading',
+    'bold',
+    'italic',
+    'strike',
+    'divider',
+    'hr',
+    'quote',
+    'divider',
+    'ul',
+    'ol',
+    'task',
+    'indent',
+    'outdent',
+    'divider',
+    'table',
+    'image',
+    'link',
+    'divider',
+    'code',
+    'codeblock'
+  ]
+}
 ```
 
 ## Methods

diff --git a/docs/es/feature/component/pagination.md b/docs/es/feature/component/pagination.md
@@ -39,7 +39,7 @@ El componente de paginación se basa principalmente en el elemento 'el-paginatio
 ## Atributos
 
 |  Atributo   | Descripción                                                                 |   Tipo    | Predeterminado  |
-| :---------: | :----------------------------------------------------------                 | :-------: | :-------------: |
+| :---------: | :-------------------------------------------------------------------------- | :-------: | :-------------: |
 |    total    | recuento total de artículos                                                 |  Number   |        /        |
 |    page     | número de página actual, soporta el modificador .sync                       |  Number   |        1        |
 |    limit    | Recuento de elementos de cada página, admite el modificador .sync           |  Number   |       20        |
@@ -51,9 +51,9 @@ También se admiten otros atributos del soporte de `el-pagination` del elemento.
 
 ## Eventos
 
-| Nombre del evento | Descripción                                       | Parámetros            |
-| ----------        | ----------------------------------------          | ------------          |
-| paginación        | Se dispara cuando cambia el límite o la página    | {paginación, límite}  |
+| Nombre del evento | Descripción                                    | Parámetros           |
+| ----------------- | ---------------------------------------------- | -------------------- |
+| paginación        | Se dispara cuando cambia el límite o la página | {paginación, límite} |
 
 ## Código fuente y Demo
 

diff --git a/docs/es/feature/component/tree-table.md b/docs/es/feature/component/tree-table.md
@@ -2,21 +2,21 @@
 
 ## Breve
 
-Este componente solo proporciona una solución para crear `TreeTable`. Se basa en el componente de tabla `element-ui`. Utiliza el método `row-style` de` el-table` para determinar si el elemento debe ocultarse o mostrarse.
+Este componente solo proporciona una solución para crear `TreeTable`. Se basa en el componente de tabla `element-ui`. Utiliza el método `row-style` de`el-table` para determinar si el elemento debe ocultarse o mostrarse.
 
 Y este componente hace uso completo de las características de la ranura `vue` para que sea fácil de usar.
 
 En `evel.js`, el método `addAttrs` agrega varias propiedades a los datos, y `treeTotable` aplana la matriz. Ninguna de estas operaciones destruirá los datos de origen, solo agregará propiedades.
 
 ## Propiedades
 
-|    Atributo      | Descripción                                                        |  Tipo   | Predeterminado  |
-| :--------------: | :-----------------------------------------------------------       | :-----: | :------: |
-|       data       | datos de visualización originales                                  |  Array  |    []    |
-|     columns      | atributo de columna                                                |  Array  |    []    |
-| defaultExpandAll | si expandir todos los nodos por defecto                            | Boolean |  false   |
-| defaultChildren  | Especifique qué objeto de nodo se utiliza como subárbol del nodo   | String  | children |
-|      indent      | Indentación orizontal de nodos en niveles adyacentes en píxeles    | Number  |    50    |
+|     Atributo     | Descripción                                                      |  Tipo   | Predeterminado |
+| :--------------: | :--------------------------------------------------------------- | :-----: | :------------: |
+|       data       | datos de visualización originales                                |  Array  |       []       |
+|     columns      | atributo de columna                                              |  Array  |       []       |
+| defaultExpandAll | si expandir todos los nodos por defecto                          | Boolean |     false      |
+| defaultChildren  | Especifique qué objeto de nodo se utiliza como subárbol del nodo | String  |    children    |
+|      indent      | Indentación orizontal de nodos en niveles adyacentes en píxeles  | Number  |       50       |
 
 > Se admite cualquiera de las propiedades `el-table`, como `border`, `fit`, `size` o `@select`, `@cell-click`. Vea la documentación de ʻel-table` para más detalles.
 
@@ -60,27 +60,27 @@ En `evel.js`, el método `addAttrs` agrega varias propiedades a los datos, y `tr
 - header-align: alineación del encabezado de la tabla `left/center/right`
 
 ```javascript
-  const columns = [
-    {
-      label: 'Checkbox',
-      checkbox: true
-    },
-    {
-      label: '',
-      key: 'id',
-      expand: true
-    },
-    {
-      label: 'Event',
-      key: 'event',
-      width: 200,
-      align: 'left'
-    },
-    {
-      label: 'Scope',
-      key: 'scope'
-    }
-  ]
+const columns = [
+  {
+    label: 'Checkbox',
+    checkbox: true
+  },
+  {
+    label: '',
+    key: 'id',
+    expand: true
+  },
+  {
+    label: 'Event',
+    key: 'event',
+    width: 200,
+    align: 'left'
+  },
+  {
+    label: 'Scope',
+    key: 'scope'
+  }
+]
 ```
 
 > El componente de la tabla de árbol generará una ranura con nombre basada en la propiedad clave de las columnas. Si necesita personalizar los datos de la columna, puede hacerlo a través de la ranura.
@@ -98,9 +98,9 @@ En `evel.js`, el método `addAttrs` agrega varias propiedades a los datos, y `tr
 Actualmente hay varios métodos disponibles, pero solo la versión `beta` que probablemente se modifique más adelante.
 
 ```js
-  this.$refs.TreeTable.addChild(row, data) //Agregar elementos secundarios
-  this.$refs.TreeTable.addBrother(row, data) //Agregar un elemento hermano
-  this.$refs.TreeTable.delete(row) //Eliminar el elemento
+this.$refs.TreeTable.addChild(row, data) //Agregar elementos secundarios
+this.$refs.TreeTable.addBrother(row, data) //Agregar un elemento hermano
+this.$refs.TreeTable.delete(row) //Eliminar el elemento
 ```
 
 ## Otro

diff --git a/docs/es/feature/script/new.md b/docs/es/feature/script/new.md
@@ -1,6 +1,6 @@
 # Nuevo <Badge text="v4.0.0+"/>
 
-En el trabajo diario, lo más común es escribir módulos y componentes empresariales. Cuando abres un nuevo `vista` o `componente` cada vez que necesites crear manualmente un nuevo `.vue`, crea un `<template>`, `<script>`, `<style>`, o algún problema. 
+En el trabajo diario, lo más común es escribir módulos y componentes empresariales. Cuando abres un nuevo `vista` o `componente` cada vez que necesites crear manualmente un nuevo `.vue`, crea un `<template>`, `<script>`, `<style>`, o algún problema.
 
 Así que en la nueva versión, basada en [plop](https://github.com/amwmedia/plop), se proporcionan varias plantillas básicas para facilitar la creación de la nueva `vista` o `componente`.
 

diff --git a/docs/es/feature/script/svgo.md b/docs/es/feature/script/svgo.md
@@ -7,7 +7,7 @@ npm run svgo
 ```
 
 Muchas descargas en línea o svg exportados por `Sketch` tendrán una gran cantidad de información redundante e inútil, aumentando considerablemente el tamaño de svg. Podemos optimizarlo con `svgo`. Por ejemplo, la siguiente figura es un svg exportado por `Sketch`
-![] (https://wpimg.wallstcn.com/333edb6b-4b95-42f8-aa60-b8f42e516b52.jpg)
+![](https://wpimg.wallstcn.com/333edb6b-4b95-42f8-aa60-b8f42e516b52.jpg)
 
 Podemos ejecutar `npm run svgo`
 

diff --git a/docs/feature/component/clipboard.md b/docs/feature/component/clipboard.md
@@ -28,6 +28,27 @@ First of all, import `clipboard.js` and set `click` function.
 
 `clip()` The first parameter is the contents of the copy, the second parameter is the event event. Both parameters are required.
 
+### New way of use <Badge text="v4.3.0+"/>
+
+In order to support the async setting of text, the original method is reconstructed. In the new version, `clip` will return a promise, and the params will be changed to an object, and it is no longer necessary to manually pass the $event.
+
+```html
+<el-button @click='handleCopy(inputData,$event)'>copy</el-button>
+```
+
+```js
+import clip from '@/utils/clipboard' // use clipboard directly
+
+methods: {
+  handleCopy(text) {
+    // return a promise
+    clip({ text, container, successText, errorText }).then(()=>{
+      console.log('success)
+    })
+  }
+}
+```
+
 <br/>
 <br/>
 

diff --git a/docs/feature/script/new.md b/docs/feature/script/new.md
@@ -2,7 +2,7 @@
 
 In daily work, the most common is to write modules and business components. When you open a new `view` or `component` every time you need to manually create a new `.vue`, create a `<template>`, `<script>`, `<style>`, or some problem.
 
-So in the new version, based on [plop](https://github.com/amwmedia/plop), several basic templates are provided to facilitate the creation of the new `view` or` component`.
+So in the new version, based on [plop](https://github.com/amwmedia/plop), several basic templates are provided to facilitate the creation of the new `view` or`component`.
 
 Execute the following command:
 

diff --git a/docs/zh/feature/component/clipboard.md b/docs/zh/feature/component/clipboard.md
@@ -24,6 +24,27 @@ methods: {
 
 `clip()` 函数第一个参数为复制的内容，第二个参数为 `event` 事件。两个参数均为必填项。
 
+### 新使用方式 <Badge text="v4.3.0+"/>
+
+为了支持能异步设置 text，重构了原有方法。在新版中`clip`会返回一个 promise，并且传参方式更改为对象，也不再需要手动传入$event 参数了。
+
+```html
+<el-button @click='handleCopy(inputData,$event)'>copy</el-button>
+```
+
+```js
+import clip from '@/utils/clipboard' // use clipboard directly
+
+methods: {
+  handleCopy(text) {
+    // return a promise
+    clip({ text, container, successText, errorText }).then(()=>{
+      console.log('success)
+    })
+  }
+}
+```
+
 <br/>
 <br/>