antd-mobile-taro-ui/2x/es/components/toast/methods.js

以antd-mobile为设计标准，基于taro框架的微信小程序组件库

import React from 'react';
import { mergeProps } from 'antd-mobile/es/utils/with-default-props';
import { renderImperatively } from '../../utils/render-imperatively';
import { InternalToast } from './toast';
let currentHandler = null;
let currentTimeout;
const defaultProps = {
  duration: 2000,
  position: 'center',
  maskClickable: true
};

const ToastInner = props => React.createElement(InternalToast, Object.assign({}, props));

export function show(p) {
  const props = mergeProps(defaultProps, typeof p === 'string' ? {
    content: p
  } : p);
  const element = React.createElement(ToastInner, Object.assign({}, props, {
    onClose: () => {
      currentHandler = null;
    }
  }));

  if (currentHandler) {
    currentHandler.replace(element);
  } else {
    currentHandler = renderImperatively(element);
  }

  if (currentTimeout) {
    clearTimeout(currentTimeout);
  }

  if (props.duration !== 0) {
    currentTimeout = setTimeout(() => {
      clear();
    }, props.duration);
  }

  return currentHandler;
}
export function clear() {
  currentHandler === null || currentHandler === void 0 ? void 0 : currentHandler.close();
  currentHandler = null;
}
export function config(val) {
  if (val.duration !== undefined) {
    defaultProps.duration = val.duration;
  }

  if (val.position !== undefined) {
    defaultProps.position = val.position;
  }

  if (val.maskClickable !== undefined) {
    defaultProps.maskClickable = val.maskClickable;
  }
}