qt-public-ui
Version:
新设计规范下业务组件库
32 lines (22 loc) • 1.7 kB
Markdown
## CyclePicker
时间选择控件
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| useShortcuts | 左侧radio的快捷选区(为配置为展示全部) | [RADIO_STATUS](/#/ui/CyclePicker/#tab_status)[] | - |
| usePannels | 时间选择下拉框左侧的快捷选区 | Array<TipsTab \| TAB_STATUS> | - |
| formatTextFn | 自定义radio的文案 | function(option) | - |
| value | 当前时间组件的值 | [RADIO_STATUS](/#/ui/CyclePicker/#tab_status) \| [Range](/#/ui/CyclePicker/#range) | - |
| defaultValue | 默认时间组件的值 | [RADIO_STATUS](/#/ui/CyclePicker/#tab_status) \| [Range](/#/ui/CyclePicker/#range) | - |
| onChange | 当前时间组件的值发生改变时的回调 | function(value, status) | - |
| style | css 样式 | React.CSSProperties | - |
| styleType | 组建央样式类型(默认 | 无边框) | `default` \| `borderless` | default |
| disabledDate | 无法选择的日期 | `(date: Moment \| null) => boolean` | - |
| rangeMax | 动态最大范围配置,会和 disabledDate 叠加, 小于1不生效(针对于自定义时间,两个时间间隔不会超过rangeMax的值) | number | - |
| shortcutsOnly | 只显示快捷选区 | boolean | - |
| radioMax | radio的显示个数,多于radioMax的将会被隐藏在更多中 | number | - |
#### TAB_STATUS
radio tab 的状态:
`today` | `yesterday` | `recent7Day` | `recent15Day` | `recent15DayFromToday` | `recent7DayFromToday` | `recent30Day` | `recent30DayFromToday` | `recent24Hour` | `recent1Hour` | `recent60Day` | `recent60DayFromToday` | `recent90Day` | `recent90DayFromToday`|`thisWeek`|`lastWeek`|`thisMonth`|`lastMonth`
#### Range
时间类型:
`[Moment, Moment]`