@riil-frontend/component-periodic-configurator

时间周期配置器

Usage no npm install needed!

<script type="module">
  import riilFrontendComponentPeriodicConfigurator from 'https://cdn.skypack.dev/@riil-frontend/component-periodic-configurator';
</script>

README

时间周期配置器

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	-