@douyinfe/semi-ui 2.8.0-beta.1 → 2.8.2

package/lib/cjs/navigation/Footer.d.ts

@@ -1,17 +1,14 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css';
+import { NavContextType } from './nav-context';
 import { BaseProps } from '../_base/baseComponent';
 export interface NavFooterProps extends BaseProps {
     collapseButton?: React.ReactNode | boolean;
     collapseText?: (collapsed?: boolean) => React.ReactNode;
 }
 export default class NavFooter extends PureComponent<NavFooterProps> {
-    static contextType: React.Context<{
-        isCollapsed: boolean;
-        selectedKeys: any[];
-        openKeys: any[];
-    }>;
+    static contextType: React.Context<NavContextType>;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         style: PropTypes.Requireable<object>;
@@ -22,6 +19,7 @@ export default class NavFooter extends PureComponent<NavFooterProps> {
     static defaultProps: {
         collapseButton: boolean;
     };
+    context: NavContextType;
     renderCollapseButton: () => JSX.Element;
     render(): JSX.Element;
 }

package/lib/cjs/navigation/Header.d.ts

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css';
+import { NavContextType } from './nav-context';
 import { BaseProps } from '../_base/baseComponent';
 export declare type Logo = React.ReactNode;
 export interface NavHeaderProps extends BaseProps {
@@ -11,11 +12,7 @@ export interface NavHeaderProps extends BaseProps {
     text?: React.ReactNode;
 }
 export default class NavHeader extends PureComponent<NavHeaderProps> {
-    static contextType: React.Context<{
-        isCollapsed: boolean;
-        selectedKeys: any[];
-        openKeys: any[];
-    }>;
+    static contextType: React.Context<NavContextType>;
     static propTypes: {
         prefixCls: PropTypes.Requireable<string>;
         logo: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -29,6 +26,7 @@ export default class NavHeader extends PureComponent<NavHeaderProps> {
     static defaultProps: {
         prefixCls: string;
     };
+    context: NavContextType;
     renderLogo(logo: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     render(): JSX.Element;
 }

package/lib/cjs/navigation/Item.d.ts

@@ -2,6 +2,7 @@ import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import React from 'react';
 import PropTypes from 'prop-types';
 import ItemFoundation, { ItemAdapter, ItemProps, SelectedItemProps } from '@douyinfe/semi-foundation/lib/cjs/navigation/itemFoundation';
+import { NavContextType } from './nav-context';
 export interface NavItemProps extends ItemProps, BaseProps {
     children?: React.ReactNode;
     disabled?: boolean;
@@ -25,11 +26,7 @@ export interface NavItemState {
     tooltipShow: boolean;
 }
 export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
-    static contextType: React.Context<{
-        isCollapsed: boolean;
-        selectedKeys: any[];
-        openKeys: any[];
-    }>;
+    static contextType: React.Context<NavContextType>;
     static propTypes: {
         text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         itemKey: PropTypes.Requireable<string | number>;
@@ -60,6 +57,7 @@ export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
         disabled: boolean;
     };
     foundation: ItemFoundation;
+    context: NavContextType;
     constructor(props: NavItemProps);
     _invokeContextFunc(funcName: string, ...args: any[]): any;
     get adapter(): ItemAdapter<NavItemProps, NavItemState>;
@@ -68,5 +66,5 @@ export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
     wrapTooltip: (node: React.ReactNode) => JSX.Element;
     handleClick: (e: React.MouseEvent) => void;
     handleKeyPress: (e: React.KeyboardEvent) => void;
-    render(): {} | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 }

package/lib/cjs/navigation/OpenIconTransition.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 export interface OpenIconTransitionProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((transitionArgus?: any) => React.ReactNode);
+    isCollapsed?: boolean;
     isOpen?: boolean;
 }
 declare function OpenIconTransition(props?: OpenIconTransitionProps): JSX.Element;

package/lib/cjs/navigation/SubNav.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css';
 import SubNavFoundation, { SubNavAdapter } from '@douyinfe/semi-foundation/lib/cjs/navigation/subNavFoundation';
+import { NavContextType } from './nav-context';
 export interface ToggleIcon {
     open?: string;
     closed?: string;
@@ -26,11 +27,7 @@ export interface SubNavState {
     isHovered: boolean;
 }
 export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
-    static contextType: React.Context<{
-        isCollapsed: boolean;
-        selectedKeys: any[];
-        openKeys: any[];
-    }>;
+    static contextType: React.Context<NavContextType>;
     static propTypes: {
         /**
          * Unique identification
@@ -89,6 +86,7 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
     titleRef: React.RefObject<HTMLDivElement>;
     itemRef: React.RefObject<HTMLLIElement>;
     foundation: SubNavFoundation;
+    context: NavContextType;
     constructor(props: SubNavProps);
     setItemRef: (ref: HTMLLIElement | React.RefObject<HTMLLIElement>) => void;
     setTitleRef: (ref: HTMLDivElement | React.RefObject<HTMLDivElement>) => void;

package/lib/cjs/navigation/SubNav.js

@@ -141,12 +141,12 @@ class SubNav extends _baseComponent.default {
       getIsSelected: itemKey => {
         var _context;
 
-        return Boolean(!(0, _isNullOrUndefined.default)(itemKey) && (0, _includes.default)(_context = (0, _get2.default)(this.context, 'selectedKeys', [])).call(_context, itemKey));
+        return Boolean(!(0, _isNullOrUndefined.default)(itemKey) && (0, _includes.default)(_context = (0, _get2.default)(this.context, 'selectedKeys', [])).call(_context, String(itemKey)));
       },
       getIsOpen: () => {
         var _context2;
 
-        return Boolean(this.context && this.context.openKeys && (0, _includes.default)(_context2 = this.context.openKeys).call(_context2, this.props.itemKey));
+        return Boolean(this.context && this.context.openKeys && (0, _includes.default)(_context2 = this.context.openKeys).call(_context2, String(this.props.itemKey)));
       }
     });
   }

package/lib/cjs/navigation/SubNavTransition.d.ts

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { Motion } from '@douyinfe/semi-foundation/lib/cjs/utils/type';
 export interface SubNavTransitionProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((transitionProps?: any) => React.ReactNode);
     isCollapsed?: boolean;
     maxHeight?: number;
     motion?: Motion;

package/lib/cjs/navigation/nav-context.d.ts

@@ -1,7 +1,23 @@
 import React from 'react';
-declare const NavContext: React.Context<{
-    isCollapsed: boolean;
-    selectedKeys: any[];
-    openKeys: any[];
-}>;
+import { NavProps } from './index';
+import { Locale } from '../locale/interface';
+export interface NavContextType {
+    isCollapsed?: boolean;
+    mode?: NavProps['mode'];
+    openKeys?: string[];
+    onCollapseChange?: NavProps['onCollapseChange'];
+    prefixCls?: string;
+    selectedKeys?: string[];
+    toggleIconPosition?: string;
+    selectedKeysIsControlled?: boolean;
+    openKeysIsControlled?: boolean;
+    limitIndent?: boolean;
+    isInSubNav?: boolean;
+    locale?: Locale['Navigation'];
+    subNavMotion?: NavProps['subNavMotion'];
+    subNavCloseDelay?: NavProps['subNavCloseDelay'];
+    subNavOpenDelay?: NavProps['subNavOpenDelay'];
+    canUpdateOpenKeys?: boolean;
+}
+declare const NavContext: React.Context<NavContextType>;
 export default NavContext;

package/lib/cjs/notification/NoticeTransition.d.ts

@@ -1,10 +1,10 @@
-import React, { JSXElementConstructor } from 'react';
+import React from 'react';
 import { NoticePosition } from '@douyinfe/semi-foundation/lib/cjs/notification/notificationFoundation';
 import { Motion } from '../_base/base';
 export declare type ArgsType<T> = T extends (...args: infer A) => any ? A : never;
 export interface NoticeTransitionProps {
     position?: NoticePosition;
     motion?: Motion<NoticeTransitionProps>;
-    children?: JSXElementConstructor<any> | React.ReactChildren;
+    children?: React.ReactNode | ((TransitionProps?: any) => React.ReactNode);
 }
 export default function NoticeTransition(props?: NoticeTransitionProps): JSX.Element;

package/lib/cjs/notification/index.d.ts

@@ -1,5 +1,6 @@
 import React, { CSSProperties } from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import { ConfigProps, NotificationListAdapter, NotificationListProps, NotificationListState } from '@douyinfe/semi-foundation/lib/cjs/notification/notificationListFoundation';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/cjs/notification/notification.css';
@@ -19,7 +20,7 @@ export declare type NoticesInPosition = {
     bottomRight: NoticeInstance[];
 };
 declare class NotificationList extends BaseComponent<NotificationListProps, NotificationListState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
@@ -31,6 +32,7 @@ declare class NotificationList extends BaseComponent<NotificationListProps, Noti
     private noticeStorage;
     private removeItemStorage;
     constructor(props: NotificationListProps);
+    context: ContextValue;
     get adapter(): NotificationListAdapter;
     static addNotice(notice: NoticeProps): string;
     static removeNotice(id: string): string;

package/lib/cjs/notification/notice.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import { NoticeAdapter, NoticeProps, NoticeState } from '@douyinfe/semi-foundation/lib/cjs/notification/notificationFoundation';
 import BaseComponent from '../_base/baseComponent';
 export interface NoticeReactProps extends NoticeProps {
@@ -10,7 +11,7 @@ export interface NoticeReactProps extends NoticeProps {
     onClick?: (e: React.MouseEvent) => void;
 }
 declare class Notice extends BaseComponent<NoticeReactProps, NoticeState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         duration: PropTypes.Requireable<number>;
         id: PropTypes.Requireable<string | number>;
@@ -40,6 +41,7 @@ declare class Notice extends BaseComponent<NoticeReactProps, NoticeState> {
     };
     get adapter(): NoticeAdapter;
     constructor(props: NoticeReactProps);
+    context: ContextValue;
     componentWillUnmount(): void;
     renderTypeIcon(): JSX.Element;
     clearCloseTimer: () => void;

package/lib/cjs/notification/useNotification/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import '@douyinfe/semi-foundation/lib/cjs/notification/notification.css';
 import { NoticeProps } from '@douyinfe/semi-foundation/lib/cjs/notification/notificationFoundation';
 export default function useNotification(): (JSX.Element | {

package/lib/cjs/overflowList/intersectionObserver.d.ts

@@ -1,8 +1,9 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 export interface ReactIntersectionObserverProps {
     onIntersect?: IntersectionObserverCallback;
     option?: IntersectionObserverInit;
+    children?: React.ReactNode;
     root?: IntersectionObserverInit['root'];
     threshold?: IntersectionObserverInit['threshold'];
     rootMargin?: IntersectionObserverInit['rootMargin'];
@@ -30,5 +31,5 @@ export default class ReactIntersectionObserver extends React.PureComponent<React
     componentDidUpdate(): void;
     componentWillUnmount(): void;
     observeElement(force?: boolean): void;
-    render(): ReactNode;
+    render(): React.ReactNode;
 }

package/lib/cjs/pagination/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { PageList, PaginationAdapter } from '@douyinfe/semi-foundation/lib/cjs/pagination/foundation';
 import '@douyinfe/semi-foundation/lib/cjs/pagination/pagination.css';
+import { ContextValue } from '../configProvider/context';
 import { Locale } from '../locale/interface';
 import BaseComponent from '../_base/baseComponent';
 import { Position } from '../tooltip';
@@ -43,7 +44,7 @@ export declare type PaginationLocale = Locale['Pagination'];
 export declare type PopoverPosition = Position;
 export { PageList };
 export default class Pagination extends BaseComponent<PaginationProps, PaginationState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         total: PropTypes.Requireable<number>;
         showTotal: PropTypes.Requireable<boolean>;
@@ -83,6 +84,7 @@ export default class Pagination extends BaseComponent<PaginationProps, Paginatio
         showQuickJumper: boolean;
     };
     constructor(props: PaginationProps);
+    context: ContextValue;
     get adapter(): PaginationAdapter<PaginationProps, PaginationState>;
     componentDidMount(): void;
     componentWillUnmount(): void;

package/lib/cjs/pagination/index.js

@@ -363,17 +363,21 @@ class Pagination extends _baseComponent.default {
 
     const itemHeight = 32;
     const listHeight = count >= 5 ? itemHeight * 5 : itemHeight * count;
-    return /*#__PURE__*/_react.default.createElement(_reactWindow.FixedSizeList, {
-      className: "".concat(prefixCls, "-rest-list"),
-      itemData: restList,
-      itemSize: itemHeight,
-      width: 78,
-      itemCount: count,
-      height: listHeight,
-      style: {
-        direction
-      }
-    }, row);
+    return (
+      /*#__PURE__*/
+      // @ts-ignore skip type check cause react-window not update with @types/react 18
+      _react.default.createElement(_reactWindow.FixedSizeList, {
+        className: "".concat(prefixCls, "-rest-list"),
+        itemData: restList,
+        itemSize: itemHeight,
+        width: 78,
+        itemCount: count,
+        height: listHeight,
+        style: {
+          direction
+        }
+      }, row)
+    );
   }
 
   renderSmallPage(locale) {

package/lib/cjs/popconfirm/index.d.ts

@@ -6,6 +6,7 @@ import { PopoverProps } from '../popover';
 import { Position, Trigger } from '../tooltip';
 import { ButtonProps } from '../button';
 import { Type as ButtonType } from '../button/Button';
+import { ContextValue } from '../configProvider/context';
 import '@douyinfe/semi-foundation/lib/cjs/popconfirm/popconfirm.css';
 import { Motion } from '../_base/base';
 export interface PopconfirmProps extends PopoverProps {
@@ -35,7 +36,7 @@ export interface PopconfirmState {
     visible: boolean;
 }
 export default class Popconfirm extends BaseComponent<PopconfirmProps, PopconfirmState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         motion: PropTypes.Requireable<boolean | object>;
         disabled: PropTypes.Requireable<boolean>;
@@ -77,6 +78,7 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         onClickOutSide: (...args: any[]) => void;
     };
     constructor(props: PopconfirmProps);
+    context: ContextValue;
     static getDerivedStateFromProps(props: PopconfirmProps, state: PopconfirmState): Partial<PopconfirmState>;
     get adapter(): PopconfirmAdapter<PopconfirmProps, PopconfirmState>;
     handleCancel: (e: React.MouseEvent) => void;
@@ -86,5 +88,5 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
     stopImmediatePropagation: (e: React.SyntheticEvent) => void;
     renderControls(): JSX.Element;
     renderConfirmPopCard(): JSX.Element;
-    render(): React.ReactNode;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element;
 }

package/lib/cjs/popover/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import { ArrowBounding, Position, TooltipProps, Trigger, RenderContentProps } from '../tooltip/index';
 import '@douyinfe/semi-foundation/lib/cjs/popover/popover.css';
 import { BaseProps } from '../_base/baseComponent';
@@ -42,7 +43,7 @@ export interface PopoverState {
     popConfirmVisible: boolean;
 }
 declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -92,6 +93,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         returnFocusOnClose: boolean;
         guardFocus: boolean;
     };
+    context: ContextValue;
     renderPopCard: ({ initialFocusRef }: {
         initialFocusRef: RenderContentProps['initialFocusRef'];
     }) => JSX.Element;

package/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/sideSheet/sideSheetFoundation';
 import '@douyinfe/semi-foundation/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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;