zartui 2.1.6 → 2.1.7

package/lib/calendar/components/Header.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../../utils");
-
 var _utils2 = require("../utils");
-
 var _FastForwardImg = _interopRequireDefault(require("../FastForwardImg"));
-
 var _SlowForwardImg = _interopRequireDefault(require("../SlowForwardImg"));
-
 var _createNamespace = (0, _utils.createNamespace)('calendar-header'),
-    createComponent = _createNamespace[0];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0];
+var _default = exports.default = createComponent({
   props: {
     color: String,
     title: String,
@@ -33,7 +26,6 @@ var _default = createComponent({
   methods: {
     genTitle: function genTitle() {
       var h = this.$createElement;
-
       if (this.showTitle) {
         var title = this.slots('title') || this.title || (0, _utils2.t)('title');
         return h("div", {
@@ -45,21 +37,17 @@ var _default = createComponent({
       if (isMonth && !this.monthPreEnable || isYear && !this.yearPreEnable) {
         return;
       }
-
       this.$emit('clickPreIcon', isMonth, isYear);
     },
     onClickNextIcon: function onClickNextIcon(isMonth, isYear) {
       if (isMonth && !this.monthNextEnable || isYear && !this.yearNextEnable) {
         return;
       }
-
       this.$emit('clickNextIcon', isMonth, isYear);
     },
     genSubtitle: function genSubtitle() {
       var _this = this;
-
       var h = this.$createElement;
-
       if (this.showSubtitle) {
         return h("div", {
           "class": (0, _utils2.bem)('header-subtitle')
@@ -110,13 +98,11 @@ var _default = createComponent({
     },
     genWeekDays: function genWeekDays() {
       var h = this.$createElement;
-
       if (!this.showWeekDays) {
         return null;
       }
-
-      var weekdays = (0, _utils2.t)('weekdays'); // console.log(" weekdays " + JSON.stringify(weekdays));
-
+      var weekdays = (0, _utils2.t)('weekdays');
+      // console.log(" weekdays " + JSON.stringify(weekdays));
       var firstDayOfWeek = this.firstDayOfWeek;
       var renderWeekDays = [].concat(weekdays.slice(firstDayOfWeek, 7), weekdays.slice(0, firstDayOfWeek));
       return h("div", {
@@ -134,6 +120,4 @@ var _default = createComponent({
       "class": (0, _utils2.bem)('header')
     }, [this.genTitle(), this.genSubtitle(), this.genWeekDays()]);
   }
-});
-
-exports.default = _default;
+});

package/lib/calendar/components/Month.js

@@ -2,21 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../../utils");
-
 var _scroll = require("../../utils/dom/scroll");
-
 var _utils2 = require("../utils");
-
 var _types = require("../types");
-
 var _utils3 = require("../../datetime-picker/utils");
-
 var _createNamespace = (0, _utils.createNamespace)('calendar-month'),
-    createComponent = _createNamespace[0];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0];
+var _default = exports.default = createComponent({
   props: {
     showType: String,
     date: Date,
@@ -50,11 +43,9 @@ var _default = createComponent({
     offset: function offset() {
       var firstDayOfWeek = this.firstDayOfWeek;
       var realDay = this.date.getDay();
-
       if (!firstDayOfWeek) {
         return realDay;
       }
-
       return (realDay + 7 - this.firstDayOfWeek) % 7;
     },
     totalDay: function totalDay() {
@@ -66,20 +57,17 @@ var _default = createComponent({
     placeholders: function placeholders() {
       var rows = [];
       var count = Math.ceil((this.totalDay + this.offset) / 7);
-
       for (var day = 1; day <= count; day++) {
         rows.push({
           type: 'placeholder'
         });
       }
-
       return rows;
     },
     days: function days() {
       var days = [];
       var year = this.date.getFullYear();
       var month = this.date.getMonth();
-
       if (this.showType && this.showType === _types.CalendarShowType.INLINE) {
         for (var day = this.offset - 1; day >= 0; day--) {
           var date = new Date(year, month, -day);
@@ -90,57 +78,43 @@ var _default = createComponent({
             text: date.getDate(),
             bottomInfo: this.getBottomInfo(type)
           };
-
           if (this.formatter) {
             config = this.formatter(config);
           }
-
           days.push(config);
         }
       }
-
       for (var _day = 1; _day <= this.totalDay; _day++) {
         var _date = new Date(year, month, _day);
-
         var _type = this.getDayType(_date);
-
         var _config = {
           date: _date,
           type: _type,
           text: _day,
           bottomInfo: this.getBottomInfo(_type)
         };
-
         if (this.formatter) {
           _config = this.formatter(_config);
         }
-
         days.push(_config);
       }
-
       if (this.showType && this.showType === _types.CalendarShowType.INLINE && days && days.length < _types.CalendarTotalDay) {
         var nextMonthsLength = days.length;
-
         for (var _day2 = 1; _day2 <= _types.CalendarTotalDay - nextMonthsLength; _day2++) {
           var _date2 = new Date(year, month + 1, _day2);
-
           var _type2 = this.getDayType(_date2, _types.CalendarDayType.PREVIEW);
-
           var _config2 = {
             date: _date2,
             type: _type2,
             text: _date2.getDate(),
             bottomInfo: this.getBottomInfo(_type2)
           };
-
           if (this.formatter) {
             _config2 = this.formatter(_config2);
           }
-
           days.push(_config2);
         }
       }
-
       return days;
     }
   },
@@ -149,7 +123,6 @@ var _default = createComponent({
       if (!this.height) {
         this.height = this.$el.getBoundingClientRect().height;
       }
-
       return this.height;
     },
     getMonthTitle: function getMonthTitle() {
@@ -157,107 +130,88 @@ var _default = createComponent({
     },
     scrollIntoView: function scrollIntoView(body) {
       var _this$$refs = this.$refs,
-          days = _this$$refs.days,
-          month = _this$$refs.month;
+        days = _this$$refs.days,
+        month = _this$$refs.month;
       var el = this.showSubtitle ? days : month;
       var scrollTop = el.getBoundingClientRect().top - body.getBoundingClientRect().top + body.scrollTop;
       (0, _scroll.setScrollTop)(body, scrollTop);
     },
     getMultipleDayType: function getMultipleDayType(day) {
       var _this = this;
-
       var isSelected = function isSelected(date) {
         return _this.currentDate.some(function (item) {
           return (0, _utils2.compareDay)(item, date) === 0;
         });
       };
-
       if (isSelected(day)) {
         var prevDay = (0, _utils2.getPrevDay)(day);
         var nextDay = (0, _utils2.getNextDay)(day);
         var prevSelected = isSelected(prevDay);
         var nextSelected = isSelected(nextDay);
-
         if (prevSelected && nextSelected) {
           return 'multiple-middle';
         }
-
         if (prevSelected) {
           return 'end';
         }
-
         return nextSelected ? 'start' : 'multiple-selected';
       }
-
       return '';
     },
     getRangeDayType: function getRangeDayType(day) {
       var _this$currentDate = this.currentDate,
-          startDay = _this$currentDate[0],
-          endDay = _this$currentDate[1];
-
+        startDay = _this$currentDate[0],
+        endDay = _this$currentDate[1];
       if (!startDay) {
         return '';
       }
-
       var compareToStart = (0, _utils2.compareDay)(day, startDay);
-
       if (!endDay) {
         return compareToStart === 0 ? 'start' : '';
       }
-
       var compareToEnd = (0, _utils2.compareDay)(day, endDay);
-
       if (compareToStart === 0 && compareToEnd === 0 && this.allowSameDay) {
         return 'start-end';
       }
-
       if (compareToStart === 0) {
         return 'start';
       }
-
       if (compareToEnd === 0) {
         return 'end';
       }
-
       if (compareToStart > 0 && compareToEnd < 0) {
         return 'middle';
       }
     },
     getDayType: function getDayType(day, defaultType) {
       var type = this.type,
-          minDate = this.minDate,
-          maxDate = this.maxDate,
-          currentDate = this.currentDate;
-
+        minDate = this.minDate,
+        maxDate = this.maxDate,
+        currentDate = this.currentDate;
       if (minDate && (0, _utils2.compareDay)(day, minDate) < 0 || maxDate && (0, _utils2.compareDay)(day, maxDate) > 0 || this.disabledDate && this.disabledDate(day)) {
         return 'disabled';
       }
-
       if (defaultType) {
         // 仅考虑disable以及defaultType
         return defaultType;
       }
-
       if (currentDate === null) {
         return;
       }
-
       if (type === 'single') {
         return (0, _utils2.compareDay)(day, currentDate) === 0 ? 'selected' : '';
       }
-
       if (type === 'multiple') {
         return this.getMultipleDayType(day);
       }
-      /* istanbul ignore else */
-
 
+      /* istanbul ignore else */
       if (type === 'range') {
         return this.getRangeDayType(day);
       }
     },
-    getBottomInfo: function getBottomInfo(type) {// 目前选择日期区间时，不需要底部展示开始与结束提示
+    getBottomInfo: function getBottomInfo(type) {
+      // 目前选择日期区间时，不需要底部展示开始与结束提示
       // if (this.type === 'range') {
       //   if (type === 'start' || type === 'end') {
       //     return t(type);
@@ -271,16 +225,13 @@ var _default = createComponent({
       var style = {
         height: this.rowHeightWithUnit
       };
-
       if (type === 'placeholder') {
         style.width = '100%';
         return style;
       }
-
       if (index === 0 && text && +text === 1) {
         style.marginLeft = 100 * this.offset / 7 + "%";
       }
-
       if (this.color) {
         if (type === 'start' || type === 'end' || type === 'start-end' || type === 'multiple-selected' || type === 'multiple-middle') {
           style.background = this.color;
@@ -288,12 +239,10 @@ var _default = createComponent({
           style.color = this.color;
         }
       }
-
       return style;
     },
     genTitle: function genTitle() {
       var h = this.$createElement;
-
       if (this.showMonthTitle) {
         var currentTitle = this.getMonthTitle();
         return h("div", {
@@ -303,7 +252,6 @@ var _default = createComponent({
     },
     genMark: function genMark() {
       var h = this.$createElement;
-
       if (this.showMark && this.shouldRender) {
         return h("div", {
           "class": (0, _utils2.bem)('month-mark')
@@ -324,7 +272,6 @@ var _default = createComponent({
     genTopInfo: function genTopInfo(item) {
       var h = this.$createElement;
       var slot = this.$scopedSlots['top-info'];
-
       if (item.topInfo || slot) {
         return h("div", {
           "class": (0, _utils2.bem)('top-info')
@@ -336,7 +283,6 @@ var _default = createComponent({
     genBottomInfo: function genBottomInfo(item) {
       var h = this.$createElement;
       var slot = this.$scopedSlots['bottom-info'];
-
       if (item.bottomInfo || slot) {
         return h("div", {
           "class": (0, _utils2.bem)('bottom-info')
@@ -345,19 +291,16 @@ var _default = createComponent({
     },
     genDay: function genDay(item, index) {
       var _this2 = this;
-
       var h = this.$createElement;
       var type = item.type,
-          text = item.text;
+        text = item.text;
       var style = this.getDayStyle(type, index, text);
       var disabled = type === 'disabled';
-
       var onClick = function onClick() {
         if (!disabled) {
           _this2.$emit('click', item);
         }
       };
-
       if (type === 'selected') {
         return h("div", {
           "attrs": {
@@ -378,7 +321,6 @@ var _default = createComponent({
           }
         }, [this.genTopInfo(item), item.text, this.genBottomInfo(item)])]);
       }
-
       return h("div", {
         "attrs": {
           "role": "gridcell",
@@ -399,6 +341,4 @@ var _default = createComponent({
       "ref": "month"
     }, [this.genTitle(), this.genDays()]);
   }
-});
-
-exports.default = _default;
+});