✨ fix(sortable-list): improve generic type support for SortableList

Author: Innei

src/SortableList/SortableList.tsx

@@ -23,7 +23,7 @@ import DragHandle from './components/DragHandle';
 import SortableItem from './components/SortableItem';
 import SortableOverlay from './components/SortableOverlay';
 import { styles } from './style';
-import { type SortableListProps } from './type';
+import { type SortableListItem, type SortableListProps } from './type';
 
 const SortableListParent = memo<SortableListProps>(
   ({ ref, items, onChange, renderItem, gap = 8, ...rest }) => {
@@ -72,7 +72,7 @@ const SortableListParent = memo<SortableListProps>(
 SortableListParent.displayName = 'SortableList';
 
 export interface ISortableList {
-  (props: SortableListProps): ReactNode;
+  <T extends SortableListItem = SortableListItem>(props: SortableListProps<T>): ReactNode;
   DragHandle: typeof DragHandle;
   Item: typeof SortableItem;
 }

src/SortableList/type.ts

@@ -6,9 +6,12 @@ export interface SortableListItem {
   [key: string]: any;
   id: string | number;
 }
-export interface SortableListProps extends Omit<FlexboxProps, 'onChange'> {
-  items: SortableListItem[];
-  onChange: (items: SortableListItem[]) => void;
+export interface SortableListProps<T extends SortableListItem = SortableListItem> extends Omit<
+  FlexboxProps,
+  'onChange'
+> {
+  items: T[];
+  onChange: (items: T[]) => void;
   ref?: Ref<HTMLUListElement>;
-  renderItem: (item: SortableListItem) => ReactNode;
+  renderItem: (item: T) => ReactNode;
 }