chore: update maintenance dependencies

.github/dependabot.yml

@@ -8,6 +8,10 @@ updates:
       time: '21:00'
       timezone: Asia/Shanghai
     open-pull-requests-limit: 10
+    groups:
+      npm-dependencies:
+        patterns:
+          - '*'
 
   - package-ecosystem: github-actions
     directory: '/'
@@ -17,3 +21,7 @@ updates:
       time: '21:00'
       timezone: Asia/Shanghai
     open-pull-requests-limit: 10
+    groups:
+      github-actions:
+        patterns:
+          - '*'

README.md

@@ -1,6 +1,6 @@
 <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>
 
   <p>

README.zh-CN.md

@@ -1,6 +1,6 @@
 <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>
 
   <p>

eslint.config.mjs

@@ -0,0 +1,100 @@
+import { FlatCompat } from '@eslint/eslintrc';
+import js from '@eslint/js';
+import tsEslintPlugin from '@typescript-eslint/eslint-plugin';
+import { createRequire } from 'node:module';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const require = createRequire(import.meta.url);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+const legacyConfig = require('./.eslintrc.js');
+const recommendedTsRulesConfig = tsEslintPlugin.configs.recommended;
+const recommendedTsRulesObject = Array.isArray(recommendedTsRulesConfig)
+  ? recommendedTsRulesConfig.reduce((rules, config) => ({ ...rules, ...(config.rules || {}) }), {})
+  : recommendedTsRulesConfig?.rules || {};
+const recommendedTsRules = new Set(Object.keys(recommendedTsRulesObject));
+
+function hasCurrentTsRule(ruleName) {
+  const tsRuleName = ruleName.replace('@typescript-eslint/', '');
+  return Boolean(tsEslintPlugin.rules[tsRuleName]);
+}
+const localTsRules = new Set(
+  Object.keys(legacyConfig.rules || {}).filter(
+    (ruleName) => ruleName.startsWith('@typescript-eslint/') && hasCurrentTsRule(ruleName),
+  ),
+);
+
+const noopRule = {
+  meta: { type: 'problem', docs: {}, schema: [] },
+  create: () => ({}),
+};
+
+function normalizeConfig(config) {
+  const next = { ...config };
+
+  if (next.plugins?.['@typescript-eslint']) {
+    next.plugins = { ...next.plugins };
+    delete next.plugins['@typescript-eslint'];
+  }
+
+  if (next.rules) {
+    next.rules = Object.fromEntries(
+      Object.entries(next.rules).filter(([ruleName]) => {
+        if (ruleName.startsWith('@babel/')) {
+          return false;
+        }
+        if (!ruleName.startsWith('@typescript-eslint/')) {
+          return true;
+        }
+        return recommendedTsRules.has(ruleName) || localTsRules.has(ruleName);
+      }),
+    );
+  }
+
+  return next;
+}
+
+export default [
+  {
+    ignores: [
+      'node_modules/',
+      'coverage/',
+      'es/',
+      'lib/',
+      'dist/',
+      'docs-dist/',
+      '.dumi/',
+      '.doc/',
+      '.vercel/',
+      '.eslintrc.js',
+      'src/index.d.ts',
+    ],
+  },
+  {
+    plugins: {
+      '@typescript-eslint': {
+        ...tsEslintPlugin,
+        rules: {
+          ...tsEslintPlugin.rules,
+          'consistent-type-exports': noopRule,
+        },
+      },
+    },
+  },
+  ...compat.config(legacyConfig).map(normalizeConfig),
+  {
+    rules: {
+      '@typescript-eslint/no-empty-object-type': 'off',
+      '@typescript-eslint/no-unsafe-function-type': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+    },
+  },
+];

global.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="jest" />
+/// <reference types="node" />
+/// <reference types="react" />
+/// <reference types="react-dom" />
+/// <reference types="@testing-library/jest-dom" />
+
+declare module '*.css';
+declare module '*.less';
+declare module 'jsonp';
+
+declare namespace JSX {
+  type Element = React.JSX.Element;
+  interface ElementClass extends React.JSX.ElementClass {}
+  interface ElementAttributesProperty extends React.JSX.ElementAttributesProperty {}
+  interface ElementChildrenAttribute extends React.JSX.ElementChildrenAttribute {}
+  type LibraryManagedAttributes<C, P> = React.JSX.LibraryManagedAttributes<C, P>;
+  interface IntrinsicAttributes extends React.JSX.IntrinsicAttributes {}
+  interface IntrinsicClassAttributes<T> extends React.JSX.IntrinsicClassAttributes<T> {}
+  interface IntrinsicElements extends React.JSX.IntrinsicElements {}
+}
+
+declare namespace jest {
+  interface Matchers<R> {
+    lastCalledWith(...expected: unknown[]): R;
+    nthCalledWith(nthCall: number, ...expected: unknown[]): R;
+    toBeCalled(): R;
+    toBeCalledTimes(expected: number): R;
+    toBeCalledWith(...expected: unknown[]): R;
+  }
+}
+
+declare const vi: {
+  fn: <T extends (...args: any[]) => any = (...args: any[]) => any>(
+    implementation?: T,
+  ) => jest.MockedFunction<T>;
+  mock: (moduleName: string, factory?: (importOriginal: <T>() => Promise<T>) => unknown) => void;
+  spyOn: typeof jest.spyOn;
+  useFakeTimers: () => void;
+  useRealTimers: () => void;
+  advanceTimersByTime: (msToRun: number) => void;
+  clearAllTimers: () => void;
+  runAllTimers: () => void;
+  importActual: <T>(moduleName: string) => Promise<T>;
+  clearAllMocks: () => void;
+  resetAllMocks: () => void;
+  restoreAllMocks: () => void;
+};
+
+declare module 'moment/locale/zh-cn';

package.json

@@ -55,30 +55,42 @@
     "clsx": "^2.1.1"
   },
   "devDependencies": {
+    "@babel/eslint-parser": "^7.29.7",
+    "@babel/eslint-plugin": "^7.29.7",
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^9.39.4",
     "@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",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.62.1",
+    "@typescript-eslint/parser": "^8.62.1",
     "@umijs/fabric": "^4.0.1",
-    "babel-jest": "^29.7.0",
-    "dumi": "^2.4.35",
-    "eslint": "^8.57.1",
-    "father": "^4.6.23",
+    "babel-jest": "^30.4.1",
+    "dumi": "^2.4.38",
+    "eslint": "^9.39.4",
+    "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",
+    "eslint-plugin-unicorn": "^65.0.1",
+    "father": "^4.6.24",
     "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"
   },
   "publishConfig": {
     "access": "public"

src/Select.tsx

@@ -539,7 +539,7 @@ const Select = React.forwardRef<BaseSelectRef, SelectProps<any, DefaultOptionTyp
     const mergedDefaultActiveFirstOption =
       defaultActiveFirstOption !== undefined ? defaultActiveFirstOption : mode !== 'combobox';
 
-    const activeEventRef = React.useRef<Promise<void>>();
+    const activeEventRef = React.useRef<Promise<void> | undefined>(undefined);
 
     const onActiveValue: OnActiveValue = React.useCallback(
       (active, index, { source = 'keyboard' } = {}) => {

src/hooks/useRefFunc.ts

@@ -5,7 +5,7 @@ import * as React from 'react';
  * but redirect to real function.
  */
 export default function useRefFunc<T extends (...args: any[]) => any>(callback: T): T {
-  const funcRef = React.useRef<T>();
+  const funcRef = React.useRef<T>(callback);
   funcRef.current = callback;
 
   const cacheFn = React.useCallback((...args: any[]) => {

src/utils/legacyUtil.ts

@@ -3,12 +3,12 @@ import { toArray } from '@rc-component/util';
 import type { BaseOptionType, DefaultOptionType } from '../Select';
 
 function convertNodeToOption<OptionType extends BaseOptionType = DefaultOptionType>(
-  node: React.ReactElement,
+  node: React.ReactElement<any>,
 ): OptionType {
   const {
     key,
     props: { children, value, ...restProps },
-  } = node as React.ReactElement;
+  } = node;
 
   return { key, value: value !== undefined ? value : key, children, ...restProps };
 }
@@ -18,7 +18,7 @@ export function convertChildrenToData<OptionType extends BaseOptionType = Defaul
   optionOnly: boolean = false,
 ): OptionType[] {
   return toArray(nodes)
-    .map((node: React.ReactElement, index: number): OptionType | null => {
+    .map((node: React.ReactElement<any>, index: number): OptionType | null => {
       if (!React.isValidElement(node) || !node.type) {
         return null;
       }
@@ -27,7 +27,7 @@ export function convertChildrenToData<OptionType extends BaseOptionType = Defaul
         type: { isSelectOptGroup },
         key,
         props: { children, ...restProps },
-      } = node as React.ReactElement & { type: { isSelectOptGroup?: boolean } };
+      } = node as React.ReactElement<any> & { type: { isSelectOptGroup?: boolean } };
 
       if (optionOnly || !isSelectOptGroup) {
         return convertNodeToOption(node);

src/utils/warningPropsUtil.ts

@@ -116,19 +116,19 @@ function warningProps(props: SelectProps) {
         return false;
       }
       if (type.isSelectOptGroup) {
-        const allChildrenValid = toNodeArray(node.props.children).every(
-          (subNode: React.ReactElement) => {
-            if (
-              !React.isValidElement(subNode) ||
-              !node.type ||
-              (subNode.type as { isSelectOption?: boolean }).isSelectOption
-            ) {
-              return true;
-            }
-            invalidateChildType = subNode.type;
-            return false;
-          },
-        );
+        const allChildrenValid = toNodeArray(
+          (node as React.ReactElement<any>).props.children,
+        ).every((subNode: React.ReactElement) => {
+          if (
+            !React.isValidElement(subNode) ||
+            !node.type ||
+            (subNode.type as { isSelectOption?: boolean }).isSelectOption
+          ) {
+            return true;
+          }
+          invalidateChildType = subNode.type;
+          return false;
+        });
 
         if (allChildrenValid) {
           return false;

tests/__snapshots__/Combobox.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Select.Combobox renders controlled correctly 1`] = `
 <div

tests/__snapshots__/Multiple.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Select.Multiple max tag render truncates values by maxTagTextLength 1`] = `
 [

tests/__snapshots__/OptionList.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`OptionList renders correctly virtual 1`] = `
 <div>

tests/__snapshots__/Select.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Select.Basic does not filter when filterOption value is false 1`] = `
 <div

tests/__snapshots__/Tags.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Select.Tags OptGroup renders correctly 1`] = `
 <div>

tests/__snapshots__/ssr.test.tsx.snap

@@ -1,3 +1,3 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
-exports[`Select.SSR should work 1`] = `"<div class="rc-select rc-select-single"><div class="rc-select-content"><div class="rc-select-placeholder"></div><input id="test-id" type="text" readonly="" autoComplete="new-password" class="rc-select-input" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-autocomplete="list" value=""/></div></div>"`;
+exports[`Select.SSR should work 1`] = `"<div class="rc-select rc-select-single"><div class="rc-select-content"><div class="rc-select-placeholder"></div><input id="test-id" type="text" readOnly="" autoComplete="new-password" class="rc-select-input" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-autocomplete="list" value=""/></div></div>"`;

tsconfig.json

@@ -1,18 +1,24 @@
 {
   "compilerOptions": {
     "target": "esnext",
-    "moduleResolution": "node",
-    "baseUrl": "./",
+    "moduleResolution": "bundler",
     "jsx": "preserve",
     "declaration": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
     "paths": {
-      "@/*": ["src/*"],
-      "@@/*": [".dumi/tmp/*"],
-      "@rc-component/select": ["src/index.ts"]
+      "@/*": ["./src/*"],
+      "@@/*": ["./.dumi/tmp/*"],
+      "@rc-component/select": ["./src/index.ts"]
     },
-    "ignoreDeprecations": "5.0"
+    "noImplicitAny": false,
+    "strictNullChecks": false,
+    "strictPropertyInitialization": false,
+    "strictFunctionTypes": false,
+    "strict": false,
+    "noImplicitThis": false,
+    "strictBindCallApply": false,
+    "module": "ESNext"
   },
-  "include": [".dumirc.ts", ".fatherrc.ts", "src", "tests", "docs"]
+  "include": ["global.d.ts", ".dumirc.ts", ".fatherrc.ts", "src", "tests", "docs"]
 }