zartui 0.1.113 → 3.0.1

package/es/calendar/components/Month.js

@@ -1,339 +0,0 @@
-import { createNamespace, addUnit } from '../../utils';
-import { setScrollTop } from '../../utils/dom/scroll';
-import { t, bem, compareDay, getPrevDay, getNextDay, formatMonthTitle } from '../utils';
-import { getMonthEndDay } from '../../datetime-picker/utils';
-
-var _createNamespace = createNamespace('calendar-month'),
-    createComponent = _createNamespace[0];
-
-export default createComponent({
-  props: {
-    date: Date,
-    type: String,
-    color: String,
-    minDate: Date,
-    maxDate: Date,
-    showMark: Boolean,
-    rowHeight: [Number, String],
-    formatter: Function,
-    lazyRender: Boolean,
-    currentDate: [Date, Array],
-    allowSameDay: Boolean,
-    showSubtitle: Boolean,
-    showMonthTitle: Boolean,
-    firstDayOfWeek: Number
-  },
-  data: function data() {
-    return {
-      visible: false
-    };
-  },
-  computed: {
-    title: function title() {
-      return this.getMonthTitle();
-    },
-    rowHeightWithUnit: function rowHeightWithUnit() {
-      return addUnit(this.rowHeight);
-    },
-    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() {
-      return getMonthEndDay(this.date.getFullYear(), this.date.getMonth() + 1);
-    },
-    shouldRender: function shouldRender() {
-      return this.visible || !this.lazyRender;
-    },
-    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();
-
-      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);
-      }
-
-      return days;
-    }
-  },
-  methods: {
-    getHeight: function getHeight() {
-      if (!this.height) {
-        this.height = this.$el.getBoundingClientRect().height;
-      }
-
-      return this.height;
-    },
-    getMonthTitle: function getMonthTitle() {
-      return formatMonthTitle(this.date);
-    },
-    scrollIntoView: function scrollIntoView(body) {
-      var _this$$refs = this.$refs,
-          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];
-
-      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) {
-      var type = this.type,
-          minDate = this.minDate,
-          maxDate = this.maxDate,
-          currentDate = this.currentDate;
-
-      if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) {
-        return 'disabled';
-      }
-
-      if (currentDate === null) {
-        return;
-      }
-
-      if (type === 'single') {
-        return compareDay(day, currentDate) === 0 ? 'selected' : '';
-      }
-
-      if (type === 'multiple') {
-        return this.getMultipleDayType(day);
-      }
-      /* istanbul ignore else */
-
-
-      if (type === 'range') {
-        return this.getRangeDayType(day);
-      }
-    },
-    getBottomInfo: function getBottomInfo(type) {
-      if (this.type === 'range') {
-        if (type === 'start' || type === 'end') {
-          return t(type);
-        }
-
-        if (type === 'start-end') {
-          return t('startEnd');
-        }
-      }
-    },
-    getDayStyle: function getDayStyle(type, index) {
-      var style = {
-        height: this.rowHeightWithUnit
-      };
-
-      if (type === 'placeholder') {
-        style.width = '100%';
-        return style;
-      }
-
-      if (index === 0) {
-        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;
-        } else if (type === 'middle') {
-          style.color = this.color;
-        }
-      }
-
-      return style;
-    },
-    genTitle: function genTitle() {
-      var h = this.$createElement;
-
-      if (this.showMonthTitle) {
-        var currentTitle = this.getMonthTitle();
-        return h("div", {
-          "class": bem('month-title')
-        }, [currentTitle]);
-      }
-    },
-    genMark: function genMark() {
-      var h = this.$createElement;
-
-      if (this.showMark && this.shouldRender) {
-        return h("div", {
-          "class": bem('month-mark')
-        }, [this.date.getMonth() + 1]);
-      }
-    },
-    genDays: function genDays() {
-      var h = this.$createElement;
-      var days = this.shouldRender ? this.days : this.placeholders;
-      return h("div", {
-        "ref": "days",
-        "attrs": {
-          "role": "grid"
-        },
-        "class": bem('days')
-      }, [this.genMark(), days.map(this.genDay)]);
-    },
-    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')
-        }, [slot ? slot(item) : item.topInfo]);
-      }
-    },
-    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')
-        }, [slot ? slot(item) : item.bottomInfo]);
-      }
-    },
-    genDay: function genDay(item, index) {
-      var _this2 = this;
-
-      var h = this.$createElement;
-      var type = item.type;
-      var style = this.getDayStyle(type, index);
-      var disabled = type === 'disabled';
-
-      var onClick = function onClick() {
-        if (!disabled) {
-          _this2.$emit('click', item);
-        }
-      };
-
-      if (type === 'selected') {
-        return h("div", {
-          "attrs": {
-            "role": "gridcell",
-            "tabindex": -1
-          },
-          "style": style,
-          "class": [bem('day'), item.className],
-          "on": {
-            "click": onClick
-          }
-        }, [h("div", {
-          "class": bem('selected-day'),
-          "style": {
-            width: this.rowHeightWithUnit,
-            height: this.rowHeightWithUnit,
-            background: this.color
-          }
-        }, [this.genTopInfo(item), item.text, this.genBottomInfo(item)])]);
-      }
-
-      return h("div", {
-        "attrs": {
-          "role": "gridcell",
-          "tabindex": disabled ? null : -1
-        },
-        "style": style,
-        "class": [bem('day', type), item.className],
-        "on": {
-          "click": onClick
-        }
-      }, [this.genTopInfo(item), item.text, this.genBottomInfo(item)]);
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem('month'),
-      "ref": "month"
-    }, [this.genTitle(), this.genDays()]);
-  }
-});

package/es/calendar/index.css

@@ -1 +0,0 @@
-.zt-calendar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff}.zt-calendar__popup.zt-popup--bottom,.zt-calendar__popup.zt-popup--top{height:80%}.zt-calendar__popup.zt-popup--left,.zt-calendar__popup.zt-popup--right{height:100%}.zt-calendar__popup .zt-popup__close-icon{top:11px}.zt-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);margin-bottom:8px}.zt-calendar__header-title{height:44px;font-weight:700;line-height:44px;text-align:left;padding-left:16px;position:relative}.zt-calendar__header-title .hint-block{position:absolute;content:'';top:14px;left:0;width:4px;height:16px;background:#0091fa}.zt-calendar__header-title::after{top:44px;left:0;content:'';position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-calendar__header-subtitle{height:44px;font-weight:400;line-height:44px;text-align:center}.zt-calendar__month-title{height:44px;font-weight:400;line-height:44px;text-align:center}.zt-calendar__header-title{font-size:16px}.zt-calendar__header-subtitle{font-size:14px}.zt-calendar__month-title{font-size:14px}.zt-calendar__weekdays{display:-webkit-box;display:-webkit-flex;display:flex;background-color:rgba(0,0,0,.02)}.zt-calendar__weekday{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:12px;line-height:30px;font-weight:700;text-align:center}.zt-calendar__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.zt-calendar__days{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.zt-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:rgba(242,243,245,.8);font-size:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.zt-calendar__day,.zt-calendar__selected-day{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.zt-calendar__day{position:relative;width:14.285%;height:14.285vw;margin-bottom:10px;font-size:16px;font-weight:400;cursor:pointer;outline:0}.zt-calendar__day--end,.zt-calendar__day--multiple-middle,.zt-calendar__day--multiple-selected,.zt-calendar__day--start,.zt-calendar__day--start-end{font-weight:700;color:#fff;background-color:#0091fa;box-shadow:0 0 0 3px rgba(0,145,250,.1)}@media (pointer:coarse){.zt-calendar__day--end,.zt-calendar__day--multiple-middle{margin-left:-1px}}.zt-calendar__day--start{font-weight:700;border-radius:7.143vw 0 0 7.143vw;border-right:none;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--end{font-weight:700;border-radius:0 7.143vw 7.143vw 0;border-left:none;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--multiple-selected,.zt-calendar__day--start-end{font-weight:700;border-radius:7.143vw;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--middle{color:#000}.zt-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;color:#0091fa;background-color:currentColor;opacity:.11;content:''}.zt-calendar__day--disabled{color:#c8c9cc;cursor:default}.zt-calendar__bottom-info,.zt-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;line-height:14px}@media (max-width:350px){.zt-calendar__bottom-info,.zt-calendar__top-info{font-size:9px}}.zt-calendar__top-info{top:6px}.zt-calendar__bottom-info{display:none;bottom:6px}.zt-calendar__selected-day{font-weight:700;width:14.285vw;height:14.285vw;color:#fff;background-color:#0091fa;border-radius:calc(14.285vw / 2);box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__footer{-webkit-flex-shrink:0;flex-shrink:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.zt-calendar__footer--unfit{padding-bottom:0}.zt-calendar__confirm{border-radius:0}