Преглед изворни кода

fix: re-name error popconfirm event name (#20240)

Vladislav Bakaev пре 4 година
родитељ
комит
bcc36ebc6d

+ 11 - 11
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,13 +40,13 @@ 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 |
@@ -56,5 +56,5 @@ You can customise Popconfirm like:
 ### Events
 | Event Name | Description | Parameters |
 |---------|--------|---------|
-| onConfirm | triggers when click confirm button | — |
-| onCancel | triggers when click cancel button | — |
+| confirm | triggers when click confirm button | — |
+| cancel | triggers when click cancel button | — |

+ 11 - 11
examples/docs/es/popconfirm.md

@@ -25,10 +25,10 @@ Se puede personalizar Popconfirm así:
 ```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>
@@ -41,13 +41,13 @@ Se puede personalizar Popconfirm así:
 | Atributo     | Descripción | Tipo    | Valores aceptados | Por defecto |
 |--------------------|----------------------------------------------------------|-------------------|-------------|--------|
 |  title              | Titulo | String | — | — |
-|  confirmButtonText              | Texto del botón de confirmación | String | — | — |
-|  cancelButtonText              | Texto del botón de cancelación | String | — | — |
-|  confirmButtonType              | Tipo del botón de confirmación | String | — | Primary |
-|  cancelButtonType              | Tipo del botón de cancelación | String | — | Text |
+|  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 |
-|  iconColor              | Color icono | String | — | #f90 |
-|  hideIcon              | ¿Es un icono oculto? | Boolean | — | false |
+|  icon-color              | Color icono | String | — | #f90 |
+|  hide-icon              | ¿Es un icono oculto? | Boolean | — | false |
 
 ### Slot
 | Nombre | Descripción |
@@ -57,5 +57,5 @@ Se puede personalizar Popconfirm así:
 ### Eventos
 | Nombre Evento | Descripción | Parámetros |
 |---------|--------|---------|
-| onConfirm | Se activa cuando se pulsa el botón de confirmación | — |
-| onCancel | Se activa cuando se pulsa el botón de cancelación | — |
+| confirm | Se activa cuando se pulsa el botón de confirmación | — |
+| cancel | Se activa cuando se pulsa el botón de cancelación | — |

+ 11 - 11
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,13 +40,13 @@ 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 |
@@ -56,5 +56,5 @@ You can customise Popconfirm like:
 ### Events
 | Event Name | Description | Parameters |
 |---------|--------|---------|
-| onConfirm | triggers when click confirm button | — |
-| onCancel | triggers when click cancel button | — |
+| confirm | triggers when click confirm button | — |
+| cancel | triggers when click cancel button | — |

+ 11 - 11
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,13 +40,13 @@ 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
 | 参数 | 说明 |
@@ -56,5 +56,5 @@ Popconfirm 的属性与 Popover 很类似,因此对于重复属性,请参考
 ### Events
 | 事件名称 | 说明 | 回调参数 |
 |---------|--------|---------|
-| onConfirm | 点击确认按钮时触发 | — |
-| onCancel | 点击取消按钮时触发 | — |
+| confirm | 点击确认按钮时触发 | — |
+| cancel | 点击取消按钮时触发 | — |

+ 2 - 2
packages/popconfirm/src/main.vue

@@ -87,11 +87,11 @@ export default {
   methods: {
     confirm() {
       this.visible = false;
-      this.$emit('onConfirm');
+      this.$emit('confirm');
     },
     cancel() {
       this.visible = false;
-      this.$emit('onCancel');
+      this.$emit('cancel');
     }
   }
 };