You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
149 lines
3.6 KiB
149 lines
3.6 KiB
11 months ago
|
'use strict';
|
||
|
|
||
|
Object.defineProperty(exports, '__esModule', { value: true });
|
||
|
|
||
|
var vue = require('vue');
|
||
|
var shared = require('@vue/shared');
|
||
|
var core = require('@vueuse/core');
|
||
|
require('../../../utils/util.js');
|
||
|
require('./index.js');
|
||
|
var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
|
||
|
|
||
|
const messageInstance = /* @__PURE__ */ new Map();
|
||
|
const initInstance = (props, container) => {
|
||
|
const vnode = vue.h(index_vue_vue_type_script_lang["default"], props);
|
||
|
vue.render(vnode, container);
|
||
|
document.body.appendChild(container.firstElementChild);
|
||
|
return vnode.component;
|
||
|
};
|
||
|
const genContainer = () => {
|
||
|
return document.createElement("div");
|
||
|
};
|
||
|
const showMessage = (options) => {
|
||
|
const container = genContainer();
|
||
|
options.onVanish = () => {
|
||
|
vue.render(null, container);
|
||
|
messageInstance.delete(vm);
|
||
|
};
|
||
|
options.onAction = (action) => {
|
||
|
const currentMsg = messageInstance.get(vm);
|
||
|
let resolve;
|
||
|
if (options.showInput) {
|
||
|
resolve = { value: vm.inputValue, action };
|
||
|
} else {
|
||
|
resolve = action;
|
||
|
}
|
||
|
if (options.callback) {
|
||
|
options.callback(resolve, instance.proxy);
|
||
|
} else {
|
||
|
if (action === "cancel" || action === "close") {
|
||
|
if (options.distinguishCancelAndClose && action !== "cancel") {
|
||
|
currentMsg.reject("close");
|
||
|
} else {
|
||
|
currentMsg.reject("cancel");
|
||
|
}
|
||
|
} else {
|
||
|
currentMsg.resolve(resolve);
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
const instance = initInstance(options, container);
|
||
|
const vm = instance.proxy;
|
||
|
for (const prop in options) {
|
||
|
if (shared.hasOwn(options, prop) && !shared.hasOwn(vm.$props, prop)) {
|
||
|
vm[prop] = options[prop];
|
||
|
}
|
||
|
}
|
||
|
vue.watch(() => vm.message, (newVal, oldVal) => {
|
||
|
if (vue.isVNode(newVal)) {
|
||
|
instance.slots.default = () => [newVal];
|
||
|
} else if (vue.isVNode(oldVal) && !vue.isVNode(newVal)) {
|
||
|
delete instance.slots.default;
|
||
|
}
|
||
|
}, {
|
||
|
immediate: true
|
||
|
});
|
||
|
vm.visible = true;
|
||
|
return vm;
|
||
|
};
|
||
|
function MessageBox(options) {
|
||
|
if (!core.isClient)
|
||
|
return;
|
||
|
let callback;
|
||
|
if (shared.isString(options) || vue.isVNode(options)) {
|
||
|
options = {
|
||
|
message: options
|
||
|
};
|
||
|
} else {
|
||
|
callback = options.callback;
|
||
|
}
|
||
|
return new Promise((resolve, reject) => {
|
||
|
const vm = showMessage(options);
|
||
|
messageInstance.set(vm, {
|
||
|
options,
|
||
|
callback,
|
||
|
resolve,
|
||
|
reject
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
MessageBox.alert = (message, title, options) => {
|
||
|
if (typeof title === "object") {
|
||
|
options = title;
|
||
|
title = "";
|
||
|
} else if (title === void 0) {
|
||
|
title = "";
|
||
|
}
|
||
|
return MessageBox(Object.assign({
|
||
|
title,
|
||
|
message,
|
||
|
type: "",
|
||
|
closeOnPressEscape: false,
|
||
|
closeOnClickModal: false
|
||
|
}, options, {
|
||
|
boxType: "alert"
|
||
|
}));
|
||
|
};
|
||
|
MessageBox.confirm = (message, title, options) => {
|
||
|
if (typeof title === "object") {
|
||
|
options = title;
|
||
|
title = "";
|
||
|
} else if (title === void 0) {
|
||
|
title = "";
|
||
|
}
|
||
|
return MessageBox(Object.assign({
|
||
|
title,
|
||
|
message,
|
||
|
type: "",
|
||
|
showCancelButton: true
|
||
|
}, options, {
|
||
|
boxType: "confirm"
|
||
|
}));
|
||
|
};
|
||
|
MessageBox.prompt = (message, title, options) => {
|
||
|
if (typeof title === "object") {
|
||
|
options = title;
|
||
|
title = "";
|
||
|
} else if (title === void 0) {
|
||
|
title = "";
|
||
|
}
|
||
|
return MessageBox(Object.assign({
|
||
|
title,
|
||
|
message,
|
||
|
showCancelButton: true,
|
||
|
showInput: true,
|
||
|
type: ""
|
||
|
}, options, {
|
||
|
boxType: "prompt"
|
||
|
}));
|
||
|
};
|
||
|
MessageBox.close = () => {
|
||
|
messageInstance.forEach((_, vm) => {
|
||
|
vm.doClose();
|
||
|
});
|
||
|
messageInstance.clear();
|
||
|
};
|
||
|
|
||
|
exports["default"] = MessageBox;
|
||
|
//# sourceMappingURL=messageBox.js.map
|