From 915c31b64965a42ae5d47b0904d04ccc3d1aeec1 Mon Sep 17 00:00:00 2001
From: wang <825251234@qq.com>
Date: Sun, 19 Dec 2021 20:09:22 +0800
Subject: [PATCH] slider - add disabled

---
 example/docs/zh-CN/components/slider.md | 2 +-
 src/module/slider/index.less            | 3 +++
 src/module/slider/index.vue             | 9 +++++++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/example/docs/zh-CN/components/slider.md b/example/docs/zh-CN/components/slider.md
index e8cd9f9b..541f2887 100644
--- a/example/docs/zh-CN/components/slider.md
+++ b/example/docs/zh-CN/components/slider.md
@@ -1,7 +1,7 @@
 ::: demo
 
 <template>
-  <lay-slider v-model="value1"></lay-slider>
+  <lay-slider v-model="value1" :disabled="true"></lay-slider>
 </template>
 
 <script>
diff --git a/src/module/slider/index.less b/src/module/slider/index.less
index 866b85cf..e598545c 100644
--- a/src/module/slider/index.less
+++ b/src/module/slider/index.less
@@ -54,6 +54,9 @@
   position: absolute;
   top: 6px;
 }
+.layui-slider-disabled {
+  cursor: not-allowed;
+}
 
 // 纵向样式
 .layui-slider-vertical {
diff --git a/src/module/slider/index.vue b/src/module/slider/index.vue
index 00f8157a..00206176 100644
--- a/src/module/slider/index.vue
+++ b/src/module/slider/index.vue
@@ -4,11 +4,13 @@
       ref="verticaltracker"
       @mousedown.stop="handle_mousedown"
       class="layui-slider-vertical-track"
+      :class="[props.disabled ? 'layui-slider-disabled' : '']"
     >
       <lay-tooltip :content="modelValue + ''">
         <div
           :style="{ bottom: modelValue + '%' }"
           class="layui-slider-vertical-btn"
+          :class="[props.disabled ? 'layui-slider-disabled' : '']"
         ></div>
       </lay-tooltip>
       <div
@@ -24,11 +26,13 @@
       ref="standardtracker"
       @mousedown.stop="handle_mousedown"
       class="layui-slider-track-v"
+      :class="[props.disabled ? 'layui-slider-disabled' : '']"
     >
       <lay-tooltip :content="modelValue + ''">
         <div
           :style="{ left: modelValue + '%' }"
           class="layui-slider-btn-v"
+          :class="[props.disabled ? 'layui-slider-disabled' : '']"
         ></div>
       </lay-tooltip>
       <div
@@ -52,11 +56,13 @@ interface LaySliderProps {
   min?: number;
   max?: number;
   step?: number;
+  disabled?: boolean;
 }
 
 const props = withDefaults(defineProps<LaySliderProps>(), {
   vertical: false,
   modelValue: 0,
+  disabled: false,
 });
 
 const standardtracker = ref<HTMLElement | null>(null);
@@ -78,6 +84,9 @@ function handle_mousedown() {
 }
 
 function handle_mousemove(e: MouseEvent) {
+  if (props.disabled === true) {
+    return false;
+  }
   if (props.vertical === false) {
     standardMove(e);
   } else {