From 011233838507ac8cc433d644e542a6f215ee80a6 Mon Sep 17 00:00:00 2001
From: Ethan Zhao <ethan.zhao@henkel.com>
Date: Mon, 23 Dec 2024 13:33:00 +0800
Subject: [PATCH 1/2] fix(Slider): slider btn cannot drag in mobile device

---
 src/slider/slider-button.tsx | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/slider/slider-button.tsx b/src/slider/slider-button.tsx
index 38a955302e..b1bfd56a5b 100644
--- a/src/slider/slider-button.tsx
+++ b/src/slider/slider-button.tsx
@@ -1,21 +1,21 @@
 import {
-  PropType,
-  defineComponent,
   ComponentPublicInstance,
-  ref,
+  PropType,
   computed,
-  reactive,
+  defineComponent,
+  inject,
   nextTick,
+  reactive,
+  ref,
   watchEffect,
-  inject,
 } from 'vue';
 import TTooltip from '../tooltip/index';
 import { TdSliderProps } from './type';
 
+import isFunction from 'lodash/isFunction';
 import { usePrefixClass } from '../hooks/useConfig';
 import { useSliderTooltip } from './hooks/useSliderTooltip';
 import { sliderPropsInjectKey } from './util/constants';
-import isFunction from 'lodash/isFunction';
 
 export default defineComponent({
   name: 'TSliderButton',
@@ -147,10 +147,16 @@ export default defineComponent({
       }
       let diff = 0;
       const parentSliderSize = parentProps.sliderSize;
+      const { type } = event;
+      let { clientY, clientX } = event as MouseEvent;
+      if (type === 'touchstart') {
+        const touch = (event as TouchEvent).touches;
+        [clientY, clientX] = [touch[0].clientY, touch[0].clientX];
+      }
       if (props.vertical) {
-        diff = slideButtonProps.startY - (event as MouseEvent).clientY;
+        diff = slideButtonProps.startY - clientY;
       } else {
-        diff = (event as MouseEvent).clientX - slideButtonProps.startX;
+        diff = clientX - slideButtonProps.startX;
       }
       diff = (diff / parentSliderSize) * 100;
       slideButtonProps.newPos = slideButtonProps.startPos + diff;

From 69a9ca774cd8cd775d2545e3c391b40f10ab7819 Mon Sep 17 00:00:00 2001
From: Ethan Zhao <ethan.zhao@henkel.com>
Date: Mon, 23 Dec 2024 13:43:34 +0800
Subject: [PATCH 2/2] fix(Slider): slider btn cannot drag in mobile device

---
 src/slider/slider-button.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/slider/slider-button.tsx b/src/slider/slider-button.tsx
index b1bfd56a5b..d1677745d1 100644
--- a/src/slider/slider-button.tsx
+++ b/src/slider/slider-button.tsx
@@ -149,7 +149,7 @@ export default defineComponent({
       const parentSliderSize = parentProps.sliderSize;
       const { type } = event;
       let { clientY, clientX } = event as MouseEvent;
-      if (type === 'touchstart') {
+      if (type === 'touchmove') {
         const touch = (event as TouchEvent).touches;
         [clientY, clientX] = [touch[0].clientY, touch[0].clientX];
       }