zartui 2.1.6 → 2.1.8

package/lib/image/index.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _utils = require("../utils");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _createNamespace = (0, _utils.createNamespace)('image'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   props: {
     src: String,
     fit: String,
@@ -58,26 +52,21 @@ var _default = createComponent({
   computed: {
     style: function style() {
       var style = {};
-
       if ((0, _utils.isDef)(this.width)) {
         style.width = (0, _utils.addUnit)(this.width);
       }
-
       if ((0, _utils.isDef)(this.height)) {
         style.height = (0, _utils.addUnit)(this.height);
       }
-
       if ((0, _utils.isDef)(this.radius)) {
         style.overflow = 'hidden';
         style.borderRadius = (0, _utils.addUnit)(this.radius);
       }
-
       return style;
     }
   },
   created: function created() {
     var $Lazyload = this.$Lazyload;
-
     if ($Lazyload && _utils.inBrowser) {
       $Lazyload.$on('loaded', this.onLazyLoaded);
       $Lazyload.$on('error', this.onLazyLoadError);
@@ -85,7 +74,6 @@ var _default = createComponent({
   },
   beforeDestroy: function beforeDestroy() {
     var $Lazyload = this.$Lazyload;
-
     if ($Lazyload) {
       $Lazyload.$off('loaded', this.onLazyLoaded);
       $Lazyload.$off('error', this.onLazyLoadError);
@@ -98,14 +86,12 @@ var _default = createComponent({
     },
     onLazyLoaded: function onLazyLoaded(_ref) {
       var el = _ref.el;
-
       if (el === this.$refs.image && this.loading) {
         this.onLoad();
       }
     },
     onLazyLoadError: function onLazyLoadError(_ref2) {
       var el = _ref2.el;
-
       if (el === this.$refs.image && !this.error) {
         this.onError();
       }
@@ -120,7 +106,6 @@ var _default = createComponent({
     },
     genPlaceholder: function genPlaceholder() {
       var h = this.$createElement;
-
       if (this.loading && this.showLoading) {
         return h("div", {
           "class": bem('loading')
@@ -132,7 +117,6 @@ var _default = createComponent({
           "class": bem('loading-icon')
         })]);
       }
-
       if (this.error && this.showError) {
         return h("div", {
           "class": bem('error')
@@ -156,11 +140,9 @@ var _default = createComponent({
           objectFit: this.fit
         }
       };
-
       if (this.error) {
         return;
       }
-
       if (this.lazyLoad) {
         return h("img", (0, _babelHelperVueJsxMergeProps.default)([{
           "ref": "image",
@@ -170,7 +152,6 @@ var _default = createComponent({
           }]
         }, imgData]));
       }
-
       return h("img", (0, _babelHelperVueJsxMergeProps.default)([{
         "attrs": {
           "src": this.src
@@ -194,6 +175,4 @@ var _default = createComponent({
       }
     }, [this.genImage(), this.genPlaceholder(), this.slots()]);
   }
-});
-
-exports.default = _default;
+});

package/lib/image-preview/ImagePreview.js

@@ -1,28 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _shared = require("./shared");
-
 var _popup = require("../mixins/popup");
-
 var _touch = require("../mixins/touch");
-
 var _bindEvent = require("../mixins/bind-event");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _swipe = _interopRequireDefault(require("../swipe"));
-
 var _ImagePreviewItem = _interopRequireDefault(require("./ImagePreviewItem"));
-
 // Utils
 // Mixins
 // Components
-var _default2 = (0, _shared.createComponent)({
+var _default2 = exports.default = (0, _shared.createComponent)({
   mixins: [_touch.TouchMixin, (0, _popup.PopupMixin)({
     skipToggleEvent: true
   }), (0, _bindEvent.BindEventMixin)(function (bind) {
@@ -104,12 +95,10 @@ var _default2 = (0, _shared.createComponent)({
     startPosition: 'setActive',
     value: function value(val) {
       var _this = this;
-
       if (val) {
         this.setActive(+this.startPosition);
         this.$nextTick(function () {
           _this.resize();
-
           _this.$refs.swipe.swipeTo(+_this.startPosition, {
             immediate: true
           });
@@ -143,7 +132,6 @@ var _default2 = (0, _shared.createComponent)({
     },
     genIndex: function genIndex() {
       var h = this.$createElement;
-
       if (this.showIndex) {
         return h("div", {
           "class": (0, _shared.bem)('index')
@@ -155,7 +143,6 @@ var _default2 = (0, _shared.createComponent)({
     genCover: function genCover() {
       var h = this.$createElement;
       var cover = this.slots('cover');
-
       if (cover) {
         return h("div", {
           "class": (0, _shared.bem)('cover')
@@ -164,7 +151,6 @@ var _default2 = (0, _shared.createComponent)({
     },
     genImages: function genImages() {
       var _this2 = this;
-
       var h = this.$createElement;
       return h(_swipe.default, {
         "ref": "swipe",
@@ -200,7 +186,6 @@ var _default2 = (0, _shared.createComponent)({
     },
     genClose: function genClose() {
       var h = this.$createElement;
-
       if (this.closeable) {
         return h(_icon.default, {
           "attrs": {
@@ -248,6 +233,4 @@ var _default2 = (0, _shared.createComponent)({
       "class": [(0, _shared.bem)(), this.className]
     }, [this.genClose(), this.genImages(), this.genIndex(), this.genCover(), this.genTitle()]) : null]);
   }
-});
-
-exports.default = _default2;
+});

package/lib/image-preview/ImagePreviewItem.js

@@ -1,32 +1,25 @@
 "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 = {
+var _default = exports.default = {
   mixins: [_touch.TouchMixin],
   props: {
     src: String,
@@ -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;
     }
   },
@@ -252,5 +229,4 @@ var _default = {
       }
     })]);
   }
-};
-exports.default = _default;
+};

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,14 @@ 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;
+var _default = exports.default = ImagePreview;

package/lib/image-preview/shared.js

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

package/lib/index-anchor/index.js

@@ -2,20 +2,14 @@
 
 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];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.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;
     }
   },
@@ -88,6 +80,4 @@ var _default = createComponent({
       "class": bem('anchor-icon')
     }), this.slots('default') || this.index])]);
   }
-});
-
-exports.default = _default;
+});

package/lib/index-bar/IndexIndicate.js

@@ -2,10 +2,9 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   render: function render() {
     var _attrs;
-
     var h = arguments[0];
     return h("svg", {
       "attrs": (_attrs = {
@@ -42,5 +41,4 @@ var _default = {
       }
     })])])])])])]);
   }
-};
-exports.default = _default;
+};