mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 20:49:53 +08:00
1 line
10 KiB
JavaScript
1 line
10 KiB
JavaScript
(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["926d0a2d"],{"926d0a2d":function(e,a,d){"use strict";d.d(a,"__esModule",{value:!0}),d.d(a,"texts",{enumerable:!0,get:function(){return t;}}),d("981c769c");let t=[{value:"The tip is shown on mouse enter, and is hidden on mouse leave. The Tooltip doesn't support complex text or operations.",paraId:0,tocIndex:0},{value:"To provide an explanation of a ",paraId:0,tocIndex:0},{value:"button/text/operation",paraId:0,tocIndex:0},{value:". It's often used instead of the html ",paraId:0,tocIndex:0},{value:"title",paraId:0,tocIndex:0},{value:" attribute.",paraId:0,tocIndex:0},{value:"Common props ref\uFF1A",paraId:1,tocIndex:13},{value:"Common props",paraId:2,tocIndex:13},{value:"Property",paraId:3,tocIndex:13},{value:"Description",paraId:3,tocIndex:13},{value:"Type",paraId:3,tocIndex:13},{value:"Default",paraId:3,tocIndex:13},{value:"title",paraId:3,tocIndex:13},{value:"The text shown in the tooltip",paraId:3,tocIndex:13},{value:"ReactNode | () => ReactNode",paraId:3,tocIndex:13},{value:"-",paraId:3,tocIndex:13},{value:"The following APIs are shared by Tooltip, Popconfirm, Popover.",paraId:4,tocIndex:14},{value:"Property",paraId:5,tocIndex:14},{value:"Description",paraId:5,tocIndex:14},{value:"Type",paraId:5,tocIndex:14},{value:"Default",paraId:5,tocIndex:14},{value:"Version",paraId:5,tocIndex:14},{value:"align",paraId:5,tocIndex:14},{value:"This value will be merged into placement's config, please refer to the settings ",paraId:5,tocIndex:14},{value:"dom-align",paraId:5,tocIndex:14},{value:"object",paraId:5,tocIndex:14},{value:"-",paraId:5,tocIndex:14},{value:"arrow",paraId:5,tocIndex:14},{value:"Change arrow's visible state and change whether the arrow is pointed at the center of target.",paraId:5,tocIndex:14},{value:"boolean | { pointAtCenter: boolean }",paraId:5,tocIndex:14},{value:"true",paraId:5,tocIndex:14},{value:"5.2.0",paraId:5,tocIndex:14},{value:"autoAdjustOverflow",paraId:5,tocIndex:14},{value:"Whether to adjust popup placement automatically when popup is off screen",paraId:5,tocIndex:14},{value:"boolean",paraId:5,tocIndex:14},{value:"true",paraId:5,tocIndex:14},{value:"color",paraId:5,tocIndex:14},{value:"The background color",paraId:5,tocIndex:14},{value:"string",paraId:5,tocIndex:14},{value:"-",paraId:5,tocIndex:14},{value:"4.3.0",paraId:5,tocIndex:14},{value:"defaultOpen",paraId:5,tocIndex:14},{value:"Whether the floating tooltip card is open by default",paraId:5,tocIndex:14},{value:"boolean",paraId:5,tocIndex:14},{value:"false",paraId:5,tocIndex:14},{value:"4.23.0",paraId:5,tocIndex:14},{value:"destroyTooltipOnHide",paraId:5,tocIndex:14},{value:"Whether destroy tooltip when hidden",paraId:5,tocIndex:14},{value:"boolean",paraId:5,tocIndex:14},{value:"false",paraId:5,tocIndex:14},{value:"fresh",paraId:5,tocIndex:14},{value:"Tooltip will cache content when it is closed by default. Setting this property will always keep updating",paraId:5,tocIndex:14},{value:"boolean",paraId:5,tocIndex:14},{value:"false",paraId:5,tocIndex:14},{value:"5.10.0",paraId:5,tocIndex:14},{value:"getPopupContainer",paraId:5,tocIndex:14},{value:"The DOM container of the tip, the default behavior is to create a ",paraId:5,tocIndex:14},{value:"div",paraId:5,tocIndex:14},{value:" element in ",paraId:5,tocIndex:14},{value:"body",paraId:5,tocIndex:14},{value:"(triggerNode: HTMLElement) => HTMLElement",paraId:5,tocIndex:14},{value:"() => document.body",paraId:5,tocIndex:14},{value:"mouseEnterDelay",paraId:5,tocIndex:14},{value:"Delay in seconds, before tooltip is shown on mouse enter",paraId:5,tocIndex:14},{value:"number",paraId:5,tocIndex:14},{value:"0.1",paraId:5,tocIndex:14},{value:"mouseLeaveDelay",paraId:5,tocIndex:14},{value:"Delay in seconds, before tooltip is hidden on mouse leave",paraId:5,tocIndex:14},{value:"number",paraId:5,tocIndex:14},{value:"0.1",paraId:5,tocIndex:14},{value:"overlayClassName",paraId:5,tocIndex:14},{value:"Class name of the tooltip card",paraId:5,tocIndex:14},{value:"string",paraId:5,tocIndex:14},{value:"-",paraId:5,tocIndex:14},{value:"overlayStyle",paraId:5,tocIndex:14},{value:"Style of the tooltip card",paraId:5,tocIndex:14},{value:"object",paraId:5,tocIndex:14},{value:"-",paraId:5,tocIndex:14},{value:"overlayInnerStyle",paraId:5,tocIndex:14},{value:"Style of the tooltip inner content",paraId:5,tocIndex:14},{value:"object",paraId:5,tocIndex:14},{value:"-",paraId:5,tocIndex:14},{value:"placement",paraId:5,tocIndex:14},{value:"The position of the tooltip relative to the target, which can be one of ",paraId:5,tocIndex:14},{value:"top",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"left",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"right",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"bottom",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"topLeft",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"topRight",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"bottomLeft",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"bottomRight",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"leftTop",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"leftBottom",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"rightTop",paraId:5,tocIndex:14},{value:" ",paraId:5,tocIndex:14},{value:"rightBottom",paraId:5,tocIndex:14},{value:"string",paraId:5,tocIndex:14},{value:"top",paraId:5,tocIndex:14},{value:"trigger",paraId:5,tocIndex:14},{value:"Tooltip trigger mode. Could be multiple by passing an array",paraId:5,tocIndex:14},{value:"hover",paraId:5,tocIndex:14},{value:" | ",paraId:5,tocIndex:14},{value:"focus",paraId:5,tocIndex:14},{value:" | ",paraId:5,tocIndex:14},{value:"click",paraId:5,tocIndex:14},{value:" | ",paraId:5,tocIndex:14},{value:"contextMenu",paraId:5,tocIndex:14},{value:" | Array<string>",paraId:5,tocIndex:14},{value:"hover",paraId:5,tocIndex:14},{value:"open",paraId:5,tocIndex:14},{value:"Whether the floating tooltip card is open or not. Use ",paraId:5,tocIndex:14},{value:"visible",paraId:5,tocIndex:14},{value:" under 4.23.0 (",paraId:5,tocIndex:14},{value:"why?",paraId:6,tocIndex:14},{value:")",paraId:5,tocIndex:14},{value:"boolean",paraId:5,tocIndex:14},{value:"false",paraId:5,tocIndex:14},{value:"4.23.0",paraId:5,tocIndex:14},{value:"zIndex",paraId:5,tocIndex:14},{value:"Config ",paraId:5,tocIndex:14},{value:"z-index",paraId:5,tocIndex:14},{value:" of Tooltip",paraId:5,tocIndex:14},{value:"number",paraId:5,tocIndex:14},{value:"-",paraId:5,tocIndex:14},{value:"onOpenChange",paraId:5,tocIndex:14},{value:"Callback executed when visibility of the tooltip card is changed",paraId:5,tocIndex:14},{value:"(open: boolean) => void",paraId:5,tocIndex:14},{value:"-",paraId:5,tocIndex:14},{value:"4.23.0",paraId:5,tocIndex:14},{value:"findDOMNode is deprecated",paraId:7},{value:"This is due to the implementation of ",paraId:8,tocIndex:17},{value:"rc-trigger",paraId:8,tocIndex:17},{value:". ",paraId:8,tocIndex:17},{value:"rc-trigger",paraId:8,tocIndex:17},{value:" forces children to accept ref, otherwise it will fall back to findDOMNode, so children need to be native html tags. If not, you need to use ",paraId:8,tocIndex:17},{value:"React.forwardRef",paraId:8,tocIndex:17},{value:" transparently passes ",paraId:8,tocIndex:17},{value:"ref",paraId:8,tocIndex:17},{value:" to native html tags.",paraId:8,tocIndex:17},{value:"findDOMNode is deprecated",paraId:9,tocIndex:17},{value:" reproduce: ",paraId:9,tocIndex:17},{value:"https://codesandbox.io/p/sandbox/finddomnode-c5hy96",paraId:9,tocIndex:17},{value:"Using ",paraId:9,tocIndex:17},{value:"forwardRef",paraId:9,tocIndex:17},{value:" to fix: ",paraId:9,tocIndex:17},{value:"https://codesandbox.io/p/sandbox/no-finddomnode-warning-forked-gdxczs",paraId:9,tocIndex:17},{value:"Please ensure that the child node of ",paraId:10,tocIndex:18},{value:"Tooltip",paraId:10,tocIndex:18},{value:" accepts ",paraId:10,tocIndex:18},{value:"onMouseEnter",paraId:10,tocIndex:18},{value:", ",paraId:10,tocIndex:18},{value:"onMouseLeave",paraId:10,tocIndex:18},{value:", ",paraId:10,tocIndex:18},{value:"onPointerEnter",paraId:10,tocIndex:18},{value:", ",paraId:10,tocIndex:18},{value:"onPointerLeave",paraId:10,tocIndex:18},{value:", ",paraId:10,tocIndex:18},{value:"onFocus",paraId:10,tocIndex:18},{value:", ",paraId:10,tocIndex:18},{value:"onClick",paraId:10,tocIndex:18},{value:" events.",paraId:10,tocIndex:18},{value:"It will follow ",paraId:11,tocIndex:19},{value:"placement",paraId:11,tocIndex:19},{value:" config when screen has enough space. And flip when space is not enough (Such as ",paraId:11,tocIndex:19},{value:"top",paraId:11,tocIndex:19},{value:" to ",paraId:11,tocIndex:19},{value:"bottom",paraId:11,tocIndex:19},{value:" or ",paraId:11,tocIndex:19},{value:"topLeft",paraId:11,tocIndex:19},{value:" to ",paraId:11,tocIndex:19},{value:"bottomLeft",paraId:11,tocIndex:19},{value:"). Single direction such as ",paraId:11,tocIndex:19},{value:"top",paraId:11,tocIndex:19},{value:" ",paraId:11,tocIndex:19},{value:"bottom",paraId:11,tocIndex:19},{value:" ",paraId:11,tocIndex:19},{value:"left",paraId:11,tocIndex:19},{value:" ",paraId:11,tocIndex:19},{value:"right",paraId:11,tocIndex:19},{value:" will auto shift on the view:",paraId:11,tocIndex:19},{value:"When ",paraId:12,tocIndex:19},{value:"placement",paraId:12,tocIndex:19},{value:" is set to edge align such as ",paraId:12,tocIndex:19},{value:"topLeft",paraId:12,tocIndex:19},{value:" ",paraId:12,tocIndex:19},{value:"bottomRight",paraId:12,tocIndex:19},{value:", it will only do flip but not do shift.",paraId:12,tocIndex:19},{value:"Tooltip will cache content when it is closed to avoid flicker when content is updated:",paraId:13,tocIndex:20},{value:"// `title` will not blink when `user` is empty\n<Tooltip open={user} title={user?.name} />\n",paraId:14,tocIndex:20},{value:"If need update content when close, you can set ",paraId:15,tocIndex:20},{value:"fresh",paraId:15,tocIndex:20},{value:" property (",paraId:15,tocIndex:20},{value:"#44830",paraId:15,tocIndex:20},{value:"):",paraId:15,tocIndex:20},{value:"<Tooltip open={user} title={user?.name} fresh />\n",paraId:16,tocIndex:20}];}}]); |