Close}\n title=\"Title\"\n trigger=\"click\"\n visible={this.state.visible}\n onVisibleChange={this.handleVisibleChange}\n >\n Click me \n \n );\n }\n}\n\nReactDOM.render(Title ;\nconst content = (\n \n);\n\nReactDOM.render(\n \n
\n Align edge / 边缘对齐 \n \n
\n Arrow points to center / 箭头指向中心 \n \n
\n\n\n属性名 \n说明 \n类型 \n默认值 \n \n \n\n\ncontent \n卡片内容 \nReactNode | () => ReactNode \n \n\ntitle \n卡片标题 \nReactNode | () => ReactNode \n \n \n
\n以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。
\n\n\n\n属性名 \n说明 \n类型 \n默认值 \n \n \n\n\narrowPointAtCenter \n箭头是否指向目标元素中心 \nboolean \nfalse \n\nautoAdjustOverflow \n气泡被遮挡时自动调整位置; 可单独设置水平和垂直方向自动调整位置 \nboolean | { adjustX?: 0 | 1; adjustY?: 0 | 1; } \ntrue \n\ndefaultVisible \n默认是否显隐 \nboolean \nfalse \n \n\ngetPopupContainer \n浮层渲染父节点，默认渲染到 body 上。2.5.2 之前请使用 getTooltipContainer \nFunction(triggerNode) \n() => document.body \n \n\nmouseEnterDelay \n鼠标移入后延时多少才显示 Tooltip，单位：秒 \nnumber \n0 \n \n\nmouseLeaveDelay \n鼠标移出后延时多少才隐藏 Tooltip，单位：秒 \nnumber \n0.1 \n \n\noverlayClassName \n卡片类名 \nstring \n无 \n \n\noverlayStyle \n卡片样式 \nobject \n无 \n \n\nplacement \n气泡框位置，可选 top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottom \nstring \ntop \n \n\ntrigger \n触发行为，可选 hover/focus/click/contextMenu \nstring \nhover \n \n\nvisible \n用于手动控制浮层显隐 \nboolean \nfalse \n \n\nonVisibleChange \n显示隐藏的回调 \n(visible) => void \n无 \n \n \n
\n请确保 Popover 的子元素能接受 onMouseEnter、onMouseLeave、onFocus、onClick 事件。
","htmlAst":{"type":"root","children":[{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"element","tagName":"thead","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"属性名"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"说明"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"类型"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"默认值"}]}]}]},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"content"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"卡片内容"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"ReactNode | () => ReactNode"}]},{"type":"element","tagName":"td","properties":{},"children":[]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"title"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"卡片标题"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"ReactNode | () => ReactNode"}]},{"type":"element","tagName":"td","properties":{},"children":[]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"共同的api","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%85%B1%E5%90%8C%E7%9A%84api","ariaLabel":"共同的api permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"共同的API"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"以下 API 为 Tooltip、Popconfirm、Popover 共享的 API。"}]},{"type":"text","value":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"element","tagName":"thead","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"属性名"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"说明"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"类型"}]},{"type":"element","tagName":"th","properties":{},"children":[{"type":"text","value":"默认值"}]}]}]},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"arrowPointAtCenter"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"箭头是否指向目标元素中心"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"false"}]}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"autoAdjustOverflow"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"气泡被遮挡时自动调整位置; 可单独设置水平和垂直方向自动调整位置"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean | { adjustX?: 0 | 1; adjustY?: 0 | 1; }"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"true"}]}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"defaultVisible"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"默认是否显隐"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"getPopupContainer"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"浮层渲染父节点，默认渲染到 body 上。"},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"2.5.2"}]},{"type":"text","value":" 之前请使用 "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"getTooltipContainer"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"Function(triggerNode)"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"() => document.body"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"mouseEnterDelay"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"鼠标移入后延时多少才显示 Tooltip，单位：秒"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"number"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"0"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"mouseLeaveDelay"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"鼠标移出后延时多少才隐藏 Tooltip，单位：秒"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"number"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"0.1"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"overlayClassName"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"卡片类名"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"string"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"无"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"overlayStyle"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"卡片样式"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"object"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"无"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"placement"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"气泡框位置，可选 "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"top"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"left"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"right"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"bottom"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"topLeft"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"topRight"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"bottomLeft"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"bottomRight"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"leftTop"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"leftBottom"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"rightTop"}]},{"type":"text","value":" "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"rightBottom"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"string"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"top"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"trigger"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"触发行为，可选 "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"hover/focus/click/contextMenu"}]}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"string"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"hover"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"visible"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"用于手动控制浮层显隐"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"boolean"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"false"}]}]},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"onVisibleChange"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"显示隐藏的回调"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"(visible) => void"}]},{"type":"element","tagName":"td","properties":{},"children":[{"type":"text","value":"无"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"注意","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E6%B3%A8%E6%84%8F","ariaLabel":"注意 permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"注意"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"请确保 "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"Popover"}]},{"type":"text","value":" 的子元素能接受 "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"onMouseEnter"}]},{"type":"text","value":"、"},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"onMouseLeave"}]},{"type":"text","value":"、"},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"onFocus"}]},{"type":"text","value":"、"},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"onClick"}]},{"type":"text","value":" 事件。"}]}],"data":{"quirksMode":false}}}}},"description":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"点击/鼠标移入元素，弹出气泡式的卡片浮层。"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"何时使用","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E4%BD%95%E6%97%B6%E4%BD%BF%E7%94%A8","ariaLabel":"何时使用 permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"何时使用"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"和 "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"Tooltip"}]},{"type":"text","value":" 的区别是，用户可以对浮层上的元素进行操作，因此它可以承载更复杂的内容，比如链接或按钮等。"}]}],"data":{"quirksMode":false}},"html":"点击/鼠标移入元素，弹出气泡式的卡片浮层。
\n当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。
\n和 Tooltip 的区别是，用户可以对浮层上的元素进行操作，因此它可以承载更复杂的内容，比如链接或按钮等。
"}},"staticQueryHashes":["1331108010","3000541721","3000541721","3238733320","653731124"]}