-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathchunk-EBL3PMSI.js
3 lines (3 loc) · 33.7 KB
/
chunk-EBL3PMSI.js
1
2
3
import{a as me,b as re}from"./chunk-QEKBGSGF.js";import{a as f,b as S,d as T}from"./chunk-56XIMETV.js";import{a as x}from"./chunk-MM6PISML.js";import"./chunk-AMB2SXIB.js";import{a as g,g as G,h as Z,j as Q}from"./chunk-N7GBLZI4.js";import"./chunk-M3GNLX5T.js";import"./chunk-TSUNBK3M.js";import{Ha as F,Ja as le,Jc as O,Kc as R,Nc as L,gc as s,ic as E,qa as oe}from"./chunk-O3IWK6WU.js";import{Ac as _,Bc as P,Fc as H,Gc as e,Ib as c,Ic as w,Kb as te,Oa as J,Ob as ne,Sc as M,Vb as m,ad as ie,ec as X,fc as U,gc as $,hc as t,ic as n,jc as a,qc as D,rb as l,xa as p,xb as ee,ya as u,zc as k}from"./chunk-NACBYLXS.js";import"./chunk-EQDQRRRY.js";var v=class o{static \u0275fac=function(i){return new(i||o)};static \u0275cmp=c({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(i,d){i&1&&(t(0,"button",0),e(1," Align edge / \u8FB9\u7F18\u5BF9\u9F50 "),n(),t(2,"button",1),e(3," Arrow points to center / \u7BAD\u5934\u6307\u5411\u4E2D\u5FC3 "),n()),i&2&&(l(2),m("nzTooltipArrowPointAtCenter",!0))},dependencies:[T,S,f,x,E,s],styles:["button[_ngcontent-%COMP%]{margin-right:8px;margin-bottom:8px}"]})};var N=class o{static \u0275fac=function(i){return new(i||o)};static \u0275cmp=c({type:o,selectors:[["nz-demo-tooltip-basic"]],decls:2,vars:0,consts:[["nz-tooltip","","nzTooltipTitle","prompt text"]],template:function(i,d){i&1&&(t(0,"span",0),e(1,"Tooltip will show when mouse enter."),n())},dependencies:[E,s],encapsulation:2})};function pe(o,r){if(o&1&&(t(0,"button",1),e(1),n()),o&2){let i=r.$implicit;m("nzTooltipTitle",i)("nzTooltipColor",i),l(),w(" ",i," ")}}function ue(o,r){if(o&1&&(t(0,"button",1),e(1),n()),o&2){let i=r.$implicit;m("nzTooltipTitle",i)("nzTooltipColor",i),l(),w(" ",i," ")}}var B=class o{customColors=["#f50","#2db7f5","#87d068","#108ee9"];presetColors=oe;static \u0275fac=function(i){return new(i||o)};static \u0275cmp=c({type:o,selectors:[["nz-demo-tooltip-color"]],decls:6,vars:0,consts:[["nzText","Preset","nzOrientation","left"],["nz-button","","nz-tooltip","",3,"nzTooltipTitle","nzTooltipColor"],["nzText","Custom","nzOrientation","left"]],template:function(i,d){i&1&&(a(0,"nz-divider",0),U(1,pe,2,3,"button",1,X),a(3,"nz-divider",2),U(4,ue,2,3,"button",1,X)),i&2&&(l(),$(d.presetColors),l(3),$(d.customColors))},dependencies:[T,S,f,x,re,me,E,s],styles:[".ant-btn[_ngcontent-%COMP%]{margin-right:8px;margin-bottom:8px}"]})};var ae=(()=>{class o{elementRef;get nativeElement(){return this.elementRef.nativeElement}constructor(i){this.elementRef=i}static \u0275fac=function(d){return new(d||o)(ee(J))};static \u0275dir=te({type:o,selectors:[["","nzElement",""],["","nz-element",""]],exportAs:["nzElement"]})}return o})();var A=class o{static \u0275fac=function(i){return new(i||o)};static \u0275cmp=c({type:o,selectors:[["nz-demo-tooltip-origin"]],decls:5,vars:1,consts:[["button","nzElement"],["nz-button","","nz-element",""],["nz-tooltip","","nzTooltipTitle","This action could not be revoked!",3,"nzTooltipOrigin"]],template:function(i,d){if(i&1&&(t(0,"button",1,0),e(2,"Action"),n(),t(3,"a",2),e(4,"Notice"),n()),i&2){let z=H(1);l(3),m("nzTooltipOrigin",z.elementRef)}},dependencies:[T,S,f,x,E,s,ae],styles:["button[_ngcontent-%COMP%]{margin-right:8px}"]})};var ce=()=>["topLeft","leftTop"],y=class o{static \u0275fac=function(i){return new(i||o)};static \u0275cmp=c({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(i,d){i&1&&(t(0,"div",0)(1,"button",1),e(2," TL "),n(),t(3,"button",2),e(4,"Top"),n(),t(5,"button",3),e(6,"TR"),n()(),t(7,"div",4)(8,"button",5),e(9,"LT"),n(),t(10,"button",6),e(11,"Left"),n(),t(12,"button",7),e(13,"LB"),n()(),t(14,"div",8)(15,"button",9),e(16,"RT"),n(),t(17,"button",10),e(18,"Right"),n(),t(19,"button",11),e(20,"RB"),n()(),t(21,"div",12)(22,"button",13),e(23,"BL"),n(),t(24,"button",14),e(25,"Bottom"),n(),t(26,"button",15),e(27,"BR"),n()()),i&2&&(l(),m("nzTooltipPlacement",M(1,ce)))},dependencies:[T,S,f,x,E,s],styles:["button[_ngcontent-%COMP%]{width:70px;text-align:center;padding:0;margin-right:8px;margin-bottom:8px}"]})};var se=()=>({$implicit:"Icon"});function ze(o,r){if(o&1&&(a(0,"nz-icon",2),t(1,"span"),e(2),n()),o&2){let i=r.$implicit;l(2),w("Tooltip With ",i,"")}}var I=class o{static \u0275fac=function(i){return new(i||o)};static \u0275cmp=c({type:o,selectors:[["nz-demo-tooltip-template"]],decls:4,vars:3,consts:[["titleTemplate",""],["nz-tooltip","",3,"nzTooltipTitle","nzTooltipTitleContext"],["nzType","file"]],template:function(i,d){if(i&1&&(t(0,"a",1),e(1,"This Tooltip has an Icon"),n(),ne(2,ze,3,1,"ng-template",null,0,ie)),i&2){let z=H(3);m("nzTooltipTitle",z)("nzTooltipTitleContext",M(2,se))}},dependencies:[le,F,E,s],styles:[".anticon[_ngcontent-%COMP%]{margin-right:8px;margin-left:8px}"]})};var j=class o{expanded=!1;codeBoxes;goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||o)};static \u0275cmp=c({type:o,selectors:[["nz-demo-tooltip"]],viewQuery:function(i,d){if(i&1&&k(g,5),i&2){let z;_(z=P())&&(d.codeBoxes=z)}},decls:366,vars:37,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["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"],["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"],["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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-tooltip"],[1,"api-type-label","directive"],["onclick","window.location.hash = 'nz-tooltip'",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(i,d){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),D("nzClick",function(V){return d.goLink(V)}),a(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),n()(),t(10,"section",9)(11,"h1"),e(12,"Tooltip"),t(13,"span",10),e(14,"\u6587\u5B57\u63D0\u793A"),n(),a(15,"span",11),t(16,"a",12),a(17,"nz-icon",13),n()(),t(18,"section",9),u(),t(19,"p"),e(20,"\u7B80\u5355\u7684\u6587\u5B57\u63D0\u793A\u6C14\u6CE1\u6846\u3002"),n(),t(21,"h2",14)(22,"span"),e(23,"\u4F55\u65F6\u4F7F\u7528"),n(),t(24,"a",15),e(25,"#"),n()(),t(26,"p"),e(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"),n(),t(28,"p"),e(29,"\u53EF\u7528\u6765\u4EE3\u66FF\u7CFB\u7EDF\u9ED8\u8BA4\u7684 "),t(30,"code"),e(31,"title"),n(),e(32," \u63D0\u793A\uFF0C\u63D0\u4F9B\u4E00\u4E2A"),t(33,"code"),e(34,"\u6309\u94AE/\u6587\u5B57/\u64CD\u4F5C"),n(),e(35,"\u7684\u6587\u6848\u89E3\u91CA\u3002"),n(),t(36,"pre")(37,"code",16)(38,"span",17),e(39,"import"),n(),e(40," "),t(41,"span",18),e(42,"{"),n(),e(43," NzToolTipModule "),t(44,"span",18),e(45,"}"),n(),e(46," "),t(47,"span",17),e(48,"from"),n(),e(49," "),t(50,"span",19),e(51,"'ng-zorro-antd/tooltip'"),n(),t(52,"span",18),e(53,";"),n(),e(54,`
`),n()(),p(),n(),t(55,"h2")(56,"span"),e(57,"\u4EE3\u7801\u6F14\u793A"),n(),t(58,"nz-icon",20),D("click",function(){return d.expandAllCode()}),n()()(),t(59,"div",21)(60,"div",22)(61,"nz-code-box",23),a(62,"nz-demo-tooltip-basic",24),t(63,"div",25),u(),t(64,"p"),e(65,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),p(),n()(),t(66,"nz-code-box",26),a(67,"nz-demo-tooltip-arrow-point-at-center",24),t(68,"div",25),u(),t(69,"p"),e(70,"\u901A\u8FC7\u8BBE\u7F6E "),t(71,"code"),e(72,"nzTooltipArrowPointAtCenter"),n(),e(73," \uFF0C\u53EF\u4EE5\u7BAD\u5934\u5C06\u6307\u5411\u76EE\u6807\u5143\u7D20\u7684\u4E2D\u5FC3\u3002"),n(),p(),n()(),t(74,"nz-code-box",27),a(75,"nz-demo-tooltip-origin",24),t(76,"div",25),u(),t(77,"p"),e(78,"\u901A\u8FC7 "),t(79,"code"),e(80,"nzTooltipOrigin"),n(),e(81," \u6307\u5B9A tooltip \u7684\u951A\u5B9A\u5143\u7D20\uFF08\u53EF\u4EE5\u4F7F\u7528\u6211\u4EEC\u63D0\u4F9B\u7684\u5DE5\u5177\u7C7B "),t(82,"code"),e(83,"import { NzElementPatchModule } from 'ng-zorro-antd/core/element-patch'"),n(),e(84,"\uFF09"),n(),p(),n()()(),t(85,"div",22)(86,"nz-code-box",28),a(87,"nz-demo-tooltip-placement",24),t(88,"div",25),u(),t(89,"p"),e(90,"\u4F4D\u7F6E\u6709 12 \u4E2A\u65B9\u5411\u3002"),n(),p(),n()(),t(91,"nz-code-box",29),a(92,"nz-demo-tooltip-template",24),t(93,"div",25),u(),t(94,"p")(95,"code"),e(96,"nzTooltipTitle"),n(),e(97," \u53EF\u4EE5\u4F20\u5165 "),t(98,"code"),e(99,"TemplateRef<any>"),n(),e(100," \u6A21\u677F\u6E32\u67D3\u3002"),n(),p(),n()(),t(101,"nz-code-box",30),a(102,"nz-demo-tooltip-color",24),t(103,"div",25),u(),t(104,"p"),e(105,"\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"),n(),p(),n()()()(),t(106,"section",31),u(),t(107,"h2",32)(108,"span"),e(109,"API"),n(),t(110,"a",33),e(111,"#"),n()(),t(112,"h3",34)(113,"span"),e(114,"[nz-tooltip]"),n(),t(115,"label",35),e(116,"directive"),n(),t(117,"a",36),e(118,"#"),n()(),t(119,"table")(120,"thead")(121,"tr")(122,"th"),e(123,"\u53C2\u6570"),n(),t(124,"th"),e(125,"\u8BF4\u660E"),n(),t(126,"th"),e(127,"\u7C7B\u578B"),n(),t(128,"th"),e(129,"\u9ED8\u8BA4\u503C"),n()()(),t(130,"tbody")(131,"tr")(132,"td")(133,"code"),e(134,"[nzTooltipArrowPointAtCenter]"),n()(),t(135,"td"),e(136,"\u7BAD\u5934\u6307\u5411\u951A\u70B9\u7684\u4E2D\u5FC3"),n(),t(137,"td")(138,"code"),e(139,"boolean"),n()(),t(140,"td")(141,"code"),e(142,"false"),n()()(),t(143,"tr")(144,"td")(145,"code"),e(146,"[nzTooltipTitle]"),n()(),t(147,"td"),e(148,"\u63D0\u793A\u6587\u5B57"),n(),t(149,"td")(150,"code"),e(151,"string | TemplateRef<void>"),n()(),t(152,"td"),e(153,"-"),n()(),t(154,"tr")(155,"td")(156,"code"),e(157,"[nzTooltipTitleContext]"),n()(),t(158,"td"),e(159,"\u63D0\u793A\u6587\u5B57\u6A21\u677F\u4E0A\u4E0B\u6587"),n(),t(160,"td")(161,"code"),e(162,"object"),n()(),t(163,"td"),e(164,"-"),n()(),t(165,"tr")(166,"td")(167,"code"),e(168,"[nzTooltipTrigger]"),n()(),t(169,"td"),e(170,"\u89E6\u53D1\u884C\u4E3A\uFF0C\u53EF\u9009 "),t(171,"code"),e(172,"'click' | 'focus' | 'hover'"),n(),e(173,"\uFF0C\u4E3A "),t(174,"code"),e(175,"null"),n(),e(176," \u65F6\u4E0D\u54CD\u5E94\u5149\u6807\u4E8B\u4EF6"),n(),t(177,"td")(178,"code"),e(179,"'click' | 'focus' | 'hover' | null"),n()(),t(180,"td")(181,"code"),e(182,"'hover'"),n()()(),t(183,"tr")(184,"td")(185,"code"),e(186,"[nzTooltipPlacement]"),n()(),t(187,"td"),e(188,"\u6C14\u6CE1\u6846\u4F4D\u7F6E"),n(),t(189,"td")(190,"code"),e(191,"'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | Array<string>"),n()(),t(192,"td")(193,"code"),e(194,"'top'"),n()()(),t(195,"tr")(196,"td")(197,"code"),e(198,"[nzTooltipColor]"),n()(),t(199,"td"),e(200,"\u80CC\u666F\u989C\u8272"),n(),t(201,"td")(202,"code"),e(203,"string"),n()(),t(204,"td"),e(205,"-"),n()(),t(206,"tr")(207,"td")(208,"code"),e(209,"[nzTooltipOrigin]"),n()(),t(210,"td"),e(211,"\u6C14\u6CE1\u6846\u5B9A\u4F4D\u5143\u7D20"),n(),t(212,"td")(213,"code"),e(214,"ElementRef"),n()(),t(215,"td"),e(216,"-"),n()(),t(217,"tr")(218,"td")(219,"code"),e(220,"[nzTooltipVisible]"),n()(),t(221,"td"),e(222,"\u663E\u793A\u9690\u85CF\u6C14\u6CE1\u6846"),n(),t(223,"td")(224,"code"),e(225,"boolean"),n()(),t(226,"td")(227,"code"),e(228,"false"),n()()(),t(229,"tr")(230,"td")(231,"code"),e(232,"(nzTooltipVisibleChange)"),n()(),t(233,"td"),e(234,"\u663E\u793A\u9690\u85CF\u7684\u4E8B\u4EF6"),n(),t(235,"td")(236,"code"),e(237,"EventEmitter<boolean>"),n()(),t(238,"td"),e(239,"-"),n()(),t(240,"tr")(241,"td")(242,"code"),e(243,"[nzTooltipMouseEnterDelay]"),n()(),t(244,"td"),e(245,"\u9F20\u6807\u79FB\u5165\u540E\u5EF6\u65F6\u591A\u5C11\u624D\u663E\u793A Tooltip\uFF0C\u5355\u4F4D\uFF1A\u79D2"),n(),t(246,"td")(247,"code"),e(248,"number"),n()(),t(249,"td")(250,"code"),e(251,"0.15"),n()()(),t(252,"tr")(253,"td")(254,"code"),e(255,"[nzTooltipMouseLeaveDelay]"),n()(),t(256,"td"),e(257,"\u9F20\u6807\u79FB\u51FA\u540E\u5EF6\u65F6\u591A\u5C11\u624D\u9690\u85CF Tooltip\uFF0C\u5355\u4F4D\uFF1A\u79D2"),n(),t(258,"td")(259,"code"),e(260,"number"),n()(),t(261,"td")(262,"code"),e(263,"0.1"),n()()(),t(264,"tr")(265,"td")(266,"code"),e(267,"[nzTooltipOverlayClassName]"),n()(),t(268,"td"),e(269,"\u5361\u7247\u7C7B\u540D"),n(),t(270,"td")(271,"code"),e(272,"string"),n()(),t(273,"td"),e(274,"-"),n()(),t(275,"tr")(276,"td")(277,"code"),e(278,"[nzTooltipOverlayStyle]"),n()(),t(279,"td"),e(280,"\u5361\u7247\u6837\u5F0F"),n(),t(281,"td")(282,"code"),e(283,"object"),n()(),t(284,"td"),e(285,"-"),n()()()(),t(286,"h3",37)(287,"span"),e(288,"\u5171\u540C\u7684 API"),n(),t(289,"a",38),e(290,"#"),n()(),t(291,"p"),e(292,"\u4EE5\u4E0B API \u4E3A "),t(293,"code"),e(294,"nz-tooltip"),n(),e(295,"\u3001"),t(296,"code"),e(297,"nz-popconfirm"),n(),e(298,"\u3001"),t(299,"code"),e(300,"nz-popover"),n(),e(301," \u5171\u4EAB\u7684 API\u3002"),n(),t(302,"table")(303,"thead")(304,"tr")(305,"th"),e(306,"\u65B9\u6CD5"),n(),t(307,"th"),e(308,"\u8BF4\u660E"),n()()(),t(309,"tbody")(310,"tr")(311,"td")(312,"code"),e(313,"show"),n()(),t(314,"td"),e(315,"\u6253\u5F00"),n()(),t(316,"tr")(317,"td")(318,"code"),e(319,"hide"),n()(),t(320,"td"),e(321,"\u9690\u85CF"),n()(),t(322,"tr")(323,"td")(324,"code"),e(325,"updatePosition"),n()(),t(326,"td"),e(327,"\u8C03\u6574\u4F4D\u7F6E"),n()()()(),t(328,"h2",39)(329,"span"),e(330,"\u975E body \u6EDA\u8F74\u4E8B\u4EF6\u9700\u8981\u66F4\u65B0 CDK \u7684\u4F4D\u7F6E"),n(),t(331,"a",40),e(332,"#"),n()(),t(333,"p"),e(334,"\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(335,"code"),e(336,"cdkScrollable"),n(),e(337," \u6307\u4EE4\u4EE5\u8FBE\u5230\u8BE5\u76EE\u7684\u3002\u6CE8\u610F\uFF0C\u8FD9\u91CC\u9700\u8981\u5BFC\u5165\u76F8\u5173\u7684\u5305 "),t(338,"code"),e(339,"import { ScrollingModule } from '@angular/cdk/scrolling';"),n(),e(340,"\uFF0C\u66F4\u591A\u4FE1\u606F\u8BF7\u53C2\u8003 "),t(341,"a",41),e(342,"scrolling/api"),n(),e(343,"\u3002"),n(),t(344,"h2",42)(345,"span"),e(346,"\u6CE8\u610F"),n(),t(347,"a",43),e(348,"#"),n()(),t(349,"p"),e(350,"\u8BF7\u786E\u4FDD "),t(351,"code"),e(352,"[nz-tooltip]"),n(),e(353," \u5143\u7D20\u80FD\u63A5\u53D7 "),t(354,"code"),e(355,"onMouseEnter"),n(),e(356,"\u3001"),t(357,"code"),e(358,"onMouseLeave"),n(),e(359,"\u3001"),t(360,"code"),e(361,"onFocus"),n(),e(362,"\u3001"),t(363,"code"),e(364,"onClick"),n(),e(365," \u4E8B\u4EF6\u3002"),n(),p(),n()()),i&2&&(l(),m("nzOffsetTop",16),l(),m("nzAffix",!1),l(57),m("nzGutter",16),l(),m("nzXl",12)("nzSpan",24),l(),m("nzId","components-tooltip-demo-basic")("nzLink","components-tooltip-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/basic.md"),l(5),m("nzId","components-tooltip-demo-arrow-point-at-center")("nzLink","components-tooltip-demo-arrow-point-at-center")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/arrow-point-at-center.md"),l(8),m("nzId","components-tooltip-demo-origin")("nzLink","components-tooltip-demo-origin")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/origin.md"),l(11),m("nzXl",12)("nzSpan",24),l(),m("nzId","components-tooltip-demo-placement")("nzLink","components-tooltip-demo-placement")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/placement.md"),l(5),m("nzId","components-tooltip-demo-template")("nzLink","components-tooltip-demo-template")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/template.md"),l(10),m("nzId","components-tooltip-demo-color")("nzLink","components-tooltip-demo-color")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/color.md"))},dependencies:[Q,g,G,Z,L,R,O,s,F,v,N,B,A,y,I],encapsulation:2})};var W=class o{expanded=!1;codeBoxes;goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||o)};static \u0275cmp=c({type:o,selectors:[["nz-demo-tooltip"]],viewQuery:function(i,d){if(i&1&&k(g,5),i&2){let z;_(z=P())&&(d.codeBoxes=z)}},decls:362,vars:37,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["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"],["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"],["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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-tooltip"],[1,"api-type-label","directive"],["onclick","window.location.hash = 'nz-tooltip'",1,"anchor"],["id","common_api"],["onclick","window.location.hash = 'common_api'",1,"anchor"],["id","exclude_body_elementand#39;s_scroll_event_need_to_refresh_the_position_of_cdk"],["onclick","window.location.hash = 'exclude_body_elementand#39;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(i,d){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),D("nzClick",function(V){return d.goLink(V)}),a(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),n()(),t(10,"section",9)(11,"h1"),e(12,"Tooltip"),a(13,"span",10)(14,"span",11),t(15,"a",12),a(16,"nz-icon",13),n()(),t(17,"section",9),u(),t(18,"p"),e(19,"A simple text popup tip."),n(),t(20,"h2",14)(21,"span"),e(22,"When To Use"),n(),t(23,"a",15),e(24,"#"),n()(),t(25,"ul")(26,"li"),e(27,"The Tooltip doesn't support complex text or operations. The tip is shown on mouse enter and is hidden on mouse leave."),n(),t(28,"li"),e(29,"It's often used instead of the HTML "),t(30,"code"),e(31,"title"),n(),e(32," attribute to explain "),t(33,"code"),e(34,"button/text/operation"),n(),e(35,"."),n()(),t(36,"pre")(37,"code",16)(38,"span",17),e(39,"import"),n(),e(40," "),t(41,"span",18),e(42,"{"),n(),e(43," NzToolTipModule "),t(44,"span",18),e(45,"}"),n(),e(46," "),t(47,"span",17),e(48,"from"),n(),e(49," "),t(50,"span",19),e(51,"'ng-zorro-antd/tooltip'"),n(),t(52,"span",18),e(53,";"),n(),e(54,`
`),n()(),p(),n(),t(55,"h2")(56,"span"),e(57,"Examples"),n(),t(58,"nz-icon",20),D("click",function(){return d.expandAllCode()}),n()()(),t(59,"div",21)(60,"div",22)(61,"nz-code-box",23),a(62,"nz-demo-tooltip-basic",24),t(63,"div",25),u(),t(64,"p"),e(65,"The simplest usage."),n(),p(),n()(),t(66,"nz-code-box",26),a(67,"nz-demo-tooltip-arrow-point-at-center",24),t(68,"div",25),u(),t(69,"p"),e(70,"By specifying "),t(71,"code"),e(72,"nzTooltipArrowPointAtCenter"),n(),e(73," prop, the arrow can be point to the center of the target element."),n(),p(),n()(),t(74,"nz-code-box",27),a(75,"nz-demo-tooltip-origin",24),t(76,"div",25),u(),t(77,"p"),e(78,"Use "),t(79,"code"),e(80,"nzTooltipOrigin"),n(),e(81," to set the origin of the tooltip (You can use the util class we provide "),t(82,"code"),e(83,"import { NzElementPatchModule } from 'ng-zorro-antd/core/element-patch'"),n(),e(84,")."),n(),p(),n()()(),t(85,"div",22)(86,"nz-code-box",28),a(87,"nz-demo-tooltip-placement",24),t(88,"div",25),u(),t(89,"p"),e(90,"The ToolTip has 12 placements choice."),n(),p(),n()(),t(91,"nz-code-box",29),a(92,"nz-demo-tooltip-template",24),t(93,"div",25),u(),t(94,"p")(95,"code"),e(96,"nzTooltipTitle"),n(),e(97," accept the type of "),t(98,"code"),e(99,"TemplateRef<any>"),n()(),p(),n()(),t(100,"nz-code-box",30),a(101,"nz-demo-tooltip-color",24),t(102,"div",25),u(),t(103,"p"),e(104,"We preset a series of colorful Tooltip styles for use in different situations."),n(),p(),n()()()(),t(105,"section",31),u(),t(106,"h2",32)(107,"span"),e(108,"API"),n(),t(109,"a",33),e(110,"#"),n()(),t(111,"h3",34)(112,"span"),e(113,"[nz-tooltip]"),n(),t(114,"label",35),e(115,"directive"),n(),t(116,"a",36),e(117,"#"),n()(),t(118,"table")(119,"thead")(120,"tr")(121,"th"),e(122,"Property"),n(),t(123,"th"),e(124,"Description"),n(),t(125,"th"),e(126,"Type"),n(),t(127,"th"),e(128,"Default"),n()()(),t(129,"tbody")(130,"tr")(131,"td")(132,"code"),e(133,"[nzTooltipArrowPointAtCenter]"),n()(),t(134,"td"),e(135,"Arrow point at center of the origin"),n(),t(136,"td")(137,"code"),e(138,"boolean"),n()(),t(139,"td")(140,"code"),e(141,"false"),n()()(),t(142,"tr")(143,"td")(144,"code"),e(145,"[nzTooltipTitle]"),n()(),t(146,"td"),e(147,"The text shown in the tooltip"),n(),t(148,"td")(149,"code"),e(150,"string | TemplateRef<void>"),n()(),t(151,"td"),e(152,"-"),n()(),t(153,"tr")(154,"td")(155,"code"),e(156,"[nzTooltipTitleContext]"),n()(),t(157,"td"),e(158,"The context of tooltip title"),n(),t(159,"td")(160,"code"),e(161,"object"),n()(),t(162,"td"),e(163,"-"),n()(),t(164,"tr")(165,"td")(166,"code"),e(167,"[nzTooltipTrigger]"),n()(),t(168,"td"),e(169,"Tooltip trigger mode. If set to "),t(170,"code"),e(171,"null"),n(),e(172," it would not be triggered"),n(),t(173,"td")(174,"code"),e(175,"'click' | 'focus' | 'hover' | null"),n()(),t(176,"td")(177,"code"),e(178,"'hover'"),n()()(),t(179,"tr")(180,"td")(181,"code"),e(182,"[nzTooltipPlacement]"),n()(),t(183,"td"),e(184,"The position of the tooltip relative to the target"),n(),t(185,"td")(186,"code"),e(187,"'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | Array<string>"),n()(),t(188,"td")(189,"code"),e(190,"'top'"),n()()(),t(191,"tr")(192,"td")(193,"code"),e(194,"[nzTooltipColor]"),n()(),t(195,"td"),e(196,"The background color"),n(),t(197,"td")(198,"code"),e(199,"string"),n()(),t(200,"td"),e(201,"-"),n()(),t(202,"tr")(203,"td")(204,"code"),e(205,"[nzTooltipOrigin]"),n()(),t(206,"td"),e(207,"Origin of the tooltip"),n(),t(208,"td")(209,"code"),e(210,"ElementRef"),n()(),t(211,"td"),e(212,"-"),n()(),t(213,"tr")(214,"td")(215,"code"),e(216,"[nzTooltipVisible]"),n()(),t(217,"td"),e(218,"Show or hide tooltip"),n(),t(219,"td")(220,"code"),e(221,"boolean"),n()(),t(222,"td")(223,"code"),e(224,"false"),n()()(),t(225,"tr")(226,"td")(227,"code"),e(228,"(nzTooltipVisibleChange)"),n()(),t(229,"td"),e(230,"Callback of hide or show"),n(),t(231,"td")(232,"code"),e(233,"EventEmitter<boolean>"),n()(),t(234,"td"),e(235,"-"),n()(),t(236,"tr")(237,"td")(238,"code"),e(239,"[nzTooltipMouseEnterDelay]"),n()(),t(240,"td"),e(241,"Delay in seconds, before tooltip is shown on mouse enter"),n(),t(242,"td")(243,"code"),e(244,"number"),n()(),t(245,"td")(246,"code"),e(247,"0.15"),n()()(),t(248,"tr")(249,"td")(250,"code"),e(251,"[nzTooltipMouseLeaveDelay]"),n()(),t(252,"td"),e(253,"Delay in seconds, before tooltip is hidden on mouse leave"),n(),t(254,"td")(255,"code"),e(256,"number"),n()(),t(257,"td")(258,"code"),e(259,"0.1"),n()()(),t(260,"tr")(261,"td")(262,"code"),e(263,"[nzTooltipOverlayClassName]"),n()(),t(264,"td"),e(265,"Class name of the tooltip card"),n(),t(266,"td")(267,"code"),e(268,"string"),n()(),t(269,"td"),e(270,"-"),n()(),t(271,"tr")(272,"td")(273,"code"),e(274,"[nzTooltipOverlayStyle]"),n()(),t(275,"td"),e(276,"Style of the tooltip card"),n(),t(277,"td")(278,"code"),e(279,"object"),n()(),t(280,"td"),e(281,"-"),n()()()(),t(282,"h3",37)(283,"span"),e(284,"Common API"),n(),t(285,"a",38),e(286,"#"),n()(),t(287,"p"),e(288,"The following APIs are shared by "),t(289,"code"),e(290,"nz-tooltip"),n(),e(291,", "),t(292,"code"),e(293,"nz-popconfirm"),n(),e(294,", "),t(295,"code"),e(296,"nz-popover"),n(),e(297,"."),n(),t(298,"table")(299,"thead")(300,"tr")(301,"th"),e(302,"Method"),n(),t(303,"th"),e(304,"Description"),n()()(),t(305,"tbody")(306,"tr")(307,"td")(308,"code"),e(309,"show"),n()(),t(310,"td"),e(311,"Show"),n()(),t(312,"tr")(313,"td")(314,"code"),e(315,"hide"),n()(),t(316,"td"),e(317,"Hide"),n()(),t(318,"tr")(319,"td")(320,"code"),e(321,"updatePosition"),n()(),t(322,"td"),e(323,"Update position"),n()()()(),t(324,"h2",39)(325,"span"),e(326,"Exclude body element's scroll event need to refresh the position of CDK"),n(),t(327,"a",40),e(328,"#"),n()(),t(329,"p"),e(330,"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(331,"code"),e(332,"cdkScrollable"),n(),e(333," directive to achieve the goal. Take notice that you need to import relative package "),t(334,"code"),e(335,"import { ScrollingModule } from '@angular/cdk/scrolling';"),n(),e(336,", for more information you can visit "),t(337,"a",41),e(338,"scrolling/api"),n(),e(339,"."),n(),t(340,"h2",42)(341,"span"),e(342,"Note"),n(),t(343,"a",43),e(344,"#"),n()(),t(345,"p"),e(346,"Please ensure that the node of "),t(347,"code"),e(348,"[nz-tooltip]"),n(),e(349," accepts "),t(350,"code"),e(351,"onMouseEnter"),n(),e(352,", "),t(353,"code"),e(354,"onMouseLeave"),n(),e(355,", "),t(356,"code"),e(357,"onFocus"),n(),e(358,", "),t(359,"code"),e(360,"onClick"),n(),e(361," events."),n(),p(),n()()),i&2&&(l(),m("nzOffsetTop",16),l(),m("nzAffix",!1),l(57),m("nzGutter",16),l(),m("nzXl",12)("nzSpan",24),l(),m("nzId","components-tooltip-demo-basic")("nzLink","components-tooltip-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/basic.md"),l(5),m("nzId","components-tooltip-demo-arrow-point-at-center")("nzLink","components-tooltip-demo-arrow-point-at-center")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/arrow-point-at-center.md"),l(8),m("nzId","components-tooltip-demo-origin")("nzLink","components-tooltip-demo-origin")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/origin.md"),l(11),m("nzXl",12)("nzSpan",24),l(),m("nzId","components-tooltip-demo-placement")("nzLink","components-tooltip-demo-placement")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/placement.md"),l(5),m("nzId","components-tooltip-demo-template")("nzLink","components-tooltip-demo-template")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/template.md"),l(9),m("nzId","components-tooltip-demo-color")("nzLink","components-tooltip-demo-color")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/tooltip/demo/color.md"))},dependencies:[Q,g,G,Z,L,R,O,s,F,v,N,B,A,y,I],encapsulation:2})};var Te=[{path:"en",component:W},{path:"zh",component:j}],pt=Te;export{pt as default};