| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- import Vue from 'vue';
- import VanDialog from './Dialog';
- import { isServer, isInDocument } from '../utils';
- let instance;
- function initInstance() {
- if (instance) {
- instance.$destroy();
- }
- instance = new (Vue.extend(VanDialog))({
- el: document.createElement('div'),
- // avoid missing animation when first rendered
- propsData: {
- lazyRender: false
- }
- });
- instance.$on('input', value => {
- instance.value = value;
- });
- }
- function Dialog(options) {
- /* istanbul ignore if */
- if (isServer) {
- return Promise.resolve();
- }
- return new Promise((resolve, reject) => {
- if (!instance || !isInDocument(instance.$el)) {
- initInstance();
- }
- Object.assign(instance, Dialog.currentOptions, options, {
- resolve,
- reject
- });
- });
- }
- Dialog.defaultOptions = {
- value: true,
- title: '',
- message: '',
- overlay: true,
- className: '',
- lockScroll: true,
- beforeClose: null,
- messageAlign: '',
- getContainer: 'body',
- cancelButtonText: '',
- cancelButtonColor: null,
- confirmButtonText: '',
- confirmButtonColor: null,
- showConfirmButton: true,
- showCancelButton: false,
- closeOnClickOverlay: false,
- callback: action => {
- instance[action === 'confirm' ? 'resolve' : 'reject'](action);
- }
- };
- Dialog.alert = Dialog;
- Dialog.confirm = options => Dialog({
- showCancelButton: true,
- ...options
- });
- Dialog.close = () => {
- if (instance) {
- instance.value = false;
- }
- };
- Dialog.setDefaultOptions = options => {
- Object.assign(Dialog.currentOptions, options);
- };
- Dialog.resetDefaultOptions = () => {
- Dialog.currentOptions = { ...Dialog.defaultOptions };
- };
- Dialog.resetDefaultOptions();
- Dialog.install = () => {
- Vue.use(VanDialog);
- };
- Vue.prototype.$dialog = Dialog;
- export default Dialog;
|