From 588567779310d06fabb770e0a1b0e67f0d39fb64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A1=BB=E5=BC=A5?= <hmxing1105@163.com>
Date: Wed, 9 Feb 2022 16:27:46 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B[=E4=BF=AE=E5=A4=8Dbug]=E8=A7=A3?=
 =?UTF-8?q?=E5=86=B3slider=E7=BB=84=E4=BB=B6=E5=9C=A8=E6=8B=89=E6=8B=BD?=
 =?UTF-8?q?=E6=97=B6=EF=BC=8Ctooltip=E4=B8=8D=E6=98=BE=E7=A4=BA=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/slider/index.vue | 32 ++++++++++++++++++++------------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/component/slider/index.vue b/src/component/slider/index.vue
index 1b744216..6ce72266 100644
--- a/src/component/slider/index.vue
+++ b/src/component/slider/index.vue
@@ -6,14 +6,19 @@
       class="layui-slider-vrange"
       v-if="range"
     >
-      <div
-        :style="{ bottom: verticalRangeValue[1] + '%' }"
-        class="layui-slider-vertical-btn"
-      ></div>
-      <div
-        :style="{ bottom: verticalRangeValue[0] + '%' }"
-        class="layui-slider-vertical-btn"
-      ></div>
+        <lay-tooltip :content="'' + verticalRangeValue[1]" :is-can-hide="tooptipHide">
+            <div
+                :style="{ bottom: verticalRangeValue[1] + '%' }"
+                class="layui-slider-vertical-btn"
+            ></div>
+        </lay-tooltip>
+        <lay-tooltip :content="'' + verticalRangeValue[0]" :is-can-hide="tooptipHide">
+            <div
+                :style="{ bottom: verticalRangeValue[0] + '%' }"
+                class="layui-slider-vertical-btn"
+            ></div>
+        </lay-tooltip>
+        
       <div class="layui-slider-vertical-line"></div>
       <div
         :style="{
@@ -31,7 +36,7 @@
       :class="[props.disabled ? 'layui-slider-disabled' : '']"
       v-else
     >
-      <lay-tooltip :content="modelValue + ''">
+      <lay-tooltip :content="modelValue + ''"  :is-can-hide="tooptipHide">
         <div
           :style="{ bottom: modelValue + '%' }"
           class="layui-slider-vertical-btn"
@@ -54,13 +59,13 @@
       class="layui-slider-srange"
       v-if="range"
     >
-      <lay-tooltip :content="rangeValue[0] + ''">
+      <lay-tooltip :content="rangeValue[0] + ''"  :is-can-hide="tooptipHide">
         <div
           :style="{ left: rangeValue[0] + '%' }"
           class="layui-slider-btn-v"
         ></div>
       </lay-tooltip>
-      <lay-tooltip :content="rangeValue[1] + ''">
+      <lay-tooltip :content="rangeValue[1] + ''"  :is-can-hide="tooptipHide">
         <div
           :style="{ left: rangeValue[1] + '%' }"
           class="layui-slider-btn-v"
@@ -84,7 +89,7 @@
       :class="[props.disabled ? 'layui-slider-disabled' : '']"
       v-else
     >
-      <lay-tooltip :visible="true" :content="'' + modelValue">
+      <lay-tooltip :content="'' + modelValue" :is-can-hide="tooptipHide">
         <div
           :style="{ left: modelValue + '%' }"
           class="layui-slider-btn-v"
@@ -147,6 +152,7 @@ function throttle(func: Function) {
 }
 const moveAction = throttle(handle_mousemove);
 
+const tooptipHide = ref<Boolean>(true);
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function handle_mousedown() {
   on("selectstart", window, handle_select, { once: true });
@@ -155,6 +161,7 @@ function handle_mousedown() {
 }
 
 function handle_mousemove(e: MouseEvent) {
+  tooptipHide.value = false;
   if (props.disabled === true) {
     return false;
   }
@@ -181,6 +188,7 @@ function handle_mouseup() {
   // off('selectstart', document, handle_select)
   off("mouseup", window, handle_mouseup);
   off("mousemove", window, moveAction);
+  tooptipHide.value = true;
   currbtn = -1;
 }