zartui 0.1.113 → 3.0.1

package/es/calendar/index.less

@@ -1,251 +0,0 @@
-@import '../style/var';
-@import '../style/mixins/hairline';
-
-.zt-calendar {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background-color: @calendar-background-color;
-
-  &__popup {
-    &.zt-popup--top,
-    &.zt-popup--bottom {
-      height: @calendar-popup-height;
-    }
-
-    &.zt-popup--left,
-    &.zt-popup--right {
-      height: 100%;
-    }
-
-    .zt-popup__close-icon {
-      top: 11px;
-    }
-  }
-
-  &__header {
-    flex-shrink: 0;
-    box-shadow: @calendar-header-box-shadow;
-    margin-bottom: @calendar-header-shadow-height; /*让box shadow 显示出来*/
-  }
-
-  &__header-title {
-    height: @calendar-header-title-height;
-    font-weight: @base-font-weight;
-    line-height: @calendar-header-title-height;
-    text-align: left;
-    padding-left: @padding-md;
-    position: relative;
-
-  }
-
-  &__header-title .hint-block {
-    position: absolute;
-    content: '';
-    top: 14px;
-    left: 0;
-    width: 4px;
-    height: 16px;
-    background: #0091fa;
-  }
-
-  &__header-title::after {
-    position: absolute;
-    top:44px;
-    left: 0px;
-    content: '';
-    .hairline-bottom();
-  }
-
-  &__header-subtitle {
-    height: @calendar-header-title-height;
-    font-weight: @plain-font-weight;
-    line-height: @calendar-header-title-height;
-    text-align: center;
-  }
-
-  &__month-title {
-    height: @calendar-header-title-height;
-    font-weight: @plain-font-weight;
-    line-height: @calendar-header-title-height;
-    text-align: center;
-  }
-
-  &__header-title {
-    font-size: @calendar-header-title-font-size;
-  }
-
-  &__header-subtitle {
-    font-size: @calendar-header-subtitle-font-size;
-  }
-
-  &__month-title {
-    font-size: @calendar-month-title-font-size;
-  }
-
-  &__weekdays {
-    display: flex;
-    background-color: rgba(0, 0, 0, 0.02);
-  }
-
-  &__weekday {
-    flex: 1;
-    font-size: @calendar-weekdays-font-size;
-    line-height: @calendar-weekdays-height;
-    font-weight: @base-font-weight;
-    text-align: center;
-  }
-
-  &__body {
-    flex: 1;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    background-color:  @calendar-background-color;
-  }
-
-  &__days {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    user-select: none;
-  }
-
-  &__month-mark {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 0;
-    color: @calendar-month-mark-color;
-    font-size: @calendar-month-mark-font-size;
-    transform: translate(-50%, -50%);
-    pointer-events: none;
-  }
-
-  &__day,
-  &__selected-day {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-  }
-
-  &__day {
-    position: relative;
-    width: 14.285%;
-    height: @calendar-day-height;
-    margin-bottom: 10px;
-    font-size: @calendar-day-font-size;
-    font-weight: @plain-font-weight;
-    cursor: pointer;
-    outline: none;
-
-    &--end,
-    &--start,
-    &--start-end,
-    &--multiple-middle,
-    &--multiple-selected {
-      font-weight: @base-font-weight;
-      color: @calendar-range-edge-color;
-      background-color: @calendar-range-edge-background-color;
-      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
-    }
-
-    @media (pointer: coarse) {
-      /* FIX iOS 上 两个格子间有间距造成了一个像素的白线 */
-      &--end,
-      &--multiple-middle {
-        margin-left: -1px;
-      }
-    }
-
-    &--start {
-      font-weight: @base-font-weight;
-      border-radius: @calendar-day-height-half 0 0 @calendar-day-height-half;
-      border-right: none;
-      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
-    }
-
-    &--end {
-      font-weight: @base-font-weight;
-      border-radius: 0 @calendar-day-height-half @calendar-day-height-half 0;
-      border-left: none;
-      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
-    }
-
-    &--start-end,
-    &--multiple-selected {
-      font-weight: @base-font-weight;
-      border-radius: @calendar-day-height-half;
-      box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
-    }
-
-    &--middle {
-      color: @calendar-range-middle-color;
-
-      &::after {
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        color: @blue;
-        background-color: currentColor;
-        opacity: @calendar-range-middle-background-opacity;
-        content: '';
-      }
-    }
-
-    &--disabled {
-      color: @calendar-day-disabled-color;
-      cursor: default;
-    }
-  }
-
-  &__top-info,
-  &__bottom-info {
-    position: absolute;
-    right: 0;
-    left: 0;
-    font-size: @calendar-info-font-size;
-    line-height: @calendar-info-line-height;
-
-    @media (max-width: 350px) {
-      font-size: 9px;
-    }
-  }
-
-  &__top-info {
-    top: 6px;
-  }
-
-  &__bottom-info {
-    display: none;
-    bottom: 6px;
-  }
-
-  &__selected-day {
-    font-weight: @base-font-weight;
-    width: @calendar-selected-day-size;
-    height: @calendar-selected-day-size;
-    color: @calendar-selected-day-color;
-    background-color: @calendar-selected-day-background-color;
-    border-radius: calc(@calendar-selected-day-size / 2);
-    box-shadow: 0 0 0 3px rgba(0,145,250,0.1);
-  }
-
-  &__footer {
-    flex-shrink: 0;
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
-
-    &--unfit {
-      padding-bottom: 0;
-    }
-  }
-
-  &__confirm {
-    border-radius: 0px;
-    //height: @calendar-confirm-button-height;
-    //margin: @calendar-confirm-button-margin;
-  }
-}

package/es/calendar/style/index.js

@@ -1,9 +0,0 @@
-import '../../style/base.css';
-import '../../overlay/index.css';
-import '../../info/index.css';
-import '../../icon/index.css';
-import '../../popup/index.css';
-import '../../loading/index.css';
-import '../../toast/index.css';
-import '../../button/index.css';
-import '../index.css';

package/es/calendar/style/less.js

@@ -1,9 +0,0 @@
-import '../../style/base.less';
-import '../../overlay/index.less';
-import '../../info/index.less';
-import '../../icon/index.less';
-import '../../popup/index.less';
-import '../../loading/index.less';
-import '../../toast/index.less';
-import '../../button/index.less';
-import '../index.less';

package/es/calendar/utils.js

@@ -1,66 +0,0 @@
-import { createNamespace } from '../utils';
-
-var _createNamespace = createNamespace('calendar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
-export { createComponent, bem, t };
-export function formatMonthTitle(date) {
-  return t('monthTitle', date.getFullYear(), date.getMonth() + 1);
-}
-export function compareMonth(date1, date2) {
-  var year1 = date1.getFullYear();
-  var year2 = date2.getFullYear();
-  var month1 = date1.getMonth();
-  var month2 = date2.getMonth();
-
-  if (year1 === year2) {
-    return month1 === month2 ? 0 : month1 > month2 ? 1 : -1;
-  }
-
-  return year1 > year2 ? 1 : -1;
-}
-export function compareDay(day1, day2) {
-  var compareMonthResult = compareMonth(day1, day2);
-
-  if (compareMonthResult === 0) {
-    var date1 = day1.getDate();
-    var date2 = day2.getDate();
-    return date1 === date2 ? 0 : date1 > date2 ? 1 : -1;
-  }
-
-  return compareMonthResult;
-}
-export function getDayByOffset(date, offset) {
-  date = new Date(date);
-  date.setDate(date.getDate() + offset);
-  return date;
-}
-export function getPrevDay(date) {
-  return getDayByOffset(date, -1);
-}
-export function getNextDay(date) {
-  return getDayByOffset(date, 1);
-}
-export function calcDateNum(date) {
-  var day1 = date[0].getTime();
-  var day2 = date[1].getTime();
-  return (day2 - day1) / (1000 * 60 * 60 * 24) + 1;
-}
-export function copyDate(dates) {
-  return new Date(dates);
-}
-export function copyDates(dates) {
-  if (Array.isArray(dates)) {
-    return dates.map(function (date) {
-      if (date === null) {
-        return date;
-      }
-
-      return copyDate(date);
-    });
-  }
-
-  return copyDate(dates);
-}

package/es/cascader/index.css

@@ -1 +0,0 @@
-.zt-cascader__header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px;padding:0 16px}.zt-cascader__title{font-weight:700;font-size:16px;line-height:44px}.zt-cascader__close-icon{color:rgba(0,0,0,.4);font-size:20px}.zt-cascader__close-icon:active{color:rgba(0,0,0,.6)}.zt-cascader__tabs .zt-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin:0 8px;padding:0}.zt-cascader__tabs.zt-tabs--line .zt-tabs__wrap{height:48px}.zt-cascader__tabs .zt-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt-cascader__tab{color:#000;font-weight:700;font-size:14px;line-height:44px}.zt-cascader__tab--unselected{color:rgba(0,0,0,.4);font-weight:400}.zt-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-family:PingFangSC-Regular;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#000;padding:0 16px;font-weight:400;font-size:14px;line-height:44px}.zt-cascader__option:active{background-color:rgba(0,0,0,.04)}.zt-cascader__option--selected{color:#0091fa;font-weight:700}.zt-cascader__selected-icon{font-size:24px}.zt-cascader__options{box-sizing:border-box;height:352px;overflow-y:auto;-webkit-overflow-scrolling:touch}

package/es/cascader/index.js

@@ -1,286 +0,0 @@
-import { createNamespace } from '../utils';
-import Tab from '../tab';
-import Tabs from '../tabs';
-import Icon from '../icon';
-import Divider from "../divider";
-
-var _createNamespace = createNamespace('cascader'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
-export default createComponent({
-  props: {
-    title: String,
-    value: [Number, String],
-    fieldNames: Object,
-    placeholder: String,
-    activeColor: String,
-    options: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    closeable: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data: function data() {
-    return {
-      tabs: [],
-      activeTab: 0
-    };
-  },
-  computed: {
-    textKey: function textKey() {
-      var _this$fieldNames;
-
-      return ((_this$fieldNames = this.fieldNames) == null ? void 0 : _this$fieldNames.text) || 'text';
-    },
-    valueKey: function valueKey() {
-      var _this$fieldNames2;
-
-      return ((_this$fieldNames2 = this.fieldNames) == null ? void 0 : _this$fieldNames2.value) || 'value';
-    },
-    childrenKey: function childrenKey() {
-      var _this$fieldNames3;
-
-      return ((_this$fieldNames3 = this.fieldNames) == null ? void 0 : _this$fieldNames3.children) || 'children';
-    }
-  },
-  watch: {
-    options: {
-      deep: true,
-      handler: 'updateTabs'
-    },
-    value: function value(_value) {
-      var _this = this;
-
-      if (_value || _value === 0) {
-        var values = this.tabs.map(function (tab) {
-          var _tab$selectedOption;
-
-          return (_tab$selectedOption = tab.selectedOption) == null ? void 0 : _tab$selectedOption[_this.valueKey];
-        });
-
-        if (values.indexOf(_value) !== -1) {
-          return;
-        }
-      }
-
-      this.updateTabs();
-    }
-  },
-  created: function created() {
-    this.updateTabs();
-  },
-  methods: {
-    getSelectedOptionsByValue: function getSelectedOptionsByValue(options, value) {
-      for (var i = 0; i < options.length; i++) {
-        var option = options[i];
-
-        if (option[this.valueKey] === value) {
-          return [option];
-        }
-
-        if (option[this.childrenKey]) {
-          var selectedOptions = this.getSelectedOptionsByValue(option[this.childrenKey], value);
-
-          if (selectedOptions) {
-            return [option].concat(selectedOptions);
-          }
-        }
-      }
-    },
-    updateTabs: function updateTabs() {
-      var _this2 = this;
-
-      if (this.value || this.value === 0) {
-        var selectedOptions = this.getSelectedOptionsByValue(this.options, this.value);
-
-        if (selectedOptions) {
-          var optionsCursor = this.options;
-          this.tabs = selectedOptions.map(function (option) {
-            var tab = {
-              options: optionsCursor,
-              selectedOption: option
-            };
-            var next = optionsCursor.filter(function (item) {
-              return item[_this2.valueKey] === option[_this2.valueKey];
-            });
-
-            if (next.length) {
-              optionsCursor = next[0][_this2.childrenKey];
-            }
-
-            return tab;
-          });
-
-          if (optionsCursor) {
-            this.tabs.push({
-              options: optionsCursor,
-              selectedOption: null
-            });
-          }
-
-          this.$nextTick(function () {
-            _this2.activeTab = _this2.tabs.length - 1;
-          });
-          return;
-        }
-      }
-
-      this.tabs = [{
-        options: this.options,
-        selectedOption: null
-      }];
-    },
-    onSelect: function onSelect(option, tabIndex) {
-      var _this3 = this;
-
-      this.tabs[tabIndex].selectedOption = option;
-
-      if (this.tabs.length > tabIndex + 1) {
-        this.tabs = this.tabs.slice(0, tabIndex + 1);
-      }
-
-      if (option[this.childrenKey]) {
-        var nextTab = {
-          options: option[this.childrenKey],
-          selectedOption: null
-        };
-
-        if (this.tabs[tabIndex + 1]) {
-          this.$set(this.tabs, tabIndex + 1, nextTab);
-        } else {
-          this.tabs.push(nextTab);
-        }
-
-        this.$nextTick(function () {
-          _this3.activeTab++;
-        });
-      }
-
-      var selectedOptions = this.tabs.map(function (tab) {
-        return tab.selectedOption;
-      }).filter(function (item) {
-        return !!item;
-      });
-      var eventParams = {
-        value: option[this.valueKey],
-        tabIndex: tabIndex,
-        selectedOptions: selectedOptions
-      };
-      this.$emit('input', option[this.valueKey]);
-      this.$emit('change', eventParams);
-
-      if (!option[this.childrenKey]) {
-        this.$emit('finish', eventParams);
-      }
-    },
-    onClose: function onClose() {
-      this.$emit('close');
-    },
-    renderHeader: function renderHeader() {
-      var h = this.$createElement;
-      return h("div", {
-        "class": bem('header')
-      }, [h("h2", {
-        "class": bem('title')
-      }, [this.slots('title') || this.title]), this.closeable ? h(Icon, {
-        "attrs": {
-          "name": "cross"
-        },
-        "class": bem('close-icon'),
-        "on": {
-          "click": this.onClose
-        }
-      }) : null]);
-    },
-    renderDivider: function renderDivider() {
-      var h = this.$createElement;
-      return h("zt-divider", {
-        "style": {
-          margin: 0
-        }
-      });
-    },
-    renderOptions: function renderOptions(options, selectedOption, tabIndex) {
-      var _this4 = this;
-
-      var h = this.$createElement;
-
-      var renderOption = function renderOption(option) {
-        var isSelected = selectedOption && option[_this4.valueKey] === selectedOption[_this4.valueKey];
-        var Text = _this4.slots('option', {
-          option: option,
-          selected: isSelected
-        }) || h("span", [option[_this4.textKey]]);
-        return h("li", {
-          "class": bem('option', {
-            selected: isSelected
-          }),
-          "style": {
-            color: isSelected ? _this4.activeColor : null
-          },
-          "on": {
-            "click": function click() {
-              _this4.onSelect(option, tabIndex);
-            }
-          }
-        }, [Text, isSelected ? h(Icon, {
-          "attrs": {
-            "name": "success"
-          },
-          "class": bem('selected-icon')
-        }) : null]);
-      };
-
-      return h("ul", {
-        "class": bem('options')
-      }, [options.map(renderOption)]);
-    },
-    renderTab: function renderTab(item, tabIndex) {
-      var h = this.$createElement;
-      var options = item.options,
-          selectedOption = item.selectedOption;
-      var title = selectedOption ? selectedOption[this.textKey] : this.placeholder || t('select');
-      return h(Tab, {
-        "attrs": {
-          "title": title,
-          "titleClass": bem('tab', {
-            unselected: !selectedOption
-          })
-        }
-      }, [this.renderOptions(options, selectedOption, tabIndex)]);
-    },
-    renderTabs: function renderTabs() {
-      var _this5 = this;
-
-      var h = this.$createElement;
-      return h(Tabs, {
-        "attrs": {
-          "animated": true,
-          "swipeable": true,
-          "swipeThreshold": 0,
-          "color": this.activeColor
-        },
-        "class": bem('tabs'),
-        "model": {
-          value: _this5.activeTab,
-          callback: function callback($$v) {
-            _this5.activeTab = $$v;
-          }
-        }
-      }, [this.tabs.map(this.renderTab)]);
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem()
-    }, [this.renderHeader(), this.renderDivider(), this.renderTabs()]);
-  }
-});

package/es/cascader/index.less

@@ -1,87 +0,0 @@
-@import '../style/var';
-
-.zt-cascader {
-  &__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: @cascader-header-height;
-    padding: 0 @padding-md;
-  }
-
-  &__title {
-    font-weight: @font-weight-bold;
-    font-size: @cascader-title-font-size;
-    line-height: @cascader-title-line-height;
-  }
-
-  &__close-icon {
-    color: @cascader-close-icon-color;
-    font-size: @cascader-close-icon-size;
-
-    &:active {
-      color: @cascader-close-icon-active-color;
-    }
-  }
-
-  &__tabs {
-    .zt-tab {
-      flex: none;
-      margin: 0 8px;
-      padding: 0;
-    }
-
-    &.zt-tabs--line .zt-tabs__wrap {
-      height: @cascader-tabs-height;
-    }
-
-    .zt-tabs__nav--complete {
-      padding-right: 8px;
-      padding-left: 8px;
-    }
-  }
-
-  &__tab {
-    color: @cascader-tab-color;
-    font-weight: @font-weight-bold;
-    font-size: @font-size-md;
-    line-height: 44px;
-
-    &--unselected {
-      color: @cascader-unselected-tab-color;
-      font-weight: normal;
-    }
-  }
-
-  &__option {
-    display: flex;
-    align-items: center;
-    font-family: PingFangSC-Regular;
-    justify-content: space-between;
-    color: @black;
-    padding: 0 @padding-md;
-    font-weight: normal;
-    font-size: @font-size-md;
-    line-height: 44px;
-
-    &:active {
-      background-color: @active-color;
-    }
-
-    &--selected {
-      color: @cascader-active-color;
-      font-weight: @font-weight-bold;
-    }
-  }
-
-  &__selected-icon {
-    font-size: @cascader-selected-icon-size;
-  }
-
-  &__options {
-    box-sizing: border-box;
-    height: @cascader-options-height;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-}