eoss 0.1.0-alpha.20 → 0.1.0-alpha.21

package/lib/calendar.js

@@ -82,807 +82,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 165);
+/******/ 	return __webpack_require__(__webpack_require__.s = 169);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 165:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// 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/calendar.vue?vue&type=template&id=541b30c2&
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "es-calendar" }, [
-    _c("div", { staticClass: "es-calendar__header" }, [
-      _c("div", { staticClass: "es-calendar__title" }, [
-        _vm._v("\n      " + _vm._s(_vm.i18nDate) + "\n    "),
-      ]),
-      _vm.validatedRange.length === 0
-        ? _c(
-            "div",
-            { staticClass: "es-calendar__button-group" },
-            [
-              _c(
-                "es-button-group",
-                [
-                  _c(
-                    "es-button",
-                    {
-                      attrs: { type: "plain", size: "mini" },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectDate("prev-month")
-                        },
-                      },
-                    },
-                    [_vm._v("\n          上个月\n        ")]
-                  ),
-                  _c(
-                    "es-button",
-                    {
-                      attrs: { type: "plain", size: "mini" },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectDate("today")
-                        },
-                      },
-                    },
-                    [_vm._v("\n          今天\n        ")]
-                  ),
-                  _c(
-                    "es-button",
-                    {
-                      attrs: { type: "plain", size: "mini" },
-                      on: {
-                        click: function ($event) {
-                          return _vm.selectDate("next-month")
-                        },
-                      },
-                    },
-                    [_vm._v("\n          下个月\n        ")]
-                  ),
-                ],
-                1
-              ),
-            ],
-            1
-          )
-        : _vm._e(),
-    ]),
-    _vm.validatedRange.length === 0
-      ? _c(
-          "div",
-          { key: "no-range", staticClass: "es-calendar__body" },
-          [
-            _c("date-table", {
-              attrs: {
-                date: _vm.date,
-                "selected-day": _vm.realSelectedDay,
-                "first-day-of-week": _vm.realFirstDayOfWeek,
-              },
-              on: { pick: _vm.pickDay },
-            }),
-          ],
-          1
-        )
-      : _c(
-          "div",
-          { key: "has-range", staticClass: "es-calendar__body" },
-          _vm._l(_vm.validatedRange, function (range, index) {
-            return _c("date-table", {
-              key: index,
-              attrs: {
-                date: range[0],
-                "selected-day": _vm.realSelectedDay,
-                range: range,
-                "hide-header": index !== 0,
-                "first-day-of-week": _vm.realFirstDayOfWeek,
-              },
-              on: { pick: _vm.pickDay },
-            })
-          }),
-          1
-        ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-// CONCATENATED MODULE: ./packages/calendar/src/calendar.vue?vue&type=template&id=541b30c2&
-
-// EXTERNAL MODULE: ./src/utils/date.js
-var utils_date = __webpack_require__(6);
-
-// EXTERNAL MODULE: external "eoss/lib/button"
-var button_ = __webpack_require__(33);
-var button_default = /*#__PURE__*/__webpack_require__.n(button_);
-
-// EXTERNAL MODULE: external "eoss/lib/button-group"
-var button_group_ = __webpack_require__(89);
-var button_group_default = /*#__PURE__*/__webpack_require__.n(button_group_);
-
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/date-table.vue?vue&type=script&lang=js&
-
-
-
-/* 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(utils_date["H" /* validateRangeInOneMonth */])(start, end);
-      }
-    },
-    date: Date,
-    hideHeader: Boolean,
-    firstDayOfWeek: Number
-  },
-
-  inject: ['Calendar'],
-
-  data: function data() {
-    return {
-      WEEK_DAYS: Object(utils_date["o" /* getSettings */])().dayNames
-    };
-  },
-
-
-  methods: {
-    toNestedArr: function toNestedArr(days) {
-      return Object(utils_date["E" /* 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.Calendar.$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: {
-    prevMonthDatePrefix: function prevMonthDatePrefix() {
-      var temp = new Date(this.date.getTime());
-      temp.setDate(0);
-      return utils_date["f" /* fecha */].format(temp, 'yyyy-MM');
-    },
-    curMonthDatePrefix: function curMonthDatePrefix() {
-      return utils_date["f" /* fecha */].format(this.date, 'yyyy-MM');
-    },
-    nextMonthDatePrefix: function nextMonthDatePrefix() {
-      var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
-      return utils_date["f" /* fecha */].format(temp, 'yyyy-MM');
-    },
-    formatedToday: function formatedToday() {
-      return this.Calendar.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(utils_date["E" /* 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(utils_date["E" /* range */])(remaining).map(function (_, index) {
-          return {
-            text: index + 1,
-            type: 'next'
-          };
-        });
-        days = currentMonthRange.concat(nextMonthRange);
-      } else {
-        var date = this.date;
-        var firstDay = Object(utils_date["j" /* getFirstDayOfMonth */])(date);
-        firstDay = firstDay === 0 ? 7 : firstDay;
-        var firstDayOfWeek = typeof this.firstDayOfWeek === 'number' ? this.firstDayOfWeek : 1;
-        var prevMonthDays = Object(utils_date["l" /* getPrevMonthLastDays */])(date, firstDay - firstDayOfWeek).map(function (day) {
-          return {
-            text: day,
-            type: 'prev'
-          };
-        });
-        var currentMonthDays = Object(utils_date["k" /* getMonthDays */])(date).map(function (day) {
-          return {
-            text: day,
-            type: 'current'
-          };
-        });
-        days = [].concat(prevMonthDays, currentMonthDays);
-        var nextMonthDays = Object(utils_date["E" /* 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': {
-          'es-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': {
-              'es-calendar-table__row': true,
-              'es-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': 'es-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_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(5);
-
-// CONCATENATED MODULE: ./packages/calendar/src/date-table.vue
-var date_table_render, date_table_staticRenderFns
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  src_date_tablevue_type_script_lang_js_,
-  date_table_render,
-  date_table_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var date_table = (component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/calendar.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-var validTypes = ['prev-month', 'today', 'next-month'];
-var weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
-var oneDay = 86400000;
-
-/* harmony default export */ var calendarvue_type_script_lang_js_ = ({
-  name: 'EsCalendar',
-  components: {
-    DateTable: date_table,
-    EsButton: button_default.a,
-    EsButtonGroup: 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 {
-      Calendar: 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('[EsementCalendar]', 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 utils_date["f" /* fecha */].format(temp, 'yyyy-MM');
-    },
-    curMonthDatePrefix: function curMonthDatePrefix() {
-      return utils_date["f" /* fecha */].format(this.date, 'yyyy-MM');
-    },
-    nextMonthDatePrefix: function nextMonthDatePrefix() {
-      var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
-      return utils_date["f" /* fecha */].format(temp, 'yyyy-MM');
-    },
-    formatedDate: function formatedDate() {
-      return utils_date["f" /* fecha */].format(this.date, 'yyyy-MM-dd');
-    },
-    i18nDate: function i18nDate() {
-      var year = this.date.getFullYear();
-      var month = this.date.getMonth() + 1;
-      return year + '\u5E74' + month + '\u6708';
-    },
-    formatedToday: function formatedToday() {
-      return utils_date["f" /* fecha */].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('[EsementCalendar]end time should be greater than start time');
-          return [];
-        }
-        // start time and end time in one month
-        if (Object(utils_date["H" /* 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(utils_date["H" /* validateRangeInOneMonth */])(startDay, end)) {
-          console.warn('[EsementCalendar]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/calendar.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_calendarvue_type_script_lang_js_ = (calendarvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./packages/calendar/src/calendar.vue
-
-
-
-
-
-/* normalize component */
-
-var calendar_component = Object(componentNormalizer["a" /* default */])(
-  src_calendarvue_type_script_lang_js_,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var calendar = (calendar_component.exports);
-// CONCATENATED MODULE: ./packages/calendar/index.js
-
-
-/* istanbul ignore next */
-calendar.install = function (Vue) {
-  Vue.component(calendar.name, calendar);
-};
-
-/* harmony default export */ var packages_calendar = __webpack_exports__["default"] = (calendar);
-
-/***/ }),
-
-/***/ 33:
-/***/ (function(module, exports) {
-
-module.exports = require("eoss/lib/button");
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent(
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier /* server only */,
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options =
-    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) {
-    // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    options._ssrRegister = hook
-  } else if (injectStyles) {
-    hook = shadowMode
-      ? function () {
-          injectStyles.call(
-            this,
-            (options.functional ? this.parent : this).$root.$options.shadowRoot
-          )
-        }
-      : injectStyles
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-
-/***/ }),
-
-/***/ 6:
+/***/ 1:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1872,7 +1077,802 @@ const timeCycle = function (time) {
 
 /***/ }),
 
-/***/ 89:
+/***/ 169:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// 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/calendar.vue?vue&type=template&id=541b30c2&
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "es-calendar" }, [
+    _c("div", { staticClass: "es-calendar__header" }, [
+      _c("div", { staticClass: "es-calendar__title" }, [
+        _vm._v("\n      " + _vm._s(_vm.i18nDate) + "\n    "),
+      ]),
+      _vm.validatedRange.length === 0
+        ? _c(
+            "div",
+            { staticClass: "es-calendar__button-group" },
+            [
+              _c(
+                "es-button-group",
+                [
+                  _c(
+                    "es-button",
+                    {
+                      attrs: { type: "plain", size: "mini" },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectDate("prev-month")
+                        },
+                      },
+                    },
+                    [_vm._v("\n          上个月\n        ")]
+                  ),
+                  _c(
+                    "es-button",
+                    {
+                      attrs: { type: "plain", size: "mini" },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectDate("today")
+                        },
+                      },
+                    },
+                    [_vm._v("\n          今天\n        ")]
+                  ),
+                  _c(
+                    "es-button",
+                    {
+                      attrs: { type: "plain", size: "mini" },
+                      on: {
+                        click: function ($event) {
+                          return _vm.selectDate("next-month")
+                        },
+                      },
+                    },
+                    [_vm._v("\n          下个月\n        ")]
+                  ),
+                ],
+                1
+              ),
+            ],
+            1
+          )
+        : _vm._e(),
+    ]),
+    _vm.validatedRange.length === 0
+      ? _c(
+          "div",
+          { key: "no-range", staticClass: "es-calendar__body" },
+          [
+            _c("date-table", {
+              attrs: {
+                date: _vm.date,
+                "selected-day": _vm.realSelectedDay,
+                "first-day-of-week": _vm.realFirstDayOfWeek,
+              },
+              on: { pick: _vm.pickDay },
+            }),
+          ],
+          1
+        )
+      : _c(
+          "div",
+          { key: "has-range", staticClass: "es-calendar__body" },
+          _vm._l(_vm.validatedRange, function (range, index) {
+            return _c("date-table", {
+              key: index,
+              attrs: {
+                date: range[0],
+                "selected-day": _vm.realSelectedDay,
+                range: range,
+                "hide-header": index !== 0,
+                "first-day-of-week": _vm.realFirstDayOfWeek,
+              },
+              on: { pick: _vm.pickDay },
+            })
+          }),
+          1
+        ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/calendar/src/calendar.vue?vue&type=template&id=541b30c2&
+
+// EXTERNAL MODULE: ./src/utils/date.js
+var utils_date = __webpack_require__(1);
+
+// EXTERNAL MODULE: external "eoss/lib/button"
+var button_ = __webpack_require__(28);
+var button_default = /*#__PURE__*/__webpack_require__.n(button_);
+
+// EXTERNAL MODULE: external "eoss/lib/button-group"
+var button_group_ = __webpack_require__(86);
+var button_group_default = /*#__PURE__*/__webpack_require__.n(button_group_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/date-table.vue?vue&type=script&lang=js&
+
+
+
+/* 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(utils_date["H" /* validateRangeInOneMonth */])(start, end);
+      }
+    },
+    date: Date,
+    hideHeader: Boolean,
+    firstDayOfWeek: Number
+  },
+
+  inject: ['Calendar'],
+
+  data: function data() {
+    return {
+      WEEK_DAYS: Object(utils_date["o" /* getSettings */])().dayNames
+    };
+  },
+
+
+  methods: {
+    toNestedArr: function toNestedArr(days) {
+      return Object(utils_date["E" /* 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.Calendar.$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: {
+    prevMonthDatePrefix: function prevMonthDatePrefix() {
+      var temp = new Date(this.date.getTime());
+      temp.setDate(0);
+      return utils_date["f" /* fecha */].format(temp, 'yyyy-MM');
+    },
+    curMonthDatePrefix: function curMonthDatePrefix() {
+      return utils_date["f" /* fecha */].format(this.date, 'yyyy-MM');
+    },
+    nextMonthDatePrefix: function nextMonthDatePrefix() {
+      var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
+      return utils_date["f" /* fecha */].format(temp, 'yyyy-MM');
+    },
+    formatedToday: function formatedToday() {
+      return this.Calendar.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(utils_date["E" /* 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(utils_date["E" /* range */])(remaining).map(function (_, index) {
+          return {
+            text: index + 1,
+            type: 'next'
+          };
+        });
+        days = currentMonthRange.concat(nextMonthRange);
+      } else {
+        var date = this.date;
+        var firstDay = Object(utils_date["j" /* getFirstDayOfMonth */])(date);
+        firstDay = firstDay === 0 ? 7 : firstDay;
+        var firstDayOfWeek = typeof this.firstDayOfWeek === 'number' ? this.firstDayOfWeek : 1;
+        var prevMonthDays = Object(utils_date["l" /* getPrevMonthLastDays */])(date, firstDay - firstDayOfWeek).map(function (day) {
+          return {
+            text: day,
+            type: 'prev'
+          };
+        });
+        var currentMonthDays = Object(utils_date["k" /* getMonthDays */])(date).map(function (day) {
+          return {
+            text: day,
+            type: 'current'
+          };
+        });
+        days = [].concat(prevMonthDays, currentMonthDays);
+        var nextMonthDays = Object(utils_date["E" /* 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': {
+          'es-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': {
+              'es-calendar-table__row': true,
+              'es-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': 'es-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_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(3);
+
+// CONCATENATED MODULE: ./packages/calendar/src/date-table.vue
+var date_table_render, date_table_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_date_tablevue_type_script_lang_js_,
+  date_table_render,
+  date_table_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var date_table = (component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/calendar/src/calendar.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+var validTypes = ['prev-month', 'today', 'next-month'];
+var weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+var oneDay = 86400000;
+
+/* harmony default export */ var calendarvue_type_script_lang_js_ = ({
+  name: 'EsCalendar',
+  components: {
+    DateTable: date_table,
+    EsButton: button_default.a,
+    EsButtonGroup: 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 {
+      Calendar: 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('[EsementCalendar]', 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 utils_date["f" /* fecha */].format(temp, 'yyyy-MM');
+    },
+    curMonthDatePrefix: function curMonthDatePrefix() {
+      return utils_date["f" /* fecha */].format(this.date, 'yyyy-MM');
+    },
+    nextMonthDatePrefix: function nextMonthDatePrefix() {
+      var temp = new Date(this.date.getFullYear(), this.date.getMonth() + 1, 1);
+      return utils_date["f" /* fecha */].format(temp, 'yyyy-MM');
+    },
+    formatedDate: function formatedDate() {
+      return utils_date["f" /* fecha */].format(this.date, 'yyyy-MM-dd');
+    },
+    i18nDate: function i18nDate() {
+      var year = this.date.getFullYear();
+      var month = this.date.getMonth() + 1;
+      return year + '\u5E74' + month + '\u6708';
+    },
+    formatedToday: function formatedToday() {
+      return utils_date["f" /* fecha */].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('[EsementCalendar]end time should be greater than start time');
+          return [];
+        }
+        // start time and end time in one month
+        if (Object(utils_date["H" /* 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(utils_date["H" /* validateRangeInOneMonth */])(startDay, end)) {
+          console.warn('[EsementCalendar]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/calendar.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_calendarvue_type_script_lang_js_ = (calendarvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/calendar/src/calendar.vue
+
+
+
+
+
+/* normalize component */
+
+var calendar_component = Object(componentNormalizer["a" /* default */])(
+  src_calendarvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var calendar = (calendar_component.exports);
+// CONCATENATED MODULE: ./packages/calendar/index.js
+
+
+/* istanbul ignore next */
+calendar.install = function (Vue) {
+  Vue.component(calendar.name, calendar);
+};
+
+/* harmony default export */ var packages_calendar = __webpack_exports__["default"] = (calendar);
+
+/***/ }),
+
+/***/ 28:
+/***/ (function(module, exports) {
+
+module.exports = require("eoss/lib/button");
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 86:
 /***/ (function(module, exports) {
 
 module.exports = require("eoss/lib/button-group");