zartui 2.0.79 → 2.0.80-beta.1

package/lib/table/index.js

@@ -2,19 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _constant = require("../utils/constant");
-
 var _createNamespace = (0, _utils.createNamespace)('table'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var defaultData = function defaultData() {
   return {};
 };
-
 var _default = createComponent({
   props: {
     headList: {
@@ -80,30 +75,24 @@ var _default = createComponent({
     var columnTotalWidth = 0;
     this.headList.forEach(function (v, i) {
       var dom = document.getElementById("tableHead" + i);
-
       if (dom) {
         columnTotalWidth += dom.clientWidth || 0;
       }
     });
     var box = document.getElementById("normalBoxID");
     var boxWidth = 0;
-
     if (box) {
       boxWidth = box.clientWidth;
     }
-
     if (this.fixedColumnLeft && this.fixedColumnLeft.length || this.fixedColumnRight && this.fixedColumnRight.length) {
       // 当表格横向出现滚动时，给固定列加一个box-shadow
       var fixedBoxRight = document.getElementById("fixedRightBoxID");
-
       if (fixedBoxRight && columnTotalWidth > boxWidth) {
         fixedBoxRight.classList.add("shadow");
       }
-
       if (box) {
         box.addEventListener("scroll", function (e) {
           var fixedBoxLeft = document.getElementById("fixedLeftBoxID");
-
           if (fixedBoxLeft) {
             if (e && e.target && e.target.scrollLeft > 0) {
               fixedBoxLeft.classList.add("shadow");
@@ -111,7 +100,6 @@ var _default = createComponent({
               fixedBoxLeft.classList.remove("shadow");
             }
           }
-
           if (fixedBoxRight) {
             if (e && e.target && e.target.scrollLeft + e.target.clientWidth >= columnTotalWidth - 1) {
               fixedBoxRight.classList.remove("shadow");
@@ -121,9 +109,8 @@ var _default = createComponent({
           }
         });
       }
-    } // 获取需固定列的实际宽度，用于设置绝对定位元素的宽度
-
-
+    }
+    // 获取需固定列的实际宽度，用于设置绝对定位元素的宽度
     var fixedLeftIndexList = this.headList.map(function (v, i) {
       if (v.fixedLeft) {
         return "tableHead" + i;
@@ -133,19 +120,16 @@ var _default = createComponent({
     }).filter(function (v) {
       return v !== "";
     });
-
     if (fixedLeftIndexList.length > 0) {
       fixedLeftIndexList.forEach(function (current, index) {
         var fixedDom = document.getElementById("fixedHeadLeft" + index);
         var normalDom = document.getElementById(current);
-
         if (fixedDom && normalDom) {
           fixedDom.style.width = normalDom.offsetWidth + "px";
         }
       }, 0);
-    } // 获取需固定列的实际宽度，用于设置绝对定位元素的宽度
-
-
+    }
+    // 获取需固定列的实际宽度，用于设置绝对定位元素的宽度
     var fixedRightIndexList = this.headList.map(function (v, i) {
       if (v.fixedRight) {
         return "tableHead" + i;
@@ -155,20 +139,18 @@ var _default = createComponent({
     }).filter(function (v) {
       return v !== "";
     });
-
     if (fixedRightIndexList.length > 0) {
       fixedRightIndexList.forEach(function (current, index) {
         var fixedDom = document.getElementById("fixedHeadRight" + index);
         var normalDom = document.getElementById(current);
-
         if (fixedDom && normalDom) {
           fixedDom.style.width = normalDom.offsetWidth + "px";
         }
-      }, 0); // 当存在右侧固定列，且列宽度不足以撑满容器时，将最后一列宽度拉长到填满
+      }, 0);
+      // 当存在右侧固定列，且列宽度不足以撑满容器时，将最后一列宽度拉长到填满
 
       if (columnTotalWidth < boxWidth) {
         var lastColumn = document.getElementById("tableHead" + (this.headList.length - 1));
-
         if (lastColumn) {
           lastColumn.classList.add("widen");
           lastColumn.style.width = "unset";
@@ -181,11 +163,9 @@ var _default = createComponent({
   methods: {
     genColumn: function genColumn(headObj, index, isFixed) {
       var h = this.$createElement;
-
       var _ref = this,
-          slots = _ref.slots,
-          hideTableHead = _ref.hideTableHead;
-
+        slots = _ref.slots,
+        hideTableHead = _ref.hideTableHead;
       var headItemStyle = {
         color: this.headColor,
         background: this.headBackground
@@ -195,22 +175,17 @@ var _default = createComponent({
         background: this.dataBackground
       };
       var idName = "tableHead" + index;
-
       if (isFixed === "left") {
         idName = "fixedHeadLeft" + index;
       }
-
       if (isFixed === "right") {
         idName = "fixedHeadRight" + index;
       }
-
       var headRender = slots("head" + headObj.id) || headObj.label;
-
       if ((headObj.fixedLeft || headObj.fixedRight) && !isFixed) {
         // 被固定列遮住的列不显示内容
         headRender = "";
       }
-
       return h("div", {
         "class": [bem(isFixed ? "fixed-head" : "head"), isFixed ? _constant.BORDER_SURROUND : _constant.BORDER_RIGHT],
         "attrs": {
@@ -226,7 +201,6 @@ var _default = createComponent({
         "style": headItemStyle
       }, [headRender]), this.dataList.map(function (data) {
         var hide = (headObj.fixedLeft || headObj.fixedRight) && !isFixed;
-
         if (hide) {
           // 被固定列遮住的列不显示内容
           return h("div", {
@@ -254,7 +228,6 @@ var _default = createComponent({
   },
   render: function render(h) {
     var _this = this;
-
     var showFixed = this.dataList && this.dataList.length;
     return h("div", {
       "class": bem(["", this.outline ? "" : "no-border"])
@@ -290,5 +263,4 @@ var _default = createComponent({
     })])]);
   }
 });
-
 exports.default = _default;

package/lib/tabs/Content.js

@@ -1,22 +1,15 @@
 "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 _utils = require("../utils");
-
 var _touch = require("../mixins/touch");
-
 var _createNamespace = (0, _utils.createNamespace)('tabs'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var MIN_SWIPE_DISTANCE = 50;
-
 var _default = createComponent({
   mixins: [_touch.TouchMixin],
   props: {
@@ -50,10 +43,10 @@ var _default = createComponent({
     // watch swipe touch end
     onTouchEnd: function onTouchEnd() {
       var direction = this.direction,
-          deltaX = this.deltaX,
-          currentIndex = this.currentIndex;
-      /* istanbul ignore else */
+        deltaX = this.deltaX,
+        currentIndex = this.currentIndex;
 
+      /* istanbul ignore else */
       if (direction === 'horizontal' && this.offsetX >= MIN_SWIPE_DISTANCE) {
         /* istanbul ignore else */
         if (deltaX > 0 && currentIndex !== 0) {
@@ -65,14 +58,12 @@ var _default = createComponent({
     },
     genChildren: function genChildren() {
       var h = this.$createElement;
-
       if (this.animated) {
         return h("div", {
           "class": bem('track'),
           "style": this.style
         }, [this.slots()]);
       }
-
       return this.slots();
     }
   },
@@ -86,5 +77,4 @@ var _default = createComponent({
     }, [this.genChildren()]);
   }
 });
-
 exports.default = _default;

package/lib/tabs/Title.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _info = _interopRequireDefault(require("../info"));
-
 var _createNamespace = (0, _utils.createNamespace)('tab'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   props: {
     dot: Boolean,
@@ -34,12 +29,12 @@ var _default = createComponent({
     style: function style() {
       var style = {};
       var color = this.color,
-          isActive = this.isActive;
-      var isCard = this.type === 'card'; // card theme color
+        isActive = this.isActive;
+      var isCard = this.type === 'card';
 
+      // card theme color
       if (color && isCard) {
         style.borderColor = color;
-
         if (!this.disabled) {
           if (isActive) {
             style.backgroundColor = color;
@@ -48,27 +43,23 @@ var _default = createComponent({
           }
         }
       }
-
       var titleColor = isActive ? this.activeColor : this.inactiveColor;
-
       if (titleColor) {
         style.color = titleColor;
-      } // 可滚动的tabs，不对元素宽度进行限制
-
-
+      }
+      // 可滚动的tabs，不对元素宽度进行限制
       if (!this.scrollable) {
         style.maxWidth = this.maxWidth;
       } else {
         // tab之间的padding距离
-        var OPTIONS_LABEL_PADDING = 24; // 限制最大展示7个字
-
-        var LIMIT_WORDS_LEN = 7; // 根据实际是否激活状态，设置其字体宽度
-
+        var OPTIONS_LABEL_PADDING = 24;
+        // 限制最大展示7个字
+        var LIMIT_WORDS_LEN = 7;
+        // 根据实际是否激活状态，设置其字体宽度
         var FONT_SIZE = isActive ? 16 : 14;
         var scrollAbleWidth = OPTIONS_LABEL_PADDING + LIMIT_WORDS_LEN * FONT_SIZE + 'px';
         style.maxWidth = scrollAbleWidth;
       }
-
       return style;
     }
   },
@@ -83,7 +74,6 @@ var _default = createComponent({
           ellipsis: true
         })
       }, [this.slots() || this.title]);
-
       if (this.dot || (0, _utils.isDef)(this.info) && this.info !== '') {
         return h("span", {
           "class": bem('text-wrapper')
@@ -94,7 +84,6 @@ var _default = createComponent({
           }
         })]);
       }
-
       return Text;
     }
   },
@@ -117,5 +106,4 @@ var _default = createComponent({
     }, [this.genText()]), this.slots('suffix')]);
   }
 });
-
 exports.default = _default;

package/lib/tabs/index.js

@@ -1,53 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _utils2 = require("./utils");
-
 var _router = require("../utils/router");
-
 var _style = require("../utils/dom/style");
-
 var _event = require("../utils/dom/event");
-
 var _unit = require("../utils/format/unit");
-
 var _constant = require("../utils/constant");
-
 var _interceptor = require("../utils/interceptor");
-
 var _scroll = require("../utils/dom/scroll");
-
 var _relation = require("../mixins/relation");
-
 var _bindEvent = require("../mixins/bind-event");
-
 var _Title = _interopRequireDefault(require("./Title"));
-
 var _sticky = _interopRequireDefault(require("../sticky"));
-
 var _Content = _interopRequireDefault(require("./Content"));
-
 // Utils
+
 // Mixins
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('tabs'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+var _createNamespace = (0, _utils.createNamespace)('tabs'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default2 = createComponent({
   mixins: [(0, _relation.ParentMixin)('ztTabs'), (0, _bindEvent.BindEventMixin)(function (bind) {
     if (!this.scroller) {
       this.scroller = (0, _scroll.getScroller)(this.$el);
     }
-
     bind(window, 'resize', this.resize, true);
-
     if (this.scrollspy) {
       bind(this.scroller, 'scroll', this.onScroll, true);
     }
@@ -128,7 +112,6 @@ var _default2 = createComponent({
     },
     currentName: function currentName() {
       var activeTab = this.children[this.currentIndex];
-
       if (activeTab) {
         return activeTab.computedName;
       }
@@ -140,7 +123,6 @@ var _default2 = createComponent({
       if (this.sticky) {
         return this.offsetTopPx + this.tabHeight;
       }
-
       return 0;
     }
   },
@@ -153,7 +135,6 @@ var _default2 = createComponent({
     },
     children: function children() {
       var _this = this;
-
       this.setCurrentIndexByName(this.active);
       this.setLine();
       this.$nextTick(function () {
@@ -162,8 +143,9 @@ var _default2 = createComponent({
     },
     currentIndex: function currentIndex() {
       this.scrollIntoView();
-      this.setLine(); // scroll to correct position
+      this.setLine();
 
+      // scroll to correct position
       if (this.stickyFixed && !this.scrollspy) {
         (0, _scroll.setRootScrollTop)(Math.ceil((0, _scroll.getElementTop)(this.$el) - this.offsetTopPx));
       }
@@ -178,9 +160,9 @@ var _default2 = 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();
@@ -198,26 +180,21 @@ var _default2 = createComponent({
     },
     init: function init() {
       var _this3 = this;
-
       this.$nextTick(function () {
         _this3.inited = true;
         _this3.tabHeight = (0, _scroll.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' || (0, _style.isHidden)(_this4.$el)) {
           return;
         }
-
         var title = titles[_this4.currentIndex].$el;
         var lineHeight = _this4.lineHeight;
         var left = title.offsetLeft + title.offsetWidth / 2;
@@ -226,17 +203,14 @@ var _default2 = createComponent({
           backgroundColor: _this4.color,
           transform: "translateX(" + left + "px) translateX(-50%)"
         };
-
         if (shouldAnimate) {
           lineStyle.transitionDuration = _this4.duration + "s";
         }
-
         if ((0, _utils.isDef)(lineHeight)) {
           var height = (0, _utils.addUnit)(lineHeight);
           lineStyle.height = height;
           lineStyle.borderRadius = height;
         }
-
         _this4.lineStyle = lineStyle;
       });
     },
@@ -250,19 +224,15 @@ var _default2 = createComponent({
     },
     setCurrentIndex: function setCurrentIndex(currentIndex) {
       var newIndex = this.findAvailableTab(currentIndex);
-
       if (!(0, _utils.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);
         }
@@ -270,24 +240,20 @@ var _default2 = 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 {
@@ -296,7 +262,6 @@ var _default2 = createComponent({
           args: [computedName],
           done: function done() {
             _this5.setCurrentIndex(index);
-
             _this5.scrollToCurrentContent();
           }
         });
@@ -307,11 +272,9 @@ var _default2 = 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;
@@ -324,24 +287,19 @@ var _default2 = 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 = (0, _scroll.getElementTop)(el, this.scroller) - this.scrollOffset;
           this.lockScroll = true;
@@ -359,29 +317,24 @@ var _default2 = createComponent({
     },
     getCurrentIndexOnScroll: function getCurrentIndexOnScroll() {
       var children = this.children;
-
       for (var index = 0; index < children.length; index++) {
         var top = (0, _scroll.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.default, {
         "ref": "titles",
         "refInFor": true,
@@ -420,11 +373,9 @@ var _default2 = createComponent({
     var wrapStyle = {
       borderBottom: "none"
     };
-
     if (type !== 'card' && this.divider) {
       wrapStyle.borderBottom = "1px solid #eee";
     }
-
     var Wrap = h("div", {
       "ref": "wrap",
       "class": [bem('wrap', {
@@ -467,5 +418,4 @@ var _default2 = createComponent({
     }, [this.slots()])]);
   }
 });
-
 exports.default = _default2;

package/lib/tabs/utils.js

@@ -3,51 +3,38 @@
 exports.__esModule = true;
 exports.scrollLeftTo = scrollLeftTo;
 exports.scrollTopTo = scrollTopTo;
-
 var _raf = require("../utils/dom/raf");
-
 var _scroll = require("../utils/dom/scroll");
-
 var scrollLeftRafId;
-
 function scrollLeftTo(scroller, to, duration) {
   (0, _raf.cancelRaf)(scrollLeftRafId);
   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 = (0, _raf.raf)(animate);
     }
   }
-
   animate();
 }
-
 function scrollTopTo(scroller, to, duration, callback) {
   var current = (0, _scroll.getScrollTop)(scroller);
   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;
     }
-
     (0, _scroll.setScrollTop)(scroller, current);
-
     if (isDown && current < to || !isDown && current > to) {
       (0, _raf.raf)(animate);
     } else if (callback) {
       (0, _raf.raf)(callback);
     }
   }
-
   animate();
 }