123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import { isObj } from '../common/utils';
- const defaultOptions = {
- type: 'text',
- mask: false,
- message: '',
- show: true,
- zIndex: 1000,
- duration: 3000,
- 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];
- }
- const Toast = (options = {}) => {
- options = Object.assign({}, currentOptions, parseOptions(options));
- 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;
- queue.push(toast);
- toast.set(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)));
- ['loading', 'success', 'fail'].forEach(method => {
- Toast[method] = createMethod(method);
- });
- Toast.clear = () => {
- queue.forEach(toast => {
- toast.clear();
- });
- queue = [];
- };
- Toast.setDefaultOptions = options => {
- Object.assign(currentOptions, options);
- };
- Toast.resetDefaultOptions = () => {
- currentOptions = Object.assign({}, defaultOptions);
- };
- export default Toast;
|