@jay.kou/rak-ssr
Version:
A react based UI components for admin system
57 lines • 2.04 kB
JavaScript
import { useRef } from 'react';
import { Button, SchemaForm } from "../../..";
import { columns } from "./columns";
import { Space } from 'antd';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var ConventionSimple = function ConventionSimple() {
var formRef = useRef();
var onFinish = function onFinish(values) {
console.log({
values: values
});
var resultElement = document.querySelector('[data-testid="result"]');
if (resultElement) {
resultElement.textContent = JSON.stringify(values, null, 2);
}
};
return /*#__PURE__*/_jsxs("div", {
children: [/*#__PURE__*/_jsxs(Space, {
direction: "vertical",
style: {
marginBottom: '20px'
},
children: [/*#__PURE__*/_jsx(Button, {
onClick: function onClick() {
var _formRef$current;
return (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.resetFields();
},
children: "0. \u521D\u59CB\u72B6\u6001"
}), /*#__PURE__*/_jsx(Button, {
onClick: function onClick() {
var _formRef$current2;
return (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.setFieldsValue({
userId: '2',
userName: 'Jennifer'
});
},
children: "1. \u7EA6\u5B9A\u5F0F\u8D4B\u503C"
}), /*#__PURE__*/_jsx(Button, {
onClick: function onClick() {
var _formRef$current3;
return (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.submit();
},
children: "2. \u63D0\u4EA4"
})]
}), /*#__PURE__*/_jsx(SchemaForm, {
layout: "horizontal",
onFinish: onFinish,
formRef: formRef,
columns: columns,
autoFocusFirstInput: false
}), /*#__PURE__*/_jsx("div", {
"data-testid": "result"
})]
});
};
export default ConventionSimple;