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

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

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
/* eslint-disable */
import react from 'react';
import { Input, View } from '@tarojs/components';
import { Dialog, Cell } from '@antmjs/vantui';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var Dialog_ = Dialog.createOnlyDialog();
export default function Demo() {
  var _react$useState = react.useState(''),
    _react$useState2 = _slicedToArray(_react$useState, 2),
    value = _react$useState2[0],
    setValue = _react$useState2[1];
  var alert = react.useCallback(function (title) {
    Dialog_.alert({
      title: title || '',
      message: '弹窗内容'
    }).then(function (value) {
      console.log('dialog result', value);
    });
  }, []);
  var confirm = react.useCallback(function () {
    Dialog_.confirm({
      title: '标题',
      message: /*#__PURE__*/_jsx(Input, {
        placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
        value: value,
        onInput: function onInput(e) {
          return setValue(e.detail.value);
        }
      })
    }).then(function (value) {
      console.log('dialog result', value);
    });
  }, [value]);
  return /*#__PURE__*/_jsxs(View, {
    children: [/*#__PURE__*/_jsx(Dialog_, {}), /*#__PURE__*/_jsx(Cell, {
      title: "\u63D0\u793A\u5F39\u7A97",
      onClick: function onClick() {
        return alert('提示一下');
      }
    }), /*#__PURE__*/_jsx(Cell, {
      title: "\u63D0\u793A\u5F39\u7A97\uFF08\u65E0\u6807\u9898\uFF09",
      onClick: function onClick() {
        return alert('123');
      }
    }), /*#__PURE__*/_jsx(Cell, {
      title: "\u786E\u8BA4\u5F39\u7A97",
      onClick: confirm
    })]
  });
}