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

fix(Slider): wrong behavior in two-thumb mode (#11534)

Browse Source
This commit is contained in:
neverland 2023-02-02 23:28:49 +08:00 committed by GitHub
parent 8706f31e8a
commit 5412837a87
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/vant/src/slider/Slider.tsx
View File

@ -65,7 +65,7 @@ export default defineComponent({
let startValue: SliderValue; let startValue: SliderValue;
const root = ref<HTMLElement>(); const root = ref<HTMLElement>();
const slider = ref<HTMLElement>(); const slider = [ref<HTMLElement>(), ref<HTMLElement>()] as const;
const dragStatus = ref<'start' | 'dragging' | ''>(); const dragStatus = ref<'start' | 'dragging' | ''>();
const touch = useTouch(); const touch = useTouch();
@ -291,7 +291,7 @@ export default defineComponent({
return ( return (
<div <div
ref={slider} ref={slider[index ?? 0]}
role="slider" role="slider"
class={getButtonClassName(index)} class={getButtonClassName(index)}
tabindex={props.disabled ? undefined : 0} tabindex={props.disabled ? undefined : 0}
@ -321,9 +321,11 @@ export default defineComponent({
updateValue(props.modelValue); updateValue(props.modelValue);
useCustomFieldValue(() => props.modelValue); useCustomFieldValue(() => props.modelValue);
// useEventListener will set passive to `false` to eliminate the warning of Chrome slider.forEach((item) => {
useEventListener('touchmove', onTouchMove, { // useEventListener will set passive to `false` to eliminate the warning of Chrome
target: root, useEventListener('touchmove', onTouchMove, {
target: item,
});
}); });
return () => ( return () => (