https://preview-9243-ng-zorro-antd.surge.sh/chunk-M47IDPGR.js

1import{l as ne,n as ie}from"./chunk-LH26A26C.js";import"./chunk-LHYQSOFW.js";import{a as We,e as Ue}from"./chunk-24BKMTWX.js";import"./chunk-OVGVALIW.js";import{a as y,c as D}from"./chunk-NFBGB6F7.js";import{a as N,g as J,h as K,m as ee,n as te}from"./chunk-DZLKPB2W.js";import"./chunk-JRO6H6MO.js";import"./chunk-YKHAXMEG.js";import{C as Te,Cb as we,Cc as Oe,Eb as Fe,Ed as Pe,Gc as je,Jd as Ve,Kd as Qe,Ld as qe,Nd as Ze,Od as Xe,Pd as R,Qd as Y,R as ue,Tc as Ge,Td as $,W as E,bb as Ie,d as Be,ec as He,fc as Me,nb as H,pb as ke,sc as M,uc as Re,yc as Le}from"./chunk-TGFFFYM4.js";import{$b as d,Ac as n,Bb as Ee,Bc as C,Db as f,Fc as Ne,Gc as _e,Hc as be,La as ge,Rb as v,Rc as se,Tb as S,Vb as X,Wb as W,Xb as U,Yb as l,Zb as e,_b as t,_c as F,ac as ce,bc as de,ia as Ce,jc as h,lb as a,lc as g,ma as V,mc as pe,nb as xe,nc as Q,oc as ye,pc as w,qc as B,ra as s,rc as T,rd as Ae,sa as u,sb as ve,vc as I,xb as p,xc as De,yb as Se,za as he,zb as Z}from"./chunk-ZAPTP7IQ.js";import{a as re,b as le}from"./chunk-JNGVGNCT.js";var et=["*"];function tt(i,r){i&1&&Q(0)}var nt=[[["nz-avatar","nz-comment-avatar",""]],[["nz-comment-content"]],"*"],it=["nz-avatar[nz-comment-avatar]","nz-comment-content","*"];function ot(i,r){if(i&1&&(ce(0),n(1),de()),i&2){let o=g(2);a(),C(o.nzAuthor)}}function mt(i,r){if(i&1&&(e(0,"span",4),f(1,ot,2,1,"ng-container",8),t()),i&2){let o=g();a(),l("nzStringTemplateOutlet",o.nzAuthor)}}function at(i,r){if(i&1&&(ce(0),n(1),de()),i&2){let o=g(2);a(),C(o.nzDatetime)}}function rt(i,r){if(i&1&&(e(0,"span",5),f(1,at,2,1,"ng-container",8),t()),i&2){let o=g();a(),l("nzStringTemplateOutlet",o.nzDatetime)}}function lt(i,r){}function ct(i,r){if(i&1&&(e(0,"li")(1,"span"),f(2,lt,0,0,"ng-template",9),t()()),i&2){let o=r.$implicit;a(2),l("nzCommentActionHost",o.content)}}function dt(i,r){if(i&1&&(e(0,"ul",6),W(1,ct,3,1,"li",null,X),t()),i&2){let o=g();a(),U(o.actions)}}var _=(()=>{class i{static \u0275fac=function(m){return new(m||i)};static \u0275dir=Z({type:i,selectors:[["nz-avatar","nz-comment-avatar",""]],exportAs:["nzCommentAvatar"]})}return i})(),b=(()=>{class i{static \u0275fac=function(m){return new(m||i)};static \u0275dir=Z({type:i,selectors:[["nz-comment-content"],["","nz-comment-content",""]],hostAttrs:[1,"ant-comment-content-detail"],exportAs:["nzCommentContent"]})}return i})(),pt=(()=>{class i extends Fe{nzCommentActionHost;ngOnInit(){super.ngOnInit()}ngOnDestroy(){super.ngOnDestroy()}ngAfterViewInit(){this.attach(this.nzCommentActionHost)}static \u0275fac=(()=>{let o;return function(c){return(o||(o=ge(i)))(c||i)}})();static \u0275dir=Z({type:i,selectors:[["","nzCommentActionHost",""]],inputs:{nzCommentActionHost:"nzCommentActionHost"},exportAs:["nzCommentActionHost"],features:[Ee]})}return i})(),k=(()=>{class i{implicitContent;viewContainerRef=V(ve);contentPortal=null;get content(){return this.contentPortal}ngOnInit(){this.contentPortal=new we(this.implicitContent,this.viewContainerRef)}static \u0275fac=function(m){return new(m||i)};static \u0275cmp=p({type:i,selectors:[["nz-comment-action"]],viewQuery:function(m,c){if(m&1&&w(xe,7),m&2){let z;B(z=T())&&(c.implicitContent=z.first)}},exportAs:["nzCommentAction"],ngContentSelectors:et,decls:1,vars:0,template:function(m,c){m&1&&(pe(),f(0,tt,1,0,"ng-template"))},encapsulation:2,changeDetection:0})}return i})(),x=(()=>{class i{destroyRef=V(he);cdr=V(Ae);directionality=V(Te);nzAuthor;nzDatetime;dir="ltr";actions;ngOnInit(){this.directionality.change?.pipe(Ie(this.destroyRef)).subscribe(o=>{this.dir=o,this.cdr.detectChanges()}),this.dir=this.directionality.value}static \u0275fac=function(m){return new(m||i)};static \u0275cmp=p({type:i,selectors:[["nz-comment"]],contentQueries:function(m,c,z){if(m&1&&ye(z,k,4),m&2){let fe;B(fe=T())&&(c.actions=fe)}},hostVars:4,hostBindings:function(m,c){m&2&&De("ant-comment",!0)("ant-comment-rtl",c.dir==="rtl")},inputs:{nzAuthor:"nzAuthor",nzDatetime:"nzDatetime"},exportAs:["nzComment"],ngContentSelectors:it,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(nt),e(0,"div",0)(1,"div",1),Q(2),t(),e(3,"div",2)(4,"div",3),v(5,mt,2,1,"span",4),v(6,rt,2,1,"span",5),t(),Q(7,1),v(8,dt,3,0,"ul",6),t()(),e(9,"div",7),Q(10,2),t()),m&2&&(a(5),S(c.nzAuthor?5:-1),a(),S(c.nzDatetime?6:-1),a(2),S(c.actions!=null&&c.actions.length?8:-1))},dependencies:[Me,He,pt],encapsulation:2,changeDetection:0})}return i})();var A=(()=>

1{class i{static \u0275fac=function(m){return new(m||i)};static \u0275mod=Se({type:i});static \u0275inj=Ce({imports:[x]})}return i})();var O=class i{likes=0;dislikes=0;time=E(new Date,new Date);like(){this.likes=1,this.dislikes=0}dislike(){this.likes=0,this.dislikes=1}static \u0275fac=function(o){return new(o||i)};static \u0275cmp=p({type:i,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(o,m){o&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()()),o&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:[D,y,A,x,_,b,k,ke,H,Re,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 ut(i,r){if(i&1&&(e(0,"nz-comment",5),d(1,"nz-avatar",2),e(2,"nz-comment-content")(3,"p"),n(4),t()()()),i&2){let o=r.$implicit;l("nzAuthor",o.author)("nzDatetime",o.displayTime),a(),l("nzSrc",o.avatar),a(3),C(o.content)}}function zt(i,r){if(i&1&&(e(0,"nz-list",1),f(1,ut,5,4,"ng-template",null,0,F),t()),i&2){let o=I(2),m=g();l("nzDataSource",m.data)("nzRenderItem",o)}}var j=class i{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,le(re({},this.user),{content:r,datetime:new Date,displayTime:E(new Date,new Date)})].map(o=>le(re({},o),{displayTime:E(new Date,o.datetime)}))},800)}static \u0275fac=function(o){return new(o||i)};static \u0275cmp=p({type:i,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(o,m){o&1&&(v(0,zt,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(z){return _e(m.inputValue,z)||(m.inputValue=z),z}),t()(),e(6,"nz-form-item")(7,"button",4),h("click",function(){return m.handleSubmit()}),n(8," Add Comment "),t()()()()),o&2&&(S(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:[Ge,Le,Oe,je,D,y,Xe,Ze,Qe,qe,A,x,_,b,Ue,R,We,Ve,Pe,ie,ne],encapsulation:2})};function ft(i,r){if(i&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()()),i&2){let o=r.$implicit;l("nzAuthor",o.author)("nzDatetime",o.datetime),a(),l("nzSrc",o.avatar),a(3),C(o.content)}}var G=class i{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.",datetime:E(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 efficie

1ntly.",datetime:E(new Date,ue(new Date,2))}];static \u0275fac=function(o){return new(o||i)};static \u0275cmp=p({type:i,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(o,m){if(o&1&&(e(0,"nz-list",1),f(1,ft,7,4,"ng-template",null,0,F),t()),o&2){let c=I(2);l("nzDataSource",m.data)("nzRenderItem",c)("nzItemLayout","horizontal")}},dependencies:[D,y,A,x,_,b,k,ie,ne],encapsulation:2})};var Ke=i=>({comment:i});function Ct(i,r){}function ht(i,r){if(i&1&&f(0,Ct,0,0,"ng-template",1),i&2){let o=r.$implicit;g(3);let m=I(1);l("ngTemplateOutlet",m)("ngTemplateOutletContext",se(2,Ke,o))}}function gt(i,r){if(i&1&&W(0,ht,1,4,null,1,X),i&2){let o=g().comment;U(o.children)}}function xt(i,r){if(i&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(),v(7,gt,2,0),t()),i&2){let o=r.comment;l("nzAuthor",o.author),a(),l("nzSrc",o.avatar),a(3),C(o.content),a(3),S(o.children&&o.children.length?7:-1)}}function vt(i,r){}var P=class i{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(o){return new(o||i)};static \u0275cmp=p({type:i,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(o,m){if(o&1&&f(0,xt,8,4,"ng-template",null,0,F)(2,vt,0,0,"ng-template",1),o&2){let c=I(1);a(2),l("ngTemplateOutlet",c)("ngTemplateOutletContext",se(2,Ke,m.data))}},dependencies:[Be,D,y,A,x,_,b,k],encapsulation:2})};var me=class i{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(o){return new(o||i)};static \u0275cmp=p({type:i,selectors:[["nz-demo-comment"]],viewQuery:function(o,m){if(o&1&&w(N,5),o&2){let c;B(c=T())&&(m.codeBoxes=c)}},decls:128,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(o,m){o&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),h("nzClick",function(z){return m.goLink(z)}),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),u(),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(),s(),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),u(

1),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(),s(),t()(),e(36,"nz-code-box",21),d(37,"nz-demo-comment-list",19),e(38,"div",20),u(),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(),s(),t()(),e(44,"nz-code-box",22),d(45,"nz-demo-comment-nested",19),e(46,"div",20),u(),e(47,"p"),n(48,"\u8BC4\u8BBA\u53EF\u4EE5\u5D4C\u5957\u3002"),t(),s(),t()(),e(49,"nz-code-box",23),d(50,"nz-demo-comment-editor",19),e(51,"div",20),u(),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(),s(),t()()()(),e(54,"section",24),u(),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")(81,"code"),n(82,"[nzAuthor]"),t()(),e(83,"td"),n(84,"\u663E\u793A\u8BC4\u8BBA\u7684\u4F5C\u8005"),t(),e(85,"td")(86,"code"),n(87,"string | TemplateRef<void>"),t()(),e(88,"td"),n(89,"-"),t()(),e(90,"tr")(91,"td")(92,"code"),n(93,"[nzDatetime]"),t()(),e(94,"td"),n(95,"\u5C55\u793A\u65F6\u95F4\u63CF\u8FF0"),t(),e(96,"td")(97,"code"),n(98,"string | TemplateRef<void>"),t()(),e(99,"td"),n(100,"-"),t()()()(),e(101,"h3",30)(102,"span"),n(103,"[nz-comment-avatar]"),t(),e(104,"label",31),n(105,"directive"),t(),e(106,"a",32),n(107,"#"),t()(),e(108,"p"),n(109,"\u8981\u663E\u793A\u4E3A\u8BC4\u8BBA\u5934\u50CF\u7684\u5143\u7D20\u3002"),t(),e(110,"h3",33)(111,"span"),n(112,"nz-comment-content"),t(),e(113,"label",28),n(114,"component"),t(),e(115,"a",34),n(116,"#"),t()(),e(117,"p"),n(118,"\u8BC4\u8BBA\u7684\u4E3B\u8981\u5185\u5BB9\u3002"),t(),e(119,"h3",35)(120,"span"),n(121,"nz-comment-action"),t(),e(122,"label",28),n(123,"component"),t(),e(124,"a",36),n(125,"#"),t()(),e(126,"p"),n(127,"\u5728\u8BC4\u8BBA\u5185\u5BB9\u4E0B\u9762\u5448\u73B0\u7684\u64CD\u4F5C\u9879\u3002"),t(),s(),t()()),o&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:[te,N,ee,J,K,$,Y,R,M,H,O,j,G,P],encapsulation:2})};var ae=class i{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(o){return new(o||i)};static \u0275cmp=p({type:i,selectors:[["nz-demo-comment"]],viewQuery:function(o,m){if(o&1&&w(N,5),o&2){let c;B(c=T())&&(m.codeBoxes=c)}},decls:127,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(o,m){o&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),h("nzClick",function(z){return m.goLink(z)}),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),u(),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(),s(),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),u(

1),e(33,"p"),n(34,"A basic comment with author, avatar, time and actions."),t(),s(),t()(),e(35,"nz-code-box",21),d(36,"nz-demo-comment-list",19),e(37,"div",20),u(),e(38,"p"),n(39,"Displaying a series of comments using the "),e(40,"code"),n(41,"nz-list"),t(),n(42," Component."),t(),s(),t()(),e(43,"nz-code-box",22),d(44,"nz-demo-comment-nested",19),e(45,"div",20),u(),e(46,"p"),n(47,"Comments can be nested."),t(),s(),t()(),e(48,"nz-code-box",23),d(49,"nz-demo-comment-editor",19),e(50,"div",20),u(),e(51,"p"),n(52,"Comment can be used as editor, user can customize the editor component."),t(),s(),t()()()(),e(53,"section",24),u(),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")(80,"code"),n(81,"[nzAuthor]"),t()(),e(82,"td"),n(83,"The element to display as the comment author"),t(),e(84,"td")(85,"code"),n(86,"string | TemplateRef<void>"),t()(),e(87,"td"),n(88,"-"),t()(),e(89,"tr")(90,"td")(91,"code"),n(92,"[nzDatetime]"),t()(),e(93,"td"),n(94,"A datetime element containing the time to be displayed"),t(),e(95,"td")(96,"code"),n(97,"string | TemplateRef<void>"),t()(),e(98,"td"),n(99,"-"),t()()()(),e(100,"h3",30)(101,"span"),n(102,"[nz-comment-avatar]"),t(),e(103,"label",31),n(104,"directive"),t(),e(105,"a",32),n(106,"#"),t()(),e(107,"p"),n(108,"The element to display as the comment avatar."),t(),e(109,"h3",33)(110,"span"),n(111,"nz-comment-content"),t(),e(112,"label",28),n(113,"component"),t(),e(114,"a",34),n(115,"#"),t()(),e(116,"p"),n(117,"The main content of the comment."),t(),e(118,"h3",35)(119,"span"),n(120,"nz-comment-action"),t(),e(121,"label",28),n(122,"component"),t(),e(123,"a",36),n(124,"#"),t()(),e(125,"p"),n(126,"The element items rendered below the comment content."),t(),s(),t()()),o&2&&(a(),l("nzOffsetTop",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:[te,N,ee,J,K,$,Y,R,M,H,O,j,G,P],encapsulation:2})};var Nt=[{path:"en",component:ae},{path:"zh",component:me}],Fn=Nt;export{Fn as default};