rc-select - npm Package Compare versions

Comparing version 14.16.5 to 14.16.6

es/BaseSelect/index.js

@@ -314,7 +314,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
       var _listRef$current2;
+      // Lock the Enter key after it is pressed to avoid repeated triggering of the onChange event.
+      if (isEnterKey) {
+        keyLockRef.current = true;
+      }
       (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || _listRef$current2.onKeyDown.apply(_listRef$current2, [event].concat(rest));
     }
-    if (isEnterKey) {
-      keyLockRef.current = true;
-    }
     onKeyDown === null || onKeyDown === void 0 || onKeyDown.apply(void 0, [event].concat(rest));
@@ -348,2 +349,6 @@ };
   };
+  var onInputBlur = function onInputBlur() {
+    // Unlock the Enter key after the input blur; otherwise, the Enter key needs to be pressed twice to trigger the correct effect.
+    keyLockRef.current = false;
+  };
 
@@ -562,3 +567,4 @@ // ========================== Focus / Blur ==========================
     onRemove: onSelectorRemove,
-    tokenWithEnter: tokenWithEnter
+    tokenWithEnter: tokenWithEnter,
+    onInputBlur: onInputBlur
   })));
@@ -565,0 +571,0 @@

es/Selector/index.d.ts

@@ -37,2 +37,3 @@ /**
     onInputCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onInputBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
 }
@@ -77,2 +78,3 @@ export interface RefSelectorProps {
     onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onInputBlur?: () => void;
     /**
@@ -79,0 +81,0 @@ * @private get real dom for trigger align.

es/Selector/index.js

@@ -35,2 +35,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
     onInputKeyDown = props.onInputKeyDown,
+    onInputBlur = props.onInputBlur,
     domRef = props.domRef;
@@ -162,3 +163,4 @@
     onInputCompositionStart: onInputCompositionStart,
-    onInputCompositionEnd: onInputCompositionEnd
+    onInputCompositionEnd: onInputCompositionEnd,
+    onInputBlur: onInputBlur
   };
@@ -165,0 +167,0 @@ var selectNode = mode === 'multiple' || mode === 'tags' ? /*#__PURE__*/React.createElement(MultipleSelector, _extends({}, props, sharedProps)) : /*#__PURE__*/React.createElement(SingleSelector, _extends({}, props, sharedProps));

es/Selector/Input.d.ts

@@ -22,2 +22,3 @@ import * as React from 'react';
     onPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
+    onBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
     onCompositionStart: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
@@ -24,0 +25,0 @@ onCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;

es/Selector/Input.js

@@ -25,2 +25,3 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
     _onCompositionEnd = props.onCompositionEnd,
+    _onBlur = props.onBlur,
     open = props.open,
@@ -37,2 +38,3 @@ attrs = props.attrs;
     onOriginCompositionEnd = originProps.onCompositionEnd,
+    onOriginBlur = originProps.onBlur,
     style = originProps.style;
@@ -96,3 +98,9 @@ warning(!('maxLength' in inputNode.props), "Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled.");
     },
-    onPaste: onPaste
+    onPaste: onPaste,
+    onBlur: function onBlur(event) {
+      _onBlur(event);
+      if (onOriginBlur) {
+        onOriginBlur(event);
+      }
+    }
   }));
@@ -99,0 +107,0 @@ return inputNode;

es/Selector/MultipleSelector.js

@@ -51,3 +51,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
     onInputCompositionStart = props.onInputCompositionStart,
-    onInputCompositionEnd = props.onInputCompositionEnd;
+    onInputCompositionEnd = props.onInputCompositionEnd,
+    onInputBlur = props.onInputBlur;
   var measureRef = React.useRef(null);
@@ -167,2 +168,3 @@ var _useState = useState(0),
     onCompositionEnd: onInputCompositionEnd,
+    onBlur: onInputBlur,
     tabIndex: tabIndex,
@@ -169,0 +171,0 @@ attrs: pickAttrs(props, true)

es/Selector/SingleSelector.js

@@ -30,2 +30,3 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
     onInputCompositionEnd = props.onInputCompositionEnd,
+    onInputBlur = props.onInputBlur,
     title = props.title;
@@ -90,2 +91,3 @@ var _React$useState = React.useState(false),
     onCompositionEnd: onInputCompositionEnd,
+    onBlur: onInputBlur,
     tabIndex: tabIndex,
@@ -92,0 +94,0 @@ attrs: pickAttrs(props, true),

lib/BaseSelect/index.js

@@ -324,7 +324,8 @@ "use strict";
       var _listRef$current2;
+      // Lock the Enter key after it is pressed to avoid repeated triggering of the onChange event.
+      if (isEnterKey) {
+        keyLockRef.current = true;
+      }
       (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || _listRef$current2.onKeyDown.apply(_listRef$current2, [event].concat(rest));
     }
-    if (isEnterKey) {
-      keyLockRef.current = true;
-    }
     onKeyDown === null || onKeyDown === void 0 || onKeyDown.apply(void 0, [event].concat(rest));
@@ -358,2 +359,6 @@ };
   };
+  var onInputBlur = function onInputBlur() {
+    // Unlock the Enter key after the input blur; otherwise, the Enter key needs to be pressed twice to trigger the correct effect.
+    keyLockRef.current = false;
+  };
 
@@ -572,3 +577,4 @@ // ========================== Focus / Blur ==========================
     onRemove: onSelectorRemove,
-    tokenWithEnter: tokenWithEnter
+    tokenWithEnter: tokenWithEnter,
+    onInputBlur: onInputBlur
   })));
@@ -575,0 +581,0 @@

lib/Selector/index.d.ts

@@ -37,2 +37,3 @@ /**
     onInputCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onInputBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
 }
@@ -77,2 +78,3 @@ export interface RefSelectorProps {
     onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onInputBlur?: () => void;
     /**
@@ -79,0 +81,0 @@ * @private get real dom for trigger align.

lib/Selector/index.js

@@ -45,2 +45,3 @@ "use strict";
     onInputKeyDown = props.onInputKeyDown,
+    onInputBlur = props.onInputBlur,
     domRef = props.domRef;
@@ -172,3 +173,4 @@
     onInputCompositionStart: onInputCompositionStart,
-    onInputCompositionEnd: onInputCompositionEnd
+    onInputCompositionEnd: onInputCompositionEnd,
+    onInputBlur: onInputBlur
   };
@@ -175,0 +177,0 @@ var selectNode = mode === 'multiple' || mode === 'tags' ? /*#__PURE__*/React.createElement(_MultipleSelector.default, (0, _extends2.default)({}, props, sharedProps)) : /*#__PURE__*/React.createElement(_SingleSelector.default, (0, _extends2.default)({}, props, sharedProps));

lib/Selector/Input.d.ts

@@ -22,2 +22,3 @@ import * as React from 'react';
     onPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
+    onBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
     onCompositionStart: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
@@ -24,0 +25,0 @@ onCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;

lib/Selector/Input.js

@@ -35,2 +35,3 @@ "use strict";
     _onCompositionEnd = props.onCompositionEnd,
+    _onBlur = props.onBlur,
     open = props.open,
@@ -47,2 +48,3 @@ attrs = props.attrs;
     onOriginCompositionEnd = originProps.onCompositionEnd,
+    onOriginBlur = originProps.onBlur,
     style = originProps.style;
@@ -106,3 +108,9 @@ (0, _warning.warning)(!('maxLength' in inputNode.props), "Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled.");
     },
-    onPaste: onPaste
+    onPaste: onPaste,
+    onBlur: function onBlur(event) {
+      _onBlur(event);
+      if (onOriginBlur) {
+        onOriginBlur(event);
+      }
+    }
   }));
@@ -109,0 +117,0 @@ return inputNode;

lib/Selector/MultipleSelector.js

@@ -61,3 +61,4 @@ "use strict";
     onInputCompositionStart = props.onInputCompositionStart,
-    onInputCompositionEnd = props.onInputCompositionEnd;
+    onInputCompositionEnd = props.onInputCompositionEnd,
+    onInputBlur = props.onInputBlur;
   var measureRef = React.useRef(null);
@@ -177,2 +178,3 @@ var _useState = (0, _react.useState)(0),
     onCompositionEnd: onInputCompositionEnd,
+    onBlur: onInputBlur,
     tabIndex: tabIndex,
@@ -179,0 +181,0 @@ attrs: (0, _pickAttrs.default)(props, true)

lib/Selector/SingleSelector.js

@@ -40,2 +40,3 @@ "use strict";
     onInputCompositionEnd = props.onInputCompositionEnd,
+    onInputBlur = props.onInputBlur,
     title = props.title;
@@ -100,2 +101,3 @@ var _React$useState = React.useState(false),
     onCompositionEnd: onInputCompositionEnd,
+    onBlur: onInputBlur,
     tabIndex: tabIndex,
@@ -102,0 +104,0 @@ attrs: (0, _pickAttrs.default)(props, true),

package.json

 {
   "name": "rc-select",
-  "version": "14.16.5",
+  "version": "14.16.6",
   "description": "React Select",
@@ -5,0 +5,0 @@ "engines": {

No alert changes

Improved metrics

Total package byte prevSize

347463

increased by0.54%

Lines of code

7596

increased by0.61%

No dependency changes