@cainiaofe/cn-ui-m
Version:
30 lines (29 loc) • 1.5 kB
JavaScript
import React from 'react';
import { CnAsyncSelect, CnForm, CnFormField, formilyCore, CnDemoPage, CnCard, } 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(CnCard, null,
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(CnAsyncSelect, { dataSource: data })),
React.createElement(CnFormField, { title: "\u7A7A\u503C", name: "opt2" },
React.createElement(CnAsyncSelect, { dataSource: data })),
React.createElement(CnFormField, { title: "\u53EA\u8BFB", name: "opt3", readOnly: true },
React.createElement(CnAsyncSelect, { dataSource: data }))))));
};
export default { title: 'demo/CnAsyncSelect' };