vant 2.13.2 → 2.13.3

package/es/tab/index.js

@@ -1,102 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createNamespace } from '../utils';
-import { ChildrenMixin } from '../mixins/relation';
-import { routeProps } from '../utils/router';
-
-var _createNamespace = createNamespace('tab'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanTabs')],
-  props: _extends({}, routeProps, {
-    dot: Boolean,
-    name: [Number, String],
-    // @deprecated
-    info: [Number, String],
-    badge: [Number, String],
-    title: String,
-    titleStyle: null,
-    titleClass: null,
-    disabled: Boolean
-  }),
-  data: function data() {
-    return {
-      inited: false
-    };
-  },
-  computed: {
-    computedName: function computedName() {
-      var _this$name;
-
-      return (_this$name = this.name) != null ? _this$name : this.index;
-    },
-    isActive: function isActive() {
-      var active = this.computedName === this.parent.currentName;
-
-      if (active) {
-        this.inited = true;
-      }
-
-      return active;
-    }
-  },
-  watch: {
-    title: function title() {
-      this.parent.setLine();
-      this.parent.scrollIntoView();
-    },
-    inited: function inited(val) {
-      var _this = this;
-
-      if (this.parent.lazyRender && val) {
-        this.$nextTick(function () {
-          _this.parent.$emit('rendered', _this.computedName, _this.title);
-        });
-      }
-    }
-  },
-  render: function render(h) {
-    var slots = this.slots,
-        parent = this.parent,
-        isActive = this.isActive;
-    var slotContent = slots();
-
-    if (process.env.NODE_ENV === 'development' && this.info) {
-      console.warn('[Vant] Tab: "info" prop is deprecated, use "badge" prop instead.');
-    }
-
-    if (!slotContent && !parent.animated) {
-      return;
-    }
-
-    var show = parent.scrollspy || isActive;
-    var shouldRender = this.inited || parent.scrollspy || !parent.lazyRender;
-    var Content = shouldRender ? slotContent : h();
-
-    if (parent.animated) {
-      return h("div", {
-        "attrs": {
-          "role": "tabpanel",
-          "aria-hidden": !isActive
-        },
-        "class": bem('pane-wrapper', {
-          inactive: !isActive
-        })
-      }, [h("div", {
-        "class": bem('pane')
-      }, [Content])]);
-    }
-
-    return h("div", {
-      "directives": [{
-        name: "show",
-        value: show
-      }],
-      "attrs": {
-        "role": "tabpanel"
-      },
-      "class": bem('pane')
-    }, [Content]);
-  }
-});

package/es/tab/index.less

@@ -1,17 +0,0 @@
-@import '../style/var';
-
-.van-tab {
-  &__pane {
-    &,
-    &-wrapper {
-      flex-shrink: 0;
-      box-sizing: border-box;
-      width: 100%;
-    }
-
-    &-wrapper--inactive {
-      height: 0;
-      overflow: visible;
-    }
-  }
-}

package/es/tab/style/index.js

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

package/es/tab/style/less.js

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

package/es/tabbar/index.js

@@ -1,121 +0,0 @@
-import { createNamespace } from '../utils';
-import { BORDER_TOP_BOTTOM } from '../utils/constant';
-import { callInterceptor } from '../utils/interceptor';
-import { ParentMixin } from '../mixins/relation';
-
-var _createNamespace = createNamespace('tabbar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ParentMixin('vanTabbar')],
-  props: {
-    route: Boolean,
-    zIndex: [Number, String],
-    placeholder: Boolean,
-    activeColor: String,
-    beforeChange: Function,
-    inactiveColor: String,
-    value: {
-      type: [Number, String],
-      default: 0
-    },
-    border: {
-      type: Boolean,
-      default: true
-    },
-    fixed: {
-      type: Boolean,
-      default: true
-    },
-    safeAreaInsetBottom: {
-      type: Boolean,
-      default: null
-    }
-  },
-  data: function data() {
-    return {
-      height: null
-    };
-  },
-  computed: {
-    fit: function fit() {
-      if (this.safeAreaInsetBottom !== null) {
-        return this.safeAreaInsetBottom;
-      } // enable safe-area-inset-bottom by default when fixed
-
-
-      return this.fixed;
-    }
-  },
-  watch: {
-    value: 'setActiveItem',
-    children: 'setActiveItem'
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    if (this.placeholder && this.fixed) {
-      var setHeight = function setHeight() {
-        _this.height = _this.$refs.tabbar.getBoundingClientRect().height;
-      };
-
-      setHeight(); // https://github.com/vant-ui/vant/issues/10131
-
-      setTimeout(setHeight, 100);
-    }
-  },
-  methods: {
-    setActiveItem: function setActiveItem() {
-      var _this2 = this;
-
-      this.children.forEach(function (item, index) {
-        item.nameMatched = item.name === _this2.value || index === _this2.value;
-      });
-    },
-    triggerChange: function triggerChange(active, afterChange) {
-      var _this3 = this;
-
-      callInterceptor({
-        interceptor: this.beforeChange,
-        args: [active],
-        done: function done() {
-          _this3.$emit('input', active);
-
-          _this3.$emit('change', active);
-
-          afterChange();
-        }
-      });
-    },
-    genTabbar: function genTabbar() {
-      var _ref;
-
-      var h = this.$createElement;
-      return h("div", {
-        "ref": "tabbar",
-        "style": {
-          zIndex: this.zIndex
-        },
-        "class": [(_ref = {}, _ref[BORDER_TOP_BOTTOM] = this.border, _ref), bem({
-          unfit: !this.fit,
-          fixed: this.fixed
-        })]
-      }, [this.slots()]);
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-
-    if (this.placeholder && this.fixed) {
-      return h("div", {
-        "class": bem('placeholder'),
-        "style": {
-          height: this.height + "px"
-        }
-      }, [this.genTabbar()]);
-    }
-
-    return this.genTabbar();
-  }
-});

package/es/tabbar/index.less

@@ -1,22 +0,0 @@
-@import '../style/var';
-
-.van-tabbar {
-  z-index: @tabbar-z-index;
-  display: flex;
-  box-sizing: content-box;
-  width: 100%;
-  height: @tabbar-height;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-  background-color: @tabbar-background-color;
-
-  &--fixed {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-  }
-
-  &--unfit {
-    padding-bottom: 0;
-  }
-}

package/es/tabbar/style/index.js

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

package/es/tabbar/style/less.js

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

package/es/tabbar-item/index.js

@@ -1,119 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-// Utils
-import { createNamespace, isObject, isDef } from '../utils';
-import { route, routeProps } from '../utils/router'; // Mixins
-
-import { ChildrenMixin } from '../mixins/relation'; // Components
-
-import Icon from '../icon';
-import Info from '../info';
-
-var _createNamespace = createNamespace('tabbar-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  mixins: [ChildrenMixin('vanTabbar')],
-  props: _extends({}, routeProps, {
-    dot: Boolean,
-    icon: String,
-    name: [Number, String],
-    // @deprecated
-    info: [Number, String],
-    badge: [Number, String],
-    iconPrefix: String
-  }),
-  data: function data() {
-    return {
-      nameMatched: false
-    };
-  },
-  computed: {
-    active: function active() {
-      var routeMode = this.parent.route;
-
-      if (routeMode && '$route' in this) {
-        var to = this.to,
-            $route = this.$route;
-        var config = isObject(to) ? to : {
-          path: to
-        };
-        return !!$route.matched.find(function (r) {
-          // vue-router 3.x $route.matched[0].path is empty in / and its children paths
-          var path = r.path === '' ? '/' : r.path;
-          var pathMatched = config.path === path;
-          var nameMatched = isDef(config.name) && config.name === r.name;
-          return pathMatched || nameMatched;
-        });
-      }
-
-      return this.nameMatched;
-    }
-  },
-  methods: {
-    onClick: function onClick(event) {
-      var _this = this;
-
-      if (!this.active) {
-        this.parent.triggerChange(this.name || this.index, function () {
-          route(_this.$router, _this);
-        });
-      }
-
-      this.$emit('click', event);
-    },
-    genIcon: function genIcon() {
-      var h = this.$createElement;
-      var slot = this.slots('icon', {
-        active: this.active
-      });
-
-      if (slot) {
-        return slot;
-      }
-
-      if (this.icon) {
-        return h(Icon, {
-          "attrs": {
-            "name": this.icon,
-            "classPrefix": this.iconPrefix
-          }
-        });
-      }
-    }
-  },
-  render: function render() {
-    var _this$badge;
-
-    var h = arguments[0];
-    var active = this.active;
-    var color = this.parent[active ? 'activeColor' : 'inactiveColor'];
-
-    if (process.env.NODE_ENV === 'development' && this.info) {
-      console.warn('[Vant] TabbarItem: "info" prop is deprecated, use "badge" prop instead.');
-    }
-
-    return h("div", {
-      "class": bem({
-        active: active
-      }),
-      "style": {
-        color: color
-      },
-      "on": {
-        "click": this.onClick
-      }
-    }, [h("div", {
-      "class": bem('icon')
-    }, [this.genIcon(), h(Info, {
-      "attrs": {
-        "dot": this.dot,
-        "info": (_this$badge = this.badge) != null ? _this$badge : this.info
-      }
-    })]), h("div", {
-      "class": bem('text')
-    }, [this.slots('default', {
-      active: active
-    })])]);
-  }
-});

package/es/tabbar-item/index.less

@@ -1,37 +0,0 @@
-@import '../style/var';
-
-.van-tabbar-item {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: @tabbar-item-text-color;
-  font-size: @tabbar-item-font-size;
-  line-height: @tabbar-item-line-height;
-  cursor: pointer;
-
-  &__icon {
-    position: relative;
-    margin-bottom: @tabbar-item-margin-bottom;
-    font-size: @tabbar-item-icon-size;
-
-    .van-icon {
-      display: block;
-    }
-
-    img {
-      display: block;
-      height: 20px;
-    }
-  }
-
-  &--active {
-    color: @tabbar-item-active-color;
-    background-color: @tabbar-item-active-background-color;
-  }
-
-  .van-info {
-    margin-top: @padding-base;
-  }
-}

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

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

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

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

package/es/tabs/Content.js

@@ -1,78 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createNamespace } from '../utils';
-import { TouchMixin } from '../mixins/touch';
-
-var _createNamespace = createNamespace('tabs'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var MIN_SWIPE_DISTANCE = 50;
-export default createComponent({
-  mixins: [TouchMixin],
-  props: {
-    count: Number,
-    duration: [Number, String],
-    animated: Boolean,
-    swipeable: Boolean,
-    currentIndex: Number
-  },
-  computed: {
-    style: function style() {
-      if (this.animated) {
-        return {
-          transform: "translate3d(" + -1 * this.currentIndex * 100 + "%, 0, 0)",
-          transitionDuration: this.duration + "s"
-        };
-      }
-    },
-    listeners: function listeners() {
-      if (this.swipeable) {
-        return {
-          touchstart: this.touchStart,
-          touchmove: this.touchMove,
-          touchend: this.onTouchEnd,
-          touchcancel: this.onTouchEnd
-        };
-      }
-    }
-  },
-  methods: {
-    // watch swipe touch end
-    onTouchEnd: function onTouchEnd() {
-      var direction = this.direction,
-          deltaX = this.deltaX,
-          currentIndex = this.currentIndex;
-      /* istanbul ignore else */
-
-      if (direction === 'horizontal' && this.offsetX >= MIN_SWIPE_DISTANCE) {
-        /* istanbul ignore else */
-        if (deltaX > 0 && currentIndex !== 0) {
-          this.$emit('change', currentIndex - 1);
-        } else if (deltaX < 0 && currentIndex !== this.count - 1) {
-          this.$emit('change', currentIndex + 1);
-        }
-      }
-    },
-    genChildren: function genChildren() {
-      var h = this.$createElement;
-
-      if (this.animated) {
-        return h("div", {
-          "class": bem('track'),
-          "style": this.style
-        }, [this.slots()]);
-      }
-
-      return this.slots();
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "class": bem('content', {
-        animated: this.animated
-      }),
-      "on": _extends({}, this.listeners)
-    }, [this.genChildren()]);
-  }
-});

package/es/tabs/Title.js

@@ -1,92 +0,0 @@
-import { createNamespace, isDef } from '../utils';
-import Info from '../info';
-
-var _createNamespace = createNamespace('tab'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-export default createComponent({
-  props: {
-    dot: Boolean,
-    type: String,
-    info: [Number, String],
-    color: String,
-    title: String,
-    isActive: Boolean,
-    disabled: Boolean,
-    scrollable: Boolean,
-    activeColor: String,
-    inactiveColor: String
-  },
-  computed: {
-    style: function style() {
-      var style = {};
-      var color = this.color,
-          isActive = this.isActive;
-      var isCard = this.type === 'card'; // card theme color
-
-      if (color && isCard) {
-        style.borderColor = color;
-
-        if (!this.disabled) {
-          if (isActive) {
-            style.backgroundColor = color;
-          } else {
-            style.color = color;
-          }
-        }
-      }
-
-      var titleColor = isActive ? this.activeColor : this.inactiveColor;
-
-      if (titleColor) {
-        style.color = titleColor;
-      }
-
-      return style;
-    }
-  },
-  methods: {
-    onClick: function onClick() {
-      this.$emit('click');
-    },
-    genText: function genText() {
-      var h = this.$createElement;
-      var Text = h("span", {
-        "class": bem('text', {
-          ellipsis: !this.scrollable
-        })
-      }, [this.slots() || this.title]);
-
-      if (this.dot || isDef(this.info) && this.info !== '') {
-        return h("span", {
-          "class": bem('text-wrapper')
-        }, [Text, h(Info, {
-          "attrs": {
-            "dot": this.dot,
-            "info": this.info
-          }
-        })]);
-      }
-
-      return Text;
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    return h("div", {
-      "attrs": {
-        "role": "tab",
-        "aria-selected": this.isActive
-      },
-      "class": [bem({
-        active: this.isActive,
-        disabled: this.disabled
-      })],
-      "style": this.style,
-      "on": {
-        "click": this.onClick
-      }
-    }, [this.genText()]);
-  }
-});