@rc-component/color-picker - npm Package Compare versions

Comparing version 1.5.2 to 1.5.3

es/color.js

@@ -60,3 +60,4 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
       return _objectSpread(_objectSpread({}, resets), {}, {
-        b: hsv.v
+        b: hsv.v,
+        a: this.a
       });
@@ -63,0 +64,0 @@ }

es/components/Picker.js

@@ -5,2 +5,3 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { calculateColor, calculateOffset } from "../util";
+import { useEvent } from 'rc-util';
 import Handler from "./Handler";
@@ -18,2 +19,12 @@ import Palette from "./Palette";
   var colorRef = useRef(color);
+  var onDragChange = useEvent(function (offsetValue) {
+    var calcColor = calculateColor({
+      offset: offsetValue,
+      targetRef: transformRef,
+      containerRef: pickerRef,
+      color: color
+    });
+    colorRef.current = calcColor;
+    onChange(calcColor);
+  });
   var _useColorDrag = useColorDrag({
@@ -26,12 +37,3 @@ color: color,
       },
-      onDragChange: function onDragChange(offsetValue) {
-        var calcColor = calculateColor({
-          offset: offsetValue,
-          targetRef: transformRef,
-          containerRef: pickerRef,
-          color: color
-        });
-        colorRef.current = calcColor;
-        onChange(calcColor);
-      },
+      onDragChange: onDragChange,
       onDragChangeComplete: function onDragChangeComplete() {
@@ -38,0 +40,0 @@ return onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(colorRef.current);

es/components/Slider.js

@@ -7,2 +7,3 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import Palette from "./Palette";
+import { useEvent } from 'rc-util';
 import Gradient from "./Gradient";
@@ -25,2 +26,13 @@ import Handler from "./Handler";
   var colorRef = useRef(color);
+  var onDragChange = useEvent(function (offsetValue) {
+    var calcColor = calculateColor({
+      offset: offsetValue,
+      targetRef: transformRef,
+      containerRef: sliderRef,
+      color: color,
+      type: type
+    });
+    colorRef.current = calcColor;
+    onChange(calcColor);
+  });
   var _useColorDrag = useColorDrag({
@@ -33,13 +45,3 @@ color: color,
       },
-      onDragChange: function onDragChange(offsetValue) {
-        var calcColor = calculateColor({
-          offset: offsetValue,
-          targetRef: transformRef,
-          containerRef: sliderRef,
-          color: color,
-          type: type
-        });
-        colorRef.current = calcColor;
-        onChange(calcColor);
-      },
+      onDragChange: onDragChange,
       onDragChangeComplete: function onDragChangeComplete() {
@@ -46,0 +48,0 @@ onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete(colorRef.current, type);

lib/color.js

@@ -67,3 +67,4 @@ "use strict";
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resets), {}, {
-        b: hsv.v
+        b: hsv.v,
+        a: this.a
       });
@@ -70,0 +71,0 @@ }

lib/components/Picker.js

@@ -13,2 +13,3 @@ "use strict";
 var _util = require("../util");
+var _rcUtil = require("rc-util");
 var _Handler = _interopRequireDefault(require("./Handler"));
@@ -26,2 +27,12 @@ var _Palette = _interopRequireDefault(require("./Palette"));
   var colorRef = (0, _react.useRef)(color);
+  var onDragChange = (0, _rcUtil.useEvent)(function (offsetValue) {
+    var calcColor = (0, _util.calculateColor)({
+      offset: offsetValue,
+      targetRef: transformRef,
+      containerRef: pickerRef,
+      color: color
+    });
+    colorRef.current = calcColor;
+    onChange(calcColor);
+  });
   var _useColorDrag = (0, _useColorDrag3.default)({
@@ -34,12 +45,3 @@ color: color,
       },
-      onDragChange: function onDragChange(offsetValue) {
-        var calcColor = (0, _util.calculateColor)({
-          offset: offsetValue,
-          targetRef: transformRef,
-          containerRef: pickerRef,
-          color: color
-        });
-        colorRef.current = calcColor;
-        onChange(calcColor);
-      },
+      onDragChange: onDragChange,
       onDragChangeComplete: function onDragChangeComplete() {
@@ -46,0 +48,0 @@ return onChangeComplete === null || onChangeComplete === void 0 ? void 0 : onChangeComplete(colorRef.current);

lib/components/Slider.js

@@ -15,2 +15,3 @@ "use strict";
 var _Palette = _interopRequireDefault(require("./Palette"));
+var _rcUtil = require("rc-util");
 var _Gradient = _interopRequireDefault(require("./Gradient"));
@@ -33,2 +34,13 @@ var _Handler = _interopRequireDefault(require("./Handler"));
   var colorRef = (0, _react.useRef)(color);
+  var onDragChange = (0, _rcUtil.useEvent)(function (offsetValue) {
+    var calcColor = (0, _util.calculateColor)({
+      offset: offsetValue,
+      targetRef: transformRef,
+      containerRef: sliderRef,
+      color: color,
+      type: type
+    });
+    colorRef.current = calcColor;
+    onChange(calcColor);
+  });
   var _useColorDrag = (0, _useColorDrag3.default)({
@@ -41,13 +53,3 @@ color: color,
       },
-      onDragChange: function onDragChange(offsetValue) {
-        var calcColor = (0, _util.calculateColor)({
-          offset: offsetValue,
-          targetRef: transformRef,
-          containerRef: sliderRef,
-          color: color,
-          type: type
-        });
-        colorRef.current = calcColor;
-        onChange(calcColor);
-      },
+      onDragChange: onDragChange,
       onDragChangeComplete: function onDragChangeComplete() {
@@ -54,0 +56,0 @@ onChangeComplete === null || onChangeComplete === void 0 || onChangeComplete(colorRef.current, type);

package.json

 {
   "name": "@rc-component/color-picker",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "React Color Picker",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

79832

increased by0.23%

Lines of code

1722

increased by0.58%

No dependency changes