feat(PullDownRefresh): add disabled prop

Author: anlyyao

src/pull-down-refresh/props.ts

@@ -8,6 +8,8 @@ import { TdPullDownRefreshProps } from './type';
 import { PropType } from 'vue';
 
 export default {
+  /** 是否禁用下拉刷新 */
+  disabled: Boolean,
   /** 加载中下拉高度，如果值为数字则单位是：'px' */
   loadingBarHeight: {
     type: [String, Number] as PropType<TdPullDownRefreshProps['loadingBarHeight']>,

src/pull-down-refresh/pull-down-refresh.en-US.md

@@ -6,6 +6,7 @@
 
 name | type | default | description | required
 -- | -- | -- | -- | --
+disabled | Boolean | false | disabled pull down refresh | N
 loadingBarHeight | String / Number | 50 | \- | N
 loadingProps | Object | - | Typescript：`LoadingProps`，[Loading API Documents](./loading?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/pull-down-refresh/type.ts) | N
 loadingTexts | Array | [] | Typescript：`string[]` | N

src/pull-down-refresh/pull-down-refresh.md

@@ -6,6 +6,7 @@
 
 名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
+disabled | Boolean | false | 是否禁用下拉刷新 | N
 loadingBarHeight | String / Number | 50 | 加载中下拉高度，如果值为数字则单位是：'px' | N
 loadingProps | Object | - | 加载loading样式。TS 类型：`LoadingProps`，[Loading API Documents](./loading?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/pull-down-refresh/type.ts) | N
 loadingTexts | Array | [] | 提示语，组件内部默认值为 ['下拉刷新', '松手刷新', '正在刷新', '刷新完成']。TS 类型：`string[]` | N

src/pull-down-refresh/pull-down-refresh.tsx

@@ -92,7 +92,7 @@ export default defineComponent({
 
     const onTouchStart = (e: TouchEvent) => {
       e.stopPropagation();
-      if (!isReachTop(e) || loading.value) return;
+      if (!isReachTop(e) || loading.value || props.disabled) return;
 
       clearTimeout(timer);
       timer = null;
@@ -103,7 +103,7 @@ export default defineComponent({
 
     const onTouchMove = (e: TouchEvent) => {
       e.stopPropagation();
-      if (!isReachTop(e) || loading.value) return;
+      if (!isReachTop(e) || loading.value || props.disabled) return;
       touch.move(e);
 
       const { diffY, diffX } = touch;
@@ -135,7 +135,7 @@ export default defineComponent({
 
     const onTouchEnd = (e: TouchEvent) => {
       e.stopPropagation();
-      if (!isReachTop(e) || loading.value) return;
+      if (!isReachTop(e) || loading.value || props.disabled) return;
 
       if (status.value === 'loosing') {
         distance.value = loadingBarHeight.value;

src/pull-down-refresh/type.ts

@@ -7,6 +7,11 @@
 import { LoadingProps } from '../loading';
 
 export interface TdPullDownRefreshProps {
+  /**
+   * 是否禁用下拉刷新
+   * @default false
+   */
+  disabled?: boolean;
   /**
    * 加载中下拉高度，如果值为数字则单位是：'px'
    * @default 50