@varlet/ui 2.5.5-alpha.1672917688708 → 2.5.5

package/es/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/es/form/Form.js

@@ -57,7 +57,7 @@ export default defineComponent({
         }));
 
         if (props.scrollToError) {
-          var [_, errorIndex] = find(res, r => r === false, props.scrollToError);
+          var [, errorIndex] = find(res, r => r === false, props.scrollToError);
           var hasError = errorIndex > -1;
 
           if (hasError) {

package/es/pull-refresh/PullRefresh.js

@@ -20,16 +20,13 @@ export function render(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {
     ref: "freshNode",
     class: _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);
     })
   }, [_createElementVNode("div", {
@@ -89,16 +86,21 @@ export default 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 = 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;
 
@@ -122,12 +124,14 @@ export default defineComponent({
           distance.value = maxDistance.value * 0.3;
           call(props['onUpdate:modelValue'], true);
           call(props.onRefresh);
+          lockEvent('remove');
         } else {
           refreshStatus.value = 'loosing';
           iconName.value = 'arrow-down';
           distance.value = controlPosition.value;
           setTimeout(() => {
             isEnd.value = false;
+            lockEvent('remove');
           }, toNumber(props.animationDuration));
         }
       });
@@ -176,7 +180,6 @@ export default defineComponent({
       refreshStatus,
       freshNode,
       controlNode,
-      touchStart,
       touchMove,
       touchEnd,
       iconName,

package/es/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); }}