@jay.kou/rak-ssr/lib/ModalForm/cases/inner-ref-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 _react = require("react");
var _ = require("../../..");
var _jsxRuntime = require("react/jsx-runtime");
var Demo = function Demo() {
  var innerRef = (0, _react.useRef)();
  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() {
          var _innerRef$current;
          return (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.openModal();
        },
        children: "open"
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      ref: container,
      "data-testid": "dialog"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ModalForm, {
      innerRef: innerRef,
      getContainer: function getContainer() {
        return container.current;
      },
      okButtonProps: (0, _defineProperty2.default)({}, 'data-testid', 'ok'),
      title: '基本表单',
      onFinish: onFinish,
      columns: [{
        title: '用户名',
        dataIndex: 'username',
        required: true
      }, {
        title: '电话',
        dataIndex: 'phone'
      }]
    })]
  });
};
var _default = exports.default = Demo;