@cainiaofe/cn-ui-m
Version:
31 lines (30 loc) • 1.63 kB
JavaScript
import React from 'react';
import { CnDemoBlock, CnSelect, CnForm, CnFormField, formilyCore, CnDemoPage, } from "../../..";
var onFieldChange = formilyCore.onFieldChange;
var data = Array.from(new Array(20)).map(function (_, i) { return ({
label: "\u9009\u9879 ".concat(i),
value: i,
}); });
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: {
opt: 6,
opt3: 7,
},
effects: function () {
onFieldChange('*', function (fieldState) {
console.log(fieldState.path.toString(), fieldState.value);
});
},
} },
React.createElement(CnFormField, { title: "\u4E0B\u62C9\u6807\u9898", name: "opt" },
React.createElement(CnSelect, { dataSource: data })),
React.createElement(CnFormField, { title: "\u7A7A\u503C", name: "opt2" },
React.createElement(CnSelect, { dataSource: data })),
React.createElement(CnFormField, { title: "\u53EA\u8BFB", name: "opt3", readOnly: true },
React.createElement(CnSelect, { dataSource: data }))))));
};
表单中使用.desc = '在表单中，表单项的 label 会自动映射为下拉抽屉的标题。';
export default { title: 'demo/CnSelect' };