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

package/lib/cjs/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/cjs/button/button.css';
 import { noop } from '@douyinfe/semi-foundation/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/cascader/foundation';
 import '@douyinfe/semi-foundation/lib/cjs/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/cjs/cascader/index.js

@@ -423,7 +423,7 @@ class Cascader extends _baseComponent.default {
 
     this.handleClearEnterPress = e => {
       e && e.stopPropagation();
-      this.foundation.handleClearEnterPress();
+      this.foundation.handleClearEnterPress(e);
     };
 
     this.showClearBtn = () => {

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

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

package/lib/cjs/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/cjs/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/cjs/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/cjs/checkbox/context.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BasicCheckboxEvent } from '@douyinfe/semi-foundation/lib/cjs/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 };

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

@@ -103,9 +103,11 @@ class CollapsePanel extends _react.PureComponent {
       className,
       children,
       itemKey,
-      reCalcKey
+      reCalcKey,
+      header,
+      extra
     } = _a,
-          restProps = __rest(_a, ["className", "children", "itemKey", "reCalcKey"]);
+          restProps = __rest(_a, ["className", "children", "itemKey", "reCalcKey", "header", "extra"]);
 
     const {
       keepDOM,

package/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/datePicker/insetInput.d.ts

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

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

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/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/cjs/descriptions/item.d.ts

@@ -1,9 +1,11 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/form/baseForm.js

@@ -171,7 +171,7 @@ class Form extends _baseComponent.default {
     };
 
     if (component) {
-      return /*#__PURE__*/_react.default.createElement(component, props, children);
+      return /*#__PURE__*/_react.default.createElement(component, props);
     }
 
     if (render) {

package/lib/cjs/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/cjs/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/cjs/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/cjs/form/interface").FormUpdaterContextType>;
+    static contextType: React.Context<FormUpdaterContextType>;
+    context: FormUpdaterContextType;
     renderLabel(label: LabelProps, formProps: BaseFormProps): JSX.Element;
     render(): JSX.Element;
 }

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

@@ -147,7 +147,8 @@ function withField(Component, opts) {
     const [cursor, setCursor, getCursor] = (0, _index.useStateWithGetter)(0);
     const [status, setStatus] = (0, _react.useState)(validateStatus); // use props.validateStatus to init
 
-    const rulesRef = (0, _react.useRef)(rules); // notNotify is true means that the onChange of the Form does not need to be triggered
+    const rulesRef = (0, _react.useRef)(rules);
+    const validateRef = (0, _react.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) => {
@@ -246,7 +247,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;
@@ -286,7 +287,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);
@@ -395,7 +396,8 @@ function withField(Component, opts) {
 
     (0, _react.useLayoutEffect)(() => {
       rulesRef.current = rules;
-    }, [rules]); // exec validate once when trigger inlcude 'mount'
+      validateRef.current = validate;
+    }, [rules, validate]); // exec validate once when trigger inlcude 'mount'
 
     (0, _react.useLayoutEffect)(() => {
       if (validateOnMount) {

package/lib/cjs/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/cjs/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/cjs/form/slot.js

@@ -105,12 +105,14 @@ const FormSlot = props => {
       break;
 
     case (0, _isString2.default)(label) || (0, _isNumber2.default)(label):
+      // @ts-ignore skip type check, the actual type is already determined
       label = {
         text: label
       };
       break;
 
     case /*#__PURE__*/_react.default.isValidElement(label):
+      // @ts-ignore skip type check, the actual type is already determined
       label = {
         text: label
       };