vant 2.13.2 → 2.13.3

package/lib/mixins/popup/index.js

@@ -1,236 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.PopupMixin = PopupMixin;
-exports.popupMixinProps = void 0;
-
-var _context = require("./context");
-
-var _overlay = require("./overlay");
-
-var _event = require("../../utils/dom/event");
-
-var _node = require("../../utils/dom/node");
-
-var _scroll = require("../../utils/dom/scroll");
-
-var _touch = require("../touch");
-
-var _portal = require("../portal");
-
-var _closeOnPopstate = require("../close-on-popstate");
-
-// Context
-// Utils
-// Mixins
-var popupMixinProps = {
-  // Initial rendering animation
-  transitionAppear: Boolean,
-  // whether to show popup
-  value: Boolean,
-  // whether to show overlay
-  overlay: Boolean,
-  // overlay custom style
-  overlayStyle: Object,
-  // overlay custom class name
-  overlayClass: String,
-  // whether to close popup when overlay is clicked
-  closeOnClickOverlay: Boolean,
-  // z-index
-  zIndex: [Number, String],
-  // prevent body scroll
-  lockScroll: {
-    type: Boolean,
-    default: true
-  },
-  // whether to lazy render
-  lazyRender: {
-    type: Boolean,
-    default: true
-  }
-};
-exports.popupMixinProps = popupMixinProps;
-
-function PopupMixin(options) {
-  if (options === void 0) {
-    options = {};
-  }
-
-  return {
-    mixins: [_touch.TouchMixin, _closeOnPopstate.CloseOnPopstateMixin, (0, _portal.PortalMixin)({
-      afterPortal: function afterPortal() {
-        if (this.overlay) {
-          (0, _overlay.updateOverlay)();
-        }
-      }
-    })],
-    provide: function provide() {
-      return {
-        vanPopup: this
-      };
-    },
-    props: popupMixinProps,
-    data: function data() {
-      this.onReopenCallback = [];
-      return {
-        inited: this.value
-      };
-    },
-    computed: {
-      shouldRender: function shouldRender() {
-        return this.inited || !this.lazyRender;
-      }
-    },
-    watch: {
-      value: function value(val) {
-        var type = val ? 'open' : 'close';
-        this.inited = this.inited || this.value;
-        this[type]();
-
-        if (!options.skipToggleEvent) {
-          this.$emit(type);
-        }
-      },
-      overlay: 'renderOverlay'
-    },
-    mounted: function mounted() {
-      if (this.value) {
-        this.open();
-      }
-    },
-
-    /* istanbul ignore next */
-    activated: function activated() {
-      if (this.shouldReopen) {
-        this.$emit('input', true);
-        this.shouldReopen = false;
-      }
-    },
-    beforeDestroy: function beforeDestroy() {
-      (0, _overlay.removeOverlay)(this);
-
-      if (this.opened) {
-        this.removeLock();
-      }
-
-      if (this.getContainer) {
-        (0, _node.removeNode)(this.$el);
-      }
-    },
-
-    /* istanbul ignore next */
-    deactivated: function deactivated() {
-      if (this.value) {
-        this.close();
-        this.shouldReopen = true;
-      }
-    },
-    methods: {
-      open: function open() {
-        /* istanbul ignore next */
-        if (this.$isServer || this.opened) {
-          return;
-        } // cover default zIndex
-
-
-        if (this.zIndex !== undefined) {
-          _context.context.zIndex = this.zIndex;
-        }
-
-        this.opened = true;
-        this.renderOverlay();
-        this.addLock();
-        this.onReopenCallback.forEach(function (callback) {
-          callback();
-        });
-      },
-      addLock: function addLock() {
-        if (this.lockScroll) {
-          (0, _event.on)(document, 'touchstart', this.touchStart);
-          (0, _event.on)(document, 'touchmove', this.onTouchMove);
-
-          if (!_context.context.lockCount) {
-            document.body.classList.add('van-overflow-hidden');
-          }
-
-          _context.context.lockCount++;
-        }
-      },
-      removeLock: function removeLock() {
-        if (this.lockScroll && _context.context.lockCount) {
-          _context.context.lockCount--;
-          (0, _event.off)(document, 'touchstart', this.touchStart);
-          (0, _event.off)(document, 'touchmove', this.onTouchMove);
-
-          if (!_context.context.lockCount) {
-            document.body.classList.remove('van-overflow-hidden');
-          }
-        }
-      },
-      close: function close() {
-        if (!this.opened) {
-          return;
-        }
-
-        (0, _overlay.closeOverlay)(this);
-        this.opened = false;
-        this.removeLock();
-        this.$emit('input', false);
-      },
-      onTouchMove: function onTouchMove(event) {
-        this.touchMove(event);
-        var direction = this.deltaY > 0 ? '10' : '01';
-        var el = (0, _scroll.getScroller)(event.target, this.$el);
-        var scrollHeight = el.scrollHeight,
-            offsetHeight = el.offsetHeight,
-            scrollTop = el.scrollTop;
-        var status = '11';
-        /* istanbul ignore next */
-
-        if (scrollTop === 0) {
-          status = offsetHeight >= scrollHeight ? '00' : '01';
-        } else if (scrollTop + offsetHeight >= scrollHeight) {
-          status = '10';
-        }
-        /* istanbul ignore next */
-
-
-        if (status !== '11' && this.direction === 'vertical' && !(parseInt(status, 2) & parseInt(direction, 2))) {
-          (0, _event.preventDefault)(event, true);
-        }
-      },
-      renderOverlay: function renderOverlay() {
-        var _this = this;
-
-        if (this.$isServer || !this.value) {
-          return;
-        }
-
-        this.$nextTick(function () {
-          _this.updateZIndex(_this.overlay ? 1 : 0);
-
-          if (_this.overlay) {
-            (0, _overlay.openOverlay)(_this, {
-              zIndex: _context.context.zIndex++,
-              duration: _this.duration,
-              className: _this.overlayClass,
-              customStyle: _this.overlayStyle
-            });
-          } else {
-            (0, _overlay.closeOverlay)(_this);
-          }
-        });
-      },
-      updateZIndex: function updateZIndex(value) {
-        if (value === void 0) {
-          value = 0;
-        }
-
-        this.$el.style.zIndex = ++_context.context.zIndex + value;
-      },
-      onReopen: function onReopen(callback) {
-        this.onReopenCallback.push(callback);
-      }
-    }
-  };
-}

package/lib/mixins/popup/overlay.js

@@ -1,97 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.updateOverlay = updateOverlay;
-exports.openOverlay = openOverlay;
-exports.closeOverlay = closeOverlay;
-exports.removeOverlay = removeOverlay;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _overlay = _interopRequireDefault(require("../../overlay"));
-
-var _context = require("./context");
-
-var _functional = require("../../utils/functional");
-
-var _node = require("../../utils/dom/node");
-
-var defaultConfig = {
-  className: '',
-  customStyle: {}
-};
-
-function mountOverlay(vm) {
-  return (0, _functional.mount)(_overlay.default, {
-    on: {
-      // close popup when overlay clicked & closeOnClickOverlay is true
-      click: function click() {
-        vm.$emit('click-overlay');
-
-        if (vm.closeOnClickOverlay) {
-          if (vm.onClickOverlay) {
-            vm.onClickOverlay();
-          } else {
-            vm.close();
-          }
-        }
-      }
-    }
-  });
-}
-
-function updateOverlay(vm) {
-  var item = _context.context.find(vm);
-
-  if (item) {
-    var el = vm.$el;
-    var config = item.config,
-        overlay = item.overlay;
-
-    if (el && el.parentNode) {
-      el.parentNode.insertBefore(overlay.$el, el);
-    }
-
-    (0, _extends2.default)(overlay, defaultConfig, config, {
-      show: true
-    });
-  }
-}
-
-function openOverlay(vm, config) {
-  var item = _context.context.find(vm);
-
-  if (item) {
-    item.config = config;
-  } else {
-    var overlay = mountOverlay(vm);
-
-    _context.context.stack.push({
-      vm: vm,
-      config: config,
-      overlay: overlay
-    });
-  }
-
-  updateOverlay(vm);
-}
-
-function closeOverlay(vm) {
-  var item = _context.context.find(vm);
-
-  if (item) {
-    item.overlay.show = false;
-  }
-}
-
-function removeOverlay(vm) {
-  var item = _context.context.find(vm);
-
-  if (item) {
-    (0, _node.removeNode)(item.overlay.$el);
-
-    _context.context.remove(vm);
-  }
-}

package/lib/mixins/popup/type.js

@@ -1 +0,0 @@
-"use strict";

package/lib/mixins/portal.js

@@ -1,53 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.PortalMixin = PortalMixin;
-
-function getElement(selector) {
-  if (typeof selector === 'string') {
-    return document.querySelector(selector);
-  }
-
-  return selector();
-}
-
-function PortalMixin(_temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-      ref = _ref.ref,
-      afterPortal = _ref.afterPortal;
-
-  return {
-    props: {
-      getContainer: [String, Function]
-    },
-    watch: {
-      getContainer: 'portal'
-    },
-    mounted: function mounted() {
-      if (this.getContainer) {
-        this.portal();
-      }
-    },
-    methods: {
-      portal: function portal() {
-        var getContainer = this.getContainer;
-        var el = ref ? this.$refs[ref] : this.$el;
-        var container;
-
-        if (getContainer) {
-          container = getElement(getContainer);
-        } else if (this.$parent) {
-          container = this.$parent.$el;
-        }
-
-        if (container && container !== el.parentNode) {
-          container.appendChild(el);
-        }
-
-        if (afterPortal) {
-          afterPortal.call(this);
-        }
-      }
-    }
-  };
-}

package/lib/mixins/relation.js

@@ -1,84 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.ChildrenMixin = ChildrenMixin;
-exports.ParentMixin = ParentMixin;
-
-var _vnodes = require("../utils/vnodes");
-
-function ChildrenMixin(_parent, options) {
-  var _inject, _computed;
-
-  if (options === void 0) {
-    options = {};
-  }
-
-  var indexKey = options.indexKey || 'index';
-  return {
-    inject: (_inject = {}, _inject[_parent] = {
-      default: null
-    }, _inject),
-    computed: (_computed = {
-      parent: function parent() {
-        if (this.disableBindRelation) {
-          return null;
-        }
-
-        return this[_parent];
-      }
-    }, _computed[indexKey] = function () {
-      this.bindRelation();
-
-      if (this.parent) {
-        return this.parent.children.indexOf(this);
-      }
-
-      return null;
-    }, _computed),
-    watch: {
-      disableBindRelation: function disableBindRelation(val) {
-        if (!val) {
-          this.bindRelation();
-        }
-      }
-    },
-    mounted: function mounted() {
-      this.bindRelation();
-    },
-    beforeDestroy: function beforeDestroy() {
-      var _this = this;
-
-      if (this.parent) {
-        this.parent.children = this.parent.children.filter(function (item) {
-          return item !== _this;
-        });
-      }
-    },
-    methods: {
-      bindRelation: function bindRelation() {
-        if (!this.parent || this.parent.children.indexOf(this) !== -1) {
-          return;
-        }
-
-        var children = [].concat(this.parent.children, [this]);
-        (0, _vnodes.sortChildren)(children, this.parent);
-        this.parent.children = children;
-      }
-    }
-  };
-}
-
-function ParentMixin(parent) {
-  return {
-    provide: function provide() {
-      var _ref;
-
-      return _ref = {}, _ref[parent] = this, _ref;
-    },
-    data: function data() {
-      return {
-        children: []
-      };
-    }
-  };
-}

package/lib/mixins/slots.js

@@ -1,29 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.SlotsMixin = void 0;
-
-/**
- * Use scopedSlots in Vue 2.6+
- * downgrade to slots in lower version
- */
-var SlotsMixin = {
-  methods: {
-    slots: function slots(name, props) {
-      if (name === void 0) {
-        name = 'default';
-      }
-
-      var $slots = this.$slots,
-          $scopedSlots = this.$scopedSlots;
-      var scopedSlot = $scopedSlots[name];
-
-      if (scopedSlot) {
-        return scopedSlot(props);
-      }
-
-      return $slots[name];
-    }
-  }
-};
-exports.SlotsMixin = SlotsMixin;

package/lib/mixins/touch.js

@@ -1,69 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.TouchMixin = void 0;
-
-var _event = require("../utils/dom/event");
-
-function getDirection(x, y) {
-  if (x > y) {
-    return 'horizontal';
-  }
-
-  if (y > x) {
-    return 'vertical';
-  }
-
-  return '';
-}
-
-var TouchMixin = {
-  data: function data() {
-    return {
-      direction: ''
-    };
-  },
-  methods: {
-    touchStart: function touchStart(event) {
-      this.resetTouchStatus();
-      this.startX = event.touches[0].clientX;
-      this.startY = event.touches[0].clientY;
-    },
-    touchMove: function touchMove(event) {
-      var touch = event.touches[0]; // safari back will set clientX to negative number
-
-      this.deltaX = touch.clientX < 0 ? 0 : touch.clientX - this.startX;
-      this.deltaY = touch.clientY - this.startY;
-      this.offsetX = Math.abs(this.deltaX);
-      this.offsetY = Math.abs(this.deltaY); // lock direction when distance is greater than a certain value
-
-      var LOCK_DIRECTION_DISTANCE = 10;
-
-      if (!this.direction || this.offsetX < LOCK_DIRECTION_DISTANCE && this.offsetY < LOCK_DIRECTION_DISTANCE) {
-        this.direction = getDirection(this.offsetX, this.offsetY);
-      }
-    },
-    resetTouchStatus: function resetTouchStatus() {
-      this.direction = '';
-      this.deltaX = 0;
-      this.deltaY = 0;
-      this.offsetX = 0;
-      this.offsetY = 0;
-    },
-    // avoid Vue 2.6 event bubble issues by manually binding events
-    // https://github.com/vant-ui/vant/issues/3015
-    bindTouchEvent: function bindTouchEvent(el) {
-      var onTouchStart = this.onTouchStart,
-          onTouchMove = this.onTouchMove,
-          onTouchEnd = this.onTouchEnd;
-      (0, _event.on)(el, 'touchstart', onTouchStart);
-      (0, _event.on)(el, 'touchmove', onTouchMove);
-
-      if (onTouchEnd) {
-        (0, _event.on)(el, 'touchend', onTouchEnd);
-        (0, _event.on)(el, 'touchcancel', onTouchEnd);
-      }
-    }
-  }
-};
-exports.TouchMixin = TouchMixin;

package/lib/nav-bar/index.less

@@ -1,74 +0,0 @@
-@import '../style/var';
-
-.van-nav-bar {
-  position: relative;
-  z-index: @nav-bar-z-index;
-  line-height: @line-height-lg;
-  text-align: center;
-  background-color: @nav-bar-background-color;
-  user-select: none;
-
-  &--fixed {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-  }
-
-  &--safe-area-inset-top {
-    padding-top: constant(safe-area-inset-top);
-    padding-top: env(safe-area-inset-top);
-  }
-
-  .van-icon {
-    color: @nav-bar-icon-color;
-  }
-
-  &__content {
-    position: relative;
-    display: flex;
-    align-items: center;
-    height: @nav-bar-height;
-  }
-
-  &__arrow {
-    margin-right: @padding-base;
-    font-size: @nav-bar-arrow-size;
-  }
-
-  &__title {
-    max-width: 60%;
-    margin: 0 auto;
-    color: @nav-bar-title-text-color;
-    font-weight: @font-weight-bold;
-    font-size: @nav-bar-title-font-size;
-  }
-
-  &__left,
-  &__right {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    display: flex;
-    align-items: center;
-    padding: 0 @padding-md;
-    font-size: @font-size-md;
-    cursor: pointer;
-
-    &:active {
-      opacity: @active-opacity;
-    }
-  }
-
-  &__left {
-    left: 0;
-  }
-
-  &__right {
-    right: 0;
-  }
-
-  &__text {
-    color: @nav-bar-text-color;
-  }
-}

package/lib/nav-bar/style/less.js

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

package/lib/notice-bar/index.less

@@ -1,60 +0,0 @@
-@import '../style/var';
-
-.van-notice-bar {
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: @notice-bar-height;
-  padding: @notice-bar-padding;
-  color: @notice-bar-text-color;
-  font-size: @notice-bar-font-size;
-  line-height: @notice-bar-line-height;
-  background-color: @notice-bar-background-color;
-
-  &__left-icon,
-  &__right-icon {
-    min-width: @notice-bar-icon-min-width;
-    font-size: @notice-bar-icon-size;
-  }
-
-  &__right-icon {
-    text-align: right;
-    cursor: pointer;
-  }
-
-  &__wrap {
-    position: relative;
-    display: flex;
-    flex: 1;
-    align-items: center;
-    height: 100%;
-    overflow: hidden;
-  }
-
-  &__content {
-    position: absolute;
-    white-space: nowrap;
-    transition-timing-function: linear;
-
-    &.van-ellipsis {
-      max-width: 100%;
-    }
-  }
-
-  &--wrapable {
-    height: auto;
-    padding: @notice-bar-wrapable-padding;
-
-    .van-notice-bar {
-      &__wrap {
-        height: auto;
-      }
-
-      &__content {
-        position: relative;
-        white-space: normal;
-        word-wrap: break-word;
-      }
-    }
-  }
-}