zartui 2.1.6 → 2.1.8

package/es/popover/index.js

@@ -4,18 +4,18 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { createPopper as _createPopper, offsetModifier } from '@vant/popperjs';
 import { createNamespace } from '../utils';
-import { BORDER_BOTTOM } from '../utils/constant'; // Mixins
+import { BORDER_BOTTOM } from '../utils/constant';
 
-import { ClickOutsideMixin } from '../mixins/click-outside'; // Components
+// Mixins
+import { ClickOutsideMixin } from '../mixins/click-outside';
 
+// Components
 import Icon from '../icon';
 import Popup from '../popup';
 import { arrow, autoUpdate, computePosition, flip, hide, limitShift, offset, shift } from '@floating-ui/dom';
-
 var _createNamespace = createNamespace('popover'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ClickOutsideMixin({
     event: 'touchstart',
@@ -66,13 +66,11 @@ export default createComponent({
     value: {
       handler: function handler(val) {
         var _this = this;
-
         if (val) {
           this.$nextTick(function () {
             _this.autoUpdatePopup();
           });
         }
-
         this.updateLocation();
       },
       immediate: true
@@ -114,90 +112,74 @@ export default createComponent({
     },
     updatePopup: function updatePopup() {
       var _this2 = this;
-
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var popoverEl, wrapperEl, _yield$computePositio, x, y, realPlacement, middlewareData, popupTop;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!(_this2.$refs.wrapper && _this2.$refs.popover.$el && _this2.$refs.arrow)) {
-                  _context.next = 15;
-                  break;
-                }
-
-                popoverEl = _this2.$refs.popover.$el;
-                wrapperEl = _this2.$refs.wrapper;
-                _context.next = 5;
-                return computePosition(wrapperEl, popoverEl, {
-                  placement: _this2.placement,
-                  middleware: [offset(8), shift({
-                    padding: 4,
-                    crossAxis: false,
-                    limiter: limitShift()
-                  }), flip(), hide(), arrow({
-                    element: _this2.$refs.arrow,
-                    padding: 6
-                  })]
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!(_this2.$refs.wrapper && _this2.$refs.popover.$el && _this2.$refs.arrow)) {
+                _context.next = 15;
+                break;
+              }
+              popoverEl = _this2.$refs.popover.$el;
+              wrapperEl = _this2.$refs.wrapper;
+              _context.next = 5;
+              return computePosition(wrapperEl, popoverEl, {
+                placement: _this2.placement,
+                middleware: [offset(8), shift({
+                  padding: 4,
+                  crossAxis: false,
+                  limiter: limitShift()
+                }), flip(), hide(), arrow({
+                  element: _this2.$refs.arrow,
+                  padding: 6
+                })]
+              });
+            case 5:
+              _yield$computePositio = _context.sent;
+              x = _yield$computePositio.x;
+              y = _yield$computePositio.y;
+              realPlacement = _yield$computePositio.placement;
+              middlewareData = _yield$computePositio.middlewareData;
+              popupTop = y; // 当被包裹元素超出屏幕时，对坐标进行特殊处理，先处理顶部超出，不然再处理底部超出
+              if (y < 0) {
+                popupTop = 0;
+              } else if (y > 0 && y + popoverEl.offsetHeight > document.body.clientHeight) {
+                popupTop = document.body.clientHeight - popoverEl.offsetHeight;
+              }
+              _this2.$refs.popover.$el.setAttribute('data-popper-placement', realPlacement);
+              // 这里手动指定popup placement位置，避免滚动时出现popup弹窗位置闪烁
+              _this2.popper.setOptions({
+                placement: realPlacement
+              });
+              _this2.$nextTick(function () {
+                var _middlewareData$arrow;
+                _extends(_this2.$refs.popover.$el.style, {
+                  left: x + "px",
+                  top: popupTop + "px"
                 });
-
-              case 5:
-                _yield$computePositio = _context.sent;
-                x = _yield$computePositio.x;
-                y = _yield$computePositio.y;
-                realPlacement = _yield$computePositio.placement;
-                middlewareData = _yield$computePositio.middlewareData;
-                popupTop = y; // 当被包裹元素超出屏幕时，对坐标进行特殊处理，先处理顶部超出，不然再处理底部超出
-
-                if (y < 0) {
-                  popupTop = 0;
-                } else if (y > 0 && y + popoverEl.offsetHeight > document.body.clientHeight) {
-                  popupTop = document.body.clientHeight - popoverEl.offsetHeight;
-                }
-
-                _this2.$refs.popover.$el.setAttribute('data-popper-placement', realPlacement); // 这里手动指定popup placement位置，避免滚动时出现popup弹窗位置闪烁
-
-
-                _this2.popper.setOptions({
-                  placement: realPlacement
+                var _ref = (_middlewareData$arrow = middlewareData.arrow) != null ? _middlewareData$arrow : {},
+                  arrowX = _ref.x,
+                  arrowY = _ref.y;
+                _extends(_this2.$refs.arrow.style, {
+                  left: arrowX != null ? arrowX + "px" : '',
+                  top: arrowY != null ? arrowY + "px" : '',
+                  margin: 0
                 });
-
-                _this2.$nextTick(function () {
-                  var _middlewareData$arrow;
-
-                  _extends(_this2.$refs.popover.$el.style, {
-                    left: x + "px",
-                    top: popupTop + "px"
-                  });
-
-                  var _ref = (_middlewareData$arrow = middlewareData.arrow) != null ? _middlewareData$arrow : {},
-                      arrowX = _ref.x,
-                      arrowY = _ref.y;
-
-                  _extends(_this2.$refs.arrow.style, {
-                    left: arrowX != null ? arrowX + "px" : '',
-                    top: arrowY != null ? arrowY + "px" : '',
-                    margin: 0
-                  });
-                });
-
-              case 15:
-              case "end":
-                return _context.stop();
-            }
+              });
+            case 15:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }))();
     },
     updateLocation: function updateLocation() {
       var _this3 = this;
-
       this.$nextTick(function () {
         if (!_this3.value) {
           return;
         }
-
         if (!_this3.popper) {
           _this3.popper = _this3.createPopper();
         } else if (!_this3.autoAdjustOverflow) {
@@ -210,12 +192,11 @@ export default createComponent({
     },
     renderAction: function renderAction(action, index) {
       var _this4 = this;
-
       var h = this.$createElement;
       var icon = action.icon,
-          text = action.text,
-          disabled = action.disabled,
-          className = action.className;
+        text = action.text,
+        disabled = action.disabled,
+        className = action.className;
       return h("div", {
         "attrs": {
           "role": "menuitem"
@@ -254,9 +235,7 @@ export default createComponent({
       if (action.disabled) {
         return;
       }
-
       this.$emit('select', action, index);
-
       if (this.closeOnClickAction) {
         this.$emit('input', false);
       }
@@ -267,17 +246,13 @@ export default createComponent({
     onOpen: function onOpen() {
       this.$emit('open');
     },
-
-    /* istanbul ignore next */
-    onOpened: function onOpened() {
+    /* istanbul ignore next */onOpened: function onOpened() {
       this.$emit('opened');
     },
     onClose: function onClose() {
       this.$emit('close');
     },
-
-    /* istanbul ignore next */
-    onClosed: function onClosed() {
+    /* istanbul ignore next */onClosed: function onClosed() {
       this.$emit('closed');
     }
   },

package/es/popup/index.js

@@ -2,11 +2,9 @@ import { createNamespace, isDef } from '../utils';
 import { PopupMixin } from '../mixins/popup';
 import Icon from '../icon';
 import { unitToPx } from "../utils/format/unit";
-
 var _createNamespace = createNamespace('popup'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [PopupMixin()],
   props: {
@@ -59,21 +57,17 @@ export default createComponent({
   },
   beforeCreate: function beforeCreate() {
     var _this = this;
-
     var createEmitter = function createEmitter(eventName) {
       return function (event) {
         return _this.$emit(eventName, event);
       };
     };
-
     this.onClick = createEmitter('click');
     this.onOpened = createEmitter('opened');
-
     this.onClosed = function () {
       if (_this.sliderShow) {
         _this.contentStyle = "height:" + _this.sliderContentHeight + "px";
       }
-
       createEmitter('closed')();
     };
   },
@@ -99,11 +93,9 @@ export default createComponent({
     },
     move: function move(event) {
       var _this2 = this;
-
       if (this.timerId) {
         event.preventDefault();
       }
-
       var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
       var touchAreaHeight = unitToPx(this.minDragHeight);
       var positionY = event.touches[0].clientY;
@@ -111,7 +103,6 @@ export default createComponent({
         if (positionY === 0 || positionY < h - unitToPx(_this2.maxDragHeight)) {
           return;
         }
-
         _this2.touchHeight = positionY - touchAreaHeight > h - touchAreaHeight ? h - touchAreaHeight + _this2.touchPoint : positionY;
         _this2.contentStyle = "height:" + (h - _this2.touchHeight - touchAreaHeight + _this2.touchPoint) + "px;";
       }, 10);
@@ -124,22 +115,19 @@ export default createComponent({
       if (this.timerId) {
         clearInterval(this.timerId);
       }
-
       this.touchPoint = event.touches[0].clientY - this.$refs.popupRef.getBoundingClientRect().top;
     },
     allowSliderRender: function allowSliderRender() {
       var h = this.$createElement;
       var position = this.position,
-          duration = this.duration;
+        duration = this.duration;
       var isCenter = position === 'center';
       var transitionName = this.transition || (isCenter ? 'zt2-fade' : "zt2-popup-slide-" + position);
       var style = {};
-
       if (isDef(duration)) {
         var key = isCenter ? 'animationDuration' : 'transitionDuration';
         style[key] = duration + "s";
       }
-
       return h("transition", {
         "attrs": {
           "appear": this.transitionAppear,
@@ -173,20 +161,17 @@ export default createComponent({
     },
     popupRender: function popupRender() {
       var _bem;
-
       var h = this.$createElement;
       var round = this.round,
-          position = this.position,
-          duration = this.duration;
+        position = this.position,
+        duration = this.duration;
       var isCenter = position === 'center';
       var transitionName = this.transition || (isCenter ? 'zt2-fade' : "zt2-popup-slide-" + position);
       var style = {};
-
       if (isDef(duration)) {
         var key = isCenter ? 'animationDuration' : 'transitionDuration';
         style[key] = duration + "s";
       }
-
       return h("transition", {
         "attrs": {
           "appear": this.transitionAppear,
@@ -225,7 +210,6 @@ export default createComponent({
     if (!this.shouldRender) {
       return;
     }
-
     return this.sliderShow ? this.allowSliderRender() : this.popupRender();
   }
 });

package/es/pull-refresh/index.js

@@ -1,17 +1,17 @@
 // Utils
 import { createNamespace } from '../utils';
 import { preventDefault } from '../utils/dom/event';
-import { getScrollTop, getScroller, getTargetDom } from '../utils/dom/scroll'; // Mixins
+import { getScrollTop, getScroller, getTargetDom } from '../utils/dom/scroll';
 
-import { TouchMixin } from '../mixins/touch'; // Components
+// Mixins
+import { TouchMixin } from '../mixins/touch';
 
+// Components
 import Loading from '../loading';
-
 var _createNamespace = createNamespace('pull-refresh'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 var DEFAULT_HEAD_HEIGHT = 50;
 var TEXT_STATUS = ['pulling', 'loosing', 'success'];
 export default createComponent({
@@ -74,21 +74,18 @@ export default createComponent({
     scrollEl: function scrollEl() {
       if (this.scrollElement) {
         var targetDom = getTargetDom(this.scrollElement);
-
         if (targetDom) {
           return targetDom;
         } else {
           console.warn('请检查props scroll-element元素是否存在！');
         }
       }
-
       return getScroller(this.$el);
     }
   },
   watch: {
     value: function value(loading) {
       this.duration = this.animationDuration;
-
       if (loading) {
         this.setStatus(+this.headHeight, true);
       } else if (this.slots('success') || this.successText) {
@@ -104,7 +101,6 @@ export default createComponent({
   methods: {
     checkPullStart: function checkPullStart(event) {
       this.ceiling = getScrollTop(this.scrollEl) === 0;
-
       if (this.ceiling) {
         this.duration = 0;
         this.touchStart(event);
@@ -119,13 +115,10 @@ export default createComponent({
       if (!this.touchable) {
         return;
       }
-
       if (!this.ceiling) {
         this.checkPullStart(event);
       }
-
       this.touchMove(event);
-
       if (this.ceiling && this.deltaY >= 0 && this.direction === 'vertical') {
         preventDefault(event);
         this.setStatus(this.ease(this.deltaY));
@@ -133,14 +126,13 @@ export default createComponent({
     },
     onTouchEnd: function onTouchEnd() {
       var _this = this;
-
       if (this.touchable && this.ceiling && this.deltaY) {
         this.duration = this.animationDuration;
-
         if (this.status === 'loosing') {
           this.setStatus(+this.headHeight, true);
-          this.$emit('input', true); // ensure value change can be watched
+          this.$emit('input', true);
 
+          // ensure value change can be watched
           this.$nextTick(function () {
             _this.$emit('refresh');
           });
@@ -151,7 +143,6 @@ export default createComponent({
     },
     ease: function ease(distance) {
       var pullDistance = +(this.pullDistance || this.headHeight);
-
       if (distance > pullDistance) {
         if (distance < pullDistance * 2) {
           distance = pullDistance + (distance - pullDistance) / 2;
@@ -159,12 +150,10 @@ export default createComponent({
           distance = pullDistance * 1.5 + (distance - pullDistance * 2) / 4;
         }
       }
-
       return Math.round(distance);
     },
     setStatus: function setStatus(distance, isLoading) {
       var status;
-
       if (isLoading) {
         status = 'loading';
       } else if (distance === 0) {
@@ -172,9 +161,7 @@ export default createComponent({
       } else {
         status = distance < (this.pullDistance || this.headHeight) ? 'pulling' : 'loosing';
       }
-
       this.distance = distance;
-
       if (status !== this.status) {
         this.status = status;
       }
@@ -182,24 +169,20 @@ export default createComponent({
     genStatus: function genStatus() {
       var h = this.$createElement;
       var status = this.status,
-          distance = this.distance;
+        distance = this.distance;
       var slot = this.slots(status, {
         distance: distance
       });
-
       if (slot) {
         return slot;
       }
-
       var nodes = [];
       var text = this[status + "Text"] || t(status);
-
       if (TEXT_STATUS.indexOf(status) !== -1) {
         nodes.push(h("div", {
           "class": bem('text')
         }, [text]));
       }
-
       if (status === 'loading') {
         nodes.push(h(Loading, {
           "attrs": {
@@ -207,12 +190,10 @@ export default createComponent({
           }
         }, [text]));
       }
-
       return nodes;
     },
     showSuccessTip: function showSuccessTip() {
       var _this2 = this;
-
       this.status = 'success';
       setTimeout(function () {
         _this2.setStatus(0);

package/es/radio/index.js

@@ -1,10 +1,8 @@
 import { createNamespace } from '../utils';
 import { CheckboxMixin } from '../mixins/checkbox';
-
 var _createNamespace = createNamespace('radio'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [CheckboxMixin({
     bem: bem,

package/es/radio-group/index.js

@@ -1,11 +1,9 @@
 import { createNamespace } from '../utils';
 import { FieldMixin } from '../mixins/field';
 import { ParentMixin } from '../mixins/relation';
-
 var _createNamespace = createNamespace('radio-group'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ParentMixin('ztRadio'), FieldMixin],
   props: {

package/es/rate/index.js

@@ -1,28 +1,25 @@
 // Utils
 import { createNamespace, addUnit } from '../utils';
-import { preventDefault } from '../utils/dom/event'; // Mixins
+import { preventDefault } from '../utils/dom/event';
 
+// Mixins
 import { TouchMixin } from '../mixins/touch';
-import { FieldMixin } from '../mixins/field'; // Components
+import { FieldMixin } from '../mixins/field';
 
+// Components
 import Icon from '../icon';
-
 var _createNamespace = createNamespace('rate'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function getRateStatus(value, index, allowHalf) {
   if (value >= index) {
     return 'full';
   }
-
   if (value + 0.5 >= index && allowHalf) {
     return 'half';
   }
-
   return 'void';
 }
-
 export default createComponent({
   mixins: [TouchMixin, FieldMixin],
   props: {
@@ -62,11 +59,9 @@ export default createComponent({
     },
     list: function list() {
       var list = [];
-
       for (var i = 1; i <= this.count; i++) {
         list.push(getRateStatus(this.numberValue, i, this.allowHalf));
       }
-
       return list;
     },
     sizeWithUnit: function sizeWithUnit() {
@@ -88,11 +83,9 @@ export default createComponent({
     },
     onTouchStart: function onTouchStart(event) {
       var _this = this;
-
       if (this.readonly || this.disabled || !this.touchable) {
         return;
       }
-
       this.touchStart(event);
       var rects = this.$refs.items.map(function (item) {
         return item.getBoundingClientRect();
@@ -120,9 +113,7 @@ export default createComponent({
       if (this.readonly || this.disabled || !this.touchable) {
         return;
       }
-
       this.touchMove(event);
-
       if (this.direction === 'horizontal') {
         preventDefault(event);
         var clientX = event.touches[0].clientX;
@@ -135,31 +126,27 @@ export default createComponent({
           return this.ranges[i].score;
         }
       }
-
       return this.allowHalf ? 0.5 : 1;
     },
     genStar: function genStar(status, index) {
       var _this2 = this;
-
       var h = this.$createElement;
       var icon = this.icon,
-          color = this.color,
-          count = this.count,
-          voidIcon = this.voidIcon,
-          disabled = this.disabled,
-          voidColor = this.voidColor,
-          disabledColor = this.disabledColor;
+        color = this.color,
+        count = this.count,
+        voidIcon = this.voidIcon,
+        disabled = this.disabled,
+        voidColor = this.voidColor,
+        disabledColor = this.disabledColor;
       var score = index + 1;
       var isFull = status === 'full';
       var isVoid = status === 'void';
       var style;
-
       if (this.gutterWithUnit && score !== +count) {
         style = {
           paddingRight: this.gutterWithUnit
         };
       }
-
       return h("div", {
         "ref": "items",
         "refInFor": true,
@@ -216,7 +203,6 @@ export default createComponent({
   },
   render: function render() {
     var _this3 = this;
-
     var h = arguments[0];
     return h("div", {
       "class": bem({

package/es/row/index.js

@@ -1,10 +1,8 @@
 import { createNamespace } from '../utils';
 import { ParentMixin } from '../mixins/relation';
-
 var _createNamespace = createNamespace('row'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ParentMixin('ztRow')],
   props: {
@@ -23,17 +21,14 @@ export default createComponent({
   computed: {
     spaces: function spaces() {
       var gutter = Number(this.gutter);
-
       if (!gutter) {
         return;
       }
-
       var spaces = [];
       var groups = [[]];
       var totalSpan = 0;
       this.children.forEach(function (item, index) {
         totalSpan += Number(item.span);
-
         if (totalSpan > 24) {
           groups.push([index]);
           totalSpan -= 24;
@@ -68,10 +63,9 @@ export default createComponent({
   },
   render: function render() {
     var _bem;
-
     var h = arguments[0];
     var align = this.align,
-        justify = this.justify;
+      justify = this.justify;
     var flex = this.type === 'flex';
     return h(this.tag, {
       "class": bem((_bem = {