@antmjs/vantui/lib/toast/toast.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Toast = Toast;
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _components = require("@tarojs/components");
var _react = require("react");
var _index = _interopRequireDefault(require("../transition/index"));
var _index2 = _interopRequireDefault(require("../icon/index"));
var _index3 = _interopRequireDefault(require("../loading/index"));
var _defaultProps = require("../default-props");
var _jsxRuntime = require("react/jsx-runtime");
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) { (0, _defineProperty2.default)(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 VanOverlay from '../overlay/index'
function Toast(props) {
  var _useState = (0, _react.useState)((0, _defaultProps.get)().Toast),
    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
    d = _useState2[0];
  var _useState3 = (0, _react.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 = (0, _slicedToArray2.default)(_useState3, 1),
    state = _useState4[0];
  var noop = function noop() {};
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
      show: state.show,
      style: state.zIndex ? {
        zIndex: state.zIndex
      } : {},
      className: "van-toast__container",
      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.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__*/(0, _jsxRuntime.jsx)(_components.Text, {
          id: "van-toast__text",
          children: state.message
        }) : state.type === 'html' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RichText, {
          nodes: state.message
        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
          className: "van-toast__box",
          children: [state.type === 'loading' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.default, {
            color: "white",
            type: state.loadingType,
            className: "van-toast__loading"
          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
            className: "van-toast__icon",
            name: state.type
          }), state.message && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Text, {
            id: "van-toast__text",
            className: "van-toast__text",
            children: state.message
          })]
        }), state.children]
      })
    })
  });
}
var _default = Toast;
exports.default = _default;