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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/README.md +76 -38
  2. package/lib/components/slider/index.d.ts +230 -0
  3. package/lib/components/slider/index.js +211 -0
  4. package/lib/components/slider/index.json +3 -0
  5. package/lib/components/slider/index.less +194 -0
  6. package/lib/components/slider/index.sjs +837 -0
  7. package/lib/components/slider/index.tyml +89 -0
  8. package/lib/index.d.ts +3 -3
  9. package/lib/index.js +119 -49
  10. package/lib/index.module.less +2 -2
  11. package/lib/props.d.ts +43 -18
  12. package/lib/props.js +9 -7
  13. package/lib/utils/index.d.ts +13 -0
  14. package/lib/utils/index.js +29 -0
  15. package/package.json +13 -12
  16. package/lib/index.android.js +0 -1
  17. package/lib/index.config.android.js +0 -1
  18. package/lib/index.config.ios.js +0 -1
  19. package/lib/index.config.tuya.js +0 -14
  20. package/lib/index.config.web.js +0 -14
  21. package/lib/index.config.wechat.js +0 -14
  22. package/lib/index.ios.js +0 -1
  23. package/lib/index.tuya.js +0 -58
  24. package/lib/index.web.js +0 -58
  25. package/lib/index.wechat.js +0 -58
  26. package/lib/props.android.js +0 -1
  27. package/lib/props.ios.js +0 -1
  28. package/lib/props.tuya.js +0 -14
  29. package/lib/props.web.js +0 -14
  30. package/lib/props.wechat.js +0 -14
package/lib/index.web.js DELETED
@@ -1,58 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import "core-js/modules/es.array.concat.js";
3
- import React, { useState, useEffect } from 'react';
4
- import { ColorUtils } from '@ray-js/ray-panel-utils';
5
- import { Slider } from '@ray-js/components';
6
- import { defaultProps } from './props';
7
-
8
- function LampSaturationSlider(props) {
9
- var defaultValue = props.value,
10
- defaultColor = props.defaultColor;
11
-
12
- var _useState = useState(defaultValue),
13
- _useState2 = _slicedToArray(_useState, 2),
14
- value = _useState2[0],
15
- setValue = _useState2[1];
16
-
17
- var HValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
18
- useEffect(function () {
19
- var currentHValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
20
- var rgb = ColorUtils.hslToRgb(currentHValue, 1, 1 - value / 200);
21
- props.onAfterChange && props.onAfterChange(rgb);
22
- }, [defaultColor]);
23
-
24
- var onChange = function (event) {
25
- setValue(event);
26
- var rgb = ColorUtils.hslToRgb(HValue, 1, 1 - event / 200);
27
- props.onChange && props.onChange(rgb);
28
- };
29
-
30
- var onAfterChange = function (event) {
31
- setValue(event);
32
- var rgb = ColorUtils.hslToRgb(HValue, 1, 1 - event / 200);
33
- props.onAfterChange && props.onAfterChange(rgb);
34
- }; // const onBeforeChange = event => {
35
- // setValue(event);
36
- // const rgb = ColorUtils.hslToRgb(HValue, event / 100, 0.5);
37
- // props.onBeforeChange && props.onBeforeChange(rgb);
38
- // };
39
-
40
-
41
- return /*#__PURE__*/React.createElement(Slider, {
42
- min: 0,
43
- max: 100,
44
- step: 1,
45
- value: defaultValue,
46
- onChange: function (va) {
47
- onAfterChange(va.value);
48
- },
49
- onChanging: function onChanging(va) {
50
- onChange(va.value);
51
- },
52
- backgroundColor: "linear-gradient(to right, hsl(".concat(HValue, ", 100%, 100%), hsl(").concat(HValue, ", 100%, 50%))"),
53
- activeColor: "transparent"
54
- });
55
- }
56
-
57
- LampSaturationSlider.defaultProps = defaultProps;
58
- export default LampSaturationSlider;
package/lib/index.wechat.js DELETED
@@ -1,58 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
- import "core-js/modules/es.array.concat.js";
3
- import React, { useState, useEffect } from 'react';
4
- import { ColorUtils } from '@ray-js/ray-panel-utils';
5
- import { Slider } from '@ray-js/components';
6
- import { defaultProps } from './props';
7
-
8
- function LampSaturationSlider(props) {
9
- var defaultValue = props.value,
10
- defaultColor = props.defaultColor;
11
-
12
- var _useState = useState(defaultValue),
13
- _useState2 = _slicedToArray(_useState, 2),
14
- value = _useState2[0],
15
- setValue = _useState2[1];
16
-
17
- var HValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
18
- useEffect(function () {
19
- var currentHValue = ColorUtils.rgbToHsl(defaultColor.r, defaultColor.g, defaultColor.b).h;
20
- var rgb = ColorUtils.hslToRgb(currentHValue, 1, 1 - value / 200);
21
- props.onAfterChange && props.onAfterChange(rgb);
22
- }, [defaultColor]);
23
-
24
- var onChange = function (event) {
25
- setValue(event);
26
- var rgb = ColorUtils.hslToRgb(HValue, 1, 1 - event / 200);
27
- props.onChange && props.onChange(rgb);
28
- };
29
-
30
- var onAfterChange = function (event) {
31
- setValue(event);
32
- var rgb = ColorUtils.hslToRgb(HValue, 1, 1 - event / 200);
33
- props.onAfterChange && props.onAfterChange(rgb);
34
- }; // const onBeforeChange = event => {
35
- // setValue(event);
36
- // const rgb = ColorUtils.hslToRgb(HValue, event / 100, 0.5);
37
- // props.onBeforeChange && props.onBeforeChange(rgb);
38
- // };
39
-
40
-
41
- return /*#__PURE__*/React.createElement(Slider, {
42
- min: 0,
43
- max: 100,
44
- step: 1,
45
- value: defaultValue,
46
- onChange: function (va) {
47
- onAfterChange(va.value);
48
- },
49
- onChanging: function onChanging(va) {
50
- onChange(va.value);
51
- },
52
- backgroundColor: "linear-gradient(to right, hsl(".concat(HValue, ", 100%, 100%), hsl(").concat(HValue, ", 100%, 50%))"),
53
- activeColor: "transparent"
54
- });
55
- }
56
-
57
- LampSaturationSlider.defaultProps = defaultProps;
58
- export default LampSaturationSlider;
package/lib/props.android.js DELETED
@@ -1 +0,0 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=void 0;var defaultProps={onChange:function onChange(){return null;},onAfterChange:function onAfterChange(){return null;},value:0,defaultColor:{r:255,g:0,b:0}};exports.defaultProps=defaultProps;
package/lib/props.ios.js DELETED
@@ -1 +0,0 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.defaultProps=void 0;var defaultProps={onChange:function onChange(){return null;},onAfterChange:function onAfterChange(){return null;},value:0,defaultColor:{r:255,g:0,b:0}};exports.defaultProps=defaultProps;
package/lib/props.tuya.js DELETED
@@ -1,14 +0,0 @@
1
- export var defaultProps = {
2
- onChange: function onChange() {
3
- return null;
4
- },
5
- onAfterChange: function onAfterChange() {
6
- return null;
7
- },
8
- value: 0,
9
- defaultColor: {
10
- r: 255,
11
- g: 0,
12
- b: 0
13
- }
14
- };
package/lib/props.web.js DELETED
@@ -1,14 +0,0 @@
1
- export var defaultProps = {
2
- onChange: function onChange() {
3
- return null;
4
- },
5
- onAfterChange: function onAfterChange() {
6
- return null;
7
- },
8
- value: 0,
9
- defaultColor: {
10
- r: 255,
11
- g: 0,
12
- b: 0
13
- }
14
- };
package/lib/props.wechat.js DELETED
@@ -1,14 +0,0 @@
1
- export var defaultProps = {
2
- onChange: function onChange() {
3
- return null;
4
- },
5
- onAfterChange: function onAfterChange() {
6
- return null;
7
- },
8
- value: 0,
9
- defaultColor: {
10
- r: 255,
11
- g: 0,
12
- b: 0
13
- }
14
- };