chore: update ts def

react-component · Aug 4, 2022 · 8ce3db8 · 8ce3db8 · vercel · Aug 4, 2022
1 parent a775f15
commit 8ce3db8
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/TabNavList/OperationNode.tsx b/src/TabNavList/OperationNode.tsx
@@ -15,14 +15,14 @@ export interface OperationNodeProps {
   tabs: Tab[];
   rtl: boolean;
   tabBarGutter?: number;
-  activeKey: React.Key;
+  activeKey: string;
   mobile: boolean;
   moreIcon?: React.ReactNode;
   moreTransitionName?: string;
   editable?: EditableConfig;
   locale?: TabsLocale;
   removeAriaLabel?: string;
-  onTabClick: (key: React.Key, e: React.MouseEvent | React.KeyboardEvent) => void;
+  onTabClick: (key: string, e: React.MouseEvent | React.KeyboardEvent) => void;
   tabMoving?: boolean;
   getPopupContainer?: (node: HTMLElement) => HTMLElement;
   popupClassName?: string;
@@ -59,7 +59,7 @@ function OperationNode(
 
   const dropdownAriaLabel = locale?.dropdownAriaLabel;
 
-  function onRemoveTab(event: React.MouseEvent | React.KeyboardEvent, key: React.Key) {
+  function onRemoveTab(event: React.MouseEvent | React.KeyboardEvent, key: string) {
     event.preventDefault();
     event.stopPropagation();
     editable.onEdit('remove', {

diff --git a/src/TabNavList/index.tsx b/src/TabNavList/index.tsx
@@ -42,7 +42,7 @@ export interface TabNavListProps {
   className?: string;
   style?: React.CSSProperties;
   locale?: TabsLocale;
-  onTabClick: (activeKey: React.Key, e: React.MouseEvent | React.KeyboardEvent) => void;
+  onTabClick: (activeKey: string, e: React.MouseEvent | React.KeyboardEvent) => void;
   onTabScroll?: OnTabScroll;
   children?: (node: React.ReactElement) => React.ReactElement;
   getPopupContainer?: (node: HTMLElement) => HTMLElement;

diff --git a/src/TabPanelList/index.tsx b/src/TabPanelList/index.tsx
@@ -5,7 +5,7 @@ import type { TabPosition, AnimatedConfig } from '../interface';
 import TabPane from './TabPane';
 
 export interface TabPanelListProps {
-  activeKey: React.Key;
+  activeKey: string;
   id: string;
   rtl: boolean;
   animated?: AnimatedConfig;

diff --git a/src/interface.ts b/src/interface.ts
@@ -57,7 +57,7 @@ export interface TabsLocale {
 export interface EditableConfig {
   onEdit: (
     type: 'add' | 'remove',
-    info: { key?: React.Key; event: React.MouseEvent | React.KeyboardEvent },
+    info: { key?: string; event: React.MouseEvent | React.KeyboardEvent },
   ) => void;
   showAdd?: boolean;
   removeIcon?: React.ReactNode;