@rc-component/util 1.8.0 → 1.8.1

package/es/hooks/useId.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 /** @private Note only worked in develop env. Not work in production. */
 export declare function resetUuid(): void;
 /**
@@ -7,6 +8,6 @@ export declare function resetUuid(): void;
  * @param key - The key from React element, may contain spaces or invalid characters
  * @returns A valid HTML id string
  */
-export declare function getId(prefix: string, key: string): string;
+export declare function getId(prefix: string, key: React.Key): string;
 declare const _default: (id?: string) => string;
 export default _default;

package/es/hooks/useId.js

@@ -23,9 +23,12 @@ export function resetUuid() {
  * @returns A valid HTML id string
  */
 export function getId(prefix, key) {
+  // 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}`;
 }
 const useOriginId = getUseId();

package/lib/hooks/useId.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 /** @private Note only worked in develop env. Not work in production. */
 export declare function resetUuid(): void;
 /**
@@ -7,6 +8,6 @@ export declare function resetUuid(): void;
  * @param key - The key from React element, may contain spaces or invalid characters
  * @returns A valid HTML id string
  */
-export declare function getId(prefix: string, key: string): string;
+export declare function getId(prefix: string, key: React.Key): string;
 declare const _default: (id?: string) => string;
 export default _default;

package/lib/hooks/useId.js

@@ -33,9 +33,12 @@ function resetUuid() {
  * @returns A valid HTML id string
  */
 function getId(prefix, key) {
+  // 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}`;
 }
 const useOriginId = getUseId();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/util",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "Common Utils For React Component",
   "keywords": [
     "react",