@jay.kou/rak-ssr
Version:
A react based UI components for admin system
60 lines (59 loc) • 2.04 kB
JavaScript
;
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(_ref) {
var _ref$confirmOnClose = _ref.confirmOnClose,
confirmOnClose = _ref$confirmOnClose === void 0 ? true : _ref$confirmOnClose;
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, {
confirmOnClose: confirmOnClose,
innerRef: innerRef,
getContainer: function getContainer() {
return container.current;
},
okButtonProps: (0, _defineProperty2.default)({}, 'data-testid', 'ok'),
cancelButtonProps: (0, _defineProperty2.default)({}, 'data-testid', 'cancel'),
title: '基本表单',
onFinish: onFinish,
columns: [{
title: '用户名',
dataIndex: 'username',
required: true
}, {
title: '电话',
dataIndex: 'phone'
}]
})]
});
};
var _default = exports.default = Demo;