输入框参数选定

Input

{
    label: '姓名',
    name: 'username',
    value: state.username,
    placeholder: '请输入姓名',
    type: 'Input',
    onChange: (e) => {
    dispatch({
        type: `change_${e.target.name}`,
        data: e.target.value,
        key: e.target.name,
    })
    },
},

InputNumber

{
    label: '工资',
    name: 'salary',
    value: state.salary,
    placeholder: '请输入工资',
    type: 'InputNumber',  
    onChange: (e) => {
    dispatch({
        type: `change_salary`,
        data: e,
        key: 'salary',
    })
    },
        
    // step: '0.01',
    
    // 带标签的 input，设置前置标签 (string)
    // addonBefore  
        
    // 带标签的 input，设置后置标签 (string)
    // addonAfter
        
    // formatter: (value) => console.log(value),
    // parser: (value) => value + '%',
        
    // 最小值 (string)    
    // min
    // 最大值 (string)
    // max   
},

Select

{
    label: '性别',
    name: 'gender',
    value: state.gender,
    placeholder: '请选择性别',
    type: 'Select',
    options: [
    { value: 0, label: '男' },
    { value: 1, label: '女' },
    ],
    onChange: (e) => {
        dispatch({ type: `change_gender`, data: e, key: 'gender' })
    },
},

Radio

{
    label: '运动',
    name: 'sport',
    value: state.sport,
    placeholder: '',
    type: 'Radio',
    options: [
    { value: 0, label: '篮球' },
    { value: 1, label: '足球' },
    { value: 2, label: '乒乓球' },
    { value: 3, label: '排球' },
    ],
    onChange: (e) => {
    dispatch({
        type: `change_${e.target.name}`,
        data: e.target.value,
        key: e.target.name,
    })
    },
},

CheckboxGroup

{
    label: '水果',
    name: 'fruits',
    value: state.fruits,
    placeholder: '',
    type: 'CheckboxGroup',
    options: [
    { label: 'Apple', value: 'Apple' },
    { label: 'Pear', value: 'Pear' },
    { label: 'Orange', value: 'Orange' },
    ],
    onChange: (selectList) => {
        dispatch({ type: `change_fruits`, data: selectList, key: 'fruits' })
    },
},

DatePicker

{
    label: '选择时间',
    name: 'time',
    value: state.time,
    placeholder: '请选择时间',
    type: 'DatePicker',
    // 时间发生变化的回调 function(date: moment, dateString: string)
    onChange: (data, dateString) => {
        dispatch({ type: `change_time`, data: data, key: 'time' })
    },
    // 输入框大小 large | middle | small (string | middle)
    // size    
    
    // 是否显示清除按钮 (boolean | false) 
    // allowClear     
        
    // 设置输入框为只读（避免在移动设备上打开虚拟键盘）(boolean | true) 
    // inputReadOnly
        
    // 增加时间选择功能(boolean | false)
    // showTime: 
        
    // 当设定了 showTime 的时候，面板是否显示“此刻”按钮(boolean | false) 
    // showNow    
    
    // 显示今天(boolean | false)    
    // showToday
        
    // 设置选择器类型   date | week | month | quarter | year (string | 'date')
    // picker
        
    // 自定义日期单元格的内容 function(currentDate: moment, today: moment)=> React.ReactNode
    // dateRender    
        
    // 点击确定回调 function()
    // onOk
        
    // 弹出日历和关闭日历的回调 function(open)
    // onOpenChange
        
    // 日历面板切换的回调 function(value, mode)
    // onPanelChange
},

RangePicker

{
    label: '选择时间',
    name: 'time2',
    value: state.time2,
    placeholder: ['启始日期', '截止日期'],
    type: 'RangePicker',
    onChange: (data, dateString) => {
        dispatch({ type: `change_time2`, data: data, key: 'time2' })
    },
    // 输入框大小 large | middle | small (string | middle)
    // size    
        
    // 是否显示清除按钮  默认true
    // allowClear={item.allowClear || true}    
      
    // 设置输入框为只读（避免在移动设备上打开虚拟键盘）(boolean | true) 
    // inputReadOnly
        
    // 允许起始项部分为空 [boolean, boolean] | [false, false]
    // allowEmpty  
        
    // 增加时间选择功能(boolean | false)
    // showTime: 
        
    // 当设定了 showTime 的时候，面板是否显示“此刻”按钮(boolean | false) 
    // showNow    
    
    // 显示今天(boolean | false)    
    // showToday
        
    // 设置选择器类型   date | week | month | quarter | year (string | 'date')
    // picker
        
    // 自定义日期单元格的内容 function(currentDate: moment, today: moment)=> React.ReactNode
    // dateRender    
        
    // 点击确定回调 function(selectList:[moment? moment : null ,moment? moment : null])
    // onOk
        
    // 弹出日历和关闭日历的回调 function(open)
    // onOpenChange
        
    // 日历面板切换的回调 function(value, mode)
    // onPanelChange
},