@rc-component/select 1.2.1 → 1.2.3

package/README.md

@@ -1,4 +1,4 @@
-# rc-select
+# @rc-component/select
 
 ---
 
@@ -12,22 +12,20 @@ React Select Component.
 [![bundle size][bundlephobia-image]][bundlephobia-url]
 [![dumi][dumi-image]][dumi-url]
 
-[npm-image]: http://img.shields.io/npm/v/rc-select.svg?style=flat-square
-[npm-url]: http://npmjs.org/package/rc-select
-[travis-image]: https://img.shields.io/travis/react-component/select/master?style=flat-square
-[travis-url]: https://travis-ci.com/react-component/select
-[github-actions-image]: https://github.com/react-component/select/workflows/CI/badge.svg
-[github-actions-url]: https://github.com/react-component/select/actions
+[npm-image]: https://img.shields.io/npm/v/@rc-component/select.svg?style=flat-square
+[npm-url]: http://npmjs.org/package/@rc-component/select
+[github-actions-image]: https://github.com/react-component/select/actions/workflows/test.yml/badge.svg
+[github-actions-url]: https://github.com/react-component/select/actions/workflows/test.yml
 [codecov-image]: https://img.shields.io/codecov/c/github/react-component/select/master.svg?style=flat-square
 [codecov-url]: https://app.codecov.io/gh/react-component/select
 [david-url]: https://david-dm.org/react-component/select
 [david-image]: https://david-dm.org/react-component/select/status.svg?style=flat-square
 [david-dev-url]: https://david-dm.org/react-component/select?type=dev
 [david-dev-image]: https://david-dm.org/react-component/select/dev-status.svg?style=flat-square
-[download-image]: https://img.shields.io/npm/dm/rc-select.svg?style=flat-square
-[download-url]: https://npmjs.org/package/rc-select
-[bundlephobia-url]: https://bundlephobia.com/package/rc-select
-[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/rc-select
+[download-image]: https://img.shields.io/npm/dm/@rc-component/select.svg?style=flat-square
+[download-url]: https://npmjs.org/package/@rc-component/select
+[bundlephobia-url]: https://bundlephobia.com/package/@rc-component/select
+[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/@rc-component/select
 [dumi-url]: https://github.com/umijs/dumi
 [dumi-image]: https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square
 
@@ -46,15 +44,15 @@ React Select Component.
 
 ## install
 
-[![rc-select](https://nodei.co/npm/rc-select.png)](https://npmjs.org/package/rc-select)
+[![@rc-component/select](https://nodei.co/npm/@rc-component/select.png)](https://npmjs.org/package/@rc-component/select)
 
 ## Usage
 
 ### basic use
 
 ```jsx | pure
-import Select, { Option } from 'rc-select';
-import 'rc-select/assets/index.css';
+import Select, { Option } from '@rc-component/select';
+import '@rc-component/select/assets/index.css';
 
 export default () => (
   <Select>
@@ -178,7 +176,7 @@ npm start
 
 local example: http://localhost:9001/
 
-online example: http://select.react-component.now.sh/
+online example: https://select-react-component.vercel.app/
 
 ## Test Case
 
@@ -194,4 +192,4 @@ npm run coverage
 
 ## License
 
-rc-select is released under the MIT license.
+@rc-component/select is released under the MIT license.

package/es/BaseSelect/index.js

@@ -318,9 +318,6 @@ const BaseSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
       }
     }
     if (!disabled) {
-      triggerOpen(false, {
-        lazy: true
-      });
       onBlur?.(event);
     }
   };

package/es/SelectInput/index.js

@@ -10,6 +10,7 @@ import { isValidateOpenKey } from "../utils/keyUtil";
 import { clsx } from 'clsx';
 import { getDOM } from "@rc-component/util/es/Dom/findDOMNode";
 import { composeRef } from "@rc-component/util/es/ref";
+import { macroTask } from "../hooks/useOpen";
 const DEFAULT_OMIT_PROPS = ['value', 'onChange', 'removeIcon', 'placeholder', 'maxTagCount', 'maxTagTextLength', 'maxTagPlaceholder', 'choiceTransitionName', 'onInputKeyDown', 'onPopupScroll', 'tabIndex', 'activeValue', 'onSelectorRemove', 'focused'];
 export default /*#__PURE__*/React.forwardRef(function SelectInput(props, ref) {
   const {
@@ -106,7 +107,8 @@ export default /*#__PURE__*/React.forwardRef(function SelectInput(props, ref) {
   // ====================== Open ======================
   const onInternalMouseDown = useEvent(event => {
     if (!disabled) {
-      if (event.target !== getDOM(inputRef.current)) {
+      const inputDOM = getDOM(inputRef.current);
+      if (inputDOM && event.target !== inputDOM && !inputDOM.contains(event.target)) {
         event.preventDefault();
       }
 
@@ -128,7 +130,12 @@ export default /*#__PURE__*/React.forwardRef(function SelectInput(props, ref) {
     onMouseDown?.(event);
   });
   const onInternalBlur = event => {
-    toggleOpen(false);
+    macroTask(() => {
+      const inputNode = getDOM(inputRef.current);
+      if (!inputNode || inputNode !== document.activeElement && !inputNode.contains(document.activeElement)) {
+        toggleOpen(false);
+      }
+    });
     onBlur?.(event);
   };
 

package/es/hooks/useOpen.d.ts

@@ -1,3 +1,4 @@
+export declare const macroTask: (fn: VoidFunction, times?: number) => void;
 /**
  * Trigger by latest open call, if nextOpen is undefined, means toggle.
  * ignoreNext will skip next call in the macro task queue.

package/es/hooks/useOpen.js

@@ -5,7 +5,7 @@ const internalMacroTask = fn => {
   channel.port1.onmessage = fn;
   channel.port2.postMessage(null);
 };
-const macroTask = (fn, times = 1) => {
+export const macroTask = (fn, times = 1) => {
   if (times <= 0) {
     fn();
     return;
@@ -50,15 +50,14 @@ export default function useOpen(propOpen, onOpen, postOpen) {
   });
   const toggleOpen = useEvent((nextOpen, config = {}) => {
     const {
-      ignoreNext = false,
-      lazy = false
+      ignoreNext = false
     } = config;
     taskIdRef.current += 1;
     const id = taskIdRef.current;
     const nextOpenVal = typeof nextOpen === 'boolean' ? nextOpen : !mergedOpen;
 
     // Since `mergedOpen` is post-processed, we need to check if the value really changed
-    if (nextOpenVal || !lazy) {
+    if (nextOpenVal) {
       if (!taskLockRef.current) {
         triggerEvent(nextOpenVal);
 

package/lib/BaseSelect/index.js

@@ -327,9 +327,6 @@ const BaseSelect = /*#__PURE__*/React.forwardRef((props, ref) => {
       }
     }
     if (!disabled) {
-      triggerOpen(false, {
-        lazy: true
-      });
       onBlur?.(event);
     }
   };

package/lib/SelectInput/index.js

@@ -15,6 +15,7 @@ var _keyUtil = require("../utils/keyUtil");
 var _clsx = require("clsx");
 var _findDOMNode = require("@rc-component/util/lib/Dom/findDOMNode");
 var _ref = require("@rc-component/util/lib/ref");
+var _useOpen = require("../hooks/useOpen");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -115,7 +116,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function SelectIn
   // ====================== Open ======================
   const onInternalMouseDown = (0, _util.useEvent)(event => {
     if (!disabled) {
-      if (event.target !== (0, _findDOMNode.getDOM)(inputRef.current)) {
+      const inputDOM = (0, _findDOMNode.getDOM)(inputRef.current);
+      if (inputDOM && event.target !== inputDOM && !inputDOM.contains(event.target)) {
         event.preventDefault();
       }
 
@@ -137,7 +139,12 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function SelectIn
     onMouseDown?.(event);
   });
   const onInternalBlur = event => {
-    toggleOpen(false);
+    (0, _useOpen.macroTask)(() => {
+      const inputNode = (0, _findDOMNode.getDOM)(inputRef.current);
+      if (!inputNode || inputNode !== document.activeElement && !inputNode.contains(document.activeElement)) {
+        toggleOpen(false);
+      }
+    });
     onBlur?.(event);
   };
 

package/lib/hooks/useOpen.d.ts

@@ -1,3 +1,4 @@
+export declare const macroTask: (fn: VoidFunction, times?: number) => void;
 /**
  * Trigger by latest open call, if nextOpen is undefined, means toggle.
  * ignoreNext will skip next call in the macro task queue.

package/lib/hooks/useOpen.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useOpen;
+exports.macroTask = void 0;
 var _util = require("@rc-component/util");
 var _react = require("react");
 const internalMacroTask = fn => {
@@ -25,7 +26,7 @@ const macroTask = (fn, times = 1) => {
  * Trigger by latest open call, if nextOpen is undefined, means toggle.
  * ignoreNext will skip next call in the macro task queue.
  */
-
+exports.macroTask = macroTask;
 /**
  * When `open` is controlled, follow the controlled value;
  * Otherwise use uncontrolled logic.
@@ -56,15 +57,14 @@ function useOpen(propOpen, onOpen, postOpen) {
   });
   const toggleOpen = (0, _util.useEvent)((nextOpen, config = {}) => {
     const {
-      ignoreNext = false,
-      lazy = false
+      ignoreNext = false
     } = config;
     taskIdRef.current += 1;
     const id = taskIdRef.current;
     const nextOpenVal = typeof nextOpen === 'boolean' ? nextOpen : !mergedOpen;
 
     // Since `mergedOpen` is post-processed, we need to check if the value really changed
-    if (nextOpenVal || !lazy) {
+    if (nextOpenVal) {
       if (!taskLockRef.current) {
         triggerEvent(nextOpenVal);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/select",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "React Select",
   "engines": {
     "node": ">=8.x"
@@ -49,7 +49,6 @@
     "react-dom": "*"
   },
   "dependencies": {
-    "@rc-component/motion": "^1.1.4",
     "@rc-component/trigger": "^3.0.0",
     "@rc-component/util": "^1.3.0",
     "clsx": "^2.1.1",
@@ -65,12 +64,10 @@
     "@types/node": "^24.5.2",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
+    "@umijs/fabric": "^4.0.1",
     "babel-jest": "^29.6.1",
-    "cross-env": "^7.0.0",
     "dumi": "^2.2.13",
     "eslint": "^8.55.0",
-    "eslint-plugin-jest": "^28.8.1",
-    "eslint-plugin-unicorn": "^56.0.0",
     "father": "^4.0.0",
     "husky": "^9.1.5",
     "jsonp": "^0.2.1",