https://preview-9045-ng-zorro-antd.surge.sh/chunk-BNZ4XUD5.js

1import{l as ee,n as te}from"./chunk-LKXTS65T.js";import"./chunk-EUM4AWSJ.js";import{a as Ze,e as Xe}from"./chunk-25KSR4I2.js";import"./chunk-VDNNJ3J7.js";import"./chunk-JMYMBND4.js";import{a as pe,h as S}from"./chunk-4PH4GHWA.js";import{a as E,c as y}from"./chunk-SP3UZPMN.js";import{f as Qe,k as qe}from"./chunk-AV6FGOOM.js";import"./chunk-AI2HZ3GM.js";import{a as Me,b as Re,d as Le}from"./chunk-WI2WI3WN.js";import{a as Oe}from"./chunk-MJV6CJPB.js";import"./chunk-TZ6B2ZEH.js";import{a as N,g as $,h as J,j as K}from"./chunk-MIF4MP26.js";import"./chunk-MF2V2VKV.js";import"./chunk-U42X5M5H.js";import{Ba as H,Da as Be,Ea as Te,Ec as Pe,Fb as we,Gb as Fe,Gc as O,Hc as U,Kc as Y,Ta as ke,Va as Ie,dc as M,fc as He,jc as je,nc as Ge,rc as Ve}from"./chunk-ZNDNIMMX.js";import{Ab as re,Ac as ye,Bc as w,Cc as A,Dc as B,Hc as T,Ic as n,Jb as p,Jc as C,Kb as ve,Lb as q,Ld as Ae,Nb as Se,Nc as Ne,Oc as De,Pc as _e,Qb as s,Vc as se,Xb as l,Zb as Ee,aa as Ce,cd as F,ec as v,f as fe,gc as Z,hc as X,ia as he,ic as W,id as be,jc as e,kc as t,lc as d,mc as le,nc as ce,sc as h,tb as a,ub as I,uc as g,vc as de,wb as ge,wc as P,xb as xe,ya as u,za as z}from"./chunk-X4UZFQOI.js";import{a as me,b as ae}from"./chunk-EQDQRRRY.js";var Je=["*"];function Ke(o,r){o&1&&P(0)}var et=[[["nz-avatar","nz-comment-avatar",""]],[["nz-comment-content"]],"*"],tt=["nz-avatar[nz-comment-avatar]","nz-comment-content","*"];function nt(o,r){if(o&1&&(le(0),n(1),ce()),o&2){let i=g(2);a(),C(i.nzAuthor)}}function it(o,r){if(o&1&&(e(0,"span",4),s(1,nt,2,1,"ng-container",8),t()),o&2){let i=g();a(),l("nzStringTemplateOutlet",i.nzAuthor)}}function ot(o,r){if(o&1&&(le(0),n(1),ce()),o&2){let i=g(2);a(),C(i.nzDatetime)}}function mt(o,r){if(o&1&&(e(0,"span",5),s(1,ot,2,1,"ng-container",8),t()),o&2){let i=g();a(),l("nzStringTemplateOutlet",i.nzDatetime)}}function at(o,r){}function rt(o,r){if(o&1&&(e(0,"li")(1,"span"),s(2,at,0,0,"ng-template",9),t()()),o&2){let i=r.$implicit;a(2),l("nzCommentActionHost",i.content)}}function lt(o,r){if(o&1&&(e(0,"ul",6),X(1,rt,3,1,"li",null,Z),t()),o&2){let i=g();a(),W(i.actions)}}var D=(()=>{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})(),ct=(()=>{class o extends Ie{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)(I(xe),I(re))};static \u0275dir=q({type:o,selectors:[["","nzCommentActionHost",""]],inputs:{nzCommentActionHost:"nzCommentActionHost"},exportAs:["nzCommentActionHost"],features:[Se]})}return o})(),k=(()=>{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)(I(re))};static \u0275cmp=p({type:o,selectors:[["nz-comment-action"]],viewQuery:function(m,c){if(m&1&&w(ge,7),m&2){let f;A(f=B())&&(c.implicitContent=f.first)}},exportAs:["nzCommentAction"],ngContentSelectors:Je,decls:1,vars:0,template:function(m,c){m&1&&(de(),s(0,Ke,1,0,"ng-template"))},encapsulation:2,changeDetection:0})}return o})(),x=(()=>{class o{cdr;directionality;nzAuthor;nzDatetime;dir="ltr";destroy$=new fe;actions;constructor(i,m){this.cdr=i,this.directionality=m}ngOnInit(){this.directionality.change?.pipe(Ce(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)(I(be),I(Te))};static \u0275cmp=p({type:o,selectors:[["nz-comment"]],contentQueries:function(m,c,f){if(m&1&&ye(f,k,4),m&2){let ze;A(ze=B())&&(c.actions=ze)}},hostVars:4,hostBindings:function(m,c){m&2&&Ee("ant-comment",!0)("ant-comment-rtl",c.dir==="rtl")},inputs:{nzAuthor:"nzAuthor",nzDatetime:"nzDatetime"},exportAs:["nzComment"],ngContentSelectors:tt,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&&(de(et),e(0,"div",0)(1,"div",1),P(2),t(),e(3,"div",2)(4,"div",3),s(5,it,2,1,"span",4)(6,mt,2,1,"span",5),t(),P(7,1),s(8,lt,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:[Fe,we,ct],encapsulation:2,changeDetection:0})}return o}

1)();var b=(()=>{class o{static \u0275fac=function(m){return new(m||o)};static \u0275mod=ve({type:o});static \u0275inj=he({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=p({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,D,_,k,Be,H,He,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 pt(o,r){if(o&1&&(e(0,"nz-list",1),s(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,ae(me({},this.user),{content:r,datetime:new Date,displayTime:S(new Date,new Date)})].map(i=>ae(me({},i),{displayTime:S(new Date,i.datetime)}))},800)}static \u0275fac=function(i){return new(i||o)};static \u0275cmp=p({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&&(s(0,pt,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),_e("ngModelChange",function(f){return De(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:[Pe,je,Ge,Ve,y,E,Le,Re,Me,Oe,b,x,D,_,Xe,O,Ze,qe,Qe,te,ee],encapsulation:2})};function ut(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,pe(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,pe(new Date,2))}];static \u0275fac=function(i){return new(i||o)};static \u0275cmp=p({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),s(1,ut,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,D,_,k,te,ee],encapsulation:2})};var $e=o=>({comment:o});function zt(o,r){}function ft(o,r){if(o&1&&s(0,zt,0,0,"ng-template",1),o&2){let i=r.$implicit;g(3);let m=T(1);l("ngTemplateOutlet",m)("ngTemplateOutletContext",se(2,$e,i))}}function Ct(o,r){if(o&1&&X(0,ft,1,4,null,1,Z),o&2){let i=g().comment;W(i.children)}}function ht(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(),s(7,Ct,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 gt(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=p({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&&s(0,ht,8,4,"ng-template",null,0,F)(2,gt,0,0,"ng-template",1),i&2){let c=T(1);a(2),l("ngTemplateOutlet",c)("ngTemplateOutletContext",se(2,$e,m.data))}},dependencies:[Ae,y,E,b,x,D,_,k],encapsulation:2})};var ie=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=p({type:o,selectors:[["nz-demo-comment"]],viewQuery:function(i,m){if(i&1&&w(N,5),i&2){let c;A(c=B())&&(m.codeBoxes=c)}},decls:146,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"],["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,"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()(),e(16,"section",7),z(),e(17,"p"),n(18,"\u5BF9\u7F51\u7AD9\u5185\u5BB9\u7684\u53CD\u9988\u3001\u8BC4\u4EF7\u548C\u8BA8\u8BBA\u3002"),t(),e(19,"h2",12)(20,"span"),n(21,"\u4F55\u65F6\u4F7F\u7528"),t(),e(22,"a",13),n(23,"#"),t()(),e(24,"p"),n(25,"\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(),e(26,"pre")(27,"code",14)(28,"span",15),n(29,"import"),t(),n(30," "),e(31,"span",16),n(32,"{"),t(),n(33," NzCommentModule "),e(34,"span",16),n(35,"}"),t(),n(36," "),e(37,"span",15),n(38,"from"),t(),n(39," "),e(40,"span",17),n(41,"'ng-zorro-antd/comment'"),t(),e(42,"span",16),n(43,";"),t(),n(44,`
2`),t()(),u(),t(),e(45,"h2")(46,"span"),n(47,"\u4EE3\u7801\u6F14\u793A"),t(),e(48,"nz-icon",18),h("click",function(){return m.expandAllCode()}),t()()(),e(49,"div",19)(50,"div",20)(51,"nz-code-box",21),d(52,"nz-demo-comment-basic",22),e(53,"div",23),z(),e(54,"p"),n(55,"\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(56,"nz-code-box",24),d(57,"nz-demo-comment-list",22),e(58,"div",23),z(),e(59,"p"),n(60,"\u914D\u5408 "),e(61,"code"),n(62,"nz-list"),t(),n(63," \u7EC4\u4EF6\u5C55\u73B0\u8BC4\u8BBA\u5217\u8868\u3002"),t(),u(),t()(),e(64,"nz-code-box",25),d(65,"nz-demo-comment-nested",22),e(66,"div",23),z(),e(67,"p"),n(68,"\u8BC4\u8BBA\u53EF\u4EE5\u5D4C\u5957\u3002"),t(),u(),t()(),e(69,"nz-code-box",26),d(70,"nz-demo-comment-editor",22),e(71,"div",23),z(),e(72,"p"),n(73,"\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(74,"section",27),z(),e(75,"h2",28)(76,"span"),n(77,"API"),t(),e(78,"a",29),n(79,"#"),t()(),e(80,"h3",30)(81,"span"),n(82,"nz-comment"),t(),e(83,"label",31),n(84,"component"),t(),e(85,"a",32),n(86,"#"),t()(),e(87,"table")(88,"thead")(89,"tr")(90,"th"),n(91,"Property"),t(),e(92,"th"),n(93,"Description"),t(),e(94,"th"),n(95,"Type"),t(),e(96,"th"),n(97,"Default"),t()()(),e(98,"tbody")(99,"tr")(100,"td"),n(101,"[nzAuthor]"),t(),e(102,"td"),n(103,"\u663E\u793A\u8BC4\u8BBA\u7684\u4F5C\u8005"),t(),e(104,"td")(105,"code"),n(106,"string | TemplateRef<void>"),t()(),e(107,"td"),n(108,"-"),t()(),e(109,"tr")(110,"td"),n(111,"[nzDatetime]"),t(),e(112,"td"),n(113,"\u5C55\u793A\u65F6\u95F4\u63CF\u8FF0"),t(),e(114,"td")(115,"code"),n(116,"string | TemplateRef<void>"),t()(),e(117,"td"),n(118,"-"),t()()()(),e(119,"h3",33)(120,"span"),n(121,"[nz-comment-avatar]"),t(),e(122,"label",34),n(123,"directive"),t(),e(124,"a",35),n(125,"#"),t()(),e(126,"p"),n(127,"\u8981\u663E\u793A\u4E3A\u8BC4\u8BBA\u5934\u50CF\u7684\u5143\u7D20\u3002"),t(),e(128,"h3",36)(129,"span"),n(130,"nz-comment-content"),t(),e(131,"label",31),n(132,"component"),t(),e(133,"a",37),n(134,"#"),t()(),e(135,"p"),n(136,"\u8BC4\u8BBA\u7684\u4E3B\u8981\u5185\u5BB9\u3002"),t(),e(137,"h3",38)(138,"span"),n(139,"nz-comment-action"),t(),e(140,"label",31),n(141,"component"),t(),e(142,"a",39),n(143,"#"),t()(),e(144,"p"),n(145,"\u5728\u8BC4\u8BBA\u5185\u5BB9\u4E0B\u9762\u5448\u73B0\u7684\u64CD\u4F5C\u9879\u3002"),t(),u(),t()()),i&2&&(a(),l("nzOff

2setTop",16),a(),l("nzAffix",!1),a(47),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:[K,N,$,J,Y,U,O,M,H,L,j,G,V],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=p({type:o,selectors:[["nz-demo-comment"]],viewQuery:function(i,m){if(i&1&&w(N,5),i&2){let c;A(c=B())&&(m.codeBoxes=c)}},decls:145,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"],["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,"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()(),e(15,"section",7),z(),e(16,"p"),n(17,"A comment displays user feedback and discussion to website content."),t(),e(18,"h2",12)(19,"span"),n(20,"When To Use"),t(),e(21,"a",13),n(22,"#"),t()(),e(23,"p"),n(24,"Comments can be used to enable discussions on an entity such as a page, blog post, issue or other."),t(),e(25,"pre")(26,"code",14)(27,"span",15),n(28,"import"),t(),n(29," "),e(30,"span",16),n(31,"{"),t(),n(32," NzCommentModule "),e(33,"span",16),n(34,"}"),t(),n(35," "),e(36,"span",15),n(37,"from"),t(),n(38," "),e(39,"span",17),n(4

20,"'ng-zorro-antd/comment'"),t(),e(41,"span",16),n(42,";"),t(),n(43,`
3`),t()(),u(),t(),e(44,"h2")(45,"span"),n(46,"Examples"),t(),e(47,"nz-icon",18),h("click",function(){return m.expandAllCode()}),t()()(),e(48,"div",19)(49,"div",20)(50,"nz-code-box",21),d(51,"nz-demo-comment-basic",22),e(52,"div",23),z(),e(53,"p"),n(54,"A basic comment with author, avatar, time and actions."),t(),u(),t()(),e(55,"nz-code-box",24),d(56,"nz-demo-comment-list",22),e(57,"div",23),z(),e(58,"p"),n(59,"Displaying a series of comments using the "),e(60,"code"),n(61,"nz-list"),t(),n(62," Component."),t(),u(),t()(),e(63,"nz-code-box",25),d(64,"nz-demo-comment-nested",22),e(65,"div",23),z(),e(66,"p"),n(67,"Comments can be nested."),t(),u(),t()(),e(68,"nz-code-box",26),d(69,"nz-demo-comment-editor",22),e(70,"div",23),z(),e(71,"p"),n(72,"Comment can be used as editor, user can customize the editor component."),t(),u(),t()()()(),e(73,"section",27),z(),e(74,"h2",28)(75,"span"),n(76,"API"),t(),e(77,"a",29),n(78,"#"),t()(),e(79,"h3",30)(80,"span"),n(81,"nz-comment"),t(),e(82,"label",31),n(83,"component"),t(),e(84,"a",32),n(85,"#"),t()(),e(86,"table")(87,"thead")(88,"tr")(89,"th"),n(90,"Property"),t(),e(91,"th"),n(92,"Description"),t(),e(93,"th"),n(94,"Type"),t(),e(95,"th"),n(96,"Default"),t()()(),e(97,"tbody")(98,"tr")(99,"td"),n(100,"[nzAuthor]"),t(),e(101,"td"),n(102,"The element to display as the comment author"),t(),e(103,"td")(104,"code"),n(105,"string | TemplateRef<void>"),t()(),e(106,"td"),n(107,"-"),t()(),e(108,"tr")(109,"td"),n(110,"[nzDatetime]"),t(),e(111,"td"),n(112,"A datetime element containing the time to be displayed"),t(),e(113,"td")(114,"code"),n(115,"string | TemplateRef<void>"),t()(),e(116,"td"),n(117,"-"),t()()()(),e(118,"h3",33)(119,"span"),n(120,"[nz-comment-avatar]"),t(),e(121,"label",34),n(122,"directive"),t(),e(123,"a",35),n(124,"#"),t()(),e(125,"p"),n(126,"The element to display as the comment avatar."),t(),e(127,"h3",36)(128,"span"),n(129,"nz-comment-content"),t(),e(130,"label",31),n(131,"component"),t(),e(132,"a",37),n(133,"#"),t()(),e(134,"p"),n(135,"The main content of the comment."),t(),e(136,"h3",38)(137,"span"),n(138,"nz-comment-action"),t(),e(139,"label",31),n(140,"component"),t(),e(141,"a",39),n(142,"#"),t()(),e(143,"p"),n(144,"The element items rendered below the comment content."),t(),u(),t()()),i&2&&(a(),l("nzOffsetTop",16),a(),l("nzAffix",!1),a(46),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:[K,N,$,J,Y,U,O,M,H,L,j,G,V],encapsulation:2})};var Et=[{path:"en",component:oe},{path:"zh",component:ie}],In=Et;export{In as default};