zartui 2.0.79 → 2.0.80-beta.1

package/lib/image-preview/ImagePreviewItem.js

@@ -1,31 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _shared = require("./shared");
-
 var _number = require("../utils/format/number");
-
 var _event = require("../utils/dom/event");
-
 var _touch = require("../mixins/touch");
-
 var _image = _interopRequireDefault(require("../image"));
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 var _swipeItem = _interopRequireDefault(require("../swipe-item"));
-
 // Utils
+
 // Mixins
+
 // Component
+
 function getDistance(touches) {
   return Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
 }
-
 var _default = {
   mixins: [_touch.TouchMixin],
   props: {
@@ -52,7 +45,7 @@ var _default = {
   computed: {
     vertical: function vertical() {
       var rootWidth = this.rootWidth,
-          rootHeight = this.rootHeight;
+        rootHeight = this.rootHeight;
       var rootRatio = rootHeight / rootWidth;
       return this.imageRatio > rootRatio;
     },
@@ -61,13 +54,11 @@ var _default = {
       var style = {
         transitionDuration: this.zooming || this.moving ? '0s' : '.3s'
       };
-
       if (scale !== 1) {
         var offsetX = this.moveX / scale;
         var offsetY = this.moveY / scale;
         style.transform = "scale(" + scale + ", " + scale + ") translate(" + offsetX + "px, " + offsetY + "px)";
       }
-
       return style;
     },
     maxMoveX: function maxMoveX() {
@@ -75,7 +66,6 @@ var _default = {
         var displayWidth = this.vertical ? this.rootHeight / this.imageRatio : this.rootWidth;
         return Math.max(0, (this.scale * displayWidth - this.rootWidth) / 2);
       }
-
       return 0;
     },
     maxMoveY: function maxMoveY() {
@@ -83,7 +73,6 @@ var _default = {
         var displayHeight = this.vertical ? this.rootHeight : this.rootWidth * this.imageRatio;
         return Math.max(0, (this.scale * displayHeight - this.rootHeight) / 2);
       }
-
       return 0;
     }
   },
@@ -106,7 +95,6 @@ var _default = {
     },
     setScale: function setScale(scale) {
       scale = (0, _number.range)(scale, +this.minZoom, +this.maxZoom);
-
       if (scale !== this.scale) {
         this.scale = scale;
         this.$emit('scale', {
@@ -124,14 +112,13 @@ var _default = {
     onTouchStart: function onTouchStart(event) {
       var touches = event.touches;
       var _this$offsetX = this.offsetX,
-          offsetX = _this$offsetX === void 0 ? 0 : _this$offsetX;
+        offsetX = _this$offsetX === void 0 ? 0 : _this$offsetX;
       this.touchStart(event);
       this.touchStartTime = new Date();
       this.startMoveX = this.moveX;
       this.startMoveY = this.moveY;
       this.moving = touches.length === 1 && this.scale !== 1;
       this.zooming = touches.length === 2 && !offsetX;
-
       if (this.zooming) {
         this.startScale = this.scale;
         this.startDistance = getDistance(event.touches);
@@ -140,18 +127,15 @@ var _default = {
     onTouchMove: function onTouchMove(event) {
       var touches = event.touches;
       this.touchMove(event);
-
       if (this.moving || this.zooming) {
         (0, _event.preventDefault)(event, true);
       }
-
       if (this.moving) {
         var moveX = this.deltaX + this.startMoveX;
         var moveY = this.deltaY + this.startMoveY;
         this.moveX = (0, _number.range)(moveX, -this.maxMoveX, this.maxMoveX);
         this.moveY = (0, _number.range)(moveY, -this.maxMoveY, this.maxMoveY);
       }
-
       if (this.zooming && touches.length === 2) {
         var distance = getDistance(touches);
         var scale = this.startScale * distance / this.startDistance;
@@ -160,49 +144,43 @@ var _default = {
     },
     onTouchEnd: function onTouchEnd(event) {
       var stopPropagation = false;
-      /* istanbul ignore else */
 
+      /* istanbul ignore else */
       if (this.moving || this.zooming) {
         stopPropagation = true;
-
         if (this.moving && this.startMoveX === this.moveX && this.startMoveY === this.moveY) {
           stopPropagation = false;
         }
-
         if (!event.touches.length) {
           if (this.zooming) {
             this.moveX = (0, _number.range)(this.moveX, -this.maxMoveX, this.maxMoveX);
             this.moveY = (0, _number.range)(this.moveY, -this.maxMoveY, this.maxMoveY);
             this.zooming = false;
           }
-
           this.moving = false;
           this.startMoveX = 0;
           this.startMoveY = 0;
           this.startScale = 1;
-
           if (this.scale < 1) {
             this.resetScale();
           }
         }
-      } // eliminate tap delay on safari
-
+      }
 
+      // eliminate tap delay on safari
       (0, _event.preventDefault)(event, stopPropagation);
       this.checkTap();
       this.resetTouchStatus();
     },
     checkTap: function checkTap() {
       var _this = this;
-
       var _this$offsetX2 = this.offsetX,
-          offsetX = _this$offsetX2 === void 0 ? 0 : _this$offsetX2,
-          _this$offsetY = this.offsetY,
-          offsetY = _this$offsetY === void 0 ? 0 : _this$offsetY;
+        offsetX = _this$offsetX2 === void 0 ? 0 : _this$offsetX2,
+        _this$offsetY = this.offsetY,
+        offsetY = _this$offsetY === void 0 ? 0 : _this$offsetY;
       var deltaTime = new Date() - this.touchStartTime;
       var TAP_TIME = 250;
       var TAP_OFFSET = 10;
-
       if (offsetX < TAP_OFFSET && offsetY < TAP_OFFSET && deltaTime < TAP_TIME) {
         if (this.doubleTapTimer) {
           clearTimeout(this.doubleTapTimer);
@@ -211,7 +189,6 @@ var _default = {
         } else {
           this.doubleTapTimer = setTimeout(function () {
             _this.$emit('close');
-
             _this.doubleTapTimer = null;
           }, TAP_TIME);
         }
@@ -219,8 +196,8 @@ var _default = {
     },
     onLoad: function onLoad(event) {
       var _event$target = event.target,
-          naturalWidth = _event$target.naturalWidth,
-          naturalHeight = _event$target.naturalHeight;
+        naturalWidth = _event$target.naturalWidth,
+        naturalHeight = _event$target.naturalHeight;
       this.imageRatio = naturalHeight / naturalWidth;
     }
   },

package/lib/image-preview/index.js

@@ -1,18 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _vue = _interopRequireDefault(require("vue"));
-
 var _ImagePreview = _interopRequireDefault(require("./ImagePreview"));
-
 var _utils = require("../utils");
-
 var instance;
 var defaultConfig = {
   loop: true,
@@ -35,7 +29,6 @@ var defaultConfig = {
   closeOnPopstate: true,
   closeIconPosition: 'top-right'
 };
-
 var initInstance = function initInstance() {
   instance = new (_vue.default.extend(_ImagePreview.default))({
     el: document.createElement('div')
@@ -52,21 +45,17 @@ var initInstance = function initInstance() {
     }
   });
 };
-
 var ImagePreview = function ImagePreview(images, startPosition) {
   if (startPosition === void 0) {
     startPosition = 0;
   }
-
   /* istanbul ignore if */
   if (_utils.isServer) {
     return;
   }
-
   if (!instance) {
     initInstance();
   }
-
   var options = Array.isArray(images) ? {
     images: images,
     startPosition: startPosition
@@ -78,20 +67,15 @@ var ImagePreview = function ImagePreview(images, startPosition) {
   instance.$once('closed', function () {
     instance.images = [];
   });
-
   if (options.onClose) {
     instance.$off('close');
     instance.$once('close', options.onClose);
   }
-
   return instance;
 };
-
 ImagePreview.Component = _ImagePreview.default;
-
 ImagePreview.install = function () {
   _vue.default.use(_ImagePreview.default);
 };
-
 var _default = ImagePreview;
 exports.default = _default;

package/lib/image-preview/shared.js

@@ -2,12 +2,9 @@
 
 exports.__esModule = true;
 exports.bem = exports.createComponent = void 0;
-
 var _utils = require("../utils");
-
 var _createNamespace = (0, _utils.createNamespace)('image-preview'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 exports.bem = bem;
 exports.createComponent = createComponent;

package/lib/index-anchor/index.js

@@ -2,19 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _relation = require("../mixins/relation");
-
 var _constant = require("../utils/constant");
-
 var _scroll = require("../utils/dom/scroll");
-
 var _createNamespace = (0, _utils.createNamespace)('index-anchor'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _relation.ChildrenMixin)('ztIndexBar', {
     indexKey: 'childrenIndex'
@@ -62,13 +56,11 @@ var _default = createComponent({
       var el = this.$el;
       var elRect = el.getBoundingClientRect();
       this.rect.height = elRect.height;
-
       if (scroller === window || scroller === document.body) {
         this.rect.top = elRect.top + (0, _scroll.getRootScrollTop)();
       } else {
         this.rect.top = elRect.top + (0, _scroll.getScrollTop)(scroller) - scrollerRect.top;
       }
-
       return this.rect;
     }
   },
@@ -89,5 +81,4 @@ var _default = createComponent({
     }), this.slots('default') || this.index])]);
   }
 });
-
 exports.default = _default;

package/lib/index-bar/IndexIndicate.js

@@ -5,7 +5,6 @@ exports.default = void 0;
 var _default = {
   render: function render() {
     var _attrs;
-
     var h = arguments[0];
     return h("svg", {
       "attrs": (_attrs = {

package/lib/index-bar/index.js

@@ -1,49 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _style = require("../utils/dom/style");
-
 var _event = require("../utils/dom/event");
-
 var _scroll = require("../utils/dom/scroll");
-
 var _IndexIndicate = _interopRequireDefault(require("./IndexIndicate"));
-
 var _touch = require("../mixins/touch");
-
 var _relation = require("../mixins/relation");
-
 var _bindEvent = require("../mixins/bind-event");
-
 // Utils
+
 // Mixins
+
 function genAlphabet() {
   var indexList = [];
   var charCodeOfA = 'A'.charCodeAt(0);
-
   for (var i = 0; i < 26; i++) {
     indexList.push(String.fromCharCode(charCodeOfA + i));
   }
-
   return indexList;
 }
-
 var _createNamespace = (0, _utils.createNamespace)('index-bar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [_touch.TouchMixin, (0, _relation.ParentMixin)('ztIndexBar'), (0, _bindEvent.BindEventMixin)(function (bind) {
     if (!this.scroller) {
       this.scroller = (0, _scroll.getScroller)(this.$el);
     }
-
     bind(this.scroller, 'scroll', this.onScroll);
   })],
   props: {
@@ -78,7 +65,6 @@ var _default = createComponent({
     },
     highlightStyle: function highlightStyle() {
       var highlightColor = this.highlightColor;
-
       if (highlightColor) {
         return {
           color: highlightColor
@@ -99,11 +85,9 @@ var _default = createComponent({
   methods: {
     onScroll: function onScroll() {
       var _this = this;
-
       if ((0, _style.isHidden)(this.$el)) {
         return;
       }
-
       var scrollTop = (0, _scroll.getScrollTop)(this.scroller);
       var scrollerRect = this.getScrollerRect();
       var rects = this.children.map(function (item) {
@@ -111,11 +95,9 @@ var _default = createComponent({
       });
       var active = this.getActiveAnchorIndex(scrollTop, rects);
       this.activeAnchorIndex = this.indexList[active];
-
       if (this.touchAnchorIndex && this.touchAnchorIndex !== this.activeAnchorIndex) {
         this.touchAnchorIndex = this.activeAnchorIndex;
       }
-
       if (this.sticky) {
         this.children.forEach(function (item, index) {
           if (index === active || index === active - 1) {
@@ -126,7 +108,6 @@ var _default = createComponent({
             item.left = null;
             item.width = null;
           }
-
           if (index === active) {
             item.active = true;
             item.top = Math.max(_this.stickyOffsetTop, rects[index].top - scrollTop) + scrollerRect.top;
@@ -144,7 +125,6 @@ var _default = createComponent({
       if (this.scroller.getBoundingClientRect) {
         return this.scroller.getBoundingClientRect();
       }
-
       return {
         top: 0,
         left: 0
@@ -154,12 +134,10 @@ var _default = createComponent({
       for (var i = this.children.length - 1; i >= 0; i--) {
         var prevHeight = i > 0 ? rects[i - 1].height : 0;
         var reachTop = this.sticky ? prevHeight + this.stickyOffsetTop : 0;
-
         if (scrollTop + reachTop >= rects[i].top) {
           return i;
         }
       }
-
       return -1;
     },
     onClick: function onClick(event) {
@@ -167,18 +145,16 @@ var _default = createComponent({
     },
     onTouchMove: function onTouchMove(event) {
       this.touchMove(event);
-
       if (this.direction === 'vertical') {
         (0, _event.preventDefault)(event);
         var _event$touches$ = event.touches[0],
-            clientX = _event$touches$.clientX,
-            clientY = _event$touches$.clientY;
+          clientX = _event$touches$.clientX,
+          clientY = _event$touches$.clientY;
         var target = document.elementFromPoint(clientX, clientY);
-
         if (target) {
           var index = target.dataset.index;
-          /* istanbul ignore else */
 
+          /* istanbul ignore else */
           if (this.touchActiveIndex !== index) {
             this.touchActiveIndex = index;
             this.scrollToElement(target);
@@ -190,14 +166,11 @@ var _default = createComponent({
       var match = this.children.filter(function (item) {
         return String(item.index) === index;
       });
-
       if (match[0]) {
         match[0].scrollIntoView();
-
         if (this.sticky && this.stickyOffsetTop) {
           (0, _scroll.setRootScrollTop)((0, _scroll.getRootScrollTop)() - this.stickyOffsetTop);
         }
-
         this.$emit('select', match[0].index);
       }
     },
@@ -212,7 +185,6 @@ var _default = createComponent({
     },
     onTouchEnd: function onTouchEnd() {
       var _this2 = this;
-
       setTimeout(function () {
         _this2.touchAnchorIndex = null;
       }, 300);
@@ -227,7 +199,6 @@ var _default = createComponent({
   },
   render: function render() {
     var _this3 = this;
-
     var h = arguments[0];
     var Indexes = this.indexList.map(function (index) {
       var active = index === _this3.activeAnchorIndex;
@@ -268,5 +239,4 @@ var _default = createComponent({
     }, [Indexes]), this.slots('default')]);
   }
 });
-
 exports.default = _default;