@jay.kou/rak-ssr/lib/ModalForm/cases/basic/index.js

A react based UI components for admin system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _ = require("../../..");
var _jsxRuntime = require("react/jsx-runtime");
var Basic = function Basic() {
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    open = _useState2[0],
    setOpen = _useState2[1];
  var container = (0, _react.useRef)(null);
  var onFinish = function onFinish(values) {
    console.log({
      values: values
    });
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      style: {
        textAlign: 'start'
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
        "data-testid": "open",
        type: "primary",
        onClick: function onClick() {
          return setOpen(true);
        },
        children: "open"
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      ref: container,
      "data-testid": "dialog"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ModalForm, {
      getContainer: function getContainer() {
        return container.current;
      },
      okButtonProps: (0, _defineProperty2.default)({}, 'data-testid', 'ok'),
      title: '基本表单',
      open: open,
      onCancel: function onCancel() {
        return setOpen(false);
      },
      onFinish: onFinish,
      columns: [{
        title: '用户名',
        dataIndex: 'username',
        required: true
      }, {
        title: '电话',
        dataIndex: 'phone'
      }]
    })]
  });
};
var _default = exports.default = Basic;