From 46de17edcbf64290e62abc60247cfea9ce81e6ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sat, 30 Apr 2022 04:34:48 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B:=20=E4=BF=AE=E5=A4=8D=20slider=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=BC=BA=E5=B0=91=20name=20=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/component/colorPicker/EyeDropper.vue  | 61 +++++++++++++------
 .../src/component/colorPicker/index.vue       | 23 +++----
 .../component/src/component/scroll/index.vue  |  7 ++-
 .../src/component/slider/Standard.vue         |  1 +
 .../src/component/slider/StandardRange.vue    |  2 +
 .../src/component/slider/Vertical.vue         |  1 +
 .../src/component/slider/VerticalRange.vue    |  1 +
 .../component/src/component/slider/index.vue  |  8 ++-
 .../src/component/slider/sliderVerify.vue     |  1 +
 9 files changed, 70 insertions(+), 35 deletions(-)

diff --git a/package/component/src/component/colorPicker/EyeDropper.vue b/package/component/src/component/colorPicker/EyeDropper.vue
index e6e8c976..c1628d66 100644
--- a/package/component/src/component/colorPicker/EyeDropper.vue
+++ b/package/component/src/component/colorPicker/EyeDropper.vue
@@ -1,22 +1,43 @@
 <template>
-  <svg t="1651169382813" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2529" width="27" height="27">
-  <path
-    d="M769.3 409.1c-4.3-16.2-14.7-29.7-29.2-38l-51.3-29.6-10 17.3c-3.7 6.4-10.4 10-17.3 10-3.4 0-6.8-0.9-10-2.7l68.6 39.6c5.2 3 9 7.9 10.5 13.7 1.6 5.8 0.8 11.9-2.3 17.2l-6.6 11.5c-6.2 10.8-20.1 14.5-30.9 8.3L441 312.2c-5.2-3-9-7.9-10.5-13.7-1.6-5.8-0.8-11.9 2.3-17.2l6.6-11.5c3-5.2 7.9-9 13.7-10.5 1.9-0.5 3.9-0.8 5.9-0.8 3.9 0 7.8 1 11.3 3l69.3 40c-9.6-5.5-12.8-17.8-7.3-27.3l10-17.3-52-30c-14.5-8.4-31.4-10.6-47.5-6.3-16.2 4.3-29.7 14.7-38 29.2l-6.6 11.5c-8.4 14.5-10.6 31.4-6.3 47.5 4.3 16.2 14.7 29.7 29.2 38l52 30 10-17.3c5.5-9.6 17.8-12.8 27.3-7.3 9.6 5.5 12.8 17.8 7.3 27.3l-10 17.3 77.2 44.6 10-17.3c5.5-9.6 17.8-12.8 27.3-7.3 9.6 5.5 12.8 17.8 7.3 27.3l-10 17.3 51.3 29.6c9.8 5.7 20.6 8.4 31.2 8.4 21.7 0 42.7-11.2 54.3-31.3l6.6-11.5c8.5-14.5 10.7-31.4 6.4-47.5z"
-    fill="#515151" p-id="2530"></path>
-  <path
-    d="M644.2 338.8l10-17.3-77.2-44.6-10 17.3c-5.5 9.6-17.8 12.8-27.3 7.3l111.8 64.6c-9.6-5.5-12.9-17.8-7.3-27.3zM539.6 301.5zM651.5 366.1z"
-    fill="#515151" p-id="2531"></path>
-  <path
-    d="M624.1 195.2c12.3-21.3 39.6-28.6 60.9-16.3 10.3 6 17.7 15.6 20.8 27.1s1.5 23.5-4.5 33.8l-47.2 81.7 34.6 20 47.2-81.7c11.3-19.6 14.3-42.4 8.5-64.2-5.8-21.8-19.8-40.1-39.4-51.4-40.4-23.3-92.2-9.4-115.5 31l-47.2 81.7 34.6 20 47.2-81.7z"
-    fill="#515151" p-id="2532"></path>
-  <path
-    d="M644.2 338.8c-5.5 9.6-2.2 21.8 7.3 27.3 3.1 1.8 6.6 2.7 10 2.7 6.9 0 13.6-3.6 17.3-10l10-17.3-34.6-20-10 17.3zM539.6 301.5c9.6 5.5 21.8 2.2 27.3-7.3l10-17.3-34.6-20-10 17.3c-5.5 9.6-2.2 21.8 7.3 27.3z"
-    fill="#515151" p-id="2533"></path>
-  <path
-    d="M395.4 769.6c-2.6 4.4-6.5 7.6-11 9-2.3 0.7-6.9 1.5-11.3-1-9.6-5.5-21.8-2.2-27.3 7.3l-23.1 40c-1.7 2.9-4.2 5-7.1 5.8-1.7 0.5-4.1 0.8-6.5-0.5-2.4-1.4-3.3-3.7-3.7-5.4-0.7-2.9-0.1-6.2 1.5-9l22.9-39.7c5.6-9.7 2.3-22.2-7.4-27.8-7.3-4.2-9.2-14.7-4.2-23.3l189.5-328.2-34.6-20L283.6 705c-12.4 21.4-10.1 47.2 3.7 64.8l-15 26c-6.7 11.6-8.8 25.1-5.9 37.9 3 13.4 11.1 24.4 22.7 31.1 7.3 4.2 15.4 6.4 23.7 6.4 4.9 0 9.8-0.7 14.6-2.2 12.6-3.9 23.2-12.4 29.9-24.1l15-26c7.8 1.1 15.9 0.4 23.8-2 14.2-4.4 26.2-14.1 33.8-27.3l189.5-328.2-34.6-20-189.4 328.2z"
-    fill="#515151" p-id="2534"></path>
-  <path
-    d="M622.2 416.8c-9.6-5.5-21.8-2.2-27.3 7.3l-10 17.3 34.6 20 10-17.3c5.6-9.6 2.3-21.8-7.3-27.3zM517.7 379.5c5.5-9.6 2.2-21.8-7.3-27.3-9.6-5.5-21.8-2.2-27.3 7.3l-10 17.3 34.6 20 10-17.3z"
-    fill="#515151" p-id="2535"></path>
+  <svg
+    t="1651169382813"
+    class="icon"
+    viewBox="0 0 1024 1024"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    p-id="2529"
+    width="27"
+    height="27"
+  >
+    <path
+      d="M769.3 409.1c-4.3-16.2-14.7-29.7-29.2-38l-51.3-29.6-10 17.3c-3.7 6.4-10.4 10-17.3 10-3.4 0-6.8-0.9-10-2.7l68.6 39.6c5.2 3 9 7.9 10.5 13.7 1.6 5.8 0.8 11.9-2.3 17.2l-6.6 11.5c-6.2 10.8-20.1 14.5-30.9 8.3L441 312.2c-5.2-3-9-7.9-10.5-13.7-1.6-5.8-0.8-11.9 2.3-17.2l6.6-11.5c3-5.2 7.9-9 13.7-10.5 1.9-0.5 3.9-0.8 5.9-0.8 3.9 0 7.8 1 11.3 3l69.3 40c-9.6-5.5-12.8-17.8-7.3-27.3l10-17.3-52-30c-14.5-8.4-31.4-10.6-47.5-6.3-16.2 4.3-29.7 14.7-38 29.2l-6.6 11.5c-8.4 14.5-10.6 31.4-6.3 47.5 4.3 16.2 14.7 29.7 29.2 38l52 30 10-17.3c5.5-9.6 17.8-12.8 27.3-7.3 9.6 5.5 12.8 17.8 7.3 27.3l-10 17.3 77.2 44.6 10-17.3c5.5-9.6 17.8-12.8 27.3-7.3 9.6 5.5 12.8 17.8 7.3 27.3l-10 17.3 51.3 29.6c9.8 5.7 20.6 8.4 31.2 8.4 21.7 0 42.7-11.2 54.3-31.3l6.6-11.5c8.5-14.5 10.7-31.4 6.4-47.5z"
+      fill="#515151"
+      p-id="2530"
+    ></path>
+    <path
+      d="M644.2 338.8l10-17.3-77.2-44.6-10 17.3c-5.5 9.6-17.8 12.8-27.3 7.3l111.8 64.6c-9.6-5.5-12.9-17.8-7.3-27.3zM539.6 301.5zM651.5 366.1z"
+      fill="#515151"
+      p-id="2531"
+    ></path>
+    <path
+      d="M624.1 195.2c12.3-21.3 39.6-28.6 60.9-16.3 10.3 6 17.7 15.6 20.8 27.1s1.5 23.5-4.5 33.8l-47.2 81.7 34.6 20 47.2-81.7c11.3-19.6 14.3-42.4 8.5-64.2-5.8-21.8-19.8-40.1-39.4-51.4-40.4-23.3-92.2-9.4-115.5 31l-47.2 81.7 34.6 20 47.2-81.7z"
+      fill="#515151"
+      p-id="2532"
+    ></path>
+    <path
+      d="M644.2 338.8c-5.5 9.6-2.2 21.8 7.3 27.3 3.1 1.8 6.6 2.7 10 2.7 6.9 0 13.6-3.6 17.3-10l10-17.3-34.6-20-10 17.3zM539.6 301.5c9.6 5.5 21.8 2.2 27.3-7.3l10-17.3-34.6-20-10 17.3c-5.5 9.6-2.2 21.8 7.3 27.3z"
+      fill="#515151"
+      p-id="2533"
+    ></path>
+    <path
+      d="M395.4 769.6c-2.6 4.4-6.5 7.6-11 9-2.3 0.7-6.9 1.5-11.3-1-9.6-5.5-21.8-2.2-27.3 7.3l-23.1 40c-1.7 2.9-4.2 5-7.1 5.8-1.7 0.5-4.1 0.8-6.5-0.5-2.4-1.4-3.3-3.7-3.7-5.4-0.7-2.9-0.1-6.2 1.5-9l22.9-39.7c5.6-9.7 2.3-22.2-7.4-27.8-7.3-4.2-9.2-14.7-4.2-23.3l189.5-328.2-34.6-20L283.6 705c-12.4 21.4-10.1 47.2 3.7 64.8l-15 26c-6.7 11.6-8.8 25.1-5.9 37.9 3 13.4 11.1 24.4 22.7 31.1 7.3 4.2 15.4 6.4 23.7 6.4 4.9 0 9.8-0.7 14.6-2.2 12.6-3.9 23.2-12.4 29.9-24.1l15-26c7.8 1.1 15.9 0.4 23.8-2 14.2-4.4 26.2-14.1 33.8-27.3l189.5-328.2-34.6-20-189.4 328.2z"
+      fill="#515151"
+      p-id="2534"
+    ></path>
+    <path
+      d="M622.2 416.8c-9.6-5.5-21.8-2.2-27.3 7.3l-10 17.3 34.6 20 10-17.3c5.6-9.6 2.3-21.8-7.3-27.3zM517.7 379.5c5.5-9.6 2.2-21.8-7.3-27.3-9.6-5.5-21.8-2.2-27.3 7.3l-10 17.3 34.6 20 10-17.3z"
+      fill="#515151"
+      p-id="2535"
+    ></path>
   </svg>
-</template>
\ No newline at end of file
+</template>
diff --git a/package/component/src/component/colorPicker/index.vue b/package/component/src/component/colorPicker/index.vue
index 77398788..47884fd4 100644
--- a/package/component/src/component/colorPicker/index.vue
+++ b/package/component/src/component/colorPicker/index.vue
@@ -8,8 +8,8 @@ export default {
 import "./index.less";
 import LayDropdown from "../dropdown/index.vue";
 import EyeDropper from "./EyeDropper.vue";
-import { ref, computed, watch, onMounted, } from "vue";
-import { useEyeDropper } from '@vueuse/core'
+import { ref, computed, watch, onMounted } from "vue";
+import { useEyeDropper } from "@vueuse/core";
 
 const emit = defineEmits(["update:modelValue"]);
 
@@ -27,7 +27,7 @@ const props = withDefaults(defineProps<LayColorPicker>(), {
 const saturationValue = ref<null | HTMLElement>(null);
 const hueSlider = ref<null | HTMLElement>(null);
 const alphaSlider = ref<null | HTMLElement>(null);
-const { isSupported, open, sRGBHex } = useEyeDropper()
+const { isSupported, open, sRGBHex } = useEyeDropper();
 
 let pointStyle = ref("top: 25%;left: 80%;");
 let hueSliderStyle = ref("left: 0;");
@@ -42,13 +42,13 @@ let green = ref(0);
 let blue = ref(0);
 let alpha = ref(1);
 
-const openEyeDropper = function(){
-  if(isSupported){
+const openEyeDropper = function () {
+  if (isSupported) {
     open();
-  }else{
+  } else {
     console.warn("LayColorPicker: Eye dropper not supported by your browser!");
   }
-}
+};
 
 onMounted(() => {
   let { r, g, b, a } = parseColor(props.modelValue);
@@ -64,7 +64,7 @@ watch(sRGBHex, (sRGBHex) => {
   green.value = g;
   blue.value = b;
   alpha.value = a;
-})
+});
 
 watch([red, green, blue], (newValue) => {
   emit(
@@ -450,10 +450,11 @@ function hex2rgba(s: any) {
               ></div>
             </div>
           </div>
-          <div 
+          <div
             v-if="eyeDropper"
-            @click="openEyeDropper" 
-            style="margin-left: 5px;">
+            @click="openEyeDropper"
+            style="margin-left: 5px"
+          >
             <EyeDropper />
           </div>
           <div class="color-diamond">
diff --git a/package/component/src/component/scroll/index.vue b/package/component/src/component/scroll/index.vue
index dc51e75a..f322db4b 100644
--- a/package/component/src/component/scroll/index.vue
+++ b/package/component/src/component/scroll/index.vue
@@ -24,7 +24,8 @@
             height: data.barHeight + 'px',
             width: scrollWidth + 'px',
             transform: 'translateY(' + data.translateY + 'px)',
-            backgroundColor: data.heightPre == 1 ? 'rgba(0,0,0,0)' : scrollColor,
+            backgroundColor:
+              data.heightPre == 1 ? 'rgba(0,0,0,0)' : scrollColor,
           }"
           class="layui-scroll-thumb"
           @mousedown.stop.prevent="moveStart"
@@ -36,8 +37,8 @@
 
 <script lang="ts">
 export default {
-  name: "LayScroll"
-}
+  name: "LayScroll",
+};
 </script>
 
 <script lang="ts" setup>
diff --git a/package/component/src/component/slider/Standard.vue b/package/component/src/component/slider/Standard.vue
index 572b62be..0ed2e6ed 100644
--- a/package/component/src/component/slider/Standard.vue
+++ b/package/component/src/component/slider/Standard.vue
@@ -11,6 +11,7 @@ interface Prop {
   min?: number;
   max?: number;
 }
+
 const props = withDefaults(defineProps<Prop>(), {
   disabled: false,
   val: 0,
diff --git a/package/component/src/component/slider/StandardRange.vue b/package/component/src/component/slider/StandardRange.vue
index f8d76acd..9a0abd98 100644
--- a/package/component/src/component/slider/StandardRange.vue
+++ b/package/component/src/component/slider/StandardRange.vue
@@ -3,6 +3,7 @@ import { ref, toRef, Ref } from "vue";
 import { on, off } from "evtd";
 import { throttle } from "./utils/index";
 import LayTooltip from "../tooltip/index.vue";
+
 interface Prop {
   rangeValue: Array<number>;
   disabled?: boolean;
@@ -17,6 +18,7 @@ const props = withDefaults(defineProps<Prop>(), {
   max: 100,
   disabled: false,
 });
+
 let rv = toRef(props, "rangeValue");
 
 const moveAction = throttle(rangeMove);
diff --git a/package/component/src/component/slider/Vertical.vue b/package/component/src/component/slider/Vertical.vue
index 6ef597db..54fbe764 100644
--- a/package/component/src/component/slider/Vertical.vue
+++ b/package/component/src/component/slider/Vertical.vue
@@ -11,6 +11,7 @@ interface Prop {
   min?: number;
   max?: number;
 }
+
 const props = withDefaults(defineProps<Prop>(), {
   disabled: true,
   val: 0,
diff --git a/package/component/src/component/slider/VerticalRange.vue b/package/component/src/component/slider/VerticalRange.vue
index a1b4fff0..c0d12a76 100644
--- a/package/component/src/component/slider/VerticalRange.vue
+++ b/package/component/src/component/slider/VerticalRange.vue
@@ -3,6 +3,7 @@ import { ref, toRef, Ref } from "vue";
 import { on, off } from "evtd";
 import { throttle } from "./utils/index";
 import LayTooltip from "../tooltip/index.vue";
+
 interface Prop {
   rangeValue: Array<number>;
   disabled?: boolean;
diff --git a/package/component/src/component/slider/index.vue b/package/component/src/component/slider/index.vue
index 74e85342..91d477c9 100644
--- a/package/component/src/component/slider/index.vue
+++ b/package/component/src/component/slider/index.vue
@@ -1,6 +1,12 @@
+<script lang="ts">
+export default {
+  name: "LaySlider"
+}
+</script>
+
 <script setup lang="ts">
-import { Ref, toRef } from "vue";
 import "./index.less";
+import { Ref, toRef } from "vue";
 import StandardVue from "./Standard.vue";
 import StandardRange from "./StandardRange.vue";
 import Vertical from "./Vertical.vue";
diff --git a/package/component/src/component/slider/sliderVerify.vue b/package/component/src/component/slider/sliderVerify.vue
index bb92ba39..dac3d03a 100644
--- a/package/component/src/component/slider/sliderVerify.vue
+++ b/package/component/src/component/slider/sliderVerify.vue
@@ -18,6 +18,7 @@
 import { reactive, ref, defineProps } from "vue";
 import { on, off } from "evtd";
 import { throttle, handle_select } from "./utils/index";
+
 interface Prop {
   disabled?: boolean;
   bg?: string;