@uiw/react-color-circle - npm Package Compare versions

Comparing version 0.0.18 to 0.0.19

lib/cjs/index.js

@@ -12,4 +12,2 @@ "use strict";
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -46,15 +44,8 @@
     className: "".concat(prefixCls, " ").concat(className || ''),
-    rectProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rectProps), {}, {
-      children: /*#__PURE__*/_react.default.createElement(_Point.default, null),
-      style: (0, _objectSpread2.default)({
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: 28,
-        height: 28,
-        borderRadius: '50%',
-        marginRight: 12,
-        marginBottom: 12
-      }, rectProps.style)
-    }),
+    rectRender: function rectRender(_ref) {
+      var props = (0, _extends2.default)({}, _ref);
+      return /*#__PURE__*/_react.default.createElement(_Point.default, (0, _extends2.default)({}, props, {
+        rectProps: rectProps
+      }));
+    },
     onChange: function onChange(hsvColor) {
@@ -68,2 +59,2 @@ _onChange && _onChange((0, _colorConvert.color)(hsvColor));
 module.exports = exports.default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJmb3J3YXJkUmVmIiwicHJvcHMiLCJyZWYiLCJwcmVmaXhDbHMiLCJjbGFzc05hbWUiLCJjb2xvciIsImNvbG9ycyIsInJlY3RQcm9wcyIsIm9uQ2hhbmdlIiwib3RoZXIiLCJoc3ZhIiwiaGV4IiwiY2hpbGRyZW4iLCJzdHlsZSIsImRpc3BsYXkiLCJhbGlnbkl0ZW1zIiwianVzdGlmeUNvbnRlbnQiLCJ3aWR0aCIsImhlaWdodCIsImJvcmRlclJhZGl1cyIsIm1hcmdpblJpZ2h0IiwibWFyZ2luQm90dG9tIiwiaHN2Q29sb3IiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOzs7OzRCQU9lQSxlQUFNQyxVQUFOLENBQThDLFVBQUNDLEtBQUQsRUFBUUMsR0FBUixFQUFnQjtBQUMzRSx5QkFBNEdELEtBQTVHLENBQVFFLFNBQVI7QUFBQSxNQUFRQSxTQUFSLGlDQUFvQixnQkFBcEI7QUFBQSxNQUFzQ0MsU0FBdEMsR0FBNEdILEtBQTVHLENBQXNDRyxTQUF0QztBQUFBLE1BQWlEQyxLQUFqRCxHQUE0R0osS0FBNUcsQ0FBaURJLEtBQWpEO0FBQUEsc0JBQTRHSixLQUE1RyxDQUF3REssTUFBeEQ7QUFBQSxNQUF3REEsTUFBeEQsOEJBQWlFLEVBQWpFO0FBQUEseUJBQTRHTCxLQUE1RyxDQUFxRU0sU0FBckU7QUFBQSxNQUFxRUEsU0FBckUsaUNBQWlGLEVBQWpGO0FBQUEsTUFBcUZDLFNBQXJGLEdBQTRHUCxLQUE1RyxDQUFxRk8sUUFBckY7QUFBQSxNQUFrR0MsS0FBbEcsMENBQTRHUixLQUE1RztBQUNBLE1BQU1TLElBQUksR0FBSSxPQUFPTCxLQUFQLEtBQWlCLFFBQWpCLElBQTZCLDRCQUFTQSxLQUFULENBQTdCLEdBQStDLDZCQUFVQSxLQUFWLENBQS9DLEdBQWtFQSxLQUFLLElBQUksRUFBekY7QUFDQSxNQUFNTSxHQUFHLEdBQUdOLEtBQUssR0FBRyw2QkFBVUssSUFBVixDQUFILEdBQXFCLEVBQXRDO0FBQ0Esc0JBQ0UsNkJBQUMseUJBQUQ7QUFDRSxJQUFBLEdBQUcsRUFBRVIsR0FEUDtBQUVFLElBQUEsTUFBTSxFQUFFSSxNQUZWO0FBR0UsSUFBQSxLQUFLLEVBQUVLO0FBSFQsS0FJTUYsS0FKTjtBQUtFLElBQUEsU0FBUyxZQUFLTixTQUFMLGNBQWtCQyxTQUFTLElBQUksRUFBL0IsQ0FMWDtBQU1FLElBQUEsU0FBUyw4REFDSkcsU0FESTtBQUVQSyxNQUFBQSxRQUFRLGVBQUUsNkJBQUMsY0FBRCxPQUZIO0FBR1BDLE1BQUFBLEtBQUs7QUFDSEMsUUFBQUEsT0FBTyxFQUFFLE1BRE47QUFFSEMsUUFBQUEsVUFBVSxFQUFFLFFBRlQ7QUFHSEMsUUFBQUEsY0FBYyxFQUFFLFFBSGI7QUFJSEMsUUFBQUEsS0FBSyxFQUFFLEVBSko7QUFLSEMsUUFBQUEsTUFBTSxFQUFFLEVBTEw7QUFNSEMsUUFBQUEsWUFBWSxFQUFFLEtBTlg7QUFPSEMsUUFBQUEsV0FBVyxFQUFFLEVBUFY7QUFRSEMsUUFBQUEsWUFBWSxFQUFFO0FBUlgsU0FTQWQsU0FBUyxDQUFDTSxLQVRWO0FBSEUsTUFOWDtBQXFCRSxJQUFBLFFBQVEsRUFBRSxrQkFBQ1MsUUFBRCxFQUFjO0FBQ3RCZCxNQUFBQSxTQUFRLElBQUlBLFNBQVEsQ0FBQyx5QkFBWWMsUUFBWixDQUFELENBQXBCO0FBQ0Q7QUF2QkgsS0FERjtBQTJCRCxDQS9CYyxDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHZhbGlkSGV4LCBoc3ZhVG9IZXgsIEhzdmFDb2xvciwgaGV4VG9Ic3ZhLCBDb2xvclJlc3VsdCwgY29sb3IgYXMgaGFuZGxlQ29sb3IgfSBmcm9tICdAdWl3L2NvbG9yLWNvbnZlcnQnO1xuaW1wb3J0IFN3YXRjaCwgeyBTd2F0Y2hQcm9wcyB9IGZyb20gJ0B1aXcvcmVhY3QtY29sb3Itc3dhdGNoJztcbmltcG9ydCBQb2ludCBmcm9tICcuL1BvaW50JztcblxuZXhwb3J0IGludGVyZmFjZSBDaXJjbGVQcm9wcyBleHRlbmRzIE9taXQ8U3dhdGNoUHJvcHMsICdjb2xvcicgfCAnb25DaGFuZ2UnPiB7XG4gIGNvbG9yPzogc3RyaW5nIHwgSHN2YUNvbG9yO1xuICBvbkNoYW5nZT86IChjb2xvcjogQ29sb3JSZXN1bHQpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0LmZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIENpcmNsZVByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IHByZWZpeENscyA9ICd3LWNvbG9yLWNpcmNsZScsIGNsYXNzTmFtZSwgY29sb3IsIGNvbG9ycyA9IFtdLCByZWN0UHJvcHMgPSB7fSwgb25DaGFuZ2UsIC4uLm90aGVyIH0gPSBwcm9wcztcbiAgY29uc3QgaHN2YSA9ICh0eXBlb2YgY29sb3IgPT09ICdzdHJpbmcnICYmIHZhbGlkSGV4KGNvbG9yKSA/IGhleFRvSHN2YShjb2xvcikgOiBjb2xvciB8fCB7fSkgYXMgSHN2YUNvbG9yO1xuICBjb25zdCBoZXggPSBjb2xvciA/IGhzdmFUb0hleChoc3ZhKSA6ICcnO1xuICByZXR1cm4gKFxuICAgIDxTd2F0Y2hcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY29sb3JzPXtjb2xvcnN9XG4gICAgICBjb2xvcj17aGV4fVxuICAgICAgey4uLm90aGVyfVxuICAgICAgY2xhc3NOYW1lPXtgJHtwcmVmaXhDbHN9ICR7Y2xhc3NOYW1lIHx8ICcnfWB9XG4gICAgICByZWN0UHJvcHM9e3tcbiAgICAgICAgLi4ucmVjdFByb3BzLFxuICAgICAgICBjaGlsZHJlbjogPFBvaW50IC8+LFxuICAgICAgICBzdHlsZToge1xuICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgICAgd2lkdGg6IDI4LFxuICAgICAgICAgIGhlaWdodDogMjgsXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICAgICAgICBtYXJnaW5SaWdodDogMTIsXG4gICAgICAgICAgbWFyZ2luQm90dG9tOiAxMixcbiAgICAgICAgICAuLi5yZWN0UHJvcHMuc3R5bGUsXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgICAgb25DaGFuZ2U9eyhoc3ZDb2xvcikgPT4ge1xuICAgICAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShoYW5kbGVDb2xvcihoc3ZDb2xvcikpO1xuICAgICAgfX1cbiAgICAvPlxuICApO1xufSk7XG4iXX0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJmb3J3YXJkUmVmIiwicHJvcHMiLCJyZWYiLCJwcmVmaXhDbHMiLCJjbGFzc05hbWUiLCJjb2xvciIsImNvbG9ycyIsInJlY3RQcm9wcyIsIm9uQ2hhbmdlIiwib3RoZXIiLCJoc3ZhIiwiaGV4IiwiaHN2Q29sb3IiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs0QkFPZUEsZUFBTUMsVUFBTixDQUE4QyxVQUFDQyxLQUFELEVBQVFDLEdBQVIsRUFBZ0I7QUFDM0UseUJBQTRHRCxLQUE1RyxDQUFRRSxTQUFSO0FBQUEsTUFBUUEsU0FBUixpQ0FBb0IsZ0JBQXBCO0FBQUEsTUFBc0NDLFNBQXRDLEdBQTRHSCxLQUE1RyxDQUFzQ0csU0FBdEM7QUFBQSxNQUFpREMsS0FBakQsR0FBNEdKLEtBQTVHLENBQWlESSxLQUFqRDtBQUFBLHNCQUE0R0osS0FBNUcsQ0FBd0RLLE1BQXhEO0FBQUEsTUFBd0RBLE1BQXhELDhCQUFpRSxFQUFqRTtBQUFBLHlCQUE0R0wsS0FBNUcsQ0FBcUVNLFNBQXJFO0FBQUEsTUFBcUVBLFNBQXJFLGlDQUFpRixFQUFqRjtBQUFBLE1BQXFGQyxTQUFyRixHQUE0R1AsS0FBNUcsQ0FBcUZPLFFBQXJGO0FBQUEsTUFBa0dDLEtBQWxHLDBDQUE0R1IsS0FBNUc7QUFDQSxNQUFNUyxJQUFJLEdBQUksT0FBT0wsS0FBUCxLQUFpQixRQUFqQixJQUE2Qiw0QkFBU0EsS0FBVCxDQUE3QixHQUErQyw2QkFBVUEsS0FBVixDQUEvQyxHQUFrRUEsS0FBSyxJQUFJLEVBQXpGO0FBQ0EsTUFBTU0sR0FBRyxHQUFHTixLQUFLLEdBQUcsNkJBQVVLLElBQVYsQ0FBSCxHQUFxQixFQUF0QztBQUNBLHNCQUNFLDZCQUFDLHlCQUFEO0FBQ0UsSUFBQSxHQUFHLEVBQUVSLEdBRFA7QUFFRSxJQUFBLE1BQU0sRUFBRUksTUFGVjtBQUdFLElBQUEsS0FBSyxFQUFFSztBQUhULEtBSU1GLEtBSk47QUFLRSxJQUFBLFNBQVMsWUFBS04sU0FBTCxjQUFrQkMsU0FBUyxJQUFJLEVBQS9CLENBTFg7QUFNRSxJQUFBLFVBQVUsRUFBRTtBQUFBLFVBQU1ILEtBQU47QUFBQSwwQkFBa0IsNkJBQUMsY0FBRCw2QkFBV0EsS0FBWDtBQUFrQixRQUFBLFNBQVMsRUFBRU07QUFBN0IsU0FBbEI7QUFBQSxLQU5kO0FBT0UsSUFBQSxRQUFRLEVBQUUsa0JBQUNLLFFBQUQsRUFBYztBQUN0QkosTUFBQUEsU0FBUSxJQUFJQSxTQUFRLENBQUMseUJBQVlJLFFBQVosQ0FBRCxDQUFwQjtBQUNEO0FBVEgsS0FERjtBQWFELENBakJjLEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdmFsaWRIZXgsIGhzdmFUb0hleCwgSHN2YUNvbG9yLCBoZXhUb0hzdmEsIENvbG9yUmVzdWx0LCBjb2xvciBhcyBoYW5kbGVDb2xvciB9IGZyb20gJ0B1aXcvY29sb3ItY29udmVydCc7XG5pbXBvcnQgU3dhdGNoLCB7IFN3YXRjaFByb3BzIH0gZnJvbSAnQHVpdy9yZWFjdC1jb2xvci1zd2F0Y2gnO1xuaW1wb3J0IFBvaW50IGZyb20gJy4vUG9pbnQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIENpcmNsZVByb3BzIGV4dGVuZHMgT21pdDxTd2F0Y2hQcm9wcywgJ2NvbG9yJyB8ICdvbkNoYW5nZSc+IHtcbiAgY29sb3I/OiBzdHJpbmcgfCBIc3ZhQ29sb3I7XG4gIG9uQ2hhbmdlPzogKGNvbG9yOiBDb2xvclJlc3VsdCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgQ2lyY2xlUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgcHJlZml4Q2xzID0gJ3ctY29sb3ItY2lyY2xlJywgY2xhc3NOYW1lLCBjb2xvciwgY29sb3JzID0gW10sIHJlY3RQcm9wcyA9IHt9LCBvbkNoYW5nZSwgLi4ub3RoZXIgfSA9IHByb3BzO1xuICBjb25zdCBoc3ZhID0gKHR5cGVvZiBjb2xvciA9PT0gJ3N0cmluZycgJiYgdmFsaWRIZXgoY29sb3IpID8gaGV4VG9Ic3ZhKGNvbG9yKSA6IGNvbG9yIHx8IHt9KSBhcyBIc3ZhQ29sb3I7XG4gIGNvbnN0IGhleCA9IGNvbG9yID8gaHN2YVRvSGV4KGhzdmEpIDogJyc7XG4gIHJldHVybiAoXG4gICAgPFN3YXRjaFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjb2xvcnM9e2NvbG9yc31cbiAgICAgIGNvbG9yPXtoZXh9XG4gICAgICB7Li4ub3RoZXJ9XG4gICAgICBjbGFzc05hbWU9e2Ake3ByZWZpeENsc30gJHtjbGFzc05hbWUgfHwgJyd9YH1cbiAgICAgIHJlY3RSZW5kZXI9eyh7IC4uLnByb3BzIH0pID0+IDxQb2ludCB7Li4ucHJvcHN9IHJlY3RQcm9wcz17cmVjdFByb3BzfSAvPn1cbiAgICAgIG9uQ2hhbmdlPXsoaHN2Q29sb3IpID0+IHtcbiAgICAgICAgb25DaGFuZ2UgJiYgb25DaGFuZ2UoaGFuZGxlQ29sb3IoaHN2Q29sb3IpKTtcbiAgICAgIH19XG4gICAgLz5cbiAgKTtcbn0pO1xuIl19

lib/cjs/Point.d.ts

@@ -1,4 +0,6 @@
-export default function Point(props: {
-    color?: string;
-    checked?: boolean;
-}): JSX.Element;
+import { SwatchRectRenderProps, SwatchProps } from '@uiw/react-color-swatch';
+interface PointProps extends SwatchRectRenderProps {
+    rectProps?: SwatchProps['rectProps'];
+}
+export default function Point({ style, title, checked, color, onClick, rectProps }: PointProps): JSX.Element;
+export {};

lib/cjs/Point.js

@@ -5,2 +5,4 @@ "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
@@ -11,49 +13,51 @@ value: true
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _react = _interopRequireWildcard(require("react"));
 
-function Point(props) {
-  var elm = (0, _react.useRef)(null);
+function Point(_ref) {
+  var style = _ref.style,
+      title = _ref.title,
+      checked = _ref.checked,
+      color = _ref.color,
+      onClick = _ref.onClick,
+      rectProps = _ref.rectProps;
   var handleMouseEnter = (0, _react.useCallback)(function (evn) {
-    if (evn.target && evn.target.style) {
-      evn.target.style['transform'] = 'scale(1.2)';
-    }
+    evn.target.style['transform'] = 'scale(1.2)';
   }, []);
   var handleMouseLeave = (0, _react.useCallback)(function (evn) {
-    if (evn.target && evn.target.style) {
-      evn.target.style['transform'] = 'scale(1)';
-    }
+    evn.target.style['transform'] = 'scale(1)';
   }, []);
-  (0, _react.useEffect)(function () {
-    if (elm.current && elm.current.parentElement) {
-      elm.current.parentElement.addEventListener('mouseenter', handleMouseEnter);
-      elm.current.parentElement.addEventListener('mouseleave', handleMouseLeave);
-      elm.current.parentElement.style['transition'] = 'transform 100ms ease 0s, box-shadow 100ms ease 0s';
-    }
-
-    return function () {
-      if (elm.current && elm.current.parentElement) {
-        elm.current.parentElement.removeEventListener('mouseenter', handleMouseEnter);
-        elm.current.parentElement.removeEventListener('mouseleave', handleMouseLeave);
-      }
-    };
-  }, []);
-  (0, _react.useMemo)(function () {
-    if (elm.current && elm.current.parentElement) {
-      elm.current.parentElement.style['boxShadow'] = "".concat(props.color, " 0px 0px ").concat(props.checked ? 5 : 0, "px");
-    }
-  }, [props.checked]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: elm,
-    style: {
-      height: props.checked ? 20 : 0,
-      width: props.checked ? 20 : 0,
+    onClick: onClick,
+    onMouseEnter: handleMouseEnter,
+    onMouseOut: handleMouseLeave,
+    title: title,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 28,
+      height: 28,
       borderRadius: '50%',
+      marginRight: 12,
+      marginBottom: 12,
+      boxShadow: "".concat(color, " 0px 0px ").concat(checked ? 5 : 0, "px"),
+      transition: 'transform 100ms ease 0s, box-shadow 100ms ease 0s'
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rectProps, {
+    style: (0, _objectSpread2.default)({
+      height: checked ? 20 : 0,
+      width: checked ? 20 : 0,
+      borderRadius: '50%',
       backgroundColor: '#fff',
       transform: 'scale(1)',
       transition: 'height 100ms ease 0s, width 100ms ease 0s'
-    }
-  });
+    }, rectProps.style)
+  })));
 }
 
 module.exports = exports.default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qb2ludC50c3giXSwibmFtZXMiOlsiUG9pbnQiLCJwcm9wcyIsImVsbSIsImhhbmRsZU1vdXNlRW50ZXIiLCJldm4iLCJ0YXJnZXQiLCJzdHlsZSIsImhhbmRsZU1vdXNlTGVhdmUiLCJjdXJyZW50IiwicGFyZW50RWxlbWVudCIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiY29sb3IiLCJjaGVja2VkIiwiaGVpZ2h0Iiwid2lkdGgiLCJib3JkZXJSYWRpdXMiLCJiYWNrZ3JvdW5kQ29sb3IiLCJ0cmFuc2Zvcm0iLCJ0cmFuc2l0aW9uIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFNZSxTQUFTQSxLQUFULENBQWVDLEtBQWYsRUFBNkQ7QUFDMUUsTUFBTUMsR0FBRyxHQUFHLG1CQUF1QixJQUF2QixDQUFaO0FBQ0EsTUFBTUMsZ0JBQWdCLEdBQUcsd0JBQVksVUFBQ0MsR0FBRCxFQUFTO0FBQzVDLFFBQUlBLEdBQUcsQ0FBQ0MsTUFBSixJQUFjRCxHQUFHLENBQUNDLE1BQUosQ0FBV0MsS0FBN0IsRUFBb0M7QUFDbENGLE1BQUFBLEdBQUcsQ0FBQ0MsTUFBSixDQUFXQyxLQUFYLENBQWlCLFdBQWpCLElBQWdDLFlBQWhDO0FBQ0Q7QUFDRixHQUp3QixFQUl0QixFQUpzQixDQUF6QjtBQU1BLE1BQU1DLGdCQUFnQixHQUFHLHdCQUFZLFVBQUNILEdBQUQsRUFBUztBQUM1QyxRQUFJQSxHQUFHLENBQUNDLE1BQUosSUFBY0QsR0FBRyxDQUFDQyxNQUFKLENBQVdDLEtBQTdCLEVBQW9DO0FBQ2xDRixNQUFBQSxHQUFHLENBQUNDLE1BQUosQ0FBV0MsS0FBWCxDQUFpQixXQUFqQixJQUFnQyxVQUFoQztBQUNEO0FBQ0YsR0FKd0IsRUFJdEIsRUFKc0IsQ0FBekI7QUFNQSx3QkFBVSxZQUFNO0FBQ2QsUUFBSUosR0FBRyxDQUFDTSxPQUFKLElBQWVOLEdBQUcsQ0FBQ00sT0FBSixDQUFZQyxhQUEvQixFQUE4QztBQUM1Q1AsTUFBQUEsR0FBRyxDQUFDTSxPQUFKLENBQVlDLGFBQVosQ0FBMEJDLGdCQUExQixDQUEyQyxZQUEzQyxFQUF5RFAsZ0JBQXpEO0FBQ0FELE1BQUFBLEdBQUcsQ0FBQ00sT0FBSixDQUFZQyxhQUFaLENBQTBCQyxnQkFBMUIsQ0FBMkMsWUFBM0MsRUFBeURILGdCQUF6RDtBQUNBTCxNQUFBQSxHQUFHLENBQUNNLE9BQUosQ0FBWUMsYUFBWixDQUEwQkgsS0FBMUIsQ0FBZ0MsWUFBaEMsSUFBZ0QsbURBQWhEO0FBQ0Q7O0FBQ0QsV0FBTyxZQUFNO0FBQ1gsVUFBSUosR0FBRyxDQUFDTSxPQUFKLElBQWVOLEdBQUcsQ0FBQ00sT0FBSixDQUFZQyxhQUEvQixFQUE4QztBQUM1Q1AsUUFBQUEsR0FBRyxDQUFDTSxPQUFKLENBQVlDLGFBQVosQ0FBMEJFLG1CQUExQixDQUE4QyxZQUE5QyxFQUE0RFIsZ0JBQTVEO0FBQ0FELFFBQUFBLEdBQUcsQ0FBQ00sT0FBSixDQUFZQyxhQUFaLENBQTBCRSxtQkFBMUIsQ0FBOEMsWUFBOUMsRUFBNERKLGdCQUE1RDtBQUNEO0FBQ0YsS0FMRDtBQU1ELEdBWkQsRUFZRyxFQVpIO0FBY0Esc0JBQVEsWUFBTTtBQUNaLFFBQUlMLEdBQUcsQ0FBQ00sT0FBSixJQUFlTixHQUFHLENBQUNNLE9BQUosQ0FBWUMsYUFBL0IsRUFBOEM7QUFDNUNQLE1BQUFBLEdBQUcsQ0FBQ00sT0FBSixDQUFZQyxhQUFaLENBQTBCSCxLQUExQixDQUFnQyxXQUFoQyxjQUFrREwsS0FBSyxDQUFDVyxLQUF4RCxzQkFBeUVYLEtBQUssQ0FBQ1ksT0FBTixHQUFnQixDQUFoQixHQUFvQixDQUE3RjtBQUNEO0FBQ0YsR0FKRCxFQUlHLENBQUNaLEtBQUssQ0FBQ1ksT0FBUCxDQUpIO0FBTUEsc0JBQ0U7QUFDRSxJQUFBLEdBQUcsRUFBRVgsR0FEUDtBQUVFLElBQUEsS0FBSyxFQUFFO0FBQ0xZLE1BQUFBLE1BQU0sRUFBRWIsS0FBSyxDQUFDWSxPQUFOLEdBQWdCLEVBQWhCLEdBQXFCLENBRHhCO0FBRUxFLE1BQUFBLEtBQUssRUFBRWQsS0FBSyxDQUFDWSxPQUFOLEdBQWdCLEVBQWhCLEdBQXFCLENBRnZCO0FBR0xHLE1BQUFBLFlBQVksRUFBRSxLQUhUO0FBSUxDLE1BQUFBLGVBQWUsRUFBRSxNQUpaO0FBS0xDLE1BQUFBLFNBQVMsRUFBRSxVQUxOO0FBTUxDLE1BQUFBLFVBQVUsRUFBRTtBQU5QO0FBRlQsSUFERjtBQWFEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUG9pbnQocHJvcHM6IHsgY29sb3I/OiBzdHJpbmc7IGNoZWNrZWQ/OiBib29sZWFuIH0pIHtcbiAgY29uc3QgZWxtID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9IHVzZUNhbGxiYWNrKChldm4pID0+IHtcbiAgICBpZiAoZXZuLnRhcmdldCAmJiBldm4udGFyZ2V0LnN0eWxlKSB7XG4gICAgICBldm4udGFyZ2V0LnN0eWxlWyd0cmFuc2Zvcm0nXSA9ICdzY2FsZSgxLjIpJztcbiAgICB9XG4gIH0sIFtdKTtcblxuICBjb25zdCBoYW5kbGVNb3VzZUxlYXZlID0gdXNlQ2FsbGJhY2soKGV2bikgPT4ge1xuICAgIGlmIChldm4udGFyZ2V0ICYmIGV2bi50YXJnZXQuc3R5bGUpIHtcbiAgICAgIGV2bi50YXJnZXQuc3R5bGVbJ3RyYW5zZm9ybSddID0gJ3NjYWxlKDEpJztcbiAgICB9XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChlbG0uY3VycmVudCAmJiBlbG0uY3VycmVudC5wYXJlbnRFbGVtZW50KSB7XG4gICAgICBlbG0uY3VycmVudC5wYXJlbnRFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZW50ZXInLCBoYW5kbGVNb3VzZUVudGVyKTtcbiAgICAgIGVsbS5jdXJyZW50LnBhcmVudEVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2VsZWF2ZScsIGhhbmRsZU1vdXNlTGVhdmUpO1xuICAgICAgZWxtLmN1cnJlbnQucGFyZW50RWxlbWVudC5zdHlsZVsndHJhbnNpdGlvbiddID0gJ3RyYW5zZm9ybSAxMDBtcyBlYXNlIDBzLCBib3gtc2hhZG93IDEwMG1zIGVhc2UgMHMnO1xuICAgIH1cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKGVsbS5jdXJyZW50ICYmIGVsbS5jdXJyZW50LnBhcmVudEVsZW1lbnQpIHtcbiAgICAgICAgZWxtLmN1cnJlbnQucGFyZW50RWxlbWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWVudGVyJywgaGFuZGxlTW91c2VFbnRlcik7XG4gICAgICAgIGVsbS5jdXJyZW50LnBhcmVudEVsZW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2VsZWF2ZScsIGhhbmRsZU1vdXNlTGVhdmUpO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoZWxtLmN1cnJlbnQgJiYgZWxtLmN1cnJlbnQucGFyZW50RWxlbWVudCkge1xuICAgICAgZWxtLmN1cnJlbnQucGFyZW50RWxlbWVudC5zdHlsZVsnYm94U2hhZG93J10gPSBgJHtwcm9wcy5jb2xvcn0gMHB4IDBweCAke3Byb3BzLmNoZWNrZWQgPyA1IDogMH1weGA7XG4gICAgfVxuICB9LCBbcHJvcHMuY2hlY2tlZF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtlbG19XG4gICAgICBzdHlsZT17e1xuICAgICAgICBoZWlnaHQ6IHByb3BzLmNoZWNrZWQgPyAyMCA6IDAsXG4gICAgICAgIHdpZHRoOiBwcm9wcy5jaGVja2VkID8gMjAgOiAwLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjZmZmJyxcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMSknLFxuICAgICAgICB0cmFuc2l0aW9uOiAnaGVpZ2h0IDEwMG1zIGVhc2UgMHMsIHdpZHRoIDEwMG1zIGVhc2UgMHMnLFxuICAgICAgfX1cbiAgICAvPlxuICApO1xufVxuIl19
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qb2ludC50c3giXSwibmFtZXMiOlsiUG9pbnQiLCJzdHlsZSIsInRpdGxlIiwiY2hlY2tlZCIsImNvbG9yIiwib25DbGljayIsInJlY3RQcm9wcyIsImhhbmRsZU1vdXNlRW50ZXIiLCJldm4iLCJ0YXJnZXQiLCJoYW5kbGVNb3VzZUxlYXZlIiwiZGlzcGxheSIsImFsaWduSXRlbXMiLCJqdXN0aWZ5Q29udGVudCIsIndpZHRoIiwiaGVpZ2h0IiwiYm9yZGVyUmFkaXVzIiwibWFyZ2luUmlnaHQiLCJtYXJnaW5Cb3R0b20iLCJib3hTaGFkb3ciLCJ0cmFuc2l0aW9uIiwiYmFja2dyb3VuZENvbG9yIiwidHJhbnNmb3JtIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFPZSxTQUFTQSxLQUFULE9BQWlGO0FBQUEsTUFBaEVDLEtBQWdFLFFBQWhFQSxLQUFnRTtBQUFBLE1BQXpEQyxLQUF5RCxRQUF6REEsS0FBeUQ7QUFBQSxNQUFsREMsT0FBa0QsUUFBbERBLE9BQWtEO0FBQUEsTUFBekNDLEtBQXlDLFFBQXpDQSxLQUF5QztBQUFBLE1BQWxDQyxPQUFrQyxRQUFsQ0EsT0FBa0M7QUFBQSxNQUF6QkMsU0FBeUIsUUFBekJBLFNBQXlCO0FBQzlGLE1BQU1DLGdCQUFnQixHQUFHLHdCQUFZLFVBQUNDLEdBQUQsRUFBUztBQUM1Q0EsSUFBQUEsR0FBRyxDQUFDQyxNQUFKLENBQVdSLEtBQVgsQ0FBaUIsV0FBakIsSUFBZ0MsWUFBaEM7QUFDRCxHQUZ3QixFQUV0QixFQUZzQixDQUF6QjtBQUlBLE1BQU1TLGdCQUFnQixHQUFHLHdCQUFZLFVBQUNGLEdBQUQsRUFBUztBQUM1Q0EsSUFBQUEsR0FBRyxDQUFDQyxNQUFKLENBQVdSLEtBQVgsQ0FBaUIsV0FBakIsSUFBZ0MsVUFBaEM7QUFDRCxHQUZ3QixFQUV0QixFQUZzQixDQUF6QjtBQUlBLHNCQUNFO0FBQ0UsSUFBQSxPQUFPLEVBQUVJLE9BRFg7QUFFRSxJQUFBLFlBQVksRUFBRUUsZ0JBRmhCO0FBR0UsSUFBQSxVQUFVLEVBQUVHLGdCQUhkO0FBSUUsSUFBQSxLQUFLLEVBQUVSLEtBSlQ7QUFLRSxJQUFBLEtBQUssOERBQ0FELEtBREE7QUFFSFUsTUFBQUEsT0FBTyxFQUFFLE1BRk47QUFHSEMsTUFBQUEsVUFBVSxFQUFFLFFBSFQ7QUFJSEMsTUFBQUEsY0FBYyxFQUFFLFFBSmI7QUFLSEMsTUFBQUEsS0FBSyxFQUFFLEVBTEo7QUFNSEMsTUFBQUEsTUFBTSxFQUFFLEVBTkw7QUFPSEMsTUFBQUEsWUFBWSxFQUFFLEtBUFg7QUFRSEMsTUFBQUEsV0FBVyxFQUFFLEVBUlY7QUFTSEMsTUFBQUEsWUFBWSxFQUFFLEVBVFg7QUFVSEMsTUFBQUEsU0FBUyxZQUFLZixLQUFMLHNCQUFzQkQsT0FBTyxHQUFHLENBQUgsR0FBTyxDQUFwQyxPQVZOO0FBV0hpQixNQUFBQSxVQUFVLEVBQUU7QUFYVDtBQUxQLGtCQW1CRSwrREFDTWQsU0FETjtBQUVFLElBQUEsS0FBSztBQUNIUyxNQUFBQSxNQUFNLEVBQUVaLE9BQU8sR0FBRyxFQUFILEdBQVEsQ0FEcEI7QUFFSFcsTUFBQUEsS0FBSyxFQUFFWCxPQUFPLEdBQUcsRUFBSCxHQUFRLENBRm5CO0FBR0hhLE1BQUFBLFlBQVksRUFBRSxLQUhYO0FBSUhLLE1BQUFBLGVBQWUsRUFBRSxNQUpkO0FBS0hDLE1BQUFBLFNBQVMsRUFBRSxVQUxSO0FBTUhGLE1BQUFBLFVBQVUsRUFBRTtBQU5ULE9BT0FkLFNBQVMsQ0FBRUwsS0FQWDtBQUZQLEtBbkJGLENBREY7QUFrQ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBTd2F0Y2hSZWN0UmVuZGVyUHJvcHMsIFN3YXRjaFByb3BzIH0gZnJvbSAnQHVpdy9yZWFjdC1jb2xvci1zd2F0Y2gnO1xuXG5pbnRlcmZhY2UgUG9pbnRQcm9wcyBleHRlbmRzIFN3YXRjaFJlY3RSZW5kZXJQcm9wcyB7XG4gIHJlY3RQcm9wcz86IFN3YXRjaFByb3BzWydyZWN0UHJvcHMnXTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUG9pbnQoeyBzdHlsZSwgdGl0bGUsIGNoZWNrZWQsIGNvbG9yLCBvbkNsaWNrLCByZWN0UHJvcHMgfTogUG9pbnRQcm9wcykge1xuICBjb25zdCBoYW5kbGVNb3VzZUVudGVyID0gdXNlQ2FsbGJhY2soKGV2bikgPT4ge1xuICAgIGV2bi50YXJnZXQuc3R5bGVbJ3RyYW5zZm9ybSddID0gJ3NjYWxlKDEuMiknO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgaGFuZGxlTW91c2VMZWF2ZSA9IHVzZUNhbGxiYWNrKChldm4pID0+IHtcbiAgICBldm4udGFyZ2V0LnN0eWxlWyd0cmFuc2Zvcm0nXSA9ICdzY2FsZSgxKSc7XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBvbk1vdXNlRW50ZXI9e2hhbmRsZU1vdXNlRW50ZXJ9XG4gICAgICBvbk1vdXNlT3V0PXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgLi4uc3R5bGUsXG4gICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICAgICAgd2lkdGg6IDI4LFxuICAgICAgICBoZWlnaHQ6IDI4LFxuICAgICAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgICAgICBtYXJnaW5SaWdodDogMTIsXG4gICAgICAgIG1hcmdpbkJvdHRvbTogMTIsXG4gICAgICAgIGJveFNoYWRvdzogYCR7Y29sb3J9IDBweCAwcHggJHtjaGVja2VkID8gNSA6IDB9cHhgLFxuICAgICAgICB0cmFuc2l0aW9uOiAndHJhbnNmb3JtIDEwMG1zIGVhc2UgMHMsIGJveC1zaGFkb3cgMTAwbXMgZWFzZSAwcycsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgey4uLnJlY3RQcm9wc31cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBoZWlnaHQ6IGNoZWNrZWQgPyAyMCA6IDAsXG4gICAgICAgICAgd2lkdGg6IGNoZWNrZWQgPyAyMCA6IDAsXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjZmZmJyxcbiAgICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZSgxKScsXG4gICAgICAgICAgdHJhbnNpdGlvbjogJ2hlaWdodCAxMDBtcyBlYXNlIDBzLCB3aWR0aCAxMDBtcyBlYXNlIDBzJyxcbiAgICAgICAgICAuLi5yZWN0UHJvcHMhLnN0eWxlLFxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdfQ==

lib/esm/index.js

 import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -29,15 +28,9 @@ var _excluded = ["prefixCls", "className", "color", "colors", "rectProps", "onChange"];
     className: "".concat(prefixCls, " ").concat(className || ''),
-    rectProps: _objectSpread(_objectSpread({}, rectProps), {}, {
-      children: /*#__PURE__*/React.createElement(Point, null),
-      style: _objectSpread({
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: 28,
-        height: 28,
-        borderRadius: '50%',
-        marginRight: 12,
-        marginBottom: 12
-      }, rectProps.style)
-    }),
+    rectRender: function rectRender(_ref) {
+      var props = _extends({}, _ref);
+
+      return /*#__PURE__*/React.createElement(Point, _extends({}, props, {
+        rectProps: rectProps
+      }));
+    },
     onChange: function onChange(hsvColor) {
@@ -48,2 +41,2 @@ _onChange && _onChange(handleColor(hsvColor));
 });
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJ2YWxpZEhleCIsImhzdmFUb0hleCIsImhleFRvSHN2YSIsImNvbG9yIiwiaGFuZGxlQ29sb3IiLCJTd2F0Y2giLCJQb2ludCIsImZvcndhcmRSZWYiLCJwcm9wcyIsInJlZiIsInByZWZpeENscyIsImNsYXNzTmFtZSIsImNvbG9ycyIsInJlY3RQcm9wcyIsIm9uQ2hhbmdlIiwib3RoZXIiLCJoc3ZhIiwiaGV4IiwiY2hpbGRyZW4iLCJzdHlsZSIsImRpc3BsYXkiLCJhbGlnbkl0ZW1zIiwianVzdGlmeUNvbnRlbnQiLCJ3aWR0aCIsImhlaWdodCIsImJvcmRlclJhZGl1cyIsIm1hcmdpblJpZ2h0IiwibWFyZ2luQm90dG9tIiwiaHN2Q29sb3IiXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPQSxLQUFQLE1BQWtCLE9BQWxCO0FBQ0EsU0FBU0MsUUFBVCxFQUFtQkMsU0FBbkIsRUFBeUNDLFNBQXpDLEVBQWlFQyxLQUFLLElBQUlDLFdBQTFFLFFBQTZGLG9CQUE3RjtBQUNBLE9BQU9DLE1BQVAsTUFBb0MseUJBQXBDO0FBQ0EsT0FBT0MsS0FBUCxNQUFrQixTQUFsQjtBQU9BLDRCQUFlUCxLQUFLLENBQUNRLFVBQU4sQ0FBOEMsVUFBQ0MsS0FBRCxFQUFRQyxHQUFSLEVBQWdCO0FBQzNFLHlCQUE0R0QsS0FBNUcsQ0FBUUUsU0FBUjtBQUFBLE1BQVFBLFNBQVIsaUNBQW9CLGdCQUFwQjtBQUFBLE1BQXNDQyxTQUF0QyxHQUE0R0gsS0FBNUcsQ0FBc0NHLFNBQXRDO0FBQUEsTUFBaURSLEtBQWpELEdBQTRHSyxLQUE1RyxDQUFpREwsS0FBakQ7QUFBQSxzQkFBNEdLLEtBQTVHLENBQXdESSxNQUF4RDtBQUFBLE1BQXdEQSxNQUF4RCw4QkFBaUUsRUFBakU7QUFBQSx5QkFBNEdKLEtBQTVHLENBQXFFSyxTQUFyRTtBQUFBLE1BQXFFQSxTQUFyRSxpQ0FBaUYsRUFBakY7QUFBQSxNQUFxRkMsU0FBckYsR0FBNEdOLEtBQTVHLENBQXFGTSxRQUFyRjtBQUFBLE1BQWtHQyxLQUFsRyw0QkFBNEdQLEtBQTVHOztBQUNBLE1BQU1RLElBQUksR0FBSSxPQUFPYixLQUFQLEtBQWlCLFFBQWpCLElBQTZCSCxRQUFRLENBQUNHLEtBQUQsQ0FBckMsR0FBK0NELFNBQVMsQ0FBQ0MsS0FBRCxDQUF4RCxHQUFrRUEsS0FBSyxJQUFJLEVBQXpGO0FBQ0EsTUFBTWMsR0FBRyxHQUFHZCxLQUFLLEdBQUdGLFNBQVMsQ0FBQ2UsSUFBRCxDQUFaLEdBQXFCLEVBQXRDO0FBQ0Esc0JBQ0Usb0JBQUMsTUFBRDtBQUNFLElBQUEsR0FBRyxFQUFFUCxHQURQO0FBRUUsSUFBQSxNQUFNLEVBQUVHLE1BRlY7QUFHRSxJQUFBLEtBQUssRUFBRUs7QUFIVCxLQUlNRixLQUpOO0FBS0UsSUFBQSxTQUFTLFlBQUtMLFNBQUwsY0FBa0JDLFNBQVMsSUFBSSxFQUEvQixDQUxYO0FBTUUsSUFBQSxTQUFTLGtDQUNKRSxTQURJO0FBRVBLLE1BQUFBLFFBQVEsZUFBRSxvQkFBQyxLQUFELE9BRkg7QUFHUEMsTUFBQUEsS0FBSztBQUNIQyxRQUFBQSxPQUFPLEVBQUUsTUFETjtBQUVIQyxRQUFBQSxVQUFVLEVBQUUsUUFGVDtBQUdIQyxRQUFBQSxjQUFjLEVBQUUsUUFIYjtBQUlIQyxRQUFBQSxLQUFLLEVBQUUsRUFKSjtBQUtIQyxRQUFBQSxNQUFNLEVBQUUsRUFMTDtBQU1IQyxRQUFBQSxZQUFZLEVBQUUsS0FOWDtBQU9IQyxRQUFBQSxXQUFXLEVBQUUsRUFQVjtBQVFIQyxRQUFBQSxZQUFZLEVBQUU7QUFSWCxTQVNBZCxTQUFTLENBQUNNLEtBVFY7QUFIRSxNQU5YO0FBcUJFLElBQUEsUUFBUSxFQUFFLGtCQUFDUyxRQUFELEVBQWM7QUFDdEJkLE1BQUFBLFNBQVEsSUFBSUEsU0FBUSxDQUFDVixXQUFXLENBQUN3QixRQUFELENBQVosQ0FBcEI7QUFDRDtBQXZCSCxLQURGO0FBMkJELENBL0JjLENBQWYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdmFsaWRIZXgsIGhzdmFUb0hleCwgSHN2YUNvbG9yLCBoZXhUb0hzdmEsIENvbG9yUmVzdWx0LCBjb2xvciBhcyBoYW5kbGVDb2xvciB9IGZyb20gJ0B1aXcvY29sb3ItY29udmVydCc7XG5pbXBvcnQgU3dhdGNoLCB7IFN3YXRjaFByb3BzIH0gZnJvbSAnQHVpdy9yZWFjdC1jb2xvci1zd2F0Y2gnO1xuaW1wb3J0IFBvaW50IGZyb20gJy4vUG9pbnQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIENpcmNsZVByb3BzIGV4dGVuZHMgT21pdDxTd2F0Y2hQcm9wcywgJ2NvbG9yJyB8ICdvbkNoYW5nZSc+IHtcbiAgY29sb3I/OiBzdHJpbmcgfCBIc3ZhQ29sb3I7XG4gIG9uQ2hhbmdlPzogKGNvbG9yOiBDb2xvclJlc3VsdCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGRlZmF1bHQgUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgQ2lyY2xlUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgcHJlZml4Q2xzID0gJ3ctY29sb3ItY2lyY2xlJywgY2xhc3NOYW1lLCBjb2xvciwgY29sb3JzID0gW10sIHJlY3RQcm9wcyA9IHt9LCBvbkNoYW5nZSwgLi4ub3RoZXIgfSA9IHByb3BzO1xuICBjb25zdCBoc3ZhID0gKHR5cGVvZiBjb2xvciA9PT0gJ3N0cmluZycgJiYgdmFsaWRIZXgoY29sb3IpID8gaGV4VG9Ic3ZhKGNvbG9yKSA6IGNvbG9yIHx8IHt9KSBhcyBIc3ZhQ29sb3I7XG4gIGNvbnN0IGhleCA9IGNvbG9yID8gaHN2YVRvSGV4KGhzdmEpIDogJyc7XG4gIHJldHVybiAoXG4gICAgPFN3YXRjaFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjb2xvcnM9e2NvbG9yc31cbiAgICAgIGNvbG9yPXtoZXh9XG4gICAgICB7Li4ub3RoZXJ9XG4gICAgICBjbGFzc05hbWU9e2Ake3ByZWZpeENsc30gJHtjbGFzc05hbWUgfHwgJyd9YH1cbiAgICAgIHJlY3RQcm9wcz17e1xuICAgICAgICAuLi5yZWN0UHJvcHMsXG4gICAgICAgIGNoaWxkcmVuOiA8UG9pbnQgLz4sXG4gICAgICAgIHN0eWxlOiB7XG4gICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICAgICAgICB3aWR0aDogMjgsXG4gICAgICAgICAgaGVpZ2h0OiAyOCxcbiAgICAgICAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgICAgICAgIG1hcmdpblJpZ2h0OiAxMixcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IDEyLFxuICAgICAgICAgIC4uLnJlY3RQcm9wcy5zdHlsZSxcbiAgICAgICAgfSxcbiAgICAgIH19XG4gICAgICBvbkNoYW5nZT17KGhzdkNvbG9yKSA9PiB7XG4gICAgICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKGhhbmRsZUNvbG9yKGhzdkNvbG9yKSk7XG4gICAgICB9fVxuICAgIC8+XG4gICk7XG59KTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJ2YWxpZEhleCIsImhzdmFUb0hleCIsImhleFRvSHN2YSIsImNvbG9yIiwiaGFuZGxlQ29sb3IiLCJTd2F0Y2giLCJQb2ludCIsImZvcndhcmRSZWYiLCJwcm9wcyIsInJlZiIsInByZWZpeENscyIsImNsYXNzTmFtZSIsImNvbG9ycyIsInJlY3RQcm9wcyIsIm9uQ2hhbmdlIiwib3RoZXIiLCJoc3ZhIiwiaGV4IiwiaHN2Q29sb3IiXSwibWFwcGluZ3MiOiI7OztBQUFBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7QUFDQSxTQUFTQyxRQUFULEVBQW1CQyxTQUFuQixFQUF5Q0MsU0FBekMsRUFBaUVDLEtBQUssSUFBSUMsV0FBMUUsUUFBNkYsb0JBQTdGO0FBQ0EsT0FBT0MsTUFBUCxNQUFvQyx5QkFBcEM7QUFDQSxPQUFPQyxLQUFQLE1BQWtCLFNBQWxCO0FBT0EsNEJBQWVQLEtBQUssQ0FBQ1EsVUFBTixDQUE4QyxVQUFDQyxLQUFELEVBQVFDLEdBQVIsRUFBZ0I7QUFDM0UseUJBQTRHRCxLQUE1RyxDQUFRRSxTQUFSO0FBQUEsTUFBUUEsU0FBUixpQ0FBb0IsZ0JBQXBCO0FBQUEsTUFBc0NDLFNBQXRDLEdBQTRHSCxLQUE1RyxDQUFzQ0csU0FBdEM7QUFBQSxNQUFpRFIsS0FBakQsR0FBNEdLLEtBQTVHLENBQWlETCxLQUFqRDtBQUFBLHNCQUE0R0ssS0FBNUcsQ0FBd0RJLE1BQXhEO0FBQUEsTUFBd0RBLE1BQXhELDhCQUFpRSxFQUFqRTtBQUFBLHlCQUE0R0osS0FBNUcsQ0FBcUVLLFNBQXJFO0FBQUEsTUFBcUVBLFNBQXJFLGlDQUFpRixFQUFqRjtBQUFBLE1BQXFGQyxTQUFyRixHQUE0R04sS0FBNUcsQ0FBcUZNLFFBQXJGO0FBQUEsTUFBa0dDLEtBQWxHLDRCQUE0R1AsS0FBNUc7O0FBQ0EsTUFBTVEsSUFBSSxHQUFJLE9BQU9iLEtBQVAsS0FBaUIsUUFBakIsSUFBNkJILFFBQVEsQ0FBQ0csS0FBRCxDQUFyQyxHQUErQ0QsU0FBUyxDQUFDQyxLQUFELENBQXhELEdBQWtFQSxLQUFLLElBQUksRUFBekY7QUFDQSxNQUFNYyxHQUFHLEdBQUdkLEtBQUssR0FBR0YsU0FBUyxDQUFDZSxJQUFELENBQVosR0FBcUIsRUFBdEM7QUFDQSxzQkFDRSxvQkFBQyxNQUFEO0FBQ0UsSUFBQSxHQUFHLEVBQUVQLEdBRFA7QUFFRSxJQUFBLE1BQU0sRUFBRUcsTUFGVjtBQUdFLElBQUEsS0FBSyxFQUFFSztBQUhULEtBSU1GLEtBSk47QUFLRSxJQUFBLFNBQVMsWUFBS0wsU0FBTCxjQUFrQkMsU0FBUyxJQUFJLEVBQS9CLENBTFg7QUFNRSxJQUFBLFVBQVUsRUFBRTtBQUFBLFVBQU1ILEtBQU47O0FBQUEsMEJBQWtCLG9CQUFDLEtBQUQsZUFBV0EsS0FBWDtBQUFrQixRQUFBLFNBQVMsRUFBRUs7QUFBN0IsU0FBbEI7QUFBQSxLQU5kO0FBT0UsSUFBQSxRQUFRLEVBQUUsa0JBQUNLLFFBQUQsRUFBYztBQUN0QkosTUFBQUEsU0FBUSxJQUFJQSxTQUFRLENBQUNWLFdBQVcsQ0FBQ2MsUUFBRCxDQUFaLENBQXBCO0FBQ0Q7QUFUSCxLQURGO0FBYUQsQ0FqQmMsQ0FBZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB2YWxpZEhleCwgaHN2YVRvSGV4LCBIc3ZhQ29sb3IsIGhleFRvSHN2YSwgQ29sb3JSZXN1bHQsIGNvbG9yIGFzIGhhbmRsZUNvbG9yIH0gZnJvbSAnQHVpdy9jb2xvci1jb252ZXJ0JztcbmltcG9ydCBTd2F0Y2gsIHsgU3dhdGNoUHJvcHMgfSBmcm9tICdAdWl3L3JlYWN0LWNvbG9yLXN3YXRjaCc7XG5pbXBvcnQgUG9pbnQgZnJvbSAnLi9Qb2ludCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2lyY2xlUHJvcHMgZXh0ZW5kcyBPbWl0PFN3YXRjaFByb3BzLCAnY29sb3InIHwgJ29uQ2hhbmdlJz4ge1xuICBjb2xvcj86IHN0cmluZyB8IEhzdmFDb2xvcjtcbiAgb25DaGFuZ2U/OiAoY29sb3I6IENvbG9yUmVzdWx0KSA9PiB2b2lkO1xufVxuXG5leHBvcnQgZGVmYXVsdCBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBDaXJjbGVQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBwcmVmaXhDbHMgPSAndy1jb2xvci1jaXJjbGUnLCBjbGFzc05hbWUsIGNvbG9yLCBjb2xvcnMgPSBbXSwgcmVjdFByb3BzID0ge30sIG9uQ2hhbmdlLCAuLi5vdGhlciB9ID0gcHJvcHM7XG4gIGNvbnN0IGhzdmEgPSAodHlwZW9mIGNvbG9yID09PSAnc3RyaW5nJyAmJiB2YWxpZEhleChjb2xvcikgPyBoZXhUb0hzdmEoY29sb3IpIDogY29sb3IgfHwge30pIGFzIEhzdmFDb2xvcjtcbiAgY29uc3QgaGV4ID0gY29sb3IgPyBoc3ZhVG9IZXgoaHN2YSkgOiAnJztcbiAgcmV0dXJuIChcbiAgICA8U3dhdGNoXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNvbG9ycz17Y29sb3JzfVxuICAgICAgY29sb3I9e2hleH1cbiAgICAgIHsuLi5vdGhlcn1cbiAgICAgIGNsYXNzTmFtZT17YCR7cHJlZml4Q2xzfSAke2NsYXNzTmFtZSB8fCAnJ31gfVxuICAgICAgcmVjdFJlbmRlcj17KHsgLi4ucHJvcHMgfSkgPT4gPFBvaW50IHsuLi5wcm9wc30gcmVjdFByb3BzPXtyZWN0UHJvcHN9IC8+fVxuICAgICAgb25DaGFuZ2U9eyhoc3ZDb2xvcikgPT4ge1xuICAgICAgICBvbkNoYW5nZSAmJiBvbkNoYW5nZShoYW5kbGVDb2xvcihoc3ZDb2xvcikpO1xuICAgICAgfX1cbiAgICAvPlxuICApO1xufSk7XG4iXX0=

lib/esm/Point.d.ts

@@ -1,4 +0,6 @@
-export default function Point(props: {
-    color?: string;
-    checked?: boolean;
-}): JSX.Element;
+import { SwatchRectRenderProps, SwatchProps } from '@uiw/react-color-swatch';
+interface PointProps extends SwatchRectRenderProps {
+    rectProps?: SwatchProps['rectProps'];
+}
+export default function Point({ style, title, checked, color, onClick, rectProps }: PointProps): JSX.Element;
+export {};

lib/esm/Point.js

@@ -1,49 +0,45 @@
-import React from 'react';
-import { useMemo } from 'react';
-import { useCallback } from 'react';
-import { useEffect } from 'react';
-import { useRef } from 'react';
-export default function Point(props) {
-  var elm = useRef(null);
+import _extends from "@babel/runtime/helpers/extends";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import React, { useCallback } from 'react';
+export default function Point(_ref) {
+  var style = _ref.style,
+      title = _ref.title,
+      checked = _ref.checked,
+      color = _ref.color,
+      onClick = _ref.onClick,
+      rectProps = _ref.rectProps;
   var handleMouseEnter = useCallback(function (evn) {
-    if (evn.target && evn.target.style) {
-      evn.target.style['transform'] = 'scale(1.2)';
-    }
+    evn.target.style['transform'] = 'scale(1.2)';
   }, []);
   var handleMouseLeave = useCallback(function (evn) {
-    if (evn.target && evn.target.style) {
-      evn.target.style['transform'] = 'scale(1)';
-    }
+    evn.target.style['transform'] = 'scale(1)';
   }, []);
-  useEffect(function () {
-    if (elm.current && elm.current.parentElement) {
-      elm.current.parentElement.addEventListener('mouseenter', handleMouseEnter);
-      elm.current.parentElement.addEventListener('mouseleave', handleMouseLeave);
-      elm.current.parentElement.style['transition'] = 'transform 100ms ease 0s, box-shadow 100ms ease 0s';
-    }
-
-    return function () {
-      if (elm.current && elm.current.parentElement) {
-        elm.current.parentElement.removeEventListener('mouseenter', handleMouseEnter);
-        elm.current.parentElement.removeEventListener('mouseleave', handleMouseLeave);
-      }
-    };
-  }, []);
-  useMemo(function () {
-    if (elm.current && elm.current.parentElement) {
-      elm.current.parentElement.style['boxShadow'] = "".concat(props.color, " 0px 0px ").concat(props.checked ? 5 : 0, "px");
-    }
-  }, [props.checked]);
   return /*#__PURE__*/React.createElement("div", {
-    ref: elm,
-    style: {
-      height: props.checked ? 20 : 0,
-      width: props.checked ? 20 : 0,
+    onClick: onClick,
+    onMouseEnter: handleMouseEnter,
+    onMouseOut: handleMouseLeave,
+    title: title,
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 28,
+      height: 28,
       borderRadius: '50%',
+      marginRight: 12,
+      marginBottom: 12,
+      boxShadow: "".concat(color, " 0px 0px ").concat(checked ? 5 : 0, "px"),
+      transition: 'transform 100ms ease 0s, box-shadow 100ms ease 0s'
+    })
+  }, /*#__PURE__*/React.createElement("div", _extends({}, rectProps, {
+    style: _objectSpread({
+      height: checked ? 20 : 0,
+      width: checked ? 20 : 0,
+      borderRadius: '50%',
       backgroundColor: '#fff',
       transform: 'scale(1)',
       transition: 'height 100ms ease 0s, width 100ms ease 0s'
-    }
-  });
+    }, rectProps.style)
+  })));
 }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qb2ludC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJ1c2VNZW1vIiwidXNlQ2FsbGJhY2siLCJ1c2VFZmZlY3QiLCJ1c2VSZWYiLCJQb2ludCIsInByb3BzIiwiZWxtIiwiaGFuZGxlTW91c2VFbnRlciIsImV2biIsInRhcmdldCIsInN0eWxlIiwiaGFuZGxlTW91c2VMZWF2ZSIsImN1cnJlbnQiLCJwYXJlbnRFbGVtZW50IiwiYWRkRXZlbnRMaXN0ZW5lciIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJjb2xvciIsImNoZWNrZWQiLCJoZWlnaHQiLCJ3aWR0aCIsImJvcmRlclJhZGl1cyIsImJhY2tncm91bmRDb2xvciIsInRyYW5zZm9ybSIsInRyYW5zaXRpb24iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLEtBQVAsTUFBa0IsT0FBbEI7QUFDQSxTQUFTQyxPQUFULFFBQXdCLE9BQXhCO0FBQ0EsU0FBU0MsV0FBVCxRQUE0QixPQUE1QjtBQUNBLFNBQVNDLFNBQVQsUUFBMEIsT0FBMUI7QUFDQSxTQUFTQyxNQUFULFFBQXVCLE9BQXZCO0FBRUEsZUFBZSxTQUFTQyxLQUFULENBQWVDLEtBQWYsRUFBNkQ7QUFDMUUsTUFBTUMsR0FBRyxHQUFHSCxNQUFNLENBQWlCLElBQWpCLENBQWxCO0FBQ0EsTUFBTUksZ0JBQWdCLEdBQUdOLFdBQVcsQ0FBQyxVQUFDTyxHQUFELEVBQVM7QUFDNUMsUUFBSUEsR0FBRyxDQUFDQyxNQUFKLElBQWNELEdBQUcsQ0FBQ0MsTUFBSixDQUFXQyxLQUE3QixFQUFvQztBQUNsQ0YsTUFBQUEsR0FBRyxDQUFDQyxNQUFKLENBQVdDLEtBQVgsQ0FBaUIsV0FBakIsSUFBZ0MsWUFBaEM7QUFDRDtBQUNGLEdBSm1DLEVBSWpDLEVBSmlDLENBQXBDO0FBTUEsTUFBTUMsZ0JBQWdCLEdBQUdWLFdBQVcsQ0FBQyxVQUFDTyxHQUFELEVBQVM7QUFDNUMsUUFBSUEsR0FBRyxDQUFDQyxNQUFKLElBQWNELEdBQUcsQ0FBQ0MsTUFBSixDQUFXQyxLQUE3QixFQUFvQztBQUNsQ0YsTUFBQUEsR0FBRyxDQUFDQyxNQUFKLENBQVdDLEtBQVgsQ0FBaUIsV0FBakIsSUFBZ0MsVUFBaEM7QUFDRDtBQUNGLEdBSm1DLEVBSWpDLEVBSmlDLENBQXBDO0FBTUFSLEVBQUFBLFNBQVMsQ0FBQyxZQUFNO0FBQ2QsUUFBSUksR0FBRyxDQUFDTSxPQUFKLElBQWVOLEdBQUcsQ0FBQ00sT0FBSixDQUFZQyxhQUEvQixFQUE4QztBQUM1Q1AsTUFBQUEsR0FBRyxDQUFDTSxPQUFKLENBQVlDLGFBQVosQ0FBMEJDLGdCQUExQixDQUEyQyxZQUEzQyxFQUF5RFAsZ0JBQXpEO0FBQ0FELE1BQUFBLEdBQUcsQ0FBQ00sT0FBSixDQUFZQyxhQUFaLENBQTBCQyxnQkFBMUIsQ0FBMkMsWUFBM0MsRUFBeURILGdCQUF6RDtBQUNBTCxNQUFBQSxHQUFHLENBQUNNLE9BQUosQ0FBWUMsYUFBWixDQUEwQkgsS0FBMUIsQ0FBZ0MsWUFBaEMsSUFBZ0QsbURBQWhEO0FBQ0Q7O0FBQ0QsV0FBTyxZQUFNO0FBQ1gsVUFBSUosR0FBRyxDQUFDTSxPQUFKLElBQWVOLEdBQUcsQ0FBQ00sT0FBSixDQUFZQyxhQUEvQixFQUE4QztBQUM1Q1AsUUFBQUEsR0FBRyxDQUFDTSxPQUFKLENBQVlDLGFBQVosQ0FBMEJFLG1CQUExQixDQUE4QyxZQUE5QyxFQUE0RFIsZ0JBQTVEO0FBQ0FELFFBQUFBLEdBQUcsQ0FBQ00sT0FBSixDQUFZQyxhQUFaLENBQTBCRSxtQkFBMUIsQ0FBOEMsWUFBOUMsRUFBNERKLGdCQUE1RDtBQUNEO0FBQ0YsS0FMRDtBQU1ELEdBWlEsRUFZTixFQVpNLENBQVQ7QUFjQVgsRUFBQUEsT0FBTyxDQUFDLFlBQU07QUFDWixRQUFJTSxHQUFHLENBQUNNLE9BQUosSUFBZU4sR0FBRyxDQUFDTSxPQUFKLENBQVlDLGFBQS9CLEVBQThDO0FBQzVDUCxNQUFBQSxHQUFHLENBQUNNLE9BQUosQ0FBWUMsYUFBWixDQUEwQkgsS0FBMUIsQ0FBZ0MsV0FBaEMsY0FBa0RMLEtBQUssQ0FBQ1csS0FBeEQsc0JBQXlFWCxLQUFLLENBQUNZLE9BQU4sR0FBZ0IsQ0FBaEIsR0FBb0IsQ0FBN0Y7QUFDRDtBQUNGLEdBSk0sRUFJSixDQUFDWixLQUFLLENBQUNZLE9BQVAsQ0FKSSxDQUFQO0FBTUEsc0JBQ0U7QUFDRSxJQUFBLEdBQUcsRUFBRVgsR0FEUDtBQUVFLElBQUEsS0FBSyxFQUFFO0FBQ0xZLE1BQUFBLE1BQU0sRUFBRWIsS0FBSyxDQUFDWSxPQUFOLEdBQWdCLEVBQWhCLEdBQXFCLENBRHhCO0FBRUxFLE1BQUFBLEtBQUssRUFBRWQsS0FBSyxDQUFDWSxPQUFOLEdBQWdCLEVBQWhCLEdBQXFCLENBRnZCO0FBR0xHLE1BQUFBLFlBQVksRUFBRSxLQUhUO0FBSUxDLE1BQUFBLGVBQWUsRUFBRSxNQUpaO0FBS0xDLE1BQUFBLFNBQVMsRUFBRSxVQUxOO0FBTUxDLE1BQUFBLFVBQVUsRUFBRTtBQU5QO0FBRlQsSUFERjtBQWFEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUG9pbnQocHJvcHM6IHsgY29sb3I/OiBzdHJpbmc7IGNoZWNrZWQ/OiBib29sZWFuIH0pIHtcbiAgY29uc3QgZWxtID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9IHVzZUNhbGxiYWNrKChldm4pID0+IHtcbiAgICBpZiAoZXZuLnRhcmdldCAmJiBldm4udGFyZ2V0LnN0eWxlKSB7XG4gICAgICBldm4udGFyZ2V0LnN0eWxlWyd0cmFuc2Zvcm0nXSA9ICdzY2FsZSgxLjIpJztcbiAgICB9XG4gIH0sIFtdKTtcblxuICBjb25zdCBoYW5kbGVNb3VzZUxlYXZlID0gdXNlQ2FsbGJhY2soKGV2bikgPT4ge1xuICAgIGlmIChldm4udGFyZ2V0ICYmIGV2bi50YXJnZXQuc3R5bGUpIHtcbiAgICAgIGV2bi50YXJnZXQuc3R5bGVbJ3RyYW5zZm9ybSddID0gJ3NjYWxlKDEpJztcbiAgICB9XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChlbG0uY3VycmVudCAmJiBlbG0uY3VycmVudC5wYXJlbnRFbGVtZW50KSB7XG4gICAgICBlbG0uY3VycmVudC5wYXJlbnRFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZW50ZXInLCBoYW5kbGVNb3VzZUVudGVyKTtcbiAgICAgIGVsbS5jdXJyZW50LnBhcmVudEVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2VsZWF2ZScsIGhhbmRsZU1vdXNlTGVhdmUpO1xuICAgICAgZWxtLmN1cnJlbnQucGFyZW50RWxlbWVudC5zdHlsZVsndHJhbnNpdGlvbiddID0gJ3RyYW5zZm9ybSAxMDBtcyBlYXNlIDBzLCBib3gtc2hhZG93IDEwMG1zIGVhc2UgMHMnO1xuICAgIH1cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKGVsbS5jdXJyZW50ICYmIGVsbS5jdXJyZW50LnBhcmVudEVsZW1lbnQpIHtcbiAgICAgICAgZWxtLmN1cnJlbnQucGFyZW50RWxlbWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWVudGVyJywgaGFuZGxlTW91c2VFbnRlcik7XG4gICAgICAgIGVsbS5jdXJyZW50LnBhcmVudEVsZW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2VsZWF2ZScsIGhhbmRsZU1vdXNlTGVhdmUpO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoZWxtLmN1cnJlbnQgJiYgZWxtLmN1cnJlbnQucGFyZW50RWxlbWVudCkge1xuICAgICAgZWxtLmN1cnJlbnQucGFyZW50RWxlbWVudC5zdHlsZVsnYm94U2hhZG93J10gPSBgJHtwcm9wcy5jb2xvcn0gMHB4IDBweCAke3Byb3BzLmNoZWNrZWQgPyA1IDogMH1weGA7XG4gICAgfVxuICB9LCBbcHJvcHMuY2hlY2tlZF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtlbG19XG4gICAgICBzdHlsZT17e1xuICAgICAgICBoZWlnaHQ6IHByb3BzLmNoZWNrZWQgPyAyMCA6IDAsXG4gICAgICAgIHdpZHRoOiBwcm9wcy5jaGVja2VkID8gMjAgOiAwLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjZmZmJyxcbiAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMSknLFxuICAgICAgICB0cmFuc2l0aW9uOiAnaGVpZ2h0IDEwMG1zIGVhc2UgMHMsIHdpZHRoIDEwMG1zIGVhc2UgMHMnLFxuICAgICAgfX1cbiAgICAvPlxuICApO1xufVxuIl19
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Qb2ludC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJ1c2VDYWxsYmFjayIsIlBvaW50Iiwic3R5bGUiLCJ0aXRsZSIsImNoZWNrZWQiLCJjb2xvciIsIm9uQ2xpY2siLCJyZWN0UHJvcHMiLCJoYW5kbGVNb3VzZUVudGVyIiwiZXZuIiwidGFyZ2V0IiwiaGFuZGxlTW91c2VMZWF2ZSIsImRpc3BsYXkiLCJhbGlnbkl0ZW1zIiwianVzdGlmeUNvbnRlbnQiLCJ3aWR0aCIsImhlaWdodCIsImJvcmRlclJhZGl1cyIsIm1hcmdpblJpZ2h0IiwibWFyZ2luQm90dG9tIiwiYm94U2hhZG93IiwidHJhbnNpdGlvbiIsImJhY2tncm91bmRDb2xvciIsInRyYW5zZm9ybSJdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPQSxLQUFQLElBQWdCQyxXQUFoQixRQUFtQyxPQUFuQztBQU9BLGVBQWUsU0FBU0MsS0FBVCxPQUFpRjtBQUFBLE1BQWhFQyxLQUFnRSxRQUFoRUEsS0FBZ0U7QUFBQSxNQUF6REMsS0FBeUQsUUFBekRBLEtBQXlEO0FBQUEsTUFBbERDLE9BQWtELFFBQWxEQSxPQUFrRDtBQUFBLE1BQXpDQyxLQUF5QyxRQUF6Q0EsS0FBeUM7QUFBQSxNQUFsQ0MsT0FBa0MsUUFBbENBLE9BQWtDO0FBQUEsTUFBekJDLFNBQXlCLFFBQXpCQSxTQUF5QjtBQUM5RixNQUFNQyxnQkFBZ0IsR0FBR1IsV0FBVyxDQUFDLFVBQUNTLEdBQUQsRUFBUztBQUM1Q0EsSUFBQUEsR0FBRyxDQUFDQyxNQUFKLENBQVdSLEtBQVgsQ0FBaUIsV0FBakIsSUFBZ0MsWUFBaEM7QUFDRCxHQUZtQyxFQUVqQyxFQUZpQyxDQUFwQztBQUlBLE1BQU1TLGdCQUFnQixHQUFHWCxXQUFXLENBQUMsVUFBQ1MsR0FBRCxFQUFTO0FBQzVDQSxJQUFBQSxHQUFHLENBQUNDLE1BQUosQ0FBV1IsS0FBWCxDQUFpQixXQUFqQixJQUFnQyxVQUFoQztBQUNELEdBRm1DLEVBRWpDLEVBRmlDLENBQXBDO0FBSUEsc0JBQ0U7QUFDRSxJQUFBLE9BQU8sRUFBRUksT0FEWDtBQUVFLElBQUEsWUFBWSxFQUFFRSxnQkFGaEI7QUFHRSxJQUFBLFVBQVUsRUFBRUcsZ0JBSGQ7QUFJRSxJQUFBLEtBQUssRUFBRVIsS0FKVDtBQUtFLElBQUEsS0FBSyxrQ0FDQUQsS0FEQTtBQUVIVSxNQUFBQSxPQUFPLEVBQUUsTUFGTjtBQUdIQyxNQUFBQSxVQUFVLEVBQUUsUUFIVDtBQUlIQyxNQUFBQSxjQUFjLEVBQUUsUUFKYjtBQUtIQyxNQUFBQSxLQUFLLEVBQUUsRUFMSjtBQU1IQyxNQUFBQSxNQUFNLEVBQUUsRUFOTDtBQU9IQyxNQUFBQSxZQUFZLEVBQUUsS0FQWDtBQVFIQyxNQUFBQSxXQUFXLEVBQUUsRUFSVjtBQVNIQyxNQUFBQSxZQUFZLEVBQUUsRUFUWDtBQVVIQyxNQUFBQSxTQUFTLFlBQUtmLEtBQUwsc0JBQXNCRCxPQUFPLEdBQUcsQ0FBSCxHQUFPLENBQXBDLE9BVk47QUFXSGlCLE1BQUFBLFVBQVUsRUFBRTtBQVhUO0FBTFAsa0JBbUJFLHdDQUNNZCxTQUROO0FBRUUsSUFBQSxLQUFLO0FBQ0hTLE1BQUFBLE1BQU0sRUFBRVosT0FBTyxHQUFHLEVBQUgsR0FBUSxDQURwQjtBQUVIVyxNQUFBQSxLQUFLLEVBQUVYLE9BQU8sR0FBRyxFQUFILEdBQVEsQ0FGbkI7QUFHSGEsTUFBQUEsWUFBWSxFQUFFLEtBSFg7QUFJSEssTUFBQUEsZUFBZSxFQUFFLE1BSmQ7QUFLSEMsTUFBQUEsU0FBUyxFQUFFLFVBTFI7QUFNSEYsTUFBQUEsVUFBVSxFQUFFO0FBTlQsT0FPQWQsU0FBUyxDQUFFTCxLQVBYO0FBRlAsS0FuQkYsQ0FERjtBQWtDRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFN3YXRjaFJlY3RSZW5kZXJQcm9wcywgU3dhdGNoUHJvcHMgfSBmcm9tICdAdWl3L3JlYWN0LWNvbG9yLXN3YXRjaCc7XG5cbmludGVyZmFjZSBQb2ludFByb3BzIGV4dGVuZHMgU3dhdGNoUmVjdFJlbmRlclByb3BzIHtcbiAgcmVjdFByb3BzPzogU3dhdGNoUHJvcHNbJ3JlY3RQcm9wcyddO1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBQb2ludCh7IHN0eWxlLCB0aXRsZSwgY2hlY2tlZCwgY29sb3IsIG9uQ2xpY2ssIHJlY3RQcm9wcyB9OiBQb2ludFByb3BzKSB7XG4gIGNvbnN0IGhhbmRsZU1vdXNlRW50ZXIgPSB1c2VDYWxsYmFjaygoZXZuKSA9PiB7XG4gICAgZXZuLnRhcmdldC5zdHlsZVsndHJhbnNmb3JtJ10gPSAnc2NhbGUoMS4yKSc7XG4gIH0sIFtdKTtcblxuICBjb25zdCBoYW5kbGVNb3VzZUxlYXZlID0gdXNlQ2FsbGJhY2soKGV2bikgPT4ge1xuICAgIGV2bi50YXJnZXQuc3R5bGVbJ3RyYW5zZm9ybSddID0gJ3NjYWxlKDEpJztcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgIG9uTW91c2VPdXQ9e2hhbmRsZU1vdXNlTGVhdmV9XG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgICBzdHlsZT17e1xuICAgICAgICAuLi5zdHlsZSxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICB3aWR0aDogMjgsXG4gICAgICAgIGhlaWdodDogMjgsXG4gICAgICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgICAgIG1hcmdpblJpZ2h0OiAxMixcbiAgICAgICAgbWFyZ2luQm90dG9tOiAxMixcbiAgICAgICAgYm94U2hhZG93OiBgJHtjb2xvcn0gMHB4IDBweCAke2NoZWNrZWQgPyA1IDogMH1weGAsXG4gICAgICAgIHRyYW5zaXRpb246ICd0cmFuc2Zvcm0gMTAwbXMgZWFzZSAwcywgYm94LXNoYWRvdyAxMDBtcyBlYXNlIDBzJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICB7Li4ucmVjdFByb3BzfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGhlaWdodDogY2hlY2tlZCA/IDIwIDogMCxcbiAgICAgICAgICB3aWR0aDogY2hlY2tlZCA/IDIwIDogMCxcbiAgICAgICAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJyNmZmYnLFxuICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDEpJyxcbiAgICAgICAgICB0cmFuc2l0aW9uOiAnaGVpZ2h0IDEwMG1zIGVhc2UgMHMsIHdpZHRoIDEwMG1zIGVhc2UgMHMnLFxuICAgICAgICAgIC4uLnJlY3RQcm9wcyEuc3R5bGUsXG4gICAgICAgIH19XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApO1xufVxuIl19

package.json

 {
   "name": "@uiw/react-color-circle",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Color swatch component for React.",
@@ -33,4 +33,4 @@ "homepage": "https://uiwjs.github.io/react-color/#react-color-circle",
     "@babel/runtime": "7.14.6",
-    "@uiw/color-convert": "^0.0.18",
-    "@uiw/react-color-swatch": "^0.0.18"
+    "@uiw/color-convert": "^0.0.19",
+    "@uiw/react-color-swatch": "^0.0.19"
   },
@@ -37,0 +37,0 @@ "devDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

28754

decreased by-14.3%

Lines of code

281

decreased by-9.35%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@uiw/color-convert@0.0.19(transitive)

• + Added@uiw/react-color-swatch@0.0.19(transitive)

• - Removed@uiw/color-convert@0.0.18(transitive)

• - Removed@uiw/react-color-swatch@0.0.18(transitive)

• Updated@uiw/color-convert@^0.0.19

• Updated@uiw/react-color-swatch@^0.0.19