https://preview-9127-ng-zorro-antd.surge.sh/chunk-3HFTBLWQ.js

1import{l as te,n as ne}from"./chunk-AFSGNP6S.js";import"./chunk-EOS66O46.js";import{a as Xe,e as We}from"./chunk-A7MC2KBX.js";import"./chunk-NRTH7ZQQ.js";import{a as E,c as y}from"./chunk-4NNLZOKQ.js";import{a as D,g as $,h as J,m as K,n as ee}from"./chunk-2ZL4YWDH.js";import"./chunk-DIGTPZB7.js";import"./chunk-ZM4OV56V.js";import{$b as Fe,Bc as Me,Cd as Ze,Dd as O,E as ue,Ed as U,Hd as Y,J as S,Lc as Oe,Mc as Re,Oc as Le,Qc as je,Uc as Ge,Yc as Ve,_a as H,ab as Ie,ac as He,ad as Pe,cb as ke,eb as we,nd as Qe,p as Te,xd as qe,zc as M}from"./chunk-KK7CC6GQ.js";import{Ab as le,Ac as w,Bc as A,Cc as B,Gc as T,Hc as n,Ic as C,Jb as s,Kb as Se,Lb as q,Ld as Be,Mc as Ne,Nb as Ee,Nc as _e,Oc as be,Pb as p,Uc as se,Wb as l,Yb as ye,aa as he,bd as F,dc as v,f as Ce,fc as Z,gc as X,hc as W,ia as ge,ic as e,id as Ae,jc as t,kc as d,lc as ce,mc as de,rc as h,sb as a,tc as g,ub as xe,uc as pe,vb as ve,vc as P,xa as u,ya as z,yb as k,zc as De}from"./chunk-PXCXDVYP.js";import{a as ae,b as re}from"./chunk-EQDQRRRY.js";var Ke=["*"];function et(o,r){o&1&&P(0)}var tt=[[["nz-avatar","nz-comment-avatar",""]],[["nz-comment-content"]],"*"],nt=["nz-avatar[nz-comment-avatar]","nz-comment-content","*"];function it(o,r){if(o&1&&(ce(0),n(1),de()),o&2){let i=g(2);a(),C(i.nzAuthor)}}function ot(o,r){if(o&1&&(e(0,"span",4),p(1,it,2,1,"ng-container",8),t()),o&2){let i=g();a(),l("nzStringTemplateOutlet",i.nzAuthor)}}function mt(o,r){if(o&1&&(ce(0),n(1),de()),o&2){let i=g(2);a(),C(i.nzDatetime)}}function at(o,r){if(o&1&&(e(0,"span",5),p(1,mt,2,1,"ng-container",8),t()),o&2){let i=g();a(),l("nzStringTemplateOutlet",i.nzDatetime)}}function rt(o,r){}function lt(o,r){if(o&1&&(e(0,"li")(1,"span"),p(2,rt,0,0,"ng-template",9),t()()),o&2){let i=r.$implicit;a(2),l("nzCommentActionHost",i.content)}}function ct(o,r){if(o&1&&(e(0,"ul",6),X(1,lt,3,1,"li",null,Z),t()),o&2){let i=g();a(),W(i.actions)}}var N=(()=>{class o{static \u0275fac=function(m){return new(m||o)};static \u0275dir=q({type:o,selectors:[["nz-avatar","nz-comment-avatar",""]],exportAs:["nzCommentAvatar"]})}return o})(),_=(()=>{class o{static \u0275fac=function(m){return new(m||o)};static \u0275dir=q({type:o,selectors:[["nz-comment-content"],["","nz-comment-content",""]],hostAttrs:[1,"ant-comment-content-detail"],exportAs:["nzCommentContent"]})}return o})(),dt=(()=>{class o extends we{nzCommentActionHost;constructor(i,m){super(i,m)}ngOnInit(){super.ngOnInit()}ngOnDestroy(){super.ngOnDestroy()}ngAfterViewInit(){this.attach(this.nzCommentActionHost)}static \u0275fac=function(m){return new(m||o)(k(ve),k(le))};static \u0275dir=q({type:o,selectors:[["","nzCommentActionHost",""]],inputs:{nzCommentActionHost:"nzCommentActionHost"},exportAs:["nzCommentActionHost"],features:[Ee]})}return o})(),I=(()=>{class o{viewContainerRef;implicitContent;contentPortal=null;get content(){return this.contentPortal}constructor(i){this.viewContainerRef=i}ngOnInit(){this.contentPortal=new ke(this.implicitContent,this.viewContainerRef)}static \u0275fac=function(m){return new(m||o)(k(le))};static \u0275cmp=s({type:o,selectors:[["nz-comment-action"]],viewQuery:function(m,c){if(m&1&&w(xe,7),m&2){let f;A(f=B())&&(c.implicitContent=f.first)}},exportAs:["nzCommentAction"],ngContentSelectors:Ke,decls:1,vars:0,template:function(m,c){m&1&&(pe(),p(0,et,1,0,"ng-template"))},encapsulation:2,changeDetection:0})}return o})(),x=(()=>{class o{cdr;directionality;nzAuthor;nzDatetime;dir="ltr";destroy$=new Ce;actions;constructor(i,m){this.cdr=i,this.directionality=m}ngOnInit(){this.directionality.change?.pipe(he(this.destroy$)).subscribe(i=>{this.dir=i,this.cdr.detectChanges()}),this.dir=this.directionality.value}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}static \u0275fac=function(m){return new(m||o)(k(Ae),k(Te))};static \u0275cmp=s({type:o,selectors:[["nz-comment"]],contentQueries:function(m,c,f){if(m&1&&De(f,I,4),m&2){let fe;A(fe=B())&&(c.actions=fe)}},hostVars:4,hostBindings:function(m,c){m&2&&ye("ant-comment",!0)("ant-comment-rtl",c.dir==="rtl")},inputs:{nzAuthor:"nzAuthor",nzDatetime:"nzDatetime"},exportAs:["nzComment"],ngContentSelectors:nt,decls:11,vars:3,consts:[[1,"ant-comment-inner"],[1,"ant-comment-avatar"],[1,"ant-comment-content"],[1,"ant-comment-content-author"],[1,"ant-comment-content-author-name"],[1,"ant-comment-content-author-time"],[1,"ant-comment-actions"],[1,"ant-comment-nested"],[4,"nzStringTemplateOutlet"],[3,"nzCommentActionHost"]],template:function(m,c){m&1&&(pe(tt),e(0,"div",0)(1,"div",1),P(2),t(),e(3,"div",2)(4,"div",3),p(5,ot,2,1,"span",4)(6,at,2,1,"span",5),t(),P(7,1),p(8,ct,3,0,"ul",6),t()(),e(9,"div",7),P(10,2),t()),m&2&&(a(5),v(c.nzAuthor?5:-1),a(),v(c.nzDatetime?6:-1),a(2),v(c.actions!=null&&c.actions.length?8:-1))},dependencies:[He,Fe,dt],encapsulation:2,changeDetection:0})}return o}

1)();var b=(()=>{class o{static \u0275fac=function(m){return new(m||o)};static \u0275mod=Se({type:o});static \u0275inj=ge({imports:[x]})}return o})();var L=class o{likes=0;dislikes=0;time=S(new Date,new Date);like(){this.likes=1,this.dislikes=0}dislike(){this.likes=0,this.dislikes=1}static \u0275fac=function(i){return new(i||o)};static \u0275cmp=s({type:o,selectors:[["nz-demo-comment-basic"]],decls:15,vars:5,consts:[["nzAuthor","Han Solo",3,"nzDatetime"],["nz-comment-avatar","","nzIcon","user","nzSrc","//zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"],["nz-tooltip","","nzTooltipTitle","Like","nzType","like",3,"click","nzTheme"],[1,"count","like"],["nz-tooltip","","nzTooltipTitle","Dislike","nzType","dislike",3,"click","nzTheme"],[1,"count","dislike"]],template:function(i,m){i&1&&(e(0,"nz-comment",0),d(1,"nz-avatar",1),e(2,"nz-comment-content")(3,"p"),n(4," We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently. "),t()(),e(5,"nz-comment-action")(6,"nz-icon",2),h("click",function(){return m.like()}),t(),e(7,"span",3),n(8),t()(),e(9,"nz-comment-action")(10,"nz-icon",4),h("click",function(){return m.dislike()}),t(),e(11,"span",5),n(12),t()(),e(13,"nz-comment-action"),n(14,"Reply to"),t()()),i&2&&(l("nzDatetime",m.time),a(6),l("nzTheme",m.likes>0?"twotone":"outline"),a(2),C(m.likes),a(2),l("nzTheme",m.dislikes>0?"twotone":"outline"),a(2),C(m.dislikes))},dependencies:[y,E,b,x,N,_,I,Ie,H,Me,M],styles:[".count[_ngcontent-%COMP%]{padding-left:8px;cursor:auto}.ant-comment-rtl[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%]{padding-right:8px;padding-left:0}"]})};function st(o,r){if(o&1&&(e(0,"nz-comment",5),d(1,"nz-avatar",2),e(2,"nz-comment-content")(3,"p"),n(4),t()()()),o&2){let i=r.$implicit;l("nzAuthor",i.author)("nzDatetime",i.displayTime),a(),l("nzSrc",i.avatar),a(3),C(i.content)}}function ut(o,r){if(o&1&&(e(0,"nz-list",1),p(1,st,5,4,"ng-template",null,0,F),t()),o&2){let i=T(2),m=g();l("nzDataSource",m.data)("nzRenderItem",i)}}var j=class o{data=[];submitting=!1;user={author:"Han Solo",avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"};inputValue="";handleSubmit(){this.submitting=!0;let r=this.inputValue;this.inputValue="",setTimeout(()=>{this.submitting=!1,this.data=[...this.data,re(ae({},this.user),{content:r,datetime:new Date,displayTime:S(new Date,new Date)})].map(i=>re(ae({},i),{displayTime:S(new Date,i.datetime)}))},800)}static \u0275fac=function(i){return new(i||o)};static \u0275cmp=s({type:o,selectors:[["nz-demo-comment-editor"]],decls:9,vars:5,consts:[["item",""],["nzItemLayout","horizontal",3,"nzDataSource","nzRenderItem"],["nz-comment-avatar","","nzIcon","user",3,"nzSrc"],["nz-input","","rows","4",3,"ngModelChange","ngModel"],["nz-button","","nzType","primary",3,"click","nzLoading","disabled"],[3,"nzAuthor","nzDatetime"]],template:function(i,m){i&1&&(p(0,ut,3,2,"nz-list",1),e(1,"nz-comment"),d(2,"nz-avatar",2),e(3,"nz-comment-content")(4,"nz-form-item")(5,"textarea",3),be("ngModelChange",function(f){return _e(m.inputValue,f)||(m.inputValue=f),f}),t()(),e(6,"nz-form-item")(7,"button",4),h("click",function(){return m.handleSubmit()}),n(8," Add Comment "),t()()()()),i&2&&(v(m.data.length?0:-1),a(2),l("nzSrc",m.user.avatar),a(3),Ne("ngModel",m.inputValue),a(2),l("nzLoading",m.submitting)("disabled",!m.inputValue))},dependencies:[Qe,Ge,Ve,Pe,y,E,je,Le,Oe,Re,b,x,N,_,We,O,Xe,Ze,qe,ne,te],encapsulation:2})};function zt(o,r){if(o&1&&(e(0,"nz-comment",2),d(1,"nz-avatar",3),e(2,"nz-comment-content")(3,"p"),n(4),t()(),e(5,"nz-comment-action"),n(6,"Reply to"),t()()),o&2){let i=r.$implicit;l("nzAuthor",i.author)("nzDatetime",i.datetime),a(),l("nzSrc",i.avatar),a(3),C(i.content)}}var G=class o{data=[{author:"Han Solo",avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",content:"We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficie

1ntly.",datetime:S(new Date,ue(new Date,1))},{author:"Han Solo",avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",content:"We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.",datetime:S(new Date,ue(new Date,2))}];static \u0275fac=function(i){return new(i||o)};static \u0275cmp=s({type:o,selectors:[["nz-demo-comment-list"]],decls:3,vars:3,consts:[["item",""],[3,"nzDataSource","nzRenderItem","nzItemLayout"],[3,"nzAuthor","nzDatetime"],["nz-comment-avatar","","nzIcon","user",3,"nzSrc"]],template:function(i,m){if(i&1&&(e(0,"nz-list",1),p(1,zt,7,4,"ng-template",null,0,F),t()),i&2){let c=T(2);l("nzDataSource",m.data)("nzRenderItem",c)("nzItemLayout","horizontal")}},dependencies:[y,E,b,x,N,_,I,ne,te],encapsulation:2})};var Je=o=>({comment:o});function ft(o,r){}function Ct(o,r){if(o&1&&p(0,ft,0,0,"ng-template",1),o&2){let i=r.$implicit;g(3);let m=T(1);l("ngTemplateOutlet",m)("ngTemplateOutletContext",se(2,Je,i))}}function ht(o,r){if(o&1&&X(0,Ct,1,4,null,1,Z),o&2){let i=g().comment;W(i.children)}}function gt(o,r){if(o&1&&(e(0,"nz-comment",2),d(1,"nz-avatar",3),e(2,"nz-comment-content")(3,"p"),n(4),t()(),e(5,"nz-comment-action"),n(6,"Reply to"),t(),p(7,ht,2,0),t()),o&2){let i=r.comment;l("nzAuthor",i.author),a(),l("nzSrc",i.avatar),a(3),C(i.content),a(3),v(i.children&&i.children.length?7:-1)}}function xt(o,r){}var V=class o{data={author:"Han Solo",avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",content:"We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.",children:[{author:"Han Solo",avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",content:"We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently.",children:[{author:"Han Solo",avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",content:"We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently."},{author:"Han Solo",avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",content:"We supply a series of design principles, practical patterns and high quality design resources(Sketch and Axure), to help people create their product prototypes beautifully and efficiently."}]}]};static \u0275fac=function(i){return new(i||o)};static \u0275cmp=s({type:o,selectors:[["nz-demo-comment-nested"]],decls:3,vars:4,consts:[["commentTemplateRef",""],[3,"ngTemplateOutlet","ngTemplateOutletContext"],[3,"nzAuthor"],["nz-comment-avatar","","nzIcon","user",3,"nzSrc"]],template:function(i,m){if(i&1&&p(0,gt,8,4,"ng-template",null,0,F)(2,xt,0,0,"ng-template",1),i&2){let c=T(1);a(2),l("ngTemplateOutlet",c)("ngTemplateOutletContext",se(2,Je,m.data))}},dependencies:[Be,y,E,b,x,N,_,I],encapsulation:2})};var oe=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=s({type:o,selectors:[["nz-demo-comment"]],viewQuery:function(i,m){if(i&1&&w(D,5),i&2){let c;A(c=B())&&(m.codeBoxes=c)}},decls:126,vars:24,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-comment-demo-basic","nzTitle","\u57FA\u672C\u8BC4\u8BBA"],["nzHref","#components-comment-demo-list","nzTitle","\u914D\u5408\u5217\u8868\u7EC4\u4EF6"],["nzHref","#components-comment-demo-nested","nzTitle","\u5D4C\u5957\u8BC4\u8BBA"],["nzHref","#components-comment-demo-editor","nzTitle","\u56DE\u590D\u6846"],["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/comment/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","comment","description","\u5BF9\u7F51\u7AD9\u5185\u5BB9\u7684\u53CD\u9988\u3001\u8BC4\u4EF7\u548C\u8BA8\u8BBA\u3002","language","zh"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["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,"nzSpan"],["nzTitle","\u57FA\u672C\u8BC4\u8BBA","nzSelector","nz-demo-comment-basic","nzGenerateCommand","ng g ng-zorro-antd:comment-basic <name>","nzComponentName","NzDemoCommentBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u914D\u5408\u5217\u8868\u7EC4\u4EF6","nzSelector","nz-demo-comment-list","nzGenerateCommand","ng g ng-zorro-antd:comment-list <name>","nzComponentName","NzDemoCommentListComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5D4C\u5957\u8BC4\u8BBA","nzSelector","nz-demo-comment-nested","nzGenerateCommand","ng g ng-zorro-antd:comment-nested <name>","nzComponentName","NzDemoCommentNestedComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u56DE\u590D\u6846","nzSelector","nz-demo-comment-editor","nzGenerateCommand","ng g ng-zorro-antd:comment-editor <name>","nzComponentName","NzDemoCommentEditorComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-comment"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-comment'",1,"anchor"],["id","nz-comment-avatar"],[1,"api-type-label","directive"],["onclick","window.location.hash = 'nz-comment-avatar'",1,"anchor"],["id","nz-comment-content"],["onclick","window.location.hash = 'nz-comment-content'",1,"anchor"],["id","nz-comment-action"],["onclick","window.location.hash = 'nz-comment-action'",1,"anchor"]],template:function(i,m){i&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),h("nzClick",function(f){return m.goLink(f)}),d(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6),t()(),e(8,"section",7)(9,"h1"),n(10,"Comment"),e(11,"span",8),n(12,"\u8BC4\u8BBA"),t(),d(13,"span",9),e(14,"a",10),d(15,"nz-icon",11),t()(),d(16,"component-meta",12),e(17,"section",7),z(),e(18,"h2",13)(19,"span"),n(20,"\u4F55\u65F6\u4F7F\u7528"),t(),e(21,"a",14),n(22,"#"),t()(),e(23,"p"),n(24,"\u8BC4\u8BBA\u7EC4\u4EF6\u53EF\u7528\u4E8E\u5BF9\u4E8B\u7269\u7684\u8BA8\u8BBA\uFF0C\u4F8B\u5982\u9875\u9762\u3001\u535A\u5BA2\u6587\u7AE0\u3001\u95EE\u9898\u7B49\u7B49\u3002"),t(),u(),t(),e(25,"h2")(26,"span"),n(27,"\u4EE3\u7801\u6F14\u793A"),t(),e(28,"nz-icon",15),h("click",function(){return m.expandAllCode()}),t()()(),e(29,"div",16)(30,"div",17)(31,"nz-code-box",18),d(32,"nz-demo-comment-basic",19),e(33,"div",20),z(),e(34,"p"),n(35,"\u4E00\u4E2A\u57FA\u672C\u7684\u8BC4\u8BBA\u7EC4\u4EF6\uFF0C\u5E26\u6709\u4F5C\u8005\u3001\u5934\u50CF\u3001\u65F6\u95F4\u548C\u64CD\u4F5C\u3002"),t(),u(),t()(),e(36,"nz-code-box",21),d(37,"nz-demo-comment-list",19),e(38,"div",20),z(),e(39,"p"),n(40,"\u914D\u5408 "),e(41,"code"),n(42,"nz-list"),t(),n(43," \u7EC4\u4EF6\u5C55\u73B0\u8BC4\u8BBA\u5217\u8868\u3002"),t(),u(),t()(),e(44,"nz-code-box",22),d(45,"nz-demo-comment-nested",19),e(46,"div",20),z(),e(47,"p"),n(48,"\u8BC4\u8BBA\u53EF\u4EE5\u5D4C\u5957\u3002"),t(),u(),t()(),e(49,"nz-code-box",23),d(50,"nz-demo-comment-editor",19),e(51,"div",20),z(),e(52,"p"),n(53,"\u8BC4\u8BBA\u7F16\u8F91\u5668\u7EC4\u4EF6\u63D0\u4F9B\u4E86\u76F8\u540C\u6837\u5F0F\u7684\u5C01\u88C5\u4EE5\u652F\u6301\u81EA\u5B9A\u4E49\u8BC4\u8BBA\u7F16\u8F91\u5668\u3002"),t(),u(),t()()()(),e(54,"section",24),z(),e(55,"h2",25)(56,"span"),n(57,"API"),t(),e(58,"a",26),n(59,"#"),t()(),e(60,"h3",27)(61,"span"),n(62,"nz-comment"),t(),e(63,"label",28),n(64,"component"),t(),e(65,"a",29),n(66,"#"),t()(),e(67,"table")(68,"thead")(69,"tr")(70,"th"),n(71,"Property"),t(),e(72,"th"),n(73,"Description"),t(),e(74,"th"),n(75,"Type"),t(),e(76,"th"),n(77,"Default"),t()()(),e(78,"tbody")(79,"tr")(80,"td"),n(81,"[nzAuthor]"),t(),e(82,"td"),n(83,"\u

1663E\u793A\u8BC4\u8BBA\u7684\u4F5C\u8005"),t(),e(84,"td")(85,"code"),n(86,"string | TemplateRef<void>"),t()(),e(87,"td"),n(88,"-"),t()(),e(89,"tr")(90,"td"),n(91,"[nzDatetime]"),t(),e(92,"td"),n(93,"\u5C55\u793A\u65F6\u95F4\u63CF\u8FF0"),t(),e(94,"td")(95,"code"),n(96,"string | TemplateRef<void>"),t()(),e(97,"td"),n(98,"-"),t()()()(),e(99,"h3",30)(100,"span"),n(101,"[nz-comment-avatar]"),t(),e(102,"label",31),n(103,"directive"),t(),e(104,"a",32),n(105,"#"),t()(),e(106,"p"),n(107,"\u8981\u663E\u793A\u4E3A\u8BC4\u8BBA\u5934\u50CF\u7684\u5143\u7D20\u3002"),t(),e(108,"h3",33)(109,"span"),n(110,"nz-comment-content"),t(),e(111,"label",28),n(112,"component"),t(),e(113,"a",34),n(114,"#"),t()(),e(115,"p"),n(116,"\u8BC4\u8BBA\u7684\u4E3B\u8981\u5185\u5BB9\u3002"),t(),e(117,"h3",35)(118,"span"),n(119,"nz-comment-action"),t(),e(120,"label",28),n(121,"component"),t(),e(122,"a",36),n(123,"#"),t()(),e(124,"p"),n(125,"\u5728\u8BC4\u8BBA\u5185\u5BB9\u4E0B\u9762\u5448\u73B0\u7684\u64CD\u4F5C\u9879\u3002"),t(),u(),t()()),i&2&&(a(),l("nzOffsetTop",16),a(),l("nzAffix",!1),a(27),l("nzGutter",8),a(),l("nzSpan",24),a(),l("nzId","components-comment-demo-basic")("nzLink","components-comment-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/comment/demo/basic.md"),a(5),l("nzId","components-comment-demo-list")("nzLink","components-comment-demo-list")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/comment/demo/list.md"),a(8),l("nzId","components-comment-demo-nested")("nzLink","components-comment-demo-nested")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/comment/demo/nested.md"),a(5),l("nzId","components-comment-demo-editor")("nzLink","components-comment-demo-editor")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/comment/demo/editor.md"))},dependencies:[ee,D,K,$,J,Y,U,O,M,H,L,j,G,V],encapsulation:2})};var me=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=s({type:o,selectors:[["nz-demo-comment"]],viewQuery:function(i,m){if(i&1&&w(D,5),i&2){let c;A(c=B())&&(m.codeBoxes=c)}},decls:125,vars:24,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-comment-demo-basic","nzTitle","Basic comment"],["nzHref","#components-comment-demo-list","nzTitle","Usage with list"],["nzHref","#components-comment-demo-nested","nzTitle","Nested comments"],["nzHref","#components-comment-demo-editor","nzTitle","Reply Editor"],["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/comment/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","comment","description","A comment displays user feedback and discussion to website content.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Basic comment","nzSelector","nz-demo-comment-basic","nzGenerateCommand","ng g ng-zorro-antd:comment-basic <name>","nzComponentName","NzDemoCommentBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Usage with list","nzSelector","nz-demo-comment-list","nzGenerateCommand","ng g ng-zorro-antd:comment-list <name>","nzComponentName","NzDemoCommentListComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Nested comments","nzSelector","nz-demo-comment-nested","nzGenerateCommand","ng g ng-zorro-antd:comment-nested <name>","nzComponentName","NzDemoCommentNestedComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Reply Editor","nzSelector","nz-demo-comment-editor","nzGenerateCommand","ng g ng-zorro-antd:comment-editor <name>","nzComponentName","NzDemoCommentEditorComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-comment"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-comment'",1,"anchor"],["id","nz-comment-avatar"],[1,"api-type-label","directive"],["onclick","window.location.hash = 'nz-comment-avatar'",1,"anchor"],["id","nz-comment-content"],["onclick","window.location.hash = 'nz-comment-content'",1,"anchor"],["id","nz-comment-action"],["onclick","window.location.hash = 'nz-comment-action'",1,"anchor"]],template:function(i,m){i&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),h("nzClick",function(f){return m.goLink(f)}),d(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6),t()(),e(8,"section",7)(9,"h1"),n(10,"Comment"),d(11,"span",8)(12,"span",9),e(13,"a",10),d(14,"nz-icon",11),t()(),d(15,"component-meta",12),e(16,"section",7),z(),e(17,"h2",13)(18,"span"),n(19,"When To Use"),t(),e(20,"a",14),n(21,"#"),t()(),e(22,"p"),n(23,"Comments can be used to enable discussions on an entity such as a page, blog post, issue or other."),t(),u(),t(),e(24,"h2")(25,"span"),n(26,"Examples"),t(),e(27,"nz-icon",15),h("click",function(){return m.expandAllCode()}),t()()(),e(28,"div",16)(29,"div",17)(30,"nz-code-box",18),d(31,"nz-demo-comment-basic",19),e(32,"div",20),z(),e(33,"p"),n(34,"A basic comment with author, avatar, time and actions."),t(),u(),t()(),e(35,"nz-code-box",21),d(36,"nz-demo-comment-list",19),e(37,"div",20),z(),e(38,"p"),n(39,"Displaying a series of comments using the "),e(40,"code"),n(41,"nz-list"),t(),n(42," Component."),t(),u(),t()(),e(43,"nz-code-box",22),d(44,"nz-demo-comment-nested",19),e(45,"div",20),z(),e(46,"p"),n(47,"Comments can be nested."),t(),u(),t()(),e(48,"nz-code-box",23),d(49,"nz-demo-comment-editor",19),e(50,"div",20),z(),e(51,"p"),n(52,"Comment can be used as editor, user can customize the editor component."),t(),u(),t()()()(),e(53,"section",24),z(),e(54,"h2",25)(55,"span"),n(56,"API"),t(),e(57,"a",26),n(58,"#"),t()(),e(59,"h3",27)(60,"span"),n(61,"nz-comment"),t(),e(62,"label",28),n(63,"component"),t(),e(64,"a",29),n(65,"#"),t()(),e(66,"table")(67,"thead")(68,"tr")(69,"th"),n(70,"Property"),t(),e(71,"th"),n(72,"Description"),t(),e(73,"th"),n(74,"Type"),t(),e(75,"th"),n(76,"Default"),t()()(),e(77,"tbody")(78,"tr")(79,"td"),n(80,"[nzAuthor]"),t(),e(81,"td"),n(82,"The element to display as the comment author"),t(),e(83,"td")(84,"code"),n(85,"string | TemplateRef<void>"),t()(),e(86,"td"),n(87,"-"),t()(),e(88,"tr")(89,"td"),n(90,"[nzDatetime]"),t(),e(91,"td"),n(92,"A datetime element containing the time to be displayed"),t(),e(93,"td")(94,"code"),n(95,"string | TemplateRef<void>"),t()(),e(96,"td"),n(97,"-"),t()()()(),e(98,"h3",30)(99,"span"),n(100,"[nz-comment-avatar]"),t(),e(101,"label",31),n(102,"directive"),t(),e(103,"a",32),n(104,"#"),t()(),e(105,"p"),n(106,"The element to display as the comment avatar."),t(),e(107,"h3",33)(108,"span"),n(109,"nz-comment-content"),t(),e(110,"label",28),n(111,"component"),t(),e(112,"a",34),n(113,"#"),t()(),e(114,"p"),n(115,"The main content of the comment."),t(),e(116,"h3",35)(117,"span"),n(118,"nz-comment-action"),t(),e(119,"label",28),n(120,"component"),t(),e(121,"a",36),n(122,"#"),t()(),e(123,"p"),n(124,"The element items rendered below the comment content."),t(),u(),t()()),i&2&&(a(),l("nzOff

1setTop",16),a(),l("nzAffix",!1),a(26),l("nzGutter",8),a(),l("nzSpan",24),a(),l("nzId","components-comment-demo-basic")("nzLink","components-comment-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/comment/demo/basic.md"),a(5),l("nzId","components-comment-demo-list")("nzLink","components-comment-demo-list")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/comment/demo/list.md"),a(8),l("nzId","components-comment-demo-nested")("nzLink","components-comment-demo-nested")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/comment/demo/nested.md"),a(5),l("nzId","components-comment-demo-editor")("nzLink","components-comment-demo-editor")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/comment/demo/editor.md"))},dependencies:[ee,D,K,$,J,Y,U,O,M,H,L,j,G,V],encapsulation:2})};var Dt=[{path:"en",component:me},{path:"zh",component:oe}],Fn=Dt;export{Fn as default};