@uiw/react-color-saturation
Advanced tools
Comparing version 1.1.0 to 1.1.1
"use strict"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"]; | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -9,30 +8,21 @@ value: true | ||
exports["default"] = void 0; | ||
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2")); | ||
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); | ||
var _react = _interopRequireDefault(require("react")); | ||
var _colorConvert = require("@uiw/color-convert"); | ||
var _reactDragEventInteractive = _interopRequireDefault(require("@uiw/react-drag-event-interactive")); | ||
var _Pointer = require("./Pointer"); | ||
var _jsxRuntime = require("react/jsx-runtime"); | ||
var _excluded = ["prefixCls", "radius", "pointer", "className", "style", "hsva", "onChange"]; | ||
var Saturation = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) { | ||
var _props$prefixCls = props.prefixCls, | ||
prefixCls = _props$prefixCls === void 0 ? 'w-color-saturation' : _props$prefixCls, | ||
_props$radius = props.radius, | ||
radius = _props$radius === void 0 ? 0 : _props$radius, | ||
pointer = props.pointer, | ||
className = props.className, | ||
style = props.style, | ||
hsva = props.hsva, | ||
onChange = props.onChange, | ||
other = (0, _objectWithoutProperties2["default"])(props, _excluded); | ||
prefixCls = _props$prefixCls === void 0 ? 'w-color-saturation' : _props$prefixCls, | ||
_props$radius = props.radius, | ||
radius = _props$radius === void 0 ? 0 : _props$radius, | ||
pointer = props.pointer, | ||
className = props.className, | ||
style = props.style, | ||
hsva = props.hsva, | ||
onChange = props.onChange, | ||
other = (0, _objectWithoutProperties2["default"])(props, _excluded); | ||
var containerStyle = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({ | ||
@@ -45,3 +35,2 @@ width: 200, | ||
}); | ||
var handleChange = function handleChange(interaction, event) { | ||
@@ -52,4 +41,4 @@ onChange && onChange({ | ||
v: (1 - interaction.top) * 100, | ||
a: hsva.a // source: 'hsv', | ||
a: hsva.a | ||
// source: 'hsv', | ||
}); | ||
@@ -80,3 +69,2 @@ }; | ||
}); | ||
Saturation.displayName = 'Saturation'; | ||
@@ -83,0 +71,0 @@ var _default = Saturation; |
"use strict"; | ||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"]; | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -9,15 +8,11 @@ value: true | ||
exports.Pointer = void 0; | ||
var _react = _interopRequireWildcard(require("react")); | ||
var _jsxRuntime = require("react/jsx-runtime"); | ||
var BOXSHADOW = 'rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px'; | ||
var Pointer = function Pointer(_ref) { | ||
var className = _ref.className, | ||
color = _ref.color, | ||
left = _ref.left, | ||
top = _ref.top, | ||
prefixCls = _ref.prefixCls; | ||
color = _ref.color, | ||
left = _ref.left, | ||
top = _ref.top, | ||
prefixCls = _ref.prefixCls; | ||
var style = { | ||
@@ -46,4 +41,3 @@ position: 'absolute', | ||
}; | ||
exports.Pointer = Pointer; | ||
//# sourceMappingURL=Pointer.js.map |
@@ -11,12 +11,11 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
var { | ||
prefixCls = 'w-color-saturation', | ||
radius = 0, | ||
pointer, | ||
className, | ||
style, | ||
hsva, | ||
onChange | ||
} = props, | ||
other = _objectWithoutPropertiesLoose(props, _excluded); | ||
prefixCls = 'w-color-saturation', | ||
radius = 0, | ||
pointer, | ||
className, | ||
style, | ||
hsva, | ||
onChange | ||
} = props, | ||
other = _objectWithoutPropertiesLoose(props, _excluded); | ||
var containerStyle = _extends({ | ||
@@ -29,3 +28,2 @@ width: 200, | ||
}); | ||
var handleChange = (interaction, event) => { | ||
@@ -36,4 +34,4 @@ onChange && onChange({ | ||
v: (1 - interaction.top) * 100, | ||
a: hsva.a // source: 'hsv', | ||
a: hsva.a | ||
// source: 'hsv', | ||
}); | ||
@@ -40,0 +38,0 @@ }; |
{ | ||
"name": "@uiw/react-color-saturation", | ||
"version": "1.1.0", | ||
"version": "1.1.1", | ||
"description": "Color Saturation", | ||
@@ -37,6 +37,6 @@ "author": "Kenny Wong <wowohoo@qq.com>", | ||
"dependencies": { | ||
"@babel/runtime": "~7.18.0", | ||
"@uiw/color-convert": "1.1.0", | ||
"@uiw/react-drag-event-interactive": "1.1.0" | ||
"@babel/runtime": "~7.19.0", | ||
"@uiw/color-convert": "1.1.1", | ||
"@uiw/react-drag-event-interactive": "1.1.1" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
337
27509
+ Added@babel/runtime@7.19.4(transitive)
+ Added@uiw/color-convert@1.1.1(transitive)
+ Added@uiw/react-drag-event-interactive@1.1.1(transitive)
- Removed@babel/runtime@7.18.9(transitive)
- Removed@uiw/color-convert@1.1.0(transitive)
- Removed@uiw/react-drag-event-interactive@1.1.0(transitive)
Updated@babel/runtime@~7.19.0
Updated@uiw/color-convert@1.1.1