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/menu</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>🧭 Accessible React menu primitives for navigation, command surfaces, and nested item trees.</p>
 
   <p>

README.zh-CN.md

@@ -1,6 +1,6 @@
 <div align="center">
   <h1>@rc-component/menu</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>

docs/examples/customPopupRender.tsx

@@ -67,10 +67,10 @@ const NavigationDemo = () => {
       ],
     },
   ];
-  const popupRender = (node: ReactElement) => (
+  const popupRender = (node: ReactElement<any>) => (
     <div className="navigation-popup">
       <div className="navigation-grid">
-        {React.Children.map(node.props.children.props.children, child => (
+        {React.Children.map(node.props.children.props.children, (child: ReactElement<any>) => (
           <div className="navigation-item">
             {React.cloneElement(child, {
               className: `${child.props.className || ''} navigation-menu-item`,
@@ -85,13 +85,13 @@ const NavigationDemo = () => {
 };
 
 const MixedPanelDemo = () => {
-  const totalPopupRender = (node: ReactElement, info: { item: any; keys: string[] }) => {
+  const totalPopupRender = (node: ReactElement<any>, info: { item: any; keys: string[] }) => {
     const isSecondLevel = info.keys.length == 2;
     if (isSecondLevel) {
       return (
         <div className="navigation-popup">
           <div className="navigation-grid">
-            {React.Children.map(node.props.children.props.children, child => (
+            {React.Children.map(node.props.children.props.children, (child: ReactElement<any>) => (
               <div className="navigation-item">
                 {React.cloneElement(child, {
                   className: `${child.props.className || ''} navigation-menu-item`,

docs/examples/debug.tsx

@@ -52,7 +52,7 @@ export default () => {
   const [inlineCollapsed, setInlineCollapsed] = React.useState(false);
   const [forceRender, setForceRender] = React.useState(false);
   const [openKeys, setOpenKeys] = React.useState<string[]>([]);
-  const menuRef = useRef<MenuRef>();
+  const menuRef = useRef<MenuRef>(null);
 
   const onRootClick = (info: MenuInfo) => {
     console.log('Root Menu Item Click:', info);

docs/examples/items-ref.tsx

@@ -5,13 +5,13 @@ import '../../assets/index.less';
 import Menu from '../../src';
 
 export default () => {
-  const ref1 = useRef();
-  const ref2 = useRef();
-  const ref3 = useRef();
-  const ref4 = useRef();
-  const ref5 = useRef();
-  const ref6 = useRef();
-  const ref7 = useRef();
+  const ref1 = useRef<HTMLLIElement>(null);
+  const ref2 = useRef<HTMLLIElement>(null);
+  const ref3 = useRef<HTMLLIElement>(null);
+  const ref4 = useRef<HTMLLIElement>(null);
+  const ref5 = useRef<HTMLLIElement>(null);
+  const ref6 = useRef<HTMLLIElement>(null);
+  const ref7 = useRef<HTMLLIElement>(null);
 
   return (
     <>

eslint.config.mjs

@@ -0,0 +1,115 @@
+import js from '@eslint/js';
+import { defineConfig } from 'eslint/config';
+import { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import prettier from 'eslint-config-prettier';
+import jest from 'eslint-plugin-jest';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+const tsconfigRootDir = dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig([
+  {
+    plugins: {
+      '@typescript-eslint': tseslint.plugin,
+    },
+  },
+  {
+    linterOptions: {
+      reportUnusedDisableDirectives: 'warn',
+    },
+  },
+  {
+    ignores: [
+      'node_modules/',
+      'coverage/',
+      'es/',
+      'lib/',
+      'dist/',
+      'docs-dist/',
+      '.docs-dist/',
+      '.dumi/',
+      '.doc/',
+      '.vercel/',
+    ],
+  },
+  {
+    files: ['**/*.{js,jsx,ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      react.configs.flat.recommended,
+      react.configs.flat['jsx-runtime'],
+      prettier,
+    ],
+    plugins: {
+      'react-hooks': reactHooks,
+    },
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      'no-async-promise-executor': 'off',
+      'no-empty-pattern': 'off',
+      'no-irregular-whitespace': 'off',
+      'no-prototype-builtins': 'off',
+      'no-useless-escape': 'off',
+      'no-extra-boolean-cast': 'off',
+      'no-undef': 'off',
+      'no-unused-vars': 'off',
+      'react/no-find-dom-node': 'off',
+      'react/display-name': 'off',
+      'react/no-unknown-property': 'off',
+      'react/prop-types': 'off',
+      'react-hooks/exhaustive-deps': 'warn',
+      'react-hooks/rules-of-hooks': 'error',
+    },
+  },
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [...tseslint.configs.recommended],
+    rules: {
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-empty-object-type': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unsafe-function-type': 'off',
+      '@typescript-eslint/no-unnecessary-type-constraint': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+    },
+  },
+  {
+    files: ['src/**/*.{ts,tsx}'],
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir,
+      },
+    },
+  },
+  {
+    files: ['tests/**/*.{js,jsx,ts,tsx}', '**/*.{test,spec}.{js,jsx,ts,tsx}'],
+    extends: [jest.configs['flat/recommended']],
+    rules: {
+      'jest/no-disabled-tests': 'off',
+      'jest/no-done-callback': 'off',
+      'jest/no-identical-title': 'off',
+      'jest/expect-expect': 'off',
+      'jest/no-alias-methods': 'off',
+      'jest/no-conditional-expect': 'off',
+      'jest/no-export': 'off',
+      'jest/no-standalone-expect': 'off',
+      'jest/valid-expect': 'off',
+      'jest/valid-title': 'off',
+    },
+  },
+]);

global.d.ts

@@ -0,0 +1,11 @@
+/// <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 module 'moment/locale/zh-cn';

package.json

@@ -53,29 +53,36 @@
     "clsx": "^2.1.1"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.4",
     "@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",
     "@types/warning": "^3.0.4",
-    "@umijs/fabric": "^4.0.1",
     "cross-env": "^10.1.0",
-    "dumi": "^2.4.35",
-    "eslint": "^8.57.1",
-    "father": "^4.6.23",
+    "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",
+    "father": "^4.6.24",
     "gh-pages": "^6.3.0",
+    "globals": "^17.7.0",
     "husky": "^9.1.7",
     "less": "^4.6.7",
-    "lint-staged": "^16.4.0",
-    "prettier": "^3.9.0",
+    "lint-staged": "^17.0.8",
+    "prettier": "^3.9.4",
     "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"
   },
   "peerDependencies": {
     "react": ">=16.9.0",

src/Menu.tsx

@@ -257,7 +257,7 @@ const Menu = React.forwardRef<MenuRef, MenuProps>((props, ref) => {
 
   const [mounted, setMounted] = React.useState(false);
 
-  const containerRef = React.useRef<HTMLUListElement>();
+  const containerRef = React.useRef<HTMLUListElement>(null);
 
   const uuid = useId(id ? `rc-menu-uuid-${id}` : 'rc-menu-uuid');
 
@@ -400,7 +400,7 @@ const Menu = React.forwardRef<MenuRef, MenuProps>((props, ref) => {
         } else {
           shouldFocusKey = focusableElements[0]
             ? element2key.get(focusableElements[0])
-            : childList.find(node => !node.props.disabled)?.key;
+            : childList.find((node: React.ReactElement<any>) => !node.props.disabled)?.key;
         }
         const elementToFocus = key2element.get(shouldFocusKey);
 

src/MenuItem.tsx

@@ -117,8 +117,8 @@ const InternalMenuItem = React.forwardRef((props: MenuItemProps, ref: React.Ref<
 
   const itemCls = `${prefixCls}-item`;
 
-  const legacyMenuItemRef = React.useRef<any>();
-  const elementRef = React.useRef<HTMLLIElement>();
+  const legacyMenuItemRef = React.useRef<any>(null);
+  const elementRef = React.useRef<HTMLLIElement>(null);
   const mergedDisabled = contextDisabled || disabled;
 
   const mergedEleRef = useComposeRef(ref, elementRef);

src/SubMenu/PopupTrigger.tsx

@@ -82,7 +82,7 @@ export default function PopupTrigger({
   };
 
   // Delay to change visible
-  const visibleRef = React.useRef<number>();
+  const visibleRef = React.useRef<number | undefined>(undefined);
   React.useEffect(() => {
     visibleRef.current = raf(() => {
       setInnerVisible(visible);

src/SubMenu/index.tsx

@@ -117,8 +117,8 @@ const InternalSubMenu = React.forwardRef<HTMLLIElement, SubMenuProps>((props, re
 
   const subMenuPrefixCls = `${prefixCls}-submenu`;
   const mergedDisabled = contextDisabled || disabled;
-  const elementRef = React.useRef<HTMLDivElement>();
-  const popupRef = React.useRef<HTMLUListElement>();
+  const elementRef = React.useRef<HTMLDivElement>(null);
+  const popupRef = React.useRef<HTMLUListElement>(null);
 
   // ================================ Warn ================================
   if (process.env.NODE_ENV !== 'production' && warnKey) {

src/hooks/useAccessibility.ts

@@ -177,9 +177,9 @@ export function useAccessibility<T extends HTMLElement>(
 
   originOnKeyDown?: React.KeyboardEventHandler<T>,
 ): React.KeyboardEventHandler<T> {
-  const rafRef = React.useRef<number>();
+  const rafRef = React.useRef<number | undefined>(undefined);
 
-  const activeRef = React.useRef<string>();
+  const activeRef = React.useRef<string | undefined>(undefined);
   activeRef.current = activeKey;
 
   const cleanRaf = () => {