zartui 2.0.79 → 2.0.80-beta.1

package/es/tabs/index.js

@@ -7,27 +7,25 @@ import { on, off } from '../utils/dom/event';
 import { unitToPx } from '../utils/format/unit';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
 import { callInterceptor } from '../utils/interceptor';
-import { getScroller, getVisibleTop, getElementTop, getVisibleHeight, setRootScrollTop } from '../utils/dom/scroll'; // Mixins
+import { getScroller, getVisibleTop, getElementTop, getVisibleHeight, setRootScrollTop } from '../utils/dom/scroll';
 
+// Mixins
 import { ParentMixin } from '../mixins/relation';
-import { BindEventMixin } from '../mixins/bind-event'; // Components
+import { BindEventMixin } from '../mixins/bind-event';
 
+// Components
 import Title from './Title';
 import Sticky from '../sticky';
 import Content from './Content';
-
 var _createNamespace = createNamespace('tabs'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ParentMixin('ztTabs'), BindEventMixin(function (bind) {
     if (!this.scroller) {
       this.scroller = getScroller(this.$el);
     }
-
     bind(window, 'resize', this.resize, true);
-
     if (this.scrollspy) {
       bind(this.scroller, 'scroll', this.onScroll, true);
     }
@@ -108,7 +106,6 @@ export default createComponent({
     },
     currentName: function currentName() {
       var activeTab = this.children[this.currentIndex];
-
       if (activeTab) {
         return activeTab.computedName;
       }
@@ -120,7 +117,6 @@ export default createComponent({
       if (this.sticky) {
         return this.offsetTopPx + this.tabHeight;
       }
-
       return 0;
     }
   },
@@ -133,7 +129,6 @@ export default createComponent({
     },
     children: function children() {
       var _this = this;
-
       this.setCurrentIndexByName(this.active);
       this.setLine();
       this.$nextTick(function () {
@@ -142,8 +137,9 @@ export default createComponent({
     },
     currentIndex: function currentIndex() {
       this.scrollIntoView();
-      this.setLine(); // scroll to correct position
+      this.setLine();
 
+      // scroll to correct position
       if (this.stickyFixed && !this.scrollspy) {
         setRootScrollTop(Math.ceil(getElementTop(this.$el) - this.offsetTopPx));
       }
@@ -158,9 +154,9 @@ export default createComponent({
   },
   mounted: function mounted() {
     var _this2 = this;
+    this.init();
 
-    this.init(); // https://github.com/youzan/vant/issues/7959
-
+    // https://github.com/youzan/vant/issues/7959
     if (this.vanPopup) {
       this.vanPopup.onReopen(function () {
         _this2.setLine();
@@ -178,26 +174,21 @@ export default createComponent({
     },
     init: function init() {
       var _this3 = this;
-
       this.$nextTick(function () {
         _this3.inited = true;
         _this3.tabHeight = getVisibleHeight(_this3.$refs.wrap);
-
         _this3.scrollIntoView(true);
       });
     },
     // update nav bar style
     setLine: function setLine() {
       var _this4 = this;
-
       var shouldAnimate = this.inited;
       this.$nextTick(function () {
         var titles = _this4.$refs.titles;
-
         if (!titles || !titles[_this4.currentIndex] || _this4.type !== 'line' || isHidden(_this4.$el)) {
           return;
         }
-
         var title = titles[_this4.currentIndex].$el;
         var lineHeight = _this4.lineHeight;
         var left = title.offsetLeft + title.offsetWidth / 2;
@@ -206,17 +197,14 @@ export default createComponent({
           backgroundColor: _this4.color,
           transform: "translateX(" + left + "px) translateX(-50%)"
         };
-
         if (shouldAnimate) {
           lineStyle.transitionDuration = _this4.duration + "s";
         }
-
         if (isDef(lineHeight)) {
           var height = addUnit(lineHeight);
           lineStyle.height = height;
           lineStyle.borderRadius = height;
         }
-
         _this4.lineStyle = lineStyle;
       });
     },
@@ -230,19 +218,15 @@ export default createComponent({
     },
     setCurrentIndex: function setCurrentIndex(currentIndex) {
       var newIndex = this.findAvailableTab(currentIndex);
-
       if (!isDef(newIndex)) {
         return;
       }
-
       var newTab = this.children[newIndex];
       var newName = newTab.computedName;
       var shouldEmitChange = this.currentIndex !== null;
       this.currentIndex = newIndex;
-
       if (newName !== this.active) {
         this.$emit('input', newName);
-
         if (shouldEmitChange) {
           this.$emit('change', newName, newTab.title);
         }
@@ -250,24 +234,20 @@ export default createComponent({
     },
     findAvailableTab: function findAvailableTab(index) {
       var diff = index < this.currentIndex ? -1 : 1;
-
       while (index >= 0 && index < this.children.length) {
         if (!this.children[index].disabled) {
           return index;
         }
-
         index += diff;
       }
     },
     // emit event when clicked
     onClick: function onClick(item, index) {
       var _this5 = this;
-
       var _this$children$index = this.children[index],
-          title = _this$children$index.title,
-          disabled = _this$children$index.disabled,
-          computedName = _this$children$index.computedName;
-
+        title = _this$children$index.title,
+        disabled = _this$children$index.disabled,
+        computedName = _this$children$index.computedName;
       if (disabled) {
         this.$emit('disabled', computedName, title);
       } else {
@@ -276,7 +256,6 @@ export default createComponent({
           args: [computedName],
           done: function done() {
             _this5.setCurrentIndex(index);
-
             _this5.scrollToCurrentContent();
           }
         });
@@ -287,11 +266,9 @@ export default createComponent({
     // scroll active tab into view
     scrollIntoView: function scrollIntoView(immediate) {
       var titles = this.$refs.titles;
-
       if (!this.scrollable || !titles || !titles[this.currentIndex]) {
         return;
       }
-
       var nav = this.$refs.nav;
       var title = titles[this.currentIndex].$el;
       var to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
@@ -304,24 +281,19 @@ export default createComponent({
     // @exposed-api
     scrollTo: function scrollTo(name) {
       var _this6 = this;
-
       this.$nextTick(function () {
         _this6.setCurrentIndexByName(name);
-
         _this6.scrollToCurrentContent(true);
       });
     },
     scrollToCurrentContent: function scrollToCurrentContent(immediate) {
       var _this7 = this;
-
       if (immediate === void 0) {
         immediate = false;
       }
-
       if (this.scrollspy) {
         var target = this.children[this.currentIndex];
         var el = target == null ? void 0 : target.$el;
-
         if (el) {
           var to = getElementTop(el, this.scroller) - this.scrollOffset;
           this.lockScroll = true;
@@ -339,29 +311,24 @@ export default createComponent({
     },
     getCurrentIndexOnScroll: function getCurrentIndexOnScroll() {
       var children = this.children;
-
       for (var index = 0; index < children.length; index++) {
         var top = getVisibleTop(children[index].$el);
-
         if (top > this.scrollOffset) {
           return index === 0 ? 0 : index - 1;
         }
       }
-
       return children.length - 1;
     }
   },
   render: function render() {
     var _this8 = this,
-        _ref;
-
+      _ref;
     var h = arguments[0];
     var type = this.type,
-        animated = this.animated,
-        scrollable = this.scrollable;
+      animated = this.animated,
+      scrollable = this.scrollable;
     var Nav = this.children.map(function (item, index) {
       var _item$badge;
-
       return h(Title, {
         "ref": "titles",
         "refInFor": true,
@@ -400,11 +367,9 @@ export default createComponent({
     var wrapStyle = {
       borderBottom: "none"
     };
-
     if (type !== 'card' && this.divider) {
       wrapStyle.borderBottom = "1px solid #eee";
     }
-
     var Wrap = h("div", {
       "ref": "wrap",
       "class": [bem('wrap', {

package/es/tabs/utils.js

@@ -6,15 +6,12 @@ export function scrollLeftTo(scroller, to, duration) {
   var count = 0;
   var from = scroller.scrollLeft;
   var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
-
   function animate() {
     scroller.scrollLeft += (to - from) / frames;
-
     if (++count < frames) {
       scrollLeftRafId = raf(animate);
     }
   }
-
   animate();
 }
 export function scrollTopTo(scroller, to, duration, callback) {
@@ -22,22 +19,17 @@ export function scrollTopTo(scroller, to, duration, callback) {
   var isDown = current < to;
   var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
   var step = (to - current) / frames;
-
   function animate() {
     current += step;
-
     if (isDown && current > to || !isDown && current < to) {
       current = to;
     }
-
     setScrollTop(scroller, current);
-
     if (isDown && current < to || !isDown && current > to) {
       raf(animate);
     } else if (callback) {
       raf(callback);
     }
   }
-
   animate();
 }

package/es/tag/index.js

@@ -1,27 +1,27 @@
 import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
 // Utils
 import { createNamespace } from '../utils';
-import { inherit, emit } from '../utils/functional'; // Components
+import { inherit, emit } from '../utils/functional';
 
-import Icon from '../icon'; // Types
+// Components
+import Icon from '../icon';
 
-var _createNamespace = createNamespace('tag'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = createNamespace('tag'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function Tag(h, props, slots, ctx) {
   var _style;
-
   var type = props.type,
-      mark = props.mark,
-      plain = props.plain,
-      color = props.color,
-      round = props.round,
-      size = props.size,
-      textColor = props.textColor;
+    mark = props.mark,
+    plain = props.plain,
+    color = props.color,
+    round = props.round,
+    size = props.size,
+    textColor = props.textColor;
   var key = plain ? 'color' : 'backgroundColor';
   var style = (_style = {}, _style[key] = color, _style);
-
   if (plain) {
     style.color = textColor || color;
     style.borderColor = color;
@@ -29,17 +29,14 @@ function Tag(h, props, slots, ctx) {
     style.color = textColor;
     style.background = color;
   }
-
   var classes = {
     mark: mark,
     plain: plain,
     round: round
   };
-
   if (size) {
     classes[size] = size;
   }
-
   var CloseIcon = props.closeable && h(Icon, {
     "attrs": {
       "name": "cross"
@@ -62,7 +59,6 @@ function Tag(h, props, slots, ctx) {
     "class": bem([classes, type])
   }, inherit(ctx, true)]), [slots.default == null ? void 0 : slots.default(), CloseIcon])]);
 }
-
 Tag.props = {
   size: String,
   mark: Boolean,

package/es/timeline/index.js

@@ -3,18 +3,15 @@ import { createNamespace } from '../utils';
 import { BORDER_BOTTOM } from '../utils/constant';
 import Switch from "../switch";
 import MediaPicker from '../media-picker';
-
 var _createNamespace = createNamespace('timeline'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var defaultData = function defaultData() {
   return {
     isFold: false,
     computedProcesses: []
   };
 };
-
 export default createComponent({
   props: {
     title: {
@@ -82,33 +79,28 @@ export default createComponent({
     },
     genProcesses: function genProcesses() {
       var _this = this;
-
       if (this.isFold) {
         var showProcesses = this.computedProcesses.slice(0, this.collapseCount);
         return showProcesses.map(function (item, index) {
           return _this.genProcessItem(item, index === showProcesses.length - 1);
         });
       }
-
       return this.computedProcesses.map(function (item, index) {
         return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
       });
     },
     genAvatar: function genAvatar(item, avatarSlot) {
       var h = this.$createElement;
-
       if (avatarSlot) {
         return h("div", {
           "class": bem("avatar-box") + " half-border"
         }, [avatarSlot]);
       }
-
       if (this.dot) {
         return h("div", {
           "class": bem('dot')
         });
       }
-
       return h("div", {
         "class": bem("avatar-box" + " half-border")
       }, [item.avatar ? h("img", {
@@ -129,13 +121,11 @@ export default createComponent({
     },
     genTitle: function genTitle(item, titleSlot) {
       var h = this.$createElement;
-
       if (titleSlot) {
         return h("div", {
           "class": bem("title-box")
         }, [titleSlot]);
       }
-
       return h("div", {
         "class": bem("title-box")
       }, [h("span", {
@@ -146,13 +136,11 @@ export default createComponent({
     },
     genHuman: function genHuman(item, humanSlot) {
       var h = this.$createElement;
-
       if (humanSlot) {
         return h("div", {
           "class": bem("human-box") + " half-border-bottom"
         }, [humanSlot]);
       }
-
       return h("div", {
         "directives": [{
           name: "show",
@@ -175,13 +163,11 @@ export default createComponent({
     },
     genContent: function genContent(item, contentSlot) {
       var h = this.$createElement;
-
       if (contentSlot) {
         return h("div", {
           "class": bem("content-box") + " half-border-bottom"
         }, [contentSlot]);
       }
-
       return h("div", {
         "class": bem("content-box" + " half-border-bottom")
       }, [h("div", {
@@ -210,13 +196,11 @@ export default createComponent({
     },
     genOpinion: function genOpinion(item, opinionSlot) {
       var h = this.$createElement;
-
       if (opinionSlot) {
         return h("div", {
           "class": bem("opinion-box")
         }, [opinionSlot]);
       }
-
       return h("div", {
         "class": bem("opinion-box")
       }, [h("div", {
@@ -241,7 +225,6 @@ export default createComponent({
     },
     genProcessItem: function genProcessItem(item, isLast) {
       var _item$fileList;
-
       var h = this.$createElement;
       var avatarSlot = this.slots("avatar", item);
       var titleSlot = this.slots("title", item);
@@ -249,15 +232,12 @@ export default createComponent({
       var opinionSlot = this.slots("opinion", item);
       var humanSlot = this.slots("human", item);
       var that = this;
-
       function itemClicked() {
         if (!that.enableSingleFold) {
           return;
         }
-
         item.folded = !item.folded;
       }
-
       return h("div", {
         "class": bem("item") + (" " + (isLast ? "last-item" : "")),
         "on": {
@@ -275,16 +255,13 @@ export default createComponent({
     },
     genTopBar: function genTopBar() {
       var _this2 = this;
-
       var h = this.$createElement;
       var topBarSlot = this.slots("top-bar");
-
       if (topBarSlot) {
         return h("div", {
           "class": [bem('top-bar'), BORDER_BOTTOM]
         }, [topBarSlot]);
       }
-
       return h("div", {
         "directives": [{
           name: "show",

package/es/toast/Toast.js

@@ -1,18 +1,18 @@
 // Utils
 import { createNamespace, isDef } from '../utils';
-import { lockClick } from './lock-click'; // Mixins
+import { lockClick } from './lock-click';
 
-import { PopupMixin } from '../mixins/popup'; // Components
+// Mixins
+import { PopupMixin } from '../mixins/popup';
 
+// Components
 import Icon from '../icon';
 import Loading from '../loading';
 import SuccessIcon from './svg/SuccessIcon';
 import WarnIcon from './svg/WarnIcon';
-
 var _createNamespace = createNamespace('toast'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [PopupMixin()],
   props: {
@@ -63,17 +63,13 @@ export default createComponent({
     },
     toggleClickable: function toggleClickable() {
       var clickable = this.value && this.forbidClick;
-
       if (this.clickable !== clickable) {
         this.clickable = clickable;
         lockClick(clickable);
       }
     },
-
-    /* istanbul ignore next */
-    onAfterEnter: function onAfterEnter() {
+    /* istanbul ignore next */onAfterEnter: function onAfterEnter() {
       this.$emit('opened');
-
       if (this.onOpened) {
         this.onOpened();
       }
@@ -84,10 +80,9 @@ export default createComponent({
     genIcon: function genIcon() {
       var h = this.$createElement;
       var icon = this.icon,
-          type = this.type,
-          iconPrefix = this.iconPrefix,
-          loadingType = this.loadingType;
-
+        type = this.type,
+        iconPrefix = this.iconPrefix,
+        loadingType = this.loadingType;
       if (icon) {
         return h(Icon, {
           "class": bem('icon'),
@@ -97,19 +92,16 @@ export default createComponent({
           }
         });
       }
-
       if (type === 'success') {
         return h(SuccessIcon, {
           "class": bem('success')
         });
       }
-
       if (type === 'fail') {
         return h(WarnIcon, {
           "class": bem('fail')
         });
       }
-
       if (type === 'loading') {
         return h(Loading, {
           "class": bem('loading'),
@@ -122,12 +114,10 @@ export default createComponent({
     genMessage: function genMessage() {
       var h = this.$createElement;
       var type = this.type,
-          message = this.message;
-
+        message = this.message;
       if (!isDef(message) || message === '') {
         return;
       }
-
       if (type === 'html') {
         return h("div", {
           "class": bem('text'),
@@ -136,7 +126,6 @@ export default createComponent({
           }
         });
       }
-
       return h("div", {
         "class": bem('text')
       }, [message]);
@@ -144,7 +133,6 @@ export default createComponent({
   },
   render: function render() {
     var _ref;
-
     var h = arguments[0];
     return h("transition", {
       "attrs": {