@ray-js/lamp-saturation-slider 1.1.6 → 1.1.7

package/lib/index.js

@@ -21,7 +21,8 @@ function LampSaturationSlider(props) {
     onTouchStart,
     onTouchMove,
     onTouchEnd,
-    enableTouch = true
+    enableTouch = true,
+    max = 1000
   } = props;
   const startRefValue = useRef(-1);
   const endRefValue = useRef(-1);
@@ -48,7 +49,7 @@ function LampSaturationSlider(props) {
   }, /*#__PURE__*/React.createElement(Slider, {
     instanceId: props.instanceId || instanceId.current,
     min: 0,
-    max: 1000,
+    max: max,
     disable: disable,
     end: controllerSaturation,
     enableTouch: enableTouch,
@@ -132,7 +133,7 @@ function LampSaturationSlider(props) {
     thumbStyleRenderFormatter: {
       background: `hsl(${props.hue}deg 100% value%)`
     },
-    thumbStyleRenderValueScale: 0.05,
+    thumbStyleRenderValueScale: 50 / max,
     thumbStyleRenderValueStart: 50,
     thumbStyleRenderValueReverse: true
   }));

package/lib/props.d.ts

@@ -58,5 +58,11 @@ export interface IProps {
      * @default true
      */
     enableTouch?: boolean;
+    /**
+     * @description.en Maximum color temperature
+     * @description.zh 最大色温
+     * @default 1000
+     */
+    max?: 100 | 1000;
 }
 export declare const defaultProps: IProps;

package/lib/props.js

@@ -6,5 +6,7 @@ export const defaultProps = {
   trackStyle: {},
   onTouchStart: () => null,
   onTouchMove: () => null,
-  onTouchEnd: () => null
+  onTouchEnd: () => null,
+  max: 1000,
+  hue: 0
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/lamp-saturation-slider",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "照明色温Slider",
   "main": "lib/index",
   "files": [
@@ -60,7 +60,7 @@
     ]
   },
   "dependencies": {
-    "@ray-js/components-ty-slider": "^0.2.40"
+    "@ray-js/components-ty-slider": "^0.2.52"
   },
   "maintainers": [
     {