iep-ui/es/date-picker/index.js

An enterprise-class UI design language and Vue-based implementation

import _extends from 'babel-runtime/helpers/extends';
import VcCalendar from '../vc-calendar';
import MonthCalendar from '../vc-calendar/src/MonthCalendar';
import YearCalendar from '../vc-calendar/src/YearCalendar';
import QuarterCalendar from '../vc-calendar/src/QuarterCalendar';
import createPicker from './createPicker';
import wrapPicker from './wrapPicker';
import RangePicker from './RangePicker';
import WeekPicker from './WeekPicker';
import { DatePickerProps, MonthPickerProps, WeekPickerProps, RangePickerProps, YearPickerProps, QuarterPickerProps } from './interface';
import Base from '../base';
import { initDefaultProps } from '../_util/props-util';

var DatePicker = wrapPicker(_extends({}, createPicker(VcCalendar, DatePickerProps()), { name: 'ADatePicker' }), DatePickerProps(), 'date');

var MonthPicker = wrapPicker(_extends({}, createPicker(MonthCalendar, MonthPickerProps()), { name: 'AMonthPicker' }), MonthPickerProps(), 'month');

var QuarterPicker = wrapPicker(_extends({}, createPicker(QuarterCalendar, initDefaultProps(QuarterPickerProps(), {
  format: 'YYYY-[Q]Q'
})), {
  name: 'AQuarterPicker'
}), QuarterPickerProps(), 'quarter');

var YearPicker = wrapPicker(_extends({}, createPicker(YearCalendar, initDefaultProps(YearPickerProps(), {
  format: 'YYYY'
})), {
  name: 'AYearPicker'
}), YearPickerProps(), 'year');

_extends(DatePicker, {
  RangePicker: wrapPicker(RangePicker, RangePickerProps(), 'date'),
  WeekPicker: wrapPicker(WeekPicker, WeekPickerProps(), 'week'),
  MonthPicker: MonthPicker,
  YearPicker: YearPicker,
  QuarterPicker: QuarterPicker
});

/* istanbul ignore next */
DatePicker.install = function (Vue) {
  Vue.use(Base);
  Vue.component(DatePicker.name, DatePicker);
  Vue.component(DatePicker.RangePicker.name, DatePicker.RangePicker);
  Vue.component(DatePicker.MonthPicker.name, DatePicker.MonthPicker);
  Vue.component(DatePicker.WeekPicker.name, DatePicker.WeekPicker);
  Vue.component(DatePicker.YearPicker.name, DatePicker.YearPicker);
  Vue.component(DatePicker.QuarterPicker.name, DatePicker.QuarterPicker);
};

export default DatePicker;