zartui 2.0.79 → 2.0.80-beta.1

package/es/swipe-item/index.js

@@ -1,11 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createNamespace } from '../utils';
 import { ChildrenMixin } from '../mixins/relation';
-
 var _createNamespace = createNamespace('swipe-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ChildrenMixin('vanSwipe')],
   data: function data() {
@@ -17,7 +15,6 @@ export default createComponent({
   },
   mounted: function mounted() {
     var _this = this;
-
     this.$nextTick(function () {
       _this.mounted = true;
     });
@@ -26,44 +23,37 @@ export default createComponent({
     style: function style() {
       var style = {};
       var _this$parent = this.parent,
-          size = _this$parent.size,
-          vertical = _this$parent.vertical;
-
+        size = _this$parent.size,
+        vertical = _this$parent.vertical;
       if (size) {
         style[vertical ? 'height' : 'width'] = size + "px";
       }
-
       if (this.offset) {
         style.transform = "translate" + (vertical ? 'Y' : 'X') + "(" + this.offset + "px)";
       }
-
       return style;
     },
     shouldRender: function shouldRender() {
       var index = this.index,
-          inited = this.inited,
-          parent = this.parent,
-          mounted = this.mounted;
-
+        inited = this.inited,
+        parent = this.parent,
+        mounted = this.mounted;
       if (!parent.lazyRender || inited) {
         return true;
-      } // wait for all item to mount, so we can get the exact count
-
+      }
 
+      // wait for all item to mount, so we can get the exact count
       if (!mounted) {
         return false;
       }
-
       var active = parent.activeIndicator;
       var maxActive = parent.count - 1;
       var prevActive = active === 0 && parent.loop ? maxActive : active - 1;
       var nextActive = active === maxActive && parent.loop ? 0 : active + 1;
       var shouldRender = index === active || index === prevActive || index === nextActive;
-
       if (shouldRender) {
         this.inited = true;
       }
-
       return shouldRender;
     }
   },

package/es/switch/index.js

@@ -1,15 +1,15 @@
 // Utils
 import { createNamespace, addUnit } from '../utils';
-import { switchProps } from './shared'; // Mixins
+import { switchProps } from './shared';
 
-import { FieldMixin } from '../mixins/field'; // Components
+// Mixins
+import { FieldMixin } from '../mixins/field';
 
+// Components
 import Loading from '../loading';
-
 var _createNamespace = createNamespace('switch'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [FieldMixin],
   props: switchProps,
@@ -27,7 +27,6 @@ export default createComponent({
   methods: {
     onClick: function onClick(event) {
       this.$emit('click', event);
-
       if (!this.disabled && !this.loading) {
         var newValue = this.checked ? this.inactiveValue : this.activeValue;
         this.$emit('input', newValue);
@@ -36,7 +35,6 @@ export default createComponent({
     },
     genLoading: function genLoading() {
       var h = this.$createElement;
-
       if (this.loading) {
         var color = this.checked ? this.activeColor : this.inactiveColor;
         return h(Loading, {
@@ -51,8 +49,8 @@ export default createComponent({
   render: function render() {
     var h = arguments[0];
     var checked = this.checked,
-        loading = this.loading,
-        disabled = this.disabled;
+      loading = this.loading,
+      disabled = this.disabled;
     return h("div", {
       "class": bem({
         on: checked,

package/es/switch/shared.js

@@ -1,6 +1,7 @@
 /**
  * Common Switch Props
  */
+
 export var switchProps = {
   size: [Number, String],
   value: null,

package/es/switch-cell/index.js

@@ -2,21 +2,22 @@ import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
 import _extends from "@babel/runtime/helpers/esm/extends";
 // Utils
 import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional'; // Components
+import { inherit } from '../utils/functional';
 
+// Components
 import Cell from '../cell';
 import Switch from '../switch';
-import { switchProps } from '../switch/shared'; // Types
+import { switchProps } from '../switch/shared';
 
-var _createNamespace = createNamespace('switch-cell'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = createNamespace('switch-cell'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function SwitchCell(h, props, slots, ctx) {
   if (process.env.NODE_ENV === 'development') {
     console.warn('[Vant] "SwitchCell" component is deprecated, see: https://youzan.github.io/vant/#/switch-cell.');
   }
-
   return h(Cell, _mergeJSXProps([{
     "attrs": {
       "center": true,
@@ -30,7 +31,6 @@ function SwitchCell(h, props, slots, ctx) {
     "on": _extends({}, ctx.listeners)
   })]);
 }
-
 SwitchCell.props = _extends({}, switchProps, {
   title: String,
   cellSize: String,

package/es/tab/index.js

@@ -2,11 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { createNamespace } from '../utils';
 import { ChildrenMixin } from '../mixins/relation';
 import { routeProps } from '../utils/router';
-
 var _createNamespace = createNamespace('tab'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ChildrenMixin('ztTabs')],
   props: _extends({}, routeProps, {
@@ -28,16 +26,13 @@ export default createComponent({
   computed: {
     computedName: function computedName() {
       var _this$name;
-
       return (_this$name = this.name) != null ? _this$name : this.index;
     },
     isActive: function isActive() {
       var active = this.computedName === this.parent.currentName;
-
       if (active) {
         this.inited = true;
       }
-
       return active;
     }
   },
@@ -48,7 +43,6 @@ export default createComponent({
     },
     inited: function inited(val) {
       var _this = this;
-
       if (this.parent.lazyRender && val) {
         this.$nextTick(function () {
           _this.parent.$emit('rendered', _this.computedName, _this.title);
@@ -58,22 +52,18 @@ export default createComponent({
   },
   render: function render(h) {
     var slots = this.slots,
-        parent = this.parent,
-        isActive = this.isActive;
+      parent = this.parent,
+      isActive = this.isActive;
     var slotContent = slots();
-
     if (process.env.NODE_ENV === 'development' && this.info) {
       console.warn('[zart] Tab: "info" prop is deprecated, use "badge" prop instead.');
     }
-
     if (!slotContent && !parent.animated) {
       return;
     }
-
     var show = parent.scrollspy || isActive;
     var shouldRender = this.inited || parent.scrollspy || !parent.lazyRender;
     var Content = shouldRender ? slotContent : h();
-
     if (parent.animated) {
       return h("div", {
         "attrs": {
@@ -87,7 +77,6 @@ export default createComponent({
         "class": bem('pane')
       }, [Content])]);
     }
-
     return h("div", {
       "directives": [{
         name: "show",

package/es/tabbar/index.js

@@ -2,11 +2,9 @@ import { createNamespace } from '../utils';
 import { BORDER_TOP_BOTTOM } from '../utils/constant';
 import { callInterceptor } from '../utils/interceptor';
 import { ParentMixin } from '../mixins/relation';
-
 var _createNamespace = createNamespace('tabbar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ParentMixin('ztTabbar')],
   props: {
@@ -42,9 +40,8 @@ export default createComponent({
     fit: function fit() {
       if (this.safeAreaInsetBottom !== null) {
         return this.safeAreaInsetBottom;
-      } // enable safe-area-inset-bottom by default when fixed
-
-
+      }
+      // enable safe-area-inset-bottom by default when fixed
       return this.fixed;
     }
   },
@@ -60,29 +57,24 @@ export default createComponent({
   methods: {
     setActiveItem: function setActiveItem() {
       var _this = this;
-
       this.children.forEach(function (item, index) {
         item.nameMatched = (item.name || index) === _this.value;
       });
     },
     triggerChange: function triggerChange(active, afterChange) {
       var _this2 = this;
-
       callInterceptor({
         interceptor: this.beforeChange,
         args: [active],
         done: function done() {
           _this2.$emit('input', active);
-
           _this2.$emit('change', active);
-
           afterChange();
         }
       });
     },
     genTabbar: function genTabbar() {
       var _ref;
-
       var h = this.$createElement;
       return h("div", {
         "ref": "tabbar",
@@ -98,7 +90,6 @@ export default createComponent({
   },
   render: function render() {
     var h = arguments[0];
-
     if (this.placeholder && this.fixed) {
       return h("div", {
         "class": bem('placeholder'),
@@ -107,7 +98,6 @@ export default createComponent({
         }
       }, [this.genTabbar()]);
     }
-
     return this.genTabbar();
   }
 });

package/es/tabbar-item/index.js

@@ -1,16 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createNamespace, isObject, isDef } from '../utils';
-import { route, routeProps } from '../utils/router'; // Mixins
+import { route, routeProps } from '../utils/router';
 
-import { ChildrenMixin } from '../mixins/relation'; // Components
+// Mixins
+import { ChildrenMixin } from '../mixins/relation';
 
+// Components
 import Icon from '../icon';
 import Info from '../info';
-
 var _createNamespace = createNamespace('tabbar-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ChildrenMixin('ztTabbar')],
   props: _extends({}, routeProps, {
@@ -30,8 +30,7 @@ export default createComponent({
   computed: {
     routeMatched: function routeMatched() {
       var to = this.to,
-          $route = this.$route;
-
+        $route = this.$route;
       if (to && $route) {
         var config = isObject(to) ? to : {
           path: to
@@ -50,13 +49,11 @@ export default createComponent({
   methods: {
     onClick: function onClick(event) {
       var _this = this;
-
       if (!this.active) {
         this.parent.triggerChange(this.name || this.index, function () {
           route(_this.$router, _this);
         });
       }
-
       this.$emit('click', event);
     },
     genIcon: function genIcon() {
@@ -64,11 +61,9 @@ export default createComponent({
       var slot = this.slots('icon', {
         active: this.active
       });
-
       if (slot) {
         return slot;
       }
-
       if (this.icon) {
         return h(Icon, {
           "attrs": {
@@ -81,15 +76,12 @@ export default createComponent({
   },
   render: function render() {
     var _this$badge;
-
     var h = arguments[0];
     var active = this.active;
     var color = this.parent[active ? 'activeColor' : 'inactiveColor'];
-
     if (process.env.NODE_ENV === 'development' && this.info) {
       console.warn('[zart] TabbarItem: "info" prop is deprecated, use "badge" prop instead.');
     }
-
     return h("div", {
       "class": bem({
         active: active

package/es/table/index.js

@@ -1,14 +1,11 @@
 import { createNamespace } from '../utils';
 import { BORDER_LEFT, BORDER_BOTTOM, BORDER_RIGHT, BORDER_SURROUND, BORDER_TOP_BOTTOM } from '../utils/constant';
-
 var _createNamespace = createNamespace('table'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var defaultData = function defaultData() {
   return {};
 };
-
 export default createComponent({
   props: {
     headList: {
@@ -74,30 +71,24 @@ export 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");
@@ -105,7 +96,6 @@ export default createComponent({
               fixedBoxLeft.classList.remove("shadow");
             }
           }
-
           if (fixedBoxRight) {
             if (e && e.target && e.target.scrollLeft + e.target.clientWidth >= columnTotalWidth - 1) {
               fixedBoxRight.classList.remove("shadow");
@@ -115,9 +105,8 @@ export default createComponent({
           }
         });
       }
-    } // 获取需固定列的实际宽度，用于设置绝对定位元素的宽度
-
-
+    }
+    // 获取需固定列的实际宽度，用于设置绝对定位元素的宽度
     var fixedLeftIndexList = this.headList.map(function (v, i) {
       if (v.fixedLeft) {
         return "tableHead" + i;
@@ -127,19 +116,16 @@ export 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;
@@ -149,20 +135,18 @@ export 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";
@@ -175,11 +159,9 @@ export 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
@@ -189,22 +171,17 @@ export 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 ? BORDER_SURROUND : BORDER_RIGHT],
         "attrs": {
@@ -220,7 +197,6 @@ export default createComponent({
         "style": headItemStyle
       }, [headRender]), this.dataList.map(function (data) {
         var hide = (headObj.fixedLeft || headObj.fixedRight) && !isFixed;
-
         if (hide) {
           // 被固定列遮住的列不显示内容
           return h("div", {
@@ -248,7 +224,6 @@ export 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"])

package/es/tabs/Content.js

@@ -1,11 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createNamespace } from '../utils';
 import { TouchMixin } from '../mixins/touch';
-
 var _createNamespace = createNamespace('tabs'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var MIN_SWIPE_DISTANCE = 50;
 export default createComponent({
   mixins: [TouchMixin],
@@ -40,10 +38,10 @@ export 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) {
@@ -55,14 +53,12 @@ export 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();
     }
   },

package/es/tabs/Title.js

@@ -1,10 +1,8 @@
 import { createNamespace, isDef } from '../utils';
 import Info from '../info';
-
 var _createNamespace = createNamespace('tab'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: {
     dot: Boolean,
@@ -26,12 +24,12 @@ export 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;
@@ -40,27 +38,23 @@ export 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;
     }
   },
@@ -75,7 +69,6 @@ export default createComponent({
           ellipsis: true
         })
       }, [this.slots() || this.title]);
-
       if (this.dot || isDef(this.info) && this.info !== '') {
         return h("span", {
           "class": bem('text-wrapper')
@@ -86,7 +79,6 @@ export default createComponent({
           }
         })]);
       }
-
       return Text;
     }
   },