mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-24 02:16:12 +08:00
[Improvement] Dialog: add setDefaultOptions method (#539)
This commit is contained in:
parent
567db144be
commit
b7282356ee
@ -59,6 +59,8 @@ export default {
|
|||||||
|-----------|-----------|-----------|-------------|
|
|-----------|-----------|-----------|-------------|
|
||||||
| Dialog.alert | options | `Promise` | Show alert dialog |
|
| Dialog.alert | options | `Promise` | Show alert dialog |
|
||||||
| Dialog.confirm | options | `Promise` | Show confim dialog |
|
| Dialog.confirm | options | `Promise` | Show confim dialog |
|
||||||
|
| Dialog.setDefaultOptions | options | `void` | Set default options of all dialogs |
|
||||||
|
| Dialog.resetDefaultOptions | - | `void` | Reset default options of all dialogs |
|
||||||
| Dialog.close | - | `void` | Close dialog |
|
| Dialog.close | - | `void` | Close dialog |
|
||||||
|
|
||||||
### Options
|
### Options
|
||||||
|
@ -59,6 +59,8 @@ export default {
|
|||||||
|-----------|-----------|-----------|-------------|
|
|-----------|-----------|-----------|-------------|
|
||||||
| Dialog.alert | options | `Promise` | 展示消息提示弹窗 |
|
| Dialog.alert | options | `Promise` | 展示消息提示弹窗 |
|
||||||
| Dialog.confirm | options | `Promise` | 展示消息确认弹窗 |
|
| Dialog.confirm | options | `Promise` | 展示消息确认弹窗 |
|
||||||
|
| Dialog.setDefaultOptions | options | `void` | 修改默认配置,对所有 Dialog 生效 |
|
||||||
|
| Dialog.resetDefaultOptions | - | `void` | 重置默认配置,对所有 Dialog 生效 |
|
||||||
| Dialog.close | - | `void` | 关闭弹窗 |
|
| Dialog.close | - | `void` | 关闭弹窗 |
|
||||||
|
|
||||||
### Options
|
### Options
|
||||||
|
@ -3,7 +3,7 @@ import DialogComponent from './dialog';
|
|||||||
|
|
||||||
let instance;
|
let instance;
|
||||||
|
|
||||||
const defaultConfig = {
|
const defaultOptions = {
|
||||||
value: true,
|
value: true,
|
||||||
title: '',
|
title: '',
|
||||||
message: '',
|
message: '',
|
||||||
@ -19,6 +19,10 @@ const defaultConfig = {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
let currentDefaultOptions = {
|
||||||
|
...defaultOptions
|
||||||
|
};
|
||||||
|
|
||||||
const initInstance = () => {
|
const initInstance = () => {
|
||||||
const DialogConstructor = Vue.extend(DialogComponent);
|
const DialogConstructor = Vue.extend(DialogComponent);
|
||||||
instance = new DialogConstructor({
|
instance = new DialogConstructor({
|
||||||
@ -47,12 +51,12 @@ const Dialog = options => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
Dialog.alert = options => Dialog({
|
Dialog.alert = options => Dialog({
|
||||||
...defaultConfig,
|
...currentDefaultOptions,
|
||||||
...options
|
...options
|
||||||
});
|
});
|
||||||
|
|
||||||
Dialog.confirm = options => Dialog({
|
Dialog.confirm = options => Dialog({
|
||||||
...defaultConfig,
|
...currentDefaultOptions,
|
||||||
showCancelButton: true,
|
showCancelButton: true,
|
||||||
...options
|
...options
|
||||||
});
|
});
|
||||||
@ -61,6 +65,19 @@ Dialog.close = () => {
|
|||||||
instance.value = false;
|
instance.value = false;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Dialog.setDefaultOptions = (options = {}) => {
|
||||||
|
currentDefaultOptions = {
|
||||||
|
...currentDefaultOptions,
|
||||||
|
...options
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
Dialog.resetDefaultOptions = () => {
|
||||||
|
currentDefaultOptions = {
|
||||||
|
...defaultOptions
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
Vue.prototype.$dialog = Dialog;
|
Vue.prototype.$dialog = Dialog;
|
||||||
|
|
||||||
export default Dialog;
|
export default Dialog;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user