https://preview-8215-ng-zorro-antd.surge.sh/3047.bc5190bea81059cd.js

1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[3047],{3047:(V,Q,s)=>{s.r(Q),s.d(Q,{NzDemoIconModule:()=>Pn});var r=s(4190),d=s(6242),U=s(227),f=s(7225),C=s(337),O=s(584),F=s(4119),b=s(3502),D=s(2178),M=s(3678),R=s(9793),x=s(3072),k=s(5589),B=s(8332),v=s(1518);const L=[U.PV,f.aF,C.o7,O.mS,F.sL,b.gR,D.Qp,M.$6,R.W,x.XD,k.j,B.cg,v.cS];var E=s(379),n=s(9212),I=s(5393),H=s(8101),Z=s(3185),y=s(1687);let c=(()=>{class o{static#n=this.\u0275fac=function(u){return new(u||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-icon-basic"]],decls:7,vars:11,consts:[[1,"icons-list"],["nz-icon","",3,"nzType"],["nz-icon","",3,"nzType","nzTheme"],["nz-icon","",3,"nzType","nzSpin"],["nz-icon","",3,"nzType","nzTheme","nzRotate"]],template:function(u,t){1&u&&(n.TgZ(0,"div",0),n._UZ(1,"span",1)(2,"span",2)(3,"span",2)(4,"span",3)(5,"span",4)(6,"span",1),n.qZA()),2&u&&(n.xp6(1),n.Q6J("nzType","home"),n.xp6(1),n.Q6J("nzType","setting")("nzTheme","fill"),n.xp6(1),n.Q6J("nzType","smile")("nzTheme","outline"),n.xp6(1),n.Q6J("nzType","sync")("nzSpin",!0),n.xp6(1),n.Q6J("nzType","smile")("nzTheme","outline")("nzRotate",180),n.xp6(1),n.Q6J("nzType","loading"))},dependencies:[U.Ls,y.w],styles:["[nz-icon][_ngcontent-%COMP%]{margin-right:6px;font-size:24px}"]})}return o})(),h=(()=>{class o{static#n=this.\u0275fac=function(u){return new(u||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-icon-custom"]],decls:14,vars:0,consts:[[1,"icons-list"],["nz-icon","",2,"color","hotpink"],["d","M923 283.6c-13.4-31.1-32.6-58.9-56.9-82.8-24.3-23.8-52.5-42.4-84-55.5-32.5-13.5-66.9-20.3-102.4-20.3-49.3 0-97.4 13.5-139.2 39-10 6.1-19.5 12.8-28.5 20.1-9-7.3-18.5-14-28.5-20.1-41.8-25.5-89.9-39-139.2-39-35.5 0-69.9 6.8-102.4 20.3-31.4 13-59.7 31.7-84 55.5-24.4 23.9-43.5 51.7-56.9 82.8-13.9 32.3-21 66.6-21 101.9 0 33.3 6.8 68 20.3 103.3 11.3 29.5 27.5 60.1 48.2 91 32.8 48.9 77.9 99.9 133.9 151.6 92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3 56-51.7 101.1-102.7 133.9-151.6 20.7-30.9 37-61.5 48.2-91 13.5-35.3 20.3-70 20.3-103.3 0.1-35.3-7-69.6-20.9-101.9z"],["nz-icon","",2,"font-size","32px"],["d","M99.096 315.634s-82.58-64.032-82.58-132.13c0-66.064 33.032-165.162 148.646-148.646 83.37 11.91 99.096 165.162 99.096 165.162l-165.162 115.614zM924.906 315.634s82.58-64.032 82.58-132.13c0-66.064-33.032-165.162-148.646-148.646-83.37 11.91-99.096 165.162-99.096 165.162l165.162 115.614z","fill","#6B676E","p-id","1143"],["d","M1024 561.548c0 264.526-229.23 429.42-512.002 429.42S0 826.076 0 561.548 283.96 66.064 512.002 66.064 1024 297.022 1024 561.548z","fill","#FFEBD2","p-id","1144"],["d","M330.324 842.126c0 82.096 81.34 148.646 181.678 148.646s181.678-66.55 181.678-148.646H330.324z","fill","#E9D7C3","p-id","1145"],["d","M644.13 611.098C594.582 528.516 561.55 512 512.002 512c-49.548 0-82.58 16.516-132.13 99.096-42.488 70.814-78.73 211.264-49.548 247.742 66.064 82.58 165.162 33.032 181.678 33.032 16.516 0 115.614 49.548 181.678-33.032 29.18-36.476-7.064-176.93-49.55-247.74z","fill","#FFFFFF","p-id","1146"],["d","M611.098 495.484c0-45.608 36.974-82.58 82.58-82.58 49.548 0 198.194 99.098 198.194 165.162s-79.934 144.904-148.646 99.096c-49.548-33.032-132.128-148.646-132.128-181.678zM412.904 495.484c0-45.608-36.974-82.58-82.58-82.58-49.548 0-198.194 99.098-198.194 165.162s79.934 144.904 148.646 99.096c49.548-33.032 132.128-148.646 132.128-181.678z","fill","#6B676E","p-id","1147"],["d","M512.002 726.622c-30.06 0-115.614 5.668-115.614 33.032 0 49.638 105.484 85.24 115.614 82.58 10.128 2.66 115.614-32.944 115.614-82.58-0.002-27.366-85.556-33.032-115.614-33.032z","fill","#464655","p-id","1148"],["d","M330.324 495.484m-33.032 0a33.032 33.032 0 1 0 66.064 0 33.032 33.032 0 1 0-66.064 0Z","fill","#464655","p-id","1149"],["d","M693.678 495.484m-33.032 0a33.032 33.032 0 1 0 66.064 0 33.032 33.032 0 1 0-66.064 0Z","fill","#464655","p-id","1150"]],template:function(u,t){1&u&&(n.TgZ(0,"div",0)(1,"span",1),n.O4$(),n.TgZ(2,"svg"),n._UZ(3,"path",2),n.qZA()(),n.kcU(),n.TgZ(4,"span",3),n.O4$(),n.TgZ(5,"svg"),n._UZ(6,"path",4)(7,"path",5)(8,"path",6)(9,"path",7)(10,"path",8)(11,"path",9)(12,"path",10)(13,"path",11),n.qZA()()())},dependencies:[U.Ls,y.w],styles:["[nz-icon][_ngcontent-%COMP%]{margin-right:6px;font-size:24px}"]})}return o}

1)(),p=(()=>{class o{constructor(e){this.iconService=e,this.iconService.fetchFromIconfont({scriptUrl:"https://at.alicdn.com/t/font_8d5l8fzk5b87iudi.js"})}static#n=this.\u0275fac=function(u){return new(u||o)(n.Y36(U.H5))};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-icon-iconfont"]],decls:4,vars:3,consts:[[1,"icons-list"],["nz-icon","",3,"nzIconfont"]],template:function(u,t){1&u&&(n.TgZ(0,"div",0),n._UZ(1,"span",1)(2,"span",1)(3,"span",1),n.qZA()),2&u&&(n.xp6(1),n.Q6J("nzIconfont","icon-tuichu"),n.xp6(1),n.Q6J("nzIconfont","icon-facebook"),n.xp6(1),n.Q6J("nzIconfont","icon-twitter"))},dependencies:[U.Ls,y.w],styles:["[nz-icon][_ngcontent-%COMP%]{margin-right:6px;font-size:24px}"]})}return o})(),P=(()=>{class o{constructor(e){this.iconService=e,this.iconService.addIconLiteral("ng-zorro:antd",'<svg viewBox="0 0 106 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n  <defs>\n    <linearGradient x1="68.1279872%" y1="-35.6905737%" x2="30.4400914%" y2="114.942679%" id="linearGradient-1">\n      <stop stop-color="#FA8E7D" offset="0%"></stop>\n      <stop stop-color="#F74A5C" offset="51.2635191%"></stop>\n      <stop stop-color="#F51D2C" offset="100%"></stop>\n    </linearGradient>\n    <linearGradient x1="68.1279872%" y1="-35.6905737%" x2="74.5363914%" y2="162.511755%" id="linearGradient-2">\n      <stop stop-color="#FA8E7D" offset="0%"></stop>\n      <stop stop-color="#F74A5C" offset="51.2635191%"></stop>\n      <stop stop-color="#F51D2C" offset="100%"></stop>\n    </linearGradient>\n    <linearGradient x1="69.644116%" y1="0%" x2="69.644116%" y2="100%" id="linearGradient-3">\n      <stop stop-color="#29CDFF" offset="0%"></stop>\n      <stop stop-color="#148EFF" offset="37.8600687%"></stop>\n      <stop stop-color="#0A60FF" offset="100%"></stop>\n    </linearGradient>\n    <linearGradient x1="-19.8191553%" y1="-36.7931464%" x2="138.57919%" y2="157.637507%" id="linearGradient-4">\n      <stop stop-color="#29CDFF" offset="0%"></stop>\n      <stop stop-color="#0F78FF" offset="100%"></stop>\n    </linearGradient>\n  </defs>\n  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n    <g id="Angular" transform="translate(-11.000000, -4.000000)">\n      <g id="Group-9" transform="translate(11.000000, 4.000000)">\n        <path d="M65.63,72.2 L53.23,53.2 L46,63.69 L53.37,63.69 C56.4075661,63.69 58.87,66.1524339 58.87,69.19 C58.87,72.2275661 56.4075661,74.69 53.37,74.69 L35.49,74.69 C33.4448986,74.6890667 31.569189,73.5534846 30.620326,71.7418281 C29.671463,69.9301715 29.8061511,67.7416349 30.97,66.06 L48.84,40.26 C49.879226,38.7527636 51.6013948,37.8627393 53.4320154,37.8868264 C55.2626361,37.9109135 56.960791,38.8459421 57.96,40.38 L74.84,66.18 C75.9449505,67.8698206 76.0352122,70.0292067 75.0751376,71.8053446 C74.115063,73.5814826 72.2590116,74.6888076 70.24,74.69 C68.3799194,74.6978131 66.6433454,73.7598372 65.63,72.2 Z" id="Path" fill="url(#linearGradient-1)"></path>\n        <path d="M70.28,25 C69.0616939,25.0004053 67.8648105,24.6796268 66.81,24.07 L52.87,16.07 L39,24 C36.8331842,25.2504298 34.1638674,25.249892 31.9975556,23.9985892 C29.8312438,22.7472865 28.4970513,20.4353214 28.4975555,17.933589 C28.4980597,15.4318566 29.833184,13.1204295 32,11.87 L49.34,1.87 C51.5058075,0.619570435 54.1741925,0.619570435 56.34,1.87 L73.76,11.87 C76.574107,13.4207731 77.9710889,16.688234 77.147902,19.7941088 C76.324715,22.8999837 73.492775,25.0466031 70.28,25 Z" id="Path" fill="url(#linearGradient-2)"></path>\n        <path d="M52.86,119.92 C51.6310454,119.919338 50.4239235,119.595139 49.36,118.98 L3.93,92.75 C1.76486614,91.4999595 0.43077789,89.190081 0.43,86.69 L0.43,34.23 C0.43077789,31.729919 1.76486614,29.4200405 3.93,28.17 L15.16,21.69 C17.3290879,20.369153 20.0434251,20.3267208 22.2527396,21.5791219 C24.4620541,22.831523 25.8197544,25.182284 25.8004986,27.7218131 C25.7812428,30.2613423 24.3880518,32.5912449 22.16,33.81 L14.43,38.27 L14.43,82.65 L52.86,104.83 L89.7896161,83.5159515 C90.7180357,82.9801111 91.29,81.9896088 91.29,80.9176536 L91.29,40.0028421 C91.29,38.9306213 90.7177545,37.9399157 89.7889721,37.4041727 L83.61,33.84 C81.4431842,32.5895704 80.1080601,30.2781434 80.1075559,27.7764111 C80.1070518,25.2746788 81.4412443,22.9627138 83.6075559,21.7114111 C85.7738676,20.4601083 88.4431842,20.4595704 90.61,21.71 L101.79,28.17 C103.955134,29.4200405 105.289222,31.729919 105.29,34.23 L105.29,86.69 C105.289222,89.190081 103.955134,91.4999595 101.79,92.75 L56.36,119 C55.2952279,119.610805 54.087499,119.928265 52.86,119.92 Z" id="Path" fill="url(#linearGradient-3)" fill-rule="nonzero"></path>\n        <path d="M78.06,106.45 C66.89,113 52.87,104.83 52.87,104.83 L15.9403839,83.5159515 C15.0119643,82.9801111 14.44,81.9896088 14.44,80.9176536 L14.44,40.0026171 C14.44,38.9305169 15.0121179,37.9399035 15.9407356,37.4041163 L22.17,33.81 C24.3980518,32.5912449 25.7912428,30.2613423 25.8104986,27.7218131 C25.8297544,25.182284 24.4720541,22.831523 22.2627396,21.5791219 C20.0534251,20.3267208 17.3390879,20.369153 15.17,21.69 L3.94,28.17 C1.77486614,29.4200405 0.44077789,31.729919 0.44,34.23 L0.44,86.69 C0.44077789,89.190081 1.77486614,91.4999595 3.94,92.75 L49.36,119 C51.5258075,120.25043 54.1941925,120.25043 56.36,119 L78.06,106.47 L78.06,106.45 Z" id="Path" fill="url(#linearGradient-4)" fill-rule="nonzero"></path>\n      </g>\n    </g>\n  </g>\n</svg>')}static#n=this.\u0275fac=function(u){return new(u||o)(n.Y36(U.H5))};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-icon-namespace"]],decls:2,vars:0,consts:[[1,"icons-list"],["nz-icon","","nzType","ng-zorro:antd"]],template:function(u,t){1&u&&(n.TgZ(0,"div",0),n._UZ(1,"span",1),n.qZA())},dependencies:[U.Ls,y.w],styles:["[nz-icon][_ngcontent-%COMP%]{margin-right:6px;font-size:24px}"]})}return o}

1)(),G=(()=>{class o{static#n=this.\u0275fac=function(u){return new(u||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-icon-twotone"]],decls:4,vars:8,consts:[[1,"icons-list"],["nz-icon","",3,"nzType","nzTheme"],["nz-icon","",3,"nzType","nzTheme","nzTwotoneColor"]],template:function(u,t){1&u&&(n.TgZ(0,"div",0),n._UZ(1,"span",1)(2,"span",2)(3,"span",2),n.qZA()),2&u&&(n.xp6(1),n.Q6J("nzType","smile")("nzTheme","twotone"),n.xp6(1),n.Q6J("nzType","heart")("nzTheme","twotone")("nzTwotoneColor","#eb2f96"),n.xp6(1),n.Q6J("nzType","check-circle")("nzTheme","twotone")("nzTwotoneColor","#52c41a"))},dependencies:[U.Ls,y.w],styles:[".icons-list[_ngcontent-%COMP%] > .anticon[_ngcontent-%COMP%]{margin-right:6px;font-size:24px}"]})}return o})();var J=s(5861),_=s(6814),w=s(2096),A=s(7376),m=s(4715),T=s(5319),z=s(6223),j=s(2987);function $(o,g){if(1&o){const e=n.EpF();n.TgZ(0,"div",16)(1,"span",17),n.NdJ("nzPopoverVisibleChange",function(t){n.CHM(e);const a=n.oxw();return n.KtG(a.popoverVisible=t)})("click",function(){n.CHM(e);const t=n.oxw();return n.KtG(t.toggleModal())}),n.O4$(),n.TgZ(2,"svg",18),n._UZ(3,"path",19),n.qZA()()()}if(2&o){const e=n.oxw();n.xp6(1),n.Q6J("nzPopoverTrigger",null)("nzPopoverVisible",e.popoverVisible)("nzPopoverContent",e.localeObj.picSearcherIntro)}}function nn(o,g){1&o&&(n.TgZ(0,"button",20),n._UZ(1,"span",21),n.qZA())}function en(o,g){if(1&o&&(n.TgZ(0,"nz-badge",29),n._uU(1),n.qZA()),2&o){const e=n.oxw().$implicit;n.xp6(1),n.hij(" ",e," ")}}function on(o,g){if(1&o&&n._uU(0),2&o){const e=n.oxw().$implicit;n.hij(" ",e," ")}}function un(o,g){if(1&o){const e=n.EpF();n.TgZ(0,"li",24),n.NdJ("click",function(t){const i=n.CHM(e).$implicit,l=n.oxw(2);return n.KtG(l.onIconClick(t,i))}),n._UZ(1,"span",25),n.TgZ(2,"span",26),n.YNc(3,en,2,1,"nz-badge",27)(4,on,1,1,"ng-template",null,28,n.W1O),n.qZA()()}if(2&o){const e=g.$implicit,u=n.MAs(5),t=n.oxw(2);n.xp6(1),n.Q6J("nzType",t.kebabCase(e))("nzTheme",t.currentTheme),n.xp6(2),n.Q6J("ngIf",t.isNewIcon(e))("ngIfElse",u)}}function tn(o,g){if(1&o&&(n.ynx(0),n.TgZ(1,"h3"),n._uU(2),n.qZA(),n.TgZ(3,"ul",22),n.YNc(4,un,6,4,"li",23),n.qZA(),n.BQk()),2&o){const e=g.$implicit,u=g.index,t=n.oxw();n.xp6(2),n.Oqu(t.localeObj[e]),n.xp6(2),n.Q6J("ngForOf",t.displayedNames[u].icons)("ngForTrackBy",t.trackByFn)}}function an(o,g){if(1&o){const e=n.EpF();n.TgZ(0,"tr")(1,"td",42)(2,"span",43),n.NdJ("click",function(t){const i=n.CHM(e).$implicit,l=n.oxw(4);return n.KtG(l.onIconClick(t,i.type))}),n.qZA()(),n.TgZ(3,"td"),n._UZ(4,"nz-progress",44),n.qZA()()}if(2&o){const e=g.$implicit,u=n.oxw(4);n.xp6(2),n.Q6J("nzTooltipTitle",e.type)("nzType",e.type)("nzTheme",u.currentTheme),n.xp6(2),n.Q6J("nzPercent",e.score)}}function sn(o,g){if(1&o&&(n.ynx(0),n.TgZ(1,"div",41),n._uU(2),n.qZA(),n.TgZ(3,"table")(4,"thead")(5,"tr")(6,"th",42),n._uU(7),n.qZA(),n.TgZ(8,"th"),n._uU(9),n.qZA()()(),n.TgZ(10,"tbody"),n.YNc(11,an,5,4,"tr",13),n.qZA()(),n.BQk()),2&o){const e=n.oxw(3);n.xp6(2),n.hij(" ",e.localeObj.picSearcherResultTip," "),n.xp6(5),n.hij(" ",e.localeObj.picSearcherThIcon," "),n.xp6(2),n.Oqu(e.localeObj.picSearcherThScore),n.xp6(2),n.Q6J("ngForOf",e.icons)}}function cn(o,g){if(1&o&&n._UZ(0,"nz-result",45),2&o){const e=n.oxw(3);n.Q6J("nzSubTitle",e.localeObj.picSearcherServerError)}}const rn=()=>({showPreviewIcon:!1,showRemoveIcon:!1});function pn(o,g){if(1&o&&(n.ynx(0),n.TgZ(1,"nz-upload",32)(2,"p",33),n._UZ(3,"span",34),n.qZA(),n.TgZ(4,"p",35),n._uU(5),n.qZA(),n.TgZ(6,"p",36),n._uU(7),n.qZA()(),n.TgZ(8,"nz-spin",37)(9,"div",38),n.YNc(10,sn,12,4,"ng-container",39)(11,cn,1,1,"nz-result",40),n.qZA()(),n.BQk()),2&o){const e=n.oxw(2);n.xp6(1),n.Q6J("nzCustomRequest",e.customRequestUploadFile)("nzFileList",e.fileList)("nzShowUploadList",n.DdM(9,rn)),n.xp6(4),n.Oqu(e.localeObj.picSearcherUploadText),n.xp6(2),n.Oqu(e.localeObj.picSearcherUploadHint),n.xp6(1),n.Q6J("nzSpinning",e.loading)("nzTip",e.localeObj.picSearcherMatching),n.xp6(2),n.Q6J("ngIf",e.icons.length),n.xp6(1),n.Q6J("ngIf",e.error)}}function ln(o,g){if(1&o&&(n.TgZ(0,"nz-spin",46),n._UZ(1,"div",47),n.qZA()),2&o){const e=n.oxw(2);n.Q6J("nzTip",e.localeObj.picSearcherModelLoading)}}function dn(o,g){if(1&o&&(n.ynx(0),n.YNc(1,pn,12,10,"ng-container",30)(2,ln,2,1,"ng-template",null,31,n.W1O),n.BQk()),2&o){const e=n.MAs(3),u=n.oxw();n.xp6(1),n.Q6J("ngIf",u.modelLoaded)("ngIfElse",e)}}const gn=["templateRef"];function Zn(o,g){if(1&o&&(n.TgZ(0,"span")(1,"code",1),n._uU(2),n.qZA(),n._uU(3," copied \u{1f389} "),n.qZA()),2&o){const e=n.oxw();n.xp6(2),n.Oqu(e.copiedCode)}}const Y={direction:["StepBackward","StepForward","FastBackward","FastForward","Shrink","ArrowsAlt","Down","Up","Left","Right","CaretUp","CaretDown","CaretLeft","CaretRight","UpCircle","DownCircle","LeftCircle","RightCircle","DoubleRight","DoubleLeft","VerticalLeft","VerticalRight","VerticalAlignTop","VerticalAlignMiddle","VerticalAlignBottom","Forward","Backward","Rollback","Enter","Retweet","Swap","SwapLeft","SwapRight","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","PlayCircle","UpSquare","DownSquare","LeftSquare","RightSquare","Login","Logout","MenuFold","MenuUnfold","BorderBottom","BorderHorizontal","BorderInner","BorderOuter","BorderLeft","BorderRight","BorderTop","BorderVerticle","PicCenter","PicLeft","PicRight","RadiusBottomleft","RadiusBottomright","RadiusUpleft","RadiusUpright","Fullscreen","FullscreenExit"],suggestion:["Question","QuestionCircle","Plus","PlusCircle","Pause","PauseCircle","Minus","MinusCircle","PlusSquare","MinusSquare","Info","InfoCircle","Exclamation","ExclamationCircle","Close","CloseCircle","CloseSquare","Check","CheckCircle","CheckSquare","ClockCircle","Warning","IssuesClose","Stop"],edit:["Edit","Form","Copy","Scissor","Delete","Snippets","Diff","Highlight","AlignCenter","AlignLeft","AlignRight","BgColors","Bold","Italic","Underline","Strikethrough","Redo","Undo","ZoomIn","ZoomOut","FontColors","FontSize","LineHeight","Dash","SmallDash","SortAscending","SortDescending","Drag","OrderedList","UnorderedList","RadiusSetting","ColumnWidth","ColumnHeight"],data:["AreaChart","PieChart","BarChart","DotChart","LineChart","RadarChart","HeatMap","Fall","Rise","Stock","BoxPlot","Fund","Sliders"],logo:["Android","Apple","Windows","Ie","Chrome","Github","Aliwangwang","Dingding","WeiboSquare","WeiboCircle","TaobaoCircle","Html5","Weibo","Twitter","Wechat","Youtube","AlipayCircle","Taobao","Skype","Qq","MediumWorkmark","Gitlab","Medium","Linkedin","GooglePlus","Dropbox","Facebook","Codepen","CodeSandbox","CodeSandboxCircle","Amazon","Google","CodepenCircle","Alipay","AntDesign","AntCloud","Aliyun","Zhihu","Slack","SlackSquare","Behance","BehanceSquare","Dribbble","DribbbleSquare","Instagram","Yuque","Alibaba","Yahoo","Reddit","Sketch"]},_n=["border-outter","radius-upright","colum-width","eye-invisible","batch-folding","code-sandbox","code-sandbox-circle"];let hn=(()=>{class o{onIconClick(e,u){const t=e.target,a=`<span nz-icon nzType="${W(u)}" nzTheme="${this.currentTheme}"></span>`;t.classList.add("copied"),this._copy(a).then(()=>{setTimeout(()=>{t.classList.remove("copied")},1e3)});

1const i=this.getCopiedStringTemplateRef(a);this.message.success(i)}_copy(e){return new Promise(t=>{let a=null;try{a=this.dom.createElement("textarea"),a.style.height="0px",a.style.opacity="0",a.style.width="0px",this.dom.body.appendChild(a),a.value=e,a.select(),this.dom.execCommand("copy"),t(e)}finally{a&&a.parentNode&&a.parentNode.removeChild(a)}})}prepareIcons(){const u=A.IF[this.currentTheme].filter(i=>!["interation","canlendar"].includes(i)).map(i=>function Un(o){const g=function mn(o){return o.replace(/-\w/g,(g,e)=>o.charAt(e+1).toUpperCase())}(o);return g.charAt(0).toUpperCase()+g.slice(1)}(i));let t=Object.keys(Y).map(i=>({name:i,icons:Y[i].filter(l=>u.indexOf(l)>-1&&l.toLowerCase().includes(this.searchingString.toLowerCase()))}));const a=u.filter(i=>t.filter(({name:l})=>"all"!==l).every(l=>!l.icons.includes(i))).filter(i=>i.toLowerCase().includes(this.searchingString.toLocaleLowerCase()));t.push({name:"other",icons:a}),t=t.filter(({icons:i})=>!!i.length),this.displayedNames=t,this.categoryNames=t.map(({name:i})=>i)}setIconsShouldBeDisplayed(e){this.currentTheme=e,this.prepareIcons()}onSearchChange(){this.prepareIcons()}getCopiedStringTemplateRef(e){this.viewContainerRef.clear();const u=this.viewContainerRef.createComponent(An);return u.instance.copiedCode=e,u.instance.templateRef}loadModel(){var e=this;if(window.antdIconClassifier)return void this.onLoad();const u=this.dom.createElement("script"),t="https://cdn.jsdelivr.net/gh/lewis617/[email protected]/dist/main.js";u.type="text/javascript",u.src=t,u.onload=(0,J.Z)(function*(){yield window.antdIconClassifier?.load(),e.onLoad()}),u.onerror=()=>{throw new Error(`${T.Bq} cannot load assets of antd icon classifier from source "${t}".`)},this.dom.head.appendChild(u)}onLoad(){this.modelLoaded=!0,this.dom.addEventListener("paste",this.onPaste)}toImage(e){return new Promise(u=>{const t=new Image;t.setAttribute("crossOrigin","anonymous"),t.src=e,t.onload=function(){u(t)}})}toggleModal(){this.modalVisible=!this.modalVisible,this.popoverVisible=!1,this.fileList=[],this.icons=[],localStorage.getItem("disableIconTip")||localStorage.setItem("disableIconTip","true")}handleChange({file:e,fileList:u}){"uploading"===e.status||"error"===e.status?this.fileList=u:"done"===e.status&&this.uploadFile(e.originFileObj)}constructor(e,u,t,a){this.dom=e,this._iconService=u,this.message=t,this.viewContainerRef=a,this.displayedNames=[],this.categoryNames=[],this.currentTheme="outline",this.localeObj={chooseTheme:"\u9009\u62e9\u56fe\u6807\u4e3b\u9898\u98ce\u683c",direction:"\u65b9\u5411\u6027\u56fe\u6807",suggestion:"\u63d0\u793a\u5efa\u8bae\u6027\u56fe\u6807",edit:"\u7f16\u8f91\u7c7b\u56fe\u6807",data:"\u6570\u636e\u7c7b\u56fe\u6807",other:"\u7f51\u7ad9\u901a\u7528\u56fe\u6807",logo:"\u54c1\u724c\u548c\u6807\u8bc6",search:"\u5728\u6b64\u641c\u7d22\u56fe\u6807\uff0c\u70b9\u51fb\u56fe\u6807\u53ef\u590d\u5236\u4ee3\u7801",picSearcherIntro:"AI \u622a\u56fe\u641c\u7d22\u4e0a\u7ebf\u4e86\uff0c\u5feb\u6765\u4f53\u9a8c\u5427\uff01\u{1f389}",picSearcherMatching:"\u5339\u914d\u4e2d...",picSearcherModelLoading:"\u795e\u7ecf\u7f51\u7edc\u6a21\u578b\u52a0\u8f7d\u4e2d...",picSearcherResultTip:"\u4e3a\u60a8\u5339\u914d\u5230\u4ee5\u4e0b\u56fe\u6807\uff1a",picSearcherServerError:"\u8bc6\u522b\u670d\u52a1\u6682\u4e0d\u53ef\u7528",picSearcherThIcon:"\u56fe\u6807",picSearcherThScore:"\u5339\u914d\u5ea6",picSearcherTitle:"\u4e0a\u4f20\u56fe\u7247\u641c\u7d22\u56fe\u6807",picSearcherUploadHint:"\u6211\u4eec\u4f1a\u901a\u8fc7\u4e0a\u4f20\u7684\u56fe\u7247\u8fdb\u884c\u5339\u914d\uff0c\u5f97\u5230\u6700\u76f8\u4f3c\u7684\u56fe\u6807",picSearcherUploadText:"\u70b9\u51fb/\u62d6\u62fd/\u7c98\u8d34\u4e0a\u4f20\u56fe\u7247"},this.searchingString="",this.error=!1,this.loading=!1,this.modelLoaded=!1,this.modalVisible=!1,this.popoverVisible=!1,this.fileList=[],this.icons=[],this.trackByFn=(i,l)=>`${l}-${this.currentTheme}`,this.kebabCase=i=>W(i),this.isNewIcon=i=>_n.indexOf(i)>-1,this.onPaste=i=>{const l=i.clipboardData&&i.clipboardData.items;let q=null;if(l&&l.length)for(let S=0;S<l.length;S+=1)if(-1!==l[S].type.indexOf("image")){q=l[S].getAsFile();break}q&&this.uploadFile(q)},this.customRequestUploadFile=i=>(0,w.of)(!0).subscribe(()=>{this.uploadFile(i.file)}),this.uploadFile=i=>{this.loading=!0;const l=new FileReader;l.onload=()=>{this.toImage(l.result).then(this.predict),this.fileList=[{uid:"1",name:i.name,status:"done",url:l.result}]}

1,l.readAsDataURL(i)},this.predict=i=>{try{const l=window.antdIconClassifier?.predict(i);this.icons=l.map(q=>({score:Math.ceil(100*q.score),type:q.className.replace(/\s/g,"-")})),this.loading=!1,this.error=!1}catch{this.loading=!1,this.error=!0}},this._iconService.addIcon(m.ro2)}ngOnInit(){this.setIconsShouldBeDisplayed("outline"),this.loadModel(),this.popoverVisible=!localStorage.getItem("disableIconTip")}ngOnDestroy(){this.dom.removeEventListener("paste",this.onPaste),this.viewContainerRef.clear()}static#n=this.\u0275fac=function(u){return new(u||o)(n.Y36(_.K0),n.Y36(U.H5),n.Y36(b.dD),n.Y36(n.s_b))};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-page-demo-icon-zh"]],decls:28,vars:10,consts:[[1,"icon-selector"],[3,"ngModel","ngModelChange"],["nz-radio-button","","nzValue","outline"],["nz-icon",""],["d","M864 64H160C107 64 64 107 64 160v704c0 53 43 96 96 96h704c53 0 96-43 96-96V160c0-53-43-96-96-96z m-12 800H172c-6.6 0-12-5.4-12-12V172c0-6.6 5.4-12 12-12h680c6.6 0 12 5.4 12 12v680c0 6.6-5.4 12-12 12z"],["nz-radio-button","","nzValue","fill"],["d","M864 64H160C107 64 64 107 64 160v704c0 53 43 96 96 96h704c53 0 96-43 96-96V160c0-53-43-96-96-96z"],["nz-radio-button","","nzValue","twotone"],["d","M16 512c0 273.932 222.066 496 496 496s496-222.068 496-496S785.932 16 512 16 16 238.066 16 512z m496 368V144c203.41 0 368 164.622 368 368 0 203.41-164.622 368-368 368z"],["nzSearch","",3,"nzSuffix","nzAddOnAfter"],["nz-input","",3,"placeholder","ngModel","ngModelChange"],["suffixIconCamera",""],["addOnAfterIconSearch",""],[4,"ngFor","ngForOf"],[3,"nzTitle","nzVisible","nzFooter","nzVisibleChange","nzOnCancel"],[4,"nzModalContent"],[1,"icon-pic-searcher"],["nz-icon","","nz-popover","",1,"icon-pic-btn",3,"nzPopoverTrigger","nzPopoverVisible","nzPopoverContent","nzPopoverVisibleChange","click"],["viewBox","64 64 896 896"],["d","M864 248H728l-32.4-90.8a32.07 32.07 0 00-30.2-21.2H358.6c-13.5 0-25.6 8.5-30.1 21.2L296 248H160c-44.2 0-80 35.8-80 80v456c0 44.2 35.8 80 80 80h704c44.2 0 80-35.8 80-80V328c0-44.2-35.8-80-80-80zm8 536c0 4.4-3.6 8-8 8H160c-4.4 0-8-3.6-8-8V328c0-4.4 3.6-8 8-8h186.7l17.1-47.8 22.9-64.2h250.5l22.9 64.2 17.1 47.8H864c4.4 0 8 3.6 8 8v456zM512 384c-88.4 0-160 71.6-160 160s71.6 160 160 160 160-71.6 160-160-71.6-160-160-160zm0 256c-53 0-96-43-96-96s43-96 96-96 96 43 96 96-43 96-96 96z"],["nz-button","","nzType","default","nzSearch",""],["nz-icon","","nzType","search"],[1,"anticons-list"],[3,"click",4,"ngFor","ngForOf","ngForTrackBy"],[3,"click"],["nz-icon","",3,"nzType","nzTheme"],[1,"anticon-class"],["nzDot","",4,"ngIf","ngIfElse"],["notNewTpl",""],["nzDot",""],[4,"ngIf","ngIfElse"],["modelLoadingTpl",""],["nzType","drag","nzAccept","image/jpeg, image/png","nzListType","picture",3,"nzCustomRequest","nzFileList","nzShowUploadList"],[1,"ant-upload-drag-icon"],["nz-icon","","nzType","inbox","nzTheme","outline"],[1,"ant-upload-text"],[1,"ant-upload-hint"],[3,"nzSpinning","nzTip"],[1,"icon-pic-search-result"],[4,"ngIf"],["nzStatus","500","nzTitle","503",3,"nzSubTitle",4,"ngIf"],[1,"result-tip"],[1,"col-icon"],["nz-icon","","nz-tooltip","","nzTooltipPlacement","right",3,"nzTooltipTitle","nzType","nzTheme","click"],["nzStrokeLinecap","round",3,"nzPercent"],["nzStatus","500","nzTitle","503",3,"nzSubTitle"],[3,"nzTip"],[2,"height","100px"]],template:function(u,t){if(1&u&&(n.TgZ(0,"h3"),n._uU(1),n.qZA(),n.TgZ(2,"div",0)(3,"nz-radio-group",1),n.NdJ("ngModelChange",function(i){return t.setIconsShouldBeDisplayed(i)}),n.TgZ(4,"label",2)(5,"span",3),n.O4$(),n.TgZ(6,"svg"),n._UZ(7,"path",4),n.qZA()(),n._uU(8," Outlined "),n.qZA(),n.kcU(),n.TgZ(9,"label",5)(10,"span",3),n.O4$(),n.TgZ(11,"svg"),n._UZ(12,"path",6),n.qZA()(),n._uU(13," Filled "),n.qZA(),n.kcU(),n.TgZ(14,"label",7)(15,"span",3),n.O4$(),n.TgZ(16,"svg"),n._UZ(17,"path",8),n.qZA()(),n._uU(18," Two Tone "),n.qZA()(),n.kcU(),n.TgZ(19,"nz-input-group",9)(20,"input",10),n.NdJ("ngModelChange",function(i){return t.searchingString=i})("ngModelChange",function(){return t.onSearchChange()}),n.qZA()(),n.YNc(21,$,4,3,"ng-template",null,11,n.W1O)(23,nn,2,0,"ng-template",null,12,n.W1O),n.qZA(),n.YNc(25,tn,5,3,"ng-container",13),n.TgZ(26,"nz-modal",14),n.NdJ("nzVisibleChange",function(i){return t.modalVisible=i})("nzOnCancel",function(){return t.toggleModal()}),n.YNc(27,dn,4,2,"ng-container",15),n.qZA()),2&u){const a=n.MAs(22),i=n.MAs(24);n.xp6(1),n.Oqu(t.localeObj.chooseTheme),n.xp6(2),n.Q6J("ngModel",t.currentTheme),n.xp6(16),n.Q6J("nzSuffix",a)("nzAddOnAfter",i),n.xp6(1),n.Q6J("placeholder",t.localeObj.search)("ngModel",t.searchingString),n.xp6(5),n.Q6J("ngForOf",t.categoryNames),n.xp6(1),n.Q6J("nzTitle",t.localeObj.picSearcherTitle)("nzVisible",t.modalVisible)("nzFooter",null)}},dependencies:[_.sg,_.O5,z.Fj,z.JJ,z.On,B.SY,U.Ls,f.Of,f.Bq,f.Dg,C.Zp,C.gB,C.ke,O.x7,F.ix,y.w,j.dQ,D.du,D.Hf,M.lU,R.M,x.ml,k.W,v.FY],styles:["h3[_ngcontent-%COMP%]{margin:1.6em 0 .6em;font-size:18px}","ul.anticons-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .anticon[_ngcontent-%COMP%]{font-size:24px}",".icon-selector[_ngcontent-%COMP%]{display:flex;justify-content:space-between}nz-input-group[_ngcontent-%COMP%]{margin-left:10px;flex:1 1 0%}"]})}return o}

1)(),An=(()=>{class o{static#n=this.\u0275fac=function(u){return new(u||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-page-demo-icon-copied-code"]],viewQuery:function(u,t){if(1&u&&n.Gf(gn,7),2&u){let a;n.iGM(a=n.CRH())&&(t.templateRef=a.first)}},inputs:{copiedCode:"copiedCode"},decls:2,vars:0,consts:[["templateRef",""],[1,"copied-code"]],template:function(u,t){1&u&&n.YNc(0,Zn,4,1,"ng-template",null,0,n.W1O)},encapsulation:2})}return o})();function W(o){return o.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([0-9])([a-zA-Z]+)$/g,"-$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}let Tn=(()=>{class o{constructor(){this.expanded=!1}goLink(e){window&&(window.location.hash=e)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(e=>{e.nzExpanded=this.expanded,e.expandCode(this.expanded),e.check()})}static#n=this.\u0275fac=function(u){return new(u||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-icon"]],viewQuery:function(u,t){if(1&u&&n.Gf(E.G,5),2&u){let a;n.iGM(a=n.CRH())&&(t.codeBoxes=a)}},decls:1015,vars:27,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-icon-demo-basic","nzTitle","\u57fa\u672c\u4f7f\u7528"],["nzHref","#components-icon-demo-twotone","nzTitle","\u591a\u8272\u56fe\u6807"],["nzHref","#components-icon-demo-custom","nzTitle","\u81ea\u5b9a\u4e49\u56fe\u6807"],["nzHref","#components-icon-demo-iconfont","nzTitle","\u4f7f\u7528 Iconfont.cn"],["nzHref","#components-icon-demo-namespace","nzTitle","\u547d\u540d\u7a7a\u95f4"],["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/icon/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","\u56fe\u6807\u5217\u8868"],["onclick","window.location.hash = '\u56fe\u6807\u5217\u8868'",1,"anchor"],["href","https://ant.design/components/icon-cn/","target","_blank","rel","noopener"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],[1,"page-demo"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5c55\u5f00\u5168\u90e8\u4ee3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57fa\u672c\u4f7f\u7528","nzSelector","nz-demo-icon-basic","nzGenerateCommand","ng g ng-zorro-antd:icon-basic <name>","nzComponentName","NzDemoIconBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u81ea\u5b9a\u4e49\u56fe\u6807","nzSelector","nz-demo-icon-custom","nzGenerateCommand","ng g ng-zorro-antd:icon-custom <name>","nzComponentName","NzDemoIconCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u547d\u540d\u7a7a\u95f4","nzSelector","nz-demo-icon-namespace","nzGenerateCommand","ng g ng-zorro-antd:icon-namespace <name>","nzComponentName","NzDemoIconNamespaceComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u591a\u8272\u56fe\u6807","nzSelector","nz-demo-icon-twotone","nzGenerateCommand","ng g ng-zorro-antd:icon-twotone <name>","nzComponentName","NzDemoIconTwotoneComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u4f7f\u7528 Iconfont.cn","nzSelector","nz-demo-icon-iconfont","nzGenerateCommand","ng g ng-zorro-antd:icon-iconfont <name>","nzComponentName","NzDemoIconIconfontComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["href","http://iconfont.cn/","target","_blank","rel","noopener"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-icon]"],[1,"api-type-label","directive"],["onclick","window.location.hash = '[nz-icon]'",1,"anchor"],["id","nziconservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nziconservice'",1,"anchor"],["id","svg-\u56fe\u6807"],["onclick","window.location.hash = 'svg-\u56fe\u6807'",1,"anchor"],["href","https://github.com/ant-design/ant-design/issues/10353","target","_blank","rel","noopener"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","style-attr","language-css"],[1,"token","property"],[1,"token","number"],[1,"token","hexcode"],["id","\u9759\u6001\u52a0\u8f7d\u4e0e\u52a8\u

16001\u52a0\u8f7d"],["onclick","window.location.hash = '\u9759\u6001\u52a0\u8f7d\u4e0e\u52a8\u6001\u52a0\u8f7d'",1,"anchor"],["spellcheck","true",1,"token","comment"],[1,"token","operator"],[1,"token","function"],[1,"token","class-name"],[1,"language-json"],["id","\u5728\u5b50\u6a21\u5757\u4e2d\u8865\u5145\u56fe\u6807"],["onclick","window.location.hash = '\u5728\u5b50\u6a21\u5757\u4e2d\u8865\u5145\u56fe\u6807'",1,"anchor"],["id","\u53cc\u8272\u56fe\u6807\u4e3b\u8272"],["onclick","window.location.hash = '\u53cc\u8272\u56fe\u6807\u4e3b\u8272'",1,"anchor"],["id","\u81ea\u5b9a\u4e49-font-\u56fe\u6807"],["onclick","window.location.hash = '\u81ea\u5b9a\u4e49-font-\u56fe\u6807'",1,"anchor"],[1,"language-typescript"],["href","http://iconfont.cn/help/detail?spm=a313x.7781069.1998910419.15&helptype=code","target","_blank","rel","noopener"],["id","\u547d\u540d\u7a7a\u95f4"],["onclick","window.location.hash = '\u547d\u540d\u7a7a\u95f4'",1,"anchor"],["id","\u5e38\u89c1\u95ee\u9898"],["onclick","window.location.hash = '\u5e38\u89c1\u95ee\u9898'",1,"anchor"],["id","\u56fe\u6807\u90fd\u4e0d\u89c1\u4e86\uff01"],["onclick","window.location.hash = '\u56fe\u6807\u90fd\u4e0d\u89c1\u4e86\uff01'",1,"anchor"],["id","\u6211\u60f3\u9759\u6001\u5f15\u5165\u5168\u90e8\u7684\u56fe\u6807\uff0c\u8be5\u600e\u4e48\u505a\uff1f"],["onclick","window.location.hash = '\u6211\u60f3\u9759\u6001\u5f15\u5165\u5168\u90e8\u7684\u56fe\u6807\uff0c\u8be5\u600e\u4e48\u505a\uff1f'",1,"anchor"],["href","/components/icon/zh#%E9%9D%99%E6%80%81%E5%8A%A0%E8%BD%BD%E4%B8%8E%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD"],["id","\u52a8\u6001\u52a0\u8f7d\u4f1a\u4e0d\u4f1a\u5f71\u54cd\u7f51\u9875\u7684\u6027\u80fd\uff1f"],["onclick","window.location.hash = '\u52a8\u6001\u52a0\u8f7d\u4f1a\u4e0d\u4f1a\u5f71\u54cd\u7f51\u9875\u7684\u6027\u80fd\uff1f'",1,"anchor"],["id","\u6211\u600e\u4e48\u77e5\u9053\u4e00\u4e2a-icon-\u7684\u9759\u6001\u5f15\u5165\u540d\uff1f"],["onclick","window.location.hash = '\u6211\u600e\u4e48\u77e5\u9053\u4e00\u4e2a-icon-\u7684\u9759\u6001\u5f15\u5165\u540d\uff1f'",1,"anchor"]],template:function(u,t){1&u&&(n.TgZ(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.NdJ("nzClick",function(i){return t.goLink(i)}),n._UZ(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),n.qZA()(),n.TgZ(9,"section",8)(10,"h1"),n._uU(11,"Icon"),n.TgZ(12,"span",9),n._uU(13,"\u56fe\u6807"),n.qZA(),n._UZ(14,"span",10),n.TgZ(15,"a",11),n._UZ(16,"span",12),n.qZA()(),n.TgZ(17,"section",8),n.IAx(),n.TgZ(18,"p"),n._uU(19,"\u8bed\u4e49\u5316\u7684\u77e2\u91cf\u56fe\u5f62\u3002"),n.qZA(),n.TgZ(20,"h2",13)(21,"span"),n._uU(22,"\u56fe\u6807\u5217\u8868"),n.qZA(),n.TgZ(23,"a",14),n._uU(24,"#"),n.qZA()(),n.TgZ(25,"p"),n._uU(26,"\u65b0\u7248\u56fe\u6807\u53ef\u80fd\u7565\u6709\u7f3a\u5931\uff0c\u6211\u4eec\u5c06\u4e0e "),n.TgZ(27,"a",15),n._uU(28,"Ant Design"),n.qZA(),n._uU(29," \u540c\u6b65\u4fdd\u6301\u56fe\u6807\u7684\u66f4\u65b0\u3002"),n.qZA(),n.TgZ(30,"pre",16)(31,"code")(32,"span",17),n._uU(33,"import"),n.qZA(),n._uU(34," "),n.TgZ(35,"span",18),n._uU(36,"{"),n.qZA(),n._uU(37," NzIconModule "),n.TgZ(38,"span",18),n._uU(39,"}"),n.qZA(),n._uU(40," "),n.TgZ(41,"span",17),n._uU(42,"from"),n.qZA(),n._uU(43," "),n.TgZ(44,"span",19),n._uU(45,"'ng-zorro-antd/icon'"),n.qZA(),n.TgZ(46,"span",18),n._uU(47,";"),n.qZA()()(),n.fQ9(),n.qZA(),n.TgZ(48,"section",20),n._UZ(49,"nz-page-demo-icon-zh"),n.qZA(),n.TgZ(50,"h2")(51,"span"),n._uU(52,"\u4ee3\u7801\u6f14\u793a"),n.qZA(),n.TgZ(53,"span",21),n.NdJ("click",function(){return t.expandAllCode()}),n.qZA()()(),n.TgZ(54,"div",22)(55,"div",23)(56,"nz-code-box",24),n._UZ(57,"nz-demo-icon-basic",25),n.TgZ(58,"div",26),n.IAx(),n.TgZ(59,"p"),n._uU(60,"\u4f7f\u7528 "),n.TgZ(61,"code"),n._uU(62,"<span ></span>"),n.qZA(),n._uU(63," \u6807\u7b7e\u58f0\u660e\u7ec4\u4ef6\uff0c\u6307\u5b9a\u56fe\u6807\u5bf9\u5e94\u7684 "),n.TgZ(64,"code"),n._uU(65,"nzType"),n.qZA(),n._uU(66," \u5c5e\u6027\u3002\u53ef\u4ee5\u901a\u8fc7 "),n.TgZ(67,"code"),n._uU(68,"nzTheme"),n.qZA(),n._uU(69," \u5c5e\u6027\u6765\u8bbe\u7f6e\u4e0d\u540c\u7684\u4e3b\u9898\u98ce\u683c\u7684\u56fe\u6807\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7\u8bbe\u7f6e "),n.TgZ(70,"code"),n._uU(71,"nzSpin"),n.qZA(),n._uU(72," \u5c5e\u6027\u6765\u5b9e\u73b0\u52a8\u753b\u65cb\u8f6c\u6548\u679c\u3002\u5bf9\u65e7\u7684 API "),n.TgZ(73,"code"),n._uU(74,'<i class="anticon"></i>'),n.qZA(),n._uU(75," \u517c\u5bb9\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(76,"nz-code-box",27),n._UZ(77,"nz-demo-icon-custom",25),n.TgZ(78,"div",26),n.IAx(),n.TgZ(79,"p"),n._uU(80,"\u4f60\u53ef\u4ee5\u76f4\u63a5\u5c06 "),n.TgZ(81,"code"),n._uU(82,"svg"),n.qZA(),n._uU(83," \u6807\u7b7e\u653e\u5728 "),n.TgZ(84,"code"),n._uU(85,"nz-icon"),n.qZA(),n._uU(86," \u4e2d\u6765\u6e32\u67d3\u81ea\u5b9a\u4e49\u5185\u5bb9\uff0c\u6211\u4eec\u4f1a\u4e3a\u4f60\u5904\u7406\u5927\u5c0f\u548c\u989c\u8272\u7b49\u95ee\u9898\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(87,"nz-code-box",28),n._UZ(88,"nz-demo-icon-namespace",25),n.TgZ(89,"div",26),n.IAx(),n.TgZ(90,"p"),n._uU(91,"\u53ef\u4ee5\u4f7f\u7528\u547d\u540d\u7a7a\u95f4\u6765\u6dfb\u52a0\u81ea\u5b9a\u4e49\u7684 Icon\uff0c\u652f\u6301\u9759\u6001\u52a0\u8f7d\u548c\u52a8\u6001\u52a0\u8f7d\u3002"),n.qZA(),n.fQ9(),n.qZA()()(),n.TgZ(92,"div",23)(93,"nz-code-box",29),n._UZ(94,"nz-demo-icon-twotone",25),n.TgZ(95,"div",26),n.IAx(),n.TgZ(96,"p"),n._uU(97,"\u53ef\u4ee5\u901a\u8fc7\u8bbe\u7f6e "),n.TgZ(98,"code"),n._uU(99,"nzTheme"),n.qZA(),n._uU(100," \u5c5e\u6027\u4e3a "),n.TgZ(101,"code"),n._uU(102,"twotone"),n.qZA(),n._uU(103," \u6765\u6e32\u67d3\u53cc\u8272\u56fe\u6807\uff0c\u5e76\u4e14\u53ef\u4ee5\u8bbe\u7f6e\u4e3b\u9898\u8272\u3002"),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(104,"nz-code-box",30),n._UZ(105,"nz-demo-icon-iconfont",25),n.TgZ(106,"div",26),n.IAx(),n.TgZ(107,"p"),n._uU(108,"\u5bf9\u4e8e\u4f7f\u7528 "),n.TgZ(109,"a",31),n._uU(110,"iconfont.cn"),n.qZA(),n._uU(111," \u7684\u7528\u6237\uff0c\u901a\u8fc7\u8bbe\u7f6e "),n.TgZ(112,"code"),n._uU(113,"fetchFromIconfont"),n.qZA(),n._uU(114," \u65b9\u6cd5\u53c2\u6570\u5bf9\u8c61\u4e2d\u7684 "),n.TgZ(115,"code"),n._uU(116,"scriptUrl"),n.qZA(),n._uU(117," \u5b57\u6bb5\uff0c\u5373\u53ef\u8f7b\u677e\u5730\u4f7f\u7528\u5df2\u6709\u9879\u76ee\u4e2d\u7684\u56fe\u6807\u3002"),n.qZA(),n.fQ9(),n.qZA()()()(),n.TgZ(118,"section",32),n.IAx(),n.TgZ(119,"h2",33)(120,"span"),n._uU(121,"API"),n.qZA(),n.TgZ(122,"a",34),n._uU(123,"#"),n.qZA()(),n.TgZ(124,"h3",35)(125,"span"),n._uU(126,"[nz-icon]"),n.qZA(),n.TgZ(127,"label",36),n._uU(128,"directive"),n.qZA(),n.TgZ(129,"a",37),n._uU(130,"#"),n.qZA()(),n.TgZ(131,"table")(132,"thead")(133,"tr")(134,"th"),n._uU(135,"\u53c2\u6570"),n.qZA(),n.TgZ(136,"th"),n._uU(137,"\u8bf4\u660e"),n.qZA(),n.TgZ(138,"th"),n._uU(139,"\u7c7b\u578b"),n.qZA(),n.TgZ(140,"th"),n._uU(141,"\u9ed8\u8ba4\u503c"),n.qZA(),n.TgZ(142,"th"),n._uU(143,"\u652f\u6301\u5168\u5c40\u914d\u7f6e"),n.qZA()()(),n.TgZ(144,"tbody")(145,"tr")(146,"td")(147,"code"),n._uU(148,"[nzType]"),n.qZA()(),n.TgZ(149,"td"),n._uU(150,"\u56fe\u6807\u7c7b\u578b\uff0c\u9075\u5faa\u56fe\u6807\u7684\u547d\u540d\u89c4\u8303"),n.qZA(),n.TgZ(151,"td"),n._uU(152,"string"),n.qZA(),n.TgZ(153,"td"),n._uU(154,"-"),n.qZA(),n._UZ(155,"td"),n.qZA(),n.TgZ(156,"tr")(157,"td")(158,"code"),n._uU(159,"[nzTheme]"),n.qZA()(),n.TgZ(160,"td"),n._uU(161,"\u56fe\u6807\u4e3b\u9898\u98ce\u683c\u3002\u53ef\u9009\u5b9e\u5fc3\u3001\u63cf\u7ebf\u3001\u53cc\u8272\u7b49\u4e3b\u9898\u98ce\u683c\uff0c\u9002\u7528\u4e8e\u5b98\u65b9\u56fe\u6807"),n.qZA(),n.TgZ(162,"td")(163,"code"),n._uU(164,"'fill'\u4e28'outline'\u4e28'twotone'"),n.qZA()(),n.TgZ(165,"td")(166,"code"),n._uU(167,"'outline'"),n.qZA()(),n.TgZ(168,"td"),n._uU(169,"\u2705"),n.qZA()(),n.TgZ(170,"tr")(171,"td")(172,"code"),n._uU(173,"[nzSpin]"),n.qZA()(),n.TgZ(174,"td"),n._uU(175,"\u662f\u5426\u6709\u65cb\u8f6c\u52a8\u753b"),n.qZA(),n.TgZ(176,"td")(177,"code"),n._uU(178,"boolean"),n.qZA()(),n.TgZ(179,"td")(180,"code"),n._uU(181,"false"),n.qZA()(),n._UZ(182,"td"),n.qZA(),n.TgZ(183,"tr")(184,"td")(185,"code"),n._uU(186,"[nzTwotoneColor]"),n.qZA()(),n.TgZ(187,"td"),n._uU(188,"\u4ec5\u9002\u7528\u53cc\u8272\u56fe\u6807\uff0c\u8bbe\u7f6e\u53cc\u8272\u56fe\u6807\u7684\u4e3b\u8981\u989c\u8272\uff0c\u9ed8\u8ba4\u4e3a Ant Design \u84dd\u8272"),n.qZA(),n.TgZ(189,"td")(190,"code"),n._uU(191,"string (\u5341\u516d\u8fdb\u5236\u989c\u8272)"),n.qZA()(),n.TgZ(192,"td"),n._uU(193,"-"),n.qZA(),n.TgZ(194,"td"),n._uU(195,"\u2705"),n.qZA()(),n.TgZ(196,"tr")(197,"td")(198,"code"),n._uU(199,"[nzIconfont]"),n.qZA()(),n.TgZ(200,"td"),n._uU(201,"\u6307\u5b9a\u6765\u81ea IconFont \u7684\u56fe\u6807\u7c7b\u578b"),n.qZA(),n.TgZ(202,"td"),n._uU(203,"string"),n.qZA(),n.TgZ(204,"td"),n._uU(205,"-"),n.qZA(),n._UZ(206,"td"),n.qZA(),n.TgZ(207,"tr")(208,"td")(209,"code"),n._uU(210,"[nzRotate]"),n.qZA()(),n.TgZ(211,"td"),n._uU(212,"\u56fe\u6807\u65cb\u8f6c\u89d2\u5ea6\uff087.0.0 \u5f00\u59cb\u652f\u6301\uff09"),n.qZA(),n.TgZ(213,"td")(214,"code"),n._uU(215,"number"),n.qZA()(),n.TgZ(216,"td"),n._uU(217,"-"),n.qZA(),n._UZ(218,"td"),n.qZA()()(),n.TgZ(219,"h3",38)(220,"span"),n._uU(221,"NzIconService"),n.qZA(),n.TgZ(222,"label",39),n._uU(223,"service"),n.qZA(),n.TgZ(224,"a",40),n._uU(225,"#"),n.qZA()(),n.TgZ(226,"table")(227,"thead")(228,"tr")(229,"th"),n._uU(230,"\u65b9\u6cd5/\u5c5e\u6027"),n.qZA(),n.TgZ(231,"th"),n._uU(232,"\u8bf4\u660e"),n.qZA(),n.TgZ(233,"th"),n._uU(234,"\u53c2\u6570"),n.qZA()()(),n.TgZ(235,"tbody")(236,"tr")(237,"td")(238,"code"),n._uU(239,"addIcon()"),n.qZA()(),n.TgZ(240,"td"),n._uU(241,"\u7528\u4e8e\u9759\u6001\u5f15\u5165\u56fe\u6807\uff0c\u53ef\u4f20\u5165\u591a\u4e2a\u503c\uff08\u6216\u8005\u7528\u6570\u7ec4\u89e3\u6784\u8d4b\u503c\uff09"),n.qZA(),n.TgZ(242,"td")(243,"code"),n._uU(244,"IconDefinition"),n.qZA()()(),n.TgZ(245,"tr")(246,"td")(247,"code"),n._uU(248,"addIconLiteral()"),n.qZA()(),n.TgZ(249,"td"),n._uU(250,"\u7528\u4e8e\u9759\u6001\u5f15\u5165\u7528\u6237\u81ea\u5b9a\u4e49\u56fe\u6807"),n.qZA(),n.TgZ(251,"td")(252,"code"),n._uU(253,"string"),n.qZA(),n._uU(254,", "),n.TgZ(255,"code"),n._uU(256,"string (SVG)"),n.qZA()()(),n.TgZ(257,"tr")(258,"td")(259,"code"),n._uU(260,"fetchFromIconfont()"),n.qZA()(),n.TgZ(261,"td"),n._uU(262,"\u7528\u4e8e\u4ece FontIcon \u83b7\u53d6\u56fe\u6807\u8d44\u

16e90\u6587\u4ef6"),n.qZA(),n.TgZ(263,"td")(264,"code"),n._uU(265,"NzIconfontOption"),n.qZA()()(),n.TgZ(266,"tr")(267,"td")(268,"code"),n._uU(269,"changeAssetsSource()"),n.qZA()(),n.TgZ(270,"td"),n._uU(271,"\u7528\u4e8e\u4fee\u6539\u52a8\u6001\u52a0\u8f7d icon \u7684\u8d44\u6e90\u524d\u7f00\uff0c\u4f7f\u5f97\u4f60\u53ef\u4ee5\u90e8\u7f72\u56fe\u6807\u8d44\u6e90\u5230\u4f60\u60f3\u8981\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u4f8b\u5982 cdn"),n.qZA(),n.TgZ(272,"td")(273,"code"),n._uU(274,"string"),n.qZA()()()()(),n.TgZ(275,"h3",41)(276,"span"),n._uU(277,"SVG \u56fe\u6807"),n.qZA(),n.TgZ(278,"a",42),n._uU(279,"#"),n.qZA()(),n.TgZ(280,"p"),n._uU(281,"\u6211\u4eec\u4e0e Ant Design \u540c\u6b65\uff0c\u4f7f\u7528\u4e86 svg \u56fe\u6807\u66ff\u6362\u4e86\u539f\u5148\u7684 font \u56fe\u6807\uff0c\u4ece\u800c\u5e26\u6765\u4e86\u4ee5\u4e0b\u4f18\u52bf\uff1a"),n.qZA(),n.TgZ(282,"ul")(283,"li"),n._uU(284,"\u5b8c\u5168\u79bb\u7ebf\u5316\u4f7f\u7528\uff0c\u4e0d\u9700\u8981\u4ece\u652f\u4ed8\u5b9d cdn \u4e0b\u8f7d\u5b57\u4f53\u6587\u4ef6\uff0c\u56fe\u6807\u4e0d\u4f1a\u56e0\u4e3a\u7f51\u7edc\u95ee\u9898\u5448\u73b0\u65b9\u5757\uff0c\u540c\u65f6\u8fd8\u652f\u6301\u672c\u5730\u90e8\u7f72\u3002"),n.qZA(),n.TgZ(285,"li"),n._uU(286,"\u5728\u4f4e\u7aef\u8bbe\u5907\u4e0a SVG \u6709\u66f4\u597d\u7684\u6e05\u6670\u5ea6\u3002"),n.qZA(),n.TgZ(287,"li"),n._uU(288,"\u652f\u6301\u591a\u8272\u56fe\u6807\u3002"),n.qZA(),n.TgZ(289,"li"),n._uU(290,"\u5bf9\u4e8e\u5185\u5efa\u56fe\u6807\u7684\u66f4\u6362\u53ef\u4ee5\u63d0\u4f9b\u66f4\u591a API\uff0c\u800c\u4e0d\u9700\u8981\u8fdb\u884c\u6837\u5f0f\u8986\u76d6\u3002"),n.qZA()(),n.TgZ(291,"p"),n._uU(292,"\u53ef\u53c2\u4e0e Ant Design \u7684\u76f8\u5173\u8ba8\u8bba\uff1a"),n.TgZ(293,"a",43),n._uU(294,"#10353"),n.qZA(),n._uU(295,"\u3002"),n.qZA(),n.TgZ(296,"p"),n._uU(297,"NG-ZORRO \u4e4b\u524d\u5e76\u6ca1\u6709\u56fe\u6807\u7ec4\u4ef6\uff0c\u800c\u662f\u63d0\u4f9b\u4e86\u57fa\u4e8e\u5b57\u4f53\u6587\u4ef6\u7684\u89e3\u51b3\u65b9\u6848\u3002\u65b0\u7248\u672c\u4e2d\u6211\u4eec\u63d0\u4f9b\u4e86\u65e7 API \u517c\u5bb9\uff0c\u5982\u679c\u4f60\u4e0d\u4fee\u6539\u65e2\u6709\u7684\u4ee3\u7801\uff0c\u6240\u6709\u7684\u56fe\u6807\u90fd\u4f1a\u88ab\u52a8\u6001\u52a0\u8f7d\u6210 "),n.TgZ(298,"code"),n._uU(299,"outline"),n.qZA(),n._uU(300," \u4e3b\u9898\u7684\u56fe\u6807\uff0c\u800c\u6700\u4f73\u5b9e\u8df5\u662f\u4f7f\u7528\u65b0\u7684\u6307\u4ee4 "),n.TgZ(301,"code"),n._uU(302,"nz-icon"),n.qZA(),n._uU(303," \u5e76\u4f20\u5165 "),n.TgZ(304,"code"),n._uU(305,"theme"),n.qZA(),n._uU(306," \u4ee5\u660e\u786e\u56fe\u6807\u7684\u4e3b\u9898\u98ce\u683c\uff0c\u4f8b\u5982\uff1a"),n.qZA(),n.TgZ(307,"pre",44)(308,"code")(309,"span",45)(310,"span",45)(311,"span",18),n._uU(312,"<"),n.qZA(),n._uU(313,"span"),n.qZA(),n._uU(314," "),n.TgZ(315,"span",46),n._uU(316,"nz-icon"),n.qZA(),n._uU(317," "),n.TgZ(318,"span",46),n._uU(319,"[nzType]"),n.qZA(),n.TgZ(320,"span",47)(321,"span",18),n._uU(322,"="),n.qZA(),n.TgZ(323,"span",18),n._uU(324,'"'),n.qZA(),n.TgZ(325,"span",18),n._uU(326,"'"),n.qZA(),n._uU(327,"star"),n.TgZ(328,"span",18),n._uU(329,"'"),n.qZA(),n.TgZ(330,"span",18),n._uU(331,'"'),n.qZA()(),n._uU(332," "),n.TgZ(333,"span",46),n._uU(334,"[nzTheme]"),n.qZA(),n.TgZ(335,"span",47)(336,"span",18),n._uU(337,"="),n.qZA(),n.TgZ(338,"span",18),n._uU(339,'"'),n.qZA(),n.TgZ(340,"span",18),n._uU(341,"'"),n.qZA(),n._uU(342,"fill"),n.TgZ(343,"span",18),n._uU(344,"'"),n.qZA(),n.TgZ(345,"span",18),n._uU(346,'"'),n.qZA()(),n.TgZ(347,"span",18),n._uU(348,">"),n.qZA()(),n.TgZ(349,"span",45)(350,"span",45)(351,"span",18),n._uU(352,"</"),n.qZA(),n._uU(353,"span"),n.qZA(),n.TgZ(354,"span",18),n._uU(355,">"),n.qZA()()()(),n.TgZ(356,"p"),n._uU(357,"\u6240\u6709\u7684\u56fe\u6807\u90fd\u4f1a\u4ee5 "),n.TgZ(358,"code"),n._uU(359,"<svg>"),n.qZA(),n._uU(360," \u6807\u7b7e\u6e32\u67d3\uff0c\u4f46\u662f\u4f60\u8fd8\u662f\u53ef\u4ee5\u7528\u4e4b\u524d\u5bf9 i \u6807\u7b7e\u8bbe\u7f6e\u7684\u6837\u5f0f\u548c\u7c7b\u6765\u63a7\u5236 svg \u7684\u6837\u5f0f\uff0c\u4f8b\u5982\uff1a"),n.qZA(),n.TgZ(361,"pre",44)(362,"code")(363,"span",45)(364,"span",45)(365,"span",18),n._uU(366,"<"),n.qZA(),n._uU(367,"span"),n.qZA(),n._uU(368," "),n.TgZ(369,"span",46),n._uU(370,"nz-icon"),n.qZA(),n._uU(371," "),n.TgZ(372,"span",46),n._uU(373,"[nzType]"),n.qZA(),n.TgZ(374,"span",47)(375,"span",18),n._uU(376,"="),n.qZA(),n.TgZ(377,"span",18),n._uU(378,'"'),n.qZA(),n.TgZ(379,"span",18),n._uU(380,"'"),n.qZA(),n._uU(381,"message"),n.TgZ(382,"span",18),n._uU(383,"'"),n.qZA(),n.TgZ(384,"span",18),n._uU(385,'"'),n.qZA()(),n.TgZ(386,"span",48)(387,"span",46),n._uU(388," "),n.TgZ(389,"span",46),n._uU(390,"style"),n.qZA()(),n.TgZ(391,"span",18),n._uU(392,'="'),n.qZA(),n.TgZ(393,"span",47)(394,"span",49),n._uU(395,"font-size"),n.qZA(),n.TgZ(396,"span",18),n._uU(397,":"),n.qZA(),n._uU(398," "),n.TgZ(399,"span",50),n._uU(400,"16"),n.qZA(),n._uU(401,"px"),n.TgZ(402,"span",18),n._uU(403,";"),n.qZA(),n._uU(404," "),n.TgZ(405,"span",49),n._uU(406,"color"),n.qZA(),n.TgZ(407,"span",18),n._uU(408,":"),n.qZA(),n._uU(409," "),n.TgZ(410,"span",51),n._uU(411,"#08c"),n.qZA(),n.TgZ(412,"span",18),n._uU(413,";"),n.qZA()(),n.TgZ(414,"span",18),n._uU(415,'"'),n.qZA()(),n.TgZ(416,"span",18),n._uU(417,">"),n.qZA()(),n.TgZ(418,"span",45)(419,"span",45)(420,"span",18),n._uU(421,"</"),n.qZA(),n._uU(422,"span"),n.qZA(),n.TgZ(423,"span",18),n._uU(424,">"),n.qZA()()()(),n.TgZ(425,"h3",52)(426,"span"),n._uU(427,"\u9759\u6001\u52a0\u8f7d\u4e0e\u52a8\u

16001\u52a0\u8f7d"),n.qZA(),n.TgZ(428,"a",53),n._uU(429,"#"),n.qZA()(),n.TgZ(430,"p"),n._uU(431,"\u5bf9\u4e8e Ant Design \u63d0\u4f9b\u7684\u56fe\u6807\uff0c\u6211\u4eec\u63d0\u4f9b\u4e86\u4e24\u79cd\u65b9\u5f0f\u6765\u52a0\u8f7d\u56fe\u6807\u8d44\u6e90\u6587\u4ef6\u3002"),n.qZA(),n.TgZ(432,"p"),n._uU(433,"\u9759\u6001\u52a0\u8f7d\uff0c\u5728 "),n.TgZ(434,"code"),n._uU(435,"AppModule"),n.qZA(),n._uU(436," \u91cc\u52a0\u5165\u4f60\u9700\u8981\u7684\u56fe\u6807\uff08\u63a8\u8350\uff09\u6216\u8005\u662f\u5168\u90e8\u7684\u56fe\u6807\uff0c\u4f8b\u5982\uff1a"),n.qZA(),n.TgZ(437,"pre",16)(438,"code")(439,"span",17),n._uU(440,"import"),n.qZA(),n._uU(441," "),n.TgZ(442,"span",18),n._uU(443,"{"),n.qZA(),n._uU(444," IconDefinition "),n.TgZ(445,"span",18),n._uU(446,"}"),n.qZA(),n._uU(447," "),n.TgZ(448,"span",17),n._uU(449,"from"),n.qZA(),n._uU(450," "),n.TgZ(451,"span",19),n._uU(452,"'@ant-design/icons-angular'"),n.qZA(),n.TgZ(453,"span",18),n._uU(454,";"),n.qZA(),n._uU(455,"\n"),n.TgZ(456,"span",17),n._uU(457,"import"),n.qZA(),n._uU(458," "),n.TgZ(459,"span",18),n._uU(460,"{"),n.qZA(),n._uU(461," NzIconModule "),n.TgZ(462,"span",18),n._uU(463,"}"),n.qZA(),n._uU(464," "),n.TgZ(465,"span",17),n._uU(466,"from"),n.qZA(),n._uU(467," "),n.TgZ(468,"span",19),n._uU(469,"'ng-zorro-antd/icon'"),n.qZA(),n.TgZ(470,"span",18),n._uU(471,";"),n.qZA(),n._uU(472,"\n\n"),n.TgZ(473,"span",54),n._uU(474,"// \u5f15\u5165\u4f60\u9700\u8981\u7684\u56fe\u6807\uff0c\u6bd4\u5982\u4f60\u9700\u8981 fill \u4e3b\u9898\u7684 AccountBook Alert \u548c outline \u4e3b\u9898\u7684 Alert\uff0c\u63a8\u8350 \u2714\ufe0f"),n.qZA(),n._uU(475,"\n"),n.TgZ(476,"span",17),n._uU(477,"import"),n.qZA(),n._uU(478," "),n.TgZ(479,"span",18),n._uU(480,"{"),n.qZA(),n._uU(481," AccountBookFill"),n.TgZ(482,"span",18),n._uU(483,","),n.qZA(),n._uU(484," AlertFill"),n.TgZ(485,"span",18),n._uU(486,","),n.qZA(),n._uU(487," AlertOutline "),n.TgZ(488,"span",18),n._uU(489,"}"),n.qZA(),n._uU(490," "),n.TgZ(491,"span",17),n._uU(492,"from"),n.qZA(),n._uU(493," "),n.TgZ(494,"span",19),n._uU(495,"'@ant-design/icons-angular/icons'"),n.qZA(),n.TgZ(496,"span",18),n._uU(497,";"),n.qZA(),n._uU(498,"\n\n"),n.TgZ(499,"span",17),n._uU(500,"const"),n.qZA(),n._uU(501," icons"),n.TgZ(502,"span",18),n._uU(503,":"),n.qZA(),n._uU(504," IconDefinition"),n.TgZ(505,"span",18),n._uU(506,"["),n.qZA(),n.TgZ(507,"span",18),n._uU(508,"]"),n.qZA(),n._uU(509," "),n.TgZ(510,"span",55),n._uU(511,"="),n.qZA(),n._uU(512," "),n.TgZ(513,"span",18),n._uU(514,"["),n.qZA(),n._uU(515," AccountBookFill"),n.TgZ(516,"span",18),n._uU(517,","),n.qZA(),n._uU(518," AlertOutline"),n.TgZ(519,"span",18),n._uU(520,","),n.qZA(),n._uU(521," AlertFill "),n.TgZ(522,"span",18),n._uU(523,"]"),n.qZA(),n.TgZ(524,"span",18),n._uU(525,";"),n.qZA(),n._uU(526,"\n\n"),n.TgZ(527,"span",54),n._uU(528,"// \u5f15\u5165\u5168\u90e8\u7684\u56fe\u6807\uff0c\u4e0d\u63a8\u8350 \u274c"),n.qZA(),n._uU(529,"\n"),n.TgZ(530,"span",54),n._uU(531,"// import * as AllIcons from '@ant-design/icons-angular/icons';"),n.qZA(),n._uU(532,"\n\n"),n.TgZ(533,"span",54),n._uU(534,"// const antDesignIcons = AllIcons as {"),n.qZA(),n._uU(535,"\n"),n.TgZ(536,"span",54),n._uU(537,"//   [key: string]: IconDefinition;"),n.qZA(),n._uU(538,"\n"),n.TgZ(539,"span",54),n._uU(540,"// };"),n.qZA(),n._uU(541,"\n"),n.TgZ(542,"span",54),n._uU(543,"// const icons: IconDefinition[] = Object.keys(antDesignIcons).map(key => antDesignIcons[key])"),n.qZA(),n._uU(544,"\n\n@"),n.TgZ(545,"span",56),n._uU(546,"NgModule"),n.qZA(),n.TgZ(547,"span",18),n._uU(548,"("),n.qZA(),n.TgZ(549,"span",18),n._uU(550,"{"),n.qZA(),n._uU(551,"\n  declarations"),n.TgZ(552,"span",18),n._uU(553,":"),n.qZA(),n._uU(554," "),n.TgZ(555,"span",18),n._uU(556,"["),n.qZA(),n._uU(557,"\n    AppComponent\n  "),n.TgZ(558,"span",18),n._uU(559,"]"),n.qZA(),n.TgZ(560,"span",18),n._uU(561,","),n.qZA(),n._uU(562,"\n  imports"),n.TgZ(563,"span",18),n._uU(564,":"),n.qZA(),n._uU(565," "),n.TgZ(566,"span",18),n._uU(567,"["),n.qZA(),n._uU(568,"\n    NzIconModule"),n.TgZ(569,"span",18),n._uU(570,"."),n.qZA(),n.TgZ(571,"span",56),n._uU(572,"forRoot"),n.qZA(),n.TgZ(573,"span",18),n._uU(574,"("),n.qZA(),n._uU(575,"icons"),n.TgZ(576,"span",18),n._uU(577,")"),n.qZA(),n._uU(578,"\n  "),n.TgZ(579,"span",18),n._uU(580,"]"),n.qZA(),n._uU(581,"\n  bootstrap"),n.TgZ(582,"span",18),n._uU(583,":"),n.qZA(),n._uU(584," "),n.TgZ(585,"span",18),n._uU(586,"["),n.qZA(),n._uU(587," AppComponent "),n.TgZ(588,"span",18),n._uU(589,"]"),n.qZA(),n._uU(590,"\n"),n.TgZ(591,"span",18),n._uU(592,"}"),n.qZA(),n.TgZ(593,"span",18),n._uU(594,")"),n.qZA(),n._uU(595,"\n"),n.TgZ(596,"span",17),n._uU(597,"export"),n.qZA(),n._uU(598," "),n.TgZ(599,"span",17),n._uU(600,"class"),n.qZA(),n._uU(601," "),n.TgZ(602,"span",57),n._uU(603,"AppModule"),n.qZA(),n._uU(604," "),n.TgZ(605,"span",18),n._uU(606,"{"),n.qZA(),n._uU(607,"\n"),n.TgZ(608,"span",18),n._uU(609,"}"),n.qZA()()(),n.TgZ(610,"p"),n._uU(611,"\u672c\u8d28\u4e0a\u662f\u8c03\u7528\u4e86 "),n.TgZ(612,"code"),n._uU(613,"NzIconService"),n.qZA(),n._uU(614," \u7684 "),n.TgZ(615,"code"),n._uU(616,"addIcon"),n.qZA(),n._uU(617," \u65b9\u6cd5\uff0c\u5f15\u5165\u540e\u7684\u6587\u4ef6\u4f1a\u88ab\u6253\u5305\u5230 "),n.TgZ(618,"code"),n._uU(619,".js"),n.qZA(),n._uU(620," \u6587\u4ef6\u4e2d\u3002\u9759\u6001\u5f15\u5165\u4f1a\u589e\u52a0\u5305\u4f53\u79ef\uff0c\u6240\u4ee5\u6211\u4eec\u5efa\u8bae\u5c3d\u53ef\u80fd\u5730\u4f7f\u7528\u52a8\u

16001\u52a0\u8f7d\uff0c\u5982\u679c\u8981\u9759\u6001\u52a0\u8f7d\uff0c\u4e5f\u4ec5\u4ec5\u52a0\u8f7d\u4f60\u9700\u8981\u7528\u5230\u7684\u56fe\u6807\u3002"),n.qZA(),n.TgZ(621,"blockquote")(622,"p"),n._uU(623,"\u4e3a\u4e86\u52a0\u5feb\u6e32\u67d3\u901f\u5ea6\uff0cNG-ZORRO \u672c\u8eab\u7528\u5230\u7684 icon \u662f\u9759\u6001\u5f15\u5165\u7684\u3002\u800c\u5b98\u7f51\u7684\u56fe\u6807\u662f\u52a8\u6001\u5f15\u5165\u7684\u3002"),n.qZA()(),n.TgZ(624,"p"),n._uU(625,"\u52a8\u6001\u52a0\u8f7d\uff0c\u8fd9\u662f\u4e3a\u4e86\u51cf\u5c11\u5305\u4f53\u79ef\u800c\u63d0\u4f9b\u7684\u65b9\u5f0f\u3002\u5f53 NG-ZORRO \u68c0\u6d4b\u7528\u6237\u60f3\u8981\u6e32\u67d3\u7684\u56fe\u6807\u8fd8\u6ca1\u6709\u9759\u6001\u5f15\u5165\u65f6\uff0c\u4f1a\u53d1\u8d77 HTTP \u8bf7\u6c42\u52a8\u6001\u5f15\u5165\u3002\u4f60\u53ea\u9700\u8981\u914d\u7f6e "),n.TgZ(626,"code"),n._uU(627,"angular.json"),n.qZA(),n._uU(628," \u6587\u4ef6\uff1a"),n.qZA(),n.TgZ(629,"pre",58)(630,"code")(631,"span",18),n._uU(632,"{"),n.qZA(),n._uU(633,"\n  "),n.TgZ(634,"span",49),n._uU(635,'"assets"'),n.qZA(),n.TgZ(636,"span",55),n._uU(637,":"),n.qZA(),n._uU(638," "),n.TgZ(639,"span",18),n._uU(640,"["),n.qZA(),n._uU(641,"\n    "),n.TgZ(642,"span",18),n._uU(643,"{"),n.qZA(),n._uU(644,"\n      "),n.TgZ(645,"span",49),n._uU(646,'"glob"'),n.qZA(),n.TgZ(647,"span",55),n._uU(648,":"),n.qZA(),n._uU(649," "),n.TgZ(650,"span",19),n._uU(651,'"**/*"'),n.qZA(),n.TgZ(652,"span",18),n._uU(653,","),n.qZA(),n._uU(654,"\n      "),n.TgZ(655,"span",49),n._uU(656,'"input"'),n.qZA(),n.TgZ(657,"span",55),n._uU(658,":"),n.qZA(),n._uU(659," "),n.TgZ(660,"span",19),n._uU(661,'"./node_modules/@ant-design/icons-angular/src/inline-svg/"'),n.qZA(),n.TgZ(662,"span",18),n._uU(663,","),n.qZA(),n._uU(664,"\n      "),n.TgZ(665,"span",49),n._uU(666,'"output"'),n.qZA(),n.TgZ(667,"span",55),n._uU(668,":"),n.qZA(),n._uU(669," "),n.TgZ(670,"span",19),n._uU(671,'"/assets/"'),n.qZA(),n._uU(672,"\n    "),n.TgZ(673,"span",18),n._uU(674,"}"),n.qZA(),n._uU(675,"\n  "),n.TgZ(676,"span",18),n._uU(677,"]"),n.qZA(),n._uU(678,"\n"),n.TgZ(679,"span",18),n._uU(680,"}"),n.qZA()()(),n.TgZ(681,"p"),n._uU(682,"\u4f60\u53ef\u4ee5\u901a\u8fc7 "),n.TgZ(683,"code"),n._uU(684,"NzIconService"),n.qZA(),n._uU(685," \u7684 "),n.TgZ(686,"code"),n._uU(687,"changeAssetsSource()"),n.qZA(),n._uU(688," \u65b9\u6cd5\u6765\u4fee\u6539\u56fe\u6807\u8d44\u6e90\u7684\u4f4d\u7f6e\uff0c\u8fd9\u6837\u4f60\u5c31\u53ef\u4ee5\u90e8\u7f72\u8fd9\u4e9b\u8d44\u6e90\u5230 cdn \u4e0a\u3002\u4f60\u7684\u53c2\u6570\u4f1a\u88ab\u76f4\u63a5\u6dfb\u52a0\u5230 "),n.TgZ(689,"code"),n._uU(690,"assets/"),n.qZA(),n._uU(691," \u7684\u524d\u9762\u3002"),n.qZA(),n.TgZ(692,"p"),n._uU(693,"\u4f8b\u5982\uff0c\u4f60\u5728 "),n.TgZ(694,"code"),n._uU(695,"https://mycdn.somecdn.com/icons/assets"),n.qZA(),n._uU(696," \u76ee\u5f55\u4e0b\u90e8\u7f72\u4e86\u9759\u6001\u8d44\u6e90\u6587\u4ef6\uff0c\u90a3\u4e48\u4f60\u5c31\u53ef\u4ee5\u901a\u8fc7\u8c03\u7528 "),n.TgZ(697,"code"),n._uU(698,"changeAssetsSource('https://mycdn.somecdn.com/icons')"),n.qZA(),n._uU(699,"\uff0c\u6765\u544a\u8bc9 NG-ZORRO \u4ece\u8fd9\u4e2a\u4f4d\u7f6e\u52a8\u6001\u52a0\u8f7d\u56fe\u6807\u8d44\u6e90\u3002"),n.qZA(),n.TgZ(700,"p"),n._uU(701,"\u8bf7\u5728 constructor \u91cc\u6216\u8005\u5728 "),n.TgZ(702,"code"),n._uU(703,"AppInitService"),n.qZA(),n._uU(704," \u91cc\u8c03\u7528\u8fd9\u4e2a\u65b9\u6cd5\u3002"),n.qZA(),n.TgZ(705,"h3",59)(706,"span"),n._uU(707,"\u5728\u5b50\u6a21\u5757\u4e2d\u8865\u5145\u56fe\u6807"),n.qZA(),n.TgZ(708,"a",60),n._uU(709,"#"),n.qZA()(),n.TgZ(710,"p"),n._uU(711,"\u6709\u65f6\u5019\uff0c\u4e3a\u4e86\u907f\u514d\u589e\u5927 main.js \u7684\u4f53\u79ef\uff0c\u4f60\u53ef\u80fd\u60f3\u8981\u4ece\u61d2\u52a0\u8f7d\u6a21\u5757\u4e2d\u5f15\u5165\u56fe\u6807\uff0c\u8fd9\u65f6\u4f60\u5c31\u53ef\u4ee5\u4f7f\u7528 "),n.TgZ(712,"code"),n._uU(713,"NzIconModule.forChild"),n.qZA(),n._uU(714," \u6765\u8ffd\u52a0\u56fe\u6807\u3002"),n.qZA(),n.TgZ(715,"pre",16)(716,"code"),n._uU(717,"@"),n.TgZ(718,"span",56),n._uU(719,"NgModule"),n.qZA(),n.TgZ(720,"span",18),n._uU(721,"("),n.qZA(),n.TgZ(722,"span",18),n._uU(723,"{"),n.qZA(),n._uU(724,"\n  imports"),n.TgZ(725,"span",18),n._uU(726,":"),n.qZA(),n._uU(727," "),n.TgZ(728,"span",18),n._uU(729,"["),n.qZA(),n._uU(730,"CommonModule"),n.TgZ(731,"span",18),n._uU(732,","),n.qZA(),n._uU(733," NzIconModule"),n.TgZ(734,"span",18),n._uU(735,"."),n.qZA(),n.TgZ(736,"span",56),n._uU(737,"forChild"),n.qZA(),n.TgZ(738,"span",18),n._uU(739,"("),n.qZA(),n.TgZ(740,"span",18),n._uU(741,"["),n.qZA(),n._uU(742,"QuestionOutline"),n.TgZ(743,"span",18),n._uU(744,"]"),n.qZA(),n.TgZ(745,"span",18),n._uU(746,")"),n.qZA(),n.TgZ(747,"span",18),n._uU(748,"]"),n.qZA(),n.TgZ(749,"span",18),n._uU(750,","),n.qZA(),n._uU(751,"\n"),n.TgZ(752,"span",18),n._uU(753,"}"),n.qZA(),n.TgZ(754,"span",18),n._uU(755,")"),n.qZA(),n._uU(756,"\n"),n.TgZ(757,"span",17),n._uU(758,"class"),n.qZA(),n._uU(759," "),n.TgZ(760,"span",57),n._uU(761,"ChildModule"),n.qZA(),n._uU(762," "),n.TgZ(763,"span",18),n._uU(764,"{"),n.qZA(),n.TgZ(765,"span",18),n._uU(766,"}"),n.qZA()()(),n.TgZ(767,"p"),n._uU(768,"\u8fd9\u6837\uff0c\u5f53 "),n.TgZ(769,"code"),n._uU(770,"ChildModule"),n.qZA(),n._uU(771," \u52a0\u8f7d\u4e4b\u540e\uff0c\u6574\u4e2a\u5e94\u7528\u90fd\u80fd\u591f\u4f7f\u7528 QuestionOutline \u56fe\u6807\u3002"),n.qZA(),n.TgZ(772,"p"),n._uU(773,"\u5f53\u7136\uff0c\u4e0d\u8981\u5fd8\u8bb0\u5728 "),n.TgZ(774,"code"),n._uU(775,"NZ_ICONS"),n.qZA(),n._uU(776," \u4e2d\u5220\u9664\u8be5\u56fe\u6807\u3002"),n.qZA(),n.TgZ(777,"h3",61)(778,"span"),n._uU(779,"\u53cc\u8272\u56fe\u6807\u4e3b\u8272"),n.qZA(),n.TgZ(780,"a",62),n._uU(781,"#"),n.qZA()(),n.TgZ(782,"p"),n._uU(783,"\u5bf9\u4e8e\u53cc\u8272\u56fe\u6807\uff0c\u53ef\u4ee5\u901a\u8fc7\u63d0\u4f9b\u5168\u5c40\u914d\u7f6e "),n.TgZ(784,"code"),n._uU(785,"{ nzIcon: { nzTwotoneColor: 'xxx' } }"),n.qZA(),n._uU(786," \u6216 "),n.TgZ(787,"code"),n._uU(788,"NzConfigService"),n.qZA(),n._uU(789," \u7684\u5bf9\u5e94\u65b9\u6cd5\u4fee\u6539\u6765\u5168\u5c40\u8bbe\u7f6e\u56fe\u6807\u4e3b\u8272\u3002"),n.qZA(),n.TgZ(790,"h3",63)(791,"span"),n._uU(792,"\u81ea\u5b9a\u4e49 font \u56fe\u6807"),n.qZA(),n.TgZ(793,"a",64),n._uU(794,"#"),n.qZA()(),n.TgZ(795,"p"),n._uU(796,"\u6211\u4eec\u63d0\u4f9b\u4e86\u4e00\u4e2a "),n.TgZ(797,"code"),n._uU(798,"fetchFromIconfont"),n.qZA(),n._uU(799," \u65b9\u6cd5\uff0c\u65b9\u4fbf\u5f00\u53d1\u8005\u8c03\u7528\u5728 iconfont.cn \u4e0a\u81ea\u884c\u7ba1\u7406\u7684\u56fe\u6807\u3002"),n.qZA(),n.TgZ(800,"pre",65)(801,"code")(802,"span",17),n._uU(803,"this"),n.qZA(),n.TgZ(804,"

1span",18),n._uU(805,"."),n.qZA(),n._uU(806,"_iconService"),n.TgZ(807,"span",18),n._uU(808,"."),n.qZA(),n.TgZ(809,"span",56),n._uU(810,"fetchFromIconfont"),n.qZA(),n.TgZ(811,"span",18),n._uU(812,"("),n.qZA(),n.TgZ(813,"span",18),n._uU(814,"{"),n.qZA(),n._uU(815,"\n  scriptUrl"),n.TgZ(816,"span",18),n._uU(817,":"),n.qZA(),n._uU(818," "),n.TgZ(819,"span",19),n._uU(820,"'https://at.alicdn.com/t/font_8d5l8fzk5b87iudi.js'"),n.qZA(),n._uU(821,"\n"),n.TgZ(822,"span",18),n._uU(823,"}"),n.qZA(),n.TgZ(824,"span",18),n._uU(825,")"),n.qZA(),n.TgZ(826,"span",18),n._uU(827,";"),n.qZA()()(),n.TgZ(828,"pre",44)(829,"code")(830,"span",45)(831,"span",45)(832,"span",18),n._uU(833,"<"),n.qZA(),n._uU(834,"span"),n.qZA(),n._uU(835," "),n.TgZ(836,"span",46),n._uU(837,"nz-icon"),n.qZA(),n._uU(838," "),n.TgZ(839,"span",46),n._uU(840,"[nzIconfont]"),n.qZA(),n.TgZ(841,"span",47)(842,"span",18),n._uU(843,"="),n.qZA(),n.TgZ(844,"span",18),n._uU(845,'"'),n.qZA(),n.TgZ(846,"span",18),n._uU(847,"'"),n.qZA(),n._uU(848,"icon-tuichu"),n.TgZ(849,"span",18),n._uU(850,"'"),n.qZA(),n.TgZ(851,"span",18),n._uU(852,'"'),n.qZA()(),n.TgZ(853,"span",18),n._uU(854,">"),n.qZA()(),n.TgZ(855,"span",45)(856,"span",45)(857,"span",18),n._uU(858,"</"),n.qZA(),n._uU(859,"span"),n.qZA(),n.TgZ(860,"span",18),n._uU(861,">"),n.qZA()()()(),n.TgZ(862,"p"),n._uU(863,"\u5176\u672c\u8d28\u4e0a\u662f\u521b\u5efa\u4e86\u4e00\u4e2a\u4f7f\u7528 "),n.TgZ(864,"code"),n._uU(865,"<use>"),n.qZA(),n._uU(866," \u6807\u7b7e\u6e32\u67d3\u56fe\u6807\u7684\u7ec4\u4ef6\u3002"),n.qZA(),n.TgZ(867,"p")(868,"code"),n._uU(869,"options"),n.qZA(),n._uU(870," \u7684\u914d\u7f6e\u9879\u5982\u4e0b\uff1a"),n.qZA(),n.TgZ(871,"table")(872,"thead")(873,"tr")(874,"th"),n._uU(875,"\u53c2\u6570"),n.qZA(),n.TgZ(876,"th"),n._uU(877,"\u8bf4\u660e"),n.qZA(),n.TgZ(878,"th"),n._uU(879,"\u7c7b\u578b"),n.qZA(),n.TgZ(880,"th"),n._uU(881,"\u9ed8\u8ba4\u503c"),n.qZA()()(),n.TgZ(882,"tbody")(883,"tr")(884,"td")(885,"code"),n._uU(886,"scriptUrl"),n.qZA()(),n.TgZ(887,"td")(888,"a",31),n._uU(889,"iconfont.cn"),n.qZA(),n._uU(890," \u9879\u76ee\u5728\u7ebf\u751f\u6210\u7684 "),n.TgZ(891,"code"),n._uU(892,"js"),n.qZA(),n._uU(893," \u5730\u5740\uff0c\u5728 "),n.TgZ(894,"code"),n._uU(895,"namespace"),n.qZA(),n._uU(896," \u4e5f\u8bbe\u7f6e\u7684\u60c5\u51b5\u4e0b\u6709\u6548"),n.qZA(),n.TgZ(897,"td"),n._uU(898,"string"),n.qZA(),n.TgZ(899,"td"),n._uU(900,"-"),n.qZA()()()(),n.TgZ(901,"p"),n._uU(902,"\u5728 scriptUrl \u90fd\u8bbe\u7f6e\u6709\u6548\u7684\u60c5\u51b5\u4e0b\uff0c\u7ec4\u4ef6\u5728\u6e32\u67d3\u524d\u4f1a\u81ea\u52a8\u5f15\u5165 "),n.TgZ(903,"a",31),n._uU(904,"iconfont.cn"),n.qZA(),n._uU(905," \u9879\u76ee\u4e2d\u7684\u56fe\u6807\u7b26\u53f7\u96c6\uff0c\u65e0\u9700\u624b\u52a8\u5f15\u5165\u3002"),n.qZA(),n.TgZ(906,"p"),n._uU(907,"\u89c1 "),n.TgZ(908,"a",66),n._uU(909,"iconfont.cn"),n.qZA(),n._uU(910," \u4f7f\u7528\u5e2e\u52a9 \u67e5\u770b\u5982\u4f55\u751f\u6210 js \u5730\u5740\u3002"),n.qZA(),n.TgZ(911,"h3",67)(912,"span"),n._uU(913,"\u547d\u540d\u7a7a\u95f4"),n.qZA(),n.TgZ(914,"a",68),n._uU(915,"#"),n.qZA()(),n.TgZ(916,"p"),n._uU(917,"\u7528\u6237\u53ef\u4ee5\u4f7f\u7528\u8be5\u529f\u80fd\u65b9\u4fbf\u5730\u6dfb\u52a0\u81ea\u5df1\u7684 icon\u3002\u5728\u6e32\u67d3\u4e00\u4e2a\u81ea\u5b9a\u4e49 icon \u65f6\uff0c\u53ea\u9700\u8981\u5c06 "),n.TgZ(918,"code"),n._uU(919,"type"),n.qZA(),n._uU(920," \u6307\u5b9a\u4e3a "),n.TgZ(921,"code"),n._uU(922,"namespace:name"),n.qZA(),n._uU(923," \u7684\u5f62\u5f0f\uff0cicon \u7ec4\u4ef6\u5c31\u4f1a\u5728\u7528\u6237\u81ea\u884c\u6dfb\u52a0\u7684\u56fe\u6807\u4e2d\u8fdb\u884c\u68c0\u7d22\u5e76\u6e32\u67d3\u3002\u540c\u65f6\u652f\u6301\u9759\u6001\u548c\u52a8\u6001\u5f15\u5165\u3002"),n.qZA(),n.TgZ(924,"p"),n._uU(925,"\u9759\u6001\u5f15\u5165\uff0c\u53ea\u9700\u8981\u8c03\u7528 "),n.TgZ(926,"code"),n._uU(927,"NzIconService"),n.qZA(),n._uU(928," \u7684 "),n.TgZ(929,"code"),n._uU(930,"addIconLiteral"),n.qZA(),n._uU(931," \u65b9\u6cd5\u5373\u53ef\u3002"),n.qZA(),n.TgZ(932,"p"),n._uU(933,"\u52a8\u6001\u5f15\u5165\uff0c\u53ea\u9700\u8981\u4fdd\u8bc1 SVG \u8d44\u6e90\u6587\u4ef6\u653e\u5230\u4e86\u76f8\u5e94\u7684\u76ee\u5f55\uff0c\u5373 "),n.TgZ(934,"code"),n._uU(935,"assets/${namespace}"),n.qZA(),n._uU(936," \u5373\u53ef\u3002\u4f8b\u5982\u4f60\u5728 "),n.TgZ(937,"code"),n._uU(938,"zoo"),n.qZA(),n._uU(939," \u547d\u540d\u7a7a\u95f4\u4e0b\u6709\u4e00\u4e2a "),n.TgZ(940,"code"),n._uU(941,"panda"),n.qZA(),n._uU(942," \u56fe\u6807\uff0c\u4f60\u9700\u8981\u505a\u7684\u5c31\u662f\u5c06 "),n.TgZ(943,"code"),n._uU(944,"panda.svg"),n.qZA(),n._uU(945," \u653e\u5230 "),n.TgZ(946,"code"),n._uU(947,"assets/zoo"),n.qZA(),n._uU(948," \u76ee\u5f55\u5e95\u4e0b\u3002"),n.qZA(),n.TgZ(949,"h2",69)(950,"span"),n._uU(951,"\u5e38\u89c1\u95ee\u9898"),n.qZA(),n.TgZ(952,"a",70),n._uU(953,"#"),n.qZA()(),n.TgZ(954,"h3",71)(955,"span"),n._uU(956,"\u56fe\u6807\u90fd\u4e0d\u89c1\u4e86\uff01"),n.qZA(),n.TgZ(957,"a",72),n._uU(958,"#"),n.qZA()(),n.TgZ(959,"p"),n._uU(960,"\u4f60\u662f\u4e0d\u662f\u6ca1\u6709\u9605\u8bfb\u4ee5\u4e0a\u7684\u6587\u6863\uff1f"),n.qZA(),n.TgZ(961,"h3",73)(962,"span"),n._uU(963,"\u6211\u60f3\u9759\u6001\u5f15\u5165\u5168\u90e8\u7684\u56fe\u6807\uff0c\u8be5\u600e\u4e48\u505a\uff1f"),n.qZA(),n.TgZ(964,"a",74),n._uU(965,"#"),n.qZA()(),n.TgZ(966,"p"),n._uU(967,"\u5b9e\u9645\u4e0a\u6211\u4eec\u5df2\u7ecf\u5728 "),n.TgZ(968,"a",75),n._uU(969,"\u9759\u6001\u52a0\u8f7d\u4e0e\u52a8\u

16001\u52a0\u8f7d"),n.qZA(),n._uU(970," \u90e8\u5206\u6f14\u793a\u8fc7\u4e86\uff1a"),n.qZA(),n.TgZ(971,"pre",16)(972,"code")(973,"span",54),n._uU(974,"// import * as AllIcons from '@ant-design/icons-angular/icons';"),n.qZA(),n._uU(975,"\n\n"),n.TgZ(976,"span",54),n._uU(977,"// const antDesignIcons = AllIcons as {"),n.qZA(),n._uU(978,"\n"),n.TgZ(979,"span",54),n._uU(980,"//   [key: string]: IconDefinition;"),n.qZA(),n._uU(981,"\n"),n.TgZ(982,"span",54),n._uU(983,"// };"),n.qZA(),n._uU(984,"\n"),n.TgZ(985,"span",54),n._uU(986,"// const icons: IconDefinition[] = Object.keys(antDesignIcons).map(key => antDesignIcons[key])"),n.qZA()()(),n.TgZ(987,"p"),n._uU(988,"\u7136\u540e\u901a\u8fc7 forRoot \u6216\u8005 "),n.TgZ(989,"code"),n._uU(990,"NzIconService"),n.qZA(),n._uU(991," \u7684 "),n.TgZ(992,"code"),n._uU(993,"addIcon"),n.qZA(),n._uU(994," \u65b9\u6cd5\u5f15\u5165\u3002"),n.qZA(),n.TgZ(995,"h3",76)(996,"span"),n._uU(997,"\u52a8\u6001\u52a0\u8f7d\u4f1a\u4e0d\u4f1a\u5f71\u54cd\u7f51\u9875\u7684\u6027\u80fd\uff1f"),n.qZA(),n.TgZ(998,"a",77),n._uU(999,"#"),n.qZA()(),n.TgZ(1e3,"p"),n._uU(1001,"\u6211\u4eec\u7528\u4e86\u591a\u79cd\u624b\u6bb5\u6765\u5c3d\u91cf\u51cf\u5c11\u52a8\u6001\u8bf7\u6c42\uff0c\u5305\u62ec\u5148\u9759\u6001\u540e\u52a8\u6001\u3001\u7f13\u5b58\u548c\u76f8\u540c icon \u7684\u8bf7\u6c42\u590d\u7528\uff0c\u7528\u6237\u5f88\u5c11\u80fd\u611f\u77e5\u5230 icon \u662f\u5f02\u6b65\u52a0\u8f7d\u7684\u3002\u5728\u7f51\u7edc\u73af\u5883\u5c1a\u53ef\u7684\u60c5\u51b5\u4e0b\uff0c\u5373\u4f7f\u662f\u6709\u4e09\u767e\u591a icon \u540c\u65f6\u5c55\u793a\u7684 NG-ZORRO \u5b98\u7f51\uff0c\u4e5f\u57fa\u672c\u6ca1\u6709\u5361\u987f\u3002\u5bf9\u4e8e\u52a0\u8f7d\u901f\u5ea6\u8981\u6c42\u66f4\u9ad8\u7684\u7528\u6237\uff0c\u6211\u4eec\u4e5f\u652f\u6301 CDN\u3002"),n.qZA(),n.TgZ(1002,"h3",78)(1003,"span"),n._uU(1004,"\u6211\u600e\u4e48\u77e5\u9053\u4e00\u4e2a icon \u7684\u9759\u6001\u5f15\u5165\u540d\uff1f"),n.qZA(),n.TgZ(1005,"a",79),n._uU(1006,"#"),n.qZA()(),n.TgZ(1007,"p"),n._uU(1008,"\u5f88\u7b80\u5355\uff0c\u5927\u5199\u9a7c\u5cf0\u52a0\u4e3b\u9898\u5373\u4e3a icon \u7684\u5f15\u5165\u540d\u3002\u6bd4\u5982\uff0c"),n.TgZ(1009,"code"),n._uU(1010,"alibaba"),n.qZA(),n._uU(1011," \u7684\u5f15\u5165\u540d\u5c31\u662f "),n.TgZ(1012,"code"),n._uU(1013,"AlibabaOutline"),n.qZA(),n._uU(1014,"\uff0c\u4e8b\u5b9e\u4e0a\uff0c\u7f16\u8f91\u5668\u7684\u81ea\u52a8\u8865\u5168\u80fd\u5e2e\u52a9\u5230\u4f60\u3002"),n.qZA(),n.fQ9(),n.qZA()()),2&u&&(n.xp6(1),n.Q6J("nzOffsetTop",16),n.xp6(1),n.Q6J("nzAffix",!1),n.xp6(52),n.Q6J("nzGutter",16),n.xp6(1),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-icon-demo-basic")("nzLink","components-icon-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/icon/demo/basic.md"),n.xp6(20),n.Q6J("nzId","components-icon-demo-custom")("nzLink","components-icon-demo-custom")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/icon/demo/custom.md"),n.xp6(11),n.Q6J("nzId","components-icon-demo-namespace")("nzLink","components-icon-demo-namespace")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/icon/demo/namespace.md"),n.xp6(5),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-icon-demo-twotone")("nzLink","components-icon-demo-twotone")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/icon/demo/twotone.md"),n.xp6(11),n.Q6J("nzId","components-icon-demo-iconfont")("nzLink","components-icon-demo-iconfont")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/icon/demo/iconfont.md"))},dependencies:[E.G,I.IT,I.Fp,H.$,Z.t3,Z.SK,B.SY,U.Ls,y.w,c,h,p,P,G,hn],encapsulation:2})}return o})();function zn(o,g){if(1&o){const e=n.EpF();n.TgZ(0,"div",16)(1,"span",17),n.NdJ("nzPopoverVisibleChange",function(t){n.CHM(e);const a=n.oxw();return n.KtG(a.popoverVisible=t)})("click",function(){n.CHM(e);const t=n.oxw();return n.KtG(t.toggleModal())}),n.O4$(),n.TgZ(2,"svg",18),n._UZ(3,"path",19),n.qZA()()()}if(2&o){const e=n.oxw();n.xp6(1),n.Q6J("nzPopoverTrigger",null)("nzPopoverVisible",e.popoverVisible)("nzPopoverContent",e.localeObj.picSearcherIntro)}}function Fn(o,g){1&o&&(n.TgZ(0,"button",20),n._UZ(1,"span",21),n.qZA())}function fn(o,g){if(1&o&&(n.TgZ(0,"nz-badge",29),n._uU(1),n.qZA()),2&o){const e=n.oxw().$implicit;n.xp6(1),n.hij(" ",e," ")}}function Cn(o,g){if(1&o&&n._uU(0),2&o){const e=n.oxw().$implicit;n.hij(" ",e," ")}}function qn(o,g){if(1&o){const e=n.EpF();

1n.TgZ(0,"li",24),n.NdJ("click",function(t){const i=n.CHM(e).$implicit,l=n.oxw(2);return n.KtG(l.onIconClick(t,i))}),n._UZ(1,"span",25),n.TgZ(2,"span",26),n.YNc(3,fn,2,1,"nz-badge",27)(4,Cn,1,1,"ng-template",null,28,n.W1O),n.qZA()()}if(2&o){const e=g.$implicit,u=n.MAs(5),t=n.oxw(2);n.xp6(1),n.Q6J("nzType",t.kebabCase(e))("nzTheme",t.currentTheme),n.xp6(2),n.Q6J("ngIf",t.isNewIcon(e))("ngIfElse",u)}}function En(o,g){if(1&o&&(n.ynx(0),n.TgZ(1,"h3"),n._uU(2),n.qZA(),n.TgZ(3,"ul",22),n.YNc(4,qn,6,4,"li",23),n.qZA(),n.BQk()),2&o){const e=g.$implicit,u=g.index,t=n.oxw();n.xp6(2),n.Oqu(t.localeObj[e]),n.xp6(2),n.Q6J("ngForOf",t.displayedNames[u].icons)("ngForTrackBy",t.trackByFn)}}function Dn(o,g){if(1&o){const e=n.EpF();n.TgZ(0,"tr")(1,"td",42)(2,"span",43),n.NdJ("click",function(t){const i=n.CHM(e).$implicit,l=n.oxw(4);return n.KtG(l.onIconClick(t,i.type))}),n.qZA()(),n.TgZ(3,"td"),n._UZ(4,"nz-progress",44),n.qZA()()}if(2&o){const e=g.$implicit,u=n.oxw(4);n.xp6(2),n.Q6J("nzTooltipTitle",e.type)("nzType",e.type)("nzTheme",u.currentTheme),n.xp6(2),n.Q6J("nzPercent",e.score)}}function yn(o,g){if(1&o&&(n.ynx(0),n.TgZ(1,"div",41),n._uU(2),n.qZA(),n.TgZ(3,"table")(4,"thead")(5,"tr")(6,"th",42),n._uU(7),n.qZA(),n.TgZ(8,"th"),n._uU(9),n.qZA()()(),n.TgZ(10,"tbody"),n.YNc(11,Dn,5,4,"tr",13),n.qZA()(),n.BQk()),2&o){const e=n.oxw(3);n.xp6(2),n.hij(" ",e.localeObj.picSearcherResultTip," "),n.xp6(5),n.hij(" ",e.localeObj.picSearcherThIcon," "),n.xp6(2),n.Oqu(e.localeObj.picSearcherThScore),n.xp6(2),n.Q6J("ngForOf",e.icons)}}function In(o,g){if(1&o&&n._UZ(0,"nz-result",45),2&o){const e=n.oxw(3);n.Q6J("nzSubTitle",e.localeObj.picSearcherServerError)}}const bn=()=>({showPreviewIcon:!1,showRemoveIcon:!1});function Bn(o,g){if(1&o&&(n.ynx(0),n.TgZ(1,"nz-upload",32)(2,"p",33),n._UZ(3,"span",34),n.qZA(),n.TgZ(4,"p",35),n._uU(5),n.qZA(),n.TgZ(6,"p",36),n._uU(7),n.qZA()(),n.TgZ(8,"nz-spin",37)(9,"div",38),n.YNc(10,yn,12,4,"ng-container",39)(11,In,1,1,"nz-result",40),n.qZA()(),n.BQk()),2&o){const e=n.oxw(2);n.xp6(1),n.Q6J("nzCustomRequest",e.customRequestUploadFile)("nzFileList",e.fileList)("nzShowUploadList",n.DdM(9,bn)),n.xp6(4),n.Oqu(e.localeObj.picSearcherUploadText),n.xp6(2),n.Oqu(e.localeObj.picSearcherUploadHint),n.xp6(1),n.Q6J("nzSpinning",e.loading)("nzTip",e.localeObj.picSearcherMatching),n.xp6(2),n.Q6J("ngIf",e.icons.length),n.xp6(1),n.Q6J("ngIf",e.error)}}function vn(o,g){if(1&o&&(n.TgZ(0,"nz-spin",46),n._UZ(1,"div",47),n.qZA()),2&o){const e=n.oxw(2);n.Q6J("nzTip",e.localeObj.picSearcherModelLoading)}}function wn(o,g){if(1&o&&(n.ynx(0),n.YNc(1,Bn,12,10,"ng-container",30)(2,vn,2,1,"ng-template",null,31,n.W1O),n.BQk()),2&o){const e=n.MAs(3),u=n.oxw();n.xp6(1),n.Q6J("ngIf",u.modelLoaded)("ngIfElse",e)}}const Sn=["templateRef"];function xn(o,g){if(1&o&&(n.TgZ(0,"span")(1,"code",1),n._uU(2),n.qZA(),n._uU(3," copied \u{1f389} "),n.qZA()),2&o){const e=n.oxw();n.xp6(2),n.Oqu(e.copiedCode)}}const K={direction:["StepBackward","StepForward","FastBackward","FastForward","Shrink","ArrowsAlt","Down","Up","Left","Right","CaretUp","CaretDown","CaretLeft","CaretRight","UpCircle","DownCircle","LeftCircle","RightCircle","DoubleRight","DoubleLeft","VerticalLeft","VerticalRight","VerticalAlignTop","VerticalAlignMiddle","VerticalAlignBottom","Forward","Backward","Rollback","Enter","Retweet","Swap","SwapLeft","SwapRight","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","PlayCircle","UpSquare","DownSquare","LeftSquare","RightSquare","Login","Logout","MenuFold","MenuUnfold","BorderBottom","BorderHorizontal","BorderInner","BorderOuter","BorderLeft","BorderRight","BorderTop","BorderVerticle","PicCenter","PicLeft","PicRight","RadiusBottomleft","RadiusBottomright","RadiusUpleft","RadiusUpright","Fullscreen","FullscreenExit"],suggestion:["Question","QuestionCircle","Plus","PlusCircle","Pause","PauseCircle","Minus","MinusCircle","PlusSquare","MinusSquare","Info","InfoCircle","Exclamation","ExclamationCircle","Close","CloseCircle","CloseSquare","Check","CheckCircle","CheckSquare","ClockCircle","Warning","IssuesClose","Stop"],edit:["Edit","Form","Copy","Scissor","Delete","Snippets","Diff","Highlight","AlignCenter","AlignLeft","AlignRight","BgColors","Bold","Italic","Underline","Strikethrough","Redo","Undo","ZoomIn","ZoomOut","FontColors","FontSize","LineHeight","Dash","SmallDash","SortAscending","SortDescending","Drag","OrderedList","UnorderedList","RadiusSetting","ColumnWidth","ColumnHeight"],data:["AreaChart","PieChart","BarChart","DotChart","LineChart","RadarChart","HeatMap","Fall","Rise","Stock","BoxPlot","Fund","Sliders"],logo:["Android","Apple","Windows","Ie","Chrome","Github","Aliwangwang","Dingding","WeiboSquare","WeiboCircle","TaobaoCircle","Html5","Weibo","Twitter","Wechat","Youtube","AlipayCircle","Taobao","Skype","Qq","MediumWorkmark","Gitlab","Medium","Linkedin","GooglePlus","Dropbox","Facebook","Codepen","CodeSandbox","CodeSandboxCircle","Amazon","Google","CodepenCircle","Alipay","AntDesign","AntCloud","Aliyun","Zhihu","Slack","SlackSquare","Behance","BehanceSquare","Dribbble","DribbbleSquare","Instagram","Yuque","Alibaba","Yahoo","Reddit","Sketch"]},kn=["border-outter","radius-upright","colum-width","eye-invisible","batch-folding","code-sandbox","code-sandbox-circle"];let Nn=(()=>{class o{onIconClick(e,u){const t=e.target,a=`<span nz-icon nzType="${X(u)}" nzTheme="${this.currentTheme}"></span>`;t.classList.add("copied"),this._copy(a).then(()=>{setTimeout(()=>{t.classList.remove("copied")},1e3)});

1const i=this.getCopiedStringTemplateRef(a);this.message.success(i)}_copy(e){return new Promise(t=>{let a=null;try{a=this.dom.createElement("textarea"),a.style.height="0px",a.style.opacity="0",a.style.width="0px",this.dom.body.appendChild(a),a.value=e,a.select(),this.dom.execCommand("copy"),t(e)}finally{a&&a.parentNode&&a.parentNode.removeChild(a)}})}prepareIcons(){const u=A.IF[this.currentTheme].filter(i=>!["interation","canlendar"].includes(i)).map(i=>function Rn(o){const g=function Mn(o){return o.replace(/-\w/g,(g,e)=>o.charAt(e+1).toUpperCase())}(o);return g.charAt(0).toUpperCase()+g.slice(1)}(i));let t=Object.keys(K).map(i=>({name:i,icons:K[i].filter(l=>u.indexOf(l)>-1&&l.toLowerCase().includes(this.searchingString.toLowerCase()))}));const a=u.filter(i=>t.filter(({name:l})=>"all"!==l).every(l=>!l.icons.includes(i))).filter(i=>i.toLowerCase().includes(this.searchingString.toLocaleLowerCase()));t.push({name:"other",icons:a}),t=t.filter(({icons:i})=>!!i.length),this.displayedNames=t,this.categoryNames=t.map(({name:i})=>i)}setIconsShouldBeDisplayed(e){this.currentTheme=e,this.prepareIcons()}onSearchChange(){this.prepareIcons()}getCopiedStringTemplateRef(e){this.viewContainerRef.clear();const u=this.viewContainerRef.createComponent(On);return u.instance.copiedCode=e,u.instance.templateRef}loadModel(){var e=this;if(window.antdIconClassifier)return void this.onLoad();const u=this.dom.createElement("script"),t="https://cdn.jsdelivr.net/gh/lewis617/[email protected]/dist/main.js";u.type="text/javascript",u.src=t,u.onload=(0,J.Z)(function*(){yield window.antdIconClassifier?.load(),e.onLoad()}),u.onerror=()=>{throw new Error(`${T.Bq} cannot load assets of antd icon classifier from source "${t}".`)},this.dom.head.appendChild(u)}onLoad(){this.modelLoaded=!0,this.dom.addEventListener("paste",this.onPaste)}toImage(e){return new Promise(u=>{const t=new Image;t.setAttribute("crossOrigin","anonymous"),t.src=e,t.onload=function(){u(t)}})}toggleModal(){this.modalVisible=!this.modalVisible,this.popoverVisible=!1,this.fileList=[],this.icons=[],localStorage.getItem("disableIconTip")||localStorage.setItem("disableIconTip","true")}handleChange({file:e,fileList:u}){"uploading"===e.status||"error"===e.status?this.fileList=u:"done"===e.status&&this.uploadFile(e.originFileObj)}constructor(e,u,t,a){this.dom=e,this._iconService=u,this.message=t,this.viewContainerRef=a,this.displayedNames=[],this.categoryNames=[],this.currentTheme="outline",this.localeObj={chooseTheme:"Select the Icon Theme",direction:"Directional Icons",suggestion:"Suggested Icons",edit:"Editor Icons",data:"Data Icons",other:"Application Icons",logo:"Brand and Logos",search:"Search icon here. Click icon to copy code.",picSearcherIntro:"AI Search by image is online, you are welcome to use it! \u{1f389}",picSearcherMatching:"Matching...",picSearcherModelLoading:"Model is loading...",picSearcherResultTip:"Matched the following icons for you:",picSearcherServerError:"Predict service is temporarily unavailable",picSearcherThIcon:"Icon",picSearcherThScore:"Probability",picSearcherTitle:"Search by image",picSearcherUploadHint:"We will find the best matching icon based on the image provided",picSearcherUploadText:"Click, drag, or paste file to this area to upload"},this.searchingString="",this.error=!1,this.loading=!1,this.modelLoaded=!1,this.modalVisible=!1,this.popoverVisible=!1,this.fileList=[],this.icons=[],this.trackByFn=(i,l)=>`${l}-${this.currentTheme}`,this.kebabCase=i=>X(i),this.isNewIcon=i=>kn.indexOf(i)>-1,this.onPaste=i=>{const l=i.clipboardData&&i.clipboardData.items;let q=null;if(l&&l.length)for(let S=0;S<l.length;S+=1)if(-1!==l[S].type.indexOf("image")){q=l[S].getAsFile();break}q&&this.uploadFile(q)},this.customRequestUploadFile=i=>(0,w.of)(!0).subscribe(()=>{this.uploadFile(i.file)}),this.uploadFile=i=>{this.loading=!0;const l=new FileReader;l.onload=()=>{this.toImage(l.result).then(this.predict),this.fileList=[{uid:"1",name:i.name,status:"done",url:l.result}]},l.readAsDataURL(i)},this.predict=i=>{try{const l=window.antdIconClassifier?.predict(i);this.icons=l.map(q=>({score:Math.ceil(100*q.score),type:q.className.replace(/\s/g,"-")})),this.loading=!1,this.error=!1}catch{this.loading=!1,this.error=!0}},this._iconService.addIcon(m.ro2)}ngOnInit(){this.setIconsShouldBeDisplayed("outline"),this.loadModel(),this.popoverVisible=!localStorage.getItem("disableIconTip")}ngOnDestroy(){this.dom.removeEventListener("paste",this.onPaste),this.viewContainerRef.clear()}static#n=this.\u0275fac=function(u){return new(u||o)(n.Y36(_.K0),n.Y36(U.H5),n.Y36(b.dD),n.Y36(n.s_b))};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-page-demo-icon-en"]],decls:28,vars:10,consts:[[1,"icon-selector"],[3,"ngModel","ngModelChange"],["nz-radio-button","","nzValue","outline"],["nz-icon",""],["d","M864 64H160C107 64 64 107 64 160v704c0 53 43 96 96 96h704c53 

10 96-43 96-96V160c0-53-43-96-96-96z m-12 800H172c-6.6 0-12-5.4-12-12V172c0-6.6 5.4-12 12-12h680c6.6 0 12 5.4 12 12v680c0 6.6-5.4 12-12 12z"],["nz-radio-button","","nzValue","fill"],["d","M864 64H160C107 64 64 107 64 160v704c0 53 43 96 96 96h704c53 0 96-43 96-96V160c0-53-43-96-96-96z"],["nz-radio-button","","nzValue","twotone"],["d","M16 512c0 273.932 222.066 496 496 496s496-222.068 496-496S785.932 16 512 16 16 238.066 16 512z m496 368V144c203.41 0 368 164.622 368 368 0 203.41-164.622 368-368 368z"],["nzSearch","",3,"nzSuffix","nzAddOnAfter"],["nz-input","",3,"placeholder","ngModel","ngModelChange"],["suffixIconCamera",""],["addOnAfterIconSearch",""],[4,"ngFor","ngForOf"],[3,"nzTitle","nzVisible","nzFooter","nzVisibleChange","nzOnCancel"],[4,"nzModalContent"],[1,"icon-pic-searcher"],["nz-icon","","nz-popover","",1,"icon-pic-btn",3,"nzPopoverTrigger","nzPopoverVisible","nzPopoverContent","nzPopoverVisibleChange","click"],["viewBox","64 64 896 896"],["d","M864 248H728l-32.4-90.8a32.07 32.07 0 00-30.2-21.2H358.6c-13.5 0-25.6 8.5-30.1 21.2L296 248H160c-44.2 0-80 35.8-80 80v456c0 44.2 35.8 80 80 80h704c44.2 0 80-35.8 80-80V328c0-44.2-35.8-80-80-80zm8 536c0 4.4-3.6 8-8 8H160c-4.4 0-8-3.6-8-8V328c0-4.4 3.6-8 8-8h186.7l17.1-47.8 22.9-64.2h250.5l22.9 64.2 17.1 47.8H864c4.4 0 8 3.6 8 8v456zM512 384c-88.4 0-160 71.6-160 160s71.6 160 160 160 160-71.6 160-160-71.6-160-160-160zm0 256c-53 0-96-43-96-96s43-96 96-96 96 43 96 96-43 96-96 96z"],["nz-button","","nzType","default","nzSearch",""],["nz-icon","","nzType","search"],[1,"anticons-list"],[3,"click",4,"ngFor","ngForOf","ngForTrackBy"],[3,"click"],["nz-icon","",3,"nzType","nzTheme"],[1,"anticon-class"],["nzDot","",4,"ngIf","ngIfElse"],["notNewTpl",""],["nzDot",""],[4,"ngIf","ngIfElse"],["modelLoadingTpl",""],["nzType","drag","nzAccept","image/jpeg, image/png","nzListType","picture",3,"nzCustomRequest","nzFileList","nzShowUploadList"],[1,"ant-upload-drag-icon"],["nz-icon","","nzType","inbox","nzTheme","outline"],[1,"ant-upload-text"],[1,"ant-upload-hint"],[3,"nzSpinning","nzTip"],[1,"icon-pic-search-result"],[4,"ngIf"],["nzStatus","500","nzTitle","503",3,"nzSubTitle",4,"ngIf"],[1,"result-tip"],[1,"col-icon"],["nz-icon","","nz-tooltip","","nzTooltipPlacement","right",3,"nzTooltipTitle","nzType","nzTheme","click"],["nzStrokeLinecap","round",3,"nzPercent"],["nzStatus","500","nzTitle","503",3,"nzSubTitle"],[3,"nzTip"],[2,"height","100px"]],template:function(u,t){if(1&u&&(n.TgZ(0,"h3"),n._uU(1),n.qZA(),n.TgZ(2,"div",0)(3,"nz-radio-group",1),n.NdJ("ngModelChange",function(i){return t.setIconsShouldBeDisplayed(i)}),n.TgZ(4,"label",2)(5,"span",3),n.O4$(),n.TgZ(6,"svg"),n._UZ(7,"path",4),n.qZA()(),n._uU(8," Outlined "),n.qZA(),n.kcU(),n.TgZ(9,"label",5)(10,"span",3),n.O4$(),n.TgZ(11,"svg"),n._UZ(12,"path",6),n.qZA()(),n._uU(13," Filled "),n.qZA(),n.kcU(),n.TgZ(14,"label",7)(15,"span",3),n.O4$(),n.TgZ(16,"svg"),n._UZ(17,"path",8),n.qZA()(),n._uU(18," Two Tone "),n.qZA()(),n.kcU(),n.TgZ(19,"nz-input-group",9)(20,"input",10),n.NdJ("ngModelChange",function(i){return t.searchingString=i})("ngModelChange",function(){return t.onSearchChange()}),n.qZA()(),n.YNc(21,zn,4,3,"ng-template",null,11,n.W1O)(23,Fn,2,0,"ng-template",null,12,n.W1O),n.qZA(),n.YNc(25,En,5,3,"ng-container",13),n.TgZ(26,"nz-modal",14),n.NdJ("nzVisibleChange",function(i){return t.modalVisible=i})("nzOnCancel",function(){return t.toggleModal()}),n.YNc(27,wn,4,2,"ng-container",15),n.qZA()),2&u){const a=n.MAs(22),i=n.MAs(24);n.xp6(1),n.Oqu(t.localeObj.chooseTheme),n.xp6(2),n.Q6J("ngModel",t.currentTheme),n.xp6(16),n.Q6J("nzSuffix",a)("nzAddOnAfter",i),n.xp6(1),n.Q6J("placeholder",t.localeObj.search)("ngModel",t.searchingString),n.xp6(5),n.Q6J("ngForOf",t.categoryNames),n.xp6(1),n.Q6J("nzTitle",t.localeObj.picSearcherTitle)("nzVisible",t.modalVisible)("nzFooter",null)}},dependencies:[_.sg,_.O5,z.Fj,z.JJ,z.On,B.SY,U.Ls,f.Of,f.Bq,f.Dg,C.Zp,C.gB,C.ke,O.x7,F.ix,y.w,j.dQ,D.du,D.Hf,M.lU,R.M,x.ml,k.W,v.FY],styles:["h3[_ngcontent-%COMP%]{margin:1.6em 0 .6em;font-size:18px}","ul.anticons-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .anticon[_ngcontent-%COMP%]{font-size:24px}",".icon-selector[_ngcontent-%COMP%]{display:flex;justify-content:space-between}nz-input-group[_ngcontent-%COMP%]{margin-left:10px;flex:1 1 0%}"]})}return o}

1)(),On=(()=>{class o{static#n=this.\u0275fac=function(u){return new(u||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-page-demo-icon-copied-code"]],viewQuery:function(u,t){if(1&u&&n.Gf(Sn,7),2&u){let a;n.iGM(a=n.CRH())&&(t.templateRef=a.first)}},inputs:{copiedCode:"copiedCode"},decls:2,vars:0,consts:[["templateRef",""],[1,"copied-code"]],template:function(u,t){1&u&&n.YNc(0,xn,4,1,"ng-template",null,0,n.W1O)},encapsulation:2})}return o})();function X(o){return o.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([0-9])([a-zA-Z]+)$/g,"-$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}let Ln=(()=>{class o{constructor(){this.expanded=!1}goLink(e){window&&(window.location.hash=e)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(e=>{e.nzExpanded=this.expanded,e.expandCode(this.expanded),e.check()})}static#n=this.\u0275fac=function(u){return new(u||o)};static#e=this.\u0275cmp=n.Xpm({type:o,selectors:[["nz-demo-icon"]],viewQuery:function(u,t){if(1&u&&n.Gf(E.G,5),2&u){let a;n.iGM(a=n.CRH())&&(t.codeBoxes=a)}},decls:1022,vars:27,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-icon-demo-basic","nzTitle","Basic usage"],["nzHref","#components-icon-demo-twotone","nzTitle","Two-tone icon and colorful icon"],["nzHref","#components-icon-demo-custom","nzTitle","Custom icon"],["nzHref","#components-icon-demo-iconfont","nzTitle","Use iconfont.cn"],["nzHref","#components-icon-demo-namespace","nzTitle","Namespace"],["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/icon/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","list-of-icons"],["onclick","window.location.hash = 'list-of-icons'",1,"anchor"],["href","https://ant.design/components/icon/","target","_blank","rel","noopener"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],[1,"page-demo"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic usage","nzSelector","nz-demo-icon-basic","nzGenerateCommand","ng g ng-zorro-antd:icon-basic <name>","nzComponentName","NzDemoIconBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Custom icon","nzSelector","nz-demo-icon-custom","nzGenerateCommand","ng g ng-zorro-antd:icon-custom <name>","nzComponentName","NzDemoIconCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Namespace","nzSelector","nz-demo-icon-namespace","nzGenerateCommand","ng g ng-zorro-antd:icon-namespace <name>","nzComponentName","NzDemoIconNamespaceComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Two-tone icon and colorful icon","nzSelector","nz-demo-icon-twotone","nzGenerateCommand","ng g ng-zorro-antd:icon-twotone <name>","nzComponentName","NzDemoIconTwotoneComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Use iconfont.cn","nzSelector","nz-demo-icon-iconfont","nzGenerateCommand","ng g ng-zorro-antd:icon-iconfont <name>","nzComponentName","NzDemoIconIconfontComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["href","http://iconfont.cn/","target","_blank","rel","noopener"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-icon]"],[1,"api-type-label","directive"],["onclick","window.location.hash = '[nz-icon]'",1,"anchor"],["id","nziconservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nziconservice'",1,"anchor"],["id","svg-icons"],["onclick","window.location.hash = 'svg-icons'",1,"anchor"],["href","https://github.com/ant-design/ant-design/issues/10353","target","_blank","rel","noopener"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","style-attr","language-css"],[1,"token","property"],[1,"token","number"],[1,"token","hexcode"],["id","static-loading-and-dynamic-loading"],["onclick","window.location.hash = 'static-loading-and-dynamic-loading'",1,"anchor"],["spellcheck","true",1,"token","comment"],[1,"token","operator"],[1,"token","function"],[1,"token","class-name"],[1,"language-json"],["id","add-icons-in-lazy-loaded-modules"],["onclick","window.location.hash = 'add-icons-in-lazy-loaded-modules'",1,"anchor"],["id","set-default-twotone-color"],["onclick","window.location.hash = 'set-default-twotone-color'",1,"anchor"],["id","custom-font-icon"],["onclick","window.location.hash = 'custom-font-icon'",1,"anchor"],["href","http://iconfont.cn/help/detail?spm=a313x.7781069.19989104

119.15&helptype=code","target","_blank","rel","noopener"],["id","namespace"],["onclick","window.location.hash = 'namespace'",1,"anchor"],["id","faq"],["onclick","window.location.hash = 'faq'",1,"anchor"],["id","all-my-icons-are-gone!"],["onclick","window.location.hash = 'all-my-icons-are-gone!'",1,"anchor"],["id","there-are-two-similar-icons-in-a-<code><span></span></code>-tag--what-happened"],["onclick","window.location.hash = 'there-are-two-similar-icons-in-a-<code><span></span></code>-tag--what-happened'",1,"anchor"],["id","i-want-to-import-all-icons-statically--what-should-i-do"],["onclick","window.location.hash = 'i-want-to-import-all-icons-statically--what-should-i-do'",1,"anchor"],["href","/components/icon/en#static-loading-and-dynamic-loading"],["id","does-dynamic-loading-affect-web-pages'-performance"],["onclick","window.location.hash = 'does-dynamic-loading-affect-web-pages'-performance'",1,"anchor"],["id","how-do-i-know-a-icon's-corresponding-module-to-import"],["onclick","window.location.hash = 'how-do-i-know-a-icon's-corresponding-module-to-import'",1,"anchor"]],template:function(u,t){1&u&&(n.TgZ(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.NdJ("nzClick",function(i){return t.goLink(i)}),n._UZ(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),n.qZA()(),n.TgZ(9,"section",8)(10,"h1"),n._uU(11,"Icon"),n._UZ(12,"span",9)(13,"span",10),n.TgZ(14,"a",11),n._UZ(15,"span",12),n.qZA()(),n.TgZ(16,"section",8),n.IAx(),n.TgZ(17,"p"),n._uU(18,"Semantic vector graphics."),n.qZA(),n.TgZ(19,"h2",13)(20,"span"),n._uU(21,"List of icons"),n.qZA(),n.TgZ(22,"a",14),n._uU(23,"#"),n.qZA()(),n.TgZ(24,"p"),n._uU(25,"We are still adding icons right now, syncing to "),n.TgZ(26,"a",15),n._uU(27,"antd"),n.qZA(),n._uU(28,"."),n.qZA(),n.TgZ(29,"pre",16)(30,"code")(31,"span",17),n._uU(32,"import"),n.qZA(),n._uU(33," "),n.TgZ(34,"span",18),n._uU(35,"{"),n.qZA(),n._uU(36," NzIconModule "),n.TgZ(37,"span",18),n._uU(38,"}"),n.qZA(),n._uU(39," "),n.TgZ(40,"span",17),n._uU(41,"from"),n.qZA(),n._uU(42," "),n.TgZ(43,"span",19),n._uU(44,"'ng-zorro-antd/icon'"),n.qZA(),n.TgZ(45,"span",18),n._uU(46,";"),n.qZA()()(),n.fQ9(),n.qZA(),n.TgZ(47,"section",20),n._UZ(48,"nz-page-demo-icon-en"),n.qZA(),n.TgZ(49,"h2")(50,"span"),n._uU(51,"Examples"),n.qZA(),n.TgZ(52,"span",21),n.NdJ("click",function(){return t.expandAllCode()}),n.qZA()()(),n.TgZ(53,"div",22)(54,"div",23)(55,"nz-code-box",24),n._UZ(56,"nz-demo-icon-basic",25),n.TgZ(57,"div",26),n.IAx(),n.TgZ(58,"p"),n._uU(59,"Use "),n.TgZ(60,"code"),n._uU(61,"<span ></span>"),n.qZA(),n._uU(62," to create an icon and set its type in the "),n.TgZ(63,"code"),n._uU(64,"nzType"),n.qZA(),n._uU(65," prop. Specific the "),n.TgZ(66,"code"),n._uU(67,"nzSpin"),n.qZA(),n._uU(68," prop to show spinning animation and the theme property to switch different themes. Old API "),n.TgZ(69,"code"),n._uU(70,'<i class="anticon"></i>'),n.qZA()(),n.fQ9(),n.qZA()(),n.TgZ(71,"nz-code-box",27),n._UZ(72,"nz-demo-icon-custom",25),n.TgZ(73,"div",26),n.IAx(),n.TgZ(74,"p"),n._uU(75,"You can just put a "),n.TgZ(76,"code"),n._uU(77,"svg"),n.qZA(),n._uU(78," element inside of a "),n.TgZ(79,"code"),n._uU(80,"nz-icon"),n.qZA(),n._uU(81," to render custom content. We would take care of size and color things for you."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(82,"nz-code-box",28),n._UZ(83,"nz-demo-icon-namespace",25),n.TgZ(84,"div",26),n.IAx(),n.TgZ(85,"p"),n._uU(86,"You can use namespace to add your own icons. Static loading and dynamic loading are both supported."),n.qZA(),n.fQ9(),n.qZA()()(),n.TgZ(87,"div",23)(88,"nz-code-box",29),n._UZ(89,"nz-demo-icon-twotone",25),n.TgZ(90,"div",26),n.IAx(),n.TgZ(91,"p"),n._uU(92,"Specify property "),n.TgZ(93,"code"),n._uU(94,"nzTheme"),n.qZA(),n._uU(95," to "),n.TgZ(96,"code"),n._uU(97,"twotone"),n.qZA(),n._uU(98," to render two-tone icons. You can also set the primary color."),n.qZA(),n.fQ9(),n.qZA()(),n.TgZ(99,"nz-code-box",30),n._UZ(100,"nz-demo-icon-iconfont",25),n.TgZ(101,"div",26),n.IAx(),n.TgZ(102,"p"),n._uU(103,"If you are using "),n.TgZ(104,"a",31),n._uU(105,"iconfont.cn"),n.qZA(),n._uU(106,", you can use the icons in your project gracefully."),n.qZA(),n.fQ9(),n.qZA()()()(),n.TgZ(107,"section",32),n.IAx(),n.TgZ(108,"h2",33)(109,"span"),n._uU(110,"API"),n.qZA(),n.TgZ(111,"a",34),n._uU(112,"#"),n.qZA()(),n.TgZ(113,"h3",35)(114,"span"),n._uU(115,"[nz-icon]"),n.qZA(),n.TgZ(116,"label",36),n._uU(117,"directive"),n.qZA(),n.TgZ(118,"a",37),n._uU(119,"#"),n.qZA()(),n.TgZ(120,"table")(121,"thead")(122,"tr")(123,"th"),n._uU(124,"Property"),n.qZA(),n.TgZ(125,"th"),n._uU(126,"Description"),n.qZA(),n.TgZ(127,"th"),n._uU(128,"Type"),n.qZA(),n.TgZ(129,"th"),n._uU(130,"Default"),n.qZA(),n.TgZ(131,"th"),n._uU(132,"Global Config"),n.qZA()()(),n.TgZ(133,"tbody")(134,"tr")(135,"td")(136,"code"),n._uU(137,"[nzType]"),n.qZA()(),n.TgZ(138,"td"),n._uU(139,"Type of the ant design icon"),n.qZA(),n.TgZ(140,"td")(141,"code"),n._uU(142,"string"),n.qZA()(),n.TgZ(143,"td"),n._uU(144,"-"),n.qZA(),n._UZ(145,"td"),n.qZA(),n.TgZ(146,"tr")(147,"td")(148,"code"),n._uU(149,"[nzTheme]"),n.qZA()(),n.TgZ(150,"td"),n._uU(151,"Type of the ant design icon"),n.qZA(),n.TgZ(152,"td")(153,"code"),n._uU(154,"'fill'|'outline'|'twotone'"),n.qZA()(),n.TgZ(155,"td")(156,"code"),n._uU(157,"'outline'"),n.qZA()(),n.TgZ(158,"td"),n._uU(159,"\u2705"),n.qZA()(),n.TgZ(160,"tr")(161,"td")(162,"code"),n._uU(163,"[nzSpin]"),n.qZA()(),n.TgZ(164,"td"),n._uU(165,"Rotate icon with animation"),n.qZA(),n.TgZ(166,"td")(167,"code"),n._uU(168,"boolean"),n.qZA()(),n.TgZ(169,"td")(170,"code"),n._uU(171,"false"),n.qZA()(),n._UZ(172,"td"),n.qZA(),n.TgZ(173,"tr")(174,"td")(175,"code"),n._uU(176,"[nzTwotoneColor]"),n.qZA()(),n.TgZ(177,"td"),n._uU(178,"Only support the two-tone icon. Specific the primary color."),n.qZA(),n.TgZ(179,"td")(180,"code"),n._uU(181,"string (hex color)"),n.qZA()(),n.TgZ(182,"td"),n._uU(183,"-"),n.qZA(),n.TgZ(184,"td"),n._uU(185,"\u2705"),n.qZA()(),n.TgZ(186,"tr")(187,"td")(188,"code"),n._uU(189,"[nzIconfont]"),n.qZA()(),n.TgZ(190,"td"),n._uU(191,"Type of the icon from iconfont"),n.qZA(),n.TgZ(192,"td")(193,"code"),n._uU(194,"string"),n.qZA()(),n.TgZ(195,"td"),n._uU(196,"-"),n.qZA(),n._UZ(197,"td"),n.qZA(),n.TgZ(198,"tr")(199,"td")(200,"code"),n._uU(201,"[nzRotate]"),n.qZA()(),n.TgZ(202,"td"),n._uU(203,"Rotate degrees"),n.qZA(),n.TgZ(204,"td")(205,"code"),n._uU(206,"number"),n.qZA()(),n.TgZ(207,"td"),n._uU(208,"-"),n.qZA(),n._UZ(209,"td"),n.qZA()()(),n.TgZ(210,"h3",38)(211,"span"),n._uU(212,"NzIconService"),n.qZA(),n.TgZ(213,"label",39),n._uU(214,"service"),n.qZA(),n.TgZ(215,"a",40),n._uU(216,"#"),n.qZA()(),n.TgZ(217,"table")(218,"thead")(219,"tr")(220,"th"),n._uU(221,"Methods/Properties"),n.qZA(),n.TgZ(222,"th"),n._uU(223,"Description"),n.qZA(),n.TgZ(224,"th"),n._uU(225,"Parameters"),n.qZA()()(),n.TgZ(226,"tbody")(227,"tr")(228,"td")(229,"code"),n._uU(230,"addIcon()"),n.qZA()(),n.TgZ(231,"td"),n._uU(232,"To import icons statically"),n.qZA(),n.TgZ(233,"td")(234,"code"),n._uU(235,"IconDefinition"),n.qZA()()(),n.TgZ(236,"tr")(237,"td")(238,"code"),n._uU(239,"addIconLiteral()"),n.qZA()(),n.TgZ(240,"td"),n._uU(241,"To statically import custom icons"),n.qZA(),n.TgZ(242,"td")(243,"code"),n._uU(244,"string"),n.qZA(),n._uU(245,", "),n.TgZ(246,"code"),n._uU(247,"string (SVG)"),n.qZA()()(),n.TgZ(248,"tr")(249,"td")(250,"code"),n._uU(251,"fetchFromIconfont()"),n.qZA()(),n.TgZ(252,"td"),n._uU(253,"To get icon assets from fonticon"),n.qZA(),n.TgZ(254,"td")(255,"code"),n._uU(256,"NzIconfontOption"),n.qZA()()(),n.TgZ(257,"tr")(258,"td")(259,"code"),n._uU(260,"changeAssetsSource()"),n.qZA()(),n.TgZ(261,"td"),n._uU(262,"To change the location of your icon assets, so that you can deploy these icons wherever you want"),n.qZA(),n.TgZ(263,"td")(264,"code"),n._uU(265,"string"),n.qZA()()()()(),n.TgZ(266,"h3",41)(267,"span"),n._uU(268,"SVG icons"),n.qZA(),n.TgZ(269,"a",42),n._uU(270,"#"),n.qZA()(),n.TgZ(271,"p"),n._uU(272,"We synced to Ant Design and replaced font icons with svg icons which bring benefits below:"),n.qZA(),n.TgZ(273,"ul")(274,"li"),n._uU(275,"Complete offline usage of icon, no depen

1dency of alipay cdn font icon file and no more empty square during downloading."),n.qZA(),n.TgZ(276,"li"),n._uU(277,"Much more display accuracy in lower-level screens."),n.qZA(),n.TgZ(278,"li"),n._uU(279,"Support multiple colors for icon."),n.qZA(),n.TgZ(280,"li"),n._uU(281,"No need to change built-in icons with overriding styles by providing more props in component."),n.qZA()(),n.TgZ(282,"p"),n._uU(283,"You can join in "),n.TgZ(284,"a",43),n._uU(285,"this dicussion of Ant Design"),n.qZA(),n._uU(286,"."),n.qZA(),n.TgZ(287,"p"),n._uU(288,"NG-ZORRO hadn't provided an icon component. Instead, icon based on font files was provided. We make this new directive compatible to old API. If you make no changes to your existing code, old icons would be dynamically loaded as "),n.TgZ(289,"code"),n._uU(290,"outline"),n.qZA(),n._uU(291," icons. But the best pratice is always to use "),n.TgZ(292,"code"),n._uU(293,"nz-icon"),n.qZA(),n._uU(294," directive and specify the "),n.TgZ(295,"code"),n._uU(296,"theme"),n.qZA(),n._uU(297," prop."),n.qZA(),n.TgZ(298,"pre",44)(299,"code")(300,"span",45)(301,"span",45)(302,"span",18),n._uU(303,"<"),n.qZA(),n._uU(304,"span"),n.qZA(),n._uU(305," "),n.TgZ(306,"span",46),n._uU(307,"nz-icon"),n.qZA(),n._uU(308," "),n.TgZ(309,"span",46),n._uU(310,"[nzType]"),n.qZA(),n.TgZ(311,"span",47)(312,"span",18),n._uU(313,"="),n.qZA(),n.TgZ(314,"span",18),n._uU(315,'"'),n.qZA(),n.TgZ(316,"span",18),n._uU(317,"'"),n.qZA(),n._uU(318,"star"),n.TgZ(319,"span",18),n._uU(320,"'"),n.qZA(),n.TgZ(321,"span",18),n._uU(322,'"'),n.qZA()(),n._uU(323," "),n.TgZ(324,"span",46),n._uU(325,"[nzTheme]"),n.qZA(),n.TgZ(326,"span",47)(327,"span",18),n._uU(328,"="),n.qZA(),n.TgZ(329,"span",18),n._uU(330,'"'),n.qZA(),n.TgZ(331,"span",18),n._uU(332,"'"),n.qZA(),n._uU(333,"fill"),n.TgZ(334,"span",18),n._uU(335,"'"),n.qZA(),n.TgZ(336,"span",18),n._uU(337,'"'),n.qZA()(),n.TgZ(338,"span",18),n._uU(339,">"),n.qZA()(),n.TgZ(340,"span",45)(341,"span",45)(342,"span",18),n._uU(343,"</"),n.qZA(),n._uU(344,"span"),n.qZA(),n.TgZ(345,"span",18),n._uU(346,">"),n.qZA()()()(),n.TgZ(347,"p"),n._uU(348,"All the icons will be rendered to "),n.TgZ(349,"code"),n._uU(350,"<svg>"),n.qZA(),n._uU(351,", and styles and classes applied to "),n.TgZ(352,"code"),n._uU(353,"<i>"),n.qZA(),n._uU(354," would work."),n.qZA(),n.TgZ(355,"pre",44)(356,"code")(357,"span",45)(358,"span",45)(359,"span",18),n._uU(360,"<"),n.qZA(),n._uU(361,"span"),n.qZA(),n._uU(362," "),n.TgZ(363,"span",46),n._uU(364,"nz-icon"),n.qZA(),n._uU(365," "),n.TgZ(366,"span",46),n._uU(367,"[nzType]"),n.qZA(),n.TgZ(368,"span",47)(369,"span",18),n._uU(370,"="),n.qZA(),n.TgZ(371,"span",18),n._uU(372,'"'),n.qZA(),n.TgZ(373,"span",18),n._uU(374,"'"),n.qZA(),n._uU(375,"message"),n.TgZ(376,"span",18),n._uU(377,"'"),n.qZA(),n.TgZ(378,"span",18),n._uU(379,'"'),n.qZA()(),n.TgZ(380,"span",48)(381,"span",46),n._uU(382," "),n.TgZ(383,"span",46),n._uU(384,"style"),n.qZA()(),n.TgZ(385,"span",18),n._uU(386,'="'),n.qZA(),n.TgZ(387,"span",47)(388,"span",49),n._uU(389,"font-size"),n.qZA(),n.TgZ(390,"span",18),n._uU(391,":"),n.qZA(),n._uU(392," "),n.TgZ(393,"span",50),n._uU(394,"16"),n.qZA(),n._uU(395,"px"),n.TgZ(396,"span",18),n._uU(397,";"),n.qZA(),n._uU(398," "),n.TgZ(399,"span",49),n._uU(400,"color"),n.qZA(),n.TgZ(401,"span",18),n._uU(402,":"),n.qZA(),n._uU(403," "),n.TgZ(404,"span",51),n._uU(405,"#08c"),n.qZA(),n.TgZ(406,"span",18),n._uU(407,";"),n.qZA()(),n.TgZ(408,"span",18),n._uU(409,'"'),n.qZA()(),n.TgZ(410,"span",18),n._uU(411,">"),n.qZA()(),n.TgZ(412,"span",45)(413,"span",45)(414,"span",18),n._uU(415,"</"),n.qZA(),n._uU(416,"span"),n.qZA(),n.TgZ(417,"span",18),n._uU(418,">"),n.qZA()()()(),n.TgZ(419,"h3",52)(420,"span"),n._uU(421,"Static loading and dynamic loading"),n.qZA(),n.TgZ(422,"a",53),n._uU(423,"#"),n.qZA()(),n.TgZ(424,"p"),n._uU(425,"As for icons provided by Ant Design, there are two ways of importing them into your project."),n.qZA(),n.TgZ(426,"p"),n._uU(427,"Static loading. By registering icons to "),n.TgZ(428,"code"),n._uU(429,"AppModule"),n.qZA(),n._uU(430," you load icons statically."),n.qZA(),n.TgZ(431,"pre",16)(432,"code")(433,"span",17),n._uU(434,"import"),n.qZA(),n._uU(435," "),n.TgZ(436,"span",18),n._uU(437,"{"),n.qZA(),n._uU(438," IconDefinition "),n.TgZ(439,"span",18),n._uU(440,"}"),n.qZA(),n._uU(441," "),n.TgZ(442,"span",17),n._uU(443,"from"),n.qZA(),n._uU(444," "),n.TgZ(445,"span",19),n._uU(446,"'@ant-design/icons-angular'"),n.qZA(),n.TgZ(447,"span",18),n._uU(448,";"),n.qZA(),n._uU(449,"\n"),n.TgZ(450,"span",17),n._uU(451,"import"),n.qZA(),n._uU(452," "),n.TgZ(453,"span",18),n._uU(454,"{"),n.qZA(),n._uU(455," NzIconModule "),n.TgZ(456,"span",18),n._uU(457,"}"),n.qZA(),n._uU(458," "),n.TgZ(459,"span",17),n._uU(460,"from"),n.qZA(),n._uU(461," "),n.TgZ(462,"span",19),n._uU(463,"'ng-zorro-antd/icon'"),n.qZA(),n.TgZ(464,"span",18),n._uU(465,";"),n.qZA(),n._uU(466,"\n\n"),n.TgZ(467,"span",54),n._uU(468,"// Import what you need. RECOMMENDED. \u2714\ufe0f"),n.qZA(),n._uU(469,"\n"),n.TgZ(470,"span",17),n._uU(471,"import"),n.qZA(),n._uU(472," "),n.TgZ(473,"span",18),n._uU(474,"{"),n.qZA(),n._uU(475," AccountBookFill"),n.TgZ(476,"span",18),n._uU(477,","),n.qZA(),n._uU(478," AlertFill"),n.TgZ(479,"span",18),n._uU(480,","),n.qZA(),n._uU(481," AlertOutline "),n.TgZ(482,"span",18),n._uU(483,"}"),n.qZA(),n._uU(484," "),n.TgZ(485,"span",17),n._uU(486,"from"),n.qZA(),n._uU(487," "),n.TgZ(488,"span",19),n._uU(489,"'@ant-design/icons-angular/icons'"),n.qZA(),n.TgZ(490,"span",18),n._uU(491,";"),n.qZA(),n._uU(492,"\n\n"),n.TgZ(493,"span",17),n._uU(494,"const"),n.qZA(),n._uU(495," icons"),n.TgZ(496,"span",18),n._uU(497,":"),n.qZA(),n._uU(498," IconDefinition"),n.TgZ(499,"span",18),n._uU(500,"["),n.qZA(),n.TgZ(501,"span",18),n._uU(502,"]"),n.qZA(),n._uU(503," "),n.TgZ(504,"span",55),n._uU(505,"="),n.qZA(),n._uU(506," "),n.TgZ(507,"span",18),n._uU(508,"["),n.qZA(),n._uU(509," AccountBookFill"),n.TgZ(510,"span",18),n._uU(511,","),n.qZA(),n._uU(512," AlertOutline"),n.TgZ(513,"span",18),n._uU(514,","),n.qZA(),n._uU(515," AlertFill "),n.TgZ(516,"span",18),n._uU(517,"]"),n.qZA(),n.TgZ(518,"span",18),n._uU(519,";"),n.qZA(),n._uU(520,"\n\n"),n.TgZ(521,"span",54),n._uU(522,"// Import all. NOT RECOMMENDED. \u274c"),n.qZA(),n._uU(523,"\n"),n.TgZ(524,"span",54),n._uU(525,"// import * as AllIcons from '@ant-design/icons-angular/icons';"),n.qZA(),n._uU(526,"\n\n"),n.TgZ(527,"span",54),n._uU(528,"// const antDesignIcons = AllIcons as {"),n.qZA(),n._uU(529,"\n"),n.TgZ(530,"span",54),n._uU(531,"//   [key: string]: IconDefinition;"),n.qZA(),n._uU(532,"\n"),n.TgZ(533,"span",54),n._uU(534,"// };"),n.qZA(),n._uU(535,"\n"),n.TgZ(536,"span",54),n._uU(537,"// const icons: IconDefinition[] = Object.keys(antDesignIcons).map(key => antDesignIcons[key])"),n.qZA(),n._uU(538,"\n\n@"),n.TgZ(539,"span",56),n._uU(540,"NgModule"),n.qZA(),n.TgZ(541,"span",18),n._uU(542,"("),n.qZA(),n.TgZ(543,"span",18),n._uU(544,"{"),n.qZA(),n._uU(545,"\n  declarations"),n.TgZ(546,"span",18),n._uU(547,":"),n.qZA(),n._uU(548," "),n.TgZ(549,"span",18),n._uU(550,"["),n.qZA(),n._uU(551,"\n    AppComponent\n  "),n.TgZ(552,"span",18),n._uU(553,"]"),n.qZA(),n.TgZ(554,"span",18),n._uU(555,","),n.qZA(),n._uU(556,"\n  imports"),n.TgZ(557,"span",18),n._uU(558,":"),n.qZA(),n._uU(559," "),n.TgZ(560,"span",18),n._uU(561,"["),n.qZA(),n._uU(562,"\n    NzIconModule"),n.TgZ(563,"span",18),n._uU(564,"."),n.qZA(),n.TgZ(565,"span",56),n._uU(566,"forRoot"),n.qZA(),n.TgZ(567,"span",18),n._uU(568,"("),n.qZA(),n._uU(569,"icons"),n.TgZ(570,"span",18),n._uU(571,")"),n.qZA(),n.TgZ(572,"span",18),n._uU(573,","),n.qZA(),n._uU(574,"\n  "),n.TgZ(575,"span",18),n._uU(576,"]"),n.qZA(),n._uU(577,"\n  bootstrap"),n.TgZ(578,"span",18),n._uU(579,":"),n.qZA(),n._uU(580," "),n.TgZ(581,"span",18),n._uU(582,"["),n.qZA(),n._uU(583," AppComponent "),n.TgZ(584,"span",18),n._uU(585,"]"),n.qZA(),n._uU(586,"\n"),n.TgZ(587,"span",18),n._uU(588,"}"),n.qZA(),n.TgZ(589,"span",18),n._uU(590,")"),n.qZA(),n._uU(591,"\n"),n.TgZ(592,"span",17),n._uU(593,"export"),n.qZA(),n._uU(594," "),n.TgZ(595,"span",17),n._uU(596,"class"),n.qZA(),n._uU(597," "),n.TgZ(598,"span",57),n._uU(599,"AppModule"),n.qZA(),n._uU(600," "),n.TgZ(601,"span",18),n._uU(602,"{"),n.qZA(),n._uU(603,"\n"),n.TgZ(604,"span",18),n._uU(605,"}"),n.qZA()()(),n.TgZ(606,"p"),n._uU(607,"Actually this calls "),n.TgZ(608,"code"),n._uU(609,"addIcon"),n.qZA(),n._uU(610," of "),n.TgZ(611,"code"),n._uU(612,"NzIconService"),n.qZA(),n._uU(613,". Icons imported would be bundled into your "),n.TgZ(614,"code"),n._uU(615,".js"),n.qZA(),n._uU(616," files. Static loading would increase your bundle's size so we recommend use dynamic importing as much as you can."),n.qZA(),n.TgZ(617,"blockquote")(618,"p"),n._uU(619,"Icons used by "),n.TgZ(620,"code"),n._uU(621,"NG-ZORRO"),n.qZA(),n._uU(622," itself are imported statically to increase loading speed. However, icons demonstrated on the official website are loaded dynamically."),n.qZA()(),n.TgZ(623,"p"),n._uU(624,"Dynamic importing. This way would not increase your bundle's size. When NG-ZORRO detects that the icon you want to render hasn't been registered, it would fire a HTTP request to load it. All you have to do is to config your "),n.TgZ(625,"code"),n._uU(626,"angular.json"),n.qZA(),n._uU(627," like this:"),n.qZA(),n.TgZ(628,"pre",58)(629,"code")(630,"span",18),n._uU(631,"{"),n.qZA(),n._uU(632,"\n  "),n.TgZ(633,"span",49),n._uU(634,'"assets"'),n.qZA(),n.TgZ(635,"span",55),n._uU(636,":"),n.qZA(),n._uU(637," "),n.TgZ(638,"span",18),n._uU(639,"["),n.qZA(),n._uU(640,"\n    "),n.TgZ(641,"span",18),n._uU(642,"{"),n.qZA(),n._uU(643,"\n      "),n.TgZ(644,"span",49),n._uU(645,'"glob"'),n.qZA(),n.TgZ(646,"span",55),n._uU(647,":"),n.qZA(),n._uU(648," "),n.TgZ(649,"span",19),n._uU(650,'"**/*"'),n.qZA(),n.TgZ(651,"span",18),n._uU(652,","),n.qZA(),n._uU(653,"\n      "),n.TgZ(654,"span",49),n._uU(655,'"input"'),n.qZA(),n.TgZ(656,"span",55),n._uU(657,":"),n.qZA(),n._uU(658," "),n.TgZ(659,"span",19),n._uU(660,'"./node_modules/@ant-design/icons-angular/src/inline-svg/"'),n.qZA(),n.TgZ(661,"span",18),n._uU(662,","),n.qZA(),n._uU(663,"\n      "),n.TgZ(664,"span",49),n._uU(665,'"output"'),n.qZA(),n.TgZ(666,"span",55),n._uU(667,":"),n.qZA(),n._uU(668," "),n.TgZ(669,"span",19),n._uU(670,'"/assets/"'),n.qZA(),n._uU(671,"\n    "),n.TgZ(672,"span",18),n._uU(673,"}"),n.qZA(),n._uU(674,"\n  "),n.TgZ(675,"span",18),n._uU(676,"]"),n.qZA(),n._uU(677,"\n"),n.TgZ(678,"span",18),n._uU(679,"}"),n.qZA()()(),n.TgZ(680,"p"),n._uU(681,"You can call "),n.TgZ(682,"code"),n._uU(683,"changeAssetsSource()"),n.qZA(),n._uU(684," of "),n.TgZ(685,"code"),n._uU(686,"NzIconService"),n.qZA(),n._uU(687," to change the location of your icon assets, so that you can deploy these icon assets to cdn. The parameter you passed would be add in front of "),n.TgZ(688,"code"),n._uU(689,"assets/"),n.qZA(),n._uU(690,"."),n.qZA(),n.TgZ(691,"p"),n._uU(692,"Let's assume that you deploy static assets under "),n.TgZ(693,"code"),n._uU(694,"https://mycdn.somecdn.com/icons/assets"),n.qZA(),n._uU(695,". You can call "),n.TgZ(696,"code"),n._uU(697,"changeAssetsSource('https://mycdn.somecdn.com/icons')"),n.qZA(),n._uU(698," to tell NG-ZORRO that all your resources are located there."),n.qZA(),n.TgZ(699,"p"),n._uU(700,"Please call this in component's constructor or "),n.TgZ(701,"code"),n._uU(702,"AppInitService"),n.qZA(),n._uU(703,"."),n.qZA(),n.TgZ(704,"h3",59)(705,"span"),n._uU(706,"Add Icons in Lazy-loaded Modules"),n.qZA(),n.TgZ(707,"a",60),n._uU(708,"#"),n.qZA()(),n.TgZ(709,"p"),n._uU(710,"Sometimes, you want to import icons in lazy modules to avoid increasing the size of the main.js. You can use "),n.TgZ(711,"code"),n._uU(712,"NzIconModule.forChild"),n.qZA(),n._uU(713,"."),n.qZA(),n.TgZ(714,"pre",16)(715,"code"),n._uU(716,"@"),n.TgZ(717,"span",56),n._uU(718,"NgModule"),n.qZA(),n.TgZ(719,"span",18),n._uU(720,"("),n.qZA(),n.TgZ(721,"span",18),n._uU(722,"{"),n.qZA(),n._uU(723,"\n  imports"),n.TgZ(724,"span",18),n._uU(725,":"),n.qZA(),n._uU(726," "),n.TgZ(727,"span",18),n._uU(728,"["),n.qZA(),n._uU(729,"CommonModule"),n.TgZ(730,"span",18),n._uU(731,","),n.qZA(),n._uU(732," NzIconModule"),n.TgZ(733,"span",18),n._uU(734,"."),n.qZA(),n.TgZ(735,"span",56),n._uU(736,"forChild"),n.qZA(),n.TgZ(737,"span",18),n._uU(738,"("),n.qZA(),n.TgZ(739,"span",18),n._uU(740,"["),n.qZA(),n._uU(741,"QuestionOutline"),n.TgZ(742,"span",18),n._uU(743,"]"),n.qZA(),n.TgZ(744,"span",18),n._uU(745,")"),n.qZA(),n.TgZ(746,"span",18),n._uU(747,"]"),n.qZA(),n.TgZ(748,"span",18),n._uU(749,","),n.qZA(),n._uU(750,"\n"),n.TgZ(751,"span",18),n._uU(752,"}"),n.qZA(),n.TgZ(753,"span",18),n._uU(754,")"),n.qZA(),n._uU(755,"\n"),n.TgZ(756,"span",17),n._uU(757,"class"),n.qZA(),n._uU(758," "),n.TgZ(759,"span",57),n._uU(760,"ChildModule"),n.qZA(),n._uU(761," "),n.TgZ(762,"span",18),n._uU(763,"{"),n.qZA(),n.TgZ(764,"span",18),n._uU(765,"}"),n.qZA()()(),n.TgZ(766,"p"),n._uU(767,"When "),n.TgZ(768,"code"),n._uU(769,"ChildModule"),n.qZA(),n._uU(770," get loaded, the icon QuestionOutline would be usable across the application."),n.qZA(),n.TgZ(771,"h3",61)(772,"span"),n._uU(773,"Set Default TwoTone Color"),n.qZA(),n.TgZ(774,"a",62),n._uU(775,"#"),n.qZA()(),n.TgZ(776,"p"),n._uU(777,"When using the two-tone icons, you provide a global configuration like "),n.TgZ(778,"code"),n._uU(779,"{ nzIcon: { nzTwotoneColor: 'xxx' } }

1"),n.qZA(),n._uU(780," via "),n.TgZ(781,"code"),n._uU(782,"NzConfigService"),n.qZA(),n._uU(783," or call corresponding "),n.TgZ(784,"code"),n._uU(785,"set"),n.qZA(),n._uU(786," method to change two default twotone color."),n.qZA(),n.TgZ(787,"h3",63)(788,"span"),n._uU(789,"Custom Font Icon"),n.qZA(),n.TgZ(790,"a",64),n._uU(791,"#"),n.qZA()(),n.TgZ(792,"p"),n._uU(793,"We added a "),n.TgZ(794,"code"),n._uU(795,"fetchFromIconfont"),n.qZA(),n._uU(796," method function to help developer using their own icons deployed at "),n.TgZ(797,"a",31),n._uU(798,"iconfont.cn"),n.qZA(),n._uU(799," in a convenient way."),n.qZA(),n.TgZ(800,"blockquote")(801,"p"),n._uU(802,"This method is specified for iconfont.cn."),n.qZA()(),n.TgZ(803,"pre",16)(804,"code")(805,"span",17),n._uU(806,"this"),n.qZA(),n.TgZ(807,"span",18),n._uU(808,"."),n.qZA(),n._uU(809,"_iconService"),n.TgZ(810,"span",18),n._uU(811,"."),n.qZA(),n.TgZ(812,"span",56),n._uU(813,"fetchFromIconfont"),n.qZA(),n.TgZ(814,"span",18),n._uU(815,"("),n.qZA(),n.TgZ(816,"span",18),n._uU(817,"{"),n.qZA(),n._uU(818,"\n  scriptUrl"),n.TgZ(819,"span",18),n._uU(820,":"),n.qZA(),n._uU(821," "),n.TgZ(822,"span",19),n._uU(823,"'https://at.alicdn.com/t/font_8d5l8fzk5b87iudi.js'"),n.qZA(),n._uU(824,"\n"),n.TgZ(825,"span",18),n._uU(826,"}"),n.qZA(),n.TgZ(827,"span",18),n._uU(828,")"),n.qZA(),n.TgZ(829,"span",18),n._uU(830,";"),n.qZA()()(),n.TgZ(831,"pre",44)(832,"code")(833,"span",45)(834,"span",45)(835,"span",18),n._uU(836,"<"),n.qZA(),n._uU(837,"span"),n.qZA(),n._uU(838," "),n.TgZ(839,"span",46),n._uU(840,"nz-icon"),n.qZA(),n._uU(841," "),n.TgZ(842,"span",46),n._uU(843,"[nzIconfont]"),n.qZA(),n.TgZ(844,"span",47)(845,"span",18),n._uU(846,"="),n.qZA(),n.TgZ(847,"span",18),n._uU(848,'"'),n.qZA(),n.TgZ(849,"span",18),n._uU(850,"'"),n.qZA(),n._uU(851,"icon-tuichu"),n.TgZ(852,"span",18),n._uU(853,"'"),n.qZA(),n.TgZ(854,"span",18),n._uU(855,'"'),n.qZA()(),n.TgZ(856,"span",18),n._uU(857,">"),n.qZA()(),n.TgZ(858,"span",45)(859,"span",45)(860,"span",18),n._uU(861,"</"),n.qZA(),n._uU(862,"span"),n.qZA(),n.TgZ(863,"span",18),n._uU(864,">"),n.qZA()()()(),n.TgZ(865,"p"),n._uU(866,"It create a component that uses SVG sprites in essence."),n.qZA(),n.TgZ(867,"p"),n._uU(868,"The following option are available:"),n.qZA(),n.TgZ(869,"table")(870,"thead")(871,"tr")(872,"th"),n._uU(873,"Property"),n.qZA(),n.TgZ(874,"th"),n._uU(875,"Description"),n.qZA(),n.TgZ(876,"th"),n._uU(877,"Type"),n.qZA(),n.TgZ(878,"th"),n._uU(879,"Default"),n.qZA()()(),n.TgZ(880,"tbody")(881,"tr")(882,"td")(883,"code"),n._uU(884,"scriptUrl"),n.qZA()(),n.TgZ(885,"td"),n._uU(886,"The URL generated by iconfont.cn project."),n.qZA(),n.TgZ(887,"td")(888,"code"),n._uU(889,"string"),n.qZA()(),n.TgZ(890,"td"),n._uU(891,"-"),n.qZA()()()(),n.TgZ(892,"p"),n._uU(893,"The property scriptUrl should be set to import the svg sprite symbols."),n.qZA(),n.TgZ(894,"p"),n._uU(895,"See "),n.TgZ(896,"a",65),n._uU(897,"iconfont.cn"),n.qZA(),n._uU(898," documents to learn about how to generate scriptUrl."),n.qZA(),n.TgZ(899,"h3",66)(900,"span"),n._uU(901,"Namespace"),n.qZA(),n.TgZ(902,"a",67),n._uU(903,"#"),n.qZA()(),n.TgZ(904,"p"),n._uU(905,"We introduced namespace so you could add your own icons in a convenient way. When you wan to render an icon, you could assign "),n.TgZ(906,"code"),n._uU(907,"type"),n.qZA(),n.TgZ(908,"code"),n._uU(909,"namespace:name"),n.qZA(),n._uU(910,". Dynamic importing and static importing are both supported."),n.qZA(),n.TgZ(911,"p"),n._uU(912,"Static importing. Invoke "),n.TgZ(913,"code"),n._uU(914,"addIconLiteral"),n.qZA(),n._uU(915," of "),n.TgZ(916,"code"),n._uU(917,"NzIconService"),n.qZA(),n._uU(918,"."),n.qZA(),n.TgZ(919,"p"),n._uU(920,"Dynamic importing. Make sure that you have put your SVG resources in dir like "),n.TgZ(921,"code"),n._uU(922,"assets/${namespace}"),n.qZA(),n._uU(923,". For example, if you have a "),n.TgZ(924,"code"),n._uU(925,"panda"),n.qZA(),n._uU(926," icon and in "),n.TgZ(927,"code"),n._uU(928,"zoo"),n.qZA(),n._uU(929," namespace, you should put "),n.TgZ(930,"code"),n._uU(931,"panda.svg"),n.qZA(),n._uU(932," in "),n.TgZ(933,"code"),n._uU(934,"assets/zoo"),n.qZA(),n._uU(935,"."),n.qZA(),n.TgZ(936,"h2",68)(937,"span"),n._uU(938,"FAQ"),n.qZA(),n.TgZ(939,"a",69),n._uU(940,"#"),n.qZA()(),n.TgZ(941,"h3",70)(942,"span"),n._uU(943,"All my icons are gone!"),n.qZA(),n.TgZ(944,"a",71),n._uU(945,"#"),n.qZA()(),n.TgZ(946,"p"),n._uU(947,"Have you read the docs above?"),n.qZA(),n.TgZ(948,"h3",72)(949,"span"),n._uU(950,"There are two similar icons in a "),n.TgZ(951,"code"),n._uU(952,"<span></span>"),n.qZA(),n._uU(953," tag. What happened?"),n.qZA(),n.TgZ(954,"a",73),n._uU(955,"#"),n.qZA()(),n.TgZ(956,"p"),n._uU(957,"In older versions of NG-ZORRO, there was a font file which would use "),n.TgZ(958,"code"),n._uU(959,":before"),n.qZA(),n._uU(960," to insert a icon according to a "),n.TgZ(961,"code"),n._uU(962,"i"),n.qZA(),n._uU(963," tag's "),n.TgZ(964,"code"),n._uU(965,"className"),n.qZA(),n._uU(966,". So if you have two icons, try to remove "),n.TgZ(967,"code"),n._uU(968,"node_modules"),n.qZA(),n._uU(969," and reinstall. If the problem is still there, search "),n.TgZ(970,"code"),n._uU(971,"@icon-url"),n.qZA(),n._uU(972," and remove that line."),n.qZA(),n.TgZ(973,"h3",74)(974,"span"),n._uU(975,"I want to import all icons statically. What should I do?"),n.qZA(),n.TgZ(976,"a",75),n._uU(977,"#"),n.qZA()(),n.TgZ(978,"p"),n._uU(979,"Actually we demonstrate it here "),n.TgZ(980,"a",76),n._uU(981,"Static loading and dynamic loading"),n.qZA(),n._uU(982,":"),n.qZA(),n.TgZ(983,"pre",16)(984,"code")(985,"span",54),n._uU(986,"// import * as AllIcons from '@ant-design/icons-angular/icons';"),n.qZA(),n._uU(987,"\n\n"),n.TgZ(988,"span",54),n._uU(989,"// const antDesignIcons = AllIcons as {"),n.qZA(),n._uU(990,"\n"),n.TgZ(991,"span",54),n._uU(992,"//   [key: string]: IconDefinition;"),n.qZA(),n._uU(993,"\n"),n.TgZ(994,"span",54),n._uU(995,"// };"),n.qZA(),n._uU(996,"\n"),n.TgZ(997,"span",54),n._uU(998,"// const icons: IconDefinition[] = Object.keys(antDesignIcons).map(key => antDesignIcons[key])"),n.qZA()()(),n.TgZ(999,"h3",77)(1e3,"span"),n._uU(1001,"Does dynamic loading affect web pages' performance?"),n.qZA(),n.TgZ(1002,"a",78),n._uU(1003,"#"),n.qZA()(),n.TgZ(1004,"p"),n._uU(1005,"We used several methods to reduce requests, like static cache, dynamic cache and reusable request. It's basically not noticeable for visitors that icons are loaded asynchronously assuming web connections are fairly good."),n.qZA(),n.TgZ(1006,"h3",79)(1007,"span"),n._uU(1008,"How do I know a icon's corresponding module to import?"),n.qZA(),n.TgZ(1009,"a",8

10),n._uU(1010,"#"),n.qZA()(),n.TgZ(1011,"p"),n._uU(1012,"Capital camel-case "),n.TgZ(1013,"code"),n._uU(1014,"type & theme"),n.qZA(),n._uU(1015,", i.e. "),n.TgZ(1016,"code"),n._uU(1017,"alibaba"),n.qZA(),n._uU(1018," => "),n.TgZ(1019,"code"),n._uU(1020,"AlibabaOutline"),n.qZA(),n._uU(1021,"."),n.qZA(),n.fQ9(),n.qZA()()),2&u&&(n.xp6(1),n.Q6J("nzOffsetTop",16),n.xp6(1),n.Q6J("nzAffix",!1),n.xp6(51),n.Q6J("nzGutter",16),n.xp6(1),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-icon-demo-basic")("nzLink","components-icon-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/icon/demo/basic.md"),n.xp6(16),n.Q6J("nzId","components-icon-demo-custom")("nzLink","components-icon-demo-custom")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/icon/demo/custom.md"),n.xp6(11),n.Q6J("nzId","components-icon-demo-namespace")("nzLink","components-icon-demo-namespace")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/icon/demo/namespace.md"),n.xp6(5),n.Q6J("nzXl",12)("nzSpan",24),n.xp6(1),n.Q6J("nzId","components-icon-demo-twotone")("nzLink","components-icon-demo-twotone")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/icon/demo/twotone.md"),n.xp6(11),n.Q6J("nzId","components-icon-demo-iconfont")("nzLink","components-icon-demo-iconfont")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/icon/demo/iconfont.md"))},dependencies:[E.G,I.IT,I.Fp,H.$,Z.t3,Z.SK,B.SY,U.Ls,y.w,c,h,p,P,G,Nn],encapsulation:2})}return o})(),Pn=(()=>{class o{static#n=this.\u0275fac=function(u){return new(u||o)};static#e=this.\u0275mod=n.oAB({type:o});static#o=this.\u0275inj=n.cJS({imports:[d.G,L,r.Bz.forChild([{path:"en",component:Ln},{path:"zh",component:Tn}])]})}return o})()},7225:(V,Q,s)=>{s.d(Q,{Bq:()=>L,Dg:()=>n,Of:()=>I,aF:()=>H});var r=s(9212),d=s(7582),U=s(6223),f=s(7328),C=s(8645),O=s(2438),F=s(9773),b=s(6700),D=s(9388),M=s(4300),R=s(8188),x=s(6814);const k=["*"],B=["inputElement"],v=["nz-radio",""];let L=(()=>{class Z{static#n=this.\u0275fac=function(h){return new(h||Z)};static#e=this.\u0275dir=r.lG2({type:Z,selectors:[["","nz-radio-button",""]]})}return Z})(),E=(()=>{class Z{constructor(){this.selected$=new f.t(1),this.touched$=new C.x,this.disabled$=new f.t(1),this.name$=new f.t(1)}touch(){this.touched$.next()}select(c){this.selected$.next(c)}setDisabled(c){this.disabled$.next(c)}setName(c){this.name$.next(c)}static#n=this.\u0275fac=function(h){return new(h||Z)};static#e=this.\u0275prov=r.Yz7({token:Z,factory:Z.\u0275fac})}return Z})(),n=(()=>{class Z{constructor(c,h,p){this.cdr=c,this.nzRadioService=h,this.directionality=p,this.value=null,this.destroy$=new C.x,this.isNzDisableFirstChange=!0,this.onChange=()=>{},this.onTouched=()=>{},this.nzDisabled=!1,this.nzButtonStyle="outline",this.nzSize="default",this.nzName=null,this.dir="ltr"}ngOnInit(){this.nzRadioService.selected$.pipe((0,F.R)(this.destroy$)).subscribe(c=>{this.value!==c&&(this.value=c,this.onChange(this.value))}),this.nzRadioService.touched$.pipe((0,F.R)(this.destroy$)).subscribe(()=>{Promise.resolve().then(()=>this.onTouched())}),this.directionality.change?.pipe((0,F.R)(this.destroy$)).subscribe(c=>{this.dir=c,this.cdr.detectChanges()}),this.dir=this.directionality.value}ngOnChanges(c){const{nzDisabled:h,nzName:p}=c;h&&this.nzRadioService.setDisabled(this.nzDisabled),p&&this.nzRadioService.setName(this.nzName)}ngOnDestroy(){this.destroy$.next(!0),this.destroy$.complete()}writeValue(c){this.value=c,this.nzRadioService.select(c),this.cdr.markForCheck()}registerOnChange(c){this.onChange=c}registerOnTouched(c){this.onTouched=c}setDisabledState(c){this.nzDisabled=this.isNzDisableFirstChange&&this.nzDisabled||c,this.isNzDisableFirstChange=!1,this.nzRadioService.setDisabled(this.nzDisabled),this.cdr.markForCheck()}static#n=this.\u0275fac=function(h){return new(h||Z)(r.Y36(r.sBO),r.Y36(E),r.Y36(D.Is,8))};static#e=this.\u0275cmp=r.Xpm({type:Z,selectors:[["nz-radio-group"]],hostAttrs:[1,"ant-radio-group"],hostVars:8,hostBindings:function(h,p){2&h&&r.ekj("ant-radio-group-large","large"===p.nzSize)("ant-radio-group-small","small"===p.nzSize)("ant-radio-group-solid","solid"===p.nzButtonStyle)("ant-radio-group-rtl","rtl"===p.dir)},inputs:{nzDisabled:"nzDisabled",nzButtonStyle:"nzButtonStyle",nzSize:"nzSize",nzName:"nzName"},exportAs:["nzRadioGroup"],features:[r._Bn([E,{provide:U.JU,useExisting:(0,r.Gpc)(()=>Z),multi:!0}]),r.TTD],ngContentSelectors:k,decls:1,vars:0,template:function(h,p){1&h&&(r.F$t(),r.Hsn(0))},encapsulation:2,changeDetection:0})}return(0,d.gn)([(0,b.yF)()],Z.prototype,"nzDisabled",void 0),Z})(),I=(()=>{class Z{focus(){this.focusMonitor.focusVia(this.inputElement,"keyboard")}blur(){this.inputElement.nativeElement.blur()}constructor(c,h,p,N,P,G,J,_){this.ngZone=c,this.elementRef=h,this.cdr=p,this.focusMonitor=N,this.directionality=P,this.nzRadioService=G,this.nzRadioButtonDirective=J,this.nzFormStatusService=_,this.isNgModel=!1,this.destroy$=new C.x,this.isNzDisableFirstChange=!0,this.isChecked=!1,this.name=null,this.isRadioButton=!!this.nzRadioButtonDirective,this.onChange=()=>{},this.onTouched=()=>{},this.nzValue=null,this.nzDisabled=!1,this.nzAutoFocus=!1,this.dir="ltr"}setDisabledState(c){this.nzDisabled=this.isNzDisableFirstChange&&this.nzDisabled||c,this.isNzDisableFirstChange=!1,this.cdr.markForCheck()}writeValue(c){this.isChecked=c,this.cdr.markForCheck()}registerOnChange(c){this.isNgModel=!0,this.onChange=c}registerOnTouched(c){this.onTouched=c}ngOnInit(){this.nzRadioService&&(this.nzRadioService.name$.pipe((0,F.R)(this.destroy$)).subscribe(c=>{this.name=c,this.cdr.markForCheck()}),this.nzRadioService.disabled$.pipe((0,F.R)(this.destroy$)).subscribe(c=>{this.nzDisabled=this.isNzDisableFirstChange&&this.nzDisabled||c,this.isNzDisableFirstChange=!1,this.cdr.markForCheck()}),this.nzRadioService.selected$.pipe((0,F.R)(this.destroy$)).subscribe(c=>{const h=this.isChecked;this.isChecked=this.nzValue===c,this.isNgModel&&h!==this.isChecked&&!1===this.isChecked&&this.onChange(!1),this.cdr.markForCheck()})),this.focusMonitor.monitor(this.elementRef,!0).pipe((0,F.R)(this.destroy$)).subscribe(c=>{c||(Promise.resolve().then(()=>this.onTouched()),this.nzRadioService&&this.nzRadioService.touch())}),this.directionality.change.pipe((0,F.R)(this.destroy$)).subscribe(c=>{this.dir=c,this.cdr.detectChanges()}),this.dir=this.directionality.value,this.setupClickListener()}ngAfterViewInit(){this.nzAutoFocus&&this.focus()}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete(),this.focusMonitor.stopMonitoring(this.elementRef)}setupClickListener(){this.ngZone.runOutsideAngular(()=>{(0,O.R)(this.elementRef.nativeElement,"click").pipe((0,F.R)(this.destroy$)).subscribe(c=>{c.stopPropagation(),c.preventDefault(),!this.nzDisabled&&!this.isChecked&&this.ngZone.run(()=>{this.focus(),this.nzRadioService?.select(this.nzValue),this.isNgModel&&(this.isChecked=!0,this.onChange(!0)),this.cdr.markForCheck()})})})}static#n=this.\u0275fac=function(h){return new(h||Z)(r.Y36(r.R0b),r.Y36(r.SBq),r.Y36(r.sBO),r.Y36(M.tE),r.Y36(D.Is,8),r.Y36(E,8),r.Y36(L,8),r.Y36(R.kH,8))};static#e=this.\u0275cmp=r.Xpm({type:Z,selectors:[["","nz-radio",""],["","nz-radio-button",""]],viewQuery:function(h,p){if(1&h&&r.Gf(B,7),2&h){let N;r.iGM(N=r.CRH())&&(p.inputElement=N.first)}},hostVars:18,hostBindings:function(h,p){2&h&&r.ekj("ant-radio-wrapper-in-form-item",!!p.nzFormStatusService)("ant-radio-wrapper",!p.isRadioButton)("ant-radio-button-wrapper",p.isRadioButton)("ant-radio-wrapper-checked",p.isChecked&&!p.isRadioButton)("ant-radio-button-wrapper-checked",p.isChecked&&p.isRadioButton)("ant-radio-wrapper-disabled",p.nzDisabled&&!p.isRadioButton)("ant-radio-button-wrapper-disabled",p.nzDisabled&&p.isRadioButton)("ant-radio-wrapper-rtl",!p.isRadioButton&&"rtl"===p.dir)("ant-radio-button-wrapper-rtl",p.isRadioButton&&"rtl"===p.dir)},inputs:{nzValue:"nzValue",nzDisabled:"nzDisabled",nzAutoFocus:"nzAutoFocus"},exportAs:["nzRadio"],features:[r._Bn([{provide:U.JU,useExisting:(0,r.Gpc)(()=>Z),multi:!0}])],attrs:v,ngContentSelectors:k,decls:6,vars:24,consts:[["type","radio",3,"disabled","checked"],["

1inputElement",""]],template:function(h,p){1&h&&(r.F$t(),r.TgZ(0,"span"),r._UZ(1,"input",0,1)(3,"span"),r.qZA(),r.TgZ(4,"span"),r.Hsn(5),r.qZA()),2&h&&(r.ekj("ant-radio",!p.isRadioButton)("ant-radio-checked",p.isChecked&&!p.isRadioButton)("ant-radio-disabled",p.nzDisabled&&!p.isRadioButton)("ant-radio-button",p.isRadioButton)("ant-radio-button-checked",p.isChecked&&p.isRadioButton)("ant-radio-button-disabled",p.nzDisabled&&p.isRadioButton),r.xp6(1),r.ekj("ant-radio-input",!p.isRadioButton)("ant-radio-button-input",p.isRadioButton),r.Q6J("disabled",p.nzDisabled)("checked",p.isChecked),r.uIk("autofocus",p.nzAutoFocus?"autofocus":null)("name",p.name),r.xp6(2),r.ekj("ant-radio-inner",!p.isRadioButton)("ant-radio-button-inner",p.isRadioButton))},encapsulation:2,changeDetection:0})}return(0,d.gn)([(0,b.yF)()],Z.prototype,"nzDisabled",void 0),(0,d.gn)([(0,b.yF)()],Z.prototype,"nzAutoFocus",void 0),Z})(),H=(()=>{class Z{static#n=this.\u0275fac=function(h){return new(h||Z)};static#e=this.\u0275mod=r.oAB({type:Z});static#o=this.\u0275inj=r.cJS({imports:[D.vT,x.ez,U.u5]})}return Z})()},5589:(V,Q,s)=>{s.d(Q,{W:()=>G,j:()=>J});var r=s(7582),d=s(9212),U=s(8645),f=s(5619),C=s(7328),O=s(4825),F=s(7921),b=s(3997),D=s(4664),M=s(9360),R=s(2420),x=s(8251),k=s(4829),v=s(9773),L=s(2196),E=s(6700),n=s(9388),I=s(6814),H=s(7131);function Z(_,w){1&_&&(d.TgZ(0,"span",3),d._UZ(1,"i",4)(2,"i",4)(3,"i",4)(4,"i",4),d.qZA())}function y(_,w){}function c(_,w){if(1&_&&(d.TgZ(0,"div",8),d._uU(1),d.qZA()),2&_){const A=d.oxw(2);d.xp6(1),d.Oqu(A.nzTip)}}function h(_,w){if(1&_&&(d.TgZ(0,"div")(1,"div",5),d.YNc(2,y,0,0,"ng-template",6)(3,c,2,1,"div",7),d.qZA()()),2&_){const A=d.oxw(),m=d.MAs(1);d.xp6(1),d.ekj("ant-spin-rtl","rtl"===A.dir)("ant-spin-spinning",A.isLoading)("ant-spin-lg","large"===A.nzSize)("ant-spin-sm","small"===A.nzSize)("ant-spin-show-text",A.nzTip),d.xp6(1),d.Q6J("ngTemplateOutlet",A.nzIndicator||m),d.xp6(1),d.Q6J("ngIf",A.nzTip)}}function p(_,w){if(1&_&&(d.TgZ(0,"div",9),d.Hsn(1),d.qZA()),2&_){const A=d.oxw();d.ekj("ant-spin-blur",A.isLoading)}}const N=["*"],P="spin";let G=(()=>{class _{constructor(A,m,T){this.nzConfigService=A,this.cdr=m,this.directionality=T,this._nzModuleName=P,this.nzIndicator=null,this.nzSize="default",this.nzTip=null,this.nzDelay=0,this.nzSimple=!1,this.nzSpinning=!0,this.destroy$=new U.x,this.spinning$=new f.X(this.nzSpinning),this.delay$=new C.t(1),this.isLoading=!1,this.dir="ltr"}ngOnInit(){this.delay$.pipe((0,F.O)(this.nzDelay),(0,b.x)(),(0,D.w)(m=>0===m?this.spinning$:this.spinning$.pipe(function B(_){return(0,M.e)((w,A)=>{let m=!1,T=null,z=null;const j=()=>

1{if(z?.unsubscribe(),z=null,m){m=!1;const $=T;T=null,A.next($)}};w.subscribe((0,x.x)(A,$=>{z?.unsubscribe(),m=!0,T=$,z=(0,x.x)(A,j,R.Z),(0,k.Xf)(_($)).subscribe(z)},()=>{j(),A.complete()},void 0,()=>{T=z=null}))})}(T=>(0,O.H)(T?m:0)))),(0,v.R)(this.destroy$)).subscribe(m=>{this.isLoading=m,this.cdr.markForCheck()}),this.nzConfigService.getConfigChangeEventForComponent(P).pipe((0,v.R)(this.destroy$)).subscribe(()=>this.cdr.markForCheck()),this.directionality.change?.pipe((0,v.R)(this.destroy$)).subscribe(m=>{this.dir=m,this.cdr.detectChanges()}),this.dir=this.directionality.value}ngOnChanges(A){const{nzSpinning:m,nzDelay:T}=A;m&&this.spinning$.next(this.nzSpinning),T&&this.delay$.next(this.nzDelay)}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}static#n=this.\u0275fac=function(m){return new(m||_)(d.Y36(L.jY),d.Y36(d.sBO),d.Y36(n.Is,8))};static#e=this.\u0275cmp=d.Xpm({type:_,selectors:[["nz-spin"]],hostVars:2,hostBindings:function(m,T){2&m&&d.ekj("ant-spin-nested-loading",!T.nzSimple)},inputs:{nzIndicator:"nzIndicator",nzSize:"nzSize",nzTip:"nzTip",nzDelay:"nzDelay",nzSimple:"nzSimple",nzSpinning:"nzSpinning"},exportAs:["nzSpin"],features:[d.TTD],ngContentSelectors:N,decls:4,vars:2,consts:[["defaultTemplate",""],[4,"ngIf"],["class","ant-spin-container",3,"ant-spin-blur",4,"ngIf"],[1,"ant-spin-dot","ant-spin-dot-spin"],[1,"ant-spin-dot-item"],[1,"ant-spin"],[3,"ngTemplateOutlet"],["class","ant-spin-text",4,"ngIf"],[1,"ant-spin-text"],[1,"ant-spin-container"]],template:function(m,T){1&m&&(d.F$t(),d.YNc(0,Z,5,0,"ng-template",null,0,d.W1O)(2,h,4,12,"div",1)(3,p,2,2,"div",2)),2&m&&(d.xp6(2),d.Q6J("ngIf",T.isLoading),d.xp6(1),d.Q6J("ngIf",!T.nzSimple))},dependencies:[I.O5,I.tP],encapsulation:2})}return(0,r.gn)([(0,L.oS)()],_.prototype,"nzIndicator",void 0),(0,r.gn)([(0,E.Rn)()],_.prototype,"nzDelay",void 0),(0,r.gn)([(0,E.yF)()],_.prototype,"nzSimple",void 0),(0,r.gn)([(0,E.yF)()],_.prototype,"nzSpinning",void 0),_})(),J=(()=>{class _{static#n=this.\u0275fac=function(m){return new(m||_)};static#e=this.\u0275mod=d.oAB({type:_});static#o=this.\u0275inj=d.cJS({imports:[n.vT,I.ez,H.Q8]})}return _})()}}]);