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

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Demo;
var _components = require("@tarojs/components");
var _vantui = require("@antmjs/vantui");
var _jsxRuntime = require("react/jsx-runtime");
function Demo() {
  var show = function show() {
    _vantui.Toast.loading({
      duration: 0,
      // 持续展示 toast
      message: '倒计时 3 秒',
      selector: '#customSelector',
      mask: true
    });
    var second = 3;
    var timer = setInterval(function () {
      second--;
      if (second) {
        _vantui.Toast.loading({
          message: "\u5012\u8BA1\u65F6 ".concat(second, " \u79D2"),
          mask: true
        });
      } else {
        clearInterval(timer);
        _vantui.Toast.clear();
      }
    }, 1000);
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "info",
      onClick: show,
      children: "\u52A8\u6001\u63D0\u793A"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Toast, {
      id: "customSelector"
    })]
  });
}