@varlet/ui 2.5.5 → 2.5.6

package/highlight/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "name": "VARLET",
   "contributions": {
     "html": {

package/lib/action-sheet/actionSheet.css

@@ -1 +1 @@
-:root { --action-sheet-border-radius: 2px; --action-sheet-title-color: #888; --action-sheet-title-padding: 10px 16px; --action-sheet-title-font-size: 14px; --action-sheet-action-item-height: 48px; --action-sheet-action-item-padding: 0 18px; --action-sheet-action-item-color: #333; --action-sheet-action-item-disabled-color: var(--color-text-disabled); --action-sheet-icon-margin: 0 20px 0 0; --action-sheet-icon-size: 24px; --action-sheet-background: #fff;}.var-action-sheet { padding: 10px 0; max-height: 80%; background: var(--action-sheet-background); transition: background-color 0.25s;}.var-action-sheet__popup-radius { border-radius: var(--action-sheet-border-radius);}.var-action-sheet__title { padding: var(--action-sheet-title-padding); color: var(--action-sheet-title-color); font-size: var(--action-sheet-title-font-size);}.var-action-sheet__action-item { display: flex; align-items: center; height: var(--action-sheet-action-item-height); padding: var(--action-sheet-action-item-padding); color: var(--action-sheet-action-item-color); cursor: pointer;}.var-action-sheet__action-name { overflow: auto; max-height: var(--action-sheet-action-item-height);}.var-action-sheet__action-icon[var-action-sheet-cover] { margin: var(--action-sheet-icon-margin); width: var(--action-sheet-icon-size); height: var(--action-sheet-icon-size); font-size: var(--action-sheet-icon-size);}.var-action-sheet--disabled { color: var(--action-sheet-action-item-disabled-color) !important; cursor: not-allowed;}
+:root { --action-sheet-border-radius: 2px; --action-sheet-title-color: #888; --action-sheet-title-padding: 10px 16px; --action-sheet-title-font-size: 14px; --action-sheet-action-item-height: 48px; --action-sheet-action-item-padding: 0 18px; --action-sheet-action-item-color: #333; --action-sheet-action-item-disabled-color: var(--color-text-disabled); --action-sheet-icon-margin: 0 20px 0 0; --action-sheet-icon-size: 24px; --action-sheet-background: #fff;}.var-action-sheet { padding: 10px 0; background: var(--action-sheet-background); transition: background-color 0.25s;}.var-action-sheet__popup-radius { border-radius: var(--action-sheet-border-radius);}.var-action-sheet__title { padding: var(--action-sheet-title-padding); color: var(--action-sheet-title-color); font-size: var(--action-sheet-title-font-size);}.var-action-sheet__action-item { display: flex; align-items: center; height: var(--action-sheet-action-item-height); padding: var(--action-sheet-action-item-padding); color: var(--action-sheet-action-item-color); cursor: pointer;}.var-action-sheet__action-name { overflow: auto; max-height: var(--action-sheet-action-item-height);}.var-action-sheet__action-icon[var-action-sheet-cover] { margin: var(--action-sheet-icon-margin); width: var(--action-sheet-icon-size); height: var(--action-sheet-icon-size); font-size: var(--action-sheet-icon-size);}.var-action-sheet--disabled { color: var(--action-sheet-action-item-disabled-color) !important; cursor: not-allowed;}

package/lib/pagination/Pagination.js

@@ -273,15 +273,9 @@ var _default = (0, _vue.defineComponent)({
       current.value = (0, _shared.toNumber)(newCurrent) || 1;
       size.value = (0, _shared.toNumber)(newSize || 10);
     });
-    (0, _vue.watch)([current, size], (_ref2, _ref3) => {
-      var [newCurrent, newSize] = _ref2;
+    (0, _vue.watch)([current, size, pageCount], (_ref2, _ref3) => {
+      var [newCurrent, newSize, newCount] = _ref2;
       var [oldCurrent, oldSize] = _ref3;
-
-      if (newCurrent > pageCount.value) {
-        current.value = pageCount.value;
-        return;
-      }
-
       var list = [];
       var {
         maxPagerCount,
@@ -289,11 +283,11 @@ var _default = (0, _vue.defineComponent)({
         onChange
       } = props;
       var oldCount = Math.ceil((0, _shared.toNumber)(total) / (0, _shared.toNumber)(oldSize));
-      var rEllipseSign = pageCount.value - (maxPagerCount - activePosition.value) - 1;
+      var rEllipseSign = newCount - (maxPagerCount - activePosition.value) - 1;
       simpleValue.value = "" + newCurrent;
 
-      if (pageCount.value - 2 > maxPagerCount) {
-        if (oldCurrent === undefined || pageCount.value !== oldCount) {
+      if (newCount - 2 > maxPagerCount) {
+        if (oldCurrent === undefined || newCount !== oldCount) {
           for (var i = 2; i < maxPagerCount + 2; i++) {
             list.push(i);
           }
@@ -329,23 +323,23 @@ var _default = (0, _vue.defineComponent)({
           list = [];
 
           for (var _i3 = 1; _i3 < maxPagerCount + 1; _i3++) {
-            list.push(pageCount.value - (maxPagerCount - _i3) - 1);
+            list.push(newCount - (maxPagerCount - _i3) - 1);
           }
 
           isHideEllipsisHead.value = false;
           isHideEllipsisTail.value = true;
         }
 
-        list = [1, '...', ...list, '...', pageCount.value];
+        list = [1, '...', ...list, '...', newCount];
       } else {
-        for (var _i4 = 1; _i4 <= pageCount.value; _i4++) {
+        for (var _i4 = 1; _i4 <= newCount; _i4++) {
           list.push(_i4);
         }
       }
 
       pageList.value = list;
 
-      if (oldCurrent !== undefined && pageCount.value > 0) {
+      if (oldCurrent !== undefined && newCount > 0) {
         (0, _components.call)(onChange, newCurrent, newSize);
       }
 

package/lib/pull-refresh/PullRefresh.js

@@ -34,8 +34,8 @@ function render(_ctx, _cache) {
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     ref: "freshNode",
     class: (0, _vue.normalizeClass)(_ctx.n()),
-    onTouchmove: _cache[0] || (_cache[0] = function () {
-      return _ctx.touchMove && _ctx.touchMove(...arguments);
+    onTouchstart: _cache[0] || (_cache[0] = function () {
+      return _ctx.touchStart && _ctx.touchStart(...arguments);
     }),
     onTouchend: _cache[1] || (_cache[1] = function () {
       return _ctx.touchEnd && _ctx.touchEnd(...arguments);
@@ -79,7 +79,9 @@ var _default = (0, _vue.defineComponent)({
     var distance = (0, _vue.ref)(-999);
     var iconName = (0, _vue.ref)('arrow-down');
     var refreshStatus = (0, _vue.ref)('default');
-    var isEnd = (0, _vue.ref)(false); // https://github.com/varletjs/varlet/issues/509
+    var isEnd = (0, _vue.ref)(false);
+    var startY = 0;
+    var deltaY = 0; // https://github.com/varletjs/varlet/issues/509
 
     var iconHasChanged = (0, _vue.ref)(true);
     var isTouchable = (0, _vue.computed)(() => refreshStatus.value !== 'loading' && refreshStatus.value !== 'success' && !props.disabled);
@@ -106,8 +108,21 @@ var _default = (0, _vue.defineComponent)({
       el.classList[action](n() + "--lock");
     };
 
+    var touchStart = event => {
+      startY = event.touches[0].clientY;
+      deltaY = 0;
+    };
+
     var touchMove = event => {
       var scrollTop = (0, _elements.getScrollTop)(scroller);
+      var isReachTop = scrollTop === 0;
+      var touch = event.touches[0];
+      deltaY = touch.clientY - startY;
+
+      if (isReachTop && deltaY >= 0) {
+        event.preventDefault();
+      }
+
       if (scrollTop > 0 || !isTouchable.value) return;
 
       if (refreshStatus.value !== 'pulling') {
@@ -115,7 +130,10 @@ var _default = (0, _vue.defineComponent)({
         startPosition.value = event.touches[0].clientY;
       }
 
-      if (scrollTop === 0 && distance.value > controlPosition.value) lockEvent('add');
+      if (isReachTop && distance.value > controlPosition.value) {
+        lockEvent('add');
+      }
+
       var moveDistance = (event.touches[0].clientY - startPosition.value) / 2 + controlPosition.value;
       distance.value = moveDistance >= maxDistance.value ? maxDistance.value : moveDistance;
 
@@ -184,8 +202,18 @@ var _default = (0, _vue.defineComponent)({
       }
     });
     (0, _vue.onMounted)(() => {
+      var _freshNode$value;
+
       scroller = props.target ? (0, _elements.getTarget)(props.target, 'PullRefresh') : (0, _elements.getParentScroller)(freshNode.value);
       setPosition();
+      (_freshNode$value = freshNode.value) == null ? void 0 : _freshNode$value.addEventListener('touchmove', touchMove, {
+        passive: false
+      });
+    });
+    (0, _vue.onBeforeUnmount)(() => {
+      var _freshNode$value2;
+
+      (_freshNode$value2 = freshNode.value) == null ? void 0 : _freshNode$value2.removeEventListener('touchmove', touchMove);
     });
     return {
       n,
@@ -195,6 +223,7 @@ var _default = (0, _vue.defineComponent)({
       refreshStatus,
       freshNode,
       controlNode,
+      touchStart,
       touchMove,
       touchEnd,
       iconName,