@douyinfe/semi-ui 2.9.0-beta.0 → 2.9.1

package/lib/cjs/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/cjs/grid/row.d.ts

@@ -4,9 +4,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/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/cjs/iconButton/index.d.ts

@@ -31,7 +31,7 @@ declare class IconButton extends PureComponent<IconButtonProps> {
         style: PropTypes.Requireable<object>;
         loading: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         iconSize: PropTypes.Requireable<string>;
         noHorizontalPadding: PropTypes.Requireable<string | boolean | any[]>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/list/item.js

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

package/lib/cjs/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/cjs/modal/Modal.js

@@ -253,6 +253,9 @@ class Modal extends _baseComponent.default {
         this.props.onOk(e);
       },
       notifyClose: () => {
+        var _a, _b;
+
+        (_b = (_a = this.props.motion) === null || _a === void 0 ? void 0 : _a.didLeave) === null || _b === void 0 ? void 0 : _b.call(_a);
         this.props.afterClose();
       },
       toggleHidden: (hidden, callback) => {

package/lib/cjs/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/cjs/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/cjs/modal/confirm.d.ts

@@ -10,11 +10,12 @@ 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;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -51,11 +52,12 @@ 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;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -92,11 +94,12 @@ 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;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -133,11 +136,12 @@ 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;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -174,11 +178,12 @@ 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;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;

package/lib/cjs/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/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,14 +12,10 @@ 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>;
+        logo: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         style: PropTypes.Requireable<object>;
@@ -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/index.d.ts

@@ -107,8 +107,8 @@ declare class Nav extends BaseComponent<NavProps, NavState> {
         className: PropTypes.Requireable<string>;
         toggleIconPosition: PropTypes.Requireable<string>;
         prefixCls: PropTypes.Requireable<string>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        header: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
+        footer: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
         limitIndent: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {

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) {