@jay.kou/rak-ssr/lib/SchemaForm/cases/convention-initial-value-form/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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _antd = require("antd");
var _ = require("../../..");
var _DisplayComponent = _interopRequireDefault(require("../components/DisplayComponent"));
var _jsxRuntime = require("react/jsx-runtime");
/**
 * 演示约定式赋值
 * 使用 form
 */var Demo = function Demo() {
  var _Form$useForm = _antd.Form.useForm(),
    _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
    form = _Form$useForm2[0];

  // 表单提交处理
  var handleFormFinish = function handleFormFinish(values) {
    // 将结果显示到测试结果区域
    var resultElement = document.querySelector('[data-testid="form-submit-result"]');
    if (resultElement) {
      resultElement.textContent = JSON.stringify(values, null, 2);
    }
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
      direction: "vertical",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
        "data-testid": "set-fields-btn",
        onClick: function onClick() {
          form.setFieldsValue({
            id: '2',
            name: 'John'
          });
        },
        children: "\u8BBE\u7F6E\u5B57\u6BB5\u503C"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
        "data-testid": "reset-btn",
        onClick: function onClick() {
          return form.resetFields();
        },
        children: "\u91CD\u7F6E\u8868\u5355"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
        "data-testid": "submit-btn",
        onClick: function onClick() {
          return form.submit();
        },
        children: "\u63D0\u4EA4\u8868\u5355"
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SchemaForm, {
      form: form,
      onFinish: handleFormFinish,
      initialValues: {
        id: '1',
        name: 'Jennifer'
      },
      columns: [{
        title: '姓名',
        dataIndex: 'id,name',
        renderFormItem: function renderFormItem() {
          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DisplayComponent.default, {});
        }
      }]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      "data-testid": "form-submit-result"
    })]
  });
};
var _default = exports.default = Demo;