cy-element-ui 1.1.14 → 1.1.16

package/lib/calendar.js

@@ -234,7 +234,7 @@ module.exports = require("element-ui/lib/mixins/locale");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/main.vue?vue&type=template&id=5828e372
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/main.vue?vue&type=template&id=d3a7f6b2
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -242,7 +242,7 @@ var render = function () {
   return _c("div", { staticClass: "el-calendar" }, [
     _c("div", { staticClass: "el-calendar__header" }, [
       _c("div", { staticClass: "el-calendar__title" }, [
-        _vm._v("\n      " + _vm._s(_vm.i18nDate) + "\n    "),
+        _vm._v("\n\t\t\t" + _vm._s(_vm.i18nDate) + "\n\t\t"),
       ]),
       _vm.validatedRange.length === 0
         ? _c(
@@ -264,9 +264,9 @@ var render = function () {
                     },
                     [
                       _vm._v(
-                        "\n          " +
+                        "\n\t\t\t\t\t" +
                           _vm._s(_vm.t("el.datepicker.prevMonth")) +
-                          "\n        "
+                          "\n\t\t\t\t"
                       ),
                     ]
                   ),
@@ -282,9 +282,9 @@ var render = function () {
                     },
                     [
                       _vm._v(
-                        "\n          " +
+                        "\n\t\t\t\t\t" +
                           _vm._s(_vm.t("el.datepicker.today")) +
-                          "\n        "
+                          "\n\t\t\t\t"
                       ),
                     ]
                   ),
@@ -300,9 +300,9 @@ var render = function () {
                     },
                     [
                       _vm._v(
-                        "\n          " +
+                        "\n\t\t\t\t\t" +
                           _vm._s(_vm.t("el.datepicker.nextMonth")) +
-                          "\n        "
+                          "\n\t\t\t\t"
                       ),
                     ]
                   ),
@@ -354,7 +354,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=template&id=5828e372
+// CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=template&id=d3a7f6b2
 
 // EXTERNAL MODULE: external "element-ui/lib/mixins/locale"
 var locale_ = __webpack_require__(7);
@@ -381,225 +381,225 @@ var date_util_ = __webpack_require__(1);
 
 
 /* harmony default export */ var date_tablevue_type_script_lang_js = ({
-  props: {
-    selectedDay: String, // formated date yyyy-MM-dd
-    range: {
-      type: Array,
-      validator: function validator(val) {
-        if (!(val && val.length)) return true;
-        var start = val[0],
-            end = val[1];
-
-        return Object(date_util_["validateRangeInOneMonth"])(start, end);
-      }
-    },
-    date: Date,
-    hideHeader: Boolean,
-    firstDayOfWeek: Number
-  },
-
-  inject: ['elCalendar'],
-
-  methods: {
-    toNestedArr: function toNestedArr(days) {
-      return Object(date_util_["range"])(days.length / 7).map(function (_, index) {
-        var start = index * 7;
-        return days.slice(start, start + 7);
-      });
-    },
-    getFormateDate: function getFormateDate(day, type) {
-      if (!day || ['prev', 'current', 'next'].indexOf(type) === -1) {
-        throw new Error('invalid day or type');
-      }
-      var prefix = this.curMonthDatePrefix;
-      if (type === 'prev') {
-        prefix = this.prevMonthDatePrefix;
-      } else if (type === 'next') {
-        prefix = this.nextMonthDatePrefix;
-      }
-      day = ('00' + day).slice(-2);
-      return prefix + '-' + day;
-    },
-    getCellClass: function getCellClass(_ref) {
-      var text = _ref.text,
-          type = _ref.type;
-
-      var classes = [type];
-      if (type === 'current') {
-        var date = this.getFormateDate(text, type);
-        if (date === this.selectedDay) {
-          classes.push('is-selected');
-        }
-        if (date === this.formatedToday) {
-          classes.push('is-today');
-        }
-      }
-      return classes;
-    },
-    pickDay: function pickDay(_ref2) {
-      var text = _ref2.text,
-          type = _ref2.type;
-
-      var date = this.getFormateDate(text, type);
-      this.$emit('pick', date);
-    },
-    cellRenderProxy: function cellRenderProxy(_ref3) {
-      var text = _ref3.text,
-          type = _ref3.type;
-      var h = this.$createElement;
-
-      var render = this.elCalendar.$scopedSlots.dateCell;
-      if (!render) return h('span', [text]);
-
-      var day = this.getFormateDate(text, type);
-      var date = new Date(day);
-      var data = {
-        isSelected: this.selectedDay === day,
-        type: type + '-month',
-        day: day
-      };
-      return render({ date: date, data: data });
-    }
-  },
-
-  computed: {
-    WEEK_DAYS: function WEEK_DAYS() {
-      return Object(date_util_["getI18nSettings"])().dayNames;
-    },
-    prevMonthDatePrefix: function prevMonthDatePrefix() {
-      var temp = new Date(this.date.getTime());
-      temp.setDate(0);
-      return date_default.a.format(temp, 'yyyy-MM');
-    },
-    curMonthDatePrefix: function curMonthDatePrefix() {
-      return date_default.a.format(this.date, 'yyyy-MM');
-    },
-    nextMonthDatePrefix: function nextMonthDatePrefix() {
-      var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
-      return date_default.a.format(temp, 'yyyy-MM');
-    },
-    formatedToday: function formatedToday() {
-      return this.elCalendar.formatedToday;
-    },
-    isInRange: function isInRange() {
-      return this.range && this.range.length;
-    },
-    rows: function rows() {
-      var days = [];
-      // if range exists, should render days in range.
-      if (this.isInRange) {
-        var _range = this.range,
-            start = _range[0],
-            end = _range[1];
-
-        var currentMonthRange = Object(date_util_["range"])(end.getDate() - start.getDate() + 1).map(function (_, index) {
-          return {
-            text: start.getDate() + index,
-            type: 'current'
-          };
-        });
-        var remaining = currentMonthRange.length % 7;
-        remaining = remaining === 0 ? 0 : 7 - remaining;
-        var nextMonthRange = Object(date_util_["range"])(remaining).map(function (_, index) {
-          return {
-            text: index + 1,
-            type: 'next'
-          };
-        });
-        days = currentMonthRange.concat(nextMonthRange);
-      } else {
-        var date = this.date;
-        var firstDay = Object(date_util_["getFirstDayOfMonth"])(date);
-        firstDay = firstDay === 0 ? 7 : firstDay;
-        var firstDayOfWeek = typeof this.firstDayOfWeek === 'number' ? this.firstDayOfWeek : 1;
-        var offset = (7 + firstDay - firstDayOfWeek) % 7;
-        var prevMonthDays = Object(date_util_["getPrevMonthLastDays"])(date, offset).map(function (day) {
-          return {
-            text: day,
-            type: 'prev'
-          };
-        });
-        var currentMonthDays = Object(date_util_["getMonthDays"])(date).map(function (day) {
-          return {
-            text: day,
-            type: 'current'
-          };
-        });
-        days = [].concat(prevMonthDays, currentMonthDays);
-        var nextMonthDays = Object(date_util_["range"])(42 - days.length).map(function (_, index) {
-          return {
-            text: index + 1,
-            type: 'next'
-          };
-        });
-        days = days.concat(nextMonthDays);
-      }
-      return this.toNestedArr(days);
-    },
-    weekDays: function weekDays() {
-      var start = this.firstDayOfWeek;
-      var WEEK_DAYS = this.WEEK_DAYS;
-
-
-      if (typeof start !== 'number' || start === 0) {
-        return WEEK_DAYS.slice();
-      } else {
-        return WEEK_DAYS.slice(start).concat(WEEK_DAYS.slice(0, start));
-      }
-    }
-  },
-
-  render: function render() {
-    var _this = this;
-
-    var h = arguments[0];
-
-    var thead = this.hideHeader ? null : h('thead', [this.weekDays.map(function (day) {
-      return h(
-        'th',
-        { key: day },
-        [day]
-      );
-    })]);
-    return h(
-      'table',
-      {
-        'class': {
-          'el-calendar-table': true,
-          'is-range': this.isInRange
-        },
-        attrs: { cellspacing: '0',
-          cellpadding: '0' }
-      },
-      [thead, h('tbody', [this.rows.map(function (row, index) {
-        return h(
-          'tr',
-          {
-            'class': {
-              'el-calendar-table__row': true,
-              'el-calendar-table__row--hide-border': index === 0 && _this.hideHeader
-            },
-            key: index },
-          [row.map(function (cell, key) {
-            return h(
-              'td',
-              { key: key,
-                'class': _this.getCellClass(cell),
-                on: {
-                  'click': _this.pickDay.bind(_this, cell)
-                }
-              },
-              [h(
-                'div',
-                { 'class': 'el-calendar-day' },
-                [_this.cellRenderProxy(cell)]
-              )]
-            );
-          })]
-        );
-      })])]
-    );
-  }
+	props: {
+		selectedDay: String, // formated date yyyy-MM-dd
+		range: {
+			type: Array,
+			validator: function validator(val) {
+				if (!(val && val.length)) return true;
+				var start = val[0],
+				    end = val[1];
+
+				return Object(date_util_["validateRangeInOneMonth"])(start, end);
+			}
+		},
+		date: Date,
+		hideHeader: Boolean,
+		firstDayOfWeek: Number
+	},
+
+	inject: ['elCalendar'],
+
+	methods: {
+		toNestedArr: function toNestedArr(days) {
+			return Object(date_util_["range"])(days.length / 7).map(function (_, index) {
+				var start = index * 7;
+				return days.slice(start, start + 7);
+			});
+		},
+		getFormateDate: function getFormateDate(day, type) {
+			if (!day || ['prev', 'current', 'next'].indexOf(type) === -1) {
+				throw new Error('invalid day or type');
+			}
+			var prefix = this.curMonthDatePrefix;
+			if (type === 'prev') {
+				prefix = this.prevMonthDatePrefix;
+			} else if (type === 'next') {
+				prefix = this.nextMonthDatePrefix;
+			}
+			day = ('00' + day).slice(-2);
+			return prefix + '-' + day;
+		},
+		getCellClass: function getCellClass(_ref) {
+			var text = _ref.text,
+			    type = _ref.type;
+
+			var classes = [type];
+			if (type === 'current') {
+				var date = this.getFormateDate(text, type);
+				if (date === this.selectedDay) {
+					classes.push('is-selected');
+				}
+				if (date === this.formatedToday) {
+					classes.push('is-today');
+				}
+			}
+			return classes;
+		},
+		pickDay: function pickDay(_ref2) {
+			var text = _ref2.text,
+			    type = _ref2.type;
+
+			var date = this.getFormateDate(text, type);
+			this.$emit('pick', date);
+		},
+		cellRenderProxy: function cellRenderProxy(_ref3) {
+			var text = _ref3.text,
+			    type = _ref3.type;
+			var h = this.$createElement;
+
+			var render = this.elCalendar.$scopedSlots.dateCell;
+			if (!render) return h('span', [text]);
+
+			var day = this.getFormateDate(text, type);
+			var date = new Date(day);
+			var data = {
+				isSelected: this.selectedDay === day,
+				type: type + '-month',
+				day: day
+			};
+			return render({ date: date, data: data });
+		}
+	},
+
+	computed: {
+		WEEK_DAYS: function WEEK_DAYS() {
+			return Object(date_util_["getI18nSettings"])().dayNames;
+		},
+		prevMonthDatePrefix: function prevMonthDatePrefix() {
+			var temp = new Date(this.date.getTime());
+			temp.setDate(0);
+			return date_default.a.format(temp, 'yyyy-MM');
+		},
+		curMonthDatePrefix: function curMonthDatePrefix() {
+			return date_default.a.format(this.date, 'yyyy-MM');
+		},
+		nextMonthDatePrefix: function nextMonthDatePrefix() {
+			var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
+			return date_default.a.format(temp, 'yyyy-MM');
+		},
+		formatedToday: function formatedToday() {
+			return this.elCalendar.formatedToday;
+		},
+		isInRange: function isInRange() {
+			return this.range && this.range.length;
+		},
+		rows: function rows() {
+			var days = [];
+			// if range exists, should render days in range.
+			if (this.isInRange) {
+				var _range = this.range,
+				    start = _range[0],
+				    end = _range[1];
+
+				var currentMonthRange = Object(date_util_["range"])(end.getDate() - start.getDate() + 1).map(function (_, index) {
+					return {
+						text: start.getDate() + index,
+						type: 'current'
+					};
+				});
+				var remaining = currentMonthRange.length % 7;
+				remaining = remaining === 0 ? 0 : 7 - remaining;
+				var nextMonthRange = Object(date_util_["range"])(remaining).map(function (_, index) {
+					return {
+						text: index + 1,
+						type: 'next'
+					};
+				});
+				days = currentMonthRange.concat(nextMonthRange);
+			} else {
+				var date = this.date;
+				var firstDay = Object(date_util_["getFirstDayOfMonth"])(date);
+				firstDay = firstDay === 0 ? 7 : firstDay;
+				var firstDayOfWeek = typeof this.firstDayOfWeek === 'number' ? this.firstDayOfWeek : 1;
+				var offset = (7 + firstDay - firstDayOfWeek) % 7;
+				var prevMonthDays = Object(date_util_["getPrevMonthLastDays"])(date, offset).map(function (day) {
+					return {
+						text: day,
+						type: 'prev'
+					};
+				});
+				var currentMonthDays = Object(date_util_["getMonthDays"])(date).map(function (day) {
+					return {
+						text: day,
+						type: 'current'
+					};
+				});
+				days = [].concat(prevMonthDays, currentMonthDays);
+				var nextMonthDays = Object(date_util_["range"])(42 - days.length).map(function (_, index) {
+					return {
+						text: index + 1,
+						type: 'next'
+					};
+				});
+				days = days.concat(nextMonthDays);
+			}
+			return this.toNestedArr(days);
+		},
+		weekDays: function weekDays() {
+			var start = this.firstDayOfWeek;
+			var WEEK_DAYS = this.WEEK_DAYS;
+
+
+			if (typeof start !== 'number' || start === 0) {
+				return WEEK_DAYS.slice();
+			} else {
+				return WEEK_DAYS.slice(start).concat(WEEK_DAYS.slice(0, start));
+			}
+		}
+	},
+
+	render: function render() {
+		var _this = this;
+
+		var h = arguments[0];
+
+		var thead = this.hideHeader ? null : h('thead', [this.weekDays.map(function (day) {
+			return h(
+				'th',
+				{ key: day },
+				[day]
+			);
+		})]);
+		return h(
+			'table',
+			{
+				'class': {
+					'el-calendar-table': true,
+					'is-range': this.isInRange
+				},
+				attrs: { cellspacing: '0',
+					cellpadding: '0' }
+			},
+			[thead, h('tbody', [this.rows.map(function (row, index) {
+				return h(
+					'tr',
+					{
+						'class': {
+							'el-calendar-table__row': true,
+							'el-calendar-table__row--hide-border': index === 0 && _this.hideHeader
+						},
+						key: index },
+					[row.map(function (cell, key) {
+						return h(
+							'td',
+							{ key: key,
+								'class': _this.getCellClass(cell),
+								on: {
+									'click': _this.pickDay.bind(_this, cell)
+								}
+							},
+							[h(
+								'div',
+								{ 'class': 'el-calendar-day' },
+								[_this.cellRenderProxy(cell)]
+							)]
+						);
+					})]
+				);
+			})])]
+		);
+	}
 });
 // CONCATENATED MODULE: ./packages/calendar/src/date-table.vue?vue&type=script&lang=js
  /* harmony default export */ var src_date_tablevue_type_script_lang_js = (date_tablevue_type_script_lang_js); 
@@ -698,203 +698,203 @@ var weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'
 var oneDay = 86400000;
 
 /* harmony default export */ var mainvue_type_script_lang_js = ({
-  name: 'ElCalendar',
-
-  mixins: [locale_default.a],
-
-  components: {
-    DateTable: date_table,
-    ElButton: button_default.a,
-    ElButtonGroup: button_group_default.a
-  },
-
-  props: {
-    value: [Date, String, Number],
-    range: {
-      type: Array,
-      validator: function validator(range) {
-        if (Array.isArray(range)) {
-          return range.length === 2 && range.every(function (item) {
-            return typeof item === 'string' || typeof item === 'number' || item instanceof Date;
-          });
-        } else {
-          return true;
-        }
-      }
-    },
-    firstDayOfWeek: {
-      type: Number,
-      default: 1
-    }
-  },
-
-  provide: function provide() {
-    return {
-      elCalendar: this
-    };
-  },
-
-
-  methods: {
-    pickDay: function pickDay(day) {
-      this.realSelectedDay = day;
-    },
-    selectDate: function selectDate(type) {
-      if (validTypes.indexOf(type) === -1) {
-        throw new Error('invalid type ' + type);
-      }
-      var day = '';
-      if (type === 'prev-month') {
-        day = this.prevMonthDatePrefix + '-01';
-      } else if (type === 'next-month') {
-        day = this.nextMonthDatePrefix + '-01';
-      } else {
-        day = this.formatedToday;
-      }
-
-      if (day === this.formatedDate) return;
-      this.pickDay(day);
-    },
-    toDate: function toDate(val) {
-      if (!val) {
-        throw new Error('invalid val');
-      }
-      return val instanceof Date ? val : new Date(val);
-    },
-    rangeValidator: function rangeValidator(date, isStart) {
-      var firstDayOfWeek = this.realFirstDayOfWeek;
-      var expected = isStart ? firstDayOfWeek : firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;
-      var message = (isStart ? 'start' : 'end') + ' of range should be ' + weekDays[expected] + '.';
-      if (date.getDay() !== expected) {
-        console.warn('[ElementCalendar]', message, 'Invalid range will be ignored.');
-        return false;
-      }
-      return true;
-    }
-  },
-
-  computed: {
-    prevMonthDatePrefix: function prevMonthDatePrefix() {
-      var temp = new Date(this.date.getTime());
-      temp.setDate(0);
-      return date_default.a.format(temp, 'yyyy-MM');
-    },
-    curMonthDatePrefix: function curMonthDatePrefix() {
-      return date_default.a.format(this.date, 'yyyy-MM');
-    },
-    nextMonthDatePrefix: function nextMonthDatePrefix() {
-      var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
-      return date_default.a.format(temp, 'yyyy-MM');
-    },
-    formatedDate: function formatedDate() {
-      return date_default.a.format(this.date, 'yyyy-MM-dd');
-    },
-    i18nDate: function i18nDate() {
-      var year = this.date.getFullYear();
-      var month = this.date.getMonth() + 1;
-      return year + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + month);
-    },
-    formatedToday: function formatedToday() {
-      return date_default.a.format(this.now, 'yyyy-MM-dd');
-    },
-
-
-    realSelectedDay: {
-      get: function get() {
-        if (!this.value) return this.selectedDay;
-        return this.formatedDate;
-      },
-      set: function set(val) {
-        this.selectedDay = val;
-        var date = new Date(val);
-        this.$emit('input', date);
-      }
-    },
-
-    date: function date() {
-      if (!this.value) {
-        if (this.realSelectedDay) {
-          var d = this.selectedDay.split('-');
-          return new Date(d[0], d[1] - 1, d[2]);
-        } else if (this.validatedRange.length) {
-          return this.validatedRange[0][0];
-        }
-        return this.now;
-      } else {
-        return this.toDate(this.value);
-      }
-    },
-
-
-    // if range is valid, we get a two-digit array
-    validatedRange: function validatedRange() {
-      var _this = this;
-
-      var range = this.range;
-      if (!range) return [];
-      range = range.reduce(function (prev, val, index) {
-        var date = _this.toDate(val);
-        if (_this.rangeValidator(date, index === 0)) {
-          prev = prev.concat(date);
-        }
-        return prev;
-      }, []);
-      if (range.length === 2) {
-        var _range = range,
-            start = _range[0],
-            end = _range[1];
-
-        if (start > end) {
-          console.warn('[ElementCalendar]end time should be greater than start time');
-          return [];
-        }
-        // start time and end time in one month
-        if (Object(date_util_["validateRangeInOneMonth"])(start, end)) {
-          return [[start, end]];
-        }
-        var data = [];
-        var startDay = new Date(start.getFullYear(), start.getMonth() + 1, 1);
-        var lastDay = this.toDate(startDay.getTime() - oneDay);
-        if (!Object(date_util_["validateRangeInOneMonth"])(startDay, end)) {
-          console.warn('[ElementCalendar]start time and end time interval must not exceed two months');
-          return [];
-        }
-        // 第一个月的时间范围
-        data.push([start, lastDay]);
-        // 下一月的时间范围，需要计算一下该月的第一个周起始日
-        var firstDayOfWeek = this.realFirstDayOfWeek;
-        var nextMontFirstDay = startDay.getDay();
-        var interval = 0;
-        if (nextMontFirstDay !== firstDayOfWeek) {
-          if (firstDayOfWeek === 0) {
-            interval = 7 - nextMontFirstDay;
-          } else {
-            interval = firstDayOfWeek - nextMontFirstDay;
-            interval = interval > 0 ? interval : 7 + interval;
-          }
-        }
-        startDay = this.toDate(startDay.getTime() + interval * oneDay);
-        if (startDay.getDate() < end.getDate()) {
-          data.push([startDay, end]);
-        }
-        return data;
-      }
-      return [];
-    },
-    realFirstDayOfWeek: function realFirstDayOfWeek() {
-      if (this.firstDayOfWeek < 1 || this.firstDayOfWeek > 6) {
-        return 0;
-      }
-      return Math.floor(this.firstDayOfWeek);
-    }
-  },
-
-  data: function data() {
-    return {
-      selectedDay: '',
-      now: new Date()
-    };
-  }
+	name: 'ElCalendar',
+
+	mixins: [locale_default.a],
+
+	components: {
+		DateTable: date_table,
+		ElButton: button_default.a,
+		ElButtonGroup: button_group_default.a
+	},
+
+	props: {
+		value: [Date, String, Number],
+		range: {
+			type: Array,
+			validator: function validator(range) {
+				if (Array.isArray(range)) {
+					return range.length === 2 && range.every(function (item) {
+						return typeof item === 'string' || typeof item === 'number' || item instanceof Date;
+					});
+				} else {
+					return true;
+				}
+			}
+		},
+		firstDayOfWeek: {
+			type: Number,
+			default: 1
+		}
+	},
+
+	provide: function provide() {
+		return {
+			elCalendar: this
+		};
+	},
+
+
+	methods: {
+		pickDay: function pickDay(day) {
+			this.realSelectedDay = day;
+		},
+		selectDate: function selectDate(type) {
+			if (validTypes.indexOf(type) === -1) {
+				throw new Error('invalid type ' + type);
+			}
+			var day = '';
+			if (type === 'prev-month') {
+				day = this.prevMonthDatePrefix + '-01';
+			} else if (type === 'next-month') {
+				day = this.nextMonthDatePrefix + '-01';
+			} else {
+				day = this.formatedToday;
+			}
+
+			if (day === this.formatedDate) return;
+			this.pickDay(day);
+		},
+		toDate: function toDate(val) {
+			if (!val) {
+				throw new Error('invalid val');
+			}
+			return val instanceof Date ? val : new Date(val);
+		},
+		rangeValidator: function rangeValidator(date, isStart) {
+			var firstDayOfWeek = this.realFirstDayOfWeek;
+			var expected = isStart ? firstDayOfWeek : firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;
+			var message = (isStart ? 'start' : 'end') + ' of range should be ' + weekDays[expected] + '.';
+			if (date.getDay() !== expected) {
+				console.warn('[ElementCalendar]', message, 'Invalid range will be ignored.');
+				return false;
+			}
+			return true;
+		}
+	},
+
+	computed: {
+		prevMonthDatePrefix: function prevMonthDatePrefix() {
+			var temp = new Date(this.date.getTime());
+			temp.setDate(0);
+			return date_default.a.format(temp, 'yyyy-MM');
+		},
+		curMonthDatePrefix: function curMonthDatePrefix() {
+			return date_default.a.format(this.date, 'yyyy-MM');
+		},
+		nextMonthDatePrefix: function nextMonthDatePrefix() {
+			var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
+			return date_default.a.format(temp, 'yyyy-MM');
+		},
+		formatedDate: function formatedDate() {
+			return date_default.a.format(this.date, 'yyyy-MM-dd');
+		},
+		i18nDate: function i18nDate() {
+			var year = this.date.getFullYear();
+			var month = this.date.getMonth() + 1;
+			return year + ' ' + this.t('el.datepicker.year') + ' ' + this.t('el.datepicker.month' + month);
+		},
+		formatedToday: function formatedToday() {
+			return date_default.a.format(this.now, 'yyyy-MM-dd');
+		},
+
+
+		realSelectedDay: {
+			get: function get() {
+				if (!this.value) return this.selectedDay;
+				return this.formatedDate;
+			},
+			set: function set(val) {
+				this.selectedDay = val;
+				var date = new Date(val);
+				this.$emit('input', date);
+			}
+		},
+
+		date: function date() {
+			if (!this.value) {
+				if (this.realSelectedDay) {
+					var d = this.selectedDay.split('-');
+					return new Date(d[0], d[1] - 1, d[2]);
+				} else if (this.validatedRange.length) {
+					return this.validatedRange[0][0];
+				}
+				return this.now;
+			} else {
+				return this.toDate(this.value);
+			}
+		},
+
+
+		// if range is valid, we get a two-digit array
+		validatedRange: function validatedRange() {
+			var _this = this;
+
+			var range = this.range;
+			if (!range) return [];
+			range = range.reduce(function (prev, val, index) {
+				var date = _this.toDate(val);
+				if (_this.rangeValidator(date, index === 0)) {
+					prev = prev.concat(date);
+				}
+				return prev;
+			}, []);
+			if (range.length === 2) {
+				var _range = range,
+				    start = _range[0],
+				    end = _range[1];
+
+				if (start > end) {
+					console.warn('[ElementCalendar]end time should be greater than start time');
+					return [];
+				}
+				// start time and end time in one month
+				if (Object(date_util_["validateRangeInOneMonth"])(start, end)) {
+					return [[start, end]];
+				}
+				var data = [];
+				var startDay = new Date(start.getFullYear(), start.getMonth() + 1, 1);
+				var lastDay = this.toDate(startDay.getTime() - oneDay);
+				if (!Object(date_util_["validateRangeInOneMonth"])(startDay, end)) {
+					console.warn('[ElementCalendar]start time and end time interval must not exceed two months');
+					return [];
+				}
+				// 第一个月的时间范围
+				data.push([start, lastDay]);
+				// 下一月的时间范围，需要计算一下该月的第一个周起始日
+				var firstDayOfWeek = this.realFirstDayOfWeek;
+				var nextMontFirstDay = startDay.getDay();
+				var interval = 0;
+				if (nextMontFirstDay !== firstDayOfWeek) {
+					if (firstDayOfWeek === 0) {
+						interval = 7 - nextMontFirstDay;
+					} else {
+						interval = firstDayOfWeek - nextMontFirstDay;
+						interval = interval > 0 ? interval : 7 + interval;
+					}
+				}
+				startDay = this.toDate(startDay.getTime() + interval * oneDay);
+				if (startDay.getDate() < end.getDate()) {
+					data.push([startDay, end]);
+				}
+				return data;
+			}
+			return [];
+		},
+		realFirstDayOfWeek: function realFirstDayOfWeek() {
+			if (this.firstDayOfWeek < 1 || this.firstDayOfWeek > 6) {
+				return 0;
+			}
+			return Math.floor(this.firstDayOfWeek);
+		}
+	},
+
+	data: function data() {
+		return {
+			selectedDay: '',
+			now: new Date()
+		};
+	}
 });
 // CONCATENATED MODULE: ./packages/calendar/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
@@ -923,7 +923,7 @@ var main_component = Object(componentNormalizer["a" /* default */])(
 
 /* istanbul ignore next */
 main.install = function (Vue) {
-  Vue.component(main.name, main);
+	Vue.component(main.name, main);
 };
 
 /* harmony default export */ var calendar = __webpack_exports__["default"] = (main);