mirror of https://github.com/ElemeFE/element
MessageBox: add inputValue (#2909)
parent
f2fc8b5fb6
commit
c4367604ab
|
@ -284,9 +284,10 @@ The corresponding methods are: `MessageBox`, `MessageBox.alert`, `MessageBox.con
|
||||||
| cancelButtonClass | custom class name of cancel button | string | — | — |
|
| cancelButtonClass | custom class name of cancel button | string | — | — |
|
||||||
| confirmButtonClass | custom class name of confirm button | string | — | — |
|
| confirmButtonClass | custom class name of confirm button | string | — | — |
|
||||||
| closeOnClickModal | whether MessageBox can be closed by clicking the mask | boolean | — | true (false when called with alert) |
|
| closeOnClickModal | whether MessageBox can be closed by clicking the mask | boolean | — | true (false when called with alert) |
|
||||||
| closeOnPressEscape | whether MessageBox can be closed by pressing the ESC | boolean | — | false |
|
| closeOnPressEscape | whether MessageBox can be closed by pressing the ESC | boolean | — | true (false when called with alert) |
|
||||||
| showInput | whether to show an input | boolean | — | false (true when called with prompt) |
|
| showInput | whether to show an input | boolean | — | false (true when called with prompt) |
|
||||||
| inputPlaceholder | placeholder of input | string | — | — |
|
| inputPlaceholder | placeholder of input | string | — | — |
|
||||||
|
| inputValue | initial value of input | string | — | — |
|
||||||
| inputPattern | regexp for the input | regexp | — | — |
|
| inputPattern | regexp for the input | regexp | — | — |
|
||||||
| inputValidator | validation function for the input. Should returns a boolean or string. If a string is returned, it will be assigned to inputErrorMessage | function | — | — |
|
| inputValidator | validation function for the input. Should returns a boolean or string. If a string is returned, it will be assigned to inputErrorMessage | function | — | — |
|
||||||
| inputErrorMessage | error message when validation fails | string | — | Illegal input |
|
| inputErrorMessage | error message when validation fails | string | — | Illegal input |
|
|
@ -281,9 +281,10 @@ import { MessageBox } from 'element-ui';
|
||||||
| cancelButtonClass | 取消按钮的自定义类名 | string | — | — |
|
| cancelButtonClass | 取消按钮的自定义类名 | string | — | — |
|
||||||
| confirmButtonClass | 确定按钮的自定义类名 | string | — | — |
|
| confirmButtonClass | 确定按钮的自定义类名 | string | — | — |
|
||||||
| closeOnClickModal | 是否可通过点击遮罩关闭 MessageBox | boolean | — | true(以 alert 方式调用时为 false) |
|
| closeOnClickModal | 是否可通过点击遮罩关闭 MessageBox | boolean | — | true(以 alert 方式调用时为 false) |
|
||||||
| closeOnPressEscape | 是否可通过按下 ESC 键关闭 MessageBox | boolean | — | false |
|
| closeOnPressEscape | 是否可通过按下 ESC 键关闭 MessageBox | boolean | — | true(以 alert 方式调用时为 false) |
|
||||||
| showInput | 是否显示输入框 | boolean | — | false(以 prompt 方式调用时为 true)|
|
| showInput | 是否显示输入框 | boolean | — | false(以 prompt 方式调用时为 true)|
|
||||||
| inputPlaceholder | 输入框的占位符 | string | — | — |
|
| inputPlaceholder | 输入框的占位符 | string | — | — |
|
||||||
|
| inputValue | 输入框的初始文本 | string | — | — |
|
||||||
| inputPattern | 输入框的校验表达式 | regexp | — | — |
|
| inputPattern | 输入框的校验表达式 | regexp | — | — |
|
||||||
| inputValidator | 输入框的校验函数。可以返回布尔值或字符串,若返回一个字符串, 则返回结果会被赋值给 inputErrorMessage | function | — | — |
|
| inputValidator | 输入框的校验函数。可以返回布尔值或字符串,若返回一个字符串, 则返回结果会被赋值给 inputErrorMessage | function | — | — |
|
||||||
| inputErrorMessage | 校验未通过时的提示文本 | string | — | 输入的数据不合法! |
|
| inputErrorMessage | 校验未通过时的提示文本 | string | — | 输入的数据不合法! |
|
||||||
|
|
|
@ -7,6 +7,7 @@ const defaults = {
|
||||||
modalFade: true,
|
modalFade: true,
|
||||||
lockScroll: true,
|
lockScroll: true,
|
||||||
closeOnClickModal: true,
|
closeOnClickModal: true,
|
||||||
|
closeOnPressEscape: true,
|
||||||
inputValue: null,
|
inputValue: null,
|
||||||
inputPlaceholder: '',
|
inputPlaceholder: '',
|
||||||
inputPattern: null,
|
inputPattern: null,
|
||||||
|
@ -75,6 +76,7 @@ const showNextMsg = () => {
|
||||||
if (!instance) {
|
if (!instance) {
|
||||||
initInstance();
|
initInstance();
|
||||||
}
|
}
|
||||||
|
instance.action = '';
|
||||||
|
|
||||||
if (!instance.value || instance.closeTimer) {
|
if (!instance.value || instance.closeTimer) {
|
||||||
if (msgQueue.length > 0) {
|
if (msgQueue.length > 0) {
|
||||||
|
|
|
@ -174,10 +174,15 @@
|
||||||
},
|
},
|
||||||
|
|
||||||
watch: {
|
watch: {
|
||||||
inputValue(val) {
|
inputValue: {
|
||||||
|
immediate: true,
|
||||||
|
handler(val) {
|
||||||
|
this.$nextTick(_ => {
|
||||||
if (this.$type === 'prompt' && val !== null) {
|
if (this.$type === 'prompt' && val !== null) {
|
||||||
this.validate();
|
this.validate();
|
||||||
}
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
value(val) {
|
value(val) {
|
||||||
|
|
Loading…
Reference in New Issue