@jay.kou/rak-ssr
Version:
A react based UI components for admin system
73 lines (71 loc) • 2.42 kB
JavaScript
;
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 _SimpleComponent = _interopRequireDefault(require("../components/SimpleComponent"));
var _jsxRuntime = require("react/jsx-runtime");
/**
* 确保基础 initialValue 功能可用
*/var Demo = function Demo() {
// 使用原生 Form 实例
var _Form$useForm = _antd.Form.useForm(),
_Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
form = _Form$useForm2[0];
/**
* 表单提交处理
* @param values 表单值
*/
var handleFormFinish = function handleFormFinish(values) {
var resultElement = document.querySelector('[data-testid="form-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-value-btn",
onClick: function onClick() {
form.setFieldsValue({
id: '2'
});
},
children: "\u8BBE\u7F6E\u503C"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
"data-testid": "reset-btn",
onClick: function onClick() {
return form.resetFields();
},
children: "\u91CD\u7F6E"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
"data-testid": "submit-btn",
onClick: function onClick() {
return form.submit();
},
children: "\u63D0\u4EA4"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SchemaForm, {
form: form,
onFinish: handleFormFinish,
initialValues: {
id: '1'
},
columns: [{
title: '姓名',
dataIndex: 'id',
renderFormItem: function renderFormItem() {
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SimpleComponent.default, {});
}
}]
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
"data-testid": "form-result"
})]
});
};
var _default = exports.default = Demo;