refactor: useUUID replace useId

Author: 刘欢

src/Menu.tsx

@@ -2,6 +2,7 @@ import classNames from 'classnames';
 import type { CSSMotionProps } from '@rc-component/motion';
 import Overflow from 'rc-overflow';
 import useControlledState from '@rc-component/util/lib/hooks/useControlledState';
+import useId from '@rc-component/util/lib/hooks/useId';
 import isEqual from '@rc-component/util/lib/isEqual';
 import warning from '@rc-component/util/lib/warning';
 import * as React from 'react';
@@ -14,7 +15,6 @@ import PrivateContext from './context/PrivateContext';
 import { getFocusableElements, refreshElements, useAccessibility } from './hooks/useAccessibility';
 import useKeyRecords, { OVERFLOW_KEY } from './hooks/useKeyRecords';
 import useMemoCallback from './hooks/useMemoCallback';
-import useUUID from './hooks/useUUID';
 import type {
   BuiltinPlacements,
   Components,
@@ -260,7 +260,7 @@ const Menu = React.forwardRef<MenuRef, MenuProps>((props, ref) => {
 
   const containerRef = React.useRef<HTMLUListElement>();
 
-  const uuid = useUUID(id);
+  const uuid = useId(id ? `rc-menu-uuid-${id}` : 'rc-menu-uuid');
 
   const isRtl = direction === 'rtl';
 

src/hooks/useUUID.ts

@@ -13,11 +13,11 @@ HTMLCollection [
       role="none"
     >
       <div
-        aria-controls="rc-menu-uuid-test-light-popup"
+        aria-controls="rc-menu-uuid-light-popup"
         aria-expanded="true"
         aria-haspopup="true"
         class="rc-menu-submenu-title"
-        data-menu-id="rc-menu-uuid-test-light"
+        data-menu-id="rc-menu-uuid-light"
         role="menuitem"
         style="padding-left: 24px;"
         tabindex="-1"
@@ -31,12 +31,12 @@ HTMLCollection [
       <ul
         class="rc-menu rc-menu-sub rc-menu-inline"
         data-menu-list="true"
-        id="rc-menu-uuid-test-light-popup"
+        id="rc-menu-uuid-light-popup"
         role="menu"
       >
         <li
           class="rc-menu-item"
-          data-menu-id="rc-menu-uuid-test-bamboo"
+          data-menu-id="rc-menu-uuid-bamboo"
           role="menuitem"
           style="padding-left: 48px;"
           tabindex="-1"