@antmjs/vantui/es/toast/toast.js

一套适用于Taro3及React的vantui组件库

import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
import { View, Text, RichText } from '@tarojs/components';
import { useState } from 'react';
import VanTransition from '../transition/index';
// import VanOverlay from '../overlay/index'
import VanIcon from '../icon/index';
import VanLoading from '../loading/index';
import { get } from '../default-props';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export function Toast(props) {
  var _useState = useState(get().Toast),
    _useState2 = _slicedToArray(_useState, 1),
    d = _useState2[0];
  var _useState3 = useState(_objectSpread(_objectSpread({
      show: true,
      duration: 2000,
      mask: false,
      forbidClick: false,
      type: 'text',
      position: 'middle',
      message: '',
      loadingType: 'circular',
      selector: '#van-toast',
      style: {},
      className: '',
      children: '',
      zIndex: 0,
      id: ''
    }, d), props)),
    _useState4 = _slicedToArray(_useState3, 1),
    state = _useState4[0];
  var noop = function noop() {};
  return /*#__PURE__*/_jsx(View, {
    children: /*#__PURE__*/_jsx(VanTransition, {
      show: state.show,
      style: state.zIndex ? {
        zIndex: state.zIndex
      } : {},
      className: "van-toast__container",
      children: /*#__PURE__*/_jsxs(View, {
        id: "van-toast ".concat(state.id || ''),
        className: 'van-toast van-toast--' + (state.type === 'text' || state.type === 'html' ? 'text' : 'icon') + " van-toast--".concat(state.position, " ").concat(state.className),
        style: state.style,
        onTouchMove: noop,
        children: [state.type === 'text' ? /*#__PURE__*/_jsx(Text, {
          id: "van-toast__text",
          children: state.message
        }) : state.type === 'html' ? /*#__PURE__*/_jsx(RichText, {
          nodes: state.message
        }) : /*#__PURE__*/_jsxs(View, {
          className: "van-toast__box",
          children: [state.type === 'loading' ? /*#__PURE__*/_jsx(VanLoading, {
            color: "white",
            type: state.loadingType,
            className: "van-toast__loading"
          }) : /*#__PURE__*/_jsx(VanIcon, {
            className: "van-toast__icon",
            name: state.type
          }), state.message && /*#__PURE__*/_jsx(Text, {
            id: "van-toast__text",
            className: "van-toast__text",
            children: state.message
          })]
        }), state.children]
      })
    })
  });
}
export default Toast;