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

package/lib/cjs/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/cjs/tree/treeNode.js

@@ -504,6 +504,7 @@ class TreeNode extends _react.PureComponent {
       const customLabel = renderFullLabel((0, _assign.default)({}, labelProps));
 
       if (draggable) {
+        // @ts-ignore skip cloneElement type check
         return /*#__PURE__*/_react.default.cloneElement(customLabel, (0, _assign.default)({
           ref: this.setRef
         }, dragProps));
@@ -512,6 +513,7 @@ class TreeNode extends _react.PureComponent {
           return customLabel;
         } else {
           // In virtualization, props.style will contain location information
+          // @ts-ignore skip cloneElement type check
           return /*#__PURE__*/_react.default.cloneElement(customLabel, {
             style: (0, _assign.default)((0, _assign.default)({}, (0, _get2.default)(customLabel, ['props', 'style'])), style)
           });

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

@@ -4,6 +4,7 @@ import { Size, BasicTriggerRenderProps, BasicTreeSelectProps, BasicTreeSelectInn
 import '@douyinfe/semi-foundation/lib/cjs/tree/tree.css';
 import '@douyinfe/semi-foundation/lib/cjs/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/cjs/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/cjs/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/lib/es/_base/baseComponent.d.ts

@@ -2,7 +2,7 @@
  * The Semi Foundation / Adapter architecture split was inspired by Material Component For Web. （https://github.com/material-components/material-components-web）
  * We re-implemented our own code based on the principle and added more functions we need according to actual needs.
  */
-import React, { Component } from 'react';
+import React, { Component, ReactNode } from 'react';
 import { DefaultAdapter } from '@douyinfe/semi-foundation/lib/es/base/foundation';
 import { VALIDATE_STATUS } from '@douyinfe/semi-foundation/lib/es/base/constants';
 import { ArrayElement } from './base';
@@ -10,6 +10,7 @@ export declare type ValidateStatus = ArrayElement<typeof VALIDATE_STATUS>;
 export interface BaseProps {
     style?: React.CSSProperties;
     className?: string;
+    children?: ReactNode | undefined | any;
 }
 export default class BaseComponent<P extends BaseProps = {}, S = {}> extends Component<P, S> {
     static propTypes: {};

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

@@ -1,5 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import '@douyinfe/semi-foundation/lib/es/_portal/portal.css';
 export interface PortalProps {
     children: React.ReactNode;
@@ -13,7 +14,7 @@ export interface PortalState {
     container: undefined | HTMLElement;
 }
 declare class Portal extends PureComponent<PortalProps, PortalState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static defaultProps: {
         prefixCls: string;
     };
@@ -25,6 +26,7 @@ declare class Portal extends PureComponent<PortalProps, PortalState> {
         didUpdate: PropTypes.Requireable<(...args: any[]) => any>;
     };
     el: HTMLElement;
+    context: ContextValue;
     constructor(props: PortalProps);
     componentDidMount(): void;
     componentDidUpdate(prevProps: PortalProps): void;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { strings } from '@douyinfe/semi-foundation/lib/es/anchor/constants';
 import AnchorFoundation, { AnchorAdapter } from '@douyinfe/semi-foundation/lib/es/anchor/foundation';
@@ -10,6 +10,7 @@ export { LinkProps } from './link';
 export interface AnchorProps {
     autoCollapse?: boolean;
     className?: string;
+    children?: ReactNode | undefined;
     defaultAnchor?: string;
     getContainer?: () => HTMLElement | Window;
     maxHeight?: string | number;

package/lib/es/anchor/link.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent from '../_base/baseComponent';
 import LinkFoundation, { LinkAdapter } from '@douyinfe/semi-foundation/lib/es/anchor/linkFoundation';
@@ -7,6 +7,7 @@ export interface LinkProps {
     href?: string;
     title?: string | React.ReactNode;
     className?: string;
+    children?: ReactNode | undefined;
     style?: React.CSSProperties;
     disabled?: boolean;
 }
@@ -34,7 +35,7 @@ export default class Link extends BaseComponent<LinkProps, {}> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: LinkProps): void;
     componentWillUnmount(): void;
-    renderTitle: () => React.ReactNode;
+    renderTitle: () => string | number | boolean | React.ReactFragment | JSX.Element;
     renderChildren: () => React.ReactNode;
     render(): JSX.Element;
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { AutoCompleteAdapter, StateOptionItem, DataItem } from '@douyinfe/semi-foundation/lib/es/autoComplete/foundation';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
@@ -27,7 +27,7 @@ export interface AutoCompleteProps<T extends AutoCompleteItems> {
     autoAdjustOverflow?: boolean;
     autoFocus?: boolean;
     className?: string;
-    children?: React.ReactNode;
+    children?: ReactNode | undefined;
     data?: T[];
     disabled?: boolean;
     defaultOpen?: boolean;

package/lib/es/avatar/avatarGroup.d.ts

@@ -15,7 +15,7 @@ export default class AvatarGroup extends PureComponent<AvatarGroupProps> {
         renderMore: PropTypes.Requireable<(...args: any[]) => any>;
         overlapFrom: PropTypes.Requireable<string>;
     };
-    getAllAvatars(): React.ReactNodeArray;
+    getAllAvatars(): any[];
     getMergeAvatars(avatars: React.ReactNode[]): React.ReactNode[];
     renderMoreAvatar(restNumber: number, restAvatars: React.ReactNode[]): JSX.Element;
     render(): JSX.Element;

package/lib/es/avatar/interface.d.ts

@@ -4,7 +4,7 @@ export declare type AvatarShape = 'circle' | 'square';
 export declare type AvatarSize = 'extra-extra-small' | 'extra-small' | 'small' | 'default' | 'medium' | 'large' | 'extra-large';
 export declare type AvatarColor = 'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'indigo' | 'light-blue' | 'light-green' | 'lime' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'violet' | 'yellow';
 export interface AvatarProps extends BaseProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     color?: AvatarColor;
     shape?: AvatarShape;
     size?: AvatarSize;
@@ -22,7 +22,7 @@ export declare type AvatarGroupShape = 'circle' | 'square';
 export declare type AvatarGroupSize = 'extra-extra-small' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
 export declare type AvatarGroupOverlapFrom = 'start' | 'end';
 export interface AvatarGroupProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     shape?: AvatarGroupShape;
     size?: AvatarGroupSize;
     overlapFrom?: AvatarGroupOverlapFrom;

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

@@ -10,6 +10,7 @@ export interface BackTopProps {
     onClick?: (e: React.MouseEvent) => void;
     style?: React.CSSProperties;
     className?: string;
+    children?: React.ReactNode | undefined;
 }
 export interface BackTopState {
     visible?: boolean;

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

@@ -1,5 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import '@douyinfe/semi-foundation/lib/es/badge/badge.css';
 export declare type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning';
 export declare type BadgeTheme = 'solid' | 'light' | 'inverted';
@@ -13,13 +14,13 @@ export interface BadgeProps {
     overflowCount?: number;
     style?: React.CSSProperties;
     className?: string;
-    children?: React.ReactNode;
     onMouseEnter?: (e: React.MouseEvent) => any;
     onMouseLeave?: (e: React.MouseEvent) => any;
     onClick?: (e: React.MouseEvent) => any;
+    children?: React.ReactNode | undefined;
 }
 export default class Badge extends PureComponent<BadgeProps> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         count: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         dot: PropTypes.Requireable<boolean>;
@@ -43,5 +44,6 @@ export default class Badge extends PureComponent<BadgeProps> {
         onMouseEnter: () => (...args: any[]) => void;
         onMouseLeave: () => (...args: any[]) => void;
     };
+    context: ContextValue;
     render(): JSX.Element;
 }

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

@@ -7,6 +7,7 @@ export declare type Type = 'info' | 'danger' | 'warning' | 'success';
 export interface BannerProps {
     type?: Type;
     className?: string;
+    children?: React.ReactNode | undefined;
     fullMode?: boolean;
     title?: React.ReactNode;
     description?: React.ReactNode;
@@ -44,7 +45,7 @@ export default class Banner extends BaseComponent<BannerProps, BannerState> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     remove: React.MouseEventHandler;
-    renderCloser(): React.ReactNode;
+    renderCloser(): string | number | boolean | React.ReactFragment | JSX.Element;
     renderIcon(): JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/breadcrumb/bread-context.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { showToolTipProps } from './index';
 import { BreadcrumbItemInfo } from './item';
-export interface BreadContextProps {
+export interface BreadContextType {
     onClick?: (info: BreadcrumbItemInfo, event: React.MouseEvent) => void;
     showTooltip?: boolean | showToolTipProps;
     compact?: boolean;
     separator?: string | React.ReactNode;
 }
-declare const BreadContext: React.Context<BreadContextProps>;
+declare const BreadContext: React.Context<BreadContextType>;
 export default BreadContext;

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

@@ -5,7 +5,7 @@ import '@douyinfe/semi-foundation/lib/es/breadcrumb/breadcrumb.css';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import BreadcrumbItem, { RouteProps, BreadcrumbItemInfo } from './item';
-import { BreadContextProps } from './bread-context';
+import { BreadContextType } from './bread-context';
 import { TooltipProps } from '../tooltip';
 export { RouteProps, BreadcrumbItemProps, BreadcrumbItemInfo } from './item';
 export interface showToolTipProps {
@@ -33,7 +33,7 @@ interface BreadcrumbState {
     isCollapsed: boolean;
 }
 declare class Breadcrumb extends BaseComponent<BreadcrumbProps, BreadcrumbState> {
-    static contextType: React.Context<BreadContextProps>;
+    static contextType: React.Context<BreadContextType>;
     static Item: typeof BreadcrumbItem;
     static propTypes: {
         routes: propTypes.Requireable<any[]>;

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

@@ -3,6 +3,7 @@ import propTypes from 'prop-types';
 import { BreadcrumbItemAdapter, BreadcrumbItemInfo, Route } from '@douyinfe/semi-foundation/lib/es/breadcrumb/itemFoundation';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
+import { BreadContextType } from './bread-context';
 export { BreadcrumbItemInfo };
 export interface RouteProps extends Route {
     icon?: React.ReactNode;
@@ -20,7 +21,7 @@ export interface BreadcrumbItemProps extends BaseProps {
 declare type BreadcrumbItemState = Record<string, never>;
 export default class BreadcrumbItem extends BaseComponent<BreadcrumbItemProps, BreadcrumbItemState> {
     static isBreadcrumbItem: boolean;
-    static contextType: React.Context<import("./bread-context").BreadContextProps>;
+    static contextType: React.Context<BreadContextType>;
     static propTypes: {
         onClick: propTypes.Requireable<(...args: any[]) => any>;
         route: propTypes.Requireable<string | object>;
@@ -36,12 +37,23 @@ export default class BreadcrumbItem extends BaseComponent<BreadcrumbItemProps, B
         onClick: typeof noop;
         shouldRenderSeparator: boolean;
     };
+    context: BreadContextType;
     get adapter(): BreadcrumbItemAdapter<BreadcrumbItemProps, BreadcrumbItemState>;
     constructor(props: BreadcrumbItemProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    renderIcon: () => {};
-    getTooltipOpt: () => any;
+    renderIcon: () => string | number | boolean | React.ReactFragment | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    getTooltipOpt: () => {
+        width: number;
+        ellipsisPos: string;
+        opts: {
+            autoAdjustOverflow: boolean;
+            position: string;
+        };
+    } | {
+        width: number;
+        ellipsisPos: string;
+    };
     getItemInfo: () => BreadcrumbItemInfo;
     renderBreadItem: () => JSX.Element;
     renderItem: () => React.DetailedReactHTMLElement<{

package/lib/es/button/Button.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/button/button.css';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
@@ -10,6 +10,7 @@ export interface ButtonProps {
     id?: string;
     block?: boolean;
     circle?: boolean;
+    children?: ReactNode | undefined;
     disabled?: boolean;
     className?: string;
     icon?: React.ReactNode;

package/lib/es/button/buttonGroup.d.ts

@@ -10,6 +10,7 @@ export interface ButtonGroupProps extends BaseProps {
     size?: Size;
     theme?: Theme;
     className?: string;
+    children?: React.ReactChild;
     'aria-label'?: React.AriaAttributes['aria-label'];
 }
 export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {

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

@@ -12,7 +12,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         style: import("prop-types").Requireable<object>;
         loading: import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
-        icon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        icon: import("prop-types").Requireable<object | import("prop-types").ReactNodeLike>;
         iconSize: import("prop-types").Requireable<string>;
         noHorizontalPadding: import("prop-types").Requireable<string | boolean | any[]>;
         children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;

package/lib/es/calendar/timeCol.d.ts

@@ -9,7 +9,7 @@ export default class timeCol extends PureComponent<TimeColProps> {
         renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static contextType: React.Context<Locale>;
-    formatTime(item: number): React.ReactNode;
+    formatTime(item: number): string | number | boolean | React.ReactFragment | JSX.Element;
     renderTime(): JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/card/cardGroup.d.ts

@@ -4,6 +4,7 @@ export declare type CardGroupType = 'grid';
 export interface CardGroupProps {
     /** Card group style class name */
     className?: string;
+    children?: React.ReactNode | undefined;
     /** Card Spacing */
     spacing?: number | number[];
     /** Card group inline style */

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

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode, CSSProperties } from 'react';
+import React, { PureComponent, ReactNode, CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/card/card.css';
 import Meta from './meta';
@@ -14,6 +14,7 @@ export interface CardProps {
     bordered?: boolean;
     /** Style class name */
     className?: string;
+    children?: React.ReactNode | undefined;
     /** Cover */
     cover?: ReactNode;
     /** Additional additions to the right of the title */

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

@@ -2,6 +2,7 @@ import React, { ReactNode, CSSProperties, MouseEvent, KeyboardEvent } from 'reac
 import PropTypes from 'prop-types';
 import { BasicCascaderInnerData, BasicCascaderProps, BasicTriggerRenderProps, BasicScrollPanelProps, CascaderAdapter, CascaderType } from '@douyinfe/semi-foundation/lib/es/cascader/foundation';
 import '@douyinfe/semi-foundation/lib/es/cascader/cascader.css';
+import { ContextValue } from '../configProvider/context';
 import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import Input from '../input/index';
 import { PopoverProps } from '../popover/index';
@@ -32,7 +33,7 @@ export interface CascaderProps extends BasicCascaderProps {
     motion?: Motion;
     treeData?: Array<CascaderData>;
     restTagsPopoverProps?: PopoverProps;
-    children?: ReactNode;
+    children?: React.ReactNode | undefined;
     value?: Value;
     prefix?: ReactNode;
     suffix?: ReactNode;
@@ -59,7 +60,7 @@ export interface CascaderState extends BasicCascaderInnerData {
     treeData?: Array<CascaderData>;
 }
 declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-invalid': PropTypes.Requireable<boolean>;
@@ -169,6 +170,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     optionsRef: React.RefObject<any>;
     clickOutsideHandler: any;
     mergeType: string;
+    context: ContextValue;
     constructor(props: CascaderProps);
     get adapter(): CascaderAdapter;
     static getDerivedStateFromProps(props: CascaderProps, prevState: CascaderState): Partial<CascaderState>;
@@ -177,7 +179,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     componentDidUpdate(prevProps: CascaderProps): void;
     handleInputChange: (value: string) => void;
     handleTagRemove: (e: any, tagValuePath: Array<string | number>) => void;
-    renderTagItem: (value: string | Array<string>, idx: number, type: string) => React.ReactNode;
+    renderTagItem: (value: string | Array<string>, idx: number, type: string) => string | number | boolean | React.ReactFragment | JSX.Element;
     renderTagInput(): JSX.Element;
     renderInput(): JSX.Element;
     handleItemClick: (e: MouseEvent | KeyboardEvent, item: Entity | Data) => void;

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

@@ -1,5 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
+import { ContextValue } from '../configProvider/context';
 import { CheckboxEvent } from '../checkbox';
 import { BasicCascaderData, BasicEntity, ShowNextType, BasicData } from '@douyinfe/semi-foundation/lib/es/cascader/foundation';
 export interface CascaderData extends BasicCascaderData {
@@ -39,7 +40,7 @@ export interface CascaderItemProps {
     halfCheckedKeys: Set<string>;
 }
 export default class Item extends PureComponent<CascaderItemProps> {
-    static contextType: React.Context<import("../configProvider/context").ContextValue>;
+    static contextType: React.Context<ContextValue>;
     static propTypes: {
         data: PropTypes.Requireable<any[]>;
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -57,6 +58,7 @@ export default class Item extends PureComponent<CascaderItemProps> {
     static defaultProps: {
         empty: boolean;
     };
+    context: ContextValue;
     onClick: (e: React.MouseEvent | React.KeyboardEvent, item: Entity | Data) => void;
     /**
      * A11y: simulate item click

package/lib/es/checkbox/checkbox.d.ts

@@ -4,6 +4,7 @@ import CheckboxFoundation, { CheckboxAdapter, BasicCheckboxEvent, BasicTargetObj
 import CheckboxInner from './checkboxInner';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/checkbox/checkbox.css';
+import { CheckboxContextType } from './context';
 export declare type CheckboxEvent = BasicCheckboxEvent;
 export declare type TargetObject = BasicTargetObject;
 export interface CheckboxProps extends BaseCheckboxProps {
@@ -12,6 +13,7 @@ export interface CheckboxProps extends BaseCheckboxProps {
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];
     'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
     'aria-required'?: React.AriaAttributes['aria-required'];
+    children?: React.ReactNode | undefined;
     onChange?: (e: CheckboxEvent) => any;
     style?: React.CSSProperties;
     onMouseEnter?: React.MouseEventHandler<HTMLSpanElement>;
@@ -25,16 +27,7 @@ interface CheckboxState {
     checked: boolean;
 }
 declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
-    static contextType: React.Context<{
-        checkboxGroup?: {
-            onChange: (evt: BasicCheckboxEvent) => void;
-            value: any[];
-            disabled: boolean;
-            name: any;
-            isCardType: boolean;
-            isPureCardType: boolean;
-        };
-    }>;
+    static contextType: React.Context<CheckboxContextType>;
     static propTypes: {
         'aria-describedby': PropTypes.Requireable<string>;
         'aria-errormessage': PropTypes.Requireable<string>;
@@ -65,13 +58,14 @@ declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
         onMouseLeave: (...args: any[]) => void;
     };
     checkboxEntity: CheckboxInner;
+    context: CheckboxContextType;
     get adapter(): CheckboxAdapter<CheckboxProps, CheckboxState>;
     foundation: CheckboxFoundation;
     addonId: string;
     extraId: string;
     constructor(props: CheckboxProps);
     componentDidUpdate(prevProps: CheckboxProps): void;
-    isInGroup(): any;
+    isInGroup(): boolean;
     focus(): void;
     blur(): void;
     handleChange: React.MouseEventHandler<HTMLSpanElement>;

package/lib/es/checkbox/checkbox.js

@@ -71,7 +71,7 @@ class Checkbox extends BaseComponent {
   }
 
   isInGroup() {
-    return this.context && this.context.checkboxGroup;
+    return Boolean(this.context && this.context.checkboxGroup);
   }
 
   focus() {

package/lib/es/checkbox/checkboxGroup.d.ts

@@ -17,7 +17,7 @@ export declare type CheckboxGroupProps = {
     options?: any[];
     value?: any[];
     onChange?: (value: any[]) => void;
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     prefixCls?: string;
     direction?: CheckboxDirection;
     style?: React.CSSProperties;

package/lib/es/checkbox/checkboxInner.d.ts

@@ -18,16 +18,7 @@ export interface CheckboxInnerProps {
     'aria-label'?: React.AriaAttributes['aria-label'];
 }
 declare class CheckboxInner extends PureComponent<CheckboxInnerProps> {
-    static contextType: React.Context<{
-        checkboxGroup?: {
-            onChange: (evt: import("@douyinfe/semi-foundation/lib/es/checkbox/checkboxFoundation").BasicCheckboxEvent) => void;
-            value: any[];
-            disabled: boolean;
-            name: any;
-            isCardType: boolean;
-            isPureCardType: boolean;
-        };
-    }>;
+    static contextType: React.Context<import("./context").CheckboxContextType>;
     static propTypes: {
         'aria-describedby': PropTypes.Requireable<string>;
         'aria-errormessage': PropTypes.Requireable<string>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BasicCheckboxEvent } from '@douyinfe/semi-foundation/lib/es/checkbox/checkboxFoundation';
-declare type CheckboxContext = {
+declare type CheckboxContextType = {
     checkboxGroup?: {
         onChange: (evt: BasicCheckboxEvent) => void;
         value: any[];
@@ -10,5 +10,5 @@ declare type CheckboxContext = {
         isPureCardType: boolean;
     };
 };
-declare const Context: React.Context<CheckboxContext>;
-export { Context };
+declare const Context: React.Context<CheckboxContextType>;
+export { Context, CheckboxContextType };