@rc-component/select - npm Package Compare versions

Comparing version 1.9.1 to 1.10.0

es/BaseSelect/index.d.ts

@@ -87,5 +87,5 @@ import type { AlignType, BuildInPlacements } from '@rc-component/trigger';
     /** @private Internal usage. Do not use in your production. */
-    getInputElement?: () => JSX.Element;
+    getInputElement?: () => React.ReactElement;
     /** @private Internal usage. Do not use in your production. */
-    getRawInputElement?: () => JSX.Element;
+    getRawInputElement?: () => React.ReactElement;
     maxTagTextLength?: number;
@@ -92,0 +92,0 @@ maxTagCount?: number | 'responsive';

es/hooks/useRefFunc.js

@@ -8,3 +8,3 @@ import * as React from 'react';
 export default function useRefFunc(callback) {
-  const funcRef = React.useRef();
+  const funcRef = React.useRef(callback);
   funcRef.current = callback;
@@ -11,0 +11,0 @@ const cacheFn = React.useCallback((...args) => {

es/OptionList.js

@@ -289,2 +289,3 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
   }), renderItem(activeIndex - 1), renderItem(activeIndex), renderItem(activeIndex + 1)), /*#__PURE__*/React.createElement(List, {
+    prefixCls: `${prefixCls}-dropdown-list`,
     itemKey: "key",
@@ -291,0 +292,0 @@ ref: listRef,

es/Select.d.ts

@@ -128,3 +128,3 @@ /**
 }
-declare const TypedSelect: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: React.PropsWithChildren<SelectProps<ValueType, OptionType>> & React.RefAttributes<BaseSelectRef>) => React.ReactElement) & {
+declare const TypedSelect: (<ValueType = any, OptionType extends DefaultOptionType | BaseOptionType = DefaultOptionType>(props: React.PropsWithChildren<SelectProps<ValueType, OptionType>> & React.RefAttributes<BaseSelectRef>) => React.ReactElement) & {
     Option: typeof Option;
@@ -131,0 +131,0 @@ OptGroup: typeof OptGroup;

es/Select.js

@@ -335,3 +335,3 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
   const mergedDefaultActiveFirstOption = defaultActiveFirstOption !== undefined ? defaultActiveFirstOption : mode !== 'combobox';
-  const activeEventRef = React.useRef();
+  const activeEventRef = React.useRef(undefined);
   const onActiveValue = React.useCallback((active, index, {
@@ -338,0 +338,0 @@ source = 'keyboard'

lib/BaseSelect/index.d.ts

@@ -87,5 +87,5 @@ import type { AlignType, BuildInPlacements } from '@rc-component/trigger';
     /** @private Internal usage. Do not use in your production. */
-    getInputElement?: () => JSX.Element;
+    getInputElement?: () => React.ReactElement;
     /** @private Internal usage. Do not use in your production. */
-    getRawInputElement?: () => JSX.Element;
+    getRawInputElement?: () => React.ReactElement;
     maxTagTextLength?: number;
@@ -92,0 +92,0 @@ maxTagCount?: number | 'responsive';

lib/hooks/useRefFunc.js

@@ -15,3 +15,3 @@ "use strict";
 function useRefFunc(callback) {
-  const funcRef = React.useRef();
+  const funcRef = React.useRef(callback);
   funcRef.current = callback;
@@ -18,0 +18,0 @@ const cacheFn = React.useCallback((...args) => {

lib/OptionList.js

@@ -297,2 +297,3 @@ "use strict";
   }), renderItem(activeIndex - 1), renderItem(activeIndex), renderItem(activeIndex + 1)), /*#__PURE__*/React.createElement(_virtualList.default, {
+    prefixCls: `${prefixCls}-dropdown-list`,
     itemKey: "key",
@@ -299,0 +300,0 @@ ref: listRef,

lib/Select.d.ts

@@ -128,3 +128,3 @@ /**
 }
-declare const TypedSelect: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: React.PropsWithChildren<SelectProps<ValueType, OptionType>> & React.RefAttributes<BaseSelectRef>) => React.ReactElement) & {
+declare const TypedSelect: (<ValueType = any, OptionType extends DefaultOptionType | BaseOptionType = DefaultOptionType>(props: React.PropsWithChildren<SelectProps<ValueType, OptionType>> & React.RefAttributes<BaseSelectRef>) => React.ReactElement) & {
     Option: typeof Option;
@@ -131,0 +131,0 @@ OptGroup: typeof OptGroup;

lib/Select.js

@@ -342,3 +342,3 @@ "use strict";
   const mergedDefaultActiveFirstOption = defaultActiveFirstOption !== undefined ? defaultActiveFirstOption : mode !== 'combobox';
-  const activeEventRef = React.useRef();
+  const activeEventRef = React.useRef(undefined);
   const onActiveValue = React.useCallback((active, index, {
@@ -345,0 +345,0 @@ source = 'keyboard'

package.json

 {
   "name": "@rc-component/select",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "React Select",
@@ -58,26 +58,34 @@ "engines": {
   "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@eslint/compat": "^2.1.0",
     "@rc-component/dialog": "^1.10.0",
     "@rc-component/father-plugin": "^2.2.0",
     "@rc-component/np": "^1.0.4",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^15.0.7",
-    "@types/jest": "^29.5.14",
+    "@testing-library/react": "^16.3.2",
+    "@types/jest": "^30.0.0",
     "@types/node": "^26.0.1",
-    "@types/react": "^18.3.31",
-    "@types/react-dom": "^18.3.7",
-    "@umijs/fabric": "^4.0.1",
-    "babel-jest": "^29.7.0",
-    "dumi": "^2.4.35",
-    "eslint": "^8.57.1",
-    "father": "^4.6.23",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "babel-jest": "^30.4.1",
+    "dumi": "^2.4.38",
+    "eslint": "^10.6.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jest": "^29.15.4",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "father": "^4.6.24",
+    "globals": "^17.7.0",
     "husky": "^9.1.7",
     "jsonp": "^0.2.1",
     "less": "^4.6.7",
-    "lint-staged": "^16.4.0",
-    "prettier": "^3.9.0",
+    "lint-staged": "^17.0.8",
+    "prettier": "^3.9.4",
     "querystring": "^0.2.1",
     "rc-test": "^7.1.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "typescript": "^5.9.3"
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.62.1"
   },
@@ -84,0 +92,0 @@ "publishConfig": {

README.md

 <div align="center">
   <h1>@rc-component/select</h1>
-  <p><sub><img alt="Ant Design" height="14" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" style="vertical-align: -0.125em;" /> Part of the Ant Design ecosystem.</sub></p>
+  <p><sub><a href="https://ant.design"><img alt="Ant Design" height="14" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" style="vertical-align: -0.125em;" /></a> Part of the Ant Design ecosystem.</sub></p>
   <p>🎯 Composable Select component for React, with search, async-friendly option data, custom rendering, and virtual scrolling.</p>
@@ -5,0 +5,0 @@

README.zh-CN.md

 <div align="center">
   <h1>@rc-component/select</h1>
-  <p><sub><img alt="Ant Design" height="14" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" style="vertical-align: -0.125em;" /> Ant Design 生态的一部分。</sub></p>
+  <p><sub><a href="https://ant.design"><img alt="Ant Design" height="14" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" style="vertical-align: -0.125em;" /></a> Ant Design 生态的一部分。</sub></p>
   <p>🎯 React 选择器组件，支持单选、多选、搜索、标签和自定义渲染。</p>
@@ -5,0 +5,0 @@

No alert changes

Improved metrics

Total package byte prevSize

338290

0.15%

Lines of code

8023

0.02%

Worsened metrics

Dev dependency count

32

33.33%

No dependency changes