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

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

@@ -9,6 +9,7 @@ export { CollapsePanelProps } from './item';
 export interface CollapseReactProps extends CollapseProps {
     expandIcon?: React.ReactNode;
     collapseIcon?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     style?: CSSProperties;
     onChange?: (activeKey: CollapseProps['activeKey'], e: React.MouseEvent) => void;
 }

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

@@ -6,6 +6,7 @@ export interface CollapsePanelProps {
     extra?: ReactNode;
     header?: ReactNode;
     className?: string;
+    children?: React.ReactNode | undefined;
     reCalcKey?: number | string;
     style?: CSSProperties;
 }
@@ -19,6 +20,7 @@ export default class CollapsePanel extends PureComponent<CollapsePanelProps> {
         reCalcKey: PropTypes.Requireable<string | number>;
     };
     private ariaID;
+    context: CollapseContextType;
     renderHeader(active: boolean, expandIconEnable?: boolean): JSX.Element;
     render(): JSX.Element;
 }

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { Motion } from '../_base/base';
 export interface CollapsibleProps {
     motion?: Motion;
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     isOpen?: boolean;
     duration?: number;
     keepDOM?: boolean;

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

@@ -14,6 +14,6 @@ export default class ConfigProvider extends React.Component<ConfigProviderProps>
         locale: import("../locale/interface").Locale;
         direction: string;
     };
-    renderChilren(): React.ReactNode;
+    renderChilren(): string | number | boolean | React.ReactFragment | JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/datePicker/datePicker.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import DatePickerFoundation, { DatePickerAdapter, DatePickerFoundationProps, DatePickerFoundationState, DayStatusType, PresetType, Type, RangeType } from '@douyinfe/semi-foundation/lib/es/datePicker/foundation';
 import BaseComponent from '../_base/baseComponent';
 import { DateInputProps } from './dateInput';
@@ -33,7 +34,7 @@ export interface DatePickerProps extends DatePickerFoundationProps {
 }
 export declare type DatePickerState = DatePickerFoundationState;
 export default class DatePicker extends BaseComponent<DatePickerProps, DatePickerState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         'aria-describedby': PropTypes.Requireable<string>;
         'aria-errormessage': PropTypes.Requireable<string>;
@@ -157,6 +158,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
     clickOutSideHandler: (e: MouseEvent) => void;
     _mounted: boolean;
     foundation: DatePickerFoundation;
+    context: ContextValue;
     constructor(props: DatePickerProps);
     get adapter(): DatePickerAdapter;
     isRangeType(type: Type, triggerRender: DatePickerProps['triggerRender']): boolean;

package/lib/es/datePicker/insetInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InsetInputValue, Type, InsetInputChangeFoundationProps } from '@douyinfe/semi-foundation/lib/es/datePicker/inputFoundation';
 import { InputProps } from '../input';
 export interface InsetDateInputProps {

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

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/descriptions/descriptions.css';
-import { DescriptionsAlign } from './descriptions-context';
+import { DescriptionsAlign, DescriptionsContextValue } from './descriptions-context';
 import Item from './item';
 export { DescriptionsItemProps } from './item';
 export declare type DescriptionsSize = 'small' | 'medium' | 'large';
@@ -16,11 +16,12 @@ export interface DescriptionsProps {
     size?: DescriptionsSize;
     style?: React.CSSProperties;
     className?: string;
+    children?: React.ReactNode | undefined;
     data?: Data[];
 }
 declare class Descriptions extends PureComponent<DescriptionsProps> {
     static Item: typeof Item;
-    static contextType: React.Context<import("./descriptions-context").DescriptionsContextValue>;
+    static contextType: React.Context<DescriptionsContextValue>;
     static propTypes: {
         align: PropTypes.Requireable<string>;
         row: PropTypes.Requireable<boolean>;
@@ -29,7 +30,7 @@ declare class Descriptions extends PureComponent<DescriptionsProps> {
         className: PropTypes.Requireable<string>;
         data: PropTypes.Requireable<PropTypes.InferProps<{
             key: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            value: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
             hidden: PropTypes.Requireable<boolean>;
             className: PropTypes.Requireable<string>;
             style: PropTypes.Requireable<object>;

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

@@ -1,9 +1,11 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/descriptions/descriptions.css';
+import { DescriptionsContextValue } from './descriptions-context';
 export interface DescriptionsItemProps {
     hidden?: boolean;
     className?: string;
+    children?: React.ReactNode | undefined | (() => React.ReactNode);
     style?: React.CSSProperties;
     itemKey?: React.ReactNode;
 }
@@ -14,6 +16,7 @@ export default class Item extends PureComponent<DescriptionsItemProps> {
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
     };
-    static contextType: React.Context<import("./descriptions-context").DescriptionsContextValue>;
+    static contextType: React.Context<DescriptionsContextValue>;
+    context: DescriptionsContextValue;
     render(): JSX.Element;
 }

package/lib/es/dropdown/context.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-declare const DropdownContext: React.Context<{
-    level: number;
-}>;
+export interface DropdownContextType {
+    level?: number;
+    showTick?: boolean;
+}
+declare const DropdownContext: React.Context<DropdownContextType>;
 export default DropdownContext;

package/lib/es/dropdown/dropdownItem.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { DropdownContextType } from './context';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 export declare type Type = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger';
 export interface DropdownItemProps extends BaseProps {
@@ -31,9 +32,8 @@ declare class DropdownItem extends BaseComponent<DropdownItemProps> {
         active: PropTypes.Requireable<boolean>;
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    static contextType: React.Context<{
-        level: number;
-    }>;
+    static contextType: React.Context<DropdownContextType>;
+    context: DropdownContextType;
     static defaultProps: {
         disabled: boolean;
         divided: boolean;

package/lib/es/dropdown/dropdownMenu.d.ts

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

package/lib/es/dropdown/dropdownTitle.d.ts

@@ -1,5 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
+import { DropdownContextType } from './context';
 import { BaseProps } from '../_base/baseComponent';
 export declare type DropdownTitleProps = BaseProps;
 declare class DropdownTitle extends PureComponent<DropdownTitleProps> {
@@ -8,9 +9,8 @@ declare class DropdownTitle extends PureComponent<DropdownTitleProps> {
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
     };
-    static contextType: React.Context<{
-        level: number;
-    }>;
+    static contextType: React.Context<DropdownContextType>;
+    context: DropdownContextType;
     render(): JSX.Element;
 }
 export default DropdownTitle;

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

@@ -6,6 +6,7 @@ import DropdownMenu from './dropdownMenu';
 import DropdownItem, { DropdownItemProps } from './dropdownItem';
 import { DropdownDividerProps } from './dropdownDivider';
 import DropdownTitle, { DropdownTitleProps } from './dropdownTitle';
+import { DropdownContextType } from './context';
 import '@douyinfe/semi-foundation/lib/es/dropdown/dropdown.css';
 import { Motion } from '../_base/base';
 export { DropdownDividerProps } from './dropdownDivider';
@@ -51,9 +52,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
     static Item: typeof DropdownItem;
     static Divider: React.FC<import("../_base/baseComponent").BaseProps>;
     static Title: typeof DropdownTitle;
-    static contextType: React.Context<{
-        level: number;
-    }>;
+    static contextType: React.Context<DropdownContextType>;
     static propTypes: {
         render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -86,6 +85,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         showTick: boolean;
     };
     constructor(props: DropdownProps);
+    context: DropdownContextType;
     get adapter(): {
         setPopVisible: (popVisible: boolean) => void;
         notifyVisibleChange: (visible: boolean) => void;

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

@@ -17,7 +17,7 @@ export interface EmptyProps {
     darkModeImage?: React.ReactNode | SVGNode;
     style?: React.CSSProperties;
     className?: string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 interface EmptyState {
     mode: any;

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

@@ -22,6 +22,7 @@ declare class ArrayFieldComponent extends Component<ArrayFieldProps, ArrayFieldS
     cacheFieldValues: any[];
     shouldUseInitValue: boolean;
     cacheUpdateKey: string;
+    context: FormUpdaterContextType;
     constructor(props: ArrayFieldProps, context: FormUpdaterContextType);
     componentWillUnmount(): void;
     componentDidUpdate(): void;

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

@@ -21,7 +21,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
         initValues: PropTypes.Requireable<object>;
         getFormApi: PropTypes.Requireable<(...args: any[]) => any>;
-        component: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        component: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         render: PropTypes.Requireable<(...args: any[]) => any>;
         validateFields: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
@@ -149,7 +149,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
     constructor(props: BaseFormProps);
     componentWillUnmount(): void;
     get adapter(): BaseFormAdapter<BaseFormProps, BaseFormState>;
-    get content(): any;
+    get content(): React.ReactNode;
     submit(e: React.FormEvent<HTMLFormElement>): void;
     reset(e: React.FormEvent<HTMLFormElement>): void;
     render(): JSX.Element;

package/lib/es/form/baseForm.js

@@ -135,7 +135,7 @@ class Form extends BaseComponent {
     };
 
     if (component) {
-      return /*#__PURE__*/React.createElement(component, props, children);
+      return /*#__PURE__*/React.createElement(component, props);
     }
 
     if (render) {

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

@@ -14,7 +14,7 @@ export interface ErrorMessageProps {
 }
 export default class ErrorMessage extends PureComponent<ErrorMessageProps> {
     static propTypes: {
-        error: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        error: PropTypes.Requireable<any[] | PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<string>;

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

@@ -2,12 +2,14 @@ import React, { Component } from 'react';
 import { LabelProps } from './label';
 import { InputGroupProps as BacisInputGroupProps } from '../input/inputGroup';
 import { BaseFormProps } from './interface';
+import { FormUpdaterContextType } from '@douyinfe/semi-foundation/lib/es/form/interface';
 export interface InputGroupProps extends BacisInputGroupProps {
     label?: LabelProps;
     labelPosition?: 'left' | 'top';
 }
 declare class FormInputGroup extends Component<InputGroupProps> {
-    static contextType: React.Context<import("@douyinfe/semi-foundation/lib/es/form/interface").FormUpdaterContextType>;
+    static contextType: React.Context<FormUpdaterContextType>;
+    context: FormUpdaterContextType;
     renderLabel(label: LabelProps, formProps: BaseFormProps): JSX.Element;
     render(): JSX.Element;
 }

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/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;
 }