@antmjs/vantui/lib/dialog/demo/demo5.js

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

"use strict";

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

function Demo() {
  var beforeCloseResolve = _react.default.useRef();
  var alert = _react.default.useCallback(function (title) {
    var beforeClose = function beforeClose() {
      return new Promise(function (resolve) {
        // 微信小程序
        if (_taro.default.getEnv() === _taro.default.ENV_TYPE.WEAPP) {
          beforeCloseResolve.current = resolve;
        } else {
          resolve(true);
        }
      });
    };
    _vantui.Dialog.alert({
      title: title || '',
      message: '弹窗内容',
      theme: 'round-button',
      selector: 'vanDialog4',
      beforeClose: beforeClose,
      openType: 'getPhoneNumber',
      onGetPhoneNumber: function onGetPhoneNumber() {
        var _beforeCloseResolve$c;
        (_beforeCloseResolve$c = beforeCloseResolve.current) === null || _beforeCloseResolve$c === void 0 ? void 0 : _beforeCloseResolve$c.call(beforeCloseResolve, true);
      },
      asyncClose: true
    }).then(function (value) {
      console.log('dialog result11', value);
    });
  }, []);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Dialog, {
      id: "vanDialog4"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Cell, {
      title: "\u83B7\u53D6\u624B\u673A\u53F7",
      onClick: function onClick() {
        return alert('获取手机号');
      }
    })]
  });
}