@ray-js/lamp-saturation-slider 1.1.4 → 1.1.6-beta-1

package/lib/index.js

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import React, { useRef, useState, useEffect, useMemo } from 'react';
 import { View } from '@ray-js/components';
-import Slider from '@ray-js/components-ty-slider/lib/slider';
+import Slider from '@ray-js/components-ty-slider/lib/SjsSlider';
 import { toStyle } from '@ray-js/components-ty-slider';
 import { hsvToRgb } from './utils';
 import { defaultProps } from './props';
@@ -18,10 +18,11 @@ function LampSaturationSlider(props) {
     trackStyle = {},
     thumbStyle = {},
     disable,
-    closed,
     onTouchStart,
     onTouchMove,
-    onTouchEnd
+    onTouchEnd,
+    enableTouch = true,
+    max = 1000
   } = props;
   const startRefValue = useRef(-1);
   const endRefValue = useRef(-1);
@@ -48,9 +49,10 @@ function LampSaturationSlider(props) {
   }, /*#__PURE__*/React.createElement(Slider, {
     instanceId: props.instanceId || instanceId.current,
     min: 0,
-    max: 1000,
+    max: max,
     disable: disable,
     end: controllerSaturation,
+    enableTouch: enableTouch,
     step: 1,
     bindstart: _ref => {
       let {

package/lib/props.d.ts

@@ -11,12 +11,6 @@ export interface IProps {
      * @default false
      */
     disable?: boolean;
-    /**
-     * @description.zh 灯关闭状态时 thumb的状态
-     * @description.en The state of thumb when the light is off
-     * @default false
-     */
-    closed?: boolean;
     /**
      * @description.zh 滑动槽样式
      * @description.en Sliding groove style
@@ -58,5 +52,17 @@ export interface IProps {
      * @default () => {}
      */
     onTouchEnd?: (value: number) => void;
+    /**
+     * @description.zh 是否支持点击
+     * @description.en enable touch
+     * @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.4",
+  "version": "1.1.6-beta-1",
   "description": "照明色温Slider",
   "main": "lib/index",
   "files": [
@@ -60,7 +60,7 @@
     ]
   },
   "dependencies": {
-    "@ray-js/components-ty-slider": "^0.2.36"
+    "@ray-js/components-ty-slider": "^0.2.52"
   },
   "maintainers": [
     {