vant 2.13.5 → 2.13.7

package/es/contact-list/index.js

@@ -0,0 +1,119 @@
+import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
+// Utils
+import { createNamespace } from '../utils';
+import { RED } from '../utils/constant';
+import { emit, inherit } from '../utils/functional'; // Components
+
+import Tag from '../tag';
+import Icon from '../icon';
+import Cell from '../cell';
+import Radio from '../radio';
+import Button from '../button';
+import RadioGroup from '../radio-group'; // Types
+
+var _createNamespace = createNamespace('contact-list'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1],
+    t = _createNamespace[2];
+
+function ContactList(h, props, slots, ctx) {
+  var List = props.list && props.list.map(function (item, index) {
+    function onClick() {
+      emit(ctx, 'input', item.id);
+      emit(ctx, 'select', item, index);
+    }
+
+    function RightIcon() {
+      return h(Radio, {
+        "attrs": {
+          "name": item.id,
+          "iconSize": 16,
+          "checkedColor": RED
+        },
+        "on": {
+          "click": onClick
+        }
+      });
+    }
+
+    function LeftIcon() {
+      return h(Icon, {
+        "attrs": {
+          "name": "edit"
+        },
+        "class": bem('edit'),
+        "on": {
+          "click": function click(event) {
+            event.stopPropagation();
+            emit(ctx, 'edit', item, index);
+          }
+        }
+      });
+    }
+
+    function Content() {
+      var nodes = [item.name + "\uFF0C" + item.tel];
+
+      if (item.isDefault && props.defaultTagText) {
+        nodes.push(h(Tag, {
+          "attrs": {
+            "type": "danger",
+            "round": true
+          },
+          "class": bem('item-tag')
+        }, [props.defaultTagText]));
+      }
+
+      return nodes;
+    }
+
+    return h(Cell, {
+      "key": item.id,
+      "attrs": {
+        "isLink": true,
+        "center": true,
+        "valueClass": bem('item-value')
+      },
+      "class": bem('item'),
+      "scopedSlots": {
+        icon: LeftIcon,
+        default: Content,
+        'right-icon': RightIcon
+      },
+      "on": {
+        "click": onClick
+      }
+    });
+  });
+  return h("div", _mergeJSXProps([{
+    "class": bem()
+  }, inherit(ctx)]), [h(RadioGroup, {
+    "attrs": {
+      "value": props.value
+    },
+    "class": bem('group')
+  }, [List]), h("div", {
+    "class": bem('bottom')
+  }, [h(Button, {
+    "attrs": {
+      "round": true,
+      "block": true,
+      "type": "danger",
+      "text": props.addText || t('addText')
+    },
+    "class": bem('add'),
+    "on": {
+      "click": function click() {
+        emit(ctx, 'add');
+      }
+    }
+  })])]);
+}
+
+ContactList.props = {
+  value: null,
+  list: Array,
+  addText: String,
+  defaultTagText: String
+};
+export default createComponent(ContactList);

package/es/contact-list/index.less

@@ -0,0 +1,54 @@
+@import '../style/var';
+
+.van-contact-list {
+  box-sizing: border-box;
+  height: 100%;
+  padding-bottom: 80px;
+
+  &__item {
+    padding: @contact-list-item-padding;
+  }
+
+  &__item-value {
+    display: flex;
+    align-items: center;
+    padding-right: @padding-xl;
+    padding-left: @padding-xs;
+  }
+
+  &__item-tag {
+    flex: none;
+    margin-left: @padding-xs;
+    padding-top: 0;
+    padding-bottom: 0;
+    line-height: 1.4em;
+  }
+
+  &__group {
+    box-sizing: border-box;
+    height: 100%;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &__edit {
+    font-size: @contact-list-edit-icon-size;
+  }
+
+  &__bottom {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: @contact-list-add-button-z-index;
+    padding: 0 @padding-md;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+    background-color: @white;
+  }
+
+  &__add {
+    height: 40px;
+    margin: 5px 0;
+  }
+}

package/es/contact-list/style/index.js

@@ -0,0 +1,10 @@
+import '../../style/base.css';
+import '../../info/index.css';
+import '../../icon/index.css';
+import '../../radio/index.css';
+import '../../tag/index.css';
+import '../../cell/index.css';
+import '../../loading/index.css';
+import '../../button/index.css';
+import '../../radio-group/index.css';
+import '../index.css';

package/es/contact-list/style/less.js

@@ -0,0 +1,10 @@
+import '../../style/base.less';
+import '../../info/index.less';
+import '../../icon/index.less';
+import '../../radio/index.less';
+import '../../tag/index.less';
+import '../../cell/index.less';
+import '../../loading/index.less';
+import '../../button/index.less';
+import '../../radio-group/index.less';
+import '../index.less';

package/es/count-down/index.css

@@ -1 +1 @@
-:root,:host{--van-count-down-text-color: var(--van-text-color);--van-count-down-font-size: var(--van-font-size-md);--van-count-down-line-height: var(--van-line-height-md)}.van-count-down{color:var(--van-count-down-text-color);font-size:var(--van-count-down-font-size);line-height:var(--van-count-down-line-height)}
+.van-count-down{color:#323233;font-size:14px;line-height:20px}

package/es/count-down/index.js

@@ -0,0 +1,155 @@
+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
+    }
+  },
+  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/vant-ui/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];
+    return h("div", {
+      "class": bem()
+    }, [this.slots('default', this.timeData) || this.formattedTime]);
+  }
+});

package/es/count-down/index.less

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

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

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

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

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

package/es/count-down/utils.js

@@ -0,0 +1,67 @@
+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);
+}

package/es/coupon/index.css

@@ -1 +1 @@
-:root,:host{--van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);--van-coupon-content-height: 84px;--van-coupon-content-padding: 14px 0;--van-coupon-content-text-color: var(--van-text-color);--van-coupon-background: var(--van-background-2);--van-coupon-active-background: var(--van-active-color);--van-coupon-radius: var(--van-radius-lg);--van-coupon-shadow: 0 0 4px rgba(0, 0, 0, .1);--van-coupon-head-width: 96px;--van-coupon-amount-color: var(--van-primary-color);--van-coupon-amount-font-size: 30px;--van-coupon-currency-font-size: 40%;--van-coupon-name-font-size: var(--van-font-size-md);--van-coupon-disabled-text-color: var(--van-text-color-2);--van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);--van-coupon-description-border-color: var(--van-border-color);--van-coupon-checkbox-color: var(--van-primary-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background:var(--van-coupon-background);border-radius:var(--van-coupon-radius);box-shadow:var(--van-coupon-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background)}.van-coupon__content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--van-coupon-content-height);padding:var(--van-coupon-content-padding);color:var(--van-coupon-content-text-color)}.van-coupon__head{position:relative;min-width:var(--van-coupon-head-width);padding:0 var(--van-padding-xs);color:var(--van-coupon-amount-color);text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:var(--van-font-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-size:var(--van-coupon-currency-font-size)}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:var(--van-font-size-sm);line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;flex:1}.van-coupon__name{margin-bottom:10px;font-weight:var(--van-font-bold);font-size:var(--van-coupon-name-font-size);line-height:var(--van-line-height-md)}.van-coupon__valid{font-size:var(--van-font-size-sm)}.van-coupon__corner{position:absolute;top:0;right:var(--van-padding-md);bottom:0}.van-coupon__corner .van-checkbox__icon--checked .van-icon{background-color:var(--van-coupon-checkbox-color);border-color:var(--van-coupon-checkbox-color)}.van-coupon__description{padding:var(--van-coupon-description-padding);font-size:var(--van-font-size-sm);border-top:1px dashed var(--van-coupon-description-border-color)}.van-coupon--disabled:active{background-color:var(--van-coupon-background)}.van-coupon--disabled .van-coupon-item__content{height:calc(var(--van-coupon-content-height) - 10px)}.van-coupon--disabled .van-coupon__head{color:inherit}
+.van-coupon{margin:0 12px 12px;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.1)}.van-coupon:active{background-color:#f2f3f5}.van-coupon__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;min-height:84px;padding:14px 0;color:#323233}.van-coupon__head{position:relative;min-width:96px;padding:0 8px;color:#ee0a24;text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:500;font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:40%}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:12px;line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;border-radius:0 8px 8px 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:14px;line-height:20px}.van-coupon__valid{font-size:12px}.van-coupon__corner{position:absolute;top:0;right:16px;bottom:0}.van-coupon__description{padding:8px 16px;font-size:12px;border-top:1px dashed #ebedf0}.van-coupon--disabled:active{background-color:#fff}.van-coupon--disabled .van-coupon-item__content{height:74px}.van-coupon--disabled .van-coupon__head{color:inherit}

package/es/coupon/index.js

@@ -0,0 +1,111 @@
+import { createNamespace } from '../utils';
+import { RED } from '../utils/constant';
+import { padZero } from '../utils/format/string';
+import Checkbox from '../checkbox';
+
+var _createNamespace = createNamespace('coupon'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1],
+    t = _createNamespace[2];
+
+function formatTimeStamp(timeStamp) {
+  // compatible when the timestamp is seconds
+  if (timeStamp < Math.pow(10, 12)) {
+    return timeStamp * 1000;
+  }
+
+  return +timeStamp;
+}
+
+function getDate(timeStamp) {
+  var date = new Date(formatTimeStamp(timeStamp));
+  return date.getFullYear() + "." + padZero(date.getMonth() + 1) + "." + padZero(date.getDate());
+}
+
+function formatDiscount(discount) {
+  return (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
+}
+
+function formatAmount(amount) {
+  return (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
+}
+
+export default createComponent({
+  props: {
+    coupon: Object,
+    chosen: Boolean,
+    disabled: Boolean,
+    currency: {
+      type: String,
+      default: '¥'
+    }
+  },
+  computed: {
+    validPeriod: function validPeriod() {
+      var _this$coupon = this.coupon,
+          startAt = _this$coupon.startAt,
+          endAt = _this$coupon.endAt,
+          customValidPeriod = _this$coupon.customValidPeriod;
+      return customValidPeriod || getDate(startAt) + " - " + getDate(endAt);
+    },
+    faceAmount: function faceAmount() {
+      var coupon = this.coupon;
+
+      if (coupon.valueDesc) {
+        return coupon.valueDesc + "<span>" + (coupon.unitDesc || '') + "</span>";
+      }
+
+      if (coupon.denominations) {
+        var denominations = formatAmount(coupon.denominations);
+        return "<span>" + this.currency + "</span> " + denominations;
+      }
+
+      if (coupon.discount) {
+        return t('discount', formatDiscount(coupon.discount));
+      }
+
+      return '';
+    },
+    conditionMessage: function conditionMessage() {
+      var condition = formatAmount(this.coupon.originCondition);
+      return condition === '0' ? t('unlimited') : t('condition', condition);
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    var coupon = this.coupon,
+        disabled = this.disabled;
+    var description = disabled && coupon.reason || coupon.description;
+    return h("div", {
+      "class": bem({
+        disabled: disabled
+      })
+    }, [h("div", {
+      "class": bem('content')
+    }, [h("div", {
+      "class": bem('head')
+    }, [h("h2", {
+      "class": bem('amount'),
+      "domProps": {
+        "innerHTML": this.faceAmount
+      }
+    }), h("p", {
+      "class": bem('condition')
+    }, [this.coupon.condition || this.conditionMessage])]), h("div", {
+      "class": bem('body')
+    }, [h("p", {
+      "class": bem('name')
+    }, [coupon.name]), h("p", {
+      "class": bem('valid')
+    }, [this.validPeriod]), !this.disabled && h(Checkbox, {
+      "attrs": {
+        "size": 18,
+        "value": this.chosen,
+        "checkedColor": RED
+      },
+      "class": bem('corner')
+    })])]), description && h("p", {
+      "class": bem('description')
+    }, [description])]);
+  }
+});

package/es/coupon/index.less

@@ -0,0 +1,104 @@
+@import '../style/var';
+@import '../style/mixins/ellipsis';
+
+.van-coupon {
+  margin: @coupon-margin;
+  overflow: hidden;
+  background-color: @coupon-background-color;
+  border-radius: @coupon-border-radius;
+  box-shadow: @coupon-box-shadow;
+
+  &:active {
+    background-color: @coupon-active-background-color;
+  }
+
+  &__content {
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    min-height: @coupon-content-height;
+    padding: @coupon-content-padding;
+    color: @gray-8;
+  }
+
+  &__head {
+    position: relative;
+    min-width: @coupon-head-width;
+    padding: 0 @padding-xs;
+    color: @coupon-amount-color;
+    text-align: center;
+  }
+
+  &__amount,
+  &__condition,
+  &__name,
+  &__valid {
+    .ellipsis();
+  }
+
+  &__amount {
+    margin-bottom: 6px;
+    font-weight: @font-weight-bold;
+    font-size: @coupon-amount-font-size;
+    .ellipsis();
+
+    span {
+      font-weight: normal;
+      font-size: @coupon-currency-font-size;
+
+      &:not(:empty) {
+        margin-left: 2px;
+      }
+    }
+  }
+
+  &__condition {
+    font-size: @font-size-sm;
+    line-height: 16px;
+    white-space: pre-wrap;
+  }
+
+  &__body {
+    position: relative;
+    flex: 1;
+    border-radius: 0 @coupon-border-radius @coupon-border-radius 0;
+  }
+
+  &__name {
+    margin-bottom: 10px;
+    font-weight: bold;
+    font-size: @coupon-name-font-size;
+    line-height: @line-height-md;
+  }
+
+  &__valid {
+    font-size: @font-size-sm;
+  }
+
+  &__corner {
+    position: absolute;
+    top: 0;
+    right: @padding-md;
+    bottom: 0;
+  }
+
+  &__description {
+    padding: @coupon-description-padding;
+    font-size: @font-size-sm;
+    border-top: 1px dashed @coupon-description-border-color;
+  }
+
+  &--disabled {
+    &:active {
+      background-color: @coupon-background-color;
+    }
+
+    .van-coupon-item__content {
+      height: @coupon-content-height - 10px;
+    }
+
+    .van-coupon__head {
+      color: inherit;
+    }
+  }
+}

package/es/coupon/style/index.js

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

package/es/coupon/style/less.js

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

package/es/coupon-cell/index.css

@@ -1 +1 @@
-:root,:host{--van-coupon-cell-selected-text-color: var(--van-text-color)}.van-coupon-cell__value--selected{color:var(--van-coupon-cell-selected-text-color)}
+.van-coupon-cell__value--selected{color:#323233}