zartui 0.1.113 → 3.0.1

package/es/col/index.js

@@ -1,55 +0,0 @@
-import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
-
-var _createNamespace = createNamespace('col'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ChildrenMixin('ztRow')],
-  props: {
-    span: [Number, String],
-    offset: [Number, String],
-    tag: {
-      type: String,
-      default: 'div'
-    }
-  },
-  computed: {
-    style: function style() {
-      var index = this.index;
-
-      var _ref = this.parent || {},
-          spaces = _ref.spaces;
-
-      if (spaces && spaces[index]) {
-        var _spaces$index = spaces[index],
-            left = _spaces$index.left,
-            right = _spaces$index.right;
-        return {
-          paddingLeft: left ? left + "px" : null,
-          paddingRight: right ? right + "px" : null
-        };
-      }
-    }
-  },
-  methods: {
-    onClick: function onClick(event) {
-      this.$emit('click', event);
-    }
-  },
-  render: function render() {
-    var _bem;
-
-    var h = arguments[0];
-    var span = this.span,
-        offset = this.offset;
-    return h(this.tag, {
-      "style": this.style,
-      "class": bem((_bem = {}, _bem[span] = span, _bem["offset-" + offset] = offset, _bem)),
-      "on": {
-        "click": this.onClick
-      }
-    }, [this.slots()]);
-  }
-});

package/es/col/index.less

@@ -1,20 +0,0 @@
-@import '../style/var';
-
-.zt-col {
-  float: left;
-  box-sizing: border-box;
-  min-height: 1px;
-}
-
-.generate-col(24);
-.generate-col(@n, @i: 1) when (@i =< @n) {
-  .zt-col--@{i} {
-    width: (@i * 100% / 24);
-  }
-
-  .zt-col--offset-@{i} {
-    margin-left: (@i * 100% / 24);
-  }
-
-  .generate-col(@n, (@i + 1));
-}

package/es/col/style/index.js

@@ -1,2 +0,0 @@
-import '../../style/base.css';
-import '../index.css';

package/es/col/style/less.js

@@ -1,2 +0,0 @@
-import '../../style/base.less';
-import '../index.less';

package/es/collapse/index.js

@@ -1,32 +0,0 @@
-import { createNamespace } from '../utils';
-import { ParentMixin } from '../mixins/relation';
-
-var _createNamespace = createNamespace('collapse'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ParentMixin('ztCollapse')],
-  props: {
-    accordion: Boolean,
-    value: [String, Number, Array]
-  },
-  methods: {
-    switch: function _switch(name, expanded) {
-      if (!this.accordion) {
-        name = expanded ? this.value.concat(name) : this.value.filter(function (activeName) {
-          return activeName !== name;
-        });
-      }
-
-      this.$emit('change', name);
-      this.$emit('input', name);
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem()
-    }, [this.slots()]);
-  }
-});

package/es/collapse/style/index.js

@@ -1 +0,0 @@
-import '../../style/base.css';

package/es/collapse/style/less.js

@@ -1 +0,0 @@
-import '../../style/base.less';

package/es/collapse-item/index.css

@@ -1 +0,0 @@
-.zt-collapse-item{position:relative}.zt-collapse-item__container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff}.zt-collapse-item__container .zt-cell{padding-left:12px}.zt-collapse-item__bar{width:4px;height:16px;background:#0091fa}.zt-collapse-item__title--iconWhite .zt-icon::before{color:#fff!important}.zt-collapse-item__title .zt-cell__title{font-weight:700;font-family:PingFangSC-Semibold}.zt-collapse-item__title .zt-cell__right-icon::before{-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;color:rgba(0,0,0,.2)}.zt-collapse-item__title::after{right:16px;display:none}.zt-collapse-item__title--expanded .zt-cell__right-icon::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);color:#0091fa}.zt-collapse-item__title--expanded::after{display:block}.zt-collapse-item__title--borderless::after{display:none}.zt-collapse-item__title--disabled{cursor:not-allowed}.zt-collapse-item__title--disabled,.zt-collapse-item__title--disabled .zt-cell__right-icon{color:#c8c9cc}.zt-collapse-item__title--disabled:active{background-color:#fff}.zt-collapse-item__wrapper{overflow:hidden;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out;will-change:height}.zt-collapse-item__content{color:#000;font-size:14px;line-height:20px;background-color:#fff}

package/es/collapse-item/index.js

@@ -1,211 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-// Utils
-import { createNamespace } from '../utils';
-import { raf, doubleRaf } from '../utils/dom/raf'; // Mixins
-
-import { ChildrenMixin } from '../mixins/relation'; // Components
-
-import Cell from '../cell';
-import { cellProps } from '../cell/shared';
-
-var _createNamespace = createNamespace('collapse-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var CELL_SLOTS = ['title', 'icon', 'right-icon'];
-export default createComponent({
-  mixins: [ChildrenMixin('ztCollapse')],
-  props: _extends({}, cellProps, {
-    name: [Number, String],
-    disabled: Boolean,
-    isLink: {
-      type: Boolean,
-      default: true
-    },
-    titleBG: {
-      type: String,
-      default: ""
-    }
-  }),
-  data: function data() {
-    return {
-      show: null,
-      inited: null
-    };
-  },
-  computed: {
-    currentName: function currentName() {
-      var _this$name;
-
-      return (_this$name = this.name) != null ? _this$name : this.index;
-    },
-    expanded: function expanded() {
-      var _this = this;
-
-      if (!this.parent) {
-        return null;
-      }
-
-      var _this$parent = this.parent,
-          value = _this$parent.value,
-          accordion = _this$parent.accordion;
-
-      if (process.env.NODE_ENV === 'development' && !accordion && !Array.isArray(value)) {
-        console.error('[zart] Collapse: type of prop "value" should be Array');
-        return;
-      }
-
-      return accordion ? value === this.currentName : value.some(function (name) {
-        return name === _this.currentName;
-      });
-    }
-  },
-  created: function created() {
-    this.show = this.expanded;
-    this.inited = this.expanded;
-  },
-  watch: {
-    expanded: function expanded(_expanded, prev) {
-      var _this2 = this;
-
-      if (prev === null) {
-        return;
-      }
-
-      if (_expanded) {
-        this.show = true;
-        this.inited = true;
-      } // Use raf: flick when opened in safari
-      // Use nextTick: closing animation failed when set `user-select: none`
-
-
-      var nextTick = _expanded ? this.$nextTick : raf;
-      nextTick(function () {
-        var _this2$$refs = _this2.$refs,
-            content = _this2$$refs.content,
-            wrapper = _this2$$refs.wrapper;
-
-        if (!content || !wrapper) {
-          return;
-        }
-
-        var offsetHeight = content.offsetHeight;
-
-        if (offsetHeight) {
-          var contentHeight = offsetHeight + "px";
-          wrapper.style.height = _expanded ? 0 : contentHeight; // use double raf to ensure animation can start
-
-          doubleRaf(function () {
-            wrapper.style.height = _expanded ? contentHeight : 0;
-          });
-        } else {
-          _this2.onTransitionEnd();
-        }
-      });
-    }
-  },
-  methods: {
-    onClick: function onClick() {
-      if (!this.disabled) {
-        this.toggle();
-      }
-    },
-    // @exposed-api
-    toggle: function toggle(expanded) {
-      if (expanded === void 0) {
-        expanded = !this.expanded;
-      }
-
-      var parent = this.parent,
-          currentName = this.currentName;
-      var close = parent.accordion && currentName === parent.value;
-      var name = close ? '' : currentName;
-      this.parent.switch(name, expanded);
-    },
-    onTransitionEnd: function onTransitionEnd() {
-      if (!this.expanded) {
-        this.show = false;
-      } else {
-        this.$refs.wrapper.style.height = '';
-      }
-    },
-    genTitle: function genTitle() {
-      var _this3 = this;
-
-      var h = this.$createElement;
-      var border = this.border,
-          disabled = this.disabled,
-          expanded = this.expanded,
-          titleBG = this.titleBG;
-      var titleSlots = CELL_SLOTS.reduce(function (slots, name) {
-        if (_this3.slots(name)) {
-          slots[name] = function () {
-            return _this3.slots(name);
-          };
-        }
-
-        return slots;
-      }, {});
-
-      if (this.slots('value')) {
-        titleSlots.default = function () {
-          return _this3.slots('value');
-        };
-      }
-
-      return h("div", {
-        "class": bem("container") + (expanded ? " half-border-bottom" : ""),
-        "style": titleBG ? "background:" + titleBG + ";color:#fff;" : ""
-      }, [h("div", {
-        "class": bem("bar"),
-        "style": titleBG ? 'background-color:#fff;' : ''
-      }), h(Cell, {
-        "attrs": {
-          "role": "button",
-          "tabindex": disabled ? -1 : 0,
-          "aria-expanded": String(expanded)
-        },
-        "class": bem('title', {
-          disabled: disabled,
-          expanded: expanded,
-          borderless: !border,
-          iconWhite: titleBG
-        }),
-        "on": {
-          "click": this.onClick
-        },
-        "scopedSlots": titleSlots,
-        "style": titleBG ? "background:" + titleBG + ";color:#fff;" : "",
-        "props": _extends({}, this.$props)
-      })]);
-    },
-    genContent: function genContent() {
-      var h = this.$createElement;
-
-      if (this.inited) {
-        return h("div", {
-          "directives": [{
-            name: "show",
-            value: this.show
-          }],
-          "ref": "wrapper",
-          "class": bem('wrapper'),
-          "on": {
-            "transitionend": this.onTransitionEnd
-          }
-        }, [h("div", {
-          "ref": "content",
-          "class": bem('content')
-        }, [this.slots()])]);
-      }
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": [bem({
-        border: this.index && this.border
-      })]
-    }, [this.genTitle(), this.genContent()]);
-  }
-});

package/es/collapse-item/index.less

@@ -1,87 +0,0 @@
-@import '../style/var';
-@import '../style/mixins/hairline';
-
-.zt-collapse-item {
-  position: relative;
-
-  &__container {
-    display: flex;
-    align-items: center;
-    background-color: #fff;
-    .zt-cell {
-      padding-left: 12px;
-    }
-  }
-  &__bar {
-    width: 4px;
-    height: 16px;
-    background: #0091FA;
-  }
-
-  &__title {
-    &--iconWhite {
-      .zt-icon::before {
-        color: #fff!important;
-      }
-    }
-    .zt-cell__title {
-      font-weight: bold;
-      font-family: PingFangSC-Semibold;
-    }
-    .zt-cell__right-icon::before {
-      // using translateZ to fix safari rendering issues
-      // see: https://github.com/youzan/vant/issues/8608
-      transform: rotate(90deg) translateZ(0);
-      transition: transform @collapse-item-transition-duration;
-      color: @gray-a2;
-    }
-
-    &::after {
-      right: @padding-md;
-      display: none;
-    }
-
-    &--expanded {
-      .zt-cell__right-icon::before {
-        transform: rotate(-90deg);
-        color: @blue;
-      }
-
-      &::after {
-        display: block;
-      }
-    }
-
-    &--borderless {
-      &::after {
-        display: none;
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-
-      &,
-      & .zt-cell__right-icon {
-        color: @collapse-item-title-disabled-color;
-      }
-
-      &:active {
-        background-color: @white;
-      }
-    }
-  }
-
-  &__wrapper {
-    overflow: hidden;
-    transition: height @collapse-item-transition-duration ease-in-out;
-    will-change: height;
-  }
-
-  &__content {
-    color: @collapse-item-content-text-color;
-    font-size: @collapse-item-content-font-size;
-    line-height: @collapse-item-content-line-height;
-    background-color: @collapse-item-content-background-color;
-  }
-}

package/es/collapse-item/style/index.js

@@ -1,5 +0,0 @@
-import '../../style/base.css';
-import '../../info/index.css';
-import '../../icon/index.css';
-import '../../cell/index.css';
-import '../index.css';

package/es/collapse-item/style/less.js

@@ -1,5 +0,0 @@
-import '../../style/base.less';
-import '../../info/index.less';
-import '../../icon/index.less';
-import '../../cell/index.less';
-import '../index.less';

package/es/count-down/index.css

@@ -1 +0,0 @@
-.zt-count-down{color:rgba(0,0,0,.6);font-size:14px;line-height:20px;font-weight:700}

package/es/count-down/index.js

@@ -1,163 +0,0 @@
-import { createNamespace, inBrowser } from '../utils';
-import { raf, cancelRaf } from '../utils/dom/raf';
-import { isSameSecond, parseTimeData, parseFormat } from './utils';
-
-var _createNamespace = createNamespace('count-down'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  props: {
-    millisecond: Boolean,
-    time: {
-      type: [Number, String],
-      default: 0
-    },
-    format: {
-      type: String,
-      default: 'HH:mm:ss'
-    },
-    autoStart: {
-      type: Boolean,
-      default: true
-    },
-    color: {
-      type: String,
-      default: 'rgba(0, 0, 0, 0.6)'
-    }
-  },
-  data: function data() {
-    return {
-      remain: 0
-    };
-  },
-  computed: {
-    timeData: function timeData() {
-      return parseTimeData(this.remain);
-    },
-    formattedTime: function formattedTime() {
-      return parseFormat(this.format, this.timeData);
-    }
-  },
-  watch: {
-    time: {
-      immediate: true,
-      handler: 'reset'
-    }
-  },
-  activated: function activated() {
-    if (this.keepAlivePaused) {
-      this.counting = true;
-      this.keepAlivePaused = false;
-      this.tick();
-    }
-  },
-  deactivated: function deactivated() {
-    if (this.counting) {
-      this.pause();
-      this.keepAlivePaused = true;
-    }
-  },
-  beforeDestroy: function beforeDestroy() {
-    this.pause();
-  },
-  methods: {
-    // @exposed-api
-    start: function start() {
-      if (this.counting) {
-        return;
-      }
-
-      this.counting = true;
-      this.endTime = Date.now() + this.remain;
-      this.tick();
-    },
-    // @exposed-api
-    pause: function pause() {
-      this.counting = false;
-      cancelRaf(this.rafId);
-    },
-    // @exposed-api
-    reset: function reset() {
-      this.pause();
-      this.remain = +this.time;
-
-      if (this.autoStart) {
-        this.start();
-      }
-    },
-    tick: function tick() {
-      // should not start counting in server
-      // see: https://github.com/youzan/vant/issues/7807
-      if (!inBrowser) {
-        return;
-      }
-
-      if (this.millisecond) {
-        this.microTick();
-      } else {
-        this.macroTick();
-      }
-    },
-    microTick: function microTick() {
-      var _this = this;
-
-      this.rafId = raf(function () {
-        /* istanbul ignore if */
-        // in case of call reset immediately after finish
-        if (!_this.counting) {
-          return;
-        }
-
-        _this.setRemain(_this.getRemain());
-
-        if (_this.remain > 0) {
-          _this.microTick();
-        }
-      });
-    },
-    macroTick: function macroTick() {
-      var _this2 = this;
-
-      this.rafId = raf(function () {
-        /* istanbul ignore if */
-        // in case of call reset immediately after finish
-        if (!_this2.counting) {
-          return;
-        }
-
-        var remain = _this2.getRemain();
-
-        if (!isSameSecond(remain, _this2.remain) || remain === 0) {
-          _this2.setRemain(remain);
-        }
-
-        if (_this2.remain > 0) {
-          _this2.macroTick();
-        }
-      });
-    },
-    getRemain: function getRemain() {
-      return Math.max(this.endTime - Date.now(), 0);
-    },
-    setRemain: function setRemain(remain) {
-      this.remain = remain;
-      this.$emit('change', this.timeData);
-
-      if (remain === 0) {
-        this.pause();
-        this.$emit('finish');
-      }
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    var style = {
-      color: this.color
-    };
-    return h("div", {
-      "class": bem(),
-      "style": style
-    }, [this.slots('default', this.timeData) || this.formattedTime]);
-  }
-});

package/es/count-down/index.less

@@ -1,8 +0,0 @@
-@import '../style/var';
-
-.zt-count-down {
-  color: @count-down-text-color;
-  font-size: @count-down-font-size;
-  line-height: @count-down-line-height;
-  font-weight: bold;
-}

package/es/count-down/style/index.js

@@ -1,2 +0,0 @@
-import '../../style/base.css';
-import '../index.css';

package/es/count-down/style/less.js

@@ -1,2 +0,0 @@
-import '../../style/base.less';
-import '../index.less';

package/es/count-down/utils.js

@@ -1,67 +0,0 @@
-import { padZero } from '../utils/format/string';
-var SECOND = 1000;
-var MINUTE = 60 * SECOND;
-var HOUR = 60 * MINUTE;
-var DAY = 24 * HOUR;
-export function parseTimeData(time) {
-  var days = Math.floor(time / DAY);
-  var hours = Math.floor(time % DAY / HOUR);
-  var minutes = Math.floor(time % HOUR / MINUTE);
-  var seconds = Math.floor(time % MINUTE / SECOND);
-  var milliseconds = Math.floor(time % SECOND);
-  return {
-    days: days,
-    hours: hours,
-    minutes: minutes,
-    seconds: seconds,
-    milliseconds: milliseconds
-  };
-}
-export function parseFormat(format, timeData) {
-  var days = timeData.days;
-  var hours = timeData.hours,
-      minutes = timeData.minutes,
-      seconds = timeData.seconds,
-      milliseconds = timeData.milliseconds;
-
-  if (format.indexOf('DD') === -1) {
-    hours += days * 24;
-  } else {
-    format = format.replace('DD', padZero(days));
-  }
-
-  if (format.indexOf('HH') === -1) {
-    minutes += hours * 60;
-  } else {
-    format = format.replace('HH', padZero(hours));
-  }
-
-  if (format.indexOf('mm') === -1) {
-    seconds += minutes * 60;
-  } else {
-    format = format.replace('mm', padZero(minutes));
-  }
-
-  if (format.indexOf('ss') === -1) {
-    milliseconds += seconds * 1000;
-  } else {
-    format = format.replace('ss', padZero(seconds));
-  }
-
-  if (format.indexOf('S') !== -1) {
-    var ms = padZero(milliseconds, 3);
-
-    if (format.indexOf('SSS') !== -1) {
-      format = format.replace('SSS', ms);
-    } else if (format.indexOf('SS') !== -1) {
-      format = format.replace('SS', ms.slice(0, 2));
-    } else {
-      format = format.replace('S', ms.charAt(0));
-    }
-  }
-
-  return format;
-}
-export function isSameSecond(time1, time2) {
-  return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
-}