ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 18:14:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Improvement] optimize watcher (#1001)

Browse Source
This commit is contained in:
neverland
2018-05-05 22:14:43 +08:00
committed by GitHub
parent 6d4709cc71
commit ba2f11138b
5 changed files with 52 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
packages/circle/index.vue
View File

@@ -83,31 +83,26 @@ export default create({
}
},
mounted() {
this.render();
},
watch: {
rate() {
this.render();
rate: {
handler() {
this.startTime = Date.now();
this.startRate = this.value;
this.endRate = this.format(this.rate);
this.increase = this.endRate > this.startRate;
this.duration = Math.abs((this.startRate - this.endRate) * 1000 / this.speed);
if (this.speed) {
cancel(this.rafId);
this.rafId = raf(this.animate);
} else {
this.$emit('input', this.endRate);
}
},
immediate: true
}
},
methods: {
render() {
this.startTime = Date.now();
this.startRate = this.value;
this.endRate = this.format(this.rate);
this.increase = this.endRate > this.startRate;
this.duration = Math.abs((this.startRate - this.endRate) * 1000 / this.speed);
if (this.speed) {
cancel(this.rafId);
this.rafId = raf(this.animate);
} else {
this.$emit('input', this.endRate);
}
},
animate() {
const now = Date.now();
const progress = Math.min((now - this.startTime) / this.duration, 1);