vant 2.13.5 → 2.13.6

package/es/tag/index.js

@@ -0,0 +1,79 @@
+import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
+// Utils
+import { createNamespace } from '../utils';
+import { inherit, emit } from '../utils/functional'; // Components
+
+import Icon from '../icon'; // Types
+
+var _createNamespace = createNamespace('tag'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+function Tag(h, props, slots, ctx) {
+  var _style;
+
+  var type = props.type,
+      mark = props.mark,
+      plain = props.plain,
+      color = props.color,
+      round = props.round,
+      size = props.size,
+      textColor = props.textColor;
+  var key = plain ? 'color' : 'backgroundColor';
+  var style = (_style = {}, _style[key] = color, _style);
+
+  if (plain) {
+    style.color = textColor || color;
+    style.borderColor = color;
+  } else {
+    style.color = textColor;
+    style.background = color;
+  }
+
+  var classes = {
+    mark: mark,
+    plain: plain,
+    round: round
+  };
+
+  if (size) {
+    classes[size] = size;
+  }
+
+  var CloseIcon = props.closeable && h(Icon, {
+    "attrs": {
+      "name": "cross"
+    },
+    "class": bem('close'),
+    "on": {
+      "click": function click(event) {
+        event.stopPropagation();
+        emit(ctx, 'close');
+      }
+    }
+  });
+  return h("transition", {
+    "attrs": {
+      "name": props.closeable ? 'van-fade' : null
+    }
+  }, [h("span", _mergeJSXProps([{
+    "key": "content",
+    "style": style,
+    "class": bem([classes, type])
+  }, inherit(ctx, true)]), [slots.default == null ? void 0 : slots.default(), CloseIcon])]);
+}
+
+Tag.props = {
+  size: String,
+  mark: Boolean,
+  color: String,
+  plain: Boolean,
+  round: Boolean,
+  textColor: String,
+  closeable: Boolean,
+  type: {
+    type: String,
+    default: 'default'
+  }
+};
+export default createComponent(Tag);

package/es/tag/index.less

@@ -0,0 +1,99 @@
+@import '../style/var';
+
+.van-tag {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  padding: @tag-padding;
+  color: @tag-text-color;
+  font-size: @tag-font-size;
+  line-height: @tag-line-height;
+  border-radius: @tag-border-radius;
+
+  &--default {
+    background-color: @tag-default-color;
+
+    &.van-tag--plain {
+      color: @tag-default-color;
+    }
+  }
+
+  &--danger {
+    background-color: @tag-danger-color;
+
+    &.van-tag--plain {
+      color: @tag-danger-color;
+    }
+  }
+
+  &--primary {
+    background-color: @tag-primary-color;
+
+    &.van-tag--plain {
+      color: @tag-primary-color;
+    }
+  }
+
+  &--success {
+    background-color: @tag-success-color;
+
+    &.van-tag--plain {
+      color: @tag-success-color;
+    }
+  }
+
+  &--warning {
+    background-color: @tag-warning-color;
+
+    &.van-tag--plain {
+      color: @tag-warning-color;
+    }
+  }
+
+  &--plain {
+    background-color: @tag-plain-background-color;
+    border-color: currentColor;
+
+    &::before {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      border: 1px solid;
+      border-color: inherit;
+      border-radius: inherit;
+      content: '';
+      pointer-events: none;
+    }
+  }
+
+  &--medium {
+    padding: @tag-medium-padding;
+  }
+
+  &--large {
+    padding: @tag-large-padding;
+    font-size: @tag-large-font-size;
+    border-radius: @tag-large-border-radius;
+  }
+
+  &--mark {
+    border-radius: 0 @tag-round-border-radius @tag-round-border-radius 0;
+
+    &::after {
+      display: block;
+      width: 2px;
+      content: '';
+    }
+  }
+
+  &--round {
+    border-radius: @tag-round-border-radius;
+  }
+
+  &__close {
+    margin-left: 2px;
+    cursor: pointer;
+  }
+}

package/es/tag/style/index.js

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

package/es/tag/style/less.js

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

package/es/toast/Toast.js

@@ -0,0 +1,155 @@
+// Utils
+import { createNamespace, isDef } from '../utils';
+import { lockClick } from './lock-click'; // Mixins
+
+import { PopupMixin } from '../mixins/popup'; // Components
+
+import Icon from '../icon';
+import Loading from '../loading';
+
+var _createNamespace = createNamespace('toast'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+export default createComponent({
+  mixins: [PopupMixin()],
+  props: {
+    icon: String,
+    className: null,
+    iconPrefix: String,
+    loadingType: String,
+    forbidClick: Boolean,
+    closeOnClick: Boolean,
+    message: [Number, String],
+    type: {
+      type: String,
+      default: 'text'
+    },
+    position: {
+      type: String,
+      default: 'middle'
+    },
+    transition: {
+      type: String,
+      default: 'van-fade'
+    },
+    lockScroll: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      clickable: false
+    };
+  },
+  mounted: function mounted() {
+    this.toggleClickable();
+  },
+  destroyed: function destroyed() {
+    this.toggleClickable();
+  },
+  watch: {
+    value: 'toggleClickable',
+    forbidClick: 'toggleClickable'
+  },
+  methods: {
+    onClick: function onClick() {
+      if (this.closeOnClick) {
+        this.close();
+      }
+    },
+    toggleClickable: function toggleClickable() {
+      var clickable = this.value && this.forbidClick;
+
+      if (this.clickable !== clickable) {
+        this.clickable = clickable;
+        lockClick(clickable);
+      }
+    },
+
+    /* istanbul ignore next */
+    onAfterEnter: function onAfterEnter() {
+      this.$emit('opened');
+
+      if (this.onOpened) {
+        this.onOpened();
+      }
+    },
+    onAfterLeave: function onAfterLeave() {
+      this.$emit('closed');
+    },
+    genIcon: function genIcon() {
+      var h = this.$createElement;
+      var icon = this.icon,
+          type = this.type,
+          iconPrefix = this.iconPrefix,
+          loadingType = this.loadingType;
+      var hasIcon = icon || type === 'success' || type === 'fail';
+
+      if (hasIcon) {
+        return h(Icon, {
+          "class": bem('icon'),
+          "attrs": {
+            "classPrefix": iconPrefix,
+            "name": icon || type
+          }
+        });
+      }
+
+      if (type === 'loading') {
+        return h(Loading, {
+          "class": bem('loading'),
+          "attrs": {
+            "type": loadingType
+          }
+        });
+      }
+    },
+    genMessage: function genMessage() {
+      var h = this.$createElement;
+      var type = this.type,
+          message = this.message;
+
+      if (!isDef(message) || message === '') {
+        return;
+      }
+
+      if (type === 'html') {
+        return h("div", {
+          "class": bem('text'),
+          "domProps": {
+            "innerHTML": message
+          }
+        });
+      }
+
+      return h("div", {
+        "class": bem('text')
+      }, [message]);
+    }
+  },
+  render: function render() {
+    var _ref;
+
+    var h = arguments[0];
+    return h("transition", {
+      "attrs": {
+        "name": this.transition
+      },
+      "on": {
+        "afterEnter": this.onAfterEnter,
+        "afterLeave": this.onAfterLeave
+      }
+    }, [h("div", {
+      "directives": [{
+        name: "show",
+        value: this.value
+      }],
+      "class": [bem([this.position, (_ref = {}, _ref[this.type] = !this.icon, _ref)]), this.className],
+      "on": {
+        "click": this.onClick
+      }
+    }, [this.genIcon(), this.genMessage()])]);
+  }
+});

package/es/toast/index.css

@@ -1 +1 @@
-:root,:host{--van-toast-max-width: 70%;--van-toast-font-size: var(--van-font-size-md);--van-toast-text-color: var(--van-white);--van-toast-loading-icon-color: var(--van-white);--van-toast-line-height: var(--van-line-height-md);--van-toast-radius: var(--van-radius-lg);--van-toast-background: rgba(0, 0, 0, .7);--van-toast-icon-size: 36px;--van-toast-text-min-width: 96px;--van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding: var(--van-padding-md);--van-toast-default-width: 88px;--van-toast-default-min-height: 88px;--van-toast-position-top-distance: 20%;--van-toast-position-bottom-distance: 20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;word-break:break-all;text-align:center;background:var(--van-toast-background);border-radius:var(--van-toast-radius)}.van-toast--break-normal{word-break:normal;word-wrap:normal}.van-toast--break-word{word-break:normal;word-wrap:break-word}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--text,.van-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}
+.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:88px;max-width:70%;min-height:88px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-break:break-all;background-color:rgba(0,0,0,.7);border-radius:8px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-toast--unclickable{overflow:hidden}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:96px;min-height:0;padding:8px 12px}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:20%}.van-toast--bottom{top:auto;bottom:20%}.van-toast__icon{font-size:36px}.van-toast__loading{padding:4px;color:#fff}.van-toast__text{margin-top:8px}

package/es/toast/index.js

@@ -0,0 +1,189 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import Vue from 'vue';
+import VueToast from './Toast';
+import { isObject, isServer } from '../utils';
+import { removeNode } from '../utils/dom/node';
+var defaultOptions = {
+  icon: '',
+  type: 'text',
+  // @deprecated
+  mask: false,
+  value: true,
+  message: '',
+  className: '',
+  overlay: false,
+  onClose: null,
+  onOpened: null,
+  duration: 2000,
+  iconPrefix: undefined,
+  position: 'middle',
+  transition: 'van-fade',
+  forbidClick: false,
+  loadingType: undefined,
+  getContainer: 'body',
+  overlayStyle: null,
+  closeOnClick: false,
+  closeOnClickOverlay: false
+}; // default options of specific type
+
+var defaultOptionsMap = {};
+var queue = [];
+var multiple = false;
+
+var currentOptions = _extends({}, defaultOptions);
+
+function parseOptions(message) {
+  if (isObject(message)) {
+    return message;
+  }
+
+  return {
+    message: message
+  };
+}
+
+function isInDocument(element) {
+  return document.body.contains(element);
+}
+
+function createInstance() {
+  /* istanbul ignore if */
+  if (isServer) {
+    return {};
+  }
+
+  queue = queue.filter(function (item) {
+    return !item.$el.parentNode || isInDocument(item.$el);
+  });
+
+  if (!queue.length || multiple) {
+    var toast = new (Vue.extend(VueToast))({
+      el: document.createElement('div')
+    });
+    toast.$on('input', function (value) {
+      toast.value = value;
+    });
+    queue.push(toast);
+  }
+
+  return queue[queue.length - 1];
+} // transform toast options to popup props
+
+
+function transformOptions(options) {
+  return _extends({}, options, {
+    overlay: options.mask || options.overlay,
+    mask: undefined,
+    duration: undefined
+  });
+}
+
+function Toast(options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  var toast = createInstance(); // should add z-index if previous toast has not disappeared
+
+  if (toast.value) {
+    toast.updateZIndex();
+  }
+
+  options = parseOptions(options);
+  options = _extends({}, currentOptions, defaultOptionsMap[options.type || currentOptions.type], options);
+
+  if (process.env.NODE_ENV === 'development' && options.mask) {
+    console.warn('[Vant] Toast: "mask" option is deprecated, use "overlay" option instead.');
+  }
+
+  options.clear = function () {
+    toast.value = false;
+
+    if (options.onClose) {
+      options.onClose();
+      options.onClose = null;
+    }
+
+    if (multiple && !isServer) {
+      toast.$on('closed', function () {
+        clearTimeout(toast.timer);
+        queue = queue.filter(function (item) {
+          return item !== toast;
+        });
+        removeNode(toast.$el);
+        toast.$destroy();
+      });
+    }
+  };
+
+  _extends(toast, transformOptions(options));
+
+  clearTimeout(toast.timer);
+
+  if (options.duration > 0) {
+    toast.timer = setTimeout(function () {
+      toast.clear();
+    }, options.duration);
+  }
+
+  return toast;
+}
+
+var createMethod = function createMethod(type) {
+  return function (options) {
+    return Toast(_extends({
+      type: type
+    }, parseOptions(options)));
+  };
+};
+
+['loading', 'success', 'fail'].forEach(function (method) {
+  Toast[method] = createMethod(method);
+});
+
+Toast.clear = function (all) {
+  if (queue.length) {
+    if (all) {
+      queue.forEach(function (toast) {
+        toast.clear();
+      });
+      queue = [];
+    } else if (!multiple) {
+      queue[0].clear();
+    } else {
+      queue.shift().clear();
+    }
+  }
+};
+
+Toast.setDefaultOptions = function (type, options) {
+  if (typeof type === 'string') {
+    defaultOptionsMap[type] = options;
+  } else {
+    _extends(currentOptions, type);
+  }
+};
+
+Toast.resetDefaultOptions = function (type) {
+  if (typeof type === 'string') {
+    defaultOptionsMap[type] = null;
+  } else {
+    currentOptions = _extends({}, defaultOptions);
+    defaultOptionsMap = {};
+  }
+};
+
+Toast.allowMultiple = function (value) {
+  if (value === void 0) {
+    value = true;
+  }
+
+  multiple = value;
+};
+
+Toast.install = function () {
+  Vue.use(VueToast);
+};
+
+Vue.prototype.$toast = Toast;
+export default Toast;

package/es/toast/index.less

@@ -0,0 +1,75 @@
+@import '../style/var';
+
+.van-toast {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-sizing: content-box;
+
+  // hack for avoid max-width when use left & fixed
+  width: @toast-default-width;
+  max-width: @toast-max-width;
+  min-height: @toast-default-min-height;
+  padding: @toast-default-padding;
+  color: @toast-text-color;
+  font-size: @toast-font-size;
+  line-height: @toast-line-height;
+
+  // allow newline character
+  white-space: pre-wrap;
+  text-align: center;
+  // https://github.com/vant-ui/vant/issues/8959
+  word-break: break-all;
+  background-color: @toast-background-color;
+  border-radius: @toast-border-radius;
+  transform: translate3d(-50%, -50%, 0);
+
+  &--unclickable {
+    // lock scroll
+    overflow: hidden;
+
+    // should not add pointer-events: none directly to body tag
+    // that will cause unexpected tap-highlight-color in mobile safari
+    * {
+      pointer-events: none;
+    }
+  }
+
+  &--text,
+  &--html {
+    width: fit-content;
+    min-width: @toast-text-min-width;
+    min-height: 0;
+    padding: @toast-text-padding;
+
+    .van-toast__text {
+      margin-top: 0;
+    }
+  }
+
+  &--top {
+    top: @toast-position-top-distance;
+  }
+
+  &--bottom {
+    top: auto;
+    bottom: @toast-position-bottom-distance;
+  }
+
+  &__icon {
+    font-size: @toast-icon-size;
+  }
+
+  &__loading {
+    padding: @padding-base;
+    color: @toast-loading-icon-color;
+  }
+
+  &__text {
+    margin-top: @padding-xs;
+  }
+}

package/es/toast/lock-click.js

@@ -0,0 +1,16 @@
+var lockCount = 0;
+export function lockClick(lock) {
+  if (lock) {
+    if (!lockCount) {
+      document.body.classList.add('van-toast--unclickable');
+    }
+
+    lockCount++;
+  } else {
+    lockCount--;
+
+    if (!lockCount) {
+      document.body.classList.remove('van-toast--unclickable');
+    }
+  }
+}

package/es/toast/style/index.js

@@ -0,0 +1,7 @@
+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 '../index.css';

package/es/toast/style/less.js

@@ -0,0 +1,7 @@
+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 '../index.less';

package/es/tree-select/index.css

@@ -1 +1 @@
-:root,:host{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-primary-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}
+.van-tree-select{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px;-webkit-user-select:none;user-select:none}.van-tree-select__nav{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;background-color:#f7f8fa;-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:14px 12px}.van-tree-select__content{-webkit-box-flex:2;-webkit-flex:2;flex:2;overflow-y:auto;background-color:#fff;-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 16px;font-weight:500;line-height:48px;cursor:pointer}.van-tree-select__item--active{color:#ee0a24}.van-tree-select__item--disabled{color:#c8c9cc;cursor:not-allowed}.van-tree-select__selected{position:absolute;top:50%;right:16px;margin-top:-8px;font-size:16px}