blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(PullRefresh): add pull-distance prop (#8279)

Browse Source
This commit is contained in:
neverland 2021-03-04 20:36:54 +08:00 committed by GitHub
parent 2d693b9591
commit 4e65134d17
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/pull-refresh/README.md
View File

@ -105,6 +105,7 @@ Use slots to custom tips.
| success-duration | Success text display duration(ms) | _number \| string_ | `500` |
| animation-duration | Animation duration | _number \| string_ | `300` |
| head-height | Height of head | _number \| string_ | `50` |
| pull-distance `v2.12.8` | The distance to trigger the pull refresh | _number \| string_ | same as `head-height` |
| disabled | Whether to disable pull refresh | _boolean_ | `false` |
### Events

1
src/pull-refresh/README.zh-CN.md
View File

@ -112,6 +112,7 @@ export default {
| success-duration | 刷新成功提示展示时长(ms) | _number \| string_ | `500` |
| animation-duration | 动画时长 | _number \| string_ | `300` |
| head-height | 顶部内容高度 | _number \| string_ | `50` |
| pull-distance `v2.12.8` | 触发下拉刷新的距离 | _number \| string_ | 与 `head-height` 一致 |
| disabled | 是否禁用下拉刷新 | _boolean_ | `false` |
### Events

16
src/pull-refresh/index.js
View File

@ -23,6 +23,7 @@ export default createComponent({
pullingText: String,
loosingText: String,
loadingText: String,
pullDistance: [Number, String],
value: {
type: Boolean,
required: true,
@ -136,13 +137,13 @@ export default createComponent({
},
ease(distance) {
const headHeight = +this.headHeight;
const pullDistance = +(this.pullDistance || this.headHeight);
if (distance > headHeight) {
if (distance < headHeight * 2) {
distance = headHeight + (distance - headHeight) / 2;
if (distance > pullDistance) {
if (distance < pullDistance * 2) {
distance = pullDistance + (distance - pullDistance) / 2;
} else {
distance = headHeight * 1.5 + (distance - headHeight * 2) / 4;
distance = pullDistance * 1.5 + (distance - pullDistance * 2) / 4;
}
}
@ -156,7 +157,10 @@ export default createComponent({
} else if (distance === 0) {
status = 'normal';
} else {
status = distance < this.headHeight ? 'pulling' : 'loosing';
status =
distance < (this.pullDistance || this.headHeight)
? 'pulling'
: 'loosing';
}
this.distance = distance;