1.0.0-a.8 • Published 3 years ago
@riil-frontend/component-periodic-configurator v1.0.0-a.8
时间周期配置器
periodic-configurator
时间周期配置器
注意 日期选择中的最后一天，表单值为31。由使用者按月份判定具体日期
API default.PeriodicConfigurator
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
| defaultValue | 表单初始化默认值 | - | object | - | |
| formPorps | form 表单属性透传 | - | object | {labelCol: { span: 10,}, wrapperCol: {span: 14,},fullWidth: true,} | |
| isRange | 时间选择器是选择时间段还是时间点 | - | boolean | true | |
| timerProps | 时间选择组件属性透传 | - | object | {format: 'HH:mm',} | |
| submitItems | 用于表单提交的 FormItem 组件，外部传入 | - | ()=>React.ReactElement | - | |
| fieldOpt | new Field(this,fieldOpt) 您可以在这里自定义 onChange 等属性 | - | 参考 next-Field 组件 option 配置项说明 | - | |
| formItemProps | 每个表单项的 formItem 属性透传，您可以在这里创建自定义校验规则等,exp:{periodic:{label:'cus',required:false},week:{label:'cus',required:false}} | - | object 参考 next-Form.Item | - | |
| rangePickerProps | 开始/结束 选择组件属性透 | - | object | - | 参考next RangePicker 组件 |
| datePickerProps | 开始日期 选择组件属性透 | - | object | - | 参考next DatePicker 组件 |
| selectProps | select属性透 | - | object | - | 参考next Select 组件 |
表单项说明
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
| periodic | 周期模式 | - | 'none', 'once', 'everyDay' ,'weekly','monthly' ,'everyYear' , 'custom' | - | |
| startTime | 开始日期 | - | moment | - | |
| time | 时刻 | - | moment | - | |
| week | 周重复 | - | number 1-7 | - | |
| month | 月重复 | - | number 1-12 | - | |
| day | 日重复 | - | number 1-31 | - | |
| startEnd | 开始/结束 | - | moment,moment | - | |
| timeRange | 时间段 | - | moment,moment | - |
API default.Options 下拉项，表单字段等常量
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
| MODE_KEY | 周期模式关键字 | - | object | - | |
| PERIODIC_MODE | 周期模式下拉项 | - | object | - | |
| WEEK_OPT | 周选择下拉项 | - | object | - | |
| MONTH_OPT | 月选择下拉项 | - | object | - | |
| DAY_OPT | 日选择下拉项 | - | object | - | |
| FORM_NAMES | 周期选择表单字段 | - | object | - |