@douyinfe/semi-ui 2.10.2 → 2.11.0

package/empty/index.tsx

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

package/form/errorMessage.tsx

@@ -7,7 +7,7 @@ import { IconAlertTriangle, IconAlertCircle } from '@douyinfe/semi-icons';
 
 const prefix = cssClasses.PREFIX;
 
-export type ReactFieldError = boolean | string | Array<any> | React.ReactNode | undefined;
+export type ReactFieldError = Array<any> | React.ReactNode;
 
 export interface ErrorMessageProps {
     error?: ReactFieldError;

package/form/interface.ts

@@ -21,7 +21,7 @@ export type CommonFieldProps = {
     /** Field is required (except Form. Checkbox within the Group, Form. Radio) */
     field: string;
     /** The label text of the form control is the same name as the field by default when it is not passed */
-    label?: string | LabelProps | React.ReactNode | number;
+    label?: LabelProps | React.ReactNode;
     labelPosition?: 'top' | 'left' | 'inset';
     labelAlign?: 'left' | 'right';
     labelWidth?: number | string;

package/form/label.tsx

@@ -20,7 +20,7 @@ export interface LabelProps {
     width?: number | string;
     style?: React.CSSProperties;
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     extra?: React.ReactNode;
 }
 

package/form/section.tsx

@@ -9,8 +9,8 @@ const prefix = cssClasses.PREFIX;
 export interface SectionProps {
     className?: string;
     style?: React.CSSProperties;
-    text?: React.ReactNode | string;
-    children?: React.ReactNode | undefined;
+    text?: React.ReactNode;
+    children?: React.ReactNode;
 }
 
 export default class Section extends PureComponent<SectionProps> {

package/form/slot.tsx

@@ -13,7 +13,7 @@ const prefix = cssClasses.PREFIX;
 export interface SlotProps {
     className?: string;
     style?: React.CSSProperties;
-    label?: LabelProps | React.ReactNode | number | string;
+    label?: LabelProps | React.ReactNode;
     noLabel?: boolean;
     labelPosition?: 'top' | 'left';
     error?: ErrorMessageProps;

package/layout/Sider.tsx

@@ -38,7 +38,7 @@ export interface SiderProps {
     prefixCls?: string;
     style?: CSSProperties;
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     breakpoint?: Array<keyof ResponsiveMap>;
     onBreakpoint?: (screen: keyof ResponsiveMap, match: boolean) => void;
     'aria-label'?: React.AriaAttributes['aria-label'];

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

@@ -5,9 +5,9 @@ import LinkFoundation, { LinkAdapter } from '@douyinfe/semi-foundation/lib/cjs/a
 import { AnchorContextType } from './anchor-context';
 export interface LinkProps {
     href?: string;
-    title?: string | React.ReactNode;
+    title?: ReactNode;
     className?: string;
-    children?: ReactNode | undefined;
+    children?: ReactNode;
     style?: React.CSSProperties;
     disabled?: boolean;
 }

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

@@ -36,7 +36,7 @@ export interface AutoCompleteProps<T extends AutoCompleteItems> {
     dropdownMatchSelectWidth?: boolean;
     dropdownClassName?: string;
     dropdownStyle?: React.CSSProperties;
-    emptyContent?: React.ReactNode | null;
+    emptyContent?: React.ReactNode;
     getPopupContainer?: () => HTMLElement;
     insetLabel?: React.ReactNode;
     insetLabelId?: string;

package/lib/cjs/autoComplete/index.js

@@ -98,7 +98,7 @@ class AutoComplete extends _baseComponent.default {
     this.triggerRef = /*#__PURE__*/_react.default.createRef();
     this.optionsRef = /*#__PURE__*/_react.default.createRef();
     this.clickOutsideHandler = null;
-    (0, _warning.default)('triggerRender' in this.props && typeof this.props.triggerRender === 'function', "[Semi AutoComplete] \n            - If you are using the following props: 'suffix', 'prefix', 'showClear', 'validateStatus', and 'size', \n            please notice that they will be removed in the next major version.\n            Please use 'componentProps' to retrieve these props instead.\n            - If you are using 'onBlur', 'onFocus', please try to avoid using them and look for changes in the future.");
+    (0, _warning.default)('triggerRender' in this.props && typeof this.props.triggerRender === 'function', "[Semi AutoComplete]\n            - If you are using the following props: 'suffix', 'prefix', 'showClear', 'validateStatus', and 'size',\n            please notice that they will be removed in the next major version.\n            Please use 'componentProps' to retrieve these props instead.\n            - If you are using 'onBlur', 'onFocus', please try to avoid using them and look for changes in the future.");
   }
 
   get adapter() {

package/lib/cjs/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 | undefined;
+    children?: React.ReactNode;
     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 | undefined;
+    children?: React.ReactNode;
     shape?: AvatarGroupShape;
     size?: AvatarGroupSize;
     overlapFrom?: AvatarGroupOverlapFrom;

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

@@ -17,7 +17,7 @@ export interface BadgeProps {
     onMouseEnter?: (e: React.MouseEvent) => any;
     onMouseLeave?: (e: React.MouseEvent) => any;
     onClick?: (e: React.MouseEvent) => any;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
 }
 export default class Badge extends PureComponent<BadgeProps> {
     static contextType: React.Context<ContextValue>;

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

@@ -7,15 +7,15 @@ export declare type Type = 'info' | 'danger' | 'warning' | 'success';
 export interface BannerProps {
     type?: Type;
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     fullMode?: boolean;
     title?: React.ReactNode;
     description?: React.ReactNode;
-    icon?: string | React.ReactNode;
-    closeIcon?: string | React.ReactNode;
+    icon?: React.ReactNode;
+    closeIcon?: React.ReactNode;
     style?: React.CSSProperties;
     bordered?: boolean;
-    onClose?: (e: React.MouseEvent) => void;
+    onClose?(e: React.MouseEvent): void;
 }
 export interface BannerState {
     visible: boolean;

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

@@ -5,7 +5,7 @@ export interface BreadContextType {
     onClick?: (info: BreadcrumbItemInfo, event: React.MouseEvent) => void;
     showTooltip?: boolean | showToolTipProps;
     compact?: boolean;
-    separator?: string | React.ReactNode;
+    separator?: React.ReactNode;
 }
 declare const BreadContext: React.Context<BreadContextType>;
 export default BreadContext;

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

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

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

@@ -14,7 +14,7 @@ export interface CardProps {
     bordered?: boolean;
     /** Style class name */
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     /** Cover */
     cover?: ReactNode;
     /** Additional additions to the right of the title */

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

@@ -33,7 +33,7 @@ export interface CascaderProps extends BasicCascaderProps {
     motion?: Motion;
     treeData?: Array<CascaderData>;
     restTagsPopoverProps?: PopoverProps;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     value?: Value;
     prefix?: ReactNode;
     suffix?: ReactNode;

package/lib/cjs/checkbox/checkbox.d.ts

@@ -22,9 +22,13 @@ export interface CheckboxProps extends BaseCheckboxProps {
     'aria-label'?: React.AriaAttributes['aria-label'];
     role?: React.HTMLAttributes<HTMLSpanElement>['role'];
     tabIndex?: number;
+    addonId?: string;
+    extraId?: string;
 }
 interface CheckboxState {
     checked: boolean;
+    addonId?: string;
+    extraId?: string;
 }
 declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
     static contextType: React.Context<CheckboxContextType>;

package/lib/cjs/checkbox/checkbox.js

@@ -51,15 +51,11 @@ class Checkbox extends _baseComponent.default {
 
     const checked = false;
     this.state = {
-      checked: props.checked || props.defaultChecked || checked
+      checked: props.checked || props.defaultChecked || checked,
+      addonId: props.addonId,
+      extraId: props.extraId
     };
     this.checkboxEntity = null;
-    this.addonId = (0, _uuid.getUuidShort)({
-      prefix: 'addon'
-    });
-    this.extraId = (0, _uuid.getUuidShort)({
-      prefix: 'extra'
-    });
     this.foundation = new _checkboxFoundation.default(this.adapter);
   }
 
@@ -81,7 +77,21 @@ class Checkbox extends _baseComponent.default {
       notifyGroupChange: cbContent => {
         this.context.checkboxGroup.onChange(cbContent);
       },
-      getGroupDisabled: () => this.context && this.context.checkboxGroup.disabled
+      getGroupDisabled: () => this.context && this.context.checkboxGroup.disabled,
+      setAddonId: () => {
+        this.setState({
+          addonId: (0, _uuid.getUuidShort)({
+            prefix: 'addon'
+          })
+        });
+      },
+      setExtraId: () => {
+        this.setState({
+          extraId: (0, _uuid.getUuidShort)({
+            prefix: 'extra'
+          })
+        });
+      }
     });
   }
 
@@ -124,7 +134,9 @@ class Checkbox extends _baseComponent.default {
       id
     } = this.props;
     const {
-      checked
+      checked,
+      addonId,
+      extraId
     } = this.state;
     const props = {
       checked,
@@ -171,10 +183,10 @@ class Checkbox extends _baseComponent.default {
     });
 
     const renderContent = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children ? /*#__PURE__*/_react.default.createElement("span", {
-      id: this.addonId,
+      id: addonId,
       className: "".concat(prefix, "-addon")
     }, children) : null, extra ? /*#__PURE__*/_react.default.createElement("div", {
-      id: this.extraId,
+      id: extraId,
       className: extraCls
     }, extra) : null);
 

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

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

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

@@ -6,7 +6,7 @@ export interface CollapsePanelProps {
     extra?: ReactNode;
     header?: ReactNode;
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     reCalcKey?: number | string;
     style?: CSSProperties;
 }

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 | undefined;
+    children?: React.ReactNode;
     isOpen?: boolean;
     duration?: number;
     keepDOM?: boolean;

package/lib/cjs/datePicker/dateInput.d.ts

@@ -43,6 +43,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         rangeSeparator: PropTypes.Requireable<string>;
         insetInput: PropTypes.Requireable<boolean>;
         insetInputValue: PropTypes.Requireable<object>;
+        defaultPickerValue: PropTypes.Requireable<string | number | object>;
     };
     static defaultProps: {
         showClear: boolean;

package/lib/cjs/datePicker/dateInput.js

@@ -396,9 +396,10 @@ class DateInput extends _baseComponent.default {
       rangeInputFocus,
       rangeSeparator,
       insetInput,
-      insetInputValue
+      insetInputValue,
+      defaultPickerValue
     } = _a,
-          rest = __rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue"]);
+          rest = __rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue", "defaultPickerValue"]);
 
     const dateIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconCalendar, {
       "aria-hidden": true
@@ -484,7 +485,8 @@ DateInput.propTypes = {
   rangeInputEndRef: _propTypes.default.object,
   rangeSeparator: _propTypes.default.string,
   insetInput: _propTypes.default.bool,
-  insetInputValue: _propTypes.default.object
+  insetInputValue: _propTypes.default.object,
+  defaultPickerValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.object, _propTypes.default.array])
 };
 DateInput.defaultProps = {
   showClear: true,

package/lib/cjs/datePicker/datePicker.js

@@ -189,7 +189,8 @@ class DatePicker extends _baseComponent.default {
         insetInput,
         type,
         format,
-        rangeSeparator
+        rangeSeparator,
+        defaultPickerValue
       } = this.props;
       const {
         insetInputValue,
@@ -211,7 +212,8 @@ class DatePicker extends _baseComponent.default {
         onInsetInputChange: this.handleInsetInputChange,
         rangeInputStartRef: this.rangeInputStartRef,
         rangeInputEndRef: this.rangeInputEndRef,
-        density
+        density,
+        defaultPickerValue
       };
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: this.panelRef,
@@ -576,18 +578,11 @@ class DatePicker extends _baseComponent.default {
       insetInput
     } = this.props;
     const {
-      value,
       cachedSelectedValue,
       motionEnd,
       rangeInputFocus
-    } = this.state; // const cachedSelectedValue = this.adapter.getCache('cachedSelectedValue');
-
-    let defaultValue = value;
-
-    if (this.adapter.needConfirm()) {
-      defaultValue = cachedSelectedValue;
-    }
-
+    } = this.state;
+    const defaultValue = cachedSelectedValue;
     return /*#__PURE__*/_react.default.createElement(_monthsGrid.default, {
       ref: this.monthGrid,
       locale: locale,
@@ -659,7 +654,8 @@ class DatePicker extends _baseComponent.default {
       size,
       inputReadOnly,
       rangeSeparator,
-      insetInput
+      insetInput,
+      defaultPickerValue
     } = this.props;
     const {
       value,
@@ -685,6 +681,7 @@ class DatePicker extends _baseComponent.default {
       disabled: inputDisabled,
       inputValue,
       value: value,
+      defaultPickerValue,
       onChange: this.handleInputChange,
       onEnterPress: this.handleInputComplete,
       // TODO: remove in next major version

package/lib/cjs/datePicker/monthsGrid.js

@@ -263,7 +263,8 @@ class MonthsGrid extends _baseComponent.default {
     } = this.props;
 
     if (prevProps.defaultValue !== defaultValue) {
-      this.foundation.updateSelectedFromProps(defaultValue, false);
+      // we should always update panel state when value changes
+      this.foundation.updateSelectedFromProps(defaultValue);
     }
 
     if (prevProps.defaultPickerValue !== defaultPickerValue) {

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

@@ -5,7 +5,7 @@ import { DescriptionsContextValue } from './descriptions-context';
 export interface DescriptionsItemProps {
     hidden?: boolean;
     className?: string;
-    children?: React.ReactNode | undefined | (() => React.ReactNode);
+    children?: React.ReactNode | (() => React.ReactNode);
     style?: React.CSSProperties;
     itemKey?: React.ReactNode;
 }

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 | undefined;
+    children?: React.ReactNode;
 }
 interface EmptyState {
     mode: any;

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

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-export declare type ReactFieldError = boolean | string | Array<any> | React.ReactNode | undefined;
+export declare type ReactFieldError = Array<any> | React.ReactNode;
 export interface ErrorMessageProps {
     error?: ReactFieldError;
     className?: string;

package/lib/cjs/form/interface.d.ts

@@ -15,7 +15,7 @@ export declare type CommonFieldProps = {
     /** Field is required (except Form. Checkbox within the Group, Form. Radio) */
     field: string;
     /** The label text of the form control is the same name as the field by default when it is not passed */
-    label?: string | LabelProps | React.ReactNode | number;
+    label?: LabelProps | React.ReactNode;
     labelPosition?: 'top' | 'left' | 'inset';
     labelAlign?: 'left' | 'right';
     labelWidth?: number | string;

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

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

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

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 export interface SectionProps {
     className?: string;
     style?: React.CSSProperties;
-    text?: React.ReactNode | string;
-    children?: React.ReactNode | undefined;
+    text?: React.ReactNode;
+    children?: React.ReactNode;
 }
 export default class Section extends PureComponent<SectionProps> {
     static propTypes: {

package/lib/cjs/form/slot.d.ts

@@ -4,7 +4,7 @@ import { ErrorMessageProps } from './errorMessage';
 export interface SlotProps {
     className?: string;
     style?: React.CSSProperties;
-    label?: LabelProps | React.ReactNode | number | string;
+    label?: LabelProps | React.ReactNode;
     noLabel?: boolean;
     labelPosition?: 'top' | 'left';
     error?: ErrorMessageProps;

package/lib/cjs/layout/Sider.d.ts

@@ -13,7 +13,7 @@ export interface SiderProps {
     prefixCls?: string;
     style?: CSSProperties;
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     breakpoint?: Array<keyof ResponsiveMap>;
     onBreakpoint?: (screen: keyof ResponsiveMap, match: boolean) => void;
     'aria-label'?: React.AriaAttributes['aria-label'];

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

@@ -8,7 +8,7 @@ export { ListItemProps } from './item';
 export interface ListProps<T> {
     style?: React.CSSProperties;
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     bordered?: boolean;
     footer?: React.ReactNode;
     header?: React.ReactNode;

package/lib/cjs/list/item.d.ts

@@ -7,7 +7,7 @@ export interface ListItemProps {
     main?: React.ReactNode;
     align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler<HTMLLIElement>;
     onRightClick?: React.MouseEventHandler<HTMLLIElement>;

package/lib/cjs/modal/Modal.d.ts

@@ -10,7 +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;
+    children?: React.ReactNode;
     okButtonProps?: ButtonProps;
     bodyStyle?: CSSProperties;
     maskStyle?: CSSProperties;
@@ -102,19 +102,19 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
     static getScrollbarWidth(): number;
     static info: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("./confirm").ConfirmProps) => void;
+        update: (newConfig: ModalReactProps) => void;
     };
     static success: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("./confirm").ConfirmProps) => void;
+        update: (newConfig: ModalReactProps) => void;
     };
     static error: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("./confirm").ConfirmProps) => void;
+        update: (newConfig: ModalReactProps) => void;
     };
     static warning: (props: ModalReactProps) => {
         destroy: () => void;
-        update: (newConfig: import("./confirm").ConfirmProps) => void;
+        update: (newConfig: ModalReactProps) => void;
     };
     static confirm: (props: ModalReactProps) => {
         destroy: () => void;

package/lib/cjs/modal/ModalContent.d.ts

@@ -4,7 +4,7 @@ import { ContextValue } from '../configProvider/context';
 import BaseComponent from '../_base/baseComponent';
 import ModalContentFoundation, { ModalContentAdapter, ModalContentProps, ModalContentState } from '@douyinfe/semi-foundation/lib/cjs/modal/modalContentFoundation';
 export interface ModalContentReactProps extends ModalContentProps {
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
 }
 export default class ModalContent extends BaseComponent<ModalContentReactProps, ModalContentState> {
     static contextType: React.Context<ContextValue>;

package/lib/cjs/modal/confirm.d.ts

@@ -4,9 +4,11 @@ import '@douyinfe/semi-foundation/lib/cjs/modal/modal.css';
 export interface ConfirmProps extends ModalReactProps {
     type: 'success' | 'info' | 'warning' | 'error' | 'confirm';
 }
-export default function confirm(props: ConfirmProps): {
+export default function confirm<T>(props: ConfirmProps): {
     destroy: () => void;
-    update: (newConfig: ConfirmProps) => void;
+    update: (newConfig: T extends {
+        type: Exclude<ConfirmProps['type'], 'confirm'>;
+    } ? ModalReactProps : ConfirmProps) => void;
 };
 export declare function withInfo(props: ModalReactProps): {
     cancelButtonProps?: import("../button").BaseButtonProps;

package/lib/cjs/modal/useModal/index.d.ts

@@ -1,25 +1,18 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { ConfirmProps } from '../confirm';
 import { ModalReactProps } from '../Modal';
-export default function useModal(): (JSX.Element | {
-    info: (config: ModalReactProps) => {
-        destroy: () => void;
-        update: (newConfig: ConfirmProps) => void;
-    };
-    success: (config: ModalReactProps) => {
-        destroy: () => void;
-        update: (newConfig: ConfirmProps) => void;
-    };
-    error: (config: ModalReactProps) => {
-        destroy: () => void;
-        update: (newConfig: ConfirmProps) => void;
-    };
-    warning: (config: ModalReactProps) => {
-        destroy: () => void;
-        update: (newConfig: ConfirmProps) => void;
-    };
-    confirm: (config: ModalReactProps) => {
-        destroy: () => void;
-        update: (newConfig: ConfirmProps) => void;
-    };
-})[];
+declare type UseModalReturnHooksType = (config: ModalReactProps) => {
+    destroy: () => void;
+    update: (newConfig: ConfirmProps) => void;
+};
+export default function useModal(): [
+    {
+        info: UseModalReturnHooksType;
+        success: UseModalReturnHooksType;
+        error: UseModalReturnHooksType;
+        warning: UseModalReturnHooksType;
+        confirm: UseModalReturnHooksType;
+    },
+    ReactNode
+];
+export {};

package/lib/cjs/navigation/Footer.d.ts

@@ -4,7 +4,7 @@ import '@douyinfe/semi-foundation/lib/cjs/navigation/navigation.css';
 import { NavContextType } from './nav-context';
 import { BaseProps } from '../_base/baseComponent';
 export interface NavFooterProps extends BaseProps {
-    collapseButton?: React.ReactNode | boolean;
+    collapseButton?: React.ReactNode;
     collapseText?: (collapsed?: boolean) => React.ReactNode;
 }
 export default class NavFooter extends PureComponent<NavFooterProps> {

package/lib/cjs/radio/radio.d.ts

@@ -29,9 +29,13 @@ export declare type RadioProps = {
     addonClassName?: string;
     type?: RadioType;
     'aria-label'?: React.AriaAttributes['aria-label'];
+    addonId?: string;
+    extraId?: string;
 };
 export interface RadioState {
     hover?: boolean;
+    addonId?: string;
+    extraId?: string;
 }
 export { RadioChangeEvent };
 declare class Radio extends BaseComponent<RadioProps, RadioState> {