@cainiaofe/cn-ui-m
Version:
27 lines (26 loc) • 1.66 kB
JavaScript
import React, { useState } from 'react';
import { CnDemoBlock, CnDemoPage, CnForm, CnFormField, CnNumberPicker, formilyCore, } from "../../..";
var onFieldChange = formilyCore.onFieldChange;
export var 表单中使用 = function () {
var _a = useState(50), value = _a[0], setValue = _a[1];
return (React.createElement(CnDemoPage, { title: "\u8868\u5355\u4E2D\u4F7F\u7528" },
React.createElement(CnDemoBlock, { title: "\u8868\u5355\u4E2D\u4F7F\u7528" },
React.createElement(CnForm, { formProps: {
values: {
gentle: 1,
gentle2: 1,
},
effects: function () {
onFieldChange('*', function (fieldState) {
console.log(fieldState.path.toString(), fieldState.value);
});
},
} },
React.createElement(CnFormField, { title: "\u8F93\u5165", name: "gentle" },
React.createElement(CnNumberPicker, { min: 0, max: 100, defaultValue: value })),
React.createElement(CnFormField, { title: "\u53EA\u8BFB\u5C55\u793A", name: "gentle2", readOnly: true },
React.createElement(CnNumberPicker, { min: 0, max: 100, disabled: true, value: value })),
React.createElement(CnFormField, { title: "\u7A7A\u503C\u5C55\u793A", name: "gentle3", readOnly: true },
React.createElement(CnNumberPicker, { min: 10, max: 100, value: value, onChange: function (v) { return setValue(v); } }))))));
};
export default { title: 'demo/CnNumberPicker' };