zartui 2.1.6 → 2.1.8

package/es/button/index.js

@@ -4,71 +4,63 @@ import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
 import { createNamespace } from '../utils';
 import { emit, inherit } from '../utils/functional';
 import { BORDER_SURROUND } from '../utils/constant';
-import { routeProps, functionalRoute } from '../utils/router'; // Components
+import { routeProps, functionalRoute } from '../utils/router';
 
+// Components
 import Icon from '../icon';
-import Loading from '../loading'; // Types
+import Loading from '../loading';
 
-var _createNamespace = createNamespace('button'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = createNamespace('button'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function Button(h, props, slots, ctx) {
   var _ref;
-
   var tag = props.tag,
-      icon = props.icon,
-      type = props.type,
-      color = props.color,
-      plain = props.plain,
-      disabled = props.disabled,
-      loading = props.loading,
-      blockInner = props.blockInner,
-      borderLess = props.borderLess,
-      hairline = props.hairline,
-      loadingText = props.loadingText,
-      iconPosition = props.iconPosition,
-      backgroundColor = props.backgroundColor,
-      borderColor = props.borderColor;
+    icon = props.icon,
+    type = props.type,
+    color = props.color,
+    plain = props.plain,
+    disabled = props.disabled,
+    loading = props.loading,
+    blockInner = props.blockInner,
+    borderLess = props.borderLess,
+    hairline = props.hairline,
+    loadingText = props.loadingText,
+    iconPosition = props.iconPosition,
+    backgroundColor = props.backgroundColor,
+    borderColor = props.borderColor;
   var style = {};
-
   if (backgroundColor) {
     style.background = backgroundColor;
-
     if (backgroundColor.includes('gradient')) {
       style.border = 0;
     } else {
       style.borderColor = backgroundColor;
     }
   }
-
   if (borderColor) {
     style.borderColor = borderColor;
   }
-
   if (color) {
     style.color = color;
   }
-
   if (borderLess) {
     style.border = 0;
   }
-
   function onClick(event) {
     if (props.loading) {
       event.preventDefault();
     }
-
     if (!loading && !disabled) {
       emit(ctx, 'click', event);
       functionalRoute(ctx);
     }
   }
-
   function onTouchstart(event) {
     emit(ctx, 'touchstart', event);
   }
-
   var classes = [bem([type, props.size, {
     plain: plain,
     loading: loading,
@@ -79,7 +71,6 @@ function Button(h, props, slots, ctx) {
     round: props.round,
     square: props.square
   }]), (_ref = {}, _ref[BORDER_SURROUND] = hairline, _ref)];
-
   function renderIcon() {
     if (loading) {
       return slots.loading ? slots.loading() : h(Loading, {
@@ -91,13 +82,11 @@ function Button(h, props, slots, ctx) {
         }
       });
     }
-
     if (slots.icon) {
       return h("div", {
         "class": bem('icon', props.size)
       }, [slots.icon()]);
     }
-
     if (icon) {
       return h(Icon, {
         "attrs": {
@@ -108,35 +97,27 @@ function Button(h, props, slots, ctx) {
       });
     }
   }
-
   function renderContent() {
     var content = [];
-
     if (iconPosition === 'left') {
       content.push(renderIcon());
     }
-
     var text;
-
     if (loading) {
       text = loadingText;
     } else {
       text = slots.default ? slots.default() : props.text;
     }
-
     if (text) {
       content.push(h("span", {
         "class": bem('text')
       }, [text]));
     }
-
     if (iconPosition === 'right') {
       content.push(renderIcon());
     }
-
     return content;
   }
-
   return h(tag, _mergeJSXProps([{
     "style": style,
     "class": classes,
@@ -152,7 +133,6 @@ function Button(h, props, slots, ctx) {
     "class": bem('content')
   }, [renderContent()])]);
 }
-
 Button.props = _extends({}, routeProps, {
   text: String,
   icon: String,

package/es/calendar/components/Header.js

@@ -2,10 +2,8 @@ import { createNamespace } from '../../utils';
 import { t, bem } from '../utils';
 import FastForwardImg from "../FastForwardImg";
 import SlowForwardImg from "../SlowForwardImg";
-
 var _createNamespace = createNamespace('calendar-header'),
-    createComponent = _createNamespace[0];
-
+  createComponent = _createNamespace[0];
 export default createComponent({
   props: {
     color: String,
@@ -23,7 +21,6 @@ export default createComponent({
   methods: {
     genTitle: function genTitle() {
       var h = this.$createElement;
-
       if (this.showTitle) {
         var title = this.slots('title') || this.title || t('title');
         return h("div", {
@@ -35,21 +32,17 @@ export 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": bem('header-subtitle')
@@ -100,13 +93,11 @@ export default createComponent({
     },
     genWeekDays: function genWeekDays() {
       var h = this.$createElement;
-
       if (!this.showWeekDays) {
         return null;
       }
-
-      var weekdays = t('weekdays'); // console.log(" weekdays " + JSON.stringify(weekdays));
-
+      var weekdays = 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", {

package/es/calendar/components/Month.js

@@ -3,10 +3,8 @@ import { setScrollTop } from '../../utils/dom/scroll';
 import { t, bem, compareDay, getPrevDay, getNextDay, formatMonthTitle } from '../utils';
 import { CalendarShowType, CalendarDayType, CalendarTotalDay } from '../types';
 import { getMonthEndDay } from '../../datetime-picker/utils';
-
 var _createNamespace = createNamespace('calendar-month'),
-    createComponent = _createNamespace[0];
-
+  createComponent = _createNamespace[0];
 export default createComponent({
   props: {
     showType: String,
@@ -41,11 +39,9 @@ export 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() {
@@ -57,20 +53,17 @@ export 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 === CalendarShowType.INLINE) {
         for (var day = this.offset - 1; day >= 0; day--) {
           var date = new Date(year, month, -day);
@@ -81,57 +74,43 @@ export 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 === CalendarShowType.INLINE && days && days.length < CalendarTotalDay) {
         var nextMonthsLength = days.length;
-
         for (var _day2 = 1; _day2 <= CalendarTotalDay - nextMonthsLength; _day2++) {
           var _date2 = new Date(year, month + 1, _day2);
-
           var _type2 = this.getDayType(_date2, 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;
     }
   },
@@ -140,7 +119,6 @@ export default createComponent({
       if (!this.height) {
         this.height = this.$el.getBoundingClientRect().height;
       }
-
       return this.height;
     },
     getMonthTitle: function getMonthTitle() {
@@ -148,107 +126,88 @@ export 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;
       setScrollTop(body, scrollTop);
     },
     getMultipleDayType: function getMultipleDayType(day) {
       var _this = this;
-
       var isSelected = function isSelected(date) {
         return _this.currentDate.some(function (item) {
           return compareDay(item, date) === 0;
         });
       };
-
       if (isSelected(day)) {
         var prevDay = getPrevDay(day);
         var nextDay = 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 = compareDay(day, startDay);
-
       if (!endDay) {
         return compareToStart === 0 ? 'start' : '';
       }
-
       var compareToEnd = 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 && compareDay(day, minDate) < 0 || maxDate && 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 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);
@@ -262,16 +221,13 @@ export 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;
@@ -279,12 +235,10 @@ export 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", {
@@ -294,7 +248,6 @@ export default createComponent({
     },
     genMark: function genMark() {
       var h = this.$createElement;
-
       if (this.showMark && this.shouldRender) {
         return h("div", {
           "class": bem('month-mark')
@@ -315,7 +268,6 @@ export default createComponent({
     genTopInfo: function genTopInfo(item) {
       var h = this.$createElement;
       var slot = this.$scopedSlots['top-info'];
-
       if (item.topInfo || slot) {
         return h("div", {
           "class": bem('top-info')
@@ -327,7 +279,6 @@ export default createComponent({
     genBottomInfo: function genBottomInfo(item) {
       var h = this.$createElement;
       var slot = this.$scopedSlots['bottom-info'];
-
       if (item.bottomInfo || slot) {
         return h("div", {
           "class": bem('bottom-info')
@@ -336,19 +287,16 @@ export 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": {
@@ -369,7 +317,6 @@ export default createComponent({
           }
         }, [this.genTopInfo(item), item.text, this.genBottomInfo(item)])]);
       }
-
       return h("div", {
         "attrs": {
           "role": "gridcell",