From e3698ed6047573fd63a9ebd5d8a2f4256316719a Mon Sep 17 00:00:00 2001
From: James-9696 <hujm969696@163.com>
Date: Tue, 17 Dec 2024 03:08:55 -0800
Subject: [PATCH] fix(slider): modify mobile problem

---
 .../mobile/components/slider/src/mobile.vue   |  7 +++++--
 .../components/slider/src/renderless/index.ts | 19 ++++++-------------
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/packages/mobile/components/slider/src/mobile.vue b/packages/mobile/components/slider/src/mobile.vue
index 88d560e771..c1e16b8849 100644
--- a/packages/mobile/components/slider/src/mobile.vue
+++ b/packages/mobile/components/slider/src/mobile.vue
@@ -12,6 +12,7 @@
 <template>
   <div style="position: relative">
     <div
+      ref="slider"
       :class="['tiny-mobile-slider', { 'tiny-mobile-slider__vertical': vertical, disabled }]"
       :style="{ height: vertical ? height : '' }"
       @touchstart="bindMouseDown"
@@ -40,7 +41,7 @@
         @mouseleave="hideTip"
         @keydown="bindKeyDown"
       ></div>
-      <div class="tiny-mobile-slider__tips" v-show="showTip && state.showTip" :style="state.tipStyle">
+      <div ref="sliderTip" class="tiny-mobile-slider__tips" v-show="showTip && state.showTip" :style="state.tipStyle">
         {{ state.tipValue }}
       </div>
     </div>
@@ -57,12 +58,14 @@
 
 <script lang="ts">
 import { renderless, api } from './renderless/vue'
-import { props, setup, defineComponent } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '../../../vue-common'
 import type { ISliderApi } from './slider'
 import { sliderProps } from './slider'
 import '@opentiny/vue-theme-mobile/slider/index.less'
 
 export default defineComponent({
+  name: $prefix + 'Slider',
+  componentName: 'Slider',
   emits: ['update:modelValue', 'change', 'start', 'stop'],
   props: sliderProps,
   setup(props, context) {
diff --git a/packages/mobile/components/slider/src/renderless/index.ts b/packages/mobile/components/slider/src/renderless/index.ts
index 3e48933169..d80790768b 100644
--- a/packages/mobile/components/slider/src/renderless/index.ts
+++ b/packages/mobile/components/slider/src/renderless/index.ts
@@ -98,20 +98,13 @@ export const bindMouseDown =
     let isClickBtn: boolean | undefined = false
     let isClickLabel: boolean | undefined = false
 
-    if (mode === 'mobile-first') {
-      const role = Array.from(handleEl.attributes).find((attr) => attr.name === 'role')
-      const name = role && role.value
+    isClickBar = hasClass(handleEl, constants.sliderCls(mode)) || hasClass(handleEl, constants.rangeCls(mode))
+    isClickBtn =
+      hasClass(handleEl, constants.buttonCls(mode)) ||
+      hasClass(handleEl, constants.leftSvgCls(mode)) ||
+      hasClass(handleEl, constants.rightSvgCls(mode))
+    isClickLabel = hasClass(handleEl, constants.PC_LABEL_CLS)
 
-      isClickBar = name === constants.PC_SLIDER_CLS || name === constants.PC_RANGE_CLS
-      isClickBtn = name === constants.PC_BUTTON_CLS
-    } else {
-      isClickBar = hasClass(handleEl, constants.sliderCls(mode)) || hasClass(handleEl, constants.rangeCls(mode))
-      isClickBtn =
-        hasClass(handleEl, constants.buttonCls(mode)) ||
-        hasClass(handleEl, constants.leftSvgCls(mode)) ||
-        hasClass(handleEl, constants.rightSvgCls(mode))
-      isClickLabel = hasClass(handleEl, constants.PC_LABEL_CLS)
-    }
     if (state.disabled || (!isClickBtn && !isClickBar && !isClickLabel)) {
       state.activeIndex = -1
       return