zartui 2.1.6 → 2.1.8

package/lib/popover/index.js

@@ -1,39 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _popperjs = require("@vant/popperjs");
-
 var _utils = require("../utils");
-
 var _constant = require("../utils/constant");
-
 var _clickOutside = require("../mixins/click-outside");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _popup = _interopRequireDefault(require("../popup"));
-
 var _dom = require("@floating-ui/dom");
-
 // Mixins
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('popover'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
-var _default2 = createComponent({
+var _createNamespace = (0, _utils.createNamespace)('popover'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default2 = exports.default = createComponent({
   mixins: [(0, _clickOutside.ClickOutsideMixin)({
     event: 'touchstart',
     method: 'onClickOutside'
@@ -83,13 +71,11 @@ var _default2 = createComponent({
     value: {
       handler: function handler(val) {
         var _this = this;
-
         if (val) {
           this.$nextTick(function () {
             _this.autoUpdatePopup();
           });
         }
-
         this.updateLocation();
       },
       immediate: true
@@ -131,90 +117,74 @@ var _default2 = createComponent({
     },
     updatePopup: function updatePopup() {
       var _this2 = this;
-
-      return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
         var popoverEl, wrapperEl, _yield$computePositio, x, y, realPlacement, middlewareData, popupTop;
-
         return _regenerator.default.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 (0, _dom.computePosition)(wrapperEl, popoverEl, {
-                  placement: _this2.placement,
-                  middleware: [(0, _dom.offset)(8), (0, _dom.shift)({
-                    padding: 4,
-                    crossAxis: false,
-                    limiter: (0, _dom.limitShift)()
-                  }), (0, _dom.flip)(), (0, _dom.hide)(), (0, _dom.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
+          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 (0, _dom.computePosition)(wrapperEl, popoverEl, {
+                placement: _this2.placement,
+                middleware: [(0, _dom.offset)(8), (0, _dom.shift)({
+                  padding: 4,
+                  crossAxis: false,
+                  limiter: (0, _dom.limitShift)()
+                }), (0, _dom.flip)(), (0, _dom.hide)(), (0, _dom.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;
+                (0, _extends2.default)(_this2.$refs.popover.$el.style, {
+                  left: x + "px",
+                  top: popupTop + "px"
                 });
-
-                _this2.$nextTick(function () {
-                  var _middlewareData$arrow;
-
-                  (0, _extends2.default)(_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;
-
-                  (0, _extends2.default)(_this2.$refs.arrow.style, {
-                    left: arrowX != null ? arrowX + "px" : '',
-                    top: arrowY != null ? arrowY + "px" : '',
-                    margin: 0
-                  });
+                var _ref = (_middlewareData$arrow = middlewareData.arrow) != null ? _middlewareData$arrow : {},
+                  arrowX = _ref.x,
+                  arrowY = _ref.y;
+                (0, _extends2.default)(_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) {
@@ -227,12 +197,11 @@ var _default2 = 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"
@@ -271,9 +240,7 @@ var _default2 = createComponent({
       if (action.disabled) {
         return;
       }
-
       this.$emit('select', action, index);
-
       if (this.closeOnClickAction) {
         this.$emit('input', false);
       }
@@ -284,17 +251,13 @@ var _default2 = 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');
     }
   },
@@ -339,6 +302,4 @@ var _default2 = createComponent({
       }
     }, [this.slots('default') || this.actions.map(this.renderAction)])]), this.slots('reference')]);
   }
-});
-
-exports.default = _default2;
+});

package/lib/popup/index.js

@@ -1,23 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _popup = require("../mixins/popup");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _unit = require("../utils/format/unit");
-
 var _createNamespace = (0, _utils.createNamespace)('popup'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   mixins: [(0, _popup.PopupMixin)()],
   props: {
     round: Boolean,
@@ -69,21 +62,17 @@ var _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')();
     };
   },
@@ -109,11 +98,9 @@ var _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 = (0, _unit.unitToPx)(this.minDragHeight);
       var positionY = event.touches[0].clientY;
@@ -121,7 +108,6 @@ var _default = createComponent({
         if (positionY === 0 || positionY < h - (0, _unit.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);
@@ -134,22 +120,19 @@ var _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 ((0, _utils.isDef)(duration)) {
         var key = isCenter ? 'animationDuration' : 'transitionDuration';
         style[key] = duration + "s";
       }
-
       return h("transition", {
         "attrs": {
           "appear": this.transitionAppear,
@@ -183,20 +166,17 @@ var _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 ((0, _utils.isDef)(duration)) {
         var key = isCenter ? 'animationDuration' : 'transitionDuration';
         style[key] = duration + "s";
       }
-
       return h("transition", {
         "attrs": {
           "appear": this.transitionAppear,
@@ -235,9 +215,6 @@ var _default = createComponent({
     if (!this.shouldRender) {
       return;
     }
-
     return this.sliderShow ? this.allowSliderRender() : this.popupRender();
   }
-});
-
-exports.default = _default;
+});

package/lib/pull-refresh/index.js

@@ -1,32 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _event = require("../utils/dom/event");
-
 var _scroll = require("../utils/dom/scroll");
-
 var _touch = require("../mixins/touch");
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 // Utils
+
 // Mixins
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('pull-refresh'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
 
+var _createNamespace = (0, _utils.createNamespace)('pull-refresh'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1],
+  t = _createNamespace[2];
 var DEFAULT_HEAD_HEIGHT = 50;
 var TEXT_STATUS = ['pulling', 'loosing', 'success'];
-
-var _default = createComponent({
+var _default = exports.default = createComponent({
   mixins: [_touch.TouchMixin],
   props: {
     disabled: Boolean,
@@ -86,21 +80,18 @@ var _default = createComponent({
     scrollEl: function scrollEl() {
       if (this.scrollElement) {
         var targetDom = (0, _scroll.getTargetDom)(this.scrollElement);
-
         if (targetDom) {
           return targetDom;
         } else {
           console.warn('请检查props scroll-element元素是否存在！');
         }
       }
-
       return (0, _scroll.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) {
@@ -116,7 +107,6 @@ var _default = createComponent({
   methods: {
     checkPullStart: function checkPullStart(event) {
       this.ceiling = (0, _scroll.getScrollTop)(this.scrollEl) === 0;
-
       if (this.ceiling) {
         this.duration = 0;
         this.touchStart(event);
@@ -131,13 +121,10 @@ var _default = createComponent({
       if (!this.touchable) {
         return;
       }
-
       if (!this.ceiling) {
         this.checkPullStart(event);
       }
-
       this.touchMove(event);
-
       if (this.ceiling && this.deltaY >= 0 && this.direction === 'vertical') {
         (0, _event.preventDefault)(event);
         this.setStatus(this.ease(this.deltaY));
@@ -145,14 +132,13 @@ var _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');
           });
@@ -163,7 +149,6 @@ var _default = createComponent({
     },
     ease: function ease(distance) {
       var pullDistance = +(this.pullDistance || this.headHeight);
-
       if (distance > pullDistance) {
         if (distance < pullDistance * 2) {
           distance = pullDistance + (distance - pullDistance) / 2;
@@ -171,12 +156,10 @@ var _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) {
@@ -184,9 +167,7 @@ var _default = createComponent({
       } else {
         status = distance < (this.pullDistance || this.headHeight) ? 'pulling' : 'loosing';
       }
-
       this.distance = distance;
-
       if (status !== this.status) {
         this.status = status;
       }
@@ -194,24 +175,20 @@ var _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.default, {
           "attrs": {
@@ -219,12 +196,10 @@ var _default = createComponent({
           }
         }, [text]));
       }
-
       return nodes;
     },
     showSuccessTip: function showSuccessTip() {
       var _this2 = this;
-
       this.status = 'success';
       setTimeout(function () {
         _this2.setStatus(0);
@@ -248,6 +223,4 @@ var _default = createComponent({
       "style": this.headStyle
     }, [this.genStatus()]), this.slots()])]);
   }
-});
-
-exports.default = _default;
+});

package/lib/radio/index.js

@@ -2,16 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _checkbox = require("../mixins/checkbox");
-
 var _createNamespace = (0, _utils.createNamespace)('radio'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   mixins: [(0, _checkbox.CheckboxMixin)({
     bem: bem,
     role: 'radio',
@@ -35,6 +31,4 @@ var _default = createComponent({
       this.currentValue = this.name;
     }
   }
-});
-
-exports.default = _default;
+});

package/lib/radio-group/index.js

@@ -2,18 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _field = require("../mixins/field");
-
 var _relation = require("../mixins/relation");
-
 var _createNamespace = (0, _utils.createNamespace)('radio-group'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   mixins: [(0, _relation.ParentMixin)('ztRadio'), _field.FieldMixin],
   props: {
     value: null,
@@ -37,6 +32,4 @@ var _default = createComponent({
       }
     }, [this.slots()]);
   }
-});
-
-exports.default = _default;
+});