@douyinfe/semi-ui 2.8.0 → 2.8.1

package/lib/es/form/slot.js

@@ -72,12 +72,14 @@ const FormSlot = props => {
       break;
 
     case _isString(label) || _isNumber(label):
+      // @ts-ignore skip type check, the actual type is already determined
       label = {
         text: label
       };
       break;
 
     case /*#__PURE__*/React.isValidElement(label):
+      // @ts-ignore skip type check, the actual type is already determined
       label = {
         text: label
       };

package/lib/es/grid/col.d.ts

@@ -3,6 +3,7 @@
  */
 import React from 'react';
 import PropTypes from 'prop-types';
+import { RowContextType } from './row';
 export interface ColSize {
     span?: number;
     order?: number;
@@ -28,9 +29,7 @@ export interface ColProps {
     xxl?: number | ColSize;
 }
 declare class Col extends React.Component<ColProps> {
-    static contextType: React.Context<{
-        gutters: import("./row").Gutter | [import("./row").Gutter, import("./row").Gutter];
-    }>;
+    static contextType: React.Context<RowContextType>;
     static propTypes: {
         span: PropTypes.Requireable<number>;
         order: PropTypes.Requireable<number>;
@@ -50,6 +49,7 @@ declare class Col extends React.Component<ColProps> {
     static defaultProps: {
         prefixCls: string;
     };
+    context: RowContextType;
     render(): JSX.Element;
 }
 export default Col;

package/lib/es/grid/row.d.ts

@@ -4,9 +4,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/grid/grid.css';
-export declare const RowContext: React.Context<{
-    gutters: Gutter | [Gutter, Gutter];
-}>;
+export interface RowContextType {
+    gutters?: Gutter | [Gutter, Gutter];
+}
+export declare const RowContext: React.Context<RowContextType>;
 export declare type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export declare type Gutter = number | Partial<Record<Breakpoint, number>>;
 export interface RowProps {

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

@@ -109,7 +109,7 @@ declare class InputNumber extends BaseComponent<InputNumberProps, InputNumberSta
     handleMouseUp: (e: React.MouseEvent) => void;
     handleMouseLeave: (e: React.MouseEvent) => void;
     renderButtons: () => JSX.Element;
-    renderSuffix: () => React.ReactNode;
+    renderSuffix: () => string | number | boolean | React.ReactFragment | JSX.Element;
     render(): JSX.Element;
 }
 declare const _default: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;

package/lib/es/layout/Sider.d.ts

@@ -1,5 +1,6 @@
 import React, { CSSProperties } from 'react';
 import PropTypes from 'prop-types';
+import { ContextType } from './layout-context';
 export interface ResponsiveMap {
     xs: string;
     sm: string;
@@ -12,6 +13,7 @@ export interface SiderProps {
     prefixCls?: string;
     style?: CSSProperties;
     className?: string;
+    children?: React.ReactNode | undefined;
     breakpoint?: Array<keyof ResponsiveMap>;
     onBreakpoint?: (screen: keyof ResponsiveMap, match: boolean) => void;
     'aria-label'?: React.AriaAttributes['aria-label'];
@@ -30,8 +32,9 @@ declare class Sider extends React.PureComponent<SiderProps> {
     static defaultProps: {
         prefixCls: string;
     };
-    static contextType: React.Context<import("./layout-context").ContextType>;
+    static contextType: React.Context<ContextType>;
     unRegisters: Array<() => void>;
+    context: ContextType;
     uniqueId: string;
     constructor(props: SiderProps);
     componentDidMount(): void;

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

@@ -10,11 +10,13 @@ export interface BasicProps {
     className?: string;
     tagName?: keyof HTMLElementTagNameMap;
     type?: string;
+    children?: React.ReactNode | undefined;
 }
 export interface BasicLayoutProps {
     prefixCls?: string;
     style?: CSSProperties;
     className?: string;
+    children?: React.ReactNode | undefined;
     hasSider?: boolean;
     tagName?: keyof HTMLElementTagNameMap;
 }

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

@@ -8,6 +8,7 @@ export { ListItemProps } from './item';
 export interface ListProps<T> {
     style?: React.CSSProperties;
     className?: string;
+    children?: React.ReactNode | undefined;
     bordered?: boolean;
     footer?: React.ReactNode;
     header?: React.ReactNode;

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

@@ -1,11 +1,13 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
+import { ListContextValue } from './list-context';
 export interface ListItemProps {
     extra?: React.ReactNode;
     header?: React.ReactNode;
     main?: React.ReactNode;
     align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
     className?: string;
+    children?: React.ReactNode | undefined;
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler<HTMLLIElement>;
     onRightClick?: React.MouseEventHandler<HTMLLIElement>;
@@ -13,13 +15,14 @@ export interface ListItemProps {
     onMouseEnter?: React.MouseEventHandler<HTMLLIElement>;
 }
 export default class ListItem extends PureComponent<ListItemProps> {
-    static contextType: React.Context<import("./list-context").ListContextValue>;
+    static contextType: React.Context<ListContextValue>;
     static propTypes: {
         extra: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         main: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         align: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         style: PropTypes.Requireable<object>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onRightClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -31,6 +34,7 @@ export default class ListItem extends PureComponent<ListItemProps> {
         onMouseEnter: (...args: any[]) => void;
         onMouseLeave: (...args: any[]) => void;
     };
+    context: ListContextValue;
     wrapWithGrid(content: React.ReactNode): JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/list/item.js

@@ -78,7 +78,10 @@ export default class ListItem extends PureComponent {
       }, main) : null);
     }
 
-    let content = /*#__PURE__*/React.createElement("li", {
+    let content =
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+    React.createElement("li", {
       className: itemCls,
       style: style,
       onClick: handleClick,
@@ -104,6 +107,7 @@ ListItem.propTypes = {
   main: PropTypes.node,
   align: PropTypes.oneOf(strings.ALIGN),
   className: PropTypes.string,
+  children: PropTypes.node,
   style: PropTypes.object,
   onClick: PropTypes.func,
   onRightClick: PropTypes.func,

package/lib/es/modal/Modal.d.ts

@@ -10,6 +10,7 @@ export declare type ConfirmType = 'leftTop' | 'leftBottom' | 'rightTop' | 'right
 export declare type Directions = 'ltr' | 'rtl';
 export interface ModalReactProps extends ModalProps {
     cancelButtonProps?: ButtonProps;
+    children?: React.ReactNode | undefined;
     okButtonProps?: ButtonProps;
     bodyStyle?: CSSProperties;
     maskStyle?: CSSProperties;

package/lib/es/modal/ModalContent.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import BaseComponent from '../_base/baseComponent';
 import ModalContentFoundation, { ModalContentAdapter, ModalContentProps, ModalContentState } from '@douyinfe/semi-foundation/lib/es/modal/modalContentFoundation';
-export default class ModalContent extends BaseComponent<ModalContentProps, ModalContentState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+export interface ModalContentReactProps extends ModalContentProps {
+    children?: React.ReactNode | undefined;
+}
+export default class ModalContent extends BaseComponent<ModalContentReactProps, ModalContentState> {
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         close: PropTypes.Requireable<(...args: any[]) => any>;
         getContainerContext: PropTypes.Requireable<(...args: any[]) => any>;
@@ -21,6 +25,7 @@ export default class ModalContent extends BaseComponent<ModalContentProps, Modal
     private timeoutId;
     modalDialogRef: React.MutableRefObject<HTMLDivElement>;
     foundation: ModalContentFoundation;
+    context: ContextValue;
     constructor(props: ModalContentProps);
     get adapter(): ModalContentAdapter;
     componentDidMount(): void;

package/lib/es/modal/confirm.d.ts

@@ -10,6 +10,7 @@ export default function confirm(props: ConfirmProps): {
 };
 export declare function withInfo(props: ModalReactProps): {
     cancelButtonProps?: import("../button").BaseButtonProps;
+    children?: React.ReactNode;
     okButtonProps?: import("../button").BaseButtonProps;
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
@@ -51,6 +52,7 @@ export declare function withInfo(props: ModalReactProps): {
 };
 export declare function withSuccess(props: ModalReactProps): {
     cancelButtonProps?: import("../button").BaseButtonProps;
+    children?: React.ReactNode;
     okButtonProps?: import("../button").BaseButtonProps;
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
@@ -92,6 +94,7 @@ export declare function withSuccess(props: ModalReactProps): {
 };
 export declare function withWarning(props: ModalReactProps): {
     cancelButtonProps?: import("../button").BaseButtonProps;
+    children?: React.ReactNode;
     okButtonProps?: import("../button").BaseButtonProps;
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
@@ -133,6 +136,7 @@ export declare function withWarning(props: ModalReactProps): {
 };
 export declare function withError(props: ModalReactProps): {
     cancelButtonProps?: import("../button").BaseButtonProps;
+    children?: React.ReactNode;
     okButtonProps?: import("../button").BaseButtonProps;
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
@@ -174,6 +178,7 @@ export declare function withError(props: ModalReactProps): {
 };
 export declare function withConfirm(props: ModalReactProps): {
     cancelButtonProps?: import("../button").BaseButtonProps;
+    children?: React.ReactNode;
     okButtonProps?: import("../button").BaseButtonProps;
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;

package/lib/es/modal/useModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConfirmProps } from '../confirm';
 import { ModalReactProps } from '../Modal';
 export default function useModal(): (JSX.Element | {

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

@@ -1,17 +1,14 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/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/es/navigation/Header.d.ts

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/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/es/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/es/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/es/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/es/navigation/SubNav.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
 import SubNavFoundation, { SubNavAdapter } from '@douyinfe/semi-foundation/lib/es/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/es/navigation/SubNav.js

@@ -111,12 +111,12 @@ export default class SubNav extends BaseComponent {
       getIsSelected: itemKey => {
         var _context;
 
-        return Boolean(!isNullOrUndefined(itemKey) && _includesInstanceProperty(_context = _get(this.context, 'selectedKeys', [])).call(_context, itemKey));
+        return Boolean(!isNullOrUndefined(itemKey) && _includesInstanceProperty(_context = _get(this.context, 'selectedKeys', [])).call(_context, String(itemKey)));
       },
       getIsOpen: () => {
         var _context2;
 
-        return Boolean(this.context && this.context.openKeys && _includesInstanceProperty(_context2 = this.context.openKeys).call(_context2, this.props.itemKey));
+        return Boolean(this.context && this.context.openKeys && _includesInstanceProperty(_context2 = this.context.openKeys).call(_context2, String(this.props.itemKey)));
       }
     });
   }

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

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

package/lib/es/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/es/notification/NoticeTransition.d.ts

@@ -1,10 +1,10 @@
-import React, { JSXElementConstructor } from 'react';
+import React from 'react';
 import { NoticePosition } from '@douyinfe/semi-foundation/lib/es/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/es/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/es/notification/notificationListFoundation';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/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/es/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/es/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/es/notification/useNotification/index.d.ts

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

package/lib/es/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/es/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/es/pagination/foundation';
 import '@douyinfe/semi-foundation/lib/es/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/es/pagination/index.js

@@ -330,17 +330,21 @@ export default class Pagination extends BaseComponent {
 
     const itemHeight = 32;
     const listHeight = count >= 5 ? itemHeight * 5 : itemHeight * count;
-    return /*#__PURE__*/React.createElement(List, {
-      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.createElement(List, {
+        className: "".concat(prefixCls, "-rest-list"),
+        itemData: restList,
+        itemSize: itemHeight,
+        width: 78,
+        itemCount: count,
+        height: listHeight,
+        style: {
+          direction
+        }
+      }, row)
+    );
   }
 
   renderSmallPage(locale) {

package/lib/es/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/es/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/es/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/es/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;