zartui 2.0.79 → 2.0.80-beta.1

package/lib/swipe-cell/index.js

@@ -2,25 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _number = require("../utils/format/number");
-
 var _event = require("../utils/dom/event");
-
 var _touch = require("../mixins/touch");
-
 var _clickOutside = require("../mixins/click-outside");
-
 // Utils
+
 // Mixins
-var _createNamespace = (0, _utils.createNamespace)('swipe-cell'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+var _createNamespace = (0, _utils.createNamespace)('swipe-cell'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var THRESHOLD = 0.15;
-
 var _default = createComponent({
   mixins: [_touch.TouchMixin, (0, _clickOutside.ClickOutsideMixin)({
     event: 'touchstart',
@@ -63,7 +57,6 @@ var _default = createComponent({
         var rect = this.$refs[ref].getBoundingClientRect();
         return rect.width;
       }
-
       return 0;
     },
     // @exposed-api
@@ -82,7 +75,6 @@ var _default = createComponent({
     // @exposed-api
     close: function close(position) {
       this.offset = 0;
-
       if (this.opened) {
         this.opened = false;
         this.$emit('close', {
@@ -95,7 +87,6 @@ var _default = createComponent({
       if (this.disabled) {
         return;
       }
-
       this.startOffset = this.offset;
       this.touchStart(event);
     },
@@ -103,32 +94,27 @@ var _default = createComponent({
       if (this.disabled) {
         return;
       }
-
       this.touchMove(event);
-
       if (this.direction === 'horizontal') {
         this.dragging = true;
         this.lockClick = true;
         var isPrevent = !this.opened || this.deltaX * this.startOffset < 0;
-
         if (isPrevent) {
           (0, _event.preventDefault)(event, this.stopPropagation);
         }
-
         this.offset = (0, _number.range)(this.deltaX + this.startOffset, -this.computedRightWidth, this.computedLeftWidth);
       }
     },
     onTouchEnd: function onTouchEnd() {
       var _this = this;
-
       if (this.disabled) {
         return;
       }
-
       if (this.dragging) {
         this.toggle(this.offset > 0 ? 'left' : 'right');
-        this.dragging = false; // compatible with desktop scenario
+        this.dragging = false;
 
+        // compatible with desktop scenario
         setTimeout(function () {
           _this.lockClick = false;
         }, 0);
@@ -138,8 +124,7 @@ var _default = createComponent({
       var offset = Math.abs(this.offset);
       var threshold = this.opened ? 1 - THRESHOLD : THRESHOLD;
       var computedLeftWidth = this.computedLeftWidth,
-          computedRightWidth = this.computedRightWidth;
-
+        computedRightWidth = this.computedRightWidth;
       if (computedRightWidth && direction === 'right' && offset > computedRightWidth * threshold) {
         this.open('right');
       } else if (computedLeftWidth && direction === 'left' && offset > computedLeftWidth * threshold) {
@@ -152,9 +137,7 @@ var _default = createComponent({
       if (position === void 0) {
         position = 'outside';
       }
-
       this.$emit('click', position);
-
       if (this.opened && !this.lockClick) {
         if (this.beforeClose) {
           this.beforeClose({
@@ -173,19 +156,16 @@ var _default = createComponent({
     },
     getClickHandler: function getClickHandler(position, stop) {
       var _this2 = this;
-
       return function (event) {
         if (stop) {
           event.stopPropagation();
         }
-
         _this2.onClick(position);
       };
     },
     genLeftPart: function genLeftPart() {
       var h = this.$createElement;
       var content = this.slots('left');
-
       if (content) {
         return h("div", {
           "ref": "left",
@@ -199,7 +179,6 @@ var _default = createComponent({
     genRightPart: function genRightPart() {
       var h = this.$createElement;
       var content = this.slots('right');
-
       if (content) {
         return h("div", {
           "ref": "right",
@@ -228,5 +207,4 @@ var _default = createComponent({
     }, [this.genLeftPart(), this.slots(), this.genRightPart()])]);
   }
 });
-
 exports.default = _default;

package/lib/swipe-item/index.js

@@ -1,20 +1,14 @@
 "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 _relation = require("../mixins/relation");
-
 var _createNamespace = (0, _utils.createNamespace)('swipe-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _relation.ChildrenMixin)('vanSwipe')],
   data: function data() {
@@ -26,7 +20,6 @@ var _default = createComponent({
   },
   mounted: function mounted() {
     var _this = this;
-
     this.$nextTick(function () {
       _this.mounted = true;
     });
@@ -35,44 +28,37 @@ var _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;
     }
   },
@@ -85,5 +71,4 @@ var _default = createComponent({
     }, [this.shouldRender && this.slots()]);
   }
 });
-
 exports.default = _default;

package/lib/switch/index.js

@@ -1,25 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _shared = require("./shared");
-
 var _field = require("../mixins/field");
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 // Utils
+
 // Mixins
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('switch'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+var _createNamespace = (0, _utils.createNamespace)('switch'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [_field.FieldMixin],
   props: _shared.switchProps,
@@ -37,7 +33,6 @@ var _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);
@@ -46,7 +41,6 @@ var _default = createComponent({
     },
     genLoading: function genLoading() {
       var h = this.$createElement;
-
       if (this.loading) {
         var color = this.checked ? this.activeColor : this.inactiveColor;
         return h(_loading.default, {
@@ -61,8 +55,8 @@ var _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,
@@ -82,5 +76,4 @@ var _default = createComponent({
     }, [this.genLoading()])]);
   }
 });
-
 exports.default = _default;

package/lib/switch/shared.js

@@ -2,10 +2,10 @@
 
 exports.__esModule = true;
 exports.switchProps = void 0;
-
 /**
  * Common Switch Props
  */
+
 var switchProps = {
   size: [Number, String],
   value: null,

package/lib/switch-cell/index.js

@@ -1,35 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _utils = require("../utils");
-
 var _functional = require("../utils/functional");
-
 var _cell = _interopRequireDefault(require("../cell"));
-
 var _switch = _interopRequireDefault(require("../switch"));
-
 var _shared = require("../switch/shared");
-
 // Utils
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('switch-cell'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+// Types
+
+var _createNamespace = (0, _utils.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.default, (0, _babelHelperVueJsxMergeProps.default)([{
     "attrs": {
       "center": true,
@@ -43,7 +36,6 @@ function SwitchCell(h, props, slots, ctx) {
     "on": (0, _extends2.default)({}, ctx.listeners)
   })]);
 }
-
 SwitchCell.props = (0, _extends2.default)({}, _shared.switchProps, {
   title: String,
   cellSize: String,
@@ -56,7 +48,5 @@ SwitchCell.props = (0, _extends2.default)({}, _shared.switchProps, {
     default: '24px'
   }
 });
-
 var _default = createComponent(SwitchCell);
-
 exports.default = _default;

package/lib/tab/index.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 _relation = require("../mixins/relation");
-
 var _router = require("../utils/router");
-
 var _createNamespace = (0, _utils.createNamespace)('tab'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _relation.ChildrenMixin)('ztTabs')],
   props: (0, _extends2.default)({}, _router.routeProps, {
@@ -38,16 +31,13 @@ var _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;
     }
   },
@@ -58,7 +48,6 @@ var _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);
@@ -68,22 +57,18 @@ var _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": {
@@ -97,7 +82,6 @@ var _default = createComponent({
         "class": bem('pane')
       }, [Content])]);
     }
-
     return h("div", {
       "directives": [{
         name: "show",
@@ -110,5 +94,4 @@ var _default = createComponent({
     }, [Content]);
   }
 });
-
 exports.default = _default;

package/lib/tabbar/index.js

@@ -2,19 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _constant = require("../utils/constant");
-
 var _interceptor = require("../utils/interceptor");
-
 var _relation = require("../mixins/relation");
-
 var _createNamespace = (0, _utils.createNamespace)('tabbar'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _relation.ParentMixin)('ztTabbar')],
   props: {
@@ -50,9 +44,8 @@ var _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;
     }
   },
@@ -68,29 +61,24 @@ var _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;
-
       (0, _interceptor.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",
@@ -106,7 +94,6 @@ var _default = createComponent({
   },
   render: function render() {
     var h = arguments[0];
-
     if (this.placeholder && this.fixed) {
       return h("div", {
         "class": bem('placeholder'),
@@ -115,9 +102,7 @@ var _default = createComponent({
         }
       }, [this.genTabbar()]);
     }
-
     return this.genTabbar();
   }
 });
-
 exports.default = _default;

package/lib/tabbar-item/index.js

@@ -1,28 +1,21 @@
 "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 _router = require("../utils/router");
-
 var _relation = require("../mixins/relation");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _info = _interopRequireDefault(require("../info"));
-
 // Mixins
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('tabbar-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+var _createNamespace = (0, _utils.createNamespace)('tabbar-item'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _relation.ChildrenMixin)('ztTabbar')],
   props: (0, _extends2.default)({}, _router.routeProps, {
@@ -42,8 +35,7 @@ var _default = createComponent({
   computed: {
     routeMatched: function routeMatched() {
       var to = this.to,
-          $route = this.$route;
-
+        $route = this.$route;
       if (to && $route) {
         var config = (0, _utils.isObject)(to) ? to : {
           path: to
@@ -62,13 +54,11 @@ var _default = createComponent({
   methods: {
     onClick: function onClick(event) {
       var _this = this;
-
       if (!this.active) {
         this.parent.triggerChange(this.name || this.index, function () {
           (0, _router.route)(_this.$router, _this);
         });
       }
-
       this.$emit('click', event);
     },
     genIcon: function genIcon() {
@@ -76,11 +66,9 @@ var _default = createComponent({
       var slot = this.slots('icon', {
         active: this.active
       });
-
       if (slot) {
         return slot;
       }
-
       if (this.icon) {
         return h(_icon.default, {
           "attrs": {
@@ -93,15 +81,12 @@ var _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
@@ -126,5 +111,4 @@ var _default = createComponent({
     })])]);
   }
 });
-
 exports.default = _default;