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

package/lib/es/form/hoc/withField.js

@@ -112,7 +112,8 @@ function withField(Component, opts) {
     const [cursor, setCursor, getCursor] = useStateWithGetter(0);
     const [status, setStatus] = useState(validateStatus); // use props.validateStatus to init
 
-    const rulesRef = useRef(rules); // notNotify is true means that the onChange of the Form does not need to be triggered
+    const rulesRef = useRef(rules);
+    const validateRef = useRef(validate); // notNotify is true means that the onChange of the Form does not need to be triggered
     // notUpdate is true means that this operation does not need to trigger the forceUpdate
 
     const updateTouched = (isTouched, callOpts) => {
@@ -213,7 +214,7 @@ function withField(Component, opts) {
       let maybePromisedErrors; // let errorThrowSync;
 
       try {
-        maybePromisedErrors = validate(val, values);
+        maybePromisedErrors = validateRef.current(val, values);
       } catch (err) {
         // error throw by syncValidate
         maybePromisedErrors = err;
@@ -253,7 +254,7 @@ function withField(Component, opts) {
         finalVal = transform(val);
       }
 
-      if (validate) {
+      if (validateRef.current) {
         return _validate(finalVal, updater.getValue(), callOpts);
       } else if (latestRules) {
         return _validateInternal(finalVal, callOpts);
@@ -362,7 +363,8 @@ function withField(Component, opts) {
 
     useLayoutEffect(() => {
       rulesRef.current = rules;
-    }, [rules]); // exec validate once when trigger inlcude 'mount'
+      validateRef.current = validate;
+    }, [rules, validate]); // exec validate once when trigger inlcude 'mount'
 
     useLayoutEffect(() => {
       if (validateOnMount) {

package/lib/es/form/label.d.ts

@@ -15,6 +15,7 @@ export interface LabelProps {
     width?: number | string;
     style?: React.CSSProperties;
     className?: string;
+    children?: React.ReactNode | undefined;
     extra?: React.ReactNode;
 }
 export default class Label extends PureComponent<LabelProps> {

package/lib/es/form/section.d.ts

@@ -4,7 +4,7 @@ export interface SectionProps {
     className?: string;
     style?: React.CSSProperties;
     text?: React.ReactNode | string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 export default class Section extends PureComponent<SectionProps> {
     static propTypes: {

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/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/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/Modal.js

@@ -214,6 +214,9 @@ class Modal extends BaseComponent {
         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/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,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/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,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/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/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/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 | {