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

Comparing version 1.0.0-alpha.1 to 1.0.0-alpha.2

es/ColorPicker.js

 import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["open", "trigger", "children", "onOpenChange", "placement", "classNames", "style", "prefixCls", "builtinPlacements", "motion"];
+var _excluded = ["open", "disabled", "trigger", "children", "onOpenChange", "placement", "classNames", "style", "prefixCls", "builtinPlacements", "motion"];
 import Trigger from '@rc-component/trigger';
+import useMergedState from "rc-util/es/hooks/useMergedState";
 import React from 'react';
@@ -11,4 +13,5 @@ import placements from "./components/placements";
   var open = props.open,
+    disabled = props.disabled,
     _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
     children = props.children,
@@ -26,8 +29,18 @@ onOpenChange = props.onOpenChange,
     resetProps = _objectWithoutProperties(props, _excluded);
+  var _useMergedState = useMergedState(false, {
+      value: open,
+      postState: function postState(openData) {
+        return !disabled && openData;
+      },
+      onChange: onOpenChange
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    openValue = _useMergedState2[0],
+    setOpenValue = _useMergedState2[1];
   return /*#__PURE__*/React.createElement(Trigger, _extends({
     action: [trigger],
-    popupVisible: open,
+    popupVisible: openValue,
     popup: /*#__PURE__*/React.createElement(Panel, props),
     popupPlacement: placement,
-    onPopupVisibleChange: onOpenChange,
+    onPopupVisibleChange: setOpenValue,
     popupClassName: classNames === null || classNames === void 0 ? void 0 : classNames.popup,
@@ -34,0 +47,0 @@ popupStyle: style === null || style === void 0 ? void 0 : style.popup,

lib/ColorPicker.js

@@ -9,4 +9,6 @@ "use strict";
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _trigger = _interopRequireDefault(require("@rc-component/trigger"));
+var _useMergedState3 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
 var _react = _interopRequireDefault(require("react"));
@@ -16,7 +18,8 @@ var _placements = _interopRequireDefault(require("./components/placements"));
 var _util = require("./util");
-var _excluded = ["open", "trigger", "children", "onOpenChange", "placement", "classNames", "style", "prefixCls", "builtinPlacements", "motion"];
+var _excluded = ["open", "disabled", "trigger", "children", "onOpenChange", "placement", "classNames", "style", "prefixCls", "builtinPlacements", "motion"];
 var ColorPicker = function ColorPicker(props) {
   var open = props.open,
+    disabled = props.disabled,
     _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
     children = props.children,
@@ -34,8 +37,18 @@ onOpenChange = props.onOpenChange,
     resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useMergedState = (0, _useMergedState3.default)(false, {
+      value: open,
+      postState: function postState(openData) {
+        return !disabled && openData;
+      },
+      onChange: onOpenChange
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    openValue = _useMergedState2[0],
+    setOpenValue = _useMergedState2[1];
   return /*#__PURE__*/_react.default.createElement(_trigger.default, (0, _extends2.default)({
     action: [trigger],
-    popupVisible: open,
+    popupVisible: openValue,
     popup: /*#__PURE__*/_react.default.createElement(_Panel.default, props),
     popupPlacement: placement,
-    onPopupVisibleChange: onOpenChange,
+    onPopupVisibleChange: setOpenValue,
     popupClassName: classNames === null || classNames === void 0 ? void 0 : classNames.popup,
@@ -42,0 +55,0 @@ popupStyle: style === null || style === void 0 ? void 0 : style.popup,

package.json

 {
   "name": "@rc-component/color-picker",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.2",
   "description": "React Color Picker",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

78382

increased by1.44%

Lines of code

1898

increased by1.39%

No dependency changes