PageSourceSearch

https://preview-8494-ng-zorro-antd.surge.sh/9280.94ef4a14ee94dd40.js

js preview-8494-ng-zorro-antd.surge.sh collected 2026-10-03 14:58:52 UTC 39,033 bytes, 1 lines download raw bytes

1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[9280],{6900:(S,k,i)=>{i.r(k),i.d(k,{NzDemoTooltipModule:()=>L});var g=i(9072),F=i(2928),p=i(9100),a=i(8352),c=i(5120),t=i(4496);let b=(()=>{class o{get nativeElement(){return this.elementRef.nativeElement}constructor(n){this.elementRef=n}static#t=this.\u0275fac=function(e){return new(e||o)(t.GI1(t.GMv))};static#o=this.\u0275dir=t.Sc5({type:o,selectors:[["","nzElement",""],["","nz-element",""]],exportAs:["nzElement"],standalone:!0})}return o})(),D=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#o=this.\u0275mod=t.a4G({type:o});static#e=this.\u0275inj=t.s3X({})}return o})();var I=i(5636);const A=[p.wZ,a.EV,c.Wy,D,I.o];var m=i(6056),z=i(8700),R=i(8656),E=i(3172),r=i(28),s=i(7324);let O=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#o=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-tooltip-arrow-point-at-center"]],decls:4,vars:1,consts:[["nz-button","","nzTooltipTitle","prompt text","nzTooltipPlacement","topLeft","nz-tooltip",""],["nz-button","","nz-tooltip","","nzTooltipTitle","prompt text","nzTooltipPlacement","bottomLeft",3,"nzTooltipArrowPointAtCenter"]],template:function(e,l){1&e&&(t.I0R(0,"button",0),t.OEk(1," Align edge / \u8fb9\u7f18\u5bf9\u9f50 "),t.C$Y(),t.I0R(2,"button",1),t.OEk(3," Arrow points to center / \u7bad\u5934\u6307\u5411\u4e2d\u5fc3 "),t.C$Y()),2&e&&(t.yG2(2),t.E7m("nzTooltipArrowPointAtCenter",!0))},dependencies:[p.qG,a.Ez,r.k,s.o9],styles:["button[_ngcontent-%COMP%]{margin-right:8px;margin-bottom:8px}"]})}return o})(),h=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#o=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-tooltip-basic"]],decls:2,vars:0,consts:[["nz-tooltip","","nzTooltipTitle","prompt text"]],template:function(e,l){1&e&&(t.I0R(0,"span",0),t.OEk(1,"Tooltip will show when mouse enter."),t.C$Y())},dependencies:[p.qG],encapsulation:2})}return o})();var w=i(2332),y=i(1368);function x(o,d){if(1&o&&(t.I0R(0,"button",3),t.OEk(1),t.C$Y()),2&o){const n=d.$implicit;t.E7m("nzTooltipTitle",n)("nzTooltipColor",n),t.yG2(),t.oRS(" ",n," ")}}function v(o,d){if(1&o&&(t.I0R(0,"button",3),t.OEk(1),t.C$Y()),2&o){const n=d.$implicit;t.E7m("nzTooltipTitle",n)("nzTooltipColor",n),t.yG2(),t.oRS(" ",n," ")}}let $=(()=>{class o{constructor(){this.customColors=["#f50","#2db7f5","#87d068","#108ee9"],this.presetColors=w.c$}static#t=this.\u0275fac=function(e){return new(e||o)};static#o=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-tooltip-color"]],decls:4,vars:2,consts:[["nzText","Preset","nzOrientation","left"],["nz-button","","nz-tooltip","",3,"nzTooltipTitle","nzTooltipColor",4,"ngFor","ngForOf"],["nzText","Custom","nzOrientation","left"],["nz-button","","nz-tooltip","",3,"nzTooltipTitle","nzTooltipColor"]],template:function(e,l){1&e&&(t.wR5(0,"nz-divider",0),t.yuY(1,x,2,3,"button",1),t.wR5(2,"nz-divider",2),t.yuY(3,v,2,3,"button",1)),2&e&&(t.yG2(),t.E7m("ngForOf",l.presetColors),t.yG2(2),t.E7m("ngForOf",l.customColors))},dependencies:[y.ay,p.qG,a.Ez,r.k,s.o9,I.M],styles:[".ant-btn[_ngcontent-%COMP%]{margin-right:8px;margin-bottom:8px}.ant-tag[_ngcontent-%COMP%]{margin-bottom:8px}"]})}return o})(),Y=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#o=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-tooltip-origin"]],decls:5,vars:1,consts:[["nz-button","","nz-element",""],["button","nzElement"],["nz-tooltip","","nzTooltipTitle","This action could not be revoked!",3,"nzTooltipOrigin"]],template:function(e,l){if(1&e&&(t.I0R(0,"button",0,1),t.OEk(2,"Action"),t.C$Y(),t.I0R(3,"a",2),t.OEk(4,"Notice"),t.C$Y()),2&e){const u=t.Gew(1);t.yG2(3),t.E7m("nzTooltipOrigin",u.elementRef)}},dependencies:[p.qG,a.Ez,r.k,s.o9,b],styles:["button[_ngcontent-%COMP%]{margin-right:8px}"]})}return o})();const B=()=>["topLeft","leftTop"];let f=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#o=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-tooltip-placement"]],decls:28,vars:2,consts:[[2,"margin-left","60px"],["nzTooltipTitle","prompt text","nz-button","","nz-tooltip","",3,"nzTooltipPlacement"],["nzTooltipTitle","prompt text","nzTooltipPlacement","top","nz-button","","nz-tooltip",""],["nzTooltipTitle","prompt text","nzTooltipPlacement","topRight","nz-button","","nz-tooltip",""],[2,"float","left","width","60px"],["nzTooltipTitle","prompt text","nzTooltipPlacement","leftTop","nz-button","","nz-tooltip",""],["nzTooltipTitle","prompt text","nzTooltipPlacement","left","nz-button","","nz-tooltip",""],["nzTooltipTitle","prompt text","nzTooltipPlacement","leftBottom","nz-button","","nz-tooltip",""],[2,"margin-left","270px","width","60px"],["nzTooltipTitle","prompt text","nzTooltipPlacement","rightTop","nz-button","","nz-tooltip",""],["nzTooltipTitle","prompt text","nzTooltipPlacement","right","nz-button","","nz-tooltip",""],["nzTooltipTitle","prompt text","nzTooltipPlacement","rightBottom","nz-button","","nz-tooltip",""],[2,"margin-left","60px","clear","both"],["nzTooltipTitle","prompt text","nzTooltipPlacement","bottomLeft","nz-button","","nz-tooltip",""],["nzTooltipTitle","prompt text","nzTooltipPlacement","bottom","nz-button","","nz-tooltip",""],["nzTooltipTitle","prompt text","nzTooltipPlacement","bottomRight","nz-button","","nz-tooltip",""]],template:function(e,l){1&e&&(t.I0R(0,"div",0)(1,"button",1),t.OEk(2," TL "),t.C$Y(),t.I0R(3,"button",2),t.OEk(4,"Top"),t.C$Y(),t.I0R(5,"button",3),t.OEk(6,"TR"),t.C$Y()(),t.I0R(7,"div",4)(8,"button",5),t.OEk(9,"LT"),t.C$Y(),t.I0R(10,"button",6),t.OEk(11,"Left"),t.C$Y(),t.I0R(12,"button",7),t.OEk(13,"LB"),t.C$Y()(),t.I0R(14,"div",8)(15,"button",9),t.OEk(16,"RT"),t.C$Y(),t.I0R(17,"button",10),t.OEk(18,"Right"),t.C$Y(),t.I0R(19,"button",11),t.OEk(20,"RB"),t.C$Y()(),t.I0R(21,"div",12)(22,"button",13),t.OEk(23,"BL"),t.C$Y(),t.I0R(24,"button",14),t.OEk(25,"Bottom"),t.C$Y(),t.I0R(26,"button",15),t.OEk(27,"BR"),t.C$Y()()),2&e&&(t.yG2(),t.E7m("nzTooltipPlacement",t.q4q(1,B)))},dependencies:[p.qG,a.Ez,r.k,s.o9],styles:["button[_ngcontent-%COMP%]{width:70px;text-align:center;padding:0;margin-right:8px;margin-bottom:8px}"]})}return o}
1)();function G(o,d){if(1&o&&(t.wR5(0,"span",2),t.I0R(1,"span"),t.OEk(2),t.C$Y()),2&o){const n=d.$implicit;t.yG2(2),t.oRS("Tooltip With ",n,"")}}const N=()=>({$implicit:"Icon"});let T=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#o=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-tooltip-template"]],decls:4,vars:3,consts:[["nz-tooltip","",3,"nzTooltipTitle","nzTooltipTitleContext"],["titleTemplate",""],["nz-icon","","nzType","file"]],template:function(e,l){if(1&e&&(t.I0R(0,"a",0),t.OEk(1,"This Tooltip has an Icon"),t.C$Y(),t.yuY(2,G,3,1,"ng-template",null,1,t.gJz)),2&e){const u=t.Gew(3);t.E7m("nzTooltipTitle",u)("nzTooltipTitleContext",t.q4q(2,N))}},dependencies:[p.qG,c.If,r.k],styles:[".anticon[_ngcontent-%COMP%]{margin-right:8px;margin-left:8px}"]})}return o})(),H=(()=>{class o{constructor(){this.expanded=!1}goLink(n){window&&(window.location.hash=n)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(n=>{n.nzExpanded=this.expanded,n.expandCode(this.expanded),n.check()})}static#t=this.\u0275fac=function(e){return new(e||o)};static#o=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-tooltip"]],viewQuery:function(e,l){if(1&e&&t.CC$(m.A,5),2&e){let u;t.wto(u=t.Gqi())&&(l.codeBoxes=u)}},decls:367,vars:31,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-tooltip-demo-basic","nzTitle","\u57fa\u672c"],["nzHref","#components-tooltip-demo-placement","nzTitle","\u4f4d\u7f6e"],["nzHref","#components-tooltip-demo-arrow-point-at-center","nzTitle","\u7bad\u5934\u6307\u5411"],["nzHref","#components-tooltip-demo-template","nzTitle","\u6a21\u677f\u6e32\u67d3"],["nzHref","#components-tooltip-demo-origin","nzTitle","\u6307\u5b9a\u76ee\u6807"],["nzHref","#components-tooltip-demo-color","nzTitle","\u591a\u5f69\u6587\u5b57\u63d0\u793a"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","\u4f55\u65f6\u4f7f\u7528"],["onclick","window.location.hash = '\u4f55\u65f6\u4f7f\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5c55\u5f00\u5168\u90e8\u4ee3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57fa\u672c","nzSelector","nz-demo-tooltip-basic","nzGenerateCommand","ng g ng-zorro-antd:tooltip-basic <name>","nzComponentName","NzDemoTooltipBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u7bad\u5934\u6307\u5411","nzSelector","nz-demo-tooltip-arrow-point-at-center","nzGenerateCommand","ng g ng-zorro-antd:tooltip-arrow-point-at-center <name>","nzComponentName","NzDemoTooltipArrowPointAtCenterComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u6307\u5b9a\u76ee\u6807","nzSelector","nz-demo-tooltip-origin","nzGenerateCommand","ng g ng-zorro-antd:tooltip-origin <name>","nzComponentName","NzDemoTooltipOriginComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u4f4d\u7f6e","nzSelector","nz-demo-tooltip-placement","nzGenerateCommand","ng g ng-zorro-antd:tooltip-placement <name>","nzComponentName","NzDemoTooltipPlacementComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u6a21\u677f\u6e32\u67d3","nzSelector","nz-demo-tooltip-template","nzGenerateCommand","ng g ng-zorro-antd:tooltip-template <name>","nzComponentName","NzDemoTooltipTemplateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u591a\u5f69\u6587\u5b57\u63d0\u793a","nzSelector","nz-demo-tooltip-color","nzGenerateCommand","ng g ng-zorro-antd:tooltip-color <name>","nzComponentName","NzDemoTooltipColorComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-tooltip]:standalone"],[1,"api-type-label","directive"],[1,"api-type-label","standalone"],["onclick","window.location.hash = '[nz-tooltip]:standalone'",1,"anchor"],["id","\u5171\u540c\u7684-api"],["onclick","window.location.hash = '\u5171\u540c\u7684-api'",1,"anchor"],["id","\u975e-body-\u6eda\u8f74\u4e8b\u4ef6\u9700\u8981\u66f4\u65b0-cdk-\u7684\u4f4d\u7f6e"],["onclick","window.location.hash = '\u975e-body-\u6eda\u8f74\u4e8b\u4ef6\u9700\u8981\u66f4\u65b0-cdk-\u7684\u4f4d\u7f6e'",1,"anchor"],["href","https://material.angular.io/cdk/scrolling/api","target","_blank","rel","noopener"],["id","\u6ce8\u610f"],["onclick","window.location.hash = '\u6ce8\u610f'",1,"anchor"]],template:function(e,l){1&e&&(t.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),t.qCj("nzClick",function(C){return l.goLink(C)}),t.wR5(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8),t.C$Y()(),t.I0R(10,"section",9)(11,"h1"),t.OEk(12,"Tooltip"),t.I0R(13,"span",10),t.OEk(14,"\u
16587\u5b57\u63d0\u793a"),t.C$Y(),t.wR5(15,"span",11),t.I0R(16,"a",12),t.wR5(17,"span",13),t.C$Y()(),t.I0R(18,"section",9),t.EdD(),t.I0R(19,"p"),t.OEk(20,"\u7b80\u5355\u7684\u6587\u5b57\u63d0\u793a\u6c14\u6ce1\u6846\u3002"),t.C$Y(),t.I0R(21,"h2",14)(22,"span"),t.OEk(23,"\u4f55\u65f6\u4f7f\u7528"),t.C$Y(),t.I0R(24,"a",15),t.OEk(25,"#"),t.C$Y()(),t.I0R(26,"p"),t.OEk(27,"\u9f20\u6807\u79fb\u5165\u5219\u663e\u793a\u63d0\u793a\uff0c\u79fb\u51fa\u6d88\u5931\uff0c\u6c14\u6ce1\u6d6e\u5c42\u4e0d\u627f\u8f7d\u590d\u6742\u6587\u672c\u548c\u64cd\u4f5c\u3002"),t.C$Y(),t.I0R(28,"p"),t.OEk(29,"\u53ef\u7528\u6765\u4ee3\u66ff\u7cfb\u7edf\u9ed8\u8ba4\u7684 "),t.I0R(30,"code"),t.OEk(31,"title"),t.C$Y(),t.OEk(32," \u63d0\u793a\uff0c\u63d0\u4f9b\u4e00\u4e2a"),t.I0R(33,"code"),t.OEk(34,"\u6309\u94ae/\u6587\u5b57/\u64cd\u4f5c"),t.C$Y(),t.OEk(35,"\u7684\u6587\u6848\u89e3\u91ca\u3002"),t.C$Y(),t.I0R(36,"pre",16)(37,"code")(38,"span",17),t.OEk(39,"import"),t.C$Y(),t.OEk(40," "),t.I0R(41,"span",18),t.OEk(42,"{"),t.C$Y(),t.OEk(43," NzToolTipModule "),t.I0R(44,"span",18),t.OEk(45,"}"),t.C$Y(),t.OEk(46," "),t.I0R(47,"span",17),t.OEk(48,"from"),t.C$Y(),t.OEk(49," "),t.I0R(50,"span",19),t.OEk(51,"'ng-zorro-antd/tooltip'"),t.C$Y(),t.I0R(52,"span",18),t.OEk(53,";"),t.C$Y()()(),t.eAF(),t.C$Y(),t.I0R(54,"h2")(55,"span"),t.OEk(56,"\u4ee3\u7801\u6f14\u793a"),t.C$Y(),t.I0R(57,"span",20),t.qCj("click",function(){return l.expandAllCode()}),t.C$Y()()(),t.I0R(58,"div",21)(59,"div",22)(60,"nz-code-box",23),t.wR5(61,"nz-demo-tooltip-basic",24),t.I0R(62,"div",25),t.EdD(),t.I0R(63,"p"),t.OEk(64,"\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(65,"nz-code-box",26),t.wR5(66,"nz-demo-tooltip-arrow-point-at-center",24),t.I0R(67,"div",25),t.EdD(),t.I0R(68,"p"),t.OEk(69,"\u901a\u8fc7\u8bbe\u7f6e "),t.I0R(70,"code"),t.OEk(71,"nzTooltipArrowPointAtCenter"),t.C$Y(),t.OEk(72," \uff0c\u53ef\u4ee5\u7bad\u5934\u5c06\u6307\u5411\u76ee\u6807\u5143\u7d20\u7684\u4e2d\u5fc3\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(73,"nz-code-box",27),t.wR5(74,"nz-demo-tooltip-origin",24),t.I0R(75,"div",25),t.EdD(),t.I0R(76,"p"),t.OEk(77,"\u901a\u8fc7 "),t.I0R(78,"code"),t.OEk(79,"nzTooltipOrigin"),t.C$Y(),t.OEk(80," \u6307\u5b9a tooltip \u7684\u951a\u5b9a\u5143\u7d20\uff08\u53ef\u4ee5\u4f7f\u7528\u6211\u4eec\u63d0\u4f9b\u7684\u5de5\u5177\u7c7b "),t.I0R(81,"code"),t.OEk(82,"import { NzElementPatchModule } from 'ng-zorro-antd/core/element-patch'"),t.C$Y(),t.OEk(83,"\uff09"),t.C$Y(),t.eAF(),t.C$Y()()(),t.I0R(84,"div",22)(85,"nz-code-box",28),t.wR5(86,"nz-demo-tooltip-placement",24),t.I0R(87,"div",25),t.EdD(),t.I0R(88,"p"),t.OEk(89,"\u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(90,"nz-code-box",29),t.wR5(91,"nz-demo-tooltip-template",24),t.I0R(92,"div",25),t.EdD(),t.I0R(93,"p")(94,"code"),t.OEk(95,"nzTooltipTitle"),t.C$Y(),t.OEk(96," \u53ef\u4ee5\u4f20\u5165 "),t.I0R(97,"code"),t.OEk(98,"TemplateRef<any>"),t.C$Y(),t.OEk(99," \u6a21\u677f\u6e32\u67d3\u3002"),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(100,"nz-code-box",30),t.wR5(101,"nz-demo-tooltip-color",24),t.I0R(102,"div",25),t.EdD(),t.I0R(103,"p"),t.OEk(104,"\u6211\u4eec\u6dfb\u52a0\u4e86\u591a\u79cd\u9884\u8bbe\u8272\u5f69\u7684\u6587\u5b57\u63d0\u793a\u6837\u5f0f\uff0c\u4f9b\u4e0d\u540c\u573a\u666f\u4f7f\u7528\u3002"),t.C$Y(),t.eAF(),t.C$Y()()()(),t.I0R(105,"section",31),t.EdD(),t.I0R(106,"h2",32)(107,"span"),t.OEk(108,"API"),t.C$Y(),t.I0R(109,"a",33),t.OEk(110,"#"),t.C$Y()(),t.I0R(111,"h3",34)(112,"span"),t.OEk(113,"[nz-tooltip]"),t.C$Y(),t.I0R(114,"label",35),t.OEk(115,"directive"),t.C$Y(),t.I0R(116,"label",36),t.OEk(117,"standalone"),t.C$Y(),t.I0R(118,"a",37),t.OEk(119,"#"),t.C$Y()(),t.I0R(120,"table")(121,"thead")(122,"tr")(123,"th"),t.OEk(124,"\u53c2\u6570"),t.C$Y(),t.I0R(125,"th"),t.OEk(126,"\u8bf4\u660e"),t.C$Y(),t.I0R(127,"th"),t.OEk(128,"\u7c7b\u578b"),t.C$Y(),t.I0R(129,"th"),t.OEk(130,"\u9ed8\u8ba4\u503c"),t.C$Y()()(),t.I0R(131,"tbody")(132,"tr")(133,"td")(134,"code"),t.OEk(135,"[nzTooltipArrowPointAtCenter]"),t.C$Y()(),t.I0R(136,"td"),t.OEk(137,"\u7bad\u5934\u6307\u5411\u951a\u70b9\u7684\u4e2d\u5fc3"),t.C$Y(),t.I0R(138,"td")(139,"code"),t.OEk(140,"boolean"),t.C$Y()(),t.I0R(141,"td")(142,"code"),t.OEk(143,"false"),t.C$Y()()(),t.I0R(144,"tr")(145,"td")(146,"code"),t.OEk(147,"[nzTooltipTitle]"),t.C$Y()(),t.I0R(148,"td"),t.OEk(149,"\u63d0\u793a\u6587\u5b57"),t.C$Y(),t.I0R(150,"td")(151,"code"),t.OEk(152,"string | TemplateRef<void>"),t.C$Y()(),t.I0R(153,"td"),t.OEk(154,"-"),t.C$Y()(),t.I0R(155,"tr")(156,"td")(157,"code"),t.OEk(158,"[nzTooltipTitleContext]"),t.C$Y()(),t.I0R(159,"td"),t.OEk(160,"\u63d0\u793a\u6587\u5b57\u6a21\u677f\u4e0a\u4e0b\u6587"),t.C$Y(),t.I0R(161,"td")(162,"code"),t.OEk(163,"object"),t.C$Y()(),t.I0R(164,"td"),t.OEk(165,"-"),t.C$Y()(),t.I0R(166,"tr")(167,"td")(168,"code"),t.OEk(169,"[nzTooltipTrigger]"),t.C$Y()(),t.I0R(170,"td"),t.OEk(171,"\u89e6\u53d1\u884c\u4e3a\uff0c\u53ef\u9009 "),t.I0R(172,"code"),t.OEk(173,"hover"),t.C$Y()(),t.I0R(174,"td")(175,"code"),t.OEk(176,"focus"),t.C$Y()(),t.I0R(177,"td")(178,"code"),t.OEk(179,"click"),t.C$Y(),t.OEk(180,"\uff0c\u4e3a "),t.I0R(181,"code"),t.OEk(182,"null"),t.C$Y(),t.OEk(183," \u65f6\u4e0d\u54cd\u5e94\u5149\u6807\u4e8b\u4ef6"),t.C$Y()(),t.I0R(184,"tr")(185,"td")(186,"code"),t.OEk(187,"[nzTooltipPlacement]"),t.C$Y()(),t.I0R(188,"td"),t.OEk(189,"\u6c14\u6ce1\u6846\u4f4d\u7f6e"),t.C$Y(),t.I0R(190,"td")(191,"code"),t.OEk(192,"'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | Array<string>"),t.C$Y()(),t.I0R(193,"td")(194,"code"),t.OEk(195,"'top'"),t.C$Y()()(),t.I0R(196,"tr")(197,"td")(198,"code"),t.OEk(199,"[nzTooltipColor]"),t.C$Y()(),t.I0R(200,"td"),t.OEk(201,"\u80cc\u666f\u989c\u8272"),t.C$Y(),t.I0R(202,"td")(203,"code"),t.OEk(204,"string"),t.C$Y()(),t.I0R(205,"td"),t.OEk(206,"-"),t.C$Y()(),t.I0R(207,"tr")(208,"td")(209,"code"),t.OEk(210,"[nzTooltipOrigin]"),t.C$Y()(),t.I0R(211,"td"),t.OEk(212,"\u6c14\u6ce1\u6846\u5b9a\u4f4d\u5143\u7d20"),t.C$Y(),t.I0R(213,"td")(214,"code"),t.OEk(215,"ElementRef"),t.C$Y()(),t.I0R(216,"td"),t.OEk(217,"-"),t.C$Y()(),t.I0R(218,"tr")(219,"td")(220,"code"),t.OEk(221,"[nzTooltipVisible]"),t.C$Y()(),t.I0R(222,"td"),t.OEk(223,"\u663e\u793a\u9690\u85cf\u6c14\u6ce1\u6846"),t.C$Y(),t.I0R(224,"td")(225,"code"),t.OEk(226,"boolean"),t.C$Y()(),t.I0R(227,"td")(228,"code"),t.OEk(229,"fal
1se"),t.C$Y()()(),t.I0R(230,"tr")(231,"td")(232,"code"),t.OEk(233,"(nzTooltipVisibleChange)"),t.C$Y()(),t.I0R(234,"td"),t.OEk(235,"\u663e\u793a\u9690\u85cf\u7684\u4e8b\u4ef6"),t.C$Y(),t.I0R(236,"td")(237,"code"),t.OEk(238,"EventEmitter<boolean>"),t.C$Y()(),t.I0R(239,"td"),t.OEk(240,"-"),t.C$Y()(),t.I0R(241,"tr")(242,"td")(243,"code"),t.OEk(244,"[nzTooltipMouseEnterDelay]"),t.C$Y()(),t.I0R(245,"td"),t.OEk(246,"\u9f20\u6807\u79fb\u5165\u540e\u5ef6\u65f6\u591a\u5c11\u624d\u663e\u793a Tooltip\uff0c\u5355\u4f4d\uff1a\u79d2"),t.C$Y(),t.I0R(247,"td")(248,"code"),t.OEk(249,"number"),t.C$Y()(),t.I0R(250,"td")(251,"code"),t.OEk(252,"0.15"),t.C$Y()()(),t.I0R(253,"tr")(254,"td")(255,"code"),t.OEk(256,"[nzTooltipMouseLeaveDelay]"),t.C$Y()(),t.I0R(257,"td"),t.OEk(258,"\u9f20\u6807\u79fb\u51fa\u540e\u5ef6\u65f6\u591a\u5c11\u624d\u9690\u85cf Tooltip\uff0c\u5355\u4f4d\uff1a\u79d2"),t.C$Y(),t.I0R(259,"td")(260,"code"),t.OEk(261,"number"),t.C$Y()(),t.I0R(262,"td")(263,"code"),t.OEk(264,"0.1"),t.C$Y()()(),t.I0R(265,"tr")(266,"td")(267,"code"),t.OEk(268,"[nzTooltipOverlayClassName]"),t.C$Y()(),t.I0R(269,"td"),t.OEk(270,"\u5361\u7247\u7c7b\u540d"),t.C$Y(),t.I0R(271,"td")(272,"code"),t.OEk(273,"string"),t.C$Y()(),t.I0R(274,"td"),t.OEk(275,"-"),t.C$Y()(),t.I0R(276,"tr")(277,"td")(278,"code"),t.OEk(279,"[nzTooltipOverlayStyle]"),t.C$Y()(),t.I0R(280,"td"),t.OEk(281,"\u5361\u7247\u6837\u5f0f"),t.C$Y(),t.I0R(282,"td")(283,"code"),t.OEk(284,"object"),t.C$Y()(),t.I0R(285,"td"),t.OEk(286,"-"),t.C$Y()()()(),t.I0R(287,"h3",38)(288,"span"),t.OEk(289,"\u5171\u540c\u7684 API"),t.C$Y(),t.I0R(290,"a",39),t.OEk(291,"#"),t.C$Y()(),t.I0R(292,"p"),t.OEk(293,"\u4ee5\u4e0b API \u4e3a "),t.I0R(294,"code"),t.OEk(295,"nz-tooltip"),t.C$Y(),t.OEk(296,"\u3001"),t.I0R(297,"code"),t.OEk(298,"nz-popconfirm"),t.C$Y(),t.OEk(299,"\u3001"),t.I0R(300,"code"),t.OEk(301,"nz-popover"),t.C$Y(),t.OEk(302," \u5171\u4eab\u7684 API\u3002"),t.C$Y(),t.I0R(303,"table")(304,"thead")(305,"tr")(306,"th"),t.OEk(307,"\u65b9\u6cd5"),t.C$Y(),t.I0R(308,"th"),t.OEk(309,"\u8bf4\u660e"),t.C$Y()()(),t.I0R(310,"tbody")(311,"tr")(312,"td")(313,"code"),t.OEk(314,"show"),t.C$Y()(),t.I0R(315,"td"),t.OEk(316,"\u6253\u5f00"),t.C$Y()(),t.I0R(317,"tr")(318,"td")(319,"code"),t.OEk(320,"hide"),t.C$Y()(),t.I0R(321,"td"),t.OEk(322,"\u9690\u85cf"),t.C$Y()(),t.I0R(323,"tr")(324,"td")(325,"code"),t.OEk(326,"updatePosition"),t.C$Y()(),t.I0R(327,"td"),t.OEk(328,"\u8c03\u6574\u4f4d\u7f6e"),t.C$Y()()()(),t.I0R(329,"h2",40)(330,"span"),t.OEk(331,"\u975e body \u6eda\u8f74\u4e8b\u4ef6\u9700\u8981\u66f4\u65b0 CDK \u7684\u4f4d\u7f6e"),t.C$Y(),t.I0R(332,"a",41),t.OEk(333,"#"),t.C$Y()(),t.I0R(334,"p"),t.OEk(335,"\u5728 tooltip \u76f8\u5173(\u5305\u62ec popconfirm popover) \u7684\u7ec4\u4ef6\u4f7f\u7528\u4e2d\uff0cbody \u7684\u6eda\u8f74\u4e8b\u4ef6\u4f1a\u5237\u65b0 tooltip \u7684\u4f4d\u7f6e\u3002\u5982\u679c\u662f\u81ea\u5b9a\u4e49\u5bb9\u5668\u7684\u6eda\u8f74\u4e8b\u4ef6\u5219\u4e0d\u4f1a\u5237\u65b0\uff0c\u4f60\u53ef\u4ee5\u5728\u81ea\u5b9a\u4e49\u5bb9\u5668\u4e0a\u6dfb\u52a0 "),t.I0R(336,"code"),t.OEk(337,"cdkScrollable"),t.C$Y(),t.OEk(338," \u6307\u4ee4\u4ee5\u8fbe\u5230\u8be5\u76ee\u7684\u3002\u6ce8\u610f\uff0c\u8fd9\u91cc\u9700\u8981\u5bfc\u5165\u76f8\u5173\u7684\u5305 "),t.I0R(339,"code"),t.OEk(340,"import {ScrollingModule} from '@angular/cdk/scrolling';"),t.C$Y(),t.OEk(341,"\uff0c\u66f4\u591a\u4fe1\u606f\u8bf7\u53c2\u8003 "),t.I0R(342,"a",42),t.OEk(343,"scrolling/api"),t.C$Y(),t.OEk(344,"\u3002"),t.C$Y(),t.I0R(345,"h2",43)(346,"span"),t.OEk(347,"\u6ce8\u610f"),t.C$Y(),t.I0R(348,"a",44),t.OEk(349,"#"),t.C$Y()(),t.I0R(350,"p"),t.OEk(351,"\u8bf7\u786e\u4fdd "),t.I0R(352,"code"),t.OEk(353,"[nz-tooltip]"),t.C$Y(),t.OEk(354," \u5143\u7d20\u80fd\u63a5\u53d7 "),t.I0R(355,"code"),t.OEk(356,"onMouseEnter"),t.C$Y(),t.OEk(357,"\u3001"),t.I0R(358,"code"),t.OEk(359,"onMouseLeave"),t.C$Y(),t.OEk(360,"\u3001"),t.I0R(361,"code"),t.OEk(362,"onFocus"),t.C$Y(),t.OEk(363,"\u3001"),t.I0R(364,"code"),t.OEk(365,"onClick"),t.C$Y(),t.OEk(366," \u4e8b\u4ef6\u3002"),t.C$Y(),t.eAF(),t.C$Y()()),2&e&&(t.yG2(),t.E7m("nzOffsetTop",16),t.yG2(),t.E7m("nzAffix",!1),t.yG2(56),t.E7m("nzGutter",16),t.yG2(),t.E7m("nzXl",12)("nzSpan",24),t.yG2(),t.E7m("nzId","components-tooltip-demo-basic")("nzLink","components-tooltip-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/basic.md"),t.yG2(5),t.E7m("nzId","components-tooltip-demo-arrow-point-at-center")("nzLink","components-tooltip-demo-arrow-point-at-center")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/arrow-point-at-center.md"),t.yG2(8),t.E7m("nzId","components-tooltip-demo-origin")("nzLink","components-tooltip-demo-origin")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/origin.md"),t.yG2(11),t.E7m("nzXl",12)("nzSpan",24),t.yG2(),t.E7m("nzId","components-tooltip-demo-placement")("nzLink","components-tooltip-demo-placement")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/placement.md"),t.yG2(5),t.E7m("nzId","components-tooltip-demo-template")("nzLink","components-tooltip-demo-template")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/template.md"),t.yG2(10),t.E7m("nzId","components-tooltip-demo-color")("nzLink","components-tooltip-demo-color")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/color.md"))},dependencies:[m.A,z.s9,z.mK,R.g,E.QD,E.ox,p.qG,c.If,r.k,O,h,$,Y,f,T],encapsulation:2})}return o}
1)(),P=(()=>{class o{constructor(){this.expanded=!1}goLink(n){window&&(window.location.hash=n)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(n=>{n.nzExpanded=this.expanded,n.expandCode(this.expanded),n.check()})}static#t=this.\u0275fac=function(e){return new(e||o)};static#o=this.\u0275cmp=t.In1({type:o,selectors:[["nz-demo-tooltip"]],viewQuery:function(e,l){if(1&e&&t.CC$(m.A,5),2&e){let u;t.wto(u=t.Gqi())&&(l.codeBoxes=u)}},decls:363,vars:31,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-tooltip-demo-basic","nzTitle","Basic"],["nzHref","#components-tooltip-demo-placement","nzTitle","Placement"],["nzHref","#components-tooltip-demo-arrow-point-at-center","nzTitle","Arrow pointing at the center"],["nzHref","#components-tooltip-demo-template","nzTitle","Template"],["nzHref","#components-tooltip-demo-origin","nzTitle","Target"],["nzHref","#components-tooltip-demo-color","nzTitle","Colorful tooltip"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-tooltip-basic","nzGenerateCommand","ng g ng-zorro-antd:tooltip-basic <name>","nzComponentName","NzDemoTooltipBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Arrow pointing at the center","nzSelector","nz-demo-tooltip-arrow-point-at-center","nzGenerateCommand","ng g ng-zorro-antd:tooltip-arrow-point-at-center <name>","nzComponentName","NzDemoTooltipArrowPointAtCenterComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Target","nzSelector","nz-demo-tooltip-origin","nzGenerateCommand","ng g ng-zorro-antd:tooltip-origin <name>","nzComponentName","NzDemoTooltipOriginComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Placement","nzSelector","nz-demo-tooltip-placement","nzGenerateCommand","ng g ng-zorro-antd:tooltip-placement <name>","nzComponentName","NzDemoTooltipPlacementComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Template","nzSelector","nz-demo-tooltip-template","nzGenerateCommand","ng g ng-zorro-antd:tooltip-template <name>","nzComponentName","NzDemoTooltipTemplateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Colorful tooltip","nzSelector","nz-demo-tooltip-color","nzGenerateCommand","ng g ng-zorro-antd:tooltip-color <name>","nzComponentName","NzDemoTooltipColorComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-tooltip]:standalone"],[1,"api-type-label","directive"],[1,"api-type-label","standalone"],["onclick","window.location.hash = '[nz-tooltip]:standalone'",1,"anchor"],["id","common-api"],["onclick","window.location.hash = 'common-api'",1,"anchor"],["id","exclude-body-element's-scroll-event-need-to-refresh-the-position-of-cdk"],["onclick","window.location.hash = 'exclude-body-element's-scroll-event-need-to-refresh-the-position-of-cdk'",1,"anchor"],["href","https://material.angular.io/cdk/scrolling/api","target","_blank","rel","noopener"],["id","note"],["onclick","window.location.hash = 'note'",1,"anchor"]],template:function(e,l){1&e&&(t.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),t.qCj("nzClick",function(C){return l.goLink(C)}),t.wR5(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8),t.C$Y()(),t.I0R(10,"section",9)(11,"h1"),t.OEk(12,"Tooltip"),t.wR5(13,"span",10)(14,"span",11),t.I0R(15,"a",12),t.wR5(16,"span",13),t.C$Y()(),t.I0R(17,"section",9),t.EdD(),t.I0R(18,"p"),t.OEk(19,"A simple text popup tip."),t.C$Y(),t.I0R(20,"h2",14)(21,"span"),t.OEk(22,"When To Use"),t.C$Y(),t.I0R(23,"a",15),t.OEk(24,"#"),t.C$Y()(),t.I0R(25,"ul")(26,"li"),t.OEk(27,"The Tooltip doesn't support complex text or operations. The tip is shown on mouse enter and is hidden on mouse leave."),t.C$Y(),t.I0R(28,"li"),t.OEk(29,"It's often used instead of the HTML "),t.I0R(30,"code"),t.OEk(31,"title"),t.C$Y(),t.OEk(32," attribute to explain "),t.I0R(33,"code"),t.OEk(34,"button/text/operation"),t.C$Y(),t.OEk(35,"."),t.C$Y()(),t.I0R(36,"pre",16)(37,"code")(38,"span",17),t.OEk(39,"import"),t.C$Y(),t.OEk(40," "),t.I0R(41,"span",18),t.OEk(42,"{"),t.C$Y(),t.OEk(43," NzToolTipModule "),t.I0R(44,"span",18),t.OEk(45,"}"),t.C$Y(),t.OEk(46," "),t.I0R(47,"span",17),t.OEk(48,"from"),t.C$Y(),t.OEk(49," "),t.I0R(50,"span",19),t.OEk(51,"'ng-zorro-antd/tooltip'"),t.C$Y(),t.I0R(52,"span",18),t.OEk(53,";"),t.C$Y()()(),t.eAF(),t.C$Y(),t.I0R(54,"h2")(55,"span"),t.OEk(56,"Examples"),t.C$Y(),t.I0R(57,"span",20),t.qCj("click",function(){return l.expandAllCode()}),t.C$Y()()(),t.I0R(58,"div",21)(59,"div",22)(60,"nz-code-box",23),t.wR5(61,"nz-demo-tooltip-basic",24),t.I0R(62,"div",25),t.EdD(),t.I0R(63,"p"),t.OEk(64,"The simplest usage."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(65,"nz-code-box",26),t.wR5(66,"nz-demo-tooltip-arrow-point-at-center",24),t.I0R(67,"div",25),t.EdD(),t.I0R(68,"p"),t.OEk(69,"By specifying "),t.I0R(70,"code"),t.OEk(71,"nzTooltipArrowPointAtCenter"),t.C$Y(),t.OEk(72," prop, the arrow can be point to the center of the target element."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(73,"nz-code-box",27),t.wR5(74,"nz-demo-tooltip-origin",24),t.I0R(75,"div",25),t.EdD(),t.I0R(76,"p"),t.OEk(77,"Use "),t.I0R(78,"code"),t.OEk(79,"nzTooltipOrigin"),t.C$Y(),t.OEk(80," to set the origin of the tooltip (You can use the util class we provide "),t.I0R(81,"code"),t.OEk(82,"import { NzElementPatchModule } from 'ng-zorro-antd/core/element-patch'"),t.C$Y(),t.OEk(83,")."),t.C$Y(),t.eAF(),t.C$Y()()(),t.I0R(84,"div",22)(85,"nz-code-box",28),t.wR5(86,"nz-demo-tooltip-placement",24),t.I0R(87,"div",25),t.EdD(),t.I0R(88,"p"),t.OEk(89,"The ToolTip has 12 placements choice."),t.C$Y(),t.eAF(),t.C$Y()(),t.I0R(90,"nz-code-box",29),t.wR5(91,"nz-demo-tooltip-template",24),t.I0R(92,"div",25),t.EdD(),t.I0R(93,"p")(94,"code"),t.OEk(95,"nzTooltipTitle"),t.C$Y(),t.OEk(96," accept the type of "),t.I0R(97,"code"),t.OEk(98,"TemplateRef<any>"),t.C$Y()(),t.eAF(),t.C$Y()(),t.I0R(99,"nz-code-box",30),t.wR5(100,"nz-demo-tooltip-color",24),t.I0R(101,"div",25),t.EdD(),t.I0R(102,"p"),t.OEk(103,"We preset a series of colorful Tooltip styles for use in different situations."),t.C$Y(),t.eAF(),t.C$Y()()()(),t.I0R(104,"section",31),t.EdD(),t.I0R(105,"h2",32)(106,"span"),t.OEk(107,"API"),t.C$Y(),t.I0R(108,"a",33),t.OEk(109,"#"),t.C$Y()(),t.I0R(110,"h3",34)(111,"span"),t.OEk(112,"[nz-tooltip]"),t.C$Y(),t.I0R(113,"label",35),t.OEk(114,"directive"),t.C$Y(),t.I0R(115,"label",36),t.OEk(116,"standalone"),t.C$Y(),t.I0R(117,"a",37),t.OEk(118,"#"),t.C$Y()(),t.I0R(119,"table")(120,"thead")(121,"tr")(122,"th"),t.OEk(123,"Property"),t.C$Y(),t.I0R(124,"th"),t.OEk(125,"Description"),t.C$Y(),t.I0R(126,"th"),t.OEk(127,"Type"),t.C$Y(),t.I0R(128,"th"),t.OEk(129,"Default"),t.C$Y()()(),t.I0R(130,"tbody")(131,"tr")(132,"td")(133,"code"),t.OEk(134,"[nzTooltipArrowPointAtCenter]"),t.C$Y()(),t.I0R(135,"td"),t.OEk(136,"Arrow point at center of the origin"),t.C$Y(),t.I0R(137,"td")(138,"code"),t.OEk(139,"boolean"),t.C$Y()(),t.I0R(140,"td")(141,"code"),t.OEk(142,"false"),t.C$Y()()(),t.I0R(143,"tr")(144,"td")(145,"code"),t.OEk(146,"[nzTooltipTitle]"),t.C$Y()(),t.I0R(147,"td"),t.OEk(148,"The text shown in the tooltip"),t.C$Y(),t.I0R(149,"td")(150,"code"),t.OEk(151,"string | TemplateRef<void>"),t.C$Y()(),t.I0R(152,"td"),t.OEk(153,"-"),t.C$Y()(),t.I0R(154,"tr")(155,"td")(156,"code"),t.OEk(157,"[nzTooltipTitleContext]"),t.C$Y()(),t.I0R(158,"td"),t.OEk(159,"The context of tooltip title"),t.C$Y(),t.I0R(160,"td")(161,"code"),t.OEk(162,"object"),t.C$Y()(),t.I0R(163,"td"),t.OEk(164,"-"),t.C$Y()(),t.I0R(165,"tr")(166,"td")(167,"code"),t.OEk(168,"[nzTooltipTrigger]"),t.C$Y()(),t.I0R(169,"td"),t.OEk(170,"Tooltip trigger mode. If set to "),t.I0R(171,"code"),t.OEk(172,"null"),t.C$Y(),t.OEk(173," it would not be triggered"),t.C$Y(),t.I0R(174,"td")(175,"code"),t.OEk(176,"'click' | 'focu
1s' | 'hover' | null"),t.C$Y()(),t.I0R(177,"td")(178,"code"),t.OEk(179,"'hover'"),t.C$Y()()(),t.I0R(180,"tr")(181,"td")(182,"code"),t.OEk(183,"[nzTooltipPlacement]"),t.C$Y()(),t.I0R(184,"td"),t.OEk(185,"The position of the tooltip relative to the target"),t.C$Y(),t.I0R(186,"td")(187,"code"),t.OEk(188,"'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | Array<string>"),t.C$Y()(),t.I0R(189,"td")(190,"code"),t.OEk(191,"'top'"),t.C$Y()()(),t.I0R(192,"tr")(193,"td")(194,"code"),t.OEk(195,"[nzTooltipColor]"),t.C$Y()(),t.I0R(196,"td"),t.OEk(197,"The background color"),t.C$Y(),t.I0R(198,"td")(199,"code"),t.OEk(200,"string"),t.C$Y()(),t.I0R(201,"td"),t.OEk(202,"-"),t.C$Y()(),t.I0R(203,"tr")(204,"td")(205,"code"),t.OEk(206,"[nzTooltipOrigin]"),t.C$Y()(),t.I0R(207,"td"),t.OEk(208,"Origin of the tooltip"),t.C$Y(),t.I0R(209,"td")(210,"code"),t.OEk(211,"ElementRef"),t.C$Y()(),t.I0R(212,"td"),t.OEk(213,"-"),t.C$Y()(),t.I0R(214,"tr")(215,"td")(216,"code"),t.OEk(217,"[nzTooltipVisible]"),t.C$Y()(),t.I0R(218,"td"),t.OEk(219,"Show or hide tooltip"),t.C$Y(),t.I0R(220,"td")(221,"code"),t.OEk(222,"boolean"),t.C$Y()(),t.I0R(223,"td")(224,"code"),t.OEk(225,"false"),t.C$Y()()(),t.I0R(226,"tr")(227,"td")(228,"code"),t.OEk(229,"(nzTooltipVisibleChange)"),t.C$Y()(),t.I0R(230,"td"),t.OEk(231,"Callback of hide or show"),t.C$Y(),t.I0R(232,"td")(233,"code"),t.OEk(234,"EventEmitter<boolean>"),t.C$Y()(),t.I0R(235,"td"),t.OEk(236,"-"),t.C$Y()(),t.I0R(237,"tr")(238,"td")(239,"code"),t.OEk(240,"[nzTooltipMouseEnterDelay]"),t.C$Y()(),t.I0R(241,"td"),t.OEk(242,"Delay in seconds, before tooltip is shown on mouse enter"),t.C$Y(),t.I0R(243,"td")(244,"code"),t.OEk(245,"number"),t.C$Y()(),t.I0R(246,"td")(247,"code"),t.OEk(248,"0.15"),t.C$Y()()(),t.I0R(249,"tr")(250,"td")(251,"code"),t.OEk(252,"[nzTooltipMouseLeaveDelay]"),t.C$Y()(),t.I0R(253,"td"),t.OEk(254,"Delay in seconds, before tooltip is hidden on mouse leave"),t.C$Y(),t.I0R(255,"td")(256,"code"),t.OEk(257,"number"),t.C$Y()(),t.I0R(258,"td")(259,"code"),t.OEk(260,"0.1"),t.C$Y()()(),t.I0R(261,"tr")(262,"td")(263,"code"),t.OEk(264,"[nzTooltipOverlayClassName]"),t.C$Y()(),t.I0R(265,"td"),t.OEk(266,"Class name of the tooltip card"),t.C$Y(),t.I0R(267,"td")(268,"code"),t.OEk(269,"string"),t.C$Y()(),t.I0R(270,"td"),t.OEk(271,"-"),t.C$Y()(),t.I0R(272,"tr")(273,"td")(274,"code"),t.OEk(275,"[nzTooltipOverlayStyle]"),t.C$Y()(),t.I0R(276,"td"),t.OEk(277,"Style of the tooltip card"),t.C$Y(),t.I0R(278,"td")(279,"code"),t.OEk(280,"object"),t.C$Y()(),t.I0R(281,"td"),t.OEk(282,"-"),t.C$Y()()()(),t.I0R(283,"h3",38)(284,"span"),t.OEk(285,"Common API"),t.C$Y(),t.I0R(286,"a",39),t.OEk(287,"#"),t.C$Y()(),t.I0R(288,"p"),t.OEk(289,"The following APIs are shared by "),t.I0R(290,"code"),t.OEk(291,"nz-tooltip"),t.C$Y(),t.OEk(292,", "),t.I0R(293,"code"),t.OEk(294,"nz-popconfirm"),t.C$Y(),t.OEk(295,", "),t.I0R(296,"code"),t.OEk(297,"nz-popover"),t.C$Y(),t.OEk(298,"."),t.C$Y(),t.I0R(299,"table")(300,"thead")(301,"tr")(302,"th"),t.OEk(303,"Method"),t.C$Y(),t.I0R(304,"th"),t.OEk(305,"Description"),t.C$Y()()(),t.I0R(306,"tbody")(307,"tr")(308,"td")(309,"code"),t.OEk(310,"show"),t.C$Y()(),t.I0R(311,"td"),t.OEk(312,"Show"),t.C$Y()(),t.I0R(313,"tr")(314,"td")(315,"code"),t.OEk(316,"hide"),t.C$Y()(),t.I0R(317,"td"),t.OEk(318,"Hide"),t.C$Y()(),t.I0R(319,"tr")(320,"td")(321,"code"),t.OEk(322,"updatePosition"),t.C$Y()(),t.I0R(323,"td"),t.OEk(324,"Update position"),t.C$Y()()()(),t.I0R(325,"h2",40)(326,"span"),t.OEk(327,"Exclude body element's scroll event need to refresh the position of CDK"),t.C$Y(),t.I0R(328,"a",41),t.OEk(329,"#"),t.C$Y()(),t.I0R(330,"p"),t.OEk(331,"In using the tooltip (including popconfirm\u3001popover), the body element's scroll event will update the position of the tooltip. It will never update the tooltip's position if the scroll event happens in a custom element. You can add the "),t.I0R(332,"code"),t.OEk(333,"cdkScrollable"),t.C$Y(),t.OEk(334," directive to achieve the goal. Take notice that you need to import relative package "),t.I0R(335,"code"),t.OEk(336,"import {ScrollingModule} from '@angular/cdk/scrolling';"),t.C$Y(),t.OEk(337,", for more information you can visit "),t.I0R(338,"a",42),t.OEk(339,"scrolling/api"),t.C$Y(),t.OEk(340,"."),t.C$Y(),t.I0R(341,"h2",43)(342,"span"),t.OEk(343,"Note"),t.C$Y(),t.I0R(344,"a",44),t.OEk(345,"#"),t.C$Y()(),t.I0R(346,"p"),t.OEk(347,"Please ensure that the node of "),t.I0R(348,"code"),t.OEk(349,"[nz-tooltip]"),t.C$Y(),t.OEk(350," accepts "),t.I0R(351,"code"),t.OEk(352,"onMouseEnter"),t.C$Y(),t.OEk(353,", "),t.I0R(354,"code"),t.OEk(355,"onMouseLeave"),t.C$Y(),t.OEk(356,", "),t.I0R(357,"code"),t.OEk(358,"onFocus"),t.C$Y(),t.OEk(359,", "),t.I0R(360,"code"),t.OEk(361,"onClick"),t.C$Y(),t.OEk(362," events."),t.C$Y(),t.eAF(),t.C$Y()()),2&e&&(t.yG2(),t.E7m("nzOffsetTop",16),t.yG2(),t.E7m("nzAffix",!1),t.yG2(56),t.E7m("nzGutter",16),t.yG2(),t.E7m("nzXl",12)("nzSpan",24),t.yG2(),t.E7m("nzId","components-tooltip-demo-basic")("nzLink","components-tooltip-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/basic.md"),t.yG2(5),t.E7m("nzId","components-tooltip-demo-arrow-point-at-center")("nzLink","components-tooltip-demo-arrow-point-at-center")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/arrow-point-at-center.md"),t.yG2(8),t.E7m("nzId","components-tooltip-demo-origin")("nzLink","components-tooltip-demo-origin")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/origin.md"),t.yG2(11),t.E7m("nzXl",12)("nzSpan",24),t.yG2(),t.E7m("nzId","components-tooltip-demo-placement")("nzLink","components-tooltip-demo-placement")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/placement.md"),t.yG2(5),t.E7m("nzId","components-tooltip-demo-template")("nzLink","components-tooltip-demo-template")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/template.md"),t.yG2(9),t.E7m("nzId","components-tooltip-demo-color")("nzLink","components-tooltip-demo-color")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/color.md"))},dependencies:[m.A,z.s9,z.mK,R.g,E.QD,E.ox,p.qG,c.If,r.k,O,h,$,Y,f,T],encapsulation:2})}return o}
1)(),L=(()=>{class o{static#t=this.\u0275fac=function(e){return new(e||o)};static#o=this.\u0275mod=t.a4G({type:o});static#e=this.\u0275inj=t.s3X({imports:[F.K,A,g.qQ.forChild([{path:"en",component:P},{path:"zh",component:H}])]})}return o})()}}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.