@cainiaofe/cn-ui-m
Version:
29 lines (28 loc) • 1.66 kB
JavaScript
import * as React from 'react';
import { CnButton, CnDemoBlock, CnDemoPage, CnFormField, CnInput, CnInputTextArea, cnQuickDialogForm, } from "../../..";
export var 基本 = function () {
return (React.createElement(CnDemoPage, { title: "\u5F39\u7A97\u8868\u5355" },
React.createElement(CnDemoBlock, { title: "\u57FA\u7840\u4F7F\u7528" },
React.createElement(CnButton, { onClick: function () {
cnQuickDialogForm('测试', function () { return (React.createElement(React.Fragment, null,
React.createElement(CnFormField, { name: "name", title: "\u540D\u5B57" },
React.createElement(CnInput, null)),
React.createElement(CnFormField, { name: "address", title: "\u5730\u5740" },
React.createElement(CnInputTextArea, null)))); })
.forConfirm(function (form, next) {
// 此处可用于定制提交后触发钩子
console.log(form.values);
// 模拟接口请求耗时 3s
setTimeout(function () {
// 用于执行下一个 forConfirm 中间件，如无下一个中间件则关闭弹窗
next();
}, 3000);
})
.open({
initialValues: {
string: 'example',
},
});
} }, "\u6253\u5F00\u5F39\u7A97\u8868\u5355"))));
};
export default { title: 'demo/CnQuickDialogForm' };