fix: Extract type of the element of a tuple without indexing. (ant-de…

…sign#22916)

* Extract type of the element of a tuple without indexing.

* Amend ElementOf<T> to also support readonly arrays.

components/_util/type.ts

@@ -3,3 +3,9 @@ export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 export const tuple = <T extends string[]>(...args: T) => args;
 
 export const tupleNum = <T extends number[]>(...args: T) => args;
+
+/**
+ * https://stackoverflow.com/a/59187769
+ * Extract the type of an element of an array/tuple without performing indexing
+ */
+export type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer E)[] ? E : never;

components/transfer/renderListBody.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { Omit, tuple } from '../_util/type';
+import { ElementOf, Omit, tuple } from '../_util/type';
 import { TransferItem } from '.';
 import { TransferListProps, RenderedItem } from './list';
 import ListItem from './ListItem';
 
 export const OmitProps = tuple('handleFilter', 'handleClear', 'checkedKeys');
-export type OmitProp = typeof OmitProps[number];
+export type OmitProp = ElementOf<typeof OmitProps>;
 type PartialTransferListProps = Omit<TransferListProps, OmitProp>;
 
 export interface TransferListBodyProps extends PartialTransferListProps {