@varlet/ui 2.5.5-alpha.1672917688708 → 2.5.5

package/lib/back-top/backTop.css

@@ -1 +1 @@
-:root { --back-top-right: 40px; --back-top-bottom: 40px; --back-top-button-size: 40px;}.var-back-top { position: fixed; right: var(--back-top-right); bottom: var(--back-top-bottom); transform: scale(0); transition: 0.3s var(--cubic-bezier); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-back-top .var-button[var-back-top-cover] { width: var(--back-top-button-size); height: var(--back-top-button-size);}.var-back-top--active { transform: scale(1);}
+:root { --back-top-right: 40px; --back-top-bottom: 40px; --back-top-button-size: 40px;}.var-back-top { position: fixed; z-index: 100; right: var(--back-top-right); bottom: var(--back-top-bottom); transform: scale(0); transition: 0.3s var(--cubic-bezier); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-back-top .var-button[var-back-top-cover] { width: var(--back-top-button-size); height: var(--back-top-button-size);}.var-back-top--active { transform: scale(1);}

package/lib/form/Form.js

@@ -71,7 +71,7 @@ var _default = (0, _vue.defineComponent)({
         }));
 
         if (props.scrollToError) {
-          var [_, errorIndex] = (0, _shared.find)(res, r => r === false, props.scrollToError);
+          var [, errorIndex] = (0, _shared.find)(res, r => r === false, props.scrollToError);
           var hasError = errorIndex > -1;
 
           if (hasError) {

package/lib/pull-refresh/PullRefresh.js

@@ -34,16 +34,13 @@ function render(_ctx, _cache) {
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
     ref: "freshNode",
     class: (0, _vue.normalizeClass)(_ctx.n()),
-    onTouchstart: _cache[0] || (_cache[0] = function () {
-      return _ctx.touchStart && _ctx.touchStart(...arguments);
-    }),
-    onTouchmove: _cache[1] || (_cache[1] = function () {
+    onTouchmove: _cache[0] || (_cache[0] = function () {
       return _ctx.touchMove && _ctx.touchMove(...arguments);
     }),
-    onTouchend: _cache[2] || (_cache[2] = function () {
+    onTouchend: _cache[1] || (_cache[1] = function () {
       return _ctx.touchEnd && _ctx.touchEnd(...arguments);
     }),
-    onTouchcancel: _cache[3] || (_cache[3] = function () {
+    onTouchcancel: _cache[2] || (_cache[2] = function () {
       return _ctx.touchEnd && _ctx.touchEnd(...arguments);
     })
   }, [(0, _vue.createElementVNode)("div", {
@@ -104,16 +101,21 @@ var _default = (0, _vue.defineComponent)({
       });
     };
 
-    var touchStart = event => {
-      if (!isTouchable.value) return;
-      refreshStatus.value = 'pulling';
-      startPosition.value = event.touches[0].clientY;
+    var lockEvent = action => {
+      var el = 'classList' in scroller ? scroller : document.body;
+      el.classList[action](n() + "--lock");
     };
 
     var touchMove = event => {
       var scrollTop = (0, _elements.getScrollTop)(scroller);
       if (scrollTop > 0 || !isTouchable.value) return;
-      if (scrollTop === 0 && distance.value > controlPosition.value) event.cancelable && event.preventDefault();
+
+      if (refreshStatus.value !== 'pulling') {
+        refreshStatus.value = 'pulling';
+        startPosition.value = event.touches[0].clientY;
+      }
+
+      if (scrollTop === 0 && 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;
 
@@ -137,12 +139,14 @@ var _default = (0, _vue.defineComponent)({
           distance.value = maxDistance.value * 0.3;
           (0, _components.call)(props['onUpdate:modelValue'], true);
           (0, _components.call)(props.onRefresh);
+          lockEvent('remove');
         } else {
           refreshStatus.value = 'loosing';
           iconName.value = 'arrow-down';
           distance.value = controlPosition.value;
           setTimeout(() => {
             isEnd.value = false;
+            lockEvent('remove');
           }, (0, _shared.toNumber)(props.animationDuration));
         }
       });
@@ -191,7 +195,6 @@ var _default = (0, _vue.defineComponent)({
       refreshStatus,
       freshNode,
       controlNode,
-      touchStart,
       touchMove,
       touchEnd,
       iconName,

package/lib/pull-refresh/pullRefresh.css

@@ -1 +1 @@
-:root { --pull-refresh-size: 40px; --pull-refresh-background: #fff; --pull-refresh-color: var(--color-primary); --pull-refresh-success-color: var(--color-success); --pull-refresh-icon-size: 25px;}.var-pull-refresh { overflow: hidden; position: relative; user-select: none; width: 100%;}.var-pull-refresh__control { display: flex; width: var(--pull-refresh-size); height: var(--pull-refresh-size); align-items: center; justify-content: center; background-color: var(--pull-refresh-background); border-radius: 50%; position: absolute; left: 50%; z-index: 90; color: var(--pull-refresh-color);}.var-pull-refresh__control-success { color: var(--pull-refresh-success-color);}.var-pull-refresh__icon[var-pull-refresh-cover] { font-size: var(--pull-refresh-icon-size);}.var-pull-refresh__animation { transform: rotate(0deg); animation: iconRotate 0.6s infinite linear;}@keyframes iconRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
+:root { --pull-refresh-size: 40px; --pull-refresh-background: #fff; --pull-refresh-color: var(--color-primary); --pull-refresh-success-color: var(--color-success); --pull-refresh-icon-size: 25px;}.var-pull-refresh { overflow: hidden; position: relative; user-select: none; width: 100%;}.var-pull-refresh__control { display: flex; width: var(--pull-refresh-size); height: var(--pull-refresh-size); align-items: center; justify-content: center; background-color: var(--pull-refresh-background); border-radius: 50%; position: absolute; left: 50%; z-index: 90; color: var(--pull-refresh-color);}.var-pull-refresh__control-success { color: var(--pull-refresh-success-color);}.var-pull-refresh__icon[var-pull-refresh-cover] { font-size: var(--pull-refresh-icon-size);}.var-pull-refresh__animation { transform: rotate(0deg); animation: iconRotate 0.6s infinite linear;}.var-pull-refresh--lock { overflow: hidden !important;}@keyframes iconRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}