@douyinfe/semi-ui
Version:
A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.
529 lines (528 loc) • 24.9 kB
TypeScript
import React from 'react';
import { ModalReactProps } from './Modal';
import '@douyinfe/semi-foundation/lib/cjs/modal/modal.css';
export interface ConfirmProps extends ModalReactProps {
type: 'success' | 'info' | 'warning' | 'error' | 'confirm';
}
export default function confirm<T>(props: ConfirmProps): {
destroy: () => void;
update: (newConfig: T extends {
type: Exclude<ConfirmProps['type'], 'confirm'>;
} ? ModalReactProps : ConfirmProps) => void;
};
export declare function withInfo(props: ModalReactProps): {
cancelButtonProps?: import("../button").BaseButtonProps;
children?: React.ReactNode;
okButtonProps?: import("../button").BaseButtonProps;
bodyStyle?: React.CSSProperties;
maskStyle?: React.CSSProperties;
style?: React.CSSProperties;
icon: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
closeIcon?: React.ReactNode;
title?: React.ReactNode;
content?: React.ReactNode;
footer?: React.ReactNode;
header?: React.ReactNode;
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
modalRender?: (node: React.ReactNode) => React.ReactNode;
afterClose?: () => void;
cancelText?: string;
centered?: boolean;
className?: string;
modalContentClass?: string;
closable?: boolean;
confirmLoading?: boolean;
cancelLoading?: boolean;
hasCancel?: boolean;
height?: string | number;
mask?: boolean;
maskClosable?: boolean;
maskFixed?: boolean;
motion?: boolean;
okText?: string;
okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
visible?: boolean;
width?: string | number;
zIndex?: number;
getPopupContainer?: () => HTMLElement;
closeOnEsc?: boolean;
size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
lazyRender?: boolean;
keepDOM?: boolean;
direction?: any;
fullScreen?: boolean;
preventScroll?: boolean;
footerFill?: boolean;
type: "info";
};
export declare function withSuccess(props: ModalReactProps): {
cancelButtonProps?: import("../button").BaseButtonProps;
children?: React.ReactNode;
okButtonProps?: import("../button").BaseButtonProps;
bodyStyle?: React.CSSProperties;
maskStyle?: React.CSSProperties;
style?: React.CSSProperties;
icon: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
closeIcon?: React.ReactNode;
title?: React.ReactNode;
content?: React.ReactNode;
footer?: React.ReactNode;
header?: React.ReactNode;
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
modalRender?: (node: React.ReactNode) => React.ReactNode;
afterClose?: () => void;
cancelText?: string;
centered?: boolean;
className?: string;
modalContentClass?: string;
closable?: boolean;
confirmLoading?: boolean;
cancelLoading?: boolean;
hasCancel?: boolean;
height?: string | number;
mask?: boolean;
maskClosable?: boolean;
maskFixed?: boolean;
motion?: boolean;
okText?: string;
okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
visible?: boolean;
width?: string | number;
zIndex?: number;
getPopupContainer?: () => HTMLElement;
closeOnEsc?: boolean;
size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
lazyRender?: boolean;
keepDOM?: boolean;
direction?: any;
fullScreen?: boolean;
preventScroll?: boolean;
footerFill?: boolean;
type: "success";
};
export declare function withWarning(props: ModalReactProps): {
cancelButtonProps?: import("../button").BaseButtonProps;
children?: React.ReactNode;
okButtonProps?: import("../button").BaseButtonProps;
bodyStyle?: React.CSSProperties;
maskStyle?: React.CSSProperties;
style?: React.CSSProperties;
icon: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
closeIcon?: React.ReactNode;
title?: React.ReactNode;
content?: React.ReactNode;
footer?: React.ReactNode;
header?: React.ReactNode;
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
modalRender?: (node: React.ReactNode) => React.ReactNode;
afterClose?: () => void;
cancelText?: string;
centered?: boolean;
className?: string;
modalContentClass?: string;
closable?: boolean;
confirmLoading?: boolean;
cancelLoading?: boolean;
hasCancel?: boolean;
height?: string | number;
mask?: boolean;
maskClosable?: boolean;
maskFixed?: boolean;
motion?: boolean;
okText?: string;
okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
visible?: boolean;
width?: string | number;
zIndex?: number;
getPopupContainer?: () => HTMLElement;
closeOnEsc?: boolean;
size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
lazyRender?: boolean;
keepDOM?: boolean;
direction?: any;
fullScreen?: boolean;
preventScroll?: boolean;
footerFill?: boolean;
type: "warning";
};
export declare function withError(props: ModalReactProps): {
title?: React.ReactNode;
children?: React.ReactNode;
size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
style?: React.CSSProperties;
className?: string;
motion?: boolean;
getPopupContainer?: () => HTMLElement;
footer?: React.ReactNode;
header?: React.ReactNode;
direction?: any;
visible?: boolean;
mask?: boolean;
zIndex?: number;
width?: string | number;
height?: string | number;
content?: React.ReactNode;
closeOnEsc?: boolean;
preventScroll?: boolean;
afterClose?: () => void;
keepDOM?: boolean;
icon: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
closable?: boolean;
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
lazyRender?: boolean;
modalRender?: (node: React.ReactNode) => React.ReactNode;
bodyStyle?: React.CSSProperties;
cancelButtonProps?: import("../button").BaseButtonProps;
cancelText?: string;
centered?: boolean;
modalContentClass?: string;
confirmLoading?: boolean;
cancelLoading?: boolean;
hasCancel?: boolean;
maskClosable?: boolean;
maskStyle?: React.CSSProperties;
maskFixed?: boolean;
okText?: string;
okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
closeIcon?: React.ReactNode;
fullScreen?: boolean;
footerFill?: boolean;
type: "error";
okButtonProps: {
id?: string;
block?: boolean;
circle?: boolean;
children?: React.ReactNode;
disabled?: boolean;
className?: string;
icon?: React.ReactNode;
iconPosition?: "left" | "right";
loading?: boolean;
htmlType?: import("../button").HtmlType;
size?: import("../button").Size;
style?: React.CSSProperties;
theme?: import("../button").Theme;
type: import("../button").Type;
prefixCls?: string;
onClick?: React.MouseEventHandler<HTMLButtonElement>;
onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
'aria-label'?: string;
contentClassName?: string;
title?: string;
name?: string;
value?: string | number | readonly string[];
onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
form?: string;
slot?: string;
prefix?: string;
dangerouslySetInnerHTML?: {
__html: string | TrustedHTML;
};
onCopy?: React.ClipboardEventHandler<HTMLButtonElement>;
onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement>;
onCut?: React.ClipboardEventHandler<HTMLButtonElement>;
onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement>;
onPaste?: React.ClipboardEventHandler<HTMLButtonElement>;
onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement>;
onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement>;
onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement>;
onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement>;
onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement>;
onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement>;
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
onFocus?: React.FocusEventHandler<HTMLButtonElement>;
onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
onBlur?: React.FocusEventHandler<HTMLButtonElement>;
onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
onChange?: React.FormEventHandler<HTMLButtonElement>;
onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
onInput?: React.FormEventHandler<HTMLButtonElement>;
onInputCapture?: React.FormEventHandler<HTMLButtonElement>;
onReset?: React.FormEventHandler<HTMLButtonElement>;
onResetCapture?: React.FormEventHandler<HTMLButtonElement>;
onSubmit?: React.FormEventHandler<HTMLButtonElement>;
onSubmitCapture?: React.FormEventHandler<HTMLButtonElement>;
onInvalid?: React.FormEventHandler<HTMLButtonElement>;
onInvalidCapture?: React.FormEventHandler<HTMLButtonElement>;
onLoad?: React.ReactEventHandler<HTMLButtonElement>;
onLoadCapture?: React.ReactEventHandler<HTMLButtonElement>;
onError?: React.ReactEventHandler<HTMLButtonElement>;
onErrorCapture?: React.ReactEventHandler<HTMLButtonElement>;
onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement>;
onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement>;
onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement>;
onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement>;
onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement>;
onAbort?: React.ReactEventHandler<HTMLButtonElement>;
onAbortCapture?: React.ReactEventHandler<HTMLButtonElement>;
onCanPlay?: React.ReactEventHandler<HTMLButtonElement>;
onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement>;
onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement>;
onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement>;
onDurationChange?: React.ReactEventHandler<HTMLButtonElement>;
onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement>;
onEmptied?: React.ReactEventHandler<HTMLButtonElement>;
onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement>;
onEncrypted?: React.ReactEventHandler<HTMLButtonElement>;
onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement>;
onEnded?: React.ReactEventHandler<HTMLButtonElement>;
onEndedCapture?: React.ReactEventHandler<HTMLButtonElement>;
onLoadedData?: React.ReactEventHandler<HTMLButtonElement>;
onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement>;
onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement>;
onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement>;
onLoadStart?: React.ReactEventHandler<HTMLButtonElement>;
onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement>;
onPause?: React.ReactEventHandler<HTMLButtonElement>;
onPauseCapture?: React.ReactEventHandler<HTMLButtonElement>;
onPlay?: React.ReactEventHandler<HTMLButtonElement>;
onPlayCapture?: React.ReactEventHandler<HTMLButtonElement>;
onPlaying?: React.ReactEventHandler<HTMLButtonElement>;
onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement>;
onProgress?: React.ReactEventHandler<HTMLButtonElement>;
onProgressCapture?: React.ReactEventHandler<HTMLButtonElement>;
onRateChange?: React.ReactEventHandler<HTMLButtonElement>;
onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement>;
onResize?: React.ReactEventHandler<HTMLButtonElement>;
onResizeCapture?: React.ReactEventHandler<HTMLButtonElement>;
onSeeked?: React.ReactEventHandler<HTMLButtonElement>;
onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement>;
onSeeking?: React.ReactEventHandler<HTMLButtonElement>;
onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement>;
onStalled?: React.ReactEventHandler<HTMLButtonElement>;
onStalledCapture?: React.ReactEventHandler<HTMLButtonElement>;
onSuspend?: React.ReactEventHandler<HTMLButtonElement>;
onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement>;
onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement>;
onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement>;
onVolumeChange?: React.ReactEventHandler<HTMLButtonElement>;
onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement>;
onWaiting?: React.ReactEventHandler<HTMLButtonElement>;
onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement>;
onAuxClick?: React.MouseEventHandler<HTMLButtonElement>;
onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
onClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
onContextMenu?: React.MouseEventHandler<HTMLButtonElement>;
onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement>;
onDoubleClick?: React.MouseEventHandler<HTMLButtonElement>;
onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement>;
onDrag?: React.DragEventHandler<HTMLButtonElement>;
onDragCapture?: React.DragEventHandler<HTMLButtonElement>;
onDragEnd?: React.DragEventHandler<HTMLButtonElement>;
onDragEndCapture?: React.DragEventHandler<HTMLButtonElement>;
onDragEnter?: React.DragEventHandler<HTMLButtonElement>;
onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement>;
onDragExit?: React.DragEventHandler<HTMLButtonElement>;
onDragExitCapture?: React.DragEventHandler<HTMLButtonElement>;
onDragLeave?: React.DragEventHandler<HTMLButtonElement>;
onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement>;
onDragOver?: React.DragEventHandler<HTMLButtonElement>;
onDragOverCapture?: React.DragEventHandler<HTMLButtonElement>;
onDragStart?: React.DragEventHandler<HTMLButtonElement>;
onDragStartCapture?: React.DragEventHandler<HTMLButtonElement>;
onDrop?: React.DragEventHandler<HTMLButtonElement>;
onDropCapture?: React.DragEventHandler<HTMLButtonElement>;
onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement>;
onMouseMove?: React.MouseEventHandler<HTMLButtonElement>;
onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement>;
onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement>;
onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement>;
onMouseUp?: React.MouseEventHandler<HTMLButtonElement>;
onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement>;
onSelect?: React.ReactEventHandler<HTMLButtonElement>;
onSelectCapture?: React.ReactEventHandler<HTMLButtonElement>;
onTouchCancel?: React.TouchEventHandler<HTMLButtonElement>;
onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement>;
onTouchEnd?: React.TouchEventHandler<HTMLButtonElement>;
onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement>;
onTouchMove?: React.TouchEventHandler<HTMLButtonElement>;
onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement>;
onTouchStart?: React.TouchEventHandler<HTMLButtonElement>;
onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement>;
onPointerDown?: React.PointerEventHandler<HTMLButtonElement>;
onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement>;
onPointerMove?: React.PointerEventHandler<HTMLButtonElement>;
onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement>;
onPointerUp?: React.PointerEventHandler<HTMLButtonElement>;
onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement>;
onPointerCancel?: React.PointerEventHandler<HTMLButtonElement>;
onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement>;
onPointerEnter?: React.PointerEventHandler<HTMLButtonElement>;
onPointerLeave?: React.PointerEventHandler<HTMLButtonElement>;
onPointerOver?: React.PointerEventHandler<HTMLButtonElement>;
onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement>;
onPointerOut?: React.PointerEventHandler<HTMLButtonElement>;
onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement>;
onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement>;
onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement>;
onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement>;
onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement>;
onScroll?: React.UIEventHandler<HTMLButtonElement>;
onScrollCapture?: React.UIEventHandler<HTMLButtonElement>;
onWheel?: React.WheelEventHandler<HTMLButtonElement>;
onWheelCapture?: React.WheelEventHandler<HTMLButtonElement>;
onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement>;
onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement>;
onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement>;
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
hidden?: boolean;
contextMenu?: string;
defaultValue?: string | number | readonly string[];
accessKey?: string;
dir?: string;
draggable?: boolean | "true" | "false";
lang?: string;
translate?: "yes" | "no";
role?: React.AriaRole;
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only";
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
nonce?: string;
tabIndex?: number;
color?: string;
content?: string;
"aria-expanded"?: boolean | "true" | "false";
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false";
"aria-controls"?: string;
"aria-describedby"?: string;
defaultChecked?: boolean;
suppressContentEditableWarning?: boolean;
suppressHydrationWarning?: boolean;
autoFocus?: boolean;
spellCheck?: boolean | "true" | "false";
radioGroup?: string;
about?: string;
datatype?: string;
inlist?: any;
property?: string;
rel?: string;
resource?: string;
rev?: string;
typeof?: string;
vocab?: string;
autoCapitalize?: string;
autoCorrect?: string;
autoSave?: string;
itemProp?: string;
itemScope?: boolean;
itemType?: string;
itemID?: string;
itemRef?: string;
results?: number;
security?: string;
unselectable?: "on" | "off";
is?: string;
"aria-activedescendant"?: string;
"aria-atomic"?: boolean | "true" | "false";
"aria-autocomplete"?: "both" | "none" | "list" | "inline";
"aria-braillelabel"?: string;
"aria-brailleroledescription"?: string;
"aria-busy"?: boolean | "true" | "false";
"aria-checked"?: boolean | "true" | "false" | "mixed";
"aria-colcount"?: number;
"aria-colindex"?: number;
"aria-colindextext"?: string;
"aria-colspan"?: number;
"aria-current"?: boolean | "time" | "true" | "false" | "location" | "page" | "step" | "date";
"aria-description"?: string;
"aria-details"?: string;
"aria-disabled"?: boolean | "true" | "false";
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup";
"aria-errormessage"?: string;
"aria-flowto"?: string;
"aria-grabbed"?: boolean | "true" | "false";
"aria-hidden"?: boolean | "true" | "false";
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
"aria-keyshortcuts"?: string;
"aria-labelledby"?: string;
"aria-level"?: number;
"aria-live"?: "off" | "assertive" | "polite";
"aria-modal"?: boolean | "true" | "false";
"aria-multiline"?: boolean | "true" | "false";
"aria-multiselectable"?: boolean | "true" | "false";
"aria-orientation"?: "horizontal" | "vertical";
"aria-owns"?: string;
"aria-placeholder"?: string;
"aria-posinset"?: number;
"aria-pressed"?: boolean | "true" | "false" | "mixed";
"aria-readonly"?: boolean | "true" | "false";
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
"aria-required"?: boolean | "true" | "false";
"aria-roledescription"?: string;
"aria-rowcount"?: number;
"aria-rowindex"?: number;
"aria-rowindextext"?: string;
"aria-rowspan"?: number;
"aria-selected"?: boolean | "true" | "false";
"aria-setsize"?: number;
"aria-sort"?: "none" | "ascending" | "descending" | "other";
"aria-valuemax"?: number;
"aria-valuemin"?: number;
"aria-valuenow"?: number;
"aria-valuetext"?: string;
formAction?: string;
formEncType?: string;
formMethod?: string;
formNoValidate?: boolean;
formTarget?: string;
};
};
export declare function withConfirm(props: ModalReactProps): {
cancelButtonProps?: import("../button").BaseButtonProps;
children?: React.ReactNode;
okButtonProps?: import("../button").BaseButtonProps;
bodyStyle?: React.CSSProperties;
maskStyle?: React.CSSProperties;
style?: React.CSSProperties;
icon: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
closeIcon?: React.ReactNode;
title?: React.ReactNode;
content?: React.ReactNode;
footer?: React.ReactNode;
header?: React.ReactNode;
onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
modalRender?: (node: React.ReactNode) => React.ReactNode;
afterClose?: () => void;
cancelText?: string;
centered?: boolean;
className?: string;
modalContentClass?: string;
closable?: boolean;
confirmLoading?: boolean;
cancelLoading?: boolean;
hasCancel?: boolean;
height?: string | number;
mask?: boolean;
maskClosable?: boolean;
maskFixed?: boolean;
motion?: boolean;
okText?: string;
okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
visible?: boolean;
width?: string | number;
zIndex?: number;
getPopupContainer?: () => HTMLElement;
closeOnEsc?: boolean;
size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
lazyRender?: boolean;
keepDOM?: boolean;
direction?: any;
fullScreen?: boolean;
preventScroll?: boolean;
footerFill?: boolean;
type: "confirm";
};