Back to Ant Design

SharedProps.Zh CN

components/tooltip/shared/sharedProps.zh-CN.md

6.4.43.1 KB
Original Source

<Antd component="Alert" title="以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。" type="info" banner="true"></Antd>

<!-- prettier-ignore -->
参数说明类型默认值版本全局配置
align请参考 dom-align 进行配置object-×
arrow修改箭头的显示状态以及修改箭头是否指向目标元素中心boolean | { pointAtCenter: boolean }true5.2.0Tooltip: 6.0.0,Popover: 6.0.0,Popconfirm: 6.0.0
autoAdjustOverflow气泡被遮挡时自动调整位置booleantrue×
color背景颜色string-4.3.0×
classNames用于自定义组件内部各语义化结构的 class,支持对象或函数Record<SemanticDOM, string> | (info: { props }) => Record<SemanticDOM, string>-5.23.0Tooltip: 5.23.0,Popover: 5.23.0,Popconfirm: 5.23.0
defaultOpen默认是否显隐booleanfalse4.23.0×
destroyTooltipOnHide关闭后是否销毁 dombooleanfalse×
destroyOnHidden关闭后是否销毁 dombooleanfalse5.25.0×
fresh默认情况下,Tooltip 在关闭时会缓存内容。设置该属性后会始终保持更新booleanfalse5.10.0×
getPopupContainer浮层渲染父节点,默认渲染到 body 上(triggerNode: HTMLElement) => HTMLElement() => document.body×
mouseEnterDelay鼠标移入后延时多少才显示 Tooltip,单位:秒number0.1×
mouseLeaveDelay鼠标移出后延时多少才隐藏 Tooltip,单位:秒number0.1×
overlayClassName卡片类名, 请使用 classNames.root 替换string-×
overlayStyle卡片样式, 请使用 styles.root 替换React.CSSProperties-×
overlayInnerStyle卡片内容区域的样式对象, 请使用 styles.container 替换React.CSSProperties-×
placement气泡框位置,可选 top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottomstringtop×
styles用于自定义组件内部各语义化结构的行内 style,支持对象或函数Record<SemanticDOM, CSSProperties> | (info: { props }) => Record<SemanticDOM, CSSProperties>-5.23.0Tooltip: 5.23.0,Popover: 5.23.0,Popconfirm: 5.23.0
trigger触发行为,可选 hover | focus | click | contextMenu,可使用数组设置多个触发行为string | string[]hoverTooltip: 6.1.0,Popover: 6.1.0,Popconfirm: 6.1.0
open用于手动控制浮层显隐,小于 4.23.0 使用 visible为什么?booleanfalse4.23.0×
zIndex设置 Tooltip 的 z-indexnumber-×
onOpenChange显示隐藏的回调(open: boolean) => void-4.23.0×