ant-design-vue/components/date-picker/interface.js

88 lines
3.1 KiB
JavaScript
Raw Normal View History

2018-03-16 03:19:02 +00:00
import * as moment from 'moment'
import { TimePickerProps } from '../time-picker'
import PropTypes from '../_util/vue-types'
export const MomentType = {
type: Object,
validator: function (value) {
2018-03-17 13:38:29 +00:00
return value === undefined || moment.isMoment(value)
2018-03-16 03:19:02 +00:00
},
}
export const PickerProps = () => ({
2018-03-17 13:38:29 +00:00
transitionName: PropTypes.string,
2018-03-16 03:19:02 +00:00
prefixCls: PropTypes.string,
inputPrefixCls: PropTypes.string,
format: PropTypes.string,
2018-03-17 13:38:29 +00:00
disabled: PropTypes.bool,
allowClear: PropTypes.bool,
2018-03-16 03:19:02 +00:00
popupStyle: PropTypes.object,
locale: PropTypes.any,
2018-03-17 13:38:29 +00:00
localeCode: PropTypes.string,
2018-03-16 03:19:02 +00:00
size: PropTypes.oneOf(['large', 'small', 'default']),
getCalendarContainer: PropTypes.func,
2018-03-17 13:38:29 +00:00
open: PropTypes.bool,
// onOpenChange: PropTypes.(status: bool) => void,
2018-03-16 03:19:02 +00:00
disabledDate: PropTypes.func,
renderExtraFooter: PropTypes.any,
2018-03-17 13:38:29 +00:00
showToday: PropTypes.bool,
2018-03-16 03:19:02 +00:00
dateRender: PropTypes.any, // (current: moment.Moment, today: moment.Moment) => React.ReactNode,
2018-03-17 13:38:29 +00:00
pickerClass: PropTypes.string,
pickerInputClass: PropTypes.string,
timePicker: PropTypes.any,
2018-03-16 03:19:02 +00:00
})
export const SinglePickerProps = () => ({
value: MomentType,
defaultValue: MomentType,
defaultPickerValue: MomentType,
// onChange?: (date: moment.Moment, dateString: string) => void;
})
export const DatePickerProps = () => ({
...PickerProps(), ...SinglePickerProps(),
showTime: PropTypes.oneOfType([PropTypes.shape(TimePickerProps()).loose, PropTypes.bool]),
open: PropTypes.bool,
disabledTime: PropTypes.func,
2018-03-17 13:38:29 +00:00
// onOpenChange?: (status: bool) => void;
2018-03-16 03:19:02 +00:00
// onOk?: (selectedTime: moment.Moment) => void;
placeholder: PropTypes.string,
})
export const MonthPickerProps = () => ({
...PickerProps(), ...SinglePickerProps(),
placeholder: PropTypes.string,
2018-03-17 13:38:29 +00:00
monthCellContentRender: PropTypes.func,
2018-03-16 03:19:02 +00:00
})
2018-03-17 13:38:29 +00:00
export const RangePickerValue = PropTypes.arrayOf(MomentType)
2018-03-16 03:19:02 +00:00
export const RangePickerPresetRange = PropTypes.oneOfType([RangePickerValue, PropTypes.func])
export const RangePickerProps = () => ({
...PickerProps(),
value: RangePickerValue,
defaultValue: RangePickerValue,
defaultPickerValue: RangePickerValue,
// onChange?: (dates: RangePickerValue, dateStrings: [string, string]) => void;
// onCalendarChange?: (dates: RangePickerValue, dateStrings: [string, string]) => void;
// onOk?: (selectedTime: moment.Moment) => void;
showTime: PropTypes.oneOfType([PropTypes.shape(TimePickerProps()).loose, PropTypes.bool]),
ranges: PropTypes.objectOf(String),
2018-03-17 13:38:29 +00:00
placeholder: PropTypes.arrayOf(String),
mode: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(String)]),
2018-03-16 03:19:02 +00:00
disabledTime: PropTypes.func,
2018-03-17 13:38:29 +00:00
showToday: PropTypes.bool,
2018-03-16 03:19:02 +00:00
// onPanelChange?: (value?: RangePickerValue, mode?: string | string[]) => void;
})
export const WeexPickerProps = () => ({
...PickerProps(), ...SinglePickerProps(),
placeholder: PropTypes.string,
})
// export interface DatePickerDecorator extends React.ClassicComponentClass<DatePickerProps> {
// RangePicker: React.ClassicComponentClass<RangePickerProps>;
// MonthPicker: React.ClassicComponentClass<MonthPickerProps>;
// WeekPicker: React.ClassicComponentClass<WeexPickerProps>;
// }