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

fix(slider): avoid emit drag on click (#3415)

Browse Source 
fix #3378
This commit is contained in:
rex 2020-07-21 11:05:43 +08:00 committed by GitHub
parent 2855aa91d9
commit cfbf07bb8a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/slider/index.ts
View File

@ -13,25 +13,29 @@ VantComponent({
inactiveColor: String, inactiveColor: String,
max: { max: {
type: Number, type: Number,
value: 100, value: 100
}, },
min: { min: {
type: Number, type: Number,
value: 0, value: 0
}, },
step: { step: {
type: Number, type: Number,
value: 1, value: 1
}, },
value: { value: {
type: Number, type: Number,
value: 0, value: 0,
observer: 'updateValue', observer(val) {
if (val !== this.value) {
this.updateValue(val);
}
}
}, },
barHeight: { barHeight: {
type: null, type: null,
value: '2px', value: 2
}, }
}, },
created() { created() {
@ -43,7 +47,7 @@ VantComponent({
if (this.data.disabled) return; if (this.data.disabled) return;
this.touchStart(event); this.touchStart(event);
this.startValue = this.format(this.data.value); this.startValue = this.format(this.value);
this.dragStatus = 'start'; this.dragStatus = 'start';
}, },
@ -94,12 +98,13 @@ VantComponent({
const { min } = this.data; const { min } = this.data;
const width = `${((value - min) * 100) / this.getRange()}%`; const width = `${((value - min) * 100) / this.getRange()}%`;
this.value = value;
this.setData({ this.setData({
value,
barStyle: ` barStyle: `
width: ${width}; width: ${width};
${drag ? 'transition: none;' : ''} ${drag ? 'transition: none;' : ''}
`, `
}); });
if (drag) { if (drag) {
@ -123,6 +128,6 @@ VantComponent({
format(value: number) { format(value: number) {
const { max, min, step } = this.data; const { max, min, step } = this.data;
return Math.round(Math.max(min, Math.min(value, max)) / step) * step; return Math.round(Math.max(min, Math.min(value, max)) / step) * step;
}, }
}, }
}); });