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

package/lib/es/timePicker/Combobox.d.ts

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

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

@@ -11,6 +11,7 @@ export interface TimelineProps extends Pick<React.AriaAttributes, 'aria-label'>
     className?: string;
     style?: React.CSSProperties;
     dataSource?: Data[];
+    children?: React.ReactNode | undefined;
 }
 declare class Timeline extends PureComponent<TimelineProps> {
     static contextType: React.Context<import("../configProvider/context").ContextValue>;
@@ -25,7 +26,7 @@ declare class Timeline extends PureComponent<TimelineProps> {
         mode: string;
     };
     getPosCls: (ele: React.ReactElement, idx: number) => string;
-    addClassName: (items: React.ReactNode) => {}[];
+    addClassName: (items: React.ReactNode) => (string | number | React.ReactFragment | React.ReactElement<any, string | React.JSXElementConstructor<any>>)[];
     render(): JSX.Element;
 }
 export default Timeline;

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

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/timeline/timeline.css';
 export interface TimelineItemProps {
     color?: string;
+    children?: React.ReactNode | undefined;
     time?: React.ReactNode;
     type?: 'default' | 'ongoing' | 'success' | 'warning' | 'error';
     dot?: React.ReactNode;

package/lib/es/toast/ToastTransition.d.ts

@@ -2,6 +2,6 @@ import { Motion } from '../_base/base';
 import React from 'react';
 export interface ToastTransitionProps {
     motion?: Motion<ToastTransitionProps>;
-    children?: React.ReactChildren | React.JSXElementConstructor<any>;
+    children?: React.ReactNode | ((TransitionProps: any) => any);
 }
 export default function ToastTransition(props?: ToastTransitionProps): JSX.Element;

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

@@ -25,12 +25,10 @@ declare const createBaseToast: () => {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
-        context: any;
+        context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<ToastListProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ToastListProps>;
         state: Readonly<ToastListState>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -58,12 +56,10 @@ declare const createBaseToast: () => {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
-        context: any;
+        context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<ToastListProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ToastListProps>;
         state: Readonly<ToastListState>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -119,12 +115,10 @@ declare const _default: {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
-        context: any;
+        context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<ToastListProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ToastListProps>;
         state: Readonly<ToastListState>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -152,12 +146,10 @@ declare const _default: {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
-        context: any;
+        context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<ToastListProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<ToastListProps>;
         state: Readonly<ToastListState>;
         refs: {
             [key: string]: React.ReactInstance;

package/lib/es/toast/toast.d.ts

@@ -1,5 +1,6 @@
 import React, { CSSProperties } from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import { ToastAdapter, ToastState, ToastProps } from '@douyinfe/semi-foundation/lib/es/toast/toastFoundation';
 import BaseComponent from '../_base/baseComponent';
 export interface ToastReactProps extends ToastProps {
@@ -8,7 +9,7 @@ export interface ToastReactProps extends ToastProps {
     content: React.ReactNode;
 }
 declare class Toast extends BaseComponent<ToastReactProps, ToastState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         onClose: PropTypes.Requireable<(...args: any[]) => any>;
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -33,13 +34,14 @@ declare class Toast extends BaseComponent<ToastReactProps, ToastState> {
         theme: string;
     };
     constructor(props: ToastReactProps);
+    context: ContextValue;
     get adapter(): ToastAdapter;
     componentDidMount(): void;
     componentWillUnmount(): void;
     close(e: React.MouseEvent): void;
     clearCloseTimer: () => void;
     startCloseTimer: () => void;
-    renderIcon(): {};
+    renderIcon(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
     render(): JSX.Element;
 }
 export default Toast;

package/lib/es/toast/useToast/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ToastProps } from '@douyinfe/semi-foundation/lib/es/toast/toastFoundation';
 export default function useToast(): (JSX.Element | {
     success: (config: ToastProps) => string;

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

@@ -6,6 +6,7 @@ import TooltipFoundation, { TooltipAdapter, Position } from '@douyinfe/semi-foun
 import { strings } from '@douyinfe/semi-foundation/lib/es/tooltip/constants';
 import '@douyinfe/semi-foundation/lib/es/tooltip/tooltip.css';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
+import { ContextValue } from '../configProvider/context';
 import { Motion } from '../_base/base';
 export { TooltipTransitionProps } from './TooltipStyledTransition';
 export declare type Trigger = ArrayElement<typeof strings.TRIGGER_SET>;
@@ -70,7 +71,7 @@ interface TooltipState {
     id: string;
 }
 export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean | object>;
@@ -86,7 +87,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         clickTriggerToHide: PropTypes.Requireable<boolean>;
         visible: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<object>;
-        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>;
         prefixCls: PropTypes.Requireable<string>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
@@ -148,6 +149,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
     getPopupContainer: () => HTMLElement;
     containerPosition: string;
     foundation: TooltipFoundation;
+    context: ContextValue;
     constructor(props: TooltipProps);
     setContainerEl: (node: HTMLDivElement) => {
         current: HTMLDivElement;

package/lib/es/tooltip/index.js

@@ -212,7 +212,7 @@ export default class Tooltip extends BaseComponent {
       }, portalEventSet, {
         "x-placement": placement,
         style: _Object$assign({
-          visibility: motion ? undefined : 'visible'
+          visibility: motion ? 'hidden' : 'visible'
         }, style)
       }), contentNode, icon);
       return /*#__PURE__*/React.createElement(Portal, {

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

@@ -39,6 +39,7 @@ export interface SourcePanelProps {
     noMatch: boolean;
     filterData: Array<DataItem>;
     sourceData: Array<DataItem>;
+    propsDataSource: DataSource;
     allChecked: boolean;
     showNumber: number;
     inputValue: string;
@@ -150,15 +151,15 @@ declare class Transfer extends BaseComponent<TransferProps, TransferState> {
     onSortEnd(callbackProps: OnSortEndProps): void;
     renderFilter(locale: Locale['Transfer']): JSX.Element;
     renderHeader(headerConfig: HeaderConfig): JSX.Element;
-    renderLeftItem(item: ResolvedDataItem, index: number): React.ReactNode;
-    renderLeft(locale: Locale['Transfer']): React.ReactNode;
+    renderLeftItem(item: ResolvedDataItem, index: number): string | number | boolean | React.ReactFragment | JSX.Element;
+    renderLeft(locale: Locale['Transfer']): string | number | boolean | React.ReactFragment | JSX.Element;
     renderGroupTitle(group: GroupItem, index: number): JSX.Element;
     renderLeftTree(): JSX.Element;
     renderLeftList(visibileItems: Array<ResolvedDataItem>): JSX.Element;
     renderRightItem(item: ResolvedDataItem): React.ReactNode;
     renderEmpty(type: string, emptyText: React.ReactNode): JSX.Element;
     renderRightSortableList(selectedData: Array<ResolvedDataItem>): JSX.Element;
-    renderRight(locale: Locale['Transfer']): React.ReactNode;
+    renderRight(locale: Locale['Transfer']): string | number | boolean | React.ReactFragment | JSX.Element;
     render(): JSX.Element;
 }
 export default Transfer;

package/lib/es/transfer/index.js

@@ -254,7 +254,8 @@ class Transfer extends BaseComponent {
       loading,
       type,
       emptyContent,
-      renderSourcePanel
+      renderSourcePanel,
+      dataSource
     } = this.props;
     const totalToken = locale.total;
     const inSearchMode = inputValue !== '';
@@ -312,6 +313,7 @@ class Transfer extends BaseComponent {
       noMatch,
       filterData,
       sourceData: data,
+      propsDataSource: dataSource,
       allChecked: !leftContainesNotInSelected,
       showNumber,
       inputValue,
@@ -492,6 +494,7 @@ class Transfer extends BaseComponent {
       }, _mapInstanceProperty(items).call(items, (item, index) =>
       /*#__PURE__*/
       // sortableElement will take over the property 'key', so use another '_optionKey' to pass
+      // @ts-ignore skip SortableItem type check
       React.createElement(SortableItem, _Object$assign({
         key: item.label,
         index: index
@@ -502,7 +505,8 @@ class Transfer extends BaseComponent {
       ;
     }, {
       distance: 10
-    });
+    }); // @ts-ignore skip SortableItem type check
+
     const sortList = /*#__PURE__*/React.createElement(SortableList, {
       useDragHandle: true,
       onSortEnd: this.onSortEnd,

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

@@ -1,5 +1,6 @@
-import React, { MouseEvent } from 'react';
+import React, { MouseEvent, KeyboardEvent } from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import { TreeAdapter } from '@douyinfe/semi-foundation/lib/es/tree/foundation';
 import BaseComponent from '../_base/baseComponent';
 import Input from '../input/index';
@@ -9,7 +10,7 @@ import { TreeProps, TreeState, TreeNodeProps, TreeNodeData, FlattenNode, KeyEnti
 export * from './interface';
 export { AutoSizerProps } from './autoSizer';
 declare class Tree extends BaseComponent<TreeProps, TreeState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         blockNode: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
@@ -99,6 +100,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
     dragNode: any;
     onNodeClick: any;
     onMotionEnd: any;
+    context: ContextValue;
     constructor(props: TreeProps);
     /**
      * Process of getDerivedStateFromProps was inspired by rc-tree
@@ -109,18 +111,18 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
     search: (value: string) => void;
     renderInput(): JSX.Element;
     renderEmpty: () => JSX.Element;
-    onNodeSelect: (e: MouseEvent, treeNode: TreeNodeProps) => void;
+    onNodeSelect: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
     onNodeLoad: (data: TreeNodeData) => Promise<unknown>;
-    onNodeCheck: (e: MouseEvent, treeNode: TreeNodeProps) => void;
-    onNodeExpand: (e: MouseEvent, treeNode: TreeNodeProps) => void;
+    onNodeCheck: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
+    onNodeExpand: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
     onNodeRightClick: (e: MouseEvent, treeNode: TreeNodeProps) => void;
     onNodeDoubleClick: (e: MouseEvent, treeNode: TreeNodeProps) => void;
-    onNodeDragStart: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragEnter: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragOver: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragLeave: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragEnd: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDrop: (e: React.DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragStart: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragEnter: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragOver: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragLeave: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragEnd: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDrop: (e: React.DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
     getTreeNodeRequiredProps: () => {
         expandedKeys: Set<string>;
         selectedKeys: string[];

package/lib/es/tree/nodeList.d.ts

@@ -5,5 +5,5 @@ export default class NodeList extends PureComponent<NodeListProps, NodeListState
     constructor(props: NodeListProps);
     static getDerivedStateFromProps(props: NodeListProps, prevState: NodeListState): {};
     onMotionEnd: () => void;
-    render(): React.ReactNode[];
+    render(): (string | number | boolean | React.ReactFragment | JSX.Element)[];
 }

package/lib/es/tree/treeContext.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, MouseEvent, DragEvent } from 'react';
+import React, { ReactNode, MouseEvent, DragEvent, KeyboardEvent } from 'react';
 import { Virtualize, ExpandAction } from '@douyinfe/semi-foundation/lib/es/tree/foundation';
 import { TreeNodeData, KeyEntities, TreeNodeProps, FlattenNode, RenderFullLabelProps } from './interface';
 export interface TreeContextValue {
@@ -10,18 +10,18 @@ export interface TreeContextValue {
     filterTreeNode?: boolean | ((inputValue: string, treeNodeString: string) => void);
     keyEntities?: KeyEntities;
     onNodeClick?: any;
-    onNodeExpand?: (e: MouseEvent, treeNode: TreeNodeProps) => void;
-    onNodeSelect?: (e: MouseEvent, treeNode: TreeNodeProps) => void;
-    onNodeCheck?: (e: MouseEvent, treeNode: TreeNodeProps) => void;
+    onNodeExpand?: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
+    onNodeSelect?: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
+    onNodeCheck?: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;
     onNodeRightClick?: (e: MouseEvent, treeNode: TreeNodeProps) => void;
     onNodeDoubleClick?: (e: MouseEvent, treeNode: TreeNodeProps) => void;
     renderTreeNode?: (treeNode: FlattenNode, ind?: number, style?: React.CSSProperties) => ReactNode;
-    onNodeDragStart?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragEnter?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragOver?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragLeave?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDragEnd?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
-    onNodeDrop?: (e: DragEvent<HTMLDivElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragStart?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragEnter?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragOver?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragLeave?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDragEnd?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
+    onNodeDrop?: (e: DragEvent<HTMLLIElement>, treeNode: TreeNodeProps) => void;
     expandAction?: ExpandAction;
     directory?: boolean;
     multiple?: boolean;

package/lib/es/tree/treeNode.d.ts

@@ -1,8 +1,9 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
+import { TreeContextValue } from './treeContext';
 import { TreeNodeProps, TreeNodeState } from './interface';
 export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState> {
-    static contextType: React.Context<import("./treeContext").TreeContextValue>;
+    static contextType: React.Context<TreeContextValue>;
     static propTypes: {
         expanded: PropTypes.Requireable<boolean>;
         selected: PropTypes.Requireable<boolean>;
@@ -28,6 +29,7 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
     };
     debounceSelect: any;
     refNode: HTMLElement;
+    context: TreeContextValue;
     constructor(props: TreeNodeProps);
     onSelect: (e: React.MouseEvent | React.KeyboardEvent) => void;
     onExpand: (e: React.MouseEvent | React.KeyboardEvent) => void;
@@ -43,13 +45,13 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
      */
     handleliEnterPress: (e: React.KeyboardEvent) => void;
     onDoubleClick: (e: React.MouseEvent) => void;
-    onDragStart: (e: React.DragEvent) => void;
-    onDragEnter: (e: React.DragEvent) => void;
-    onDragOver: (e: React.DragEvent) => void;
-    onDragLeave: (e: React.DragEvent) => void;
-    onDragEnd: (e: React.DragEvent) => void;
-    onDrop: (e: React.DragEvent) => void;
-    getNodeChildren: () => import("./interface").TreeNodeData[] & React.ReactNode;
+    onDragStart: (e: React.DragEvent<HTMLLIElement>) => void;
+    onDragEnter: (e: React.DragEvent<HTMLLIElement>) => void;
+    onDragOver: (e: React.DragEvent<HTMLLIElement>) => void;
+    onDragLeave: (e: React.DragEvent<HTMLLIElement>) => void;
+    onDragEnd: (e: React.DragEvent<HTMLLIElement>) => void;
+    onDrop: (e: React.DragEvent<HTMLLIElement>) => void;
+    getNodeChildren: () => import("./interface").TreeNodeData[];
     isLeaf: () => boolean;
     isDisabled: () => boolean;
     renderArrow(): JSX.Element;
@@ -58,5 +60,5 @@ export default class TreeNode extends PureComponent<TreeNodeProps, TreeNodeState
     renderEmptyNode(): JSX.Element;
     renderRealLabel: () => any;
     setRef: (node: HTMLElement) => void;
-    render(): any;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element;
 }

package/lib/es/tree/treeNode.js

@@ -467,6 +467,7 @@ export default class TreeNode extends PureComponent {
       const customLabel = renderFullLabel(_Object$assign({}, labelProps));
 
       if (draggable) {
+        // @ts-ignore skip cloneElement type check
         return /*#__PURE__*/React.cloneElement(customLabel, _Object$assign({
           ref: this.setRef
         }, dragProps));
@@ -475,6 +476,7 @@ export default class TreeNode extends PureComponent {
           return customLabel;
         } else {
           // In virtualization, props.style will contain location information
+          // @ts-ignore skip cloneElement type check
           return /*#__PURE__*/React.cloneElement(customLabel, {
             style: _Object$assign(_Object$assign({}, _get(customLabel, ['props', 'style'])), style)
           });

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

@@ -4,6 +4,7 @@ import { Size, BasicTriggerRenderProps, BasicTreeSelectProps, BasicTreeSelectInn
 import '@douyinfe/semi-foundation/lib/es/tree/tree.css';
 import '@douyinfe/semi-foundation/lib/es/treeSelect/treeSelect.css';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
+import { ContextValue } from '../configProvider/context';
 import Input, { InputProps } from '../input/index';
 import TagInput from '../tagInput';
 import { TreeProps, TreeState, FlattenNode, TreeNodeData, TreeNodeProps } from '../tree/interface';
@@ -89,7 +90,7 @@ export interface TreeSelectState extends Omit<BasicTreeSelectInnerData, Override
     prevProps: TreeSelectProps;
 }
 declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState> {
-    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>;
@@ -182,6 +183,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     onNodeDoubleClick: any;
     onMotionEnd: any;
     treeSelectID: string;
+    context: ContextValue;
     constructor(props: TreeSelectProps);
     static getDerivedStateFromProps(props: TreeSelectProps, prevState: TreeSelectState): Partial<TreeSelectState>;
     get adapter(): TreeSelectAdapter<TreeSelectProps, TreeSelectState>;
@@ -214,14 +216,14 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     renderArrow: () => JSX.Element;
     renderClearBtn: () => JSX.Element;
     renderSelection: () => JSX.Element;
-    renderTagItem: (key: string, idx: number) => React.ReactNode;
+    renderTagItem: (key: string, idx: number) => string | number | boolean | React.ReactFragment | JSX.Element;
     renderTagInput: () => JSX.Element;
     renderInput: () => JSX.Element;
     renderEmpty: () => JSX.Element;
     onNodeLoad: (data: TreeNodeData) => Promise<unknown>;
-    onNodeSelect: (e: React.MouseEvent, treeNode: TreeNodeProps) => void;
-    onNodeCheck: (e: React.MouseEvent, treeNode: TreeNodeProps) => void;
-    onNodeExpand: (e: React.MouseEvent, treeNode: TreeNodeProps) => void;
+    onNodeSelect: (e: React.MouseEvent | React.KeyboardEvent, treeNode: TreeNodeProps) => void;
+    onNodeCheck: (e: React.MouseEvent | React.KeyboardEvent, treeNode: TreeNodeProps) => void;
+    onNodeExpand: (e: React.MouseEvent | React.KeyboardEvent, treeNode: TreeNodeProps) => void;
     getTreeNodeRequiredProps: () => {
         expandedKeys: Set<string>;
         selectedKeys: string[];

package/lib/es/typography/copyable.d.ts

@@ -37,7 +37,7 @@ export declare class Copyable extends React.PureComponent<CopyableProps, Copyabl
     copy: (e: React.MouseEvent) => void;
     setCopied: (item: string, timer: number) => void;
     resetCopied: () => void;
-    renderSuccessTip: () => React.ReactNode;
+    renderSuccessTip: () => string | number | boolean | React.ReactFragment | JSX.Element;
     render(): JSX.Element;
 }
 export default Copyable;

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

@@ -14,7 +14,7 @@ export interface UploadProps {
     beforeUpload?: (object: BeforeUploadProps) => BeforeUploadObjectResult | Promise<BeforeUploadObjectResult> | boolean;
     beforeClear?: (fileList: Array<FileItem>) => boolean | Promise<boolean>;
     beforeRemove?: (file: FileItem, fileList: Array<FileItem>) => boolean | Promise<boolean>;
-    capture?: boolean | string | undefined;
+    capture?: boolean | 'user' | 'environment' | undefined;
     children?: ReactNode;
     className?: string;
     customRequest?: (object: customRequestArgs) => void;
@@ -190,7 +190,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
     onDragOver: (e: DragEvent<HTMLDivElement>) => void;
     onDragLeave: (e: DragEvent<HTMLDivElement>) => void;
     onDragEnter: (e: DragEvent<HTMLDivElement>) => void;
-    renderAddContent: () => React.ReactNode;
+    renderAddContent: () => string | number | boolean | React.ReactFragment | JSX.Element;
     renderDragArea: () => ReactNode;
     render(): ReactNode;
 }

package/list/index.tsx

@@ -17,6 +17,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/list/item.tsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/list/constants';
 import { noop } from 'lodash';
 import { Col } from '../grid';
-import ListContext from './list-context';
+import ListContext, { ListContextValue } from './list-context';
 
 export interface ListItemProps {
     extra?: React.ReactNode;
@@ -12,6 +12,7 @@ export interface ListItemProps {
     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>;
@@ -29,6 +30,7 @@ export default class ListItem extends PureComponent<ListItemProps> {
         main: PropTypes.node,
         align: PropTypes.oneOf(strings.ALIGN),
         className: PropTypes.string,
+        children: PropTypes.node,
         style: PropTypes.object,
         onClick: PropTypes.func,
         onRightClick: PropTypes.func,
@@ -42,6 +44,8 @@ export default class ListItem extends PureComponent<ListItemProps> {
         onMouseLeave: noop,
     };
 
+    context: ListContextValue;
+
     wrapWithGrid(content: React.ReactNode) {
         const { grid } = this.context;
         const { gutter, justify, type, align, ...rest } = grid;
@@ -85,6 +89,7 @@ export default class ListItem extends PureComponent<ListItemProps> {
             );
         }
         let content = (
+            // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
             <li
                 className={itemCls}
                 style={style}

package/modal/Modal.tsx

@@ -15,6 +15,7 @@ import confirm, { withConfirm, withError, withInfo, withSuccess, withWarning } f
 import { Locale } from '../locale/interface';
 import useModal from './useModal';
 import { ButtonProps } from '../button/Button';
+import { MotionObject } from "@douyinfe/semi-foundation/utils/type";
 
 export const destroyFns: any[] = [];
 export type ConfirmType = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
@@ -22,6 +23,7 @@ export type Directions = 'ltr' | 'rtl';
 
 export interface ModalReactProps extends ModalProps {
     cancelButtonProps?: ButtonProps;
+    children?: React.ReactNode | undefined;
     okButtonProps?: ButtonProps;
     bodyStyle?: CSSProperties;
     maskStyle?: CSSProperties;
@@ -155,6 +157,7 @@ class Modal extends BaseComponent<ModalReactProps, ModalState> {
                 this.props.onOk(e);
             },
             notifyClose: () => {
+                (this.props.motion as MotionObject)?.didLeave?.();
                 this.props.afterClose();
             },
             toggleHidden: (hidden: boolean, callback?: (hidden: boolean) => void) => {

package/modal/ModalContent.tsx

@@ -3,7 +3,7 @@ import React, { CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/modal/constants';
-import ConfigContext from '../configProvider/context';
+import ConfigContext, { ContextValue } from '../configProvider/context';
 import Button from '../iconButton';
 import Typography from '../typography';
 import BaseComponent from '../_base/baseComponent';
@@ -19,7 +19,11 @@ import { getActiveElement } from '../_utils';
 
 let uuid = 0;
 
-export default class ModalContent extends BaseComponent<ModalContentProps, ModalContentState> {
+
+export interface ModalContentReactProps extends ModalContentProps {
+    children?: React.ReactNode | undefined;
+}
+export default class ModalContent extends BaseComponent<ModalContentReactProps, ModalContentState> {
     static contextType = ConfigContext;
     static propTypes = {
         close: PropTypes.func,
@@ -40,6 +44,8 @@ export default class ModalContent extends BaseComponent<ModalContentProps, Modal
 
     modalDialogRef: React.MutableRefObject<HTMLDivElement>;
     foundation: ModalContentFoundation;
+    context: ContextValue;
+
     constructor(props: ModalContentProps) {
         super(props);
         this.state = {
@@ -255,7 +261,7 @@ export default class ModalContent extends BaseComponent<ModalContentProps, Modal
                     onAnimationEnd={props.onAnimationEnd}
                     className={cls([`${cssClasses.DIALOG}-content`,
                         props.contentClassName,
-                        {[`${cssClasses.DIALOG}-content-fullScreen`]: props.isFullScreen }])}>
+                        { [`${cssClasses.DIALOG}-content-fullScreen`]: props.isFullScreen }])}>
                     {header}
                     {body}
                     {footer}

package/modal/confirm.tsx

@@ -118,4 +118,4 @@ export function withConfirm(props: ModalReactProps) {
         icon: <IconHelpCircle />,
         ...props
     };
-}
+}

package/navigation/Footer.tsx

@@ -6,7 +6,7 @@ import { strings, cssClasses } from '@douyinfe/semi-foundation/navigation/consta
 import CollapseButton from './CollapseButton';
 import '@douyinfe/semi-foundation/navigation/navigation.scss';
 
-import NavContext from './nav-context';
+import NavContext, { NavContextType } from './nav-context';
 import { BaseProps } from '../_base/baseComponent';
 
 export interface NavFooterProps extends BaseProps {
@@ -28,6 +28,8 @@ export default class NavFooter extends PureComponent<NavFooterProps> {
     static defaultProps = {
         collapseButton: false,
     };
+    
+    context: NavContextType;
 
     renderCollapseButton = () => {
         const { collapseButton, collapseText } = this.props;

package/navigation/Header.tsx

@@ -6,7 +6,7 @@ import isNullOrUndefined from '@douyinfe/semi-foundation/utils/isNullOrUndefined
 import { cssClasses } from '@douyinfe/semi-foundation/navigation/constants';
 import '@douyinfe/semi-foundation/navigation/navigation.scss';
 
-import NavContext from './nav-context';
+import NavContext, { NavContextType }  from './nav-context';
 import { BaseProps } from '../_base/baseComponent';
 
 export type Logo = React.ReactNode;
@@ -37,6 +37,8 @@ export default class NavHeader extends PureComponent<NavHeaderProps> {
         prefixCls: cssClasses.PREFIX,
     };
 
+    context: NavContextType;
+
     renderLogo(logo: React.ReactNode) {
         if (React.isValidElement(logo)) {
             return logo;