@ray-js/lamp-saturation-slider 0.0.2-beta-1 → 0.0.3-beta-1

package/lib/index.android.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _rayPanelUtils=require("@ray-js/ray-panel-utils");var _components=require("@ray-js/components");var _props=require("./props");var _jsxFileName="/drone/src/src/index.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var _styleSheet=styles;function LampSaturationSlider(props){var defaultValue=props.value,defaultColor=props.defaultColor;var _useState=(0,_react.useState)(defaultValue),_useState2=(0,_slicedToArray2.default)(_useState,2),value=_useState2[0],setValue=_useState2[1];var HValue=_rayPanelUtils.ColorUtils.rgbToHsl(defaultColor.r,defaultColor.g,defaultColor.b).h;(0,_react.useEffect)(function(){var currentHValue=_rayPanelUtils.ColorUtils.rgbToHsl(defaultColor.r,defaultColor.g,defaultColor.b).h;var rgb=_rayPanelUtils.ColorUtils.hslToRgb(currentHValue,1,1-value/200);props.onAfterChange&&props.onAfterChange(rgb);},[defaultColor]);var onChange=function(event){setValue(event);var rgb=_rayPanelUtils.ColorUtils.hslToRgb(HValue,1,1-event/200);props.onChange&&props.onChange(rgb);};var onAfterChange=function(event){setValue(event);var rgb=_rayPanelUtils.ColorUtils.hslToRgb(HValue,1,1-event/200);props.onAfterChange&&props.onAfterChange(rgb);};return _react.default.createElement(_components.Slider,{min:0,max:100,step:1,value:defaultValue,onChange:function(va){onAfterChange(va.value);},onChanging:function onChanging(va){onChange(va.value);},backgroundColor:"linear-gradient(to right, hsl("+HValue+", 100%, 100%), hsl("+HValue+", 100%, 50%))",activeColor:"transparent",__self:this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:10}});}LampSaturationSlider.defaultProps=_props.defaultProps;var _default=LampSaturationSlider;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _rayPanelUtils=require("@ray-js/ray-panel-utils");var _components=require("@ray-js/components");var _panelSdk=require("@ray-js/panel-sdk");var _props=require("./props");var _jsxFileName="/drone/src/src/index.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var _styleSheet=styles;var rgb2hsv=_panelSdk.utils.rgb2hsv;function LampSaturationSlider(props){var defaultValue=props.value,defaultColor=props.defaultColor;var _useState=(0,_react.useState)(defaultValue),_useState2=(0,_slicedToArray2.default)(_useState,2),value=_useState2[0],setValue=_useState2[1];var _rgb2hsv=rgb2hsv(defaultColor.r,defaultColor.g,defaultColor.b),_rgb2hsv2=(0,_slicedToArray2.default)(_rgb2hsv,1),HValue=_rgb2hsv2[0];(0,_react.useEffect)(function(){var _rgb2hsv3=rgb2hsv(defaultColor.r,defaultColor.g,defaultColor.b),_rgb2hsv4=(0,_slicedToArray2.default)(_rgb2hsv3,1),currentHValue=_rgb2hsv4[0];var rgb=_rayPanelUtils.ColorUtils.hslToRgb(currentHValue,1,1-value/200);props.onAfterChange&&props.onAfterChange(rgb);},[defaultColor]);var onChange=function(event){setValue(event);var rgb=_rayPanelUtils.ColorUtils.hslToRgb(HValue,1,1-event/200);props.onChange&&props.onChange(rgb);};var onAfterChange=function(event){setValue(event);var rgb=_rayPanelUtils.ColorUtils.hslToRgb(HValue,1,1-event/200);props.onAfterChange&&props.onAfterChange(rgb);};return _react.default.createElement(_components.Slider,{min:0,max:100,step:1,value:defaultValue,onChange:function(va){onAfterChange(va.value);},onChanging:function onChanging(va){onChange(va.value);},backgroundColor:"linear-gradient(to right, hsl("+HValue+", 100%, 100%), hsl("+HValue+", 100%, 50%))",activeColor:"transparent",__self:this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:10}});}LampSaturationSlider.defaultProps=_props.defaultProps;var _default=LampSaturationSlider;exports.default=_default;

package/lib/index.ios.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _rayPanelUtils=require("@ray-js/ray-panel-utils");var _components=require("@ray-js/components");var _props=require("./props");var _jsxFileName="/drone/src/src/index.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var _styleSheet=styles;function LampSaturationSlider(props){var defaultValue=props.value,defaultColor=props.defaultColor;var _useState=(0,_react.useState)(defaultValue),_useState2=(0,_slicedToArray2.default)(_useState,2),value=_useState2[0],setValue=_useState2[1];var HValue=_rayPanelUtils.ColorUtils.rgbToHsl(defaultColor.r,defaultColor.g,defaultColor.b).h;(0,_react.useEffect)(function(){var currentHValue=_rayPanelUtils.ColorUtils.rgbToHsl(defaultColor.r,defaultColor.g,defaultColor.b).h;var rgb=_rayPanelUtils.ColorUtils.hslToRgb(currentHValue,1,1-value/200);props.onAfterChange&&props.onAfterChange(rgb);},[defaultColor]);var onChange=function(event){setValue(event);var rgb=_rayPanelUtils.ColorUtils.hslToRgb(HValue,1,1-event/200);props.onChange&&props.onChange(rgb);};var onAfterChange=function(event){setValue(event);var rgb=_rayPanelUtils.ColorUtils.hslToRgb(HValue,1,1-event/200);props.onAfterChange&&props.onAfterChange(rgb);};return _react.default.createElement(_components.Slider,{min:0,max:100,step:1,value:defaultValue,onChange:function(va){onAfterChange(va.value);},onChanging:function onChanging(va){onChange(va.value);},backgroundColor:"linear-gradient(to right, hsl("+HValue+", 100%, 100%), hsl("+HValue+", 100%, 50%))",activeColor:"transparent",__self:this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:10}});}LampSaturationSlider.defaultProps=_props.defaultProps;var _default=LampSaturationSlider;exports.default=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _rayPanelUtils=require("@ray-js/ray-panel-utils");var _components=require("@ray-js/components");var _panelSdk=require("@ray-js/panel-sdk");var _props=require("./props");var _jsxFileName="/drone/src/src/index.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var _styleSheet=styles;var rgb2hsv=_panelSdk.utils.rgb2hsv;function LampSaturationSlider(props){var defaultValue=props.value,defaultColor=props.defaultColor;var _useState=(0,_react.useState)(defaultValue),_useState2=(0,_slicedToArray2.default)(_useState,2),value=_useState2[0],setValue=_useState2[1];var _rgb2hsv=rgb2hsv(defaultColor.r,defaultColor.g,defaultColor.b),_rgb2hsv2=(0,_slicedToArray2.default)(_rgb2hsv,1),HValue=_rgb2hsv2[0];(0,_react.useEffect)(function(){var _rgb2hsv3=rgb2hsv(defaultColor.r,defaultColor.g,defaultColor.b),_rgb2hsv4=(0,_slicedToArray2.default)(_rgb2hsv3,1),currentHValue=_rgb2hsv4[0];var rgb=_rayPanelUtils.ColorUtils.hslToRgb(currentHValue,1,1-value/200);props.onAfterChange&&props.onAfterChange(rgb);},[defaultColor]);var onChange=function(event){setValue(event);var rgb=_rayPanelUtils.ColorUtils.hslToRgb(HValue,1,1-event/200);props.onChange&&props.onChange(rgb);};var onAfterChange=function(event){setValue(event);var rgb=_rayPanelUtils.ColorUtils.hslToRgb(HValue,1,1-event/200);props.onAfterChange&&props.onAfterChange(rgb);};return _react.default.createElement(_components.Slider,{min:0,max:100,step:1,value:defaultValue,onChange:function(va){onAfterChange(va.value);},onChanging:function onChanging(va){onChange(va.value);},backgroundColor:"linear-gradient(to right, hsl("+HValue+", 100%, 100%), hsl("+HValue+", 100%, 50%))",activeColor:"transparent",__self:this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:10}});}LampSaturationSlider.defaultProps=_props.defaultProps;var _default=LampSaturationSlider;exports.default=_default;

package/lib/index.js

@@ -3,7 +3,9 @@ import "core-js/modules/es.array.concat.js";
 import React, { useState, useEffect } from 'react';
 import { ColorUtils } from '@ray-js/ray-panel-utils';
 import { Slider } from '@ray-js/components';
+import { utils } from '@ray-js/panel-sdk';
 import { defaultProps } from './props';
+var rgb2hsv = utils.rgb2hsv;
 
 function LampSaturationSlider(props) {
   var defaultValue = props.value,
@@ -14,9 +16,15 @@ function LampSaturationSlider(props) {
       value = _useState2[0],
       setValue = _useState2[1];
 
-  var HValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
+  var _rgb2hsv = rgb2hsv(defaultColor.r, defaultColor.g, defaultColor.b),
+      _rgb2hsv2 = _slicedToArray(_rgb2hsv, 1),
+      HValue = _rgb2hsv2[0];
+
   useEffect(function () {
-    var currentHValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
+    var _rgb2hsv3 = rgb2hsv(defaultColor.r, defaultColor.g, defaultColor.b),
+        _rgb2hsv4 = _slicedToArray(_rgb2hsv3, 1),
+        currentHValue = _rgb2hsv4[0];
+
     var rgb = ColorUtils.hslToRgb(currentHValue, 1, 1 - value / 200);
     props.onAfterChange && props.onAfterChange(rgb);
   }, [defaultColor]);

package/lib/index.tuya.js

@@ -3,7 +3,9 @@ import "core-js/modules/es.array.concat.js";
 import React, { useState, useEffect } from 'react';
 import { ColorUtils } from '@ray-js/ray-panel-utils';
 import { Slider } from '@ray-js/components';
+import { utils } from '@ray-js/panel-sdk';
 import { defaultProps } from './props';
+var rgb2hsv = utils.rgb2hsv;
 
 function LampSaturationSlider(props) {
   var defaultValue = props.value,
@@ -14,9 +16,15 @@ function LampSaturationSlider(props) {
       value = _useState2[0],
       setValue = _useState2[1];
 
-  var HValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
+  var _rgb2hsv = rgb2hsv(defaultColor.r, defaultColor.g, defaultColor.b),
+      _rgb2hsv2 = _slicedToArray(_rgb2hsv, 1),
+      HValue = _rgb2hsv2[0];
+
   useEffect(function () {
-    var currentHValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
+    var _rgb2hsv3 = rgb2hsv(defaultColor.r, defaultColor.g, defaultColor.b),
+        _rgb2hsv4 = _slicedToArray(_rgb2hsv3, 1),
+        currentHValue = _rgb2hsv4[0];
+
     var rgb = ColorUtils.hslToRgb(currentHValue, 1, 1 - value / 200);
     props.onAfterChange && props.onAfterChange(rgb);
   }, [defaultColor]);

package/lib/index.web.js

@@ -3,7 +3,9 @@ import "core-js/modules/es.array.concat.js";
 import React, { useState, useEffect } from 'react';
 import { ColorUtils } from '@ray-js/ray-panel-utils';
 import { Slider } from '@ray-js/components';
+import { utils } from '@ray-js/panel-sdk';
 import { defaultProps } from './props';
+var rgb2hsv = utils.rgb2hsv;
 
 function LampSaturationSlider(props) {
   var defaultValue = props.value,
@@ -14,9 +16,15 @@ function LampSaturationSlider(props) {
       value = _useState2[0],
       setValue = _useState2[1];
 
-  var HValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
+  var _rgb2hsv = rgb2hsv(defaultColor.r, defaultColor.g, defaultColor.b),
+      _rgb2hsv2 = _slicedToArray(_rgb2hsv, 1),
+      HValue = _rgb2hsv2[0];
+
   useEffect(function () {
-    var currentHValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
+    var _rgb2hsv3 = rgb2hsv(defaultColor.r, defaultColor.g, defaultColor.b),
+        _rgb2hsv4 = _slicedToArray(_rgb2hsv3, 1),
+        currentHValue = _rgb2hsv4[0];
+
     var rgb = ColorUtils.hslToRgb(currentHValue, 1, 1 - value / 200);
     props.onAfterChange && props.onAfterChange(rgb);
   }, [defaultColor]);

package/lib/index.wechat.js

@@ -3,7 +3,9 @@ import "core-js/modules/es.array.concat.js";
 import React, { useState, useEffect } from 'react';
 import { ColorUtils } from '@ray-js/ray-panel-utils';
 import { Slider } from '@ray-js/components';
+import { utils } from '@ray-js/panel-sdk';
 import { defaultProps } from './props';
+var rgb2hsv = utils.rgb2hsv;
 
 function LampSaturationSlider(props) {
   var defaultValue = props.value,
@@ -14,9 +16,15 @@ function LampSaturationSlider(props) {
       value = _useState2[0],
       setValue = _useState2[1];
 
-  var HValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
+  var _rgb2hsv = rgb2hsv(defaultColor.r, defaultColor.g, defaultColor.b),
+      _rgb2hsv2 = _slicedToArray(_rgb2hsv, 1),
+      HValue = _rgb2hsv2[0];
+
   useEffect(function () {
-    var currentHValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
+    var _rgb2hsv3 = rgb2hsv(defaultColor.r, defaultColor.g, defaultColor.b),
+        _rgb2hsv4 = _slicedToArray(_rgb2hsv3, 1),
+        currentHValue = _rgb2hsv4[0];
+
     var rgb = ColorUtils.hslToRgb(currentHValue, 1, 1 - value / 200);
     props.onAfterChange && props.onAfterChange(rgb);
   }, [defaultColor]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/lamp-saturation-slider",
-  "version": "0.0.2-beta-1",
+  "version": "0.0.3-beta-1",
   "description": "照明饱和度Slider",
   "main": "lib/index",
   "files": [
@@ -65,5 +65,8 @@
       "prettier --write",
       "git add"
     ]
+  },
+  "dependencies": {
+    "@ray-js/panel-sdk": "^1.0.0"
   }
 }