zartui 2.0.79 → 2.0.80-beta.1

package/es/image-preview/ImagePreviewItem.js

@@ -1,18 +1,18 @@
 // Utils
 import { bem } from './shared';
 import { range } from '../utils/format/number';
-import { preventDefault } from '../utils/dom/event'; // Mixins
+import { preventDefault } from '../utils/dom/event';
 
-import { TouchMixin } from '../mixins/touch'; // Component
+// Mixins
+import { TouchMixin } from '../mixins/touch';
 
+// Component
 import Image from '../image';
 import Loading from '../loading';
 import SwipeItem from '../swipe-item';
-
 function getDistance(touches) {
   return Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
 }
-
 export default {
   mixins: [TouchMixin],
   props: {
@@ -39,7 +39,7 @@ export default {
   computed: {
     vertical: function vertical() {
       var rootWidth = this.rootWidth,
-          rootHeight = this.rootHeight;
+        rootHeight = this.rootHeight;
       var rootRatio = rootHeight / rootWidth;
       return this.imageRatio > rootRatio;
     },
@@ -48,13 +48,11 @@ export 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() {
@@ -62,7 +60,6 @@ export 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() {
@@ -70,7 +67,6 @@ export default {
         var displayHeight = this.vertical ? this.rootHeight : this.rootWidth * this.imageRatio;
         return Math.max(0, (this.scale * displayHeight - this.rootHeight) / 2);
       }
-
       return 0;
     }
   },
@@ -93,7 +89,6 @@ export default {
     },
     setScale: function setScale(scale) {
       scale = range(scale, +this.minZoom, +this.maxZoom);
-
       if (scale !== this.scale) {
         this.scale = scale;
         this.$emit('scale', {
@@ -111,14 +106,13 @@ export 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);
@@ -127,18 +121,15 @@ export default {
     onTouchMove: function onTouchMove(event) {
       var touches = event.touches;
       this.touchMove(event);
-
       if (this.moving || this.zooming) {
         preventDefault(event, true);
       }
-
       if (this.moving) {
         var moveX = this.deltaX + this.startMoveX;
         var moveY = this.deltaY + this.startMoveY;
         this.moveX = range(moveX, -this.maxMoveX, this.maxMoveX);
         this.moveY = range(moveY, -this.maxMoveY, this.maxMoveY);
       }
-
       if (this.zooming && touches.length === 2) {
         var distance = getDistance(touches);
         var scale = this.startScale * distance / this.startDistance;
@@ -147,49 +138,43 @@ export 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 = range(this.moveX, -this.maxMoveX, this.maxMoveX);
             this.moveY = 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
       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);
@@ -198,7 +183,6 @@ export default {
         } else {
           this.doubleTapTimer = setTimeout(function () {
             _this.$emit('close');
-
             _this.doubleTapTimer = null;
           }, TAP_TIME);
         }
@@ -206,8 +190,8 @@ export 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/es/image-preview/index.js

@@ -24,7 +24,6 @@ var defaultConfig = {
   closeOnPopstate: true,
   closeIconPosition: 'top-right'
 };
-
 var initInstance = function initInstance() {
   instance = new (Vue.extend(VueImagePreview))({
     el: document.createElement('div')
@@ -41,47 +40,36 @@ var initInstance = function initInstance() {
     }
   });
 };
-
 var ImagePreview = function ImagePreview(images, startPosition) {
   if (startPosition === void 0) {
     startPosition = 0;
   }
-
   /* istanbul ignore if */
   if (isServer) {
     return;
   }
-
   if (!instance) {
     initInstance();
   }
-
   var options = Array.isArray(images) ? {
     images: images,
     startPosition: startPosition
   } : images;
-
   _extends(instance, defaultConfig, options);
-
   instance.$once('input', function (show) {
     instance.value = show;
   });
   instance.$once('closed', function () {
     instance.images = [];
   });
-
   if (options.onClose) {
     instance.$off('close');
     instance.$once('close', options.onClose);
   }
-
   return instance;
 };
-
 ImagePreview.Component = VueImagePreview;
-
 ImagePreview.install = function () {
   Vue.use(VueImagePreview);
 };
-
 export default ImagePreview;

package/es/image-preview/shared.js

@@ -1,7 +1,5 @@
 import { createNamespace } from '../utils';
-
 var _createNamespace = createNamespace('image-preview'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export { createComponent, bem };

package/es/index-anchor/index.js

@@ -2,11 +2,9 @@ import { createNamespace } from '../utils';
 import { ChildrenMixin } from '../mixins/relation';
 import { BORDER_BOTTOM, BORDER_TOP_BOTTOM, BORDER_UNSET_TOP_BOTTOM } from '../utils/constant';
 import { getScrollTop, getRootScrollTop } from '../utils/dom/scroll';
-
 var _createNamespace = createNamespace('index-anchor'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ChildrenMixin('ztIndexBar', {
     indexKey: 'childrenIndex'
@@ -54,13 +52,11 @@ export 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 + getRootScrollTop();
       } else {
         this.rect.top = elRect.top + getScrollTop(scroller) - scrollerRect.top;
       }
-
       return this.rect;
     }
   },

package/es/index-bar/IndexIndicate.js

@@ -1,7 +1,6 @@
 export default {
   render: function render() {
     var _attrs;
-
     var h = arguments[0];
     return h("svg", {
       "attrs": (_attrs = {

package/es/index-bar/index.js

@@ -3,33 +3,28 @@ import { createNamespace, isDef } from '../utils';
 import { isHidden } from '../utils/dom/style';
 import { preventDefault } from '../utils/dom/event';
 import { getScroller, getScrollTop, getRootScrollTop, setRootScrollTop } from '../utils/dom/scroll';
-import IndexIndicate from './IndexIndicate'; // Mixins
+import IndexIndicate from './IndexIndicate';
 
+// Mixins
 import { TouchMixin } from '../mixins/touch';
 import { ParentMixin } from '../mixins/relation';
 import { BindEventMixin } from '../mixins/bind-event';
-
 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 = createNamespace('index-bar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [TouchMixin, ParentMixin('ztIndexBar'), BindEventMixin(function (bind) {
     if (!this.scroller) {
       this.scroller = getScroller(this.$el);
     }
-
     bind(this.scroller, 'scroll', this.onScroll);
   })],
   props: {
@@ -64,7 +59,6 @@ export default createComponent({
     },
     highlightStyle: function highlightStyle() {
       var highlightColor = this.highlightColor;
-
       if (highlightColor) {
         return {
           color: highlightColor
@@ -85,11 +79,9 @@ export default createComponent({
   methods: {
     onScroll: function onScroll() {
       var _this = this;
-
       if (isHidden(this.$el)) {
         return;
       }
-
       var scrollTop = getScrollTop(this.scroller);
       var scrollerRect = this.getScrollerRect();
       var rects = this.children.map(function (item) {
@@ -97,11 +89,9 @@ export 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) {
@@ -112,7 +102,6 @@ export 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;
@@ -130,7 +119,6 @@ export default createComponent({
       if (this.scroller.getBoundingClientRect) {
         return this.scroller.getBoundingClientRect();
       }
-
       return {
         top: 0,
         left: 0
@@ -140,12 +128,10 @@ export 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) {
@@ -153,18 +139,16 @@ export default createComponent({
     },
     onTouchMove: function onTouchMove(event) {
       this.touchMove(event);
-
       if (this.direction === 'vertical') {
         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);
@@ -176,14 +160,11 @@ export 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) {
           setRootScrollTop(getRootScrollTop() - this.stickyOffsetTop);
         }
-
         this.$emit('select', match[0].index);
       }
     },
@@ -198,7 +179,6 @@ export default createComponent({
     },
     onTouchEnd: function onTouchEnd() {
       var _this2 = this;
-
       setTimeout(function () {
         _this2.touchAnchorIndex = null;
       }, 300);
@@ -213,7 +193,6 @@ export default createComponent({
   },
   render: function render() {
     var _this3 = this;
-
     var h = arguments[0];
     var Indexes = this.indexList.map(function (index) {
       var active = index === _this3.activeAnchorIndex;

package/es/index.js

@@ -74,8 +74,7 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.79';
-
+var version = '2.0.80-beta.1';
 function install(Vue) {
   var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];
   components.forEach(function (item) {
@@ -86,11 +85,9 @@ function install(Vue) {
     }
   });
 }
-
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }
-
 export { install, version, ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader };
 export default {
   install: install,

package/es/info/index.js

@@ -1,28 +1,26 @@
 import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { inherit } from '../utils/functional'; // Types
+import { inherit } from '../utils/functional';
 
-var _createNamespace = createNamespace('info'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = createNamespace('info'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function Info(h, props, slots, ctx) {
   var dot = props.dot,
-      info = props.info;
+    info = props.info;
   var showInfo = isDef(info) && info !== '';
-
   if (!dot && !showInfo) {
     return;
   }
-
   return h("div", _mergeJSXProps([{
     "class": bem({
       dot: dot
     })
   }, inherit(ctx, true)]), [dot ? '' : props.info]);
 }
-
 Info.props = {
   dot: Boolean,
   info: [Number, String]

package/es/list/index.js

@@ -1,24 +1,23 @@
 // Utils
 import { createNamespace } from '../utils';
 import { isHidden } from '../utils/dom/style';
-import { getScroller } from '../utils/dom/scroll'; // Mixins
+import { getScroller } from '../utils/dom/scroll';
 
-import { BindEventMixin } from '../mixins/bind-event'; // Components
+// Mixins
+import { BindEventMixin } from '../mixins/bind-event';
 
+// Components
 import Loading from '../loading';
 import Divider from '../divider';
-
 var _createNamespace = createNamespace('list'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 export default createComponent({
   mixins: [BindEventMixin(function (bind) {
     if (!this.scroller) {
       this.scroller = getScroller(this.$el);
     }
-
     bind(this.scroller, 'scroll', this.check);
   })],
   model: {
@@ -66,18 +65,15 @@ export default createComponent({
     // @exposed-api
     check: function check() {
       var _this = this;
-
       this.$nextTick(function () {
         if (_this.innerLoading || _this.finished || _this.error) {
           return;
         }
-
         var el = _this.$el,
-            scroller = _this.scroller,
-            offset = _this.offset,
-            direction = _this.direction;
+          scroller = _this.scroller,
+          offset = _this.offset,
+          direction = _this.direction;
         var scrollerRect;
-
         if (scroller.getBoundingClientRect) {
           scrollerRect = scroller.getBoundingClientRect();
         } else {
@@ -86,29 +82,22 @@ export default createComponent({
             bottom: scroller.innerHeight
           };
         }
-
         var scrollerHeight = scrollerRect.bottom - scrollerRect.top;
-        /* istanbul ignore next */
 
+        /* istanbul ignore next */
         if (!scrollerHeight || isHidden(el)) {
           return false;
         }
-
         var isReachEdge = false;
-
         var placeholderRect = _this.$refs.placeholder.getBoundingClientRect();
-
         if (direction === 'up') {
           isReachEdge = scrollerRect.top - placeholderRect.top <= offset;
         } else {
           isReachEdge = placeholderRect.bottom - scrollerRect.bottom <= offset;
         }
-
         if (isReachEdge) {
           _this.innerLoading = true;
-
           _this.$emit('input', true);
-
           _this.$emit('load');
         }
       });
@@ -119,7 +108,6 @@ export default createComponent({
     },
     genLoading: function genLoading() {
       var h = this.$createElement;
-
       if (this.innerLoading && !this.finished) {
         return h("div", {
           "key": "loading",
@@ -133,10 +121,8 @@ export default createComponent({
     },
     genFinishedText: function genFinishedText() {
       var h = this.$createElement;
-
       if (this.finished) {
         var text = this.slots('finished') || this.finishedText;
-
         if (text) {
           return h(Divider, {
             "style": {
@@ -149,10 +135,8 @@ export default createComponent({
     },
     genErrorText: function genErrorText() {
       var h = this.$createElement;
-
       if (this.error) {
         var text = this.slots('error') || this.errorText;
-
         if (text) {
           return h("div", {
             "on": {

package/es/loading/index.js

@@ -1,22 +1,20 @@
 import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
 // Utils
 import { createNamespace, addUnit } from '../utils';
-import { inherit } from '../utils/functional'; // Types
+import { inherit } from '../utils/functional';
 
-var _createNamespace = createNamespace('loading'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = createNamespace('loading'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var svgElementId = 0;
-
 function LoadingIcon(h, props) {
   if (props.type === 'spinner') {
     var Spin = [];
-
     for (var i = 0; i < 12; i++) {
       Spin.push(h("i"));
     }
-
     return Spin;
   } else if (props.type === 'circular') {
     return h("svg", {
@@ -99,11 +97,9 @@ function LoadingIcon(h, props) {
     })])]);
   }
 }
-
 function LoadingText(h, props, slots) {
   if (slots.default) {
     var _props$textColor;
-
     var style = {
       fontSize: addUnit(props.textSize),
       color: (_props$textColor = props.textColor) != null ? _props$textColor : props.color
@@ -114,21 +110,18 @@ function LoadingText(h, props, slots) {
     }, [slots.default()]);
   }
 }
-
 function Loading(h, props, slots, ctx) {
   var color = props.color,
-      size = props.size,
-      type = props.type;
+    size = props.size,
+    type = props.type;
   var style = {
     color: color
   };
-
   if (size) {
     var iconSize = addUnit(size);
     style.width = iconSize;
     style.height = iconSize;
   }
-
   return h("div", _mergeJSXProps([{
     "class": bem([type, {
       vertical: props.vertical,
@@ -139,7 +132,6 @@ function Loading(h, props, slots, ctx) {
     "style": style
   }, [LoadingIcon(h, props)]), LoadingText(h, props, slots)]);
 }
-
 Loading.props = {
   color: String,
   size: [Number, String],

package/es/locale/index.js

@@ -13,7 +13,6 @@ export default {
   },
   use: function use(lang, messages) {
     var _this$add;
-
     proto.$zartLang = lang;
     this.add((_this$add = {}, _this$add[lang] = messages, _this$add));
   },
@@ -21,7 +20,6 @@ export default {
     if (messages === void 0) {
       messages = {};
     }
-
     deepAssign(proto.$zartMessages, messages);
   }
 };