@ray-js/lamp-saturation-slider 1.1.8-beta-1 → 1.1.8-beta-3

package/lib/index.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useRef, useState, useEffect, useMemo } from 'react';
+import React, { useRef, useMemo } from 'react';
 import { View } from '@ray-js/components';
 import Slider from '@ray-js/components-ty-slider/lib/SjsSlider';
 import { toStyle } from '@ray-js/components-ty-slider';
@@ -8,10 +8,6 @@ import { hsvToRgb } from './utils';
 import { defaultProps } from './props';
 function LampSaturationSlider(props) {
   var _trackStyle$width, _trackStyle$height;
-  const preSaturation = useRef(-1);
-  const lastSaturation = useRef(null);
-  const timer = useRef(null);
-  const timer1 = useRef(null);
   const {
     value: saturation,
     hue,
@@ -26,15 +22,7 @@ function LampSaturationSlider(props) {
     useCustomThumbStyle,
     useCustomTrackStyle
   } = props;
-  const startRefValue = useRef(-1);
-  const endRefValue = useRef(-1);
   const instanceId = useRef(`Color_${String(+new Date()).slice(-4)}_${String(Math.random()).slice(-10)}`);
-  const [controllerSaturation, setControllerSaturation] = useState(-1);
-  useEffect(() => {
-    if (preSaturation.current !== saturation) {
-      setControllerSaturation(saturation);
-    }
-  }, [saturation]);
   const {
     r,
     g,
@@ -53,7 +41,7 @@ function LampSaturationSlider(props) {
     min: 0,
     max: max,
     disable: disable,
-    end: controllerSaturation,
+    end: saturation,
     enableTouch: enableTouch,
     step: 1,
     bindstart: _ref => {
@@ -63,11 +51,8 @@ function LampSaturationSlider(props) {
       if (!onTouchStart || disable) {
         return;
       }
-      if (detail.end === startRefValue.current) {
-        return;
-      }
-      onTouchStart && onTouchStart(detail.end);
-      startRefValue.current = detail.end;
+      const value = Math.max(detail.end, 1);
+      onTouchStart && onTouchStart(value);
     },
     bindmove: _ref2 => {
       let {
@@ -76,31 +61,7 @@ function LampSaturationSlider(props) {
       if (!onTouchMove || disable) {
         return;
       }
-      lastSaturation.current = detail.end;
-      if (detail.end === preSaturation.current) {
-        return;
-      }
-      if (timer.current) {
-        return;
-      }
-
-      // 移动更新的频率
-
-      // 移动结束后多久进行更新
-
-      timer.current = setTimeout(() => {
-        onTouchMove && onTouchMove(detail.end);
-        preSaturation.current = detail.end;
-        clearTimeout(timer.current);
-        timer.current = null;
-        clearTimeout(timer1.current);
-        timer1.current = null;
-        timer1.current = setTimeout(() => {
-          if (lastSaturation.current !== preSaturation.current) {
-            onTouchMove && onTouchMove(lastSaturation.current);
-          }
-        }, 200);
-      }, 50);
+      onTouchMove && onTouchMove(detail.end);
     },
     bindend: _ref3 => {
       let {
@@ -109,11 +70,7 @@ function LampSaturationSlider(props) {
       if (!onTouchEnd || disable) {
         return;
       }
-      if (detail.end === endRefValue.current) {
-        return;
-      }
       onTouchEnd && onTouchEnd(detail.end);
-      endRefValue.current = detail.end;
     },
     trackStyle: toStyle(_objectSpread(_objectSpread({
       width: `${646}rpx`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/lamp-saturation-slider",
-  "version": "1.1.8-beta-1",
+  "version": "1.1.8-beta-3",
   "description": "照明色温Slider",
   "main": "lib/index",
   "files": [
@@ -43,6 +43,11 @@
     "lint-staged": "^10.2.11",
     "standard-version": "9.3.2"
   },
+  "resolutions": {
+    "follow-redirects": "1.15.6",
+    "shell-quote": "1.7.3",
+    "ip": "2.0.1"
+  },
   "husky": {
     "hooks": {
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS --config commitlint.config.js",