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

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

/* eslint-disable */
import react from 'react';
import { View } from '@tarojs/components';
import { Dialog, Cell } from '@antmjs/vantui';
import Taro from '@tarojs/taro';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export default function Demo() {
  var beforeCloseResolve = react.useRef();
  var alert = react.useCallback(function (title) {
    var beforeClose = function beforeClose() {
      return new Promise(function (resolve) {
        // 微信小程序
        if (Taro.getEnv() === Taro.ENV_TYPE.WEAPP) {
          beforeCloseResolve.current = resolve;
        } else {
          resolve(true);
        }
      });
    };
    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__*/_jsxs(View, {
    children: [/*#__PURE__*/_jsx(Dialog, {
      id: "vanDialog4"
    }), /*#__PURE__*/_jsx(Cell, {
      title: "\u83B7\u53D6\u624B\u673A\u53F7",
      onClick: function onClick() {
        return alert('获取手机号');
      }
    })]
  });
}