vant 2.13.2 → 2.13.3

package/es/tabs/index.js

@@ -1,432 +0,0 @@
-// Utils
-import { createNamespace, isDef, addUnit } from '../utils';
-import { scrollLeftTo, scrollTopTo } from './utils';
-import { route } from '../utils/router';
-import { isHidden } from '../utils/dom/style';
-import { on, off } from '../utils/dom/event';
-import { unitToPx } from '../utils/format/unit';
-import { BORDER_TOP_BOTTOM } from '../utils/constant';
-import { callInterceptor } from '../utils/interceptor';
-import { getScroller, getVisibleTop, getElementTop, getVisibleHeight, setRootScrollTop } from '../utils/dom/scroll'; // Mixins
-
-import { ParentMixin } from '../mixins/relation';
-import { BindEventMixin } from '../mixins/bind-event'; // Components
-
-import Title from './Title';
-import Sticky from '../sticky';
-import Content from './Content';
-
-var _createNamespace = createNamespace('tabs'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ParentMixin('vanTabs'), BindEventMixin(function (bind) {
-    if (!this.scroller) {
-      this.scroller = getScroller(this.$el);
-    }
-
-    bind(window, 'resize', this.resize, true);
-
-    if (this.scrollspy) {
-      bind(this.scroller, 'scroll', this.onScroll, true);
-    }
-  })],
-  inject: {
-    vanPopup: {
-      default: null
-    }
-  },
-  model: {
-    prop: 'active'
-  },
-  props: {
-    color: String,
-    border: Boolean,
-    sticky: Boolean,
-    animated: Boolean,
-    swipeable: Boolean,
-    scrollspy: Boolean,
-    background: String,
-    lineWidth: [Number, String],
-    lineHeight: [Number, String],
-    beforeChange: Function,
-    titleActiveColor: String,
-    titleInactiveColor: String,
-    type: {
-      type: String,
-      default: 'line'
-    },
-    active: {
-      type: [Number, String],
-      default: 0
-    },
-    ellipsis: {
-      type: Boolean,
-      default: true
-    },
-    duration: {
-      type: [Number, String],
-      default: 0.3
-    },
-    offsetTop: {
-      type: [Number, String],
-      default: 0
-    },
-    lazyRender: {
-      type: Boolean,
-      default: true
-    },
-    swipeThreshold: {
-      type: [Number, String],
-      default: 5
-    }
-  },
-  data: function data() {
-    return {
-      position: '',
-      currentIndex: null,
-      lineStyle: {
-        backgroundColor: this.color
-      }
-    };
-  },
-  computed: {
-    // whether the nav is scrollable
-    scrollable: function scrollable() {
-      return this.children.length > this.swipeThreshold || !this.ellipsis;
-    },
-    navStyle: function navStyle() {
-      return {
-        borderColor: this.color,
-        background: this.background
-      };
-    },
-    currentName: function currentName() {
-      var activeTab = this.children[this.currentIndex];
-
-      if (activeTab) {
-        return activeTab.computedName;
-      }
-    },
-    offsetTopPx: function offsetTopPx() {
-      return unitToPx(this.offsetTop);
-    },
-    scrollOffset: function scrollOffset() {
-      if (this.sticky) {
-        return this.offsetTopPx + this.tabHeight;
-      }
-
-      return 0;
-    }
-  },
-  watch: {
-    color: 'setLine',
-    active: function active(name) {
-      if (name !== this.currentName) {
-        this.setCurrentIndexByName(name);
-      }
-    },
-    children: function children() {
-      var _this = this;
-
-      this.setCurrentIndexByName(this.active);
-      this.setLine();
-      this.$nextTick(function () {
-        _this.scrollIntoView(true);
-      });
-    },
-    currentIndex: function currentIndex() {
-      this.scrollIntoView();
-      this.setLine(); // scroll to correct position
-
-      if (this.stickyFixed && !this.scrollspy) {
-        setRootScrollTop(Math.ceil(getElementTop(this.$el) - this.offsetTopPx));
-      }
-    },
-    scrollspy: function scrollspy(val) {
-      if (val) {
-        on(this.scroller, 'scroll', this.onScroll, true);
-      } else {
-        off(this.scroller, 'scroll', this.onScroll);
-      }
-    }
-  },
-  mounted: function mounted() {
-    var _this2 = this;
-
-    this.init(); // https://github.com/vant-ui/vant/issues/7959
-
-    if (this.vanPopup) {
-      this.vanPopup.onReopen(function () {
-        _this2.setLine();
-      });
-    }
-  },
-  activated: function activated() {
-    this.init();
-    this.setLine();
-  },
-  methods: {
-    // @exposed-api
-    resize: function resize() {
-      this.setLine();
-    },
-    init: function init() {
-      var _this3 = this;
-
-      this.$nextTick(function () {
-        _this3.inited = true;
-        _this3.tabHeight = getVisibleHeight(_this3.$refs.wrap);
-
-        _this3.scrollIntoView(true);
-      });
-    },
-    // update nav bar style
-    setLine: function setLine() {
-      var _this4 = this;
-
-      var shouldAnimate = this.inited;
-      this.$nextTick(function () {
-        var titles = _this4.$refs.titles;
-
-        if (!titles || !titles[_this4.currentIndex] || _this4.type !== 'line' || isHidden(_this4.$el)) {
-          return;
-        }
-
-        var title = titles[_this4.currentIndex].$el;
-        var lineWidth = _this4.lineWidth,
-            lineHeight = _this4.lineHeight;
-        var left = title.offsetLeft + title.offsetWidth / 2;
-        var lineStyle = {
-          width: addUnit(lineWidth),
-          backgroundColor: _this4.color,
-          transform: "translateX(" + left + "px) translateX(-50%)"
-        };
-
-        if (shouldAnimate) {
-          lineStyle.transitionDuration = _this4.duration + "s";
-        }
-
-        if (isDef(lineHeight)) {
-          var height = addUnit(lineHeight);
-          lineStyle.height = height;
-          lineStyle.borderRadius = height;
-        }
-
-        _this4.lineStyle = lineStyle;
-      });
-    },
-    // correct the index of active tab
-    setCurrentIndexByName: function setCurrentIndexByName(name) {
-      var matched = this.children.filter(function (tab) {
-        return tab.computedName === name;
-      });
-      var defaultIndex = (this.children[0] || {}).index || 0;
-      this.setCurrentIndex(matched.length ? matched[0].index : defaultIndex);
-    },
-    setCurrentIndex: function setCurrentIndex(currentIndex) {
-      var newIndex = this.findAvailableTab(currentIndex);
-
-      if (!isDef(newIndex)) {
-        return;
-      }
-
-      var newTab = this.children[newIndex];
-      var newName = newTab.computedName;
-      var shouldEmitChange = this.currentIndex !== null;
-      this.currentIndex = newIndex;
-
-      if (newName !== this.active) {
-        this.$emit('input', newName);
-
-        if (shouldEmitChange) {
-          this.$emit('change', newName, newTab.title);
-        }
-      }
-    },
-    findAvailableTab: function findAvailableTab(index) {
-      var diff = index < this.currentIndex ? -1 : 1;
-
-      while (index >= 0 && index < this.children.length) {
-        if (!this.children[index].disabled) {
-          return index;
-        }
-
-        index += diff;
-      }
-    },
-    // emit event when clicked
-    onClick: function onClick(item, index) {
-      var _this5 = this;
-
-      var _this$children$index = this.children[index],
-          title = _this$children$index.title,
-          disabled = _this$children$index.disabled,
-          computedName = _this$children$index.computedName;
-
-      if (disabled) {
-        this.$emit('disabled', computedName, title);
-      } else {
-        callInterceptor({
-          interceptor: this.beforeChange,
-          args: [computedName],
-          done: function done() {
-            _this5.setCurrentIndex(index);
-
-            _this5.scrollToCurrentContent();
-          }
-        });
-        this.$emit('click', computedName, title);
-        route(item.$router, item);
-      }
-    },
-    // scroll active tab into view
-    scrollIntoView: function scrollIntoView(immediate) {
-      var titles = this.$refs.titles;
-
-      if (!this.scrollable || !titles || !titles[this.currentIndex]) {
-        return;
-      }
-
-      var nav = this.$refs.nav;
-      var title = titles[this.currentIndex].$el;
-      var to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
-      scrollLeftTo(nav, to, immediate ? 0 : +this.duration);
-    },
-    onSticktScroll: function onSticktScroll(params) {
-      this.stickyFixed = params.isFixed;
-      this.$emit('scroll', params);
-    },
-    // @exposed-api
-    scrollTo: function scrollTo(name) {
-      var _this6 = this;
-
-      this.$nextTick(function () {
-        _this6.setCurrentIndexByName(name);
-
-        _this6.scrollToCurrentContent(true);
-      });
-    },
-    scrollToCurrentContent: function scrollToCurrentContent(immediate) {
-      var _this7 = this;
-
-      if (immediate === void 0) {
-        immediate = false;
-      }
-
-      if (this.scrollspy) {
-        var target = this.children[this.currentIndex];
-        var el = target == null ? void 0 : target.$el;
-
-        if (el) {
-          var to = getElementTop(el, this.scroller) - this.scrollOffset;
-          this.lockScroll = true;
-          scrollTopTo(this.scroller, to, immediate ? 0 : +this.duration, function () {
-            _this7.lockScroll = false;
-          });
-        }
-      }
-    },
-    onScroll: function onScroll() {
-      if (this.scrollspy && !this.lockScroll) {
-        var index = this.getCurrentIndexOnScroll();
-        this.setCurrentIndex(index);
-      }
-    },
-    getCurrentIndexOnScroll: function getCurrentIndexOnScroll() {
-      var children = this.children;
-
-      for (var index = 0; index < children.length; index++) {
-        var top = getVisibleTop(children[index].$el);
-
-        if (top > this.scrollOffset) {
-          return index === 0 ? 0 : index - 1;
-        }
-      }
-
-      return children.length - 1;
-    }
-  },
-  render: function render() {
-    var _this8 = this,
-        _ref;
-
-    var h = arguments[0];
-    var type = this.type,
-        animated = this.animated,
-        scrollable = this.scrollable;
-    var Nav = this.children.map(function (item, index) {
-      var _item$badge;
-
-      return h(Title, {
-        "ref": "titles",
-        "refInFor": true,
-        "attrs": {
-          "type": type,
-          "dot": item.dot,
-          "info": (_item$badge = item.badge) != null ? _item$badge : item.info,
-          "title": item.title,
-          "color": _this8.color,
-          "isActive": index === _this8.currentIndex,
-          "disabled": item.disabled,
-          "scrollable": scrollable,
-          "activeColor": _this8.titleActiveColor,
-          "inactiveColor": _this8.titleInactiveColor
-        },
-        "style": item.titleStyle,
-        "class": item.titleClass,
-        "scopedSlots": {
-          default: function _default() {
-            return item.slots('title');
-          }
-        },
-        "on": {
-          "click": function click() {
-            _this8.onClick(item, index);
-          }
-        }
-      });
-    });
-    var Wrap = h("div", {
-      "ref": "wrap",
-      "class": [bem('wrap', {
-        scrollable: scrollable
-      }), (_ref = {}, _ref[BORDER_TOP_BOTTOM] = type === 'line' && this.border, _ref)]
-    }, [h("div", {
-      "ref": "nav",
-      "attrs": {
-        "role": "tablist"
-      },
-      "class": bem('nav', [type, {
-        complete: this.scrollable
-      }]),
-      "style": this.navStyle
-    }, [this.slots('nav-left'), Nav, type === 'line' && h("div", {
-      "class": bem('line'),
-      "style": this.lineStyle
-    }), this.slots('nav-right')])]);
-    return h("div", {
-      "class": bem([type])
-    }, [this.sticky ? h(Sticky, {
-      "attrs": {
-        "container": this.$el,
-        "offsetTop": this.offsetTop
-      },
-      "on": {
-        "scroll": this.onSticktScroll
-      }
-    }, [Wrap]) : Wrap, h(Content, {
-      "attrs": {
-        "count": this.children.length,
-        "animated": animated,
-        "duration": this.duration,
-        "swipeable": this.swipeable,
-        "currentIndex": this.currentIndex
-      },
-      "on": {
-        "change": this.setCurrentIndex
-      }
-    }, [this.slots()])]);
-  }
-});

package/es/tabs/index.less

@@ -1,153 +0,0 @@
-@import '../style/var';
-
-.van-tab {
-  position: relative;
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  padding: 0 @padding-base;
-  color: @tab-text-color;
-  font-size: @tab-font-size;
-  line-height: @tab-line-height;
-  cursor: pointer;
-
-  &--active {
-    color: @tab-active-text-color;
-    font-weight: @font-weight-bold;
-  }
-
-  &--disabled {
-    color: @tab-disabled-text-color;
-    cursor: not-allowed;
-  }
-
-  &__text {
-    &--ellipsis {
-      display: -webkit-box;
-      overflow: hidden;
-      -webkit-line-clamp: 1;
-      -webkit-box-orient: vertical;
-    }
-  }
-
-  &__text-wrapper {
-    position: relative;
-  }
-}
-
-.van-tabs {
-  position: relative;
-
-  &__wrap {
-    overflow: hidden;
-
-    &--page-top {
-      position: fixed;
-    }
-
-    &--content-bottom {
-      top: auto;
-      bottom: 0;
-    }
-
-    &--scrollable {
-      .van-tab {
-        flex: 1 0 auto;
-        padding: 0 @padding-sm;
-      }
-
-      .van-tabs__nav {
-        overflow-x: auto;
-        overflow-y: hidden;
-        -webkit-overflow-scrolling: touch;
-
-        &::-webkit-scrollbar {
-          display: none;
-        }
-      }
-    }
-  }
-
-  &__nav {
-    position: relative;
-    display: flex;
-    background-color: @tabs-nav-background-color;
-    user-select: none;
-
-    &--line {
-      box-sizing: content-box;
-      height: 100%;
-      padding-bottom: 15px; /* 15px padding to hide scrollbar in mobile safari */
-    }
-
-    &--line&--complete {
-      padding-right: @padding-xs;
-      padding-left: @padding-xs;
-    }
-
-    &--card {
-      box-sizing: border-box;
-      height: @tabs-card-height;
-      margin: 0 @padding-md;
-      border: @border-width-base solid @tabs-default-color;
-      border-radius: @border-radius-sm;
-
-      .van-tab {
-        color: @tabs-default-color;
-        border-right: @border-width-base solid @tabs-default-color;
-
-        &:last-child {
-          border-right: none;
-        }
-
-        &.van-tab--active {
-          color: @white;
-          background-color: @tabs-default-color;
-        }
-
-        &--disabled {
-          color: @tab-disabled-text-color;
-        }
-      }
-    }
-  }
-
-  &__line {
-    position: absolute;
-    bottom: 15px;
-    left: 0;
-    z-index: 1;
-    width: @tabs-bottom-bar-width;
-    height: @tabs-bottom-bar-height;
-    background-color: @tabs-bottom-bar-color;
-    border-radius: @tabs-bottom-bar-height;
-  }
-
-  &__track {
-    position: relative;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    will-change: left;
-  }
-
-  &__content {
-    &--animated {
-      overflow: hidden;
-    }
-  }
-
-  &--line {
-    .van-tabs__wrap {
-      height: @tabs-line-height;
-    }
-  }
-
-  &--card {
-    > .van-tabs__wrap {
-      height: @tabs-card-height;
-    }
-  }
-}

package/es/tabs/style/index.js

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

package/es/tabs/style/less.js

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

package/es/tabs/utils.js

@@ -1,41 +0,0 @@
-import { raf } from '../utils/dom/raf';
-import { getScrollTop, setScrollTop } from '../utils/dom/scroll';
-export function scrollLeftTo(scroller, to, duration) {
-  var count = 0;
-  var from = scroller.scrollLeft;
-  var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
-
-  function animate() {
-    scroller.scrollLeft += (to - from) / frames;
-
-    if (++count < frames) {
-      raf(animate);
-    }
-  }
-
-  animate();
-}
-export function scrollTopTo(scroller, to, duration, callback) {
-  var current = getScrollTop(scroller);
-  var isDown = current < to;
-  var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
-  var step = (to - current) / frames;
-
-  function animate() {
-    current += step;
-
-    if (isDown && current > to || !isDown && current < to) {
-      current = to;
-    }
-
-    setScrollTop(scroller, current);
-
-    if (isDown && current < to || !isDown && current > to) {
-      raf(animate);
-    } else if (callback) {
-      raf(callback);
-    }
-  }
-
-  animate();
-}

package/es/tag/index.js

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