UNPKG

@cainiaofe/cn-ui-m

Version:
72 lines (71 loc) 3.07 kB
import React from 'react'; import { CnDemoBlock, CnDemoPage, CnEmployeeSelect, CnForm, CnFormField, formilyCore, } from "../../.."; var onFieldChange = formilyCore.onFieldChange; var data = [ { workNo: '132681', nickName: '史霞', ssname: '林勇', department: '部门信息部门信息部门信息部门信息部门信息', dingding: '650000200005243974', buMail: 'j.ywnvcig@pcqkoelbb.中国互联.网络', personalPhotoUrl: 'https://img.alicdn.com/tfs/TB1e0Uhv8jTBKNjSZFuXXb0HFXa-512-512.png', workStatus: true, isManager: '0', }, { workNo: '187556', nickName: '钱涛', name: '任艳', department: '部门信息部门信息部门信息', dingding: '360000200512271882', buMail: 'q.lqhc@vmycmd.bs', personalPhotoUrl: 'https://img.alicdn.com/tfs/TB1e0Uhv8jTBKNjSZFuXXb0HFXa-512-512.png', workStatus: true, isManager: '0', }, { workNo: '142938', nickName: '龙敏', name: '郝勇', department: '部门信息部门信息部门信息部门信息部门信息', dingding: '630000201910136168', buMail: 'b.jyhirrguw@ldxygxbn.ne', personalPhotoUrl: 'https://img.alicdn.com/tfs/TB1e0Uhv8jTBKNjSZFuXXb0HFXa-512-512.png', workStatus: true, isManager: '0', }, { workNo: '120680', nickName: '廖娟', name: '邹洋', department: '部门信息部门信息部门信息部门信息部门信息', dingding: '350000198101097750', buMail: 'o.zcaspqakg@rkxmvwku.cf', personalPhotoUrl: 'https://img.alicdn.com/tfs/TB1e0Uhv8jTBKNjSZFuXXb0HFXa-512-512.png', workStatus: true, isManager: '0', }, ]; 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: '142938', opt3: '120680', }, effects: function () { onFieldChange('*', function (fieldState) { console.log(fieldState.path.toString(), fieldState.value); }); }, } }, React.createElement(CnFormField, { title: "\u9009\u62E9\u5458\u5DE5", name: "opt" }, React.createElement(CnEmployeeSelect, { dataSource: data })), React.createElement(CnFormField, { title: "\u7A7A\u503C", name: "opt2" }, React.createElement(CnEmployeeSelect, { dataSource: data })), React.createElement(CnFormField, { title: "\u53EA\u8BFB", name: "opt3", readOnly: true }, React.createElement(CnEmployeeSelect, { dataSource: data })))))); }; export default { title: 'demo/CnEmployeeSelect' };