@antmjs/vantui/lib/button/demo/demo1.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Demo;
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
var _components = require("@tarojs/components");
var _vantui = require("@antmjs/vantui");
var _jsxRuntime = require("react/jsx-runtime");
/* eslint-disable */

_vantui.Button.config({
  asyncLoading: true // click异步事件触发loading状态手动开启
});

function Demo() {
  // 点击事件返回Promise，即可让按钮自带loading状态
  var handle = /*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
      return _regenerator.default.wrap(function _callee$(_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            _context.next = 2;
            return timeout();
          case 2:
          case "end":
            return _context.stop();
        }
      }, _callee);
    }));
    return function handle() {
      return _ref.apply(this, arguments);
    };
  }();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "default",
      children: "\u9ED8\u8BA4\u6309\u94AE"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "primary",
      children: "\u4E3B\u8981\u6309\u94AE"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "info",
      children: "\u4FE1\u606F\u6309\u94AE"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "warning",
      children: "\u8B66\u544A\u6309\u94AE"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "danger",
      children: "\u5371\u9669\u6309\u94AE"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.View, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "info",
      onClick: handle,
      loadingText: "\u63D0\u4EA4\u4E2D...",
      children: "\u786E\u8BA4\u63D0\u4EA4"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "primary",
      onClick: handle,
      loadingMode: "toast",
      loadingText: "\u63D0\u4EA4\u4E2D...",
      loadingType: "spinner",
      children: "\u786E\u8BA4\u63D0\u4EA4"
    })]
  });
}
function timeout() {
  return new Promise(function (resolve) {
    setTimeout(function () {
      resolve(1);
    }, 3000);
  });
}