feat: getId should accept React.Key type (#725)

Change the key parameter type from string to React.Key to support
both string and number types, which matches React's key prop type.

Co-authored-by: Claude (GLM-4.7) <noreply@anthropic.com>

Author: zombieJ

src/hooks/useId.ts

@@ -25,10 +25,13 @@ export function resetUuid() {
  * @param key - The key from React element, may contain spaces or invalid characters
  * @returns A valid HTML id string
  */
-export function getId(prefix: string, key: string): string {
+export function getId(prefix: string, key: React.Key): string {
+  // React.Key can be string | number, convert to string first
+  const keyStr = String(key);
+
   // Valid id characters: letters, digits, hyphen, underscore, colon, period
   // Replace all invalid characters (including spaces) with hyphens to preserve length
-  const sanitizedKey = key.replace(/[^a-zA-Z0-9_.:-]/g, '-');
+  const sanitizedKey = keyStr.replace(/[^a-zA-Z0-9_.:-]/g, '-');
 
   return `${prefix}-${sanitizedKey}`;
 }

tests/hooks.test.tsx

@@ -675,6 +675,9 @@ describe('hooks', () => {
       expect(getId('btn', 'valid-key_123:456.789')).toBe(
         'btn-valid-key_123:456.789',
       );
+      expect(getId('item', 1)).toBe('item-1');
+      expect(getId('tab', 123)).toBe('tab-123');
+      expect(getId('panel', 0)).toBe('panel-0');
     });
   });