@jay.kou/rak-ssr
Version:
A react based UI components for admin system
81 lines (80 loc) • 2.75 kB
JavaScript
import { ProForm, SchemaForm } from "../../..";
/**
* ProForm 内嵌 SchemaForm 的 innerRef 测试
* 验证 fieldProps 函数中 innerRef 的取值和赋值功能
*
*/
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var Demo = function Demo() {
return /*#__PURE__*/_jsx("div", {
children: /*#__PURE__*/_jsxs(ProForm, {
children: [/*#__PURE__*/_jsx(SchemaForm, {
embed: true,
valueBaseName: "userInfo",
columns: [{
title: 'User',
dataIndex: 'userId',
valueType: 'select',
fieldProps: function fieldProps(form, innerRef) {
return {
open: true,
options: [{
'data-testid': 'user1',
label: '员工1',
value: 'user1',
userCode: 'c01',
deptName: '部门A',
deptId: '1'
}, {
'data-testid': 'user2',
label: '员工2',
value: 'user2',
userCode: 'c02',
deptName: '部门B',
deptId: '2'
}],
onChange: function onChange(val, option) {
if (val) {
var _innerRef$current;
(_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 || _innerRef$current.setData({
deptId: option.deptId
});
} else {
var _innerRef$current2;
(_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 || _innerRef$current2.setData({
deptId: undefined
});
}
form === null || form === void 0 || form.setFieldsValue({
deptName: option.deptName
});
}
};
}
}]
}), /*#__PURE__*/_jsx("div", {
children: /*#__PURE__*/_jsx(SchemaForm, {
embed: true,
columns: [{
valueType: 'dependency',
name: [['userInfo', 'userId']],
columns: function columns() {
return [{
title: '部门',
dataIndex: 'deptName',
fieldProps: function fieldProps(form, innerRef) {
var _innerRef$current3;
return {
disabled: ((_innerRef$current3 = innerRef.current) === null || _innerRef$current3 === void 0 ? void 0 : _innerRef$current3.data.deptId) === '1'
};
}
}];
}
}]
})
})]
})
});
};
export default Demo;