2019-01-12 03:33:27 +00:00
|
|
|
import * as moment from 'moment';
|
2018-03-19 15:05:49 +00:00
|
|
|
// import { TimePickerProps } from '../time-picker'
|
2019-01-12 03:33:27 +00:00
|
|
|
import PropTypes from '../_util/vue-types';
|
2018-03-16 03:19:02 +00:00
|
|
|
|
|
|
|
export const MomentType = {
|
|
|
|
type: Object,
|
2020-03-18 06:52:02 +00:00
|
|
|
validator(value) {
|
2019-01-12 03:33:27 +00:00
|
|
|
return value === undefined || moment.isMoment(value);
|
2018-03-16 03:19:02 +00:00
|
|
|
},
|
2019-01-12 03:33:27 +00:00
|
|
|
};
|
2018-03-16 03:19:02 +00:00
|
|
|
|
|
|
|
export const PickerProps = () => ({
|
2020-03-07 11:45:13 +00:00
|
|
|
name: PropTypes.string,
|
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,
|
2019-01-02 12:20:02 +00:00
|
|
|
format: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
|
2018-03-17 13:38:29 +00:00
|
|
|
disabled: PropTypes.bool,
|
|
|
|
allowClear: PropTypes.bool,
|
2018-12-08 08:47:05 +00:00
|
|
|
suffixIcon: PropTypes.any,
|
2018-03-16 03:19:02 +00:00
|
|
|
popupStyle: PropTypes.object,
|
2018-04-07 06:29:59 +00:00
|
|
|
dropdownClassName: PropTypes.string,
|
2018-03-16 03:19:02 +00:00
|
|
|
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,
|
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-06-09 03:46:03 +00:00
|
|
|
autoFocus: PropTypes.bool,
|
2018-09-05 13:28:54 +00:00
|
|
|
tagPrefixCls: PropTypes.string,
|
2018-12-13 13:26:21 +00:00
|
|
|
tabIndex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
2020-04-17 09:26:32 +00:00
|
|
|
align: PropTypes.object.def(() => ({})),
|
2020-04-26 08:37:15 +00:00
|
|
|
inputReadOnly: PropTypes.bool,
|
2019-01-12 03:33:27 +00:00
|
|
|
});
|
2018-03-16 03:19:02 +00:00
|
|
|
|
|
|
|
export const SinglePickerProps = () => ({
|
|
|
|
value: MomentType,
|
|
|
|
defaultValue: MomentType,
|
|
|
|
defaultPickerValue: MomentType,
|
2020-03-07 11:45:13 +00:00
|
|
|
renderExtraFooter: PropTypes.any,
|
|
|
|
placeholder: PropTypes.string,
|
2018-03-16 03:19:02 +00:00
|
|
|
// onChange?: (date: moment.Moment, dateString: string) => void;
|
2019-01-12 03:33:27 +00:00
|
|
|
});
|
2018-03-16 03:19:02 +00:00
|
|
|
|
|
|
|
export const DatePickerProps = () => ({
|
2019-01-12 03:33:27 +00:00
|
|
|
...PickerProps(),
|
|
|
|
...SinglePickerProps(),
|
2018-03-18 14:05:55 +00:00
|
|
|
showTime: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
|
2018-03-16 03:19:02 +00:00
|
|
|
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;
|
2019-04-20 04:34:24 +00:00
|
|
|
mode: PropTypes.oneOf(['time', 'date', 'month', 'year']),
|
2019-01-12 03:33:27 +00:00
|
|
|
});
|
2018-03-16 03:19:02 +00:00
|
|
|
|
|
|
|
export const MonthPickerProps = () => ({
|
2019-01-12 03:33:27 +00:00
|
|
|
...PickerProps(),
|
|
|
|
...SinglePickerProps(),
|
2018-03-16 03:19:02 +00:00
|
|
|
placeholder: PropTypes.string,
|
2018-03-17 13:38:29 +00:00
|
|
|
monthCellContentRender: PropTypes.func,
|
2019-01-12 03:33:27 +00:00
|
|
|
});
|
|
|
|
function isMomentArray(value) {
|
2018-03-18 14:05:55 +00:00
|
|
|
if (Array.isArray(value)) {
|
2019-01-12 03:33:27 +00:00
|
|
|
return (
|
|
|
|
value.length === 0 || value.findIndex(val => val === undefined || moment.isMoment(val)) !== -1
|
|
|
|
);
|
2018-03-18 14:05:55 +00:00
|
|
|
}
|
2019-01-12 03:33:27 +00:00
|
|
|
return false;
|
2018-03-18 14:05:55 +00:00
|
|
|
}
|
2018-03-16 03:19:02 +00:00
|
|
|
|
2019-01-12 03:33:27 +00:00
|
|
|
export const RangePickerValue = PropTypes.custom(isMomentArray);
|
2018-03-18 14:05:55 +00:00
|
|
|
// export const RangePickerPresetRange = PropTypes.oneOfType([RangePickerValue, PropTypes.func])
|
2018-03-16 03:19:02 +00:00
|
|
|
|
|
|
|
export const RangePickerProps = () => ({
|
|
|
|
...PickerProps(),
|
2020-03-07 11:45:13 +00:00
|
|
|
tagPrefixCls: PropTypes.string,
|
2018-03-16 03:19:02 +00:00
|
|
|
value: RangePickerValue,
|
|
|
|
defaultValue: RangePickerValue,
|
|
|
|
defaultPickerValue: RangePickerValue,
|
2020-03-07 11:45:13 +00:00
|
|
|
timePicker: PropTypes.any,
|
2018-03-16 03:19:02 +00:00
|
|
|
// onChange?: (dates: RangePickerValue, dateStrings: [string, string]) => void;
|
|
|
|
// onCalendarChange?: (dates: RangePickerValue, dateStrings: [string, string]) => void;
|
|
|
|
// onOk?: (selectedTime: moment.Moment) => void;
|
2018-03-18 14:05:55 +00:00
|
|
|
showTime: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
|
2018-03-19 15:05:49 +00:00
|
|
|
ranges: PropTypes.object,
|
2018-03-17 13:38:29 +00:00
|
|
|
placeholder: PropTypes.arrayOf(String),
|
|
|
|
mode: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(String)]),
|
2020-03-07 11:45:13 +00:00
|
|
|
separator: PropTypes.any,
|
2018-03-16 03:19:02 +00:00
|
|
|
disabledTime: PropTypes.func,
|
2018-03-17 13:38:29 +00:00
|
|
|
showToday: PropTypes.bool,
|
2020-03-07 11:45:13 +00:00
|
|
|
renderExtraFooter: PropTypes.any,
|
2018-03-16 03:19:02 +00:00
|
|
|
// onPanelChange?: (value?: RangePickerValue, mode?: string | string[]) => void;
|
2019-01-12 03:33:27 +00:00
|
|
|
});
|
2018-03-16 03:19:02 +00:00
|
|
|
|
2018-04-07 06:29:59 +00:00
|
|
|
export const WeekPickerProps = () => ({
|
2019-01-12 03:33:27 +00:00
|
|
|
...PickerProps(),
|
|
|
|
...SinglePickerProps(),
|
2018-03-16 03:19:02 +00:00
|
|
|
placeholder: PropTypes.string,
|
2019-01-12 03:33:27 +00:00
|
|
|
});
|
2018-03-16 03:19:02 +00:00
|
|
|
|
|
|
|
// export interface DatePickerDecorator extends React.ClassicComponentClass<DatePickerProps> {
|
|
|
|
// RangePicker: React.ClassicComponentClass<RangePickerProps>;
|
|
|
|
// MonthPicker: React.ClassicComponentClass<MonthPickerProps>;
|
|
|
|
// WeekPicker: React.ClassicComponentClass<WeexPickerProps>;
|
|
|
|
// }
|