zartui 2.1.6 → 2.1.8

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,
@@ -401,11 +368,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/text-ellipsis/index.js

@@ -1,10 +1,8 @@
 import { createNamespace } from '../utils';
 import Dialog from '../dialog/index';
-
 var _createNamespace = createNamespace('text-ellipsis'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: {
     rows: {
@@ -68,9 +66,7 @@ export default createComponent({
     },
     calcEllipsised: function calcEllipsised() {
       var _this = this;
-
       var root = this.$refs.root;
-
       var cloneContainer = function cloneContainer() {
         if (!root) return;
         var originStyle = window.getComputedStyle(root);
@@ -89,81 +85,68 @@ export default createComponent({
         document.body.appendChild(container);
         return container;
       };
-
       var calcEllipsisText = function calcEllipsisText(container, maxHeight) {
         var content = _this.content,
-            position = _this.position,
-            dots = _this.dots;
+          position = _this.position,
+          dots = _this.dots;
         var end = content.length;
-
         var calcEllipse = function calcEllipse() {
           // calculate the former or later content
-          var tail = function tail(left, right) {
+          var _tail = function tail(left, right) {
             if (right - left <= 1) {
               if (position === 'end') {
                 return content.slice(0, left) + dots;
               }
-
               return dots + content.slice(right, end);
             }
+            var middle = Math.round((left + right) / 2);
 
-            var middle = Math.round((left + right) / 2); // Set the interception location
-
+            // Set the interception location
             if (position === 'end') {
               container.innerText = content.slice(0, middle) + dots + _this.actionText;
             } else {
               container.innerText = dots + content.slice(middle, end) + _this.actionText;
-            } // The height after interception still does not match the required height
-
+            }
 
+            // The height after interception still does not match the required height
             if (container.offsetHeight > maxHeight) {
               if (position === 'end') {
-                return tail(left, middle);
+                return _tail(left, middle);
               }
-
-              return tail(middle, right);
+              return _tail(middle, right);
             }
-
             if (position === 'end') {
-              return tail(middle, right);
+              return _tail(middle, right);
             }
-
-            return tail(left, middle);
+            return _tail(left, middle);
           };
-
-          container.innerText = tail(0, end);
+          container.innerText = _tail(0, end);
         };
-
-        var middleTail = function middleTail(leftPart, rightPart) {
+        var _middleTail = function middleTail(leftPart, rightPart) {
           if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
             return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
           }
-
           var leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
           var rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
           container.innerText = _this.content.slice(0, leftMiddle) + _this.dots + _this.content.slice(rightMiddle, end) + _this.expandText;
-
           if (container.offsetHeight >= maxHeight) {
-            return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+            return _middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
           }
-
-          return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+          return _middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
         };
-
         var middle = 0 + end >> 1;
-        _this.position === 'middle' ? container.innerText = middleTail([0, middle], [middle, end]) : calcEllipse();
+        _this.position === 'middle' ? container.innerText = _middleTail([0, middle], [middle, end]) : calcEllipse();
         return container.innerText;
-      }; // Calculate the interceptional text
-
+      };
 
+      // Calculate the interceptional text
       var container = cloneContainer();
       if (!container) return;
       var _container$style = container.style,
-          paddingBottom = _container$style.paddingBottom,
-          paddingTop = _container$style.paddingTop,
-          lineHeight = _container$style.lineHeight;
+        paddingBottom = _container$style.paddingBottom,
+        paddingTop = _container$style.paddingTop,
+        lineHeight = _container$style.lineHeight;
       var maxHeight = Math.ceil((Number(this.rows) + 0.5) * this.pxToNum(lineHeight) + this.pxToNum(paddingTop) + this.pxToNum(paddingBottom));
-
       if (maxHeight < container.offsetHeight) {
         this.ellipsis = true;
         this.text = calcEllipsisText(container, maxHeight);
@@ -171,13 +154,13 @@ export default createComponent({
         this.text = this.content;
         this.ellipsis = false;
       }
-
       document.body.removeChild(container);
     },
     onClickAction: function onClickAction(event) {
       event.stopPropagation();
       event.preventDefault();
-      this.expanded = !this.expanded; // emit('clickAction', event);
+      this.expanded = !this.expanded;
+      // emit('clickAction', event);
     },
     renderAction: function renderAction() {
       var h = this.$createElement;

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",