zartui 2.1.6 → 2.1.7

package/es/sticky/index.js

@@ -5,22 +5,18 @@ import { getScrollTop, getElementTop, getScroller } from '../utils/dom/scroll';
 import { BindEventMixin } from '../mixins/bind-event';
 import { TouchMixin } from '../mixins/touch';
 import Loading from '../loading';
-
 var _createNamespace = createNamespace('sticky'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [BindEventMixin(function (bind, isBind) {
     if (!this.scroller) {
       this.scroller = getScroller(this.$el);
     }
-
     if (this.observer) {
       var method = isBind ? 'observe' : 'unobserve';
       this.observer[method](this.$el);
     }
-
     bind(this.scroller, 'scroll', this.onScroll, true);
     this.onScroll();
   }), TouchMixin],
@@ -92,21 +88,16 @@ export default createComponent({
       if (!this.fixed) {
         return;
       }
-
       var style = {};
-
       if (isDef(this.zIndex)) {
         style.zIndex = this.zIndex;
       }
-
       if (this.offsetTopPx && this.fixed) {
         style.top = this.offsetTopPx + "px";
       }
-
       if (this.transform) {
         style.transform = "translate3d(0, " + this.transform + "px, 0)";
       }
-
       return style;
     }
   },
@@ -117,7 +108,6 @@ export default createComponent({
   },
   created: function created() {
     var _this2 = this;
-
     // compatibility: https://caniuse.com/#feat=intersectionobserver
     if (!isServer && window.IntersectionObserver) {
       this.observer = new IntersectionObserver(function (entries) {
@@ -136,31 +126,25 @@ export default createComponent({
   methods: {
     onScroll: function onScroll() {
       var _this3 = this;
-
       // if(!this.overScroll&&this.refresh){
       //   return
       // }
       var container = this.container,
-          offsetTopPx = this.offsetTopPx;
-
+        offsetTopPx = this.offsetTopPx;
       if (isHidden(this.$el)) {
         return;
       }
-
       setTimeout(function () {
         if (_this3.refresh && _this3.refreshtopToPageTop === null) {
           _this3.refreshtopToPageTop = getElementTop(_this3.$el);
         }
       }, 500);
-
       if (this.refresh && this.refreshOffsetTop === null) {
         this.refreshOffsetTop = this.offsetTopPx;
       }
-
       this.height = this.$el.offsetHeight;
       var scrollTop = getScrollTop(window);
       var topToPageTop = getElementTop(this.$el);
-
       var emitScrollEvent = function emitScrollEvent() {
         _this3.$emit('scroll', {
           scrollTop: scrollTop,
@@ -168,18 +152,14 @@ export default createComponent({
           distance: overpx + scrollTop + offsetTopPx - topToPageTop
         });
       };
-
-      var overpx = this.refresh && this.lockfixed ? this.refreshDistance : 0; // The sticky component should be kept inside the container element
-
+      var overpx = this.refresh && this.lockfixed ? this.refreshDistance : 0;
+      // The sticky component should be kept inside the container element
       var currentY = document.documentElement.scrollTop || document.body.scrollTop;
       this.pull = currentY < this.refreshtopToPageTop - this.offsetTopPx;
-
       if (container) {
         var bottomToPageTop = topToPageTop - overpx + container.offsetHeight;
-
         if (scrollTop + offsetTopPx + this.height > bottomToPageTop) {
           var distanceToBottom = this.height + scrollTop - bottomToPageTop;
-
           if (distanceToBottom < this.height) {
             this.fixed = true;
             this.transform = -(distanceToBottom + offsetTopPx);
@@ -188,12 +168,10 @@ export default createComponent({
             this.fixed = false;
             this.lockfixed = false;
           }
-
           emitScrollEvent();
           return;
         }
       }
-
       if (scrollTop + offsetTopPx > topToPageTop - overpx) {
         this.fixed = true;
         this.lockfixed = true;
@@ -202,45 +180,33 @@ export default createComponent({
         this.lockfixed = false;
         this.fixed = false;
       }
-
       if (this.refresh && this.pc && !this.touchOn) {
         this.t1 = getScrollTop(window);
         clearTimeout(this.timer);
-
         var _this = this;
-
         this.timer = setTimeout(function () {
           _this.t2 = getScrollTop(window);
-
           if (!_this.autoScroll) {
             return;
           }
-
           var currentY = document.documentElement.scrollTop || document.body.scrollTop;
-
           if (_this.refresh && !_this.fixed && getScrollTop(window) > _this.refreshtopToPageTop * _this.updownPercent / 100) {
             _this.scrollAnimation(currentY, _this.refreshtopToPageTop - _this.refreshOffsetTop, true);
-
             _this.touchOn = false;
             return;
           } else if (_this.refresh && !_this.fixed && getScrollTop(window) <= _this.refreshtopToPageTop * _this.updownPercent / 100) {
             _this.scrollAnimation(currentY, 0, false);
-
             _this.touchOn = false;
             return;
           } else if (_this.refresh && _this.fixed && currentY < _this.refreshtopToPageTop - _this.offsetTopPx) {
             _this.$emit('refreshcallback');
-
             _this.scrollAnimation(currentY, _this.refreshtopToPageTop - _this.refreshOffsetTop, true);
-
             _this.touchOn = false;
             return;
           }
-
           _this.touchOn = false;
         }, _this.delayTime);
       }
-
       emitScrollEvent();
     },
     onTouchStart: function onTouchStart(event) {
@@ -249,7 +215,6 @@ export default createComponent({
     },
     onTouchMove: function onTouchMove(event) {
       this.touchMove(event);
-
       if (this.deltaY > 10) {
         this.overScroll = true;
       }
@@ -258,10 +223,8 @@ export default createComponent({
       if (!this.autoScroll) {
         return;
       }
-
       var that = this;
       var currentY = document.documentElement.scrollTop || document.body.scrollTop;
-
       if (this.refresh && !this.fixed && getScrollTop(window) > this.refreshtopToPageTop * this.updownPercent / 100) {
         this.scrollAnimation(currentY, this.refreshtopToPageTop - this.refreshOffsetTop, true);
         this.touchOn = false;
@@ -276,23 +239,19 @@ export default createComponent({
         this.touchOn = false;
         return;
       }
-
       this.touchOn = false;
     },
     renderLoading: function renderLoading() {
       var h = this.$createElement;
-
       if (this.lockfixed && this.refresh && this.touchOn && this.pull && this.pulling) {
         if (this.$slots.pull) {
           return this.slots('pull');
         }
-
         return h(Loading);
       }
     },
     scrollAnimation: function scrollAnimation(currentY, targetY, lockfixed) {
       var _this4 = this;
-
       // 获取当前位置方法
       // 计算需要移动的距离 
       var needScrollTop = targetY - currentY;
@@ -301,8 +260,9 @@ export default createComponent({
         // 一次调用滑动帧数，每次调用会不一样
         var dist = Math.ceil(needScrollTop / _this4.scrollSpeed);
         _currentY += dist;
-        window.scrollTo(_currentY, currentY); // 如果移动幅度小于十个像素，直接移动，否则递归调用，实现动画效果
+        window.scrollTo(_currentY, currentY);
 
+        // 如果移动幅度小于十个像素，直接移动，否则递归调用，实现动画效果
         if (needScrollTop > _this4.scrollSpeed || needScrollTop < -_this4.scrollSpeed) {
           _this4.scrollAnimation(_currentY, targetY, lockfixed);
         } else {
@@ -315,15 +275,13 @@ export default createComponent({
   render: function render() {
     var h = arguments[0];
     var fixed = this.fixed,
-        cover = this.cover;
+      cover = this.cover;
     var style = {
       height: fixed ? this.height + "px" : null
     };
-
     if (cover && this.fixed) {
       style.width = "100%";
     }
-
     return h("div", {
       "style": style
     }, [h("div", {

package/es/swipe/index.js

@@ -3,22 +3,20 @@ import { createNamespace } from '../utils';
 import { isHidden } from '../utils/dom/style';
 import { preventDefault } from '../utils/dom/event';
 import { doubleRaf } from '../utils/dom/raf';
-import { range } from '../utils/format/number'; // Mixins
+import { range } from '../utils/format/number';
 
+// Mixins
 import { TouchMixin } from '../mixins/touch';
 import { ParentMixin } from '../mixins/relation';
 import { BindEventMixin } from '../mixins/bind-event';
-
 var _createNamespace = createNamespace('swipe'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [TouchMixin, ParentMixin('vanSwipe'), BindEventMixin(function (bind, isBind) {
     bind(window, 'resize', this.resize, true);
     bind(window, 'orientationchange', this.resize, true);
     bind(window, 'visibilitychange', this.onVisibilityChange);
-
     if (isBind) {
       this.initialize();
     } else {
@@ -113,14 +111,12 @@ export default createComponent({
         transitionDuration: (this.swiping ? 0 : this.duration) + "ms",
         transform: "translate" + (this.vertical ? 'Y' : 'X') + "(" + this.offset + "px)"
       };
-
       if (this.size) {
         var mainAxis = this.vertical ? 'height' : 'width';
         var crossAxis = this.vertical ? 'width' : 'height';
         style[mainAxis] = this.trackSize + "px";
         style[crossAxis] = this[crossAxis] ? this[crossAxis] + "px" : '';
       }
-
       return style;
     },
     indicatorStyle: function indicatorStyle() {
@@ -141,11 +137,9 @@ export default createComponent({
       if (active === void 0) {
         active = +this.initialSwipe;
       }
-
       if (!this.$el || isHidden(this.$el)) {
         return;
       }
-
       clearTimeout(this.timer);
       var rect = {
         width: this.$el.offsetWidth,
@@ -183,7 +177,6 @@ export default createComponent({
     onTouchMove: function onTouchMove(event) {
       if (!this.touchable || !this.swiping) return;
       this.touchMove(event);
-
       if (this.isCorrectDirection) {
         preventDefault(event, this.stopPropagation);
         this.move({
@@ -194,21 +187,18 @@ export default createComponent({
     onTouchEnd: function onTouchEnd() {
       if (!this.touchable || !this.swiping) return;
       var size = this.size,
-          delta = this.delta;
+        delta = this.delta;
       var duration = Date.now() - this.touchStartTime;
       var speed = delta / duration;
       var shouldSwipe = Math.abs(speed) > 0.25 || Math.abs(delta) > size / 2;
-
       if (shouldSwipe && this.isCorrectDirection) {
         var offset = this.vertical ? this.offsetY : this.offsetX;
         var pace = 0;
-
         if (this.loop) {
           pace = offset > 0 ? delta > 0 ? -1 : 1 : 0;
         } else {
           pace = -Math[delta > 0 ? 'ceil' : 'floor'](delta / size);
         }
-
         this.move({
           pace: pace,
           emitChange: true
@@ -218,79 +208,66 @@ export default createComponent({
           pace: 0
         });
       }
-
       this.swiping = false;
       this.autoPlay();
     },
     getTargetActive: function getTargetActive(pace) {
       var active = this.active,
-          count = this.count,
-          maxCount = this.maxCount;
-
+        count = this.count,
+        maxCount = this.maxCount;
       if (pace) {
         if (this.loop) {
           return range(active + pace, -1, count);
         }
-
         return range(active + pace, 0, maxCount);
       }
-
       return active;
     },
     getTargetOffset: function getTargetOffset(targetActive, offset) {
       if (offset === void 0) {
         offset = 0;
       }
-
       var currentPosition = targetActive * this.size;
-
       if (!this.loop) {
         currentPosition = Math.min(currentPosition, -this.minOffset);
       }
-
       var targetOffset = offset - currentPosition;
-
       if (!this.loop) {
         targetOffset = range(targetOffset, this.minOffset, 0);
       }
-
       return targetOffset;
     },
     move: function move(_ref) {
       var _ref$pace = _ref.pace,
-          pace = _ref$pace === void 0 ? 0 : _ref$pace,
-          _ref$offset = _ref.offset,
-          offset = _ref$offset === void 0 ? 0 : _ref$offset,
-          emitChange = _ref.emitChange;
+        pace = _ref$pace === void 0 ? 0 : _ref$pace,
+        _ref$offset = _ref.offset,
+        offset = _ref$offset === void 0 ? 0 : _ref$offset,
+        emitChange = _ref.emitChange;
       var loop = this.loop,
-          count = this.count,
-          active = this.active,
-          children = this.children,
-          trackSize = this.trackSize,
-          minOffset = this.minOffset;
-
+        count = this.count,
+        active = this.active,
+        children = this.children,
+        trackSize = this.trackSize,
+        minOffset = this.minOffset;
       if (count <= 1) {
         return;
       }
-
       var targetActive = this.getTargetActive(pace);
-      var targetOffset = this.getTargetOffset(targetActive, offset); // auto move first and last swipe in loop mode
+      var targetOffset = this.getTargetOffset(targetActive, offset);
 
+      // auto move first and last swipe in loop mode
       if (loop) {
         if (children[0] && targetOffset !== minOffset) {
           var outRightBound = targetOffset < minOffset;
           children[0].offset = outRightBound ? trackSize : 0;
         }
-
         if (children[count - 1] && targetOffset !== 0) {
           var outLeftBound = targetOffset > 0;
           children[count - 1].offset = outLeftBound ? -trackSize : 0;
         }
       }
-
       this.active = targetActive;
       this.offset = targetOffset;
-
       if (emitChange && targetActive !== active) {
         this.$emit('change', this.activeIndicator);
       }
@@ -298,12 +275,10 @@ export default createComponent({
     // @exposed-api
     prev: function prev() {
       var _this = this;
-
       this.correctPosition();
       this.resetTouchStatus();
       doubleRaf(function () {
         _this.swiping = false;
-
         _this.move({
           pace: -1,
           emitChange: true
@@ -313,12 +288,10 @@ export default createComponent({
     // @exposed-api
     next: function next() {
       var _this2 = this;
-
       this.correctPosition();
       this.resetTouchStatus();
       doubleRaf(function () {
         _this2.swiping = false;
-
         _this2.move({
           pace: 1,
           emitChange: true
@@ -328,22 +301,18 @@ export default createComponent({
     // @exposed-api
     swipeTo: function swipeTo(index, options) {
       var _this3 = this;
-
       if (options === void 0) {
         options = {};
       }
-
       this.correctPosition();
       this.resetTouchStatus();
       doubleRaf(function () {
         var targetIndex;
-
         if (_this3.loop && index === _this3.count) {
           targetIndex = _this3.active === 0 ? 0 : index;
         } else {
           targetIndex = index % _this3.count;
         }
-
         if (options.immediate) {
           doubleRaf(function () {
             _this3.swiping = false;
@@ -351,7 +320,6 @@ export default createComponent({
         } else {
           _this3.swiping = false;
         }
-
         _this3.move({
           pace: targetIndex - _this3.active,
           emitChange: true
@@ -360,13 +328,11 @@ export default createComponent({
     },
     correctPosition: function correctPosition() {
       this.swiping = true;
-
       if (this.active <= -1) {
         this.move({
           pace: this.count
         });
       }
-
       if (this.active >= this.count) {
         this.move({
           pace: -this.count
@@ -378,21 +344,17 @@ export default createComponent({
     },
     autoPlay: function autoPlay() {
       var _this4 = this;
-
       var autoplay = this.autoplay;
-
       if (autoplay > 0 && this.count > 1) {
         this.clear();
         this.timer = setTimeout(function () {
           _this4.next();
-
           _this4.autoPlay();
         }, autoplay);
       }
     },
     titleDiv: function titleDiv() {
       var h = this.$createElement;
-
       if (this.$slots.title) {
         return this.$slots.title;
       } else if (this.title) {
@@ -401,7 +363,6 @@ export default createComponent({
             "class": bem('title')
           }, [this.title[this.active == this.count ? 0 : this.active]]);
         }
-
         return h("div", {
           "class": bem('title')
         }, [this.title]);
@@ -411,7 +372,6 @@ export default createComponent({
     },
     foot: function foot() {
       var h = this.$createElement;
-
       if (this.title) {
         return h("div", {
           "class": bem('foot')
@@ -422,16 +382,13 @@ export default createComponent({
     },
     genIndicator: function genIndicator() {
       var _this5 = this;
-
       var h = this.$createElement;
       var count = this.count,
-          activeIndicator = this.activeIndicator;
+        activeIndicator = this.activeIndicator;
       var slot = this.slots('indicator');
-
       if (slot) {
         return slot;
       }
-
       if (this.showIndicators && count > 1) {
         return h("div", {
           "class": bem('indicators', {

package/es/swipe-cell/index.js

@@ -1,15 +1,14 @@
 // Utils
 import { createNamespace } from '../utils';
 import { range } from '../utils/format/number';
-import { preventDefault } from '../utils/dom/event'; // Mixins
+import { preventDefault } from '../utils/dom/event';
 
+// Mixins
 import { TouchMixin } from '../mixins/touch';
 import { ClickOutsideMixin } from '../mixins/click-outside';
-
 var _createNamespace = createNamespace('swipe-cell'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var THRESHOLD = 0.15;
 export default createComponent({
   mixins: [TouchMixin, ClickOutsideMixin({
@@ -53,7 +52,6 @@ export default createComponent({
         var rect = this.$refs[ref].getBoundingClientRect();
         return rect.width;
       }
-
       return 0;
     },
     // @exposed-api
@@ -72,7 +70,6 @@ export default createComponent({
     // @exposed-api
     close: function close(position) {
       this.offset = 0;
-
       if (this.opened) {
         this.opened = false;
         this.$emit('close', {
@@ -85,7 +82,6 @@ export default createComponent({
       if (this.disabled) {
         return;
       }
-
       this.startOffset = this.offset;
       this.touchStart(event);
     },
@@ -93,32 +89,27 @@ export default createComponent({
       if (this.disabled) {
         return;
       }
-
       this.touchMove(event);
-
       if (this.direction === 'horizontal') {
         this.dragging = true;
         this.lockClick = true;
         var isPrevent = !this.opened || this.deltaX * this.startOffset < 0;
-
         if (isPrevent) {
           preventDefault(event, this.stopPropagation);
         }
-
         this.offset = range(this.deltaX + this.startOffset, -this.computedRightWidth, this.computedLeftWidth);
       }
     },
     onTouchEnd: function onTouchEnd() {
       var _this = this;
-
       if (this.disabled) {
         return;
       }
-
       if (this.dragging) {
         this.toggle(this.offset > 0 ? 'left' : 'right');
-        this.dragging = false; // compatible with desktop scenario
+        this.dragging = false;
 
+        // compatible with desktop scenario
         setTimeout(function () {
           _this.lockClick = false;
         }, 0);
@@ -128,8 +119,7 @@ export default createComponent({
       var offset = Math.abs(this.offset);
       var threshold = this.opened ? 1 - THRESHOLD : THRESHOLD;
       var computedLeftWidth = this.computedLeftWidth,
-          computedRightWidth = this.computedRightWidth;
-
+        computedRightWidth = this.computedRightWidth;
       if (computedRightWidth && direction === 'right' && offset > computedRightWidth * threshold) {
         this.open('right');
       } else if (computedLeftWidth && direction === 'left' && offset > computedLeftWidth * threshold) {
@@ -142,9 +132,7 @@ export default createComponent({
       if (position === void 0) {
         position = 'outside';
       }
-
       this.$emit('click', position);
-
       if (this.opened && !this.lockClick) {
         if (this.beforeClose) {
           this.beforeClose({
@@ -163,19 +151,16 @@ export default createComponent({
     },
     getClickHandler: function getClickHandler(position, stop) {
       var _this2 = this;
-
       return function (event) {
         if (stop) {
           event.stopPropagation();
         }
-
         _this2.onClick(position);
       };
     },
     genLeftPart: function genLeftPart() {
       var h = this.$createElement;
       var content = this.slots('left');
-
       if (content) {
         return h("div", {
           "ref": "left",
@@ -189,7 +174,6 @@ export default createComponent({
     genRightPart: function genRightPart() {
       var h = this.$createElement;
       var content = this.slots('right');
-
       if (content) {
         return h("div", {
           "ref": "right",