67 lines
1.9 KiB
JavaScript
67 lines
1.9 KiB
JavaScript
import { isObj } from '../common/utils';
|
|
const defaultOptions = {
|
|
type: 'text',
|
|
mask: false,
|
|
message: '',
|
|
show: true,
|
|
zIndex: 1000,
|
|
duration: 2000,
|
|
position: 'middle',
|
|
forbidClick: false,
|
|
loadingType: 'circular',
|
|
selector: '#van-toast'
|
|
};
|
|
let queue = [];
|
|
let currentOptions = Object.assign({}, defaultOptions);
|
|
function parseOptions(message) {
|
|
return isObj(message) ? message : { message };
|
|
}
|
|
function getContext() {
|
|
const pages = getCurrentPages();
|
|
return pages[pages.length - 1];
|
|
}
|
|
function Toast(toastOptions) {
|
|
const options = Object.assign(Object.assign({}, currentOptions), parseOptions(toastOptions));
|
|
const context = options.context || getContext();
|
|
const toast = context.selectComponent(options.selector);
|
|
if (!toast) {
|
|
console.warn('未找到 van-toast 节点，请确认 selector 及 context 是否正确');
|
|
return;
|
|
}
|
|
delete options.context;
|
|
delete options.selector;
|
|
toast.clear = () => {
|
|
toast.setData({ show: false });
|
|
if (options.onClose) {
|
|
options.onClose();
|
|
}
|
|
};
|
|
queue.push(toast);
|
|
toast.setData(options);
|
|
clearTimeout(toast.timer);
|
|
if (options.duration > 0) {
|
|
toast.timer = setTimeout(() => {
|
|
toast.clear();
|
|
queue = queue.filter(item => item !== toast);
|
|
}, options.duration);
|
|
}
|
|
return toast;
|
|
}
|
|
const createMethod = (type) => (options) => Toast(Object.assign({ type }, parseOptions(options)));
|
|
Toast.loading = createMethod('loading');
|
|
Toast.success = createMethod('success');
|
|
Toast.fail = createMethod('fail');
|
|
Toast.clear = () => {
|
|
queue.forEach(toast => {
|
|
toast.clear();
|
|
});
|
|
queue = [];
|
|
};
|
|
Toast.setDefaultOptions = (options) => {
|
|
Object.assign(currentOptions, options);
|
|
};
|
|
Toast.resetDefaultOptions = () => {
|
|
currentOptions = Object.assign({}, defaultOptions);
|
|
};
|
|
export default Toast;
|