zartui 2.1.6 → 2.1.8

package/lib/table/index.js

@@ -1,27 +1,18 @@
 "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 _index = _interopRequireDefault(require("../icon/index"));
-
 var _index2 = _interopRequireDefault(require("../text-ellipsis/index"));
-
 var _type = require("./type");
-
 var _createNamespace = (0, _utils.createNamespace)('table'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var BODY_CELL_SLOTS_NAME = 'bodyCell';
-
-var _default = createComponent({
+var _default = exports.default = createComponent({
   props: {
     headList: {
       type: Array,
@@ -62,30 +53,25 @@ var _default = createComponent({
     },
     formatColumns: function formatColumns() {
       var _this = this;
-
       var columns = [];
       var left = 0;
       this.headList.forEach(function (element, index) {
         var column = {};
         var preColumn = _this.headList[index - 1];
         var nextColumn = _this.headList[index + 1];
-
         if (element.sorter && element.defaultSortOrder) {
           _this.sortOrder = element.defaultSortOrder || '';
           _this.sortKey = element.key;
         }
-
         if (preColumn) {
           left += Number(preColumn.width.split('px')[0]);
           column.left = left + "px";
         } else {
           column.left = 0;
         }
-
         if (element.fixed && !nextColumn.fixed) {
           column.lastFixLeft = true;
         }
-
         columns.push((0, _extends2.default)({}, element, column));
       });
       return columns;
@@ -94,7 +80,7 @@ var _default = createComponent({
   methods: {
     onScroll: function onScroll(_ref) {
       var currentTarget = _ref.currentTarget,
-          scrollLeft = _ref.scrollLeft;
+        scrollLeft = _ref.scrollLeft;
       var mergedScrollLeft = typeof scrollLeft === 'number' ? scrollLeft : currentTarget.scrollLeft;
       this.pingedLeft = mergedScrollLeft > 0;
     },
@@ -102,11 +88,9 @@ var _default = createComponent({
       if (!type) {
         return _type.SortOrderEnum.ASCEND;
       }
-
       if (type === _type.SortOrderEnum.ASCEND) {
         return _type.SortOrderEnum.DESCEND;
       }
-
       return '';
     },
     onHeaderClick: function onHeaderClick(data) {
@@ -120,12 +104,9 @@ var _default = createComponent({
     },
     getHead: function getHead(colData) {
       var _this2 = this;
-
       var h = this.$createElement;
-
       var _ref2 = this,
-          slots = _ref2.slots;
-
+        slots = _ref2.slots;
       if ((colData == null ? void 0 : colData.colSpan) !== 0) {
         return h("th", {
           "class": bem({
@@ -176,14 +157,11 @@ var _default = createComponent({
     onClick: function onClick() {},
     getElement: function getElement(rowData, colData, rowIndex) {
       var h = this.$createElement;
-
       var _ref3 = this,
-          slots = _ref3.slots;
-
+        slots = _ref3.slots;
       if (rowData[colData.key] && rowData[colData.key].id && slots("data" + rowData[colData.key].id)) {
         return slots("data" + rowData[colData.key].id)[0];
       }
-
       var slotProps = {
         column: colData,
         record: rowData,
@@ -191,11 +169,9 @@ var _default = createComponent({
         index: rowIndex
       };
       var bodyCellSlots = slots(BODY_CELL_SLOTS_NAME, slotProps);
-
       if (bodyCellSlots && bodyCellSlots.length) {
         return bodyCellSlots[0];
       }
-
       return colData.ellipsis ? h(_index2.default, {
         "attrs": {
           "content": rowData[colData.key],
@@ -205,17 +181,13 @@ var _default = createComponent({
     },
     getBody: function getBody(rowData, rowIndex) {
       var _this3 = this;
-
       var h = this.$createElement;
       return h("tr", [this.formatColumns.map(function (colData) {
         var _additionalCellProps, _additionalCellProps2, _additionalCellProps3, _additionalCellProps4, _additionalCellProps5, _additionalCellProps6;
-
         var additionalCellProps;
-
         if (colData.customCell) {
           additionalCellProps = colData.customCell(rowData, rowIndex);
         }
-
         var style = (0, _extends2.default)({}, colData.style);
         style.left = colData.fixed ? colData.left : '';
         return ((_additionalCellProps = additionalCellProps) == null ? void 0 : _additionalCellProps.rowSpan) !== 0 && ((_additionalCellProps2 = additionalCellProps) == null ? void 0 : _additionalCellProps2.colSpan) !== 0 && h("td", {
@@ -239,7 +211,6 @@ var _default = createComponent({
   },
   render: function render(h) {
     var _this4 = this;
-
     return h("div", {
       "class": bem({
         fixed: this.fixed,
@@ -269,6 +240,4 @@ var _default = createComponent({
       return _this4.getBody(rowData, rowIndex);
     })])])]);
   }
-});
-
-exports.default = _default;
+});

package/lib/table/type.js

@@ -2,10 +2,8 @@
 
 exports.__esModule = true;
 exports.SortOrderEnum = void 0;
-var SortOrderEnum;
-exports.SortOrderEnum = SortOrderEnum;
-
-(function (SortOrderEnum) {
+var SortOrderEnum = exports.SortOrderEnum = /*#__PURE__*/function (SortOrderEnum) {
   SortOrderEnum["ASCEND"] = "ascend";
   SortOrderEnum["DESCEND"] = "descend";
-})(SortOrderEnum || (exports.SortOrderEnum = SortOrderEnum = {}));
+  return SortOrderEnum;
+}({});

package/lib/tabs/Content.js

@@ -1,23 +1,16 @@
 "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({
+var _default = exports.default = createComponent({
   mixins: [_touch.TouchMixin],
   props: {
     count: Number,
@@ -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();
     }
   },
@@ -85,6 +76,4 @@ var _default = createComponent({
       "on": (0, _extends2.default)({}, this.listeners)
     }, [this.genChildren()]);
   }
-});
-
-exports.default = _default;
+});

package/lib/tabs/Title.js

@@ -1,19 +1,14 @@
 "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];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   props: {
     dot: Boolean,
     type: String,
@@ -40,12 +35,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;
@@ -54,27 +49,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;
     }
   },
@@ -89,7 +80,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')
@@ -100,7 +90,6 @@ var _default = createComponent({
           }
         })]);
       }
-
       return Text;
     },
     mutation: function mutation() {
@@ -111,7 +100,6 @@ var _default = createComponent({
     if (!this.$refs.dom) {
       return;
     }
-
     this.mutationObserver = new MutationObserver(this.mutation);
     this.mutationObserver.observe(this.$refs.dom, {
       characterData: true,
@@ -141,6 +129,4 @@ var _default = createComponent({
       "style": this.style
     }, [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 _default2 = createComponent({
+var _createNamespace = (0, _utils.createNamespace)('tabs'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default2 = exports.default = 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,
@@ -421,11 +374,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,6 +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();
 }