fix(pull-refresh): 调整foot高度 (#1181)

* feat(pull-refresh): 调整foot高度

Signed-off-by: jacknan <zhumaonan@aliyun.com>

* feat(pull-refresh): 优化无数据初始状态

Signed-off-by: jacknan <zhumaonan@aliyun.com>

* fix(pull-refresh): 去除移动端橡皮筋效果

Signed-off-by: jacknan <zhumaonan@aliyun.com>

---------

Signed-off-by: jacknan <zhumaonan@aliyun.com>

packages/renderless/src/pull-refresh/index.ts

@@ -56,6 +56,8 @@ export const pullDownTouchMove = (state, refs, event) => {
   }
 
   if (refs.content.scrollTop <= 0) {
+    event.preventDefault()
+
     state.translate3d = (event.touches[0].clientY - state.draggposition) / 2
     state.pullDownReplaces =
       Math.abs(state.translate3d) > state.pullDown.headHeight ? state.loosingText : state.pullDown.pullingDownText

packages/renderless/src/pull-refresh/vue.ts

@@ -66,7 +66,8 @@ export const renderless = (props, { watch, onMounted, reactive, onBeforeUnmount
       if (!value) {
         state.hasMore = false
       }
-    }
+    },
+    { immediate: true }
   )
 
   watch(

packages/theme-mobile/src/pull-refresh/index.less

@@ -87,6 +87,7 @@
     justify-content: center;
     font-size: var(--ti-mobile-pull-refresh-font-size);
     color: var(--ti-mobile-pull-refresh-text-color);
+    height: var(--ti-mobile-pull-refresh-foot-size-height);
   }
 
   @keyframes turn-around {

packages/theme-mobile/src/pull-refresh/vars.less

@@ -11,4 +11,6 @@
   --ti-mobile-pull-refresh-head-loading-icon-size-inside: 14px;
   // 加载圆圈背景色
   --ti-mobile-pull-refresh-head-loading-icon-bg-color: #fff;
+  // 组件foot高度
+  --ti-mobile-pull-refresh-foot-size-height: 48px;
 }