@cainiaofe/cn-ui-m
Version:
37 lines (36 loc) • 2.04 kB
JavaScript
import * as React from 'react';
import { CnCheckboxGroup, CnDemoBlock, CnDemoPage, CnForm, CnFormField, formilyCore, } from "../../..";
var onFieldChange = formilyCore.onFieldChange;
export var 表单中使用 = function () {
return (React.createElement(CnDemoPage, { title: "\u8868\u5355\u4E2D\u4F7F\u7528" },
React.createElement(CnDemoBlock, { title: "\u8868\u5355\u4E2D\u4F7F\u7528" },
React.createElement(CnForm, { formProps: {
values: {
gentle2: 1,
},
effects: function () {
onFieldChange('*', function (fieldState) {
console.log(fieldState.path.toString(), fieldState.value);
});
},
} },
React.createElement(CnFormField, { title: "\u8F93\u5165", name: "gentle" },
React.createElement(CnCheckboxGroup, { dataSource: [
{ label: '男', value: 1 },
{ label: '女', value: 0 },
{ label: '我不确定', value: 2 },
] })),
React.createElement(CnFormField, { title: "\u53EA\u8BFB\u5C55\u793A", name: "gentle2", readOnly: true },
React.createElement(CnCheckboxGroup, { dataSource: [
{ label: '男', value: 1 },
{ label: '女', value: 0 },
{ label: '我不确定', value: 2 },
] })),
React.createElement(CnFormField, { title: "\u7A7A\u503C\u5C55\u793A", name: "gentle3", readOnly: true },
React.createElement(CnCheckboxGroup, { dataSource: [
{ label: '男', value: 1 },
{ label: '女', value: 0 },
{ label: '我不确定', value: 2 },
] }))))));
};
export default { title: 'demo/CnCheckbox' };