@douyinfe/semi-ui 2.8.0 → 2.8.1

package/lib/es/radio/radio.d.ts

@@ -12,6 +12,7 @@ export declare type RadioType = typeof strings.TYPE_DEFAULT | typeof strings.TYP
 export declare type RadioProps = {
     autoFocus?: boolean;
     checked?: boolean;
+    children?: React.ReactNode | undefined;
     defaultChecked?: boolean;
     value?: string | number;
     disabled?: boolean;

package/lib/es/radio/radioGroup.d.ts

@@ -24,6 +24,7 @@ export declare type RadioGroupProps = {
     value?: string | number;
     onChange?: (event: RadioChangeEvent) => void;
     className?: string;
+    children?: React.ReactNode | undefined;
     style?: React.CSSProperties;
     direction?: ArrayElement<typeof strings.DIRECTION_SET>;
     mode?: RadioMode;

package/lib/es/select/index.d.ts

@@ -1,5 +1,6 @@
 import React, { MouseEvent } from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import SelectFoundation, { SelectAdapter } from '@douyinfe/semi-foundation/lib/es/select/foundation';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { InputProps } from '../input/index';
@@ -137,7 +138,7 @@ export interface SelectState {
     isHovering: boolean;
 }
 declare class Select extends BaseComponent<SelectProps, SelectState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static Option: typeof Option;
     static OptGroup: typeof OptionGroup;
     static propTypes: {
@@ -222,6 +223,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
     selectOptionListID: string;
     clickOutsideHandler: (e: MouseEvent) => void;
     foundation: SelectFoundation;
+    context: ContextValue;
     constructor(props: SelectProps);
     get adapter(): SelectAdapter<SelectProps, SelectState>;
     componentDidMount(): void;

package/lib/es/sideSheet/SideSheetContent.d.ts

@@ -13,6 +13,7 @@ export interface SideSheetContentProps {
     style: CSSProperties;
     bodyStyle?: CSSProperties;
     className: string;
+    children?: React.ReactNode | undefined;
     footer?: React.ReactNode;
     'aria-label'?: string;
 }

package/lib/es/sideSheet/SideSheetTransition.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Motion } from '../_base/base';
 export interface SideSheetTransitionProps {
-    children?: React.ReactChildren | React.JSXElementConstructor<any>;
+    children?: React.ReactNode | ((TransitionProps: any) => React.ReactNode);
     motion?: Motion<SideSheetTransitionProps>;
     controlled?: boolean;
     visible?: boolean;

package/lib/es/sideSheet/index.d.ts

@@ -1,6 +1,7 @@
 import React, { CSSProperties } from 'react';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import { SideSheetAdapter, SideSheetProps, SideSheetState } from '@douyinfe/semi-foundation/lib/es/sideSheet/sideSheetFoundation';
 import '@douyinfe/semi-foundation/lib/es/sideSheet/sideSheet.css';
 export { SideSheetContentProps } from './SideSheetContent';
@@ -17,7 +18,7 @@ export interface SideSheetReactProps extends SideSheetProps {
 }
 export { SideSheetState };
 export default class SideSheet extends BaseComponent<SideSheetReactProps, SideSheetState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         bodyStyle: PropTypes.Requireable<object>;
         headerStyle: PropTypes.Requireable<object>;
@@ -48,6 +49,7 @@ export default class SideSheet extends BaseComponent<SideSheetReactProps, SideSh
     static defaultProps: SideSheetReactProps;
     private _active;
     constructor(props: SideSheetReactProps);
+    context: ContextValue;
     get adapter(): SideSheetAdapter;
     static getDerivedStateFromProps(props: SideSheetReactProps, prevState: SideSheetState): Partial<SideSheetState>;
     componentDidMount(): void;

package/lib/es/table/Body/ExpandedRow.d.ts

@@ -1,6 +1,7 @@
 import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import Store from '@douyinfe/semi-foundation/lib/es/utils/Store';
+import { TableContextProps } from '../table-context';
 import { ColumnProps, ExpandIcon, TableComponents, Virtualized, Fixed } from '../interface';
 export interface TableExpandedRowProps {
     cellWidths: number[];
@@ -27,7 +28,7 @@ export interface TableExpandedRowProps {
  * Render expanded row
  */
 export default class TableExpandedRow extends PureComponent<TableExpandedRowProps> {
-    static contextType: React.Context<import("../table-context").TableContextProps>;
+    static contextType: React.Context<TableContextProps>;
     static propTypes: {
         cellWidths: PropTypes.Validator<any[]>;
         className: PropTypes.Requireable<string>;
@@ -55,6 +56,7 @@ export default class TableExpandedRow extends PureComponent<TableExpandedRowProp
         record: {};
         prefixCls: "semi-table";
     };
+    context: TableContextProps;
     render(): JSX.Element;
 }
 export declare type ExpandedRowRenderReturnType = React.ReactNode | {

package/lib/es/table/Body/SectionRow.d.ts

@@ -1,6 +1,7 @@
 import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import Store from '@douyinfe/semi-foundation/lib/es/utils/Store';
+import { TableContextProps } from '../table-context';
 import { ColumnProps, RenderGroupSection, OnGroupedRow, TableComponents, Virtualized, RowKey, OnRowReturnObject } from '../interface';
 export interface SectionRowProps {
     record?: Record<string, any>;
@@ -27,7 +28,7 @@ export interface SectionRowProps {
  * Grouping component title row
  */
 declare class SectionRow extends PureComponent<SectionRowProps> {
-    static contextType: React.Context<import("../table-context").TableContextProps>;
+    static contextType: React.Context<TableContextProps>;
     static propTypes: {
         record: PropTypes.Requireable<object>;
         index: PropTypes.Requireable<number>;
@@ -58,6 +59,7 @@ declare class SectionRow extends PureComponent<SectionRowProps> {
             };
         };
     };
+    context: TableContextProps;
     onRow: (...args: any[]) => OnRowReturnObject;
     collectGroupedData: () => Record<string, any>[];
     renderExpandIcon: (record: any) => React.ReactNode;

package/lib/es/table/Table.d.ts

@@ -167,6 +167,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
     scrollPosition: BodyScrollPosition;
     position: BodyScrollPosition;
     foundation: TableFoundation<RecordType>;
+    context: TableContextProps;
     constructor(props: NormalTableProps<RecordType>, context: TableContextProps);
     static getDerivedStateFromProps(props: NormalTableProps, state: NormalTableState): Partial<NormalTableState<Data>>;
     componentDidMount(): void;
@@ -191,7 +192,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
     setScrollPosition: (position: BodyScrollPosition) => void;
     setScrollPositionClassName: () => void;
     syncTableWidth: () => void;
-    renderSelection: (record?: RecordType, inHeader?: boolean) => React.ReactNode;
+    renderSelection: (record?: any, inHeader?: boolean) => React.ReactNode;
     renderRowSelectionCallback: (text: string, record?: RecordType) => React.ReactNode;
     renderTitleSelectionCallback: () => React.ReactNode;
     normalizeSelectionColumn: (props?: {
@@ -234,7 +235,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
      */
     renderPagination: (pagination: TablePaginationProps, propRenderPagination: RenderPagination) => JSX.Element;
     renderTitle: (props?: {
-        title?: ReactNode;
+        title?: React.ReactNode | ((dataSource?: RecordType[]) => ReactNode);
         prefixCls?: string;
         dataSource?: any[];
     }) => JSX.Element;
@@ -244,7 +245,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         dataSource?: RecordType[];
     }) => JSX.Element;
     renderFooter: (props?: {
-        footer?: ReactNode;
+        footer?: React.ReactNode | ((dataSource?: RecordType[]) => ReactNode);
         prefixCls?: string;
         dataSource?: RecordType[];
     }) => JSX.Element;
@@ -283,6 +284,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         formatPageText?: import("./interface").FormatPageText;
         style?: React.CSSProperties;
         className?: string;
+        children?: any;
         total?: number;
         showTotal?: boolean;
         pageSize?: number;

package/lib/es/table/TableCell.d.ts

@@ -2,7 +2,8 @@ import React, { ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { TableCellAdapter } from '@douyinfe/semi-foundation/lib/es/table/cellFoundation';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
-import { ColumnProps } from './interface';
+import { TableContextProps } from './table-context';
+import { ColumnProps, ExpandIcon } from './interface';
 export interface TableCellProps extends BaseProps {
     record?: Record<string, any>;
     prefixCls?: string;
@@ -19,7 +20,7 @@ export interface TableCellProps extends BaseProps {
       * When hideExpandedColumn is true or isSection is true
       * expandIcon is a custom icon or true
       */
-    expandIcon?: ReactNode | boolean;
+    expandIcon?: ExpandIcon;
     renderExpandIcon?: (record: Record<string, any>) => ReactNode;
     hideExpandedColumn?: boolean;
     component?: any;
@@ -34,7 +35,7 @@ export interface TableCellProps extends BaseProps {
     colIndex?: number;
 }
 export default class TableCell extends BaseComponent<TableCellProps, Record<string, any>> {
-    static contextType: React.Context<import("./table-context").TableContextProps>;
+    static contextType: React.Context<TableContextProps>;
     static defaultProps: {
         indent: number;
         indentSize: 20;
@@ -70,6 +71,7 @@ export default class TableCell extends BaseComponent<TableCellProps, Record<stri
     };
     get adapter(): TableCellAdapter;
     ref: React.MutableRefObject<any>;
+    context: TableContextProps;
     constructor(props: TableCellProps);
     /**
      * Control whether to execute the render function of the cell

package/lib/es/table/TableHeaderRow.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent from '../_base/baseComponent';
+import { TableContextProps } from './table-context';
 import { TableComponents, OnHeaderRow, Fixed } from './interface';
 export interface TableHeaderRowProps {
     components?: TableComponents;
@@ -14,7 +15,7 @@ export interface TableHeaderRowProps {
     selectedRowKeysSet: Set<any>;
 }
 export default class TableHeaderRow extends BaseComponent<TableHeaderRowProps, Record<string, any>> {
-    static contextType: React.Context<import("./table-context").TableContextProps>;
+    static contextType: React.Context<TableContextProps>;
     static propTypes: {
         components: PropTypes.Requireable<object>;
         row: PropTypes.Requireable<any[]>;
@@ -52,6 +53,7 @@ export default class TableHeaderRow extends BaseComponent<TableHeaderRowProps, R
         stopPropagation(e: any): void;
     };
     headerNode: HTMLElement;
+    context: TableContextProps;
     constructor(props: TableHeaderRowProps);
     cacheRef: (node: HTMLElement) => void;
     componentDidUpdate(prevProps: TableHeaderRowProps): void;

package/lib/es/table/table-context.d.ts

@@ -1,17 +1,18 @@
 import React from 'react';
-import { ColumnProps, GetVirtualizedListRef } from './interface';
+import { ColumnProps, GetVirtualizedListRef, RowKey } from './interface';
+import { BaseHeadWidth } from '@douyinfe/semi-foundation/lib/es/table/foundation';
 export interface TableContextProps {
     children?: React.ReactNode;
     anyColumnFixed?: boolean;
     flattenedColumns?: ColumnProps[];
-    tableWidth?: number[];
-    headWidths?: number[];
-    setHeadWidths?: (headWidth?: number[], index?: number) => void;
+    tableWidth?: number;
+    headWidths?: BaseHeadWidth[][];
+    setHeadWidths?: (headWidth?: BaseHeadWidth[], index?: number) => void;
     getHeadWidths?: (index?: number) => number[];
     getCellWidths?: (flattenColumns: ColumnProps[], flattenedWidths?: number[], ignoreScrollBarKey?: boolean) => number[];
-    handleRowExpanded?: (expanded: boolean, realKey: string, domEvent: React.MouseEvent<HTMLElement>) => void;
+    handleRowExpanded?: (expanded: boolean, realKey: RowKey<any>, domEvent: React.MouseEvent<HTMLElement>) => void;
     renderExpandIcon?: (record: Record<string, any>, isNested?: boolean, groupKey?: string | number) => React.ReactNode;
-    renderSelection?: (record: Record<string, any>, isHeader?: boolean) => React.ReactNode;
+    renderSelection?: (record?: Record<string, any>, isHeader?: boolean) => React.ReactNode;
     getVirtualizedListRef?: GetVirtualizedListRef;
     setBodyHasScrollbar?: (bodyHasScrollBar: boolean) => void;
 }

package/lib/es/tabs/TabPane.d.ts

@@ -1,9 +1,10 @@
 import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
+import { TabContextValue } from './interface';
 import { PlainTab, TabPaneProps } from './interface';
 declare class TabPane extends PureComponent<TabPaneProps> {
     static isTabPane: boolean;
-    static contextType: React.Context<import("./interface").TabContextValue>;
+    static contextType: React.Context<TabContextValue>;
     static propTypes: {
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
@@ -18,6 +19,7 @@ declare class TabPane extends PureComponent<TabPaneProps> {
     ref: React.RefObject<HTMLDivElement>;
     isAnimating: boolean;
     _active: boolean;
+    context: TabContextValue;
     componentDidMount(): void;
     getDirection: (activeKey: string, itemKey: string, panes: Array<PlainTab>) => boolean;
     hideScroll: () => void;

package/lib/es/tabs/interface.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, CSSProperties, MouseEvent, ReactNode } from 'react';
+import React, { ComponentType, CSSProperties, MouseEvent, ReactNode } from 'react';
 import { Motion } from '../_base/base';
 export declare type TabType = 'line' | 'card' | 'button';
 export declare type TabSize = 'small' | 'medium' | 'large';
@@ -51,6 +51,7 @@ export interface TabBarProps {
 }
 export interface TabPaneProps {
     className?: string;
+    children?: React.ReactNode | undefined;
     disabled?: boolean;
     icon?: ReactNode;
     itemKey?: string;

package/lib/es/tag/group.d.ts

@@ -35,7 +35,7 @@ export default class TagGroup extends PureComponent<TagGroupProps> {
         popoverProps: PropTypes.Requireable<object>;
         avatarShape: PropTypes.Requireable<string>;
     };
-    renderNTag(n: number, restTags: (Tag | React.ReactNode)[]): JSX.Element;
+    renderNTag(n: number, restTags: React.ReactNode): JSX.Element;
     renderMergeTags(tags: (Tag | React.ReactNode)[]): (React.ReactNode | Tag)[];
     renderAllTags(): (React.ReactNode | Tag)[];
     render(): JSX.Element;

package/lib/es/timePicker/Combobox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import ScrollItem from '../scrollList/scrollItem';

package/lib/es/timeline/index.d.ts

@@ -11,6 +11,7 @@ export interface TimelineProps extends Pick<React.AriaAttributes, 'aria-label'>
     className?: string;
     style?: React.CSSProperties;
     dataSource?: Data[];
+    children?: React.ReactNode | undefined;
 }
 declare class Timeline extends PureComponent<TimelineProps> {
     static contextType: React.Context<import("../configProvider/context").ContextValue>;
@@ -25,7 +26,7 @@ declare class Timeline extends PureComponent<TimelineProps> {
         mode: string;
     };
     getPosCls: (ele: React.ReactElement, idx: number) => string;
-    addClassName: (items: React.ReactNode) => {}[];
+    addClassName: (items: React.ReactNode) => (string | number | React.ReactFragment | React.ReactElement<any, string | React.JSXElementConstructor<any>>)[];
     render(): JSX.Element;
 }
 export default Timeline;

package/lib/es/timeline/item.d.ts

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/timeline/timeline.css';
 export interface TimelineItemProps {
     color?: string;
+    children?: React.ReactNode | undefined;
     time?: React.ReactNode;
     type?: 'default' | 'ongoing' | 'success' | 'warning' | 'error';
     dot?: React.ReactNode;

package/lib/es/toast/ToastTransition.d.ts

@@ -2,6 +2,6 @@ import { Motion } from '../_base/base';
 import React from 'react';
 export interface ToastTransitionProps {
     motion?: Motion<ToastTransitionProps>;
-    children?: React.ReactChildren | React.JSXElementConstructor<any>;
+    children?: React.ReactNode | ((TransitionProps: any) => any);
 }
 export default function ToastTransition(props?: ToastTransitionProps): JSX.Element;

package/lib/es/toast/index.d.ts

@@ -25,12 +25,10 @@ declare const createBaseToast: () => {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
-        context: any;
+        context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<ToastListProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ToastListProps>;
         state: Readonly<ToastListState>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -58,12 +56,10 @@ declare const createBaseToast: () => {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
-        context: any;
+        context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<ToastListProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ToastListProps>;
         state: Readonly<ToastListState>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -119,12 +115,10 @@ declare const _default: {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
-        context: any;
+        context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<ToastListProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ToastListProps>;
         state: Readonly<ToastListState>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -152,12 +146,10 @@ declare const _default: {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
-        context: any;
+        context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<ToastListProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ToastListProps>;
         state: Readonly<ToastListState>;
         refs: {
             [key: string]: React.ReactInstance;

package/lib/es/toast/toast.d.ts

@@ -1,5 +1,6 @@
 import React, { CSSProperties } from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import { ToastAdapter, ToastState, ToastProps } from '@douyinfe/semi-foundation/lib/es/toast/toastFoundation';
 import BaseComponent from '../_base/baseComponent';
 export interface ToastReactProps extends ToastProps {
@@ -8,7 +9,7 @@ export interface ToastReactProps extends ToastProps {
     content: React.ReactNode;
 }
 declare class Toast extends BaseComponent<ToastReactProps, ToastState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -33,13 +34,14 @@ declare class Toast extends BaseComponent<ToastReactProps, ToastState> {
         theme: string;
     };
     constructor(props: ToastReactProps);
+    context: ContextValue;
     get adapter(): ToastAdapter;
     componentDidMount(): void;
     componentWillUnmount(): void;
     close(e: React.MouseEvent): void;
     clearCloseTimer: () => void;
     startCloseTimer: () => void;
-    renderIcon(): {};
+    renderIcon(): true | React.ReactChild | React.ReactFragment;
     render(): JSX.Element;
 }
 export default Toast;

package/lib/es/toast/useToast/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ToastProps } from '@douyinfe/semi-foundation/lib/es/toast/toastFoundation';
 export default function useToast(): (JSX.Element | {
     success: (config: ToastProps) => string;

package/lib/es/tooltip/index.d.ts

@@ -6,6 +6,7 @@ import TooltipFoundation, { TooltipAdapter, Position } from '@douyinfe/semi-foun
 import { strings } from '@douyinfe/semi-foundation/lib/es/tooltip/constants';
 import '@douyinfe/semi-foundation/lib/es/tooltip/tooltip.css';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
+import { ContextValue } from '../configProvider/context';
 import { Motion } from '../_base/base';
 export { TooltipTransitionProps } from './TooltipStyledTransition';
 export declare type Trigger = ArrayElement<typeof strings.TRIGGER_SET>;
@@ -70,7 +71,7 @@ interface TooltipState {
     id: string;
 }
 export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean | object>;
@@ -148,6 +149,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
     getPopupContainer: () => HTMLElement;
     containerPosition: string;
     foundation: TooltipFoundation;
+    context: ContextValue;
     constructor(props: TooltipProps);
     setContainerEl: (node: HTMLDivElement) => {
         current: HTMLDivElement;

package/lib/es/transfer/index.d.ts

@@ -150,15 +150,15 @@ declare class Transfer extends BaseComponent<TransferProps, TransferState> {
     onSortEnd(callbackProps: OnSortEndProps): void;
     renderFilter(locale: Locale['Transfer']): JSX.Element;
     renderHeader(headerConfig: HeaderConfig): JSX.Element;
-    renderLeftItem(item: ResolvedDataItem, index: number): React.ReactNode;
-    renderLeft(locale: Locale['Transfer']): React.ReactNode;
+    renderLeftItem(item: ResolvedDataItem, index: number): string | number | boolean | React.ReactFragment | JSX.Element;
+    renderLeft(locale: Locale['Transfer']): string | number | boolean | React.ReactFragment | JSX.Element;
     renderGroupTitle(group: GroupItem, index: number): JSX.Element;
     renderLeftTree(): JSX.Element;
     renderLeftList(visibileItems: Array<ResolvedDataItem>): JSX.Element;
     renderRightItem(item: ResolvedDataItem): React.ReactNode;
     renderEmpty(type: string, emptyText: React.ReactNode): JSX.Element;
     renderRightSortableList(selectedData: Array<ResolvedDataItem>): JSX.Element;
-    renderRight(locale: Locale['Transfer']): React.ReactNode;
+    renderRight(locale: Locale['Transfer']): string | number | boolean | React.ReactFragment | JSX.Element;
     render(): JSX.Element;
 }
 export default Transfer;

package/lib/es/transfer/index.js

@@ -492,6 +492,7 @@ class Transfer extends BaseComponent {
       }, _mapInstanceProperty(items).call(items, (item, index) =>
       /*#__PURE__*/
       // sortableElement will take over the property 'key', so use another '_optionKey' to pass
+      // @ts-ignore skip SortableItem type check
       React.createElement(SortableItem, _Object$assign({
         key: item.label,
         index: index
@@ -502,7 +503,8 @@ class Transfer extends BaseComponent {
       ;
     }, {
       distance: 10
-    });
+    }); // @ts-ignore skip SortableItem type check
+
     const sortList = /*#__PURE__*/React.createElement(SortableList, {
       useDragHandle: true,
       onSortEnd: this.onSortEnd,

package/lib/es/tree/index.d.ts

@@ -1,5 +1,6 @@
-import React, { MouseEvent } from 'react';
+import React, { MouseEvent, KeyboardEvent } from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import { TreeAdapter } from '@douyinfe/semi-foundation/lib/es/tree/foundation';
 import BaseComponent from '../_base/baseComponent';
 import Input from '../input/index';
@@ -9,7 +10,7 @@ import { TreeProps, TreeState, TreeNodeProps, TreeNodeData, FlattenNode, KeyEnti
 export * from './interface';
 export { AutoSizerProps } from './autoSizer';
 declare class Tree extends BaseComponent<TreeProps, TreeState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         blockNode: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
@@ -99,6 +100,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
     dragNode: any;
     onNodeClick: any;
     onMotionEnd: any;
+    context: ContextValue;
     constructor(props: TreeProps);
     /**
      * Process of getDerivedStateFromProps was inspired by rc-tree
@@ -109,18 +111,18 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
     search: (value: string) => void;
     renderInput(): JSX.Element;
     renderEmpty: () => JSX.Element;
-    onNodeSelect: (e: MouseEvent, treeNode: TreeNodeProps) => void;
+    onNodeSelect: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
     onNodeLoad: (data: TreeNodeData) => Promise<unknown>;
-    onNodeCheck: (e: MouseEvent, treeNode: TreeNodeProps) => void;
-    onNodeExpand: (e: MouseEvent, treeNode: TreeNodeProps) => void;
+    onNodeCheck: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
+    onNodeExpand: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
     onNodeRightClick: (e: MouseEvent, treeNode: TreeNodeProps) => void;
     onNodeDoubleClick: (e: MouseEvent, treeNode: TreeNodeProps) => void;
-    onNodeDragStart: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragEnter: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragOver: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragLeave: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragEnd: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDrop: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragStart: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragEnter: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragOver: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragLeave: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragEnd: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDrop: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
     getTreeNodeRequiredProps: () => {
         expandedKeys: Set<string>;
         selectedKeys: string[];

package/lib/es/tree/nodeList.d.ts

@@ -5,5 +5,5 @@ export default class NodeList extends PureComponent<NodeListProps, NodeListState
     constructor(props: NodeListProps);
     static getDerivedStateFromProps(props: NodeListProps, prevState: NodeListState): {};
     onMotionEnd: () => void;
-    render(): React.ReactNode[];
+    render(): (string | number | boolean | React.ReactFragment | JSX.Element)[];
 }

package/lib/es/tree/treeContext.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, MouseEvent, DragEvent } from 'react';
+import React, { ReactNode, MouseEvent, DragEvent, KeyboardEvent } from 'react';
 import { Virtualize, ExpandAction } from '@douyinfe/semi-foundation/lib/es/tree/foundation';
 import { TreeNodeData, KeyEntities, TreeNodeProps, FlattenNode, RenderFullLabelProps } from './interface';
 export interface TreeContextValue {
@@ -10,18 +10,18 @@ export interface TreeContextValue {
     filterTreeNode?: boolean | ((inputValue: string, treeNodeString: string) => void);
     keyEntities?: KeyEntities;
     onNodeClick?: any;
-    onNodeExpand?: (e: MouseEvent, treeNode: TreeNodeProps) => void;
-    onNodeSelect?: (e: MouseEvent, treeNode: TreeNodeProps) => void;
-    onNodeCheck?: (e: MouseEvent, treeNode: TreeNodeProps) => void;
+    onNodeExpand?: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
+    onNodeSelect?: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
+    onNodeCheck?: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
     onNodeRightClick?: (e: MouseEvent, treeNode: TreeNodeProps) => void;
     onNodeDoubleClick?: (e: MouseEvent, treeNode: TreeNodeProps) => void;
     renderTreeNode?: (treeNode: FlattenNode, ind?: number, style?: React.CSSProperties) => ReactNode;
-    onNodeDragStart?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragEnter?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragOver?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragLeave?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragEnd?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDrop?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragStart?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragEnter?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragOver?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragLeave?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragEnd?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDrop?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
     expandAction?: ExpandAction;
     directory?: boolean;
     multiple?: boolean;