-
Notifications
You must be signed in to change notification settings - Fork 11
/
chunk-FVIX4KXA.js
149 lines (130 loc) · 114 KB
/
chunk-FVIX4KXA.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
import{a as Ze,b as Ue}from"./chunk-46SIUZDH.js";import{a as Ve,b as He}from"./chunk-BNTKULK7.js";import{c as Ge,d as je}from"./chunk-7FQ4H2ZR.js";import{a as Pe,b as Le}from"./chunk-KTCNOBDZ.js";import{a as ve,b as Be,c as Te}from"./chunk-IMNDRGH3.js";import{d as Ne,f as ke,g as Me}from"./chunk-7B2MMNHF.js";import"./chunk-DGVZRYL7.js";import{e as We}from"./chunk-SWHDVER2.js";import{a as Re,b as Oe}from"./chunk-PEPNXSWS.js";import"./chunk-6YVFCLUS.js";import"./chunk-CU5AYJGV.js";import{a as ye,b as Ie,c as we,f as Ae}from"./chunk-55J2XTRG.js";import{a as _e,c as be}from"./chunk-NAZMYAKY.js";import"./chunk-QKKRINFW.js";import{a as Ce,b as ze,d as De}from"./chunk-B4IH7RR4.js";import{a as ge}from"./chunk-7HQXT7RK.js";import{a as U,g as xe,h as Se,j as fe}from"./chunk-2RTS5GAO.js";import"./chunk-V2SRXRXL.js";import{B as le,Da as j,Ea as g,Fc as pe,Ga as w,Ic as Ee,Kc as he,Lc as Fe,Wb as Z,Yb as ue,kc as de,ma as re,na as me,oc as se,sc as ce}from"./chunk-BYER7FCH.js";import{$b as B,Ca as z,Da as D,Ea as h,Fa as F,Fb as y,Ga as A,Ha as b,Hb as p,Hd as ae,Jc as G,Qb as v,Sb as Q,Tb as k,Ua as K,Ub as M,Vb as n,Wb as t,Xb as c,Yb as te,Zb as ne,cc as f,ec as x,id as oe,lc as P,ma as $,mb as s,mc as L,n as J,nb as _,nc as R,oc as Y,pc as e,qc as I,ra as S,rc as T,uc as O,vc as V,wc as H,xb as ee,yc as C,zc as ie}from"./chunk-U274QCT3.js";import{i as X}from"./chunk-RKLIRILV.js";var qe=(()=>{let o=class o{};o.\u0275fac=function(l){return new(l||o)},o.\u0275cmp=S({type:o,selectors:[["nz-demo-icon-basic"]],standalone:!0,features:[C],decls:7,vars:2,consts:[[1,"icons-list"],["nz-icon","","nzType","home"],["nz-icon","","nzType","setting","nzTheme","fill"],["nz-icon","","nzType","smile","nzTheme","outline"],["nz-icon","","nzType","sync",3,"nzSpin"],["nz-icon","","nzType","smile","nzTheme","outline",3,"nzRotate"],["nz-icon","","nzType","loading"]],template:function(l,a){l&1&&(n(0,"div",0),c(1,"span",1)(2,"span",2)(3,"span",3)(4,"span",4)(5,"span",5)(6,"span",6),t()),l&2&&(s(4),p("nzSpin",!0),s(),p("nzRotate",180))},dependencies:[w,g],styles:["[nz-icon][_ngcontent-%COMP%]{margin-right:6px;font-size:24px}"]});let i=o;return i})();var $e=(()=>{let o=class o{};o.\u0275fac=function(l){return new(l||o)},o.\u0275cmp=S({type:o,selectors:[["nz-demo-icon-custom"]],standalone:!0,features:[C],decls:13,vars:0,consts:[["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(l,a){l&1&&(n(0,"span",0),A(),n(1,"svg"),c(2,"path",1),t()(),b(),n(3,"span",2),A(),n(4,"svg"),c(5,"path",3)(6,"path",4)(7,"path",5)(8,"path",6)(9,"path",7)(10,"path",8)(11,"path",9)(12,"path",10),t()())},dependencies:[w,g],styles:["[nz-icon][_ngcontent-%COMP%]{margin-right:6px;font-size:24px}"]});let i=o;return i})();var Qe=(()=>{let o=class o{constructor(r){this.iconService=r,this.iconService.fetchFromIconfont({scriptUrl:"https://at.alicdn.com/t/font_8d5l8fzk5b87iudi.js"})}};o.\u0275fac=function(l){return new(l||o)(_(j))},o.\u0275cmp=S({type:o,selectors:[["nz-demo-icon-iconfont"]],standalone:!0,features:[C],decls:3,vars:0,consts:[["nz-icon","","nzIconfont","icon-tuichu"],["nz-icon","","nzIconfont","icon-facebook"],["nz-icon","","nzIconfont","icon-twitter"]],template:function(l,a){l&1&&c(0,"span",0)(1,"span",1)(2,"span",2)},dependencies:[w,g],styles:["[nz-icon][_ngcontent-%COMP%]{margin-right:6px;font-size:24px}"]});let i=o;return i})();var rt=`<svg viewBox="0 0 106 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="68.1279872%" y1="-35.6905737%" x2="30.4400914%" y2="114.942679%" id="linearGradient-1">
<stop stop-color="#FA8E7D" offset="0%"></stop>
<stop stop-color="#F74A5C" offset="51.2635191%"></stop>
<stop stop-color="#F51D2C" offset="100%"></stop>
</linearGradient>
<linearGradient x1="68.1279872%" y1="-35.6905737%" x2="74.5363914%" y2="162.511755%" id="linearGradient-2">
<stop stop-color="#FA8E7D" offset="0%"></stop>
<stop stop-color="#F74A5C" offset="51.2635191%"></stop>
<stop stop-color="#F51D2C" offset="100%"></stop>
</linearGradient>
<linearGradient x1="69.644116%" y1="0%" x2="69.644116%" y2="100%" id="linearGradient-3">
<stop stop-color="#29CDFF" offset="0%"></stop>
<stop stop-color="#148EFF" offset="37.8600687%"></stop>
<stop stop-color="#0A60FF" offset="100%"></stop>
</linearGradient>
<linearGradient x1="-19.8191553%" y1="-36.7931464%" x2="138.57919%" y2="157.637507%" id="linearGradient-4">
<stop stop-color="#29CDFF" offset="0%"></stop>
<stop stop-color="#0F78FF" offset="100%"></stop>
</linearGradient>
</defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Angular" transform="translate(-11.000000, -4.000000)">
<g id="Group-9" transform="translate(11.000000, 4.000000)">
<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>
<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>
<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>
<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>
</g>
</g>
</g>
</svg>`,Ye=(()=>{let o=class o{constructor(r){this.iconService=r,this.iconService.addIconLiteral("ng-zorro:antd",rt)}};o.\u0275fac=function(l){return new(l||o)(_(j))},o.\u0275cmp=S({type:o,selectors:[["nz-demo-icon-namespace"]],standalone:!0,features:[C],decls:1,vars:0,consts:[["nz-icon","","nzType","ng-zorro:antd"]],template:function(l,a){l&1&&c(0,"span",0)},dependencies:[w,g],styles:["[nz-icon][_ngcontent-%COMP%]{margin-right:6px;font-size:24px}"]});let i=o;return i})();var Xe=(()=>{let o=class o{};o.\u0275fac=function(l){return new(l||o)},o.\u0275cmp=S({type:o,selectors:[["nz-demo-icon-twotone"]],standalone:!0,features:[C],decls:3,vars:0,consts:[["nz-icon","","nzType","smile","nzTheme","twotone"],["nz-icon","","nzType","heart","nzTheme","twotone","nzTwotoneColor","#eb2f96"],["nz-icon","","nzType","check-circle","nzTheme","twotone","nzTwotoneColor","#52c41a"]],template:function(l,a){l&1&&c(0,"span",0)(1,"span",1)(2,"span",2)},dependencies:[w,g],styles:["[nz-icon][_ngcontent-%COMP%]{margin-right:6px;font-size:24px}"]});let i=o;return i})();function zt(i,o){return this.trackByFn(o)}var Dt=()=>({showPreviewIcon:!1,showRemoveIcon:!1});function yt(i,o){if(i&1){let m=B();n(0,"div",15)(1,"span",16),H("nzPopoverVisibleChange",function(l){h(m);let a=x();return V(a.popoverVisible,l)||(a.popoverVisible=l),F(l)}),f("click",function(){h(m);let l=x();return F(l.toggleModal())}),A(),n(2,"svg",17),c(3,"path",18),t()()()}if(i&2){let m=x();s(),p("nzPopoverTrigger",null),O("nzPopoverVisible",m.popoverVisible),p("nzPopoverContent",m.localeObj.picSearcherIntro)}}function It(i,o){i&1&&(n(0,"button",19),c(1,"span",20),t())}function wt(i,o){if(i&1&&(n(0,"nz-badge",25),e(1),t()),i&2){let m=x().$implicit;s(),T(" ",m," ")}}function At(i,o){if(i&1&&e(0),i&2){let m=x().$implicit;T(" ",m," ")}}function _t(i,o){if(i&1){let m=B();n(0,"li",22),f("click",function(l){let a=h(m).$implicit,u=x(2);return F(u.onIconClick(l,a))}),c(1,"span",23),n(2,"span",24),y(3,wt,2,1,"nz-badge",25)(4,At,1,1),t()()}if(i&2){let m=o.$implicit,r=x(2);s(),p("nzType",r.kebabCase(m))("nzTheme",r.currentTheme),s(2),v(r.isNewIcon(m)?3:4)}}function bt(i,o){if(i&1&&(n(0,"h3"),e(1),t(),n(2,"ul",21),k(3,_t,5,3,"li",null,zt,!0),t()),i&2){let m=o.$implicit,r=o.$index,l=x();s(),I(l.localeObj[m]),s(2),M(l.displayedNames[r].icons)}}function vt(i,o){if(i&1){let m=B();n(0,"tr")(1,"td",36)(2,"span",37),f("click",function(l){let a=h(m).$implicit,u=x(4);return F(u.onIconClick(l,a.type))}),t()(),n(3,"td"),c(4,"nz-progress",38),t()()}if(i&2){let m=o.$implicit,r=x(4);s(2),p("nzTooltipTitle",m.type)("nzType",m.type)("nzTheme",r.currentTheme),s(2),p("nzPercent",m.score)}}function Bt(i,o){if(i&1&&(n(0,"div",35),e(1),t(),n(2,"table")(3,"thead")(4,"tr")(5,"th",36),e(6),t(),n(7,"th"),e(8),t()()(),n(9,"tbody"),k(10,vt,5,4,"tr",null,Q),t()()),i&2){let m=x(3);s(),T(" ",m.localeObj.picSearcherResultTip," "),s(5),T(" ",m.localeObj.picSearcherThIcon," "),s(2),I(m.localeObj.picSearcherThScore),s(2),M(m.icons)}}function Tt(i,o){if(i&1&&c(0,"nz-result",34),i&2){let m=x(3);p("nzSubTitle",m.localeObj.picSearcherServerError)}}function Nt(i,o){if(i&1&&(n(0,"nz-upload",27)(1,"p",28),c(2,"span",29),t(),n(3,"p",30),e(4),t(),n(5,"p",31),e(6),t()(),n(7,"nz-spin",32)(8,"div",33),y(9,Bt,12,3)(10,Tt,1,1,"nz-result",34),t()()),i&2){let m=x(2);p("nzCustomRequest",m.customRequestUploadFile)("nzFileList",m.fileList)("nzShowUploadList",ie(9,Dt)),s(4),I(m.localeObj.picSearcherUploadText),s(2),I(m.localeObj.picSearcherUploadHint),s(),p("nzSpinning",m.loading)("nzTip",m.localeObj.picSearcherMatching),s(2),v(m.icons.length?9:-1),s(),v(m.error?10:-1)}}function kt(i,o){if(i&1&&(n(0,"nz-spin",26),c(1,"div",39),t()),i&2){let m=x(2);p("nzTip",m.localeObj.picSearcherModelLoading)}}function Mt(i,o){if(i&1&&(te(0),y(1,Nt,11,10)(2,kt,2,1,"nz-spin",26),ne()),i&2){let m=x();s(),v(m.modelLoaded?1:2)}}var Pt=["templateRef"];function Lt(i,o){if(i&1&&(n(0,"span")(1,"code",1),e(2),t(),e(3," copied \u{1F389} "),t()),i&2){let m=x();s(2),I(m.copiedCode)}}var Rt=["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"],Ot=["Question","QuestionCircle","Plus","PlusCircle","Pause","PauseCircle","Minus","MinusCircle","PlusSquare","MinusSquare","Info","InfoCircle","Exclamation","ExclamationCircle","Close","CloseCircle","CloseSquare","Check","CheckCircle","CheckSquare","ClockCircle","Warning","IssuesClose","Stop"],Vt=["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"],Ht=["AreaChart","PieChart","BarChart","DotChart","LineChart","RadarChart","HeatMap","Fall","Rise","Stock","BoxPlot","Fund","Sliders"],Gt=["Android","Apple","Windows","Linux","Ie","Chrome","Github","Aliwangwang","Dingding","Dingtalk","WeiboSquare","WeiboCircle","Weibo","Taobao","TaobaoCircle","Twitter","Wechat","Youtube","AlipayCircle","Skype","Qq","MediumWorkmark","Gitlab","Medium","Linkedin","GooglePlus","Dropbox","Facebook","Html5","Java","JavaScript","Python","Docker","Kubernetes","Ruby","DotNet","Codepen","CodeSandbox","CodeSandboxCircle","Amazon","Google","CodepenCircle","Alipay","AntDesign","AntCloud","Aliyun","Zhihu","Slack","SlackSquare","Behance","BehanceSquare","Dribbble","DribbbleSquare","Instagram","Yuque","Alibaba","Yahoo","Reddit","Discord","Sketch","Baidu","Bilibili","HarmonyOS","OpenAI","Pinterest","Spotify","TikTok","Twitch","WechatWork","WhatsApp","X"],Ke={direction:Rt,suggestion:Ot,edit:Vt,data:Ht,logo:Gt},jt=["border-outter","radius-upright","colum-width","eye-invisible","batch-folding","code-sandbox","code-sandbox-circle"],tt=(()=>{let o=class o{onIconClick(r,l){let a=r.target,u=`<span nz-icon nzType="${et(l)}" nzTheme="${this.currentTheme}"></span>`;a.classList.add("copied"),this._copy(u).then(()=>{setTimeout(()=>{a.classList.remove("copied")},1e3)});let d=this.getCopiedStringTemplateRef(u);this.message.success(d)}_copy(r){return new Promise(l=>{let a=null;try{a=this.document.createElement("textarea"),a.style.height="0px",a.style.opacity="0",a.style.width="0px",this.document.body.appendChild(a),a.value=r,a.select(),this.document.execCommand("copy"),l(r)}finally{a&&a.parentNode&&a.parentNode.removeChild(a)}})}prepareIcons(){let r=this.currentTheme,l=re[r].filter(d=>!["interation","canlendar"].includes(d)).map(d=>Wt(d)),a=Object.keys(Ke).map(d=>({name:d,icons:Ke[d].filter(E=>l.indexOf(E)>-1&&E.toLowerCase().includes(this.searchingString.toLowerCase()))})),u=l.filter(d=>a.filter(({name:E})=>E!=="all").every(E=>!E.icons.includes(d))).filter(d=>d.toLowerCase().includes(this.searchingString.toLocaleLowerCase()));a.push({name:"other",icons:u}),a=a.filter(({icons:d})=>!!d.length),this.displayedNames=a,this.categoryNames=a.map(({name:d})=>d)}setIconsShouldBeDisplayed(r){this.currentTheme=r,this.prepareIcons()}onSearchChange(){this.prepareIcons()}getCopiedStringTemplateRef(r){this.viewContainerRef.clear();let l=this.viewContainerRef.createComponent(Zt);return l.instance.copiedCode=r,l.instance.templateRef}loadModel(){if(window.antdIconClassifier){this.onLoad();return}let r=this.document.createElement("script"),l="https://cdn.jsdelivr.net/gh/lewis617/[email protected]/dist/main.js";r.type="text/javascript",r.src=l,r.onload=()=>X(this,null,function*(){yield window.antdIconClassifier?.load(),this.onLoad()}),r.onerror=()=>{throw new Error(`${le} cannot load assets of antd icon classifier from source "${l}".`)},this.document.head.appendChild(r)}onLoad(){this.modelLoaded=!0,this.document.addEventListener("paste",this.onPaste)}toImage(r){return new Promise(l=>{let a=new Image;a.setAttribute("crossOrigin","anonymous"),a.src=r,a.onload=function(){l(a)}})}toggleModal(){this.modalVisible=!this.modalVisible,this.popoverVisible=!1,this.fileList=[],this.icons=[],localStorage.getItem("disableIconTip")||localStorage.setItem("disableIconTip","true")}constructor(r,l,a){this._iconService=r,this.message=l,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.document=$(oe),this.trackByFn=u=>`${u}-${this.currentTheme}`,this.kebabCase=u=>et(u),this.isNewIcon=u=>jt.indexOf(u)>-1,this.onPaste=u=>{let d=u.clipboardData&&u.clipboardData.items,E=null;if(d&&d.length){for(let N=0;N<d.length;N+=1)if(d[N].type.indexOf("image")!==-1){E=d[N].getAsFile();break}}E&&this.uploadFile(E)},this.customRequestUploadFile=u=>J(!0).subscribe(()=>{this.uploadFile(u.file)}),this.uploadFile=u=>{this.loading=!0;let d=new FileReader;d.onload=()=>{this.toImage(d.result).then(this.predict),this.fileList=[{uid:"1",name:u.name,status:"done",url:d.result}]},d.readAsDataURL(u)},this.predict=u=>{try{let d=window.antdIconClassifier?.predict(u);this.icons=d.map(E=>({score:Math.ceil(E.score*100),type:E.className.replace(/\s/g,"-")})),this.loading=!1,this.error=!1}catch{this.loading=!1,this.error=!0}},this.platformId=$(K),this._iconService.addIcon(me)}ngOnInit(){this.setIconsShouldBeDisplayed("outline"),ae(this.platformId)&&(this.loadModel(),this.popoverVisible=!localStorage.getItem("disableIconTip"))}ngOnDestroy(){this.document.removeEventListener("paste",this.onPaste),this.viewContainerRef.clear()}};o.\u0275fac=function(l){return new(l||o)(_(j),_(We),_(ee))},o.\u0275cmp=S({type:o,selectors:[["nz-page-demo-icon-zh"]],standalone:!0,features:[C],decls:29,vars:9,consts:[["suffixIconCamera",""],["addOnAfterIconSearch",""],[1,"icon-selector"],[3,"ngModelChange","ngModel"],["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,"ngModelChange","placeholder","ngModel"],[3,"nzVisibleChange","nzOnCancel","nzTitle","nzVisible","nzFooter"],[4,"nzModalContent"],[1,"icon-pic-searcher"],["nz-icon","","nz-popover","",1,"icon-pic-btn",3,"nzPopoverVisibleChange","click","nzPopoverTrigger","nzPopoverVisible","nzPopoverContent"],["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"],["nz-icon","",3,"nzType","nzTheme"],[1,"anticon-class"],["nzDot",""],[3,"nzTip"],["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"],["nzStatus","500","nzTitle","503",3,"nzSubTitle"],[1,"result-tip"],[1,"col-icon"],["nz-icon","","nz-tooltip","","nzTooltipPlacement","right",3,"click","nzTooltipTitle","nzType","nzTheme"],["nzStrokeLinecap","round",3,"nzPercent"],[2,"height","100px"]],template:function(l,a){if(l&1){let u=B();n(0,"h3"),e(1),t(),n(2,"div",2)(3,"nz-radio-group",3),f("ngModelChange",function(E){return h(u),F(a.setIconsShouldBeDisplayed(E))}),n(4,"label",4)(5,"span",5),A(),n(6,"svg"),c(7,"path",6),t()(),e(8," Outlined "),t(),b(),n(9,"label",7)(10,"span",5),A(),n(11,"svg"),c(12,"path",8),t()(),e(13," Filled "),t(),b(),n(14,"label",9)(15,"span",5),A(),n(16,"svg"),c(17,"path",10),t()(),e(18," Two Tone "),t()(),b(),n(19,"nz-input-group",11)(20,"input",12),H("ngModelChange",function(E){return h(u),V(a.searchingString,E)||(a.searchingString=E),F(E)}),f("ngModelChange",function(){return h(u),F(a.onSearchChange())}),t()(),y(21,yt,4,3,"ng-template",null,0,G)(23,It,2,0,"ng-template",null,1,G),t(),k(25,bt,5,1,null,null,Q),n(27,"nz-modal",13),H("nzVisibleChange",function(E){return h(u),V(a.modalVisible,E)||(a.modalVisible=E),F(E)}),f("nzOnCancel",function(){return h(u),F(a.toggleModal())}),y(28,Mt,3,1,"ng-container",14),t()}if(l&2){let u=Y(22),d=Y(24);s(),I(a.localeObj.chooseTheme),s(2),p("ngModel",a.currentTheme),s(16),p("nzSuffix",u)("nzAddOnAfter",d),s(),p("placeholder",a.localeObj.search),O("ngModel",a.searchingString),s(5),M(a.categoryNames),s(2),p("nzTitle",a.localeObj.picSearcherTitle),O("nzVisible",a.modalVisible),p("nzFooter",null)}},dependencies:[pe,de,se,ce,be,_e,De,ze,Ce,ge,w,g,Ae,ye,we,Ie,Me,ke,Ne,Oe,Re,Te,Be,ve,je,Ge,Le,Pe,ue,Z,He,Ve,Ue,Ze],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}"]});let i=o;return i})(),Zt=(()=>{let o=class o{};o.\u0275fac=function(l){return new(l||o)},o.\u0275cmp=S({type:o,selectors:[["nz-page-demo-icon-copied-code"]],viewQuery:function(l,a){if(l&1&&P(Pt,7),l&2){let u;L(u=R())&&(a.templateRef=u.first)}},inputs:{copiedCode:"copiedCode"},standalone:!0,features:[C],decls:2,vars:0,consts:[["templateRef",""],[1,"copied-code"]],template:function(l,a){l&1&&y(0,Lt,4,1,"ng-template",null,0,G)},encapsulation:2});let i=o;return i})();function Ut(i){return i.replace(/-\w/g,(o,m)=>i.charAt(m+1).toUpperCase())}function Wt(i){let o=Ut(i);return o.charAt(0).toUpperCase()+o.slice(1)}function et(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])/g,"$1-$2").replace(/([0-9])([a-zA-Z]+)$/g,"-$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}var nt=(()=>{let o=class o{constructor(){this.expanded=!1}goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}};o.\u0275fac=function(l){return new(l||o)},o.\u0275cmp=S({type:o,selectors:[["nz-demo-icon"]],viewQuery:function(l,a){if(l&1&&P(U,5),l&2){let u;L(u=R())&&(a.codeBoxes=u)}},standalone:!0,features:[C],decls:1290,vars:27,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["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-typescript"],[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]:standalone"],[1,"api-type-label","directive"],[1,"api-type-label","standalone"],["onclick","window.location.hash = '[nz-icon]:standalone'",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\u6001\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"],["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(l,a){l&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),f("nzClick",function(d){return a.goLink(d)}),c(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),t()(),n(9,"section",8)(10,"h1"),e(11,"Icon"),n(12,"span",9),e(13,"\u56FE\u6807"),t(),c(14,"span",10),n(15,"a",11),c(16,"span",12),t()(),n(17,"section",8),D(),n(18,"p"),e(19,"\u8BED\u4E49\u5316\u7684\u77E2\u91CF\u56FE\u5F62\u3002"),t(),n(20,"h2",13)(21,"span"),e(22,"\u56FE\u6807\u5217\u8868"),t(),n(23,"a",14),e(24,"#"),t()(),n(25,"p"),e(26,"\u65B0\u7248\u56FE\u6807\u53EF\u80FD\u7565\u6709\u7F3A\u5931\uFF0C\u6211\u4EEC\u5C06\u4E0E "),n(27,"a",15),e(28,"Ant Design"),t(),e(29," \u540C\u6B65\u4FDD\u6301\u56FE\u6807\u7684\u66F4\u65B0\u3002"),t(),n(30,"pre",16)(31,"code")(32,"span",17),e(33,"import"),t(),e(34," "),n(35,"span",18),e(36,"{"),t(),e(37," NzIconModule "),n(38,"span",18),e(39,"}"),t(),e(40," "),n(41,"span",17),e(42,"from"),t(),e(43," "),n(44,"span",19),e(45,"'ng-zorro-antd/icon'"),t(),n(46,"span",18),e(47,";"),t()()(),z(),t(),n(48,"section",20),c(49,"nz-page-demo-icon-zh"),t(),n(50,"h2")(51,"span"),e(52,"\u4EE3\u7801\u6F14\u793A"),t(),n(53,"span",21),f("click",function(){return a.expandAllCode()}),t()()(),n(54,"div",22)(55,"div",23)(56,"nz-code-box",24),c(57,"nz-demo-icon-basic",25),n(58,"div",26),D(),n(59,"p"),e(60,"\u4F7F\u7528 "),n(61,"code"),e(62,"<span ></span>"),t(),e(63," \u6807\u7B7E\u58F0\u660E\u7EC4\u4EF6\uFF0C\u6307\u5B9A\u56FE\u6807\u5BF9\u5E94\u7684 "),n(64,"code"),e(65,"nzType"),t(),e(66," \u5C5E\u6027\u3002\u53EF\u4EE5\u901A\u8FC7 "),n(67,"code"),e(68,"nzTheme"),t(),e(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(70,"code"),e(71,"nzSpin"),t(),e(72," \u5C5E\u6027\u6765\u5B9E\u73B0\u52A8\u753B\u65CB\u8F6C\u6548\u679C\u3002\u5BF9\u65E7\u7684 API "),n(73,"code"),e(74,'<i class="anticon"></i>'),t(),e(75," \u517C\u5BB9\u3002"),t(),z(),t()(),n(76,"nz-code-box",27),c(77,"nz-demo-icon-custom",25),n(78,"div",26),D(),n(79,"p"),e(80,"\u4F60\u53EF\u4EE5\u76F4\u63A5\u5C06 "),n(81,"code"),e(82,"svg"),t(),e(83," \u6807\u7B7E\u653E\u5728 "),n(84,"code"),e(85,"nz-icon"),t(),e(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"),t(),z(),t()(),n(87,"nz-code-box",28),c(88,"nz-demo-icon-namespace",25),n(89,"div",26),D(),n(90,"p"),e(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"),t(),z(),t()()(),n(92,"div",23)(93,"nz-code-box",29),c(94,"nz-demo-icon-twotone",25),n(95,"div",26),D(),n(96,"p"),e(97,"\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E "),n(98,"code"),e(99,"nzTheme"),t(),e(100," \u5C5E\u6027\u4E3A "),n(101,"code"),e(102,"twotone"),t(),e(103," \u6765\u6E32\u67D3\u53CC\u8272\u56FE\u6807\uFF0C\u5E76\u4E14\u53EF\u4EE5\u8BBE\u7F6E\u4E3B\u9898\u8272\u3002"),t(),z(),t()(),n(104,"nz-code-box",30),c(105,"nz-demo-icon-iconfont",25),n(106,"div",26),D(),n(107,"p"),e(108,"\u5BF9\u4E8E\u4F7F\u7528 "),n(109,"a",31),e(110,"iconfont.cn"),t(),e(111," \u7684\u7528\u6237\uFF0C\u901A\u8FC7\u8BBE\u7F6E "),n(112,"code"),e(113,"fetchFromIconfont"),t(),e(114," \u65B9\u6CD5\u53C2\u6570\u5BF9\u8C61\u4E2D\u7684 "),n(115,"code"),e(116,"scriptUrl"),t(),e(117," \u5B57\u6BB5\uFF0C\u5373\u53EF\u8F7B\u677E\u5730\u4F7F\u7528\u5DF2\u6709\u9879\u76EE\u4E2D\u7684\u56FE\u6807\u3002"),t(),z(),t()()()(),n(118,"section",32),D(),n(119,"h2",33)(120,"span"),e(121,"API"),t(),n(122,"a",34),e(123,"#"),t()(),n(124,"h3",35)(125,"span"),e(126,"[nz-icon]"),t(),n(127,"label",36),e(128,"directive"),t(),n(129,"label",37),e(130,"standalone"),t(),n(131,"a",38),e(132,"#"),t()(),n(133,"table")(134,"thead")(135,"tr")(136,"th"),e(137,"\u53C2\u6570"),t(),n(138,"th"),e(139,"\u8BF4\u660E"),t(),n(140,"th"),e(141,"\u7C7B\u578B"),t(),n(142,"th"),e(143,"\u9ED8\u8BA4\u503C"),t(),n(144,"th"),e(145,"\u652F\u6301\u5168\u5C40\u914D\u7F6E"),t()()(),n(146,"tbody")(147,"tr")(148,"td")(149,"code"),e(150,"[nzType]"),t()(),n(151,"td"),e(152,"\u56FE\u6807\u7C7B\u578B\uFF0C\u9075\u5FAA\u56FE\u6807\u7684\u547D\u540D\u89C4\u8303"),t(),n(153,"td"),e(154,"string"),t(),n(155,"td"),e(156,"-"),t(),c(157,"td"),t(),n(158,"tr")(159,"td")(160,"code"),e(161,"[nzTheme]"),t()(),n(162,"td"),e(163,"\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"),t(),n(164,"td")(165,"code"),e(166,"'fill'\u4E28'outline'\u4E28'twotone'"),t()(),n(167,"td")(168,"code"),e(169,"'outline'"),t()(),n(170,"td"),e(171,"\u2705"),t()(),n(172,"tr")(173,"td")(174,"code"),e(175,"[nzSpin]"),t()(),n(176,"td"),e(177,"\u662F\u5426\u6709\u65CB\u8F6C\u52A8\u753B"),t(),n(178,"td")(179,"code"),e(180,"boolean"),t()(),n(181,"td")(182,"code"),e(183,"false"),t()(),c(184,"td"),t(),n(185,"tr")(186,"td")(187,"code"),e(188,"[nzTwotoneColor]"),t()(),n(189,"td"),e(190,"\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"),t(),n(191,"td")(192,"code"),e(193,"string (\u5341\u516D\u8FDB\u5236\u989C\u8272)"),t()(),n(194,"td"),e(195,"-"),t(),n(196,"td"),e(197,"\u2705"),t()(),n(198,"tr")(199,"td")(200,"code"),e(201,"[nzIconfont]"),t()(),n(202,"td"),e(203,"\u6307\u5B9A\u6765\u81EA IconFont \u7684\u56FE\u6807\u7C7B\u578B"),t(),n(204,"td"),e(205,"string"),t(),n(206,"td"),e(207,"-"),t(),c(208,"td"),t(),n(209,"tr")(210,"td")(211,"code"),e(212,"[nzRotate]"),t()(),n(213,"td"),e(214,"\u56FE\u6807\u65CB\u8F6C\u89D2\u5EA6\uFF087.0.0 \u5F00\u59CB\u652F\u6301\uFF09"),t(),n(215,"td")(216,"code"),e(217,"number"),t()(),n(218,"td"),e(219,"-"),t(),c(220,"td"),t()()(),n(221,"h3",39)(222,"span"),e(223,"NzIconService"),t(),n(224,"label",40),e(225,"service"),t(),n(226,"a",41),e(227,"#"),t()(),n(228,"table")(229,"thead")(230,"tr")(231,"th"),e(232,"\u65B9\u6CD5/\u5C5E\u6027"),t(),n(233,"th"),e(234,"\u8BF4\u660E"),t(),n(235,"th"),e(236,"\u53C2\u6570"),t()()(),n(237,"tbody")(238,"tr")(239,"td")(240,"code"),e(241,"addIcon()"),t()(),n(242,"td"),e(243,"\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"),t(),n(244,"td")(245,"code"),e(246,"IconDefinition"),t()()(),n(247,"tr")(248,"td")(249,"code"),e(250,"addIconLiteral()"),t()(),n(251,"td"),e(252,"\u7528\u4E8E\u9759\u6001\u5F15\u5165\u7528\u6237\u81EA\u5B9A\u4E49\u56FE\u6807"),t(),n(253,"td")(254,"code"),e(255,"string"),t(),e(256,", "),n(257,"code"),e(258,"string (SVG)"),t()()(),n(259,"tr")(260,"td")(261,"code"),e(262,"fetchFromIconfont()"),t()(),n(263,"td"),e(264,"\u7528\u4E8E\u4ECE FontIcon \u83B7\u53D6\u56FE\u6807\u8D44\u6E90\u6587\u4EF6"),t(),n(265,"td")(266,"code"),e(267,"NzIconfontOption"),t()()(),n(268,"tr")(269,"td")(270,"code"),e(271,"changeAssetsSource()"),t()(),n(272,"td"),e(273,"\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"),t(),n(274,"td")(275,"code"),e(276,"string"),t()()()()(),n(277,"h3",42)(278,"span"),e(279,"SVG \u56FE\u6807"),t(),n(280,"a",43),e(281,"#"),t()(),n(282,"p"),e(283,"\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"),t(),n(284,"ul")(285,"li"),e(286,"\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"),t(),n(287,"li"),e(288,"\u5728\u4F4E\u7AEF\u8BBE\u5907\u4E0A SVG \u6709\u66F4\u597D\u7684\u6E05\u6670\u5EA6\u3002"),t(),n(289,"li"),e(290,"\u652F\u6301\u591A\u8272\u56FE\u6807\u3002"),t(),n(291,"li"),e(292,"\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"),t()(),n(293,"p"),e(294,"\u53EF\u53C2\u4E0E Ant Design \u7684\u76F8\u5173\u8BA8\u8BBA\uFF1A"),n(295,"a",44),e(296,"#10353"),t(),e(297,"\u3002"),t(),n(298,"p"),e(299,"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(300,"code"),e(301,"outline"),t(),e(302," \u4E3B\u9898\u7684\u56FE\u6807\uFF0C\u800C\u6700\u4F73\u5B9E\u8DF5\u662F\u4F7F\u7528\u65B0\u7684\u6307\u4EE4 "),n(303,"code"),e(304,"nz-icon"),t(),e(305," \u5E76\u4F20\u5165 "),n(306,"code"),e(307,"theme"),t(),e(308," \u4EE5\u660E\u786E\u56FE\u6807\u7684\u4E3B\u9898\u98CE\u683C\uFF0C\u4F8B\u5982\uFF1A"),t(),n(309,"pre",45)(310,"code")(311,"span",46)(312,"span",46)(313,"span",18),e(314,"<"),t(),e(315,"span"),t(),e(316," "),n(317,"span",47),e(318,"nz-icon"),t(),e(319," "),n(320,"span",47),e(321,"[nzType]"),t(),n(322,"span",48)(323,"span",18),e(324,"="),t(),n(325,"span",18),e(326,'"'),t(),n(327,"span",18),e(328,"'"),t(),e(329,"star"),n(330,"span",18),e(331,"'"),t(),n(332,"span",18),e(333,'"'),t()(),e(334," "),n(335,"span",47),e(336,"[nzTheme]"),t(),n(337,"span",48)(338,"span",18),e(339,"="),t(),n(340,"span",18),e(341,'"'),t(),n(342,"span",18),e(343,"'"),t(),e(344,"fill"),n(345,"span",18),e(346,"'"),t(),n(347,"span",18),e(348,'"'),t()(),n(349,"span",18),e(350,">"),t()(),n(351,"span",46)(352,"span",46)(353,"span",18),e(354,"</"),t(),e(355,"span"),t(),n(356,"span",18),e(357,">"),t()()()(),n(358,"p"),e(359,"\u6240\u6709\u7684\u56FE\u6807\u90FD\u4F1A\u4EE5 "),n(360,"code"),e(361,"<svg>"),t(),e(362," \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"),t(),n(363,"pre",45)(364,"code")(365,"span",46)(366,"span",46)(367,"span",18),e(368,"<"),t(),e(369,"span"),t(),e(370," "),n(371,"span",47),e(372,"nz-icon"),t(),e(373," "),n(374,"span",47),e(375,"[nzType]"),t(),n(376,"span",48)(377,"span",18),e(378,"="),t(),n(379,"span",18),e(380,'"'),t(),n(381,"span",18),e(382,"'"),t(),e(383,"message"),n(384,"span",18),e(385,"'"),t(),n(386,"span",18),e(387,'"'),t()(),n(388,"span",49)(389,"span",47),e(390," "),n(391,"span",47),e(392,"style"),t()(),n(393,"span",18),e(394,'="'),t(),n(395,"span",48)(396,"span",50),e(397,"font-size"),t(),n(398,"span",18),e(399,":"),t(),e(400," "),n(401,"span",51),e(402,"16"),t(),e(403,"px"),n(404,"span",18),e(405,";"),t(),e(406," "),n(407,"span",50),e(408,"color"),t(),n(409,"span",18),e(410,":"),t(),e(411," "),n(412,"span",52),e(413,"#08c"),t(),n(414,"span",18),e(415,";"),t()(),n(416,"span",18),e(417,'"'),t()(),n(418,"span",18),e(419,">"),t()(),n(420,"span",46)(421,"span",46)(422,"span",18),e(423,"</"),t(),e(424,"span"),t(),n(425,"span",18),e(426,">"),t()()()(),n(427,"h3",53)(428,"span"),e(429,"\u9759\u6001\u52A0\u8F7D\u4E0E\u52A8\u6001\u52A0\u8F7D"),t(),n(430,"a",54),e(431,"#"),t()(),n(432,"p"),e(433,"\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"),t(),n(434,"p"),e(435,"\u9759\u6001\u52A0\u8F7D\uFF0C\u5728 "),n(436,"code"),e(437,"AppModule"),t(),e(438," \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"),t(),n(439,"pre",16)(440,"code")(441,"span",17),e(442,"import"),t(),e(443," "),n(444,"span",18),e(445,"{"),t(),e(446," IconDefinition "),n(447,"span",18),e(448,"}"),t(),e(449," "),n(450,"span",17),e(451,"from"),t(),e(452," "),n(453,"span",19),e(454,"'@ant-design/icons-angular'"),t(),n(455,"span",18),e(456,";"),t(),e(457,`
`),n(458,"span",17),e(459,"import"),t(),e(460," "),n(461,"span",18),e(462,"{"),t(),e(463," NzIconModule "),n(464,"span",18),e(465,"}"),t(),e(466," "),n(467,"span",17),e(468,"from"),t(),e(469," "),n(470,"span",19),e(471,"'ng-zorro-antd/icon'"),t(),n(472,"span",18),e(473,";"),t(),e(474,`
`),n(475,"span",55),e(476,"// \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"),t(),e(477,`
`),n(478,"span",17),e(479,"import"),t(),e(480," "),n(481,"span",18),e(482,"{"),t(),e(483," AccountBookFill"),n(484,"span",18),e(485,","),t(),e(486," AlertFill"),n(487,"span",18),e(488,","),t(),e(489," AlertOutline "),n(490,"span",18),e(491,"}"),t(),e(492," "),n(493,"span",17),e(494,"from"),t(),e(495," "),n(496,"span",19),e(497,"'@ant-design/icons-angular/icons'"),t(),n(498,"span",18),e(499,";"),t(),e(500,`
`),n(501,"span",17),e(502,"const"),t(),e(503," icons"),n(504,"span",18),e(505,":"),t(),e(506," IconDefinition"),n(507,"span",18),e(508,"["),t(),n(509,"span",18),e(510,"]"),t(),e(511," "),n(512,"span",56),e(513,"="),t(),e(514," "),n(515,"span",18),e(516,"["),t(),e(517," AccountBookFill"),n(518,"span",18),e(519,","),t(),e(520," AlertOutline"),n(521,"span",18),e(522,","),t(),e(523," AlertFill "),n(524,"span",18),e(525,"]"),t(),n(526,"span",18),e(527,";"),t(),e(528,`
`),n(529,"span",55),e(530,"// \u5F15\u5165\u5168\u90E8\u7684\u56FE\u6807\uFF0C\u4E0D\u63A8\u8350 \u274C"),t(),e(531,`
`),n(532,"span",55),e(533,"// import * as AllIcons from '@ant-design/icons-angular/icons';"),t(),e(534,`
`),n(535,"span",55),e(536,"// const antDesignIcons = AllIcons as {"),t(),e(537,`
`),n(538,"span",55),e(539,"// [key: string]: IconDefinition;"),t(),e(540,`
`),n(541,"span",55),e(542,"// };"),t(),e(543,`
`),n(544,"span",55),e(545,"// const icons: IconDefinition[] = Object.keys(antDesignIcons).map(key => antDesignIcons[key])"),t(),e(546,`
@`),n(547,"span",57),e(548,"NgModule"),t(),n(549,"span",18),e(550,"("),t(),n(551,"span",18),e(552,"{"),t(),e(553,`
declarations`),n(554,"span",18),e(555,":"),t(),e(556," "),n(557,"span",18),e(558,"["),t(),e(559,"AppComponent"),n(560,"span",18),e(561,"]"),t(),n(562,"span",18),e(563,","),t(),e(564,`
imports`),n(565,"span",18),e(566,":"),t(),e(567," "),n(568,"span",18),e(569,"["),t(),e(570,"NzIconModule"),n(571,"span",18),e(572,"."),t(),n(573,"span",57),e(574,"forRoot"),t(),n(575,"span",18),e(576,"("),t(),e(577,"icons"),n(578,"span",18),e(579,")"),t(),n(580,"span",18),e(581,"]"),t(),n(582,"span",18),e(583,","),t(),e(584,`
bootstrap`),n(585,"span",18),e(586,":"),t(),e(587," "),n(588,"span",18),e(589,"["),t(),e(590,"AppComponent"),n(591,"span",18),e(592,"]"),t(),e(593,`
`),n(594,"span",18),e(595,"}"),t(),n(596,"span",18),e(597,")"),t(),e(598,`
`),n(599,"span",17),e(600,"export"),t(),e(601," "),n(602,"span",17),e(603,"class"),t(),e(604," "),n(605,"span",58),e(606,"AppModule"),t(),e(607," "),n(608,"span",18),e(609,"{"),t(),n(610,"span",18),e(611,"}"),t()()(),n(612,"p"),e(613,"\u5728 standalone \u6A21\u5F0F\u4E0B\uFF0C\u4F60\u53EF\u4EE5\u5728 "),n(614,"code"),e(615,"app.config.ts"),t(),e(616," \u4E2D\u4F7F\u7528 "),n(617,"code"),e(618,"provideNzIcons"),t(),e(619," \u5F15\u5165\u8FD9\u4E9B\u56FE\u6807\uFF1A"),t(),n(620,"pre",16)(621,"code")(622,"span",17),e(623,"import"),t(),e(624," "),n(625,"span",18),e(626,"{"),t(),e(627," provideNzIcons "),n(628,"span",18),e(629,"}"),t(),e(630," "),n(631,"span",17),e(632,"from"),t(),e(633," "),n(634,"span",19),e(635,"'ng-zorro-antd/icon'"),t(),n(636,"span",18),e(637,";"),t(),e(638,`
`),n(639,"span",17),e(640,"export"),t(),e(641," "),n(642,"span",17),e(643,"const"),t(),e(644," appConfig "),n(645,"span",56),e(646,"="),t(),e(647," "),n(648,"span",18),e(649,"{"),t(),e(650,`
providers`),n(651,"span",18),e(652,":"),t(),e(653," "),n(654,"span",18),e(655,"["),t(),n(656,"span",57),e(657,"provideNzIcons"),t(),n(658,"span",18),e(659,"("),t(),e(660,"icons"),n(661,"span",18),e(662,")"),t(),n(663,"span",18),e(664,"]"),t(),e(665,`
`),n(666,"span",18),e(667,"}"),t()()(),n(668,"p"),e(669,"\u672C\u8D28\u4E0A\u662F\u8C03\u7528\u4E86 "),n(670,"code"),e(671,"NzIconService"),t(),e(672," \u7684 "),n(673,"code"),e(674,"addIcon"),t(),e(675," \u65B9\u6CD5\uFF0C\u5F15\u5165\u540E\u7684\u6587\u4EF6\u4F1A\u88AB\u6253\u5305\u5230 "),n(676,"code"),e(677,".js"),t(),e(678," \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\u6001\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"),t(),n(679,"blockquote")(680,"p"),e(681,"\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"),t()(),n(682,"p"),e(683,"\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(684,"code"),e(685,"angular.json"),t(),e(686," \u6587\u4EF6\uFF1A"),t(),n(687,"pre",59)(688,"code")(689,"span",18),e(690,"{"),t(),e(691,`
`),n(692,"span",50),e(693,'"assets"'),t(),n(694,"span",56),e(695,":"),t(),e(696," "),n(697,"span",18),e(698,"["),t(),e(699,`
`),n(700,"span",18),e(701,"{"),t(),e(702,`
`),n(703,"span",50),e(704,'"glob"'),t(),n(705,"span",56),e(706,":"),t(),e(707," "),n(708,"span",19),e(709,'"**/*"'),t(),n(710,"span",18),e(711,","),t(),e(712,`
`),n(713,"span",50),e(714,'"input"'),t(),n(715,"span",56),e(716,":"),t(),e(717," "),n(718,"span",19),e(719,'"./node_modules/@ant-design/icons-angular/src/inline-svg/"'),t(),n(720,"span",18),e(721,","),t(),e(722,`
`),n(723,"span",50),e(724,'"output"'),t(),n(725,"span",56),e(726,":"),t(),e(727," "),n(728,"span",19),e(729,'"/assets/"'),t(),e(730,`
`),n(731,"span",18),e(732,"}"),t(),e(733,`
`),n(734,"span",18),e(735,"]"),t(),e(736,`
`),n(737,"span",18),e(738,"}"),t()()(),n(739,"p"),e(740,"\u4F60\u53EF\u4EE5\u901A\u8FC7 "),n(741,"code"),e(742,"NzIconService"),t(),e(743," \u7684 "),n(744,"code"),e(745,"changeAssetsSource()"),t(),e(746," \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(747,"code"),e(748,"assets/"),t(),e(749," \u7684\u524D\u9762\u3002"),t(),n(750,"p"),e(751,"\u4F8B\u5982\uFF0C\u4F60\u5728 "),n(752,"code"),e(753,"https://mycdn.somecdn.com/icons/assets"),t(),e(754," \u76EE\u5F55\u4E0B\u90E8\u7F72\u4E86\u9759\u6001\u8D44\u6E90\u6587\u4EF6\uFF0C\u90A3\u4E48\u4F60\u5C31\u53EF\u4EE5\u901A\u8FC7\u8C03\u7528 "),n(755,"code"),e(756,"changeAssetsSource('https://mycdn.somecdn.com/icons')"),t(),e(757,"\uFF0C\u6765\u544A\u8BC9 NG-ZORRO \u4ECE\u8FD9\u4E2A\u4F4D\u7F6E\u52A8\u6001\u52A0\u8F7D\u56FE\u6807\u8D44\u6E90\u3002"),t(),n(758,"p"),e(759,"\u8BF7\u5728 constructor \u91CC\u6216\u8005\u5728 "),n(760,"code"),e(761,"AppInitService"),t(),e(762," \u91CC\u8C03\u7528\u8FD9\u4E2A\u65B9\u6CD5\u3002"),t(),n(763,"h3",60)(764,"span"),e(765,"\u5728\u5B50\u6A21\u5757\u4E2D\u8865\u5145\u56FE\u6807"),t(),n(766,"a",61),e(767,"#"),t()(),n(768,"p"),e(769,"\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(770,"code"),e(771,"NzIconModule.forChild"),t(),e(772," \u6765\u8FFD\u52A0\u56FE\u6807\u3002"),t(),n(773,"pre",16)(774,"code"),e(775,"@"),n(776,"span",57),e(777,"NgModule"),t(),n(778,"span",18),e(779,"("),t(),n(780,"span",18),e(781,"{"),t(),e(782,`
imports`),n(783,"span",18),e(784,":"),t(),e(785," "),n(786,"span",18),e(787,"["),t(),e(788,"CommonModule"),n(789,"span",18),e(790,","),t(),e(791," NzIconModule"),n(792,"span",18),e(793,"."),t(),n(794,"span",57),e(795,"forChild"),t(),n(796,"span",18),e(797,"("),t(),n(798,"span",18),e(799,"["),t(),e(800,"QuestionOutline"),n(801,"span",18),e(802,"]"),t(),n(803,"span",18),e(804,")"),t(),n(805,"span",18),e(806,"]"),t(),e(807,`
`),n(808,"span",18),e(809,"}"),t(),n(810,"span",18),e(811,")"),t(),e(812,`
`),n(813,"span",17),e(814,"class"),t(),e(815," "),n(816,"span",58),e(817,"ChildModule"),t(),e(818," "),n(819,"span",18),e(820,"{"),t(),n(821,"span",18),e(822,"}"),t()()(),n(823,"p"),e(824,"\u8FD9\u6837\uFF0C\u5F53 "),n(825,"code"),e(826,"ChildModule"),t(),e(827," \u52A0\u8F7D\u4E4B\u540E\uFF0C\u6574\u4E2A\u5E94\u7528\u90FD\u80FD\u591F\u4F7F\u7528 QuestionOutline \u56FE\u6807\u3002"),t(),n(828,"p"),e(829,"\u5F53\u7136\uFF0C\u4E0D\u8981\u5FD8\u8BB0\u5728 "),n(830,"code"),e(831,"NZ_ICONS"),t(),e(832," \u4E2D\u5220\u9664\u8BE5\u56FE\u6807\u3002"),t(),n(833,"p"),e(834,"\u5728 Standalone \u6A21\u5F0F\u4E0B\uFF0C\u4F60\u53EF\u4EE5\u5728\u61D2\u52A0\u8F7D\u7684\u7EC4\u4EF6\u4E2D\u6216\u8DEF\u7531\u7684 "),n(835,"code"),e(836,"providers"),t(),e(837," \u4E2D\u4F7F\u7528 "),n(838,"code"),e(839,"provideNzIconsPatch"),t(),e(840," \u6765\u8865\u5145\u56FE\u6807\uFF1A"),t(),n(841,"pre",16)(842,"code")(843,"span",17),e(844,"import"),t(),e(845," "),n(846,"span",18),e(847,"{"),t(),e(848," NzIconModule"),n(849,"span",18),e(850,","),t(),e(851," provideNzIconsPatch "),n(852,"span",18),e(853,"}"),t(),e(854," "),n(855,"span",17),e(856,"from"),t(),e(857," "),n(858,"span",19),e(859,"'ng-zorro-antd/icon'"),t(),n(860,"span",18),e(861,";"),t(),e(862,`
`),n(863,"span",55),e(864,"// \u5728 xxx.component.ts \u4E2D"),t(),e(865,`
@`),n(866,"span",57),e(867,"Component"),t(),n(868,"span",18),e(869,"("),t(),n(870,"span",18),e(871,"{"),t(),e(872,`
standalone`),n(873,"span",18),e(874,":"),t(),e(875," "),n(876,"span",17),e(877,"true"),t(),n(878,"span",18),e(879,","),t(),e(880,`
imports`),n(881,"span",18),e(882,":"),t(),e(883," "),n(884,"span",18),e(885,"["),t(),e(886,"NzIconModule"),n(887,"span",18),e(888,"]"),t(),n(889,"span",18),e(890,","),t(),e(891,`
providers`),n(892,"span",18),e(893,":"),t(),e(894," "),n(895,"span",18),e(896,"["),t(),n(897,"span",57),e(898,"provideNzIconsPatch"),t(),n(899,"span",18),e(900,"("),t(),n(901,"span",18),e(902,"["),t(),e(903,"QuestionOutline"),n(904,"span",18),e(905,"]"),t(),n(906,"span",18),e(907,")"),t(),n(908,"span",18),e(909,"]"),t(),e(910,`
`),n(911,"span",18),e(912,"}"),t(),n(913,"span",18),e(914,")"),t(),e(915,`
`),n(916,"span",17),e(917,"class"),t(),e(918," "),n(919,"span",58),e(920,"ChildComponent"),t(),e(921," "),n(922,"span",18),e(923,"{"),t(),n(924,"span",18),e(925,"}"),t(),e(926,`
`),n(927,"span",55),e(928,"// \u6216 \u5728 xxx.routes.ts \u4E2D"),t(),e(929,`
`),n(930,"span",17),e(931,"const"),t(),e(932," routes"),n(933,"span",18),e(934,":"),t(),e(935," Routes "),n(936,"span",56),e(937,"="),t(),e(938," "),n(939,"span",18),e(940,"["),t(),n(941,"span",18),e(942,"{"),t(),e(943,`
path`),n(944,"span",18),e(945,":"),t(),e(946," "),n(947,"span",19),e(948,"''"),t(),n(949,"span",18),e(950,","),t(),e(951,`
providers`),n(952,"span",18),e(953,":"),t(),e(954," "),n(955,"span",18),e(956,"["),t(),n(957,"span",57),e(958,"provideNzIconsPatch"),t(),n(959,"span",18),e(960,"("),t(),n(961,"span",18),e(962,"["),t(),e(963,"QuestionOutline"),n(964,"span",18),e(965,"]"),t(),n(966,"span",18),e(967,")"),t(),n(968,"span",18),e(969,"]"),t(),n(970,"span",18),e(971,","),t(),e(972,`
`),n(973,"span",18),e(974,"}"),t(),n(975,"span",18),e(976,"]"),t()()(),n(977,"h3",62)(978,"span"),e(979,"\u53CC\u8272\u56FE\u6807\u4E3B\u8272"),t(),n(980,"a",63),e(981,"#"),t()(),n(982,"p"),e(983,"\u5BF9\u4E8E\u53CC\u8272\u56FE\u6807\uFF0C\u53EF\u4EE5\u901A\u8FC7\u63D0\u4F9B\u5168\u5C40\u914D\u7F6E "),n(984,"code"),e(985,"{ nzIcon: { nzTwotoneColor: 'xxx' } }"),t(),e(986," \u6216 "),n(987,"code"),e(988,"NzConfigService"),t(),e(989," \u7684\u5BF9\u5E94\u65B9\u6CD5\u4FEE\u6539\u6765\u5168\u5C40\u8BBE\u7F6E\u56FE\u6807\u4E3B\u8272\u3002"),t(),n(990,"h3",64)(991,"span"),e(992,"\u81EA\u5B9A\u4E49 font \u56FE\u6807"),t(),n(993,"a",65),e(994,"#"),t()(),n(995,"p"),e(996,"\u6211\u4EEC\u63D0\u4F9B\u4E86\u4E00\u4E2A "),n(997,"code"),e(998,"fetchFromIconfont"),t(),e(999," \u65B9\u6CD5\uFF0C\u65B9\u4FBF\u5F00\u53D1\u8005\u8C03\u7528\u5728 "),n(1e3,"a",31),e(1001,"iconfont.cn"),t(),e(1002," \u4E0A\u81EA\u884C\u7BA1\u7406\u7684\u56FE\u6807\u3002"),t(),n(1003,"pre",16)(1004,"code")(1005,"span",17),e(1006,"this"),t(),n(1007,"span",18),e(1008,"."),t(),e(1009,"_iconService"),n(1010,"span",18),e(1011,"."),t(),n(1012,"span",57),e(1013,"fetchFromIconfont"),t(),n(1014,"span",18),e(1015,"("),t(),n(1016,"span",18),e(1017,"{"),t(),e(1018,`
scriptUrl`),n(1019,"span",18),e(1020,":"),t(),e(1021," "),n(1022,"span",19),e(1023,"'https://at.alicdn.com/t/font_8d5l8fzk5b87iudi.js'"),t(),e(1024,`
`),n(1025,"span",18),e(1026,"}"),t(),n(1027,"span",18),e(1028,")"),t(),n(1029,"span",18),e(1030,";"),t()()(),n(1031,"pre",45)(1032,"code")(1033,"span",46)(1034,"span",46)(1035,"span",18),e(1036,"<"),t(),e(1037,"span"),t(),e(1038," "),n(1039,"span",47),e(1040,"nz-icon"),t(),e(1041," "),n(1042,"span",47),e(1043,"[nzIconfont]"),t(),n(1044,"span",48)(1045,"span",18),e(1046,"="),t(),n(1047,"span",18),e(1048,'"'),t(),n(1049,"span",18),e(1050,"'"),t(),e(1051,"icon-tuichu"),n(1052,"span",18),e(1053,"'"),t(),n(1054,"span",18),e(1055,'"'),t()(),n(1056,"span",18),e(1057,">"),t()(),n(1058,"span",46)(1059,"span",46)(1060,"span",18),e(1061,"</"),t(),e(1062,"span"),t(),n(1063,"span",18),e(1064,">"),t()()()(),n(1065,"p"),e(1066,"\u5176\u672C\u8D28\u4E0A\u662F\u521B\u5EFA\u4E86\u4E00\u4E2A\u4F7F\u7528 "),n(1067,"code"),e(1068,"<use>"),t(),e(1069," \u6807\u7B7E\u6E32\u67D3\u56FE\u6807\u7684\u7EC4\u4EF6\u3002"),t(),n(1070,"p")(1071,"code"),e(1072,"options"),t(),e(1073," \u7684\u914D\u7F6E\u9879\u5982\u4E0B\uFF1A"),t(),n(1074,"table")(1075,"thead")(1076,"tr")(1077,"th"),e(1078,"\u53C2\u6570"),t(),n(1079,"th"),e(1080,"\u8BF4\u660E"),t(),n(1081,"th"),e(1082,"\u7C7B\u578B"),t(),n(1083,"th"),e(1084,"\u9ED8\u8BA4\u503C"),t()()(),n(1085,"tbody")(1086,"tr")(1087,"td")(1088,"code"),e(1089,"scriptUrl"),t()(),n(1090,"td")(1091,"a",31),e(1092,"iconfont.cn"),t(),e(1093," \u9879\u76EE\u5728\u7EBF\u751F\u6210\u7684 "),n(1094,"code"),e(1095,"js"),t(),e(1096," \u5730\u5740\uFF0C\u5728 "),n(1097,"code"),e(1098,"namespace"),t(),e(1099," \u4E5F\u8BBE\u7F6E\u7684\u60C5\u51B5\u4E0B\u6709\u6548"),t(),n(1100,"td"),e(1101,"string"),t(),n(1102,"td"),e(1103,"-"),t()()()(),n(1104,"p"),e(1105,"\u5728 scriptUrl \u90FD\u8BBE\u7F6E\u6709\u6548\u7684\u60C5\u51B5\u4E0B\uFF0C\u7EC4\u4EF6\u5728\u6E32\u67D3\u524D\u4F1A\u81EA\u52A8\u5F15\u5165 "),n(1106,"a",31),e(1107,"iconfont.cn"),t(),e(1108," \u9879\u76EE\u4E2D\u7684\u56FE\u6807\u7B26\u53F7\u96C6\uFF0C\u65E0\u9700\u624B\u52A8\u5F15\u5165\u3002"),t(),n(1109,"p"),e(1110,"\u89C1 "),n(1111,"a",66),e(1112,"iconfont.cn"),t(),e(1113," \u4F7F\u7528\u5E2E\u52A9 \u67E5\u770B\u5982\u4F55\u751F\u6210 js \u5730\u5740\u3002"),t(),n(1114,"h3",67)(1115,"span"),e(1116,"\u547D\u540D\u7A7A\u95F4"),t(),n(1117,"a",68),e(1118,"#"),t()(),n(1119,"p"),e(1120,"\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(1121,"code"),e(1122,"type"),t(),e(1123," \u6307\u5B9A\u4E3A "),n(1124,"code"),e(1125,"namespace:name"),t(),e(1126," \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"),t(),n(1127,"p"),e(1128,"\u9759\u6001\u5F15\u5165\uFF0C\u53EA\u9700\u8981\u8C03\u7528 "),n(1129,"code"),e(1130,"NzIconService"),t(),e(1131," \u7684 "),n(1132,"code"),e(1133,"addIconLiteral"),t(),e(1134," \u65B9\u6CD5\u5373\u53EF\u3002"),t(),n(1135,"p"),e(1136,"\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(1137,"code"),e(1138,"assets/${namespace}"),t(),e(1139," \u5373\u53EF\u3002\u4F8B\u5982\u4F60\u5728 "),n(1140,"code"),e(1141,"zoo"),t(),e(1142," \u547D\u540D\u7A7A\u95F4\u4E0B\u6709\u4E00\u4E2A "),n(1143,"code"),e(1144,"panda"),t(),e(1145," \u56FE\u6807\uFF0C\u4F60\u9700\u8981\u505A\u7684\u5C31\u662F\u5C06 "),n(1146,"code"),e(1147,"panda.svg"),t(),e(1148," \u653E\u5230 "),n(1149,"code"),e(1150,"assets/zoo"),t(),e(1151," \u76EE\u5F55\u5E95\u4E0B\u3002"),t(),n(1152,"h2",69)(1153,"span"),e(1154,"\u5E38\u89C1\u95EE\u9898"),t(),n(1155,"a",70),e(1156,"#"),t()(),n(1157,"h3",71)(1158,"span"),e(1159,"\u56FE\u6807\u90FD\u4E0D\u89C1\u4E86\uFF01"),t(),n(1160,"a",72),e(1161,"#"),t()(),n(1162,"p"),e(1163,"\u4F60\u662F\u4E0D\u662F\u6CA1\u6709\u9605\u8BFB\u4EE5\u4E0A\u7684\u6587\u6863\uFF1F"),t(),n(1164,"h3",73)(1165,"span"),e(1166,"\u6211\u60F3\u9759\u6001\u5F15\u5165\u5168\u90E8\u7684\u56FE\u6807\uFF0C\u8BE5\u600E\u4E48\u505A\uFF1F"),t(),n(1167,"a",74),e(1168,"#"),t()(),n(1169,"p"),e(1170,"\u5C3D\u7BA1\u8FD9\u662F\u4E0D\u63A8\u8350\u7684\u884C\u4E3A\uFF0C\u5B9E\u9645\u4E0A\u6211\u4EEC\u5DF2\u7ECF\u5728 "),n(1171,"a",75),e(1172,"\u9759\u6001\u52A0\u8F7D\u4E0E\u52A8\u6001\u52A0\u8F7D"),t(),e(1173," \u90E8\u5206\u6F14\u793A\u8FC7\u4E86\uFF1A"),t(),n(1174,"pre",16)(1175,"code")(1176,"span",17),e(1177,"import"),t(),e(1178," "),n(1179,"span",56),e(1180,"*"),t(),e(1181," as AllIcons "),n(1182,"span",17),e(1183,"from"),t(),e(1184," "),n(1185,"span",19),e(1186,"'@ant-design/icons-angular/icons'"),t(),n(1187,"span",18),e(1188,";"),t(),e(1189,`
`),n(1190,"span",17),e(1191,"const"),t(),e(1192," antDesignIcons "),n(1193,"span",56),e(1194,"="),t(),e(1195," AllIcons as "),n(1196,"span",18),e(1197,"{"),t(),e(1198,`
`),n(1199,"span",18),e(1200,"["),t(),e(1201,"key"),n(1202,"span",18),e(1203,":"),t(),e(1204," "),n(1205,"span",17),e(1206,"string"),t(),n(1207,"span",18),e(1208,"]"),t(),n(1209,"span",18),e(1210,":"),t(),e(1211," IconDefinition"),n(1212,"span",18),e(1213,";"),t(),e(1214,`
`),n(1215,"span",18),e(1216,"}"),t(),n(1217,"span",18),e(1218,";"),t(),e(1219,`
`),n(1220,"span",17),e(1221,"const"),t(),e(1222," icons"),n(1223,"span",18),e(1224,":"),t(),e(1225," IconDefinition"),n(1226,"span",18),e(1227,"["),t(),n(1228,"span",18),e(1229,"]"),t(),e(1230," "),n(1231,"span",56),e(1232,"="),t(),e(1233," Object"),n(1234,"span",18),e(1235,"."),t(),n(1236,"span",57),e(1237,"keys"),t(),n(1238,"span",18),e(1239,"("),t(),e(1240,"antDesignIcons"),n(1241,"span",18),e(1242,")"),t(),n(1243,"span",18),e(1244,"."),t(),n(1245,"span",57),e(1246,"map"),t(),n(1247,"span",18),e(1248,"("),t(),e(1249,"key "),n(1250,"span",56),e(1251,"="),t(),n(1252,"span",56),e(1253,">"),t(),e(1254," antDesignIcons"),n(1255,"span",18),e(1256,"["),t(),e(1257,"key"),n(1258,"span",18),e(1259,"]"),t(),n(1260,"span",18),e(1261,")"),t()()(),n(1262,"p"),e(1263,"\u7136\u540E\u901A\u8FC7 forRoot \u6216\u8005 "),n(1264,"code"),e(1265,"NzIconService"),t(),e(1266," \u7684 "),n(1267,"code"),e(1268,"addIcon"),t(),e(1269," \u65B9\u6CD5\u5F15\u5165\u3002"),t(),n(1270,"h3",76)(1271,"span"),e(1272,"\u52A8\u6001\u52A0\u8F7D\u4F1A\u4E0D\u4F1A\u5F71\u54CD\u7F51\u9875\u7684\u6027\u80FD\uFF1F"),t(),n(1273,"a",77),e(1274,"#"),t()(),n(1275,"p"),e(1276,"\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"),t(),n(1277,"h3",78)(1278,"span"),e(1279,"\u6211\u600E\u4E48\u77E5\u9053\u4E00\u4E2A icon \u7684\u9759\u6001\u5F15\u5165\u540D\uFF1F"),t(),n(1280,"a",79),e(1281,"#"),t()(),n(1282,"p"),e(1283,"\u5F88\u7B80\u5355\uFF0C\u5927\u5199\u9A7C\u5CF0\u52A0\u4E3B\u9898\u5373\u4E3A icon \u7684\u5F15\u5165\u540D\u3002\u6BD4\u5982\uFF0C"),n(1284,"code"),e(1285,"alibaba"),t(),e(1286," \u7684\u5F15\u5165\u540D\u5C31\u662F "),n(1287,"code"),e(1288,"AlibabaOutline"),t(),e(1289,"\uFF0C\u4E8B\u5B9E\u4E0A\uFF0C\u7F16\u8F91\u5668\u7684\u81EA\u52A8\u8865\u5168\u80FD\u5E2E\u52A9\u5230\u4F60\u3002"),t(),z(),t()()),l&2&&(s(),p("nzOffsetTop",16),s(),p("nzAffix",!1),s(52),p("nzGutter",16),s(),p("nzXl",12)("nzSpan",24),s(),p("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"),s(20),p("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"),s(11),p("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"),s(5),p("nzXl",12)("nzSpan",24),s(),p("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"),s(11),p("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:[fe,U,xe,Se,Ee,Fe,he,Z,g,qe,$e,Qe,Ye,Xe,tt],encapsulation:2});let i=o;return i})();function Xt(i,o){return this.trackByFn(o)}var Jt=()=>({showPreviewIcon:!1,showRemoveIcon:!1});function Kt(i,o){if(i&1){let m=B();n(0,"div",15)(1,"span",16),H("nzPopoverVisibleChange",function(l){h(m);let a=x();return V(a.popoverVisible,l)||(a.popoverVisible=l),F(l)}),f("click",function(){h(m);let l=x();return F(l.toggleModal())}),A(),n(2,"svg",17),c(3,"path",18),t()()()}if(i&2){let m=x();s(),p("nzPopoverTrigger",null),O("nzPopoverVisible",m.popoverVisible),p("nzPopoverContent",m.localeObj.picSearcherIntro)}}function en(i,o){i&1&&(n(0,"button",19),c(1,"span",20),t())}function tn(i,o){if(i&1&&(n(0,"nz-badge",25),e(1),t()),i&2){let m=x().$implicit;s(),T(" ",m," ")}}function nn(i,o){if(i&1&&e(0),i&2){let m=x().$implicit;T(" ",m," ")}}function on(i,o){if(i&1){let m=B();n(0,"li",22),f("click",function(l){let a=h(m).$implicit,u=x(2);return F(u.onIconClick(l,a))}),c(1,"span",23),n(2,"span",24),y(3,tn,2,1,"nz-badge",25)(4,nn,1,1),t()()}if(i&2){let m=o.$implicit,r=x(2);s(),p("nzType",r.kebabCase(m))("nzTheme",r.currentTheme),s(2),v(r.isNewIcon(m)?3:4)}}function an(i,o){if(i&1&&(n(0,"h3"),e(1),t(),n(2,"ul",21),k(3,on,5,3,"li",null,Xt,!0),t()),i&2){let m=o.$implicit,r=o.$index,l=x();s(),I(l.localeObj[m]),s(2),M(l.displayedNames[r].icons)}}function ln(i,o){if(i&1){let m=B();n(0,"tr")(1,"td",36)(2,"span",37),f("click",function(l){let a=h(m).$implicit,u=x(4);return F(u.onIconClick(l,a.type))}),t()(),n(3,"td"),c(4,"nz-progress",38),t()()}if(i&2){let m=o.$implicit,r=x(4);s(2),p("nzTooltipTitle",m.type)("nzType",m.type)("nzTheme",r.currentTheme),s(2),p("nzPercent",m.score)}}function rn(i,o){if(i&1&&(n(0,"div",35),e(1),t(),n(2,"table")(3,"thead")(4,"tr")(5,"th",36),e(6),t(),n(7,"th"),e(8),t()()(),n(9,"tbody"),k(10,ln,5,4,"tr",null,Q),t()()),i&2){let m=x(3);s(),T(" ",m.localeObj.picSearcherResultTip," "),s(5),T(" ",m.localeObj.picSearcherThIcon," "),s(2),I(m.localeObj.picSearcherThScore),s(2),M(m.icons)}}function mn(i,o){if(i&1&&c(0,"nz-result",34),i&2){let m=x(3);p("nzSubTitle",m.localeObj.picSearcherServerError)}}function un(i,o){if(i&1&&(n(0,"nz-upload",27)(1,"p",28),c(2,"span",29),t(),n(3,"p",30),e(4),t(),n(5,"p",31),e(6),t()(),n(7,"nz-spin",32)(8,"div",33),y(9,rn,12,3)(10,mn,1,1,"nz-result",34),t()()),i&2){let m=x(2);p("nzCustomRequest",m.customRequestUploadFile)("nzFileList",m.fileList)("nzShowUploadList",ie(9,Jt)),s(4),I(m.localeObj.picSearcherUploadText),s(2),I(m.localeObj.picSearcherUploadHint),s(),p("nzSpinning",m.loading)("nzTip",m.localeObj.picSearcherMatching),s(2),v(m.icons.length?9:-1),s(),v(m.error?10:-1)}}function dn(i,o){if(i&1&&(n(0,"nz-spin",26),c(1,"div",39),t()),i&2){let m=x(2);p("nzTip",m.localeObj.picSearcherModelLoading)}}function sn(i,o){if(i&1&&(te(0),y(1,un,11,10)(2,dn,2,1,"nz-spin",26),ne()),i&2){let m=x();s(),v(m.modelLoaded?1:2)}}var cn=["templateRef"];function pn(i,o){if(i&1&&(n(0,"span")(1,"code",1),e(2),t(),e(3," copied \u{1F389} "),t()),i&2){let m=x();s(2),I(m.copiedCode)}}var En=["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"],xn=["Question","QuestionCircle","Plus","PlusCircle","Pause","PauseCircle","Minus","MinusCircle","PlusSquare","MinusSquare","Info","InfoCircle","Exclamation","ExclamationCircle","Close","CloseCircle","CloseSquare","Check","CheckCircle","CheckSquare","ClockCircle","Warning","IssuesClose","Stop"],Sn=["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"],hn=["AreaChart","PieChart","BarChart","DotChart","LineChart","RadarChart","HeatMap","Fall","Rise","Stock","BoxPlot","Fund","Sliders"],Fn=["Android","Apple","Windows","Linux","Ie","Chrome","Github","Aliwangwang","Dingding","Dingtalk","WeiboSquare","WeiboCircle","Weibo","Taobao","TaobaoCircle","Twitter","Wechat","Youtube","AlipayCircle","Skype","Qq","MediumWorkmark","Gitlab","Medium","Linkedin","GooglePlus","Dropbox","Facebook","Html5","Java","JavaScript","Python","Docker","Kubernetes","Ruby","DotNet","Codepen","CodeSandbox","CodeSandboxCircle","Amazon","Google","CodepenCircle","Alipay","AntDesign","AntCloud","Aliyun","Zhihu","Slack","SlackSquare","Behance","BehanceSquare","Dribbble","DribbbleSquare","Instagram","Yuque","Alibaba","Yahoo","Reddit","Discord","Sketch","Baidu","Bilibili","HarmonyOS","OpenAI","Pinterest","Spotify","TikTok","Twitch","WechatWork","WhatsApp","X"],it={direction:En,suggestion:xn,edit:Sn,data:hn,logo:Fn},fn=["border-outter","radius-upright","colum-width","eye-invisible","batch-folding","code-sandbox","code-sandbox-circle"],at=(()=>{let o=class o{onIconClick(r,l){let a=r.target,u=`<span nz-icon nzType="${ot(l)}" nzTheme="${this.currentTheme}"></span>`;a.classList.add("copied"),this._copy(u).then(()=>{setTimeout(()=>{a.classList.remove("copied")},1e3)});let d=this.getCopiedStringTemplateRef(u);this.message.success(d)}_copy(r){return new Promise(l=>{let a=null;try{a=this.document.createElement("textarea"),a.style.height="0px",a.style.opacity="0",a.style.width="0px",this.document.body.appendChild(a),a.value=r,a.select(),this.document.execCommand("copy"),l(r)}finally{a&&a.parentNode&&a.parentNode.removeChild(a)}})}prepareIcons(){let r=this.currentTheme,l=re[r].filter(d=>!["interation","canlendar"].includes(d)).map(d=>zn(d)),a=Object.keys(it).map(d=>({name:d,icons:it[d].filter(E=>l.indexOf(E)>-1&&E.toLowerCase().includes(this.searchingString.toLowerCase()))})),u=l.filter(d=>a.filter(({name:E})=>E!=="all").every(E=>!E.icons.includes(d))).filter(d=>d.toLowerCase().includes(this.searchingString.toLocaleLowerCase()));a.push({name:"other",icons:u}),a=a.filter(({icons:d})=>!!d.length),this.displayedNames=a,this.categoryNames=a.map(({name:d})=>d)}setIconsShouldBeDisplayed(r){this.currentTheme=r,this.prepareIcons()}onSearchChange(){this.prepareIcons()}getCopiedStringTemplateRef(r){this.viewContainerRef.clear();let l=this.viewContainerRef.createComponent(Cn);return l.instance.copiedCode=r,l.instance.templateRef}loadModel(){if(window.antdIconClassifier){this.onLoad();return}let r=this.document.createElement("script"),l="https://cdn.jsdelivr.net/gh/lewis617/[email protected]/dist/main.js";r.type="text/javascript",r.src=l,r.onload=()=>X(this,null,function*(){yield window.antdIconClassifier?.load(),this.onLoad()}),r.onerror=()=>{throw new Error(`${le} cannot load assets of antd icon classifier from source "${l}".`)},this.document.head.appendChild(r)}onLoad(){this.modelLoaded=!0,this.document.addEventListener("paste",this.onPaste)}toImage(r){return new Promise(l=>{let a=new Image;a.setAttribute("crossOrigin","anonymous"),a.src=r,a.onload=function(){l(a)}})}toggleModal(){this.modalVisible=!this.modalVisible,this.popoverVisible=!1,this.fileList=[],this.icons=[],localStorage.getItem("disableIconTip")||localStorage.setItem("disableIconTip","true")}constructor(r,l,a){this._iconService=r,this.message=l,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.document=$(oe),this.trackByFn=u=>`${u}-${this.currentTheme}`,this.kebabCase=u=>ot(u),this.isNewIcon=u=>fn.indexOf(u)>-1,this.onPaste=u=>{let d=u.clipboardData&&u.clipboardData.items,E=null;if(d&&d.length){for(let N=0;N<d.length;N+=1)if(d[N].type.indexOf("image")!==-1){E=d[N].getAsFile();break}}E&&this.uploadFile(E)},this.customRequestUploadFile=u=>J(!0).subscribe(()=>{this.uploadFile(u.file)}),this.uploadFile=u=>{this.loading=!0;let d=new FileReader;d.onload=()=>{this.toImage(d.result).then(this.predict),this.fileList=[{uid:"1",name:u.name,status:"done",url:d.result}]},d.readAsDataURL(u)},this.predict=u=>{try{let d=window.antdIconClassifier?.predict(u);this.icons=d.map(E=>({score:Math.ceil(E.score*100),type:E.className.replace(/\s/g,"-")})),this.loading=!1,this.error=!1}catch{this.loading=!1,this.error=!0}},this.platformId=$(K),this._iconService.addIcon(me)}ngOnInit(){this.setIconsShouldBeDisplayed("outline"),ae(this.platformId)&&(this.loadModel(),this.popoverVisible=!localStorage.getItem("disableIconTip"))}ngOnDestroy(){this.document.removeEventListener("paste",this.onPaste),this.viewContainerRef.clear()}};o.\u0275fac=function(l){return new(l||o)(_(j),_(We),_(ee))},o.\u0275cmp=S({type:o,selectors:[["nz-page-demo-icon-en"]],standalone:!0,features:[C],decls:29,vars:9,consts:[["suffixIconCamera",""],["addOnAfterIconSearch",""],[1,"icon-selector"],[3,"ngModelChange","ngModel"],["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,"ngModelChange","placeholder","ngModel"],[3,"nzVisibleChange","nzOnCancel","nzTitle","nzVisible","nzFooter"],[4,"nzModalContent"],[1,"icon-pic-searcher"],["nz-icon","","nz-popover","",1,"icon-pic-btn",3,"nzPopoverVisibleChange","click","nzPopoverTrigger","nzPopoverVisible","nzPopoverContent"],["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"],["nz-icon","",3,"nzType","nzTheme"],[1,"anticon-class"],["nzDot",""],[3,"nzTip"],["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"],["nzStatus","500","nzTitle","503",3,"nzSubTitle"],[1,"result-tip"],[1,"col-icon"],["nz-icon","","nz-tooltip","","nzTooltipPlacement","right",3,"click","nzTooltipTitle","nzType","nzTheme"],["nzStrokeLinecap","round",3,"nzPercent"],[2,"height","100px"]],template:function(l,a){if(l&1){let u=B();n(0,"h3"),e(1),t(),n(2,"div",2)(3,"nz-radio-group",3),f("ngModelChange",function(E){return h(u),F(a.setIconsShouldBeDisplayed(E))}),n(4,"label",4)(5,"span",5),A(),n(6,"svg"),c(7,"path",6),t()(),e(8," Outlined "),t(),b(),n(9,"label",7)(10,"span",5),A(),n(11,"svg"),c(12,"path",8),t()(),e(13," Filled "),t(),b(),n(14,"label",9)(15,"span",5),A(),n(16,"svg"),c(17,"path",10),t()(),e(18," Two Tone "),t()(),b(),n(19,"nz-input-group",11)(20,"input",12),H("ngModelChange",function(E){return h(u),V(a.searchingString,E)||(a.searchingString=E),F(E)}),f("ngModelChange",function(){return h(u),F(a.onSearchChange())}),t()(),y(21,Kt,4,3,"ng-template",null,0,G)(23,en,2,0,"ng-template",null,1,G),t(),k(25,an,5,1,null,null,Q),n(27,"nz-modal",13),H("nzVisibleChange",function(E){return h(u),V(a.modalVisible,E)||(a.modalVisible=E),F(E)}),f("nzOnCancel",function(){return h(u),F(a.toggleModal())}),y(28,sn,3,1,"ng-container",14),t()}if(l&2){let u=Y(22),d=Y(24);s(),I(a.localeObj.chooseTheme),s(2),p("ngModel",a.currentTheme),s(16),p("nzSuffix",u)("nzAddOnAfter",d),s(),p("placeholder",a.localeObj.search),O("ngModel",a.searchingString),s(5),M(a.categoryNames),s(2),p("nzTitle",a.localeObj.picSearcherTitle),O("nzVisible",a.modalVisible),p("nzFooter",null)}},dependencies:[pe,de,se,ce,be,_e,De,ze,Ce,ge,w,g,Ae,ye,we,Ie,Me,ke,Ne,Oe,Re,Te,Be,ve,je,Ge,Le,Pe,ue,Z,He,Ve,Ue,Ze],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}"]});let i=o;return i})(),Cn=(()=>{let o=class o{};o.\u0275fac=function(l){return new(l||o)},o.\u0275cmp=S({type:o,selectors:[["nz-page-demo-icon-copied-code"]],viewQuery:function(l,a){if(l&1&&P(cn,7),l&2){let u;L(u=R())&&(a.templateRef=u.first)}},inputs:{copiedCode:"copiedCode"},standalone:!0,features:[C],decls:2,vars:0,consts:[["templateRef",""],[1,"copied-code"]],template:function(l,a){l&1&&y(0,pn,4,1,"ng-template",null,0,G)},encapsulation:2});let i=o;return i})();function gn(i){return i.replace(/-\w/g,(o,m)=>i.charAt(m+1).toUpperCase())}function zn(i){let o=gn(i);return o.charAt(0).toUpperCase()+o.slice(1)}function ot(i){return i.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z])/g,"$1-$2").replace(/([0-9])([a-zA-Z]+)$/g,"-$1-$2").replace(/[\s_]+/g,"-").toLowerCase()}var lt=(()=>{let o=class o{constructor(){this.expanded=!1}goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}};o.\u0275fac=function(l){return new(l||o)},o.\u0275cmp=S({type:o,selectors:[["nz-demo-icon"]],viewQuery:function(l,a){if(l&1&&P(U,5),l&2){let u;L(u=R())&&(a.codeBoxes=u)}},standalone:!0,features:[C],decls:1311,vars:27,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["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-typescript"],[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]:standalone"],[1,"api-type-label","directive"],[1,"api-type-label","standalone"],["onclick","window.location.hash = '[nz-icon]:standalone'",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.1998910419.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(l,a){l&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),f("nzClick",function(d){return a.goLink(d)}),c(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),t()(),n(9,"section",8)(10,"h1"),e(11,"Icon"),c(12,"span",9)(13,"span",10),n(14,"a",11),c(15,"span",12),t()(),n(16,"section",8),D(),n(17,"p"),e(18,"Semantic vector graphics."),t(),n(19,"h2",13)(20,"span"),e(21,"List of icons"),t(),n(22,"a",14),e(23,"#"),t()(),n(24,"p"),e(25,"We are still adding icons right now, syncing to "),n(26,"a",15),e(27,"antd"),t(),e(28,"."),t(),n(29,"pre",16)(30,"code")(31,"span",17),e(32,"import"),t(),e(33," "),n(34,"span",18),e(35,"{"),t(),e(36," NzIconModule "),n(37,"span",18),e(38,"}"),t(),e(39," "),n(40,"span",17),e(41,"from"),t(),e(42," "),n(43,"span",19),e(44,"'ng-zorro-antd/icon'"),t(),n(45,"span",18),e(46,";"),t()()(),z(),t(),n(47,"section",20),c(48,"nz-page-demo-icon-en"),t(),n(49,"h2")(50,"span"),e(51,"Examples"),t(),n(52,"span",21),f("click",function(){return a.expandAllCode()}),t()()(),n(53,"div",22)(54,"div",23)(55,"nz-code-box",24),c(56,"nz-demo-icon-basic",25),n(57,"div",26),D(),n(58,"p"),e(59,"Use "),n(60,"code"),e(61,"<span ></span>"),t(),e(62," to create an icon and set its type in the "),n(63,"code"),e(64,"nzType"),t(),e(65," prop. Specific the "),n(66,"code"),e(67,"nzSpin"),t(),e(68," prop to show spinning animation and the theme property to switch different themes. Old API "),n(69,"code"),e(70,'<i class="anticon"></i>'),t()(),z(),t()(),n(71,"nz-code-box",27),c(72,"nz-demo-icon-custom",25),n(73,"div",26),D(),n(74,"p"),e(75,"You can just put a "),n(76,"code"),e(77,"svg"),t(),e(78," element inside of a "),n(79,"code"),e(80,"nz-icon"),t(),e(81," to render custom content. We would take care of size and color things for you."),t(),z(),t()(),n(82,"nz-code-box",28),c(83,"nz-demo-icon-namespace",25),n(84,"div",26),D(),n(85,"p"),e(86,"You can use namespace to add your own icons. Static loading and dynamic loading are both supported."),t(),z(),t()()(),n(87,"div",23)(88,"nz-code-box",29),c(89,"nz-demo-icon-twotone",25),n(90,"div",26),D(),n(91,"p"),e(92,"Specify property "),n(93,"code"),e(94,"nzTheme"),t(),e(95," to "),n(96,"code"),e(97,"twotone"),t(),e(98," to render two-tone icons. You can also set the primary color."),t(),z(),t()(),n(99,"nz-code-box",30),c(100,"nz-demo-icon-iconfont",25),n(101,"div",26),D(),n(102,"p"),e(103,"If you are using "),n(104,"a",31),e(105,"iconfont.cn"),t(),e(106,", you can use the icons in your project gracefully."),t(),z(),t()()()(),n(107,"section",32),D(),n(108,"h2",33)(109,"span"),e(110,"API"),t(),n(111,"a",34),e(112,"#"),t()(),n(113,"h3",35)(114,"span"),e(115,"[nz-icon]"),t(),n(116,"label",36),e(117,"directive"),t(),n(118,"label",37),e(119,"standalone"),t(),n(120,"a",38),e(121,"#"),t()(),n(122,"table")(123,"thead")(124,"tr")(125,"th"),e(126,"Property"),t(),n(127,"th"),e(128,"Description"),t(),n(129,"th"),e(130,"Type"),t(),n(131,"th"),e(132,"Default"),t(),n(133,"th"),e(134,"Global Config"),t()()(),n(135,"tbody")(136,"tr")(137,"td")(138,"code"),e(139,"[nzType]"),t()(),n(140,"td"),e(141,"Type of the ant design icon"),t(),n(142,"td")(143,"code"),e(144,"string"),t()(),n(145,"td"),e(146,"-"),t(),c(147,"td"),t(),n(148,"tr")(149,"td")(150,"code"),e(151,"[nzTheme]"),t()(),n(152,"td"),e(153,"Type of the ant design icon"),t(),n(154,"td")(155,"code"),e(156,"'fill'|'outline'|'twotone'"),t()(),n(157,"td")(158,"code"),e(159,"'outline'"),t()(),n(160,"td"),e(161,"\u2705"),t()(),n(162,"tr")(163,"td")(164,"code"),e(165,"[nzSpin]"),t()(),n(166,"td"),e(167,"Rotate icon with animation"),t(),n(168,"td")(169,"code"),e(170,"boolean"),t()(),n(171,"td")(172,"code"),e(173,"false"),t()(),c(174,"td"),t(),n(175,"tr")(176,"td")(177,"code"),e(178,"[nzTwotoneColor]"),t()(),n(179,"td"),e(180,"Only support the two-tone icon. Specific the primary color."),t(),n(181,"td")(182,"code"),e(183,"string (hex color)"),t()(),n(184,"td"),e(185,"-"),t(),n(186,"td"),e(187,"\u2705"),t()(),n(188,"tr")(189,"td")(190,"code"),e(191,"[nzIconfont]"),t()(),n(192,"td"),e(193,"Type of the icon from iconfont"),t(),n(194,"td")(195,"code"),e(196,"string"),t()(),n(197,"td"),e(198,"-"),t(),c(199,"td"),t(),n(200,"tr")(201,"td")(202,"code"),e(203,"[nzRotate]"),t()(),n(204,"td"),e(205,"Rotate degrees"),t(),n(206,"td")(207,"code"),e(208,"number"),t()(),n(209,"td"),e(210,"-"),t(),c(211,"td"),t()()(),n(212,"h3",39)(213,"span"),e(214,"NzIconService"),t(),n(215,"label",40),e(216,"service"),t(),n(217,"a",41),e(218,"#"),t()(),n(219,"table")(220,"thead")(221,"tr")(222,"th"),e(223,"Methods/Properties"),t(),n(224,"th"),e(225,"Description"),t(),n(226,"th"),e(227,"Parameters"),t()()(),n(228,"tbody")(229,"tr")(230,"td")(231,"code"),e(232,"addIcon()"),t()(),n(233,"td"),e(234,"To import icons statically"),t(),n(235,"td")(236,"code"),e(237,"IconDefinition"),t()()(),n(238,"tr")(239,"td")(240,"code"),e(241,"addIconLiteral()"),t()(),n(242,"td"),e(243,"To statically import custom icons"),t(),n(244,"td")(245,"code"),e(246,"string"),t(),e(247,", "),n(248,"code"),e(249,"string (SVG)"),t()()(),n(250,"tr")(251,"td")(252,"code"),e(253,"fetchFromIconfont()"),t()(),n(254,"td"),e(255,"To get icon assets from fonticon"),t(),n(256,"td")(257,"code"),e(258,"NzIconfontOption"),t()()(),n(259,"tr")(260,"td")(261,"code"),e(262,"changeAssetsSource()"),t()(),n(263,"td"),e(264,"To change the location of your icon assets, so that you can deploy these icons wherever you want"),t(),n(265,"td")(266,"code"),e(267,"string"),t()()()()(),n(268,"h3",42)(269,"span"),e(270,"SVG icons"),t(),n(271,"a",43),e(272,"#"),t()(),n(273,"p"),e(274,"We synced to Ant Design and replaced font icons with svg icons which bring benefits below:"),t(),n(275,"ul")(276,"li"),e(277,"Complete offline usage of icon, no dependency of alipay cdn font icon file and no more empty square during downloading."),t(),n(278,"li"),e(279,"Much more display accuracy in lower-level screens."),t(),n(280,"li"),e(281,"Support multiple colors for icon."),t(),n(282,"li"),e(283,"No need to change built-in icons with overriding styles by providing more props in component."),t()(),n(284,"p"),e(285,"You can join in "),n(286,"a",44),e(287,"this discussion of Ant Design"),t(),e(288,"."),t(),n(289,"p"),e(290,"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(291,"code"),e(292,"outline"),t(),e(293,"icons. But the best practice is always to use "),n(294,"code"),e(295,"nz-icon"),t(),e(296," directive and specify the "),n(297,"code"),e(298,"theme"),t(),e(299," prop."),t(),n(300,"pre",45)(301,"code")(302,"span",46)(303,"span",46)(304,"span",18),e(305,"<"),t(),e(306,"span"),t(),e(307," "),n(308,"span",47),e(309,"nz-icon"),t(),e(310," "),n(311,"span",47),e(312,"[nzType]"),t(),n(313,"span",48)(314,"span",18),e(315,"="),t(),n(316,"span",18),e(317,'"'),t(),n(318,"span",18),e(319,"'"),t(),e(320,"star"),n(321,"span",18),e(322,"'"),t(),n(323,"span",18),e(324,'"'),t()(),e(325," "),n(326,"span",47),e(327,"[nzTheme]"),t(),n(328,"span",48)(329,"span",18),e(330,"="),t(),n(331,"span",18),e(332,'"'),t(),n(333,"span",18),e(334,"'"),t(),e(335,"fill"),n(336,"span",18),e(337,"'"),t(),n(338,"span",18),e(339,'"'),t()(),n(340,"span",18),e(341,">"),t()(),n(342,"span",46)(343,"span",46)(344,"span",18),e(345,"</"),t(),e(346,"span"),t(),n(347,"span",18),e(348,">"),t()()()(),n(349,"p"),e(350,"All the icons will be rendered to "),n(351,"code"),e(352,"<svg>"),t(),e(353,", and styles and classes applied to "),n(354,"code"),e(355,"<i>"),t(),e(356," would work."),t(),n(357,"pre",45)(358,"code")(359,"span",46)(360,"span",46)(361,"span",18),e(362,"<"),t(),e(363,"span"),t(),e(364," "),n(365,"span",47),e(366,"nz-icon"),t(),e(367," "),n(368,"span",47),e(369,"[nzType]"),t(),n(370,"span",48)(371,"span",18),e(372,"="),t(),n(373,"span",18),e(374,'"'),t(),n(375,"span",18),e(376,"'"),t(),e(377,"message"),n(378,"span",18),e(379,"'"),t(),n(380,"span",18),e(381,'"'),t()(),n(382,"span",49)(383,"span",47),e(384," "),n(385,"span",47),e(386,"style"),t()(),n(387,"span",18),e(388,'="'),t(),n(389,"span",48)(390,"span",50),e(391,"font-size"),t(),n(392,"span",18),e(393,":"),t(),e(394," "),n(395,"span",51),e(396,"16"),t(),e(397,"px"),n(398,"span",18),e(399,";"),t(),e(400," "),n(401,"span",50),e(402,"color"),t(),n(403,"span",18),e(404,":"),t(),e(405," "),n(406,"span",52),e(407,"#08c"),t(),n(408,"span",18),e(409,";"),t()(),n(410,"span",18),e(411,'"'),t()(),n(412,"span",18),e(413,">"),t()(),n(414,"span",46)(415,"span",46)(416,"span",18),e(417,"</"),t(),e(418,"span"),t(),n(419,"span",18),e(420,">"),t()()()(),n(421,"h3",53)(422,"span"),e(423,"Static loading and dynamic loading"),t(),n(424,"a",54),e(425,"#"),t()(),n(426,"p"),e(427,"As for icons provided by Ant Design, there are two ways of importing them into your project."),t(),n(428,"p"),e(429,"Static loading. By registering icons to "),n(430,"code"),e(431,"AppModule"),t(),e(432,", you load icons statically."),t(),n(433,"pre",16)(434,"code")(435,"span",17),e(436,"import"),t(),e(437," "),n(438,"span",18),e(439,"{"),t(),e(440," IconDefinition "),n(441,"span",18),e(442,"}"),t(),e(443," "),n(444,"span",17),e(445,"from"),t(),e(446," "),n(447,"span",19),e(448,"'@ant-design/icons-angular'"),t(),n(449,"span",18),e(450,";"),t(),e(451,`
`),n(452,"span",17),e(453,"import"),t(),e(454," "),n(455,"span",18),e(456,"{"),t(),e(457," NzIconModule "),n(458,"span",18),e(459,"}"),t(),e(460," "),n(461,"span",17),e(462,"from"),t(),e(463," "),n(464,"span",19),e(465,"'ng-zorro-antd/icon'"),t(),n(466,"span",18),e(467,";"),t(),e(468,`
`),n(469,"span",55),e(470,"// Import what you need. RECOMMENDED. \u2714\uFE0F"),t(),e(471,`
`),n(472,"span",17),e(473,"import"),t(),e(474," "),n(475,"span",18),e(476,"{"),t(),e(477," AccountBookFill"),n(478,"span",18),e(479,","),t(),e(480," AlertFill"),n(481,"span",18),e(482,","),t(),e(483," AlertOutline "),n(484,"span",18),e(485,"}"),t(),e(486," "),n(487,"span",17),e(488,"from"),t(),e(489," "),n(490,"span",19),e(491,"'@ant-design/icons-angular/icons'"),t(),n(492,"span",18),e(493,";"),t(),e(494,`
`),n(495,"span",17),e(496,"const"),t(),e(497," icons"),n(498,"span",18),e(499,":"),t(),e(500," IconDefinition"),n(501,"span",18),e(502,"["),t(),n(503,"span",18),e(504,"]"),t(),e(505," "),n(506,"span",56),e(507,"="),t(),e(508," "),n(509,"span",18),e(510,"["),t(),e(511,"AccountBookFill"),n(512,"span",18),e(513,","),t(),e(514," AlertOutline"),n(515,"span",18),e(516,","),t(),e(517," AlertFill"),n(518,"span",18),e(519,"]"),t(),n(520,"span",18),e(521,";"),t(),e(522,`
`),n(523,"span",55),e(524,"// Import all. NOT RECOMMENDED. \u274C"),t(),e(525,`
`),n(526,"span",55),e(527,"// import * as AllIcons from '@ant-design/icons-angular/icons';"),t(),e(528,`
`),n(529,"span",55),e(530,"// const antDesignIcons = AllIcons as {"),t(),e(531,`
`),n(532,"span",55),e(533,"// [key: string]: IconDefinition;"),t(),e(534,`
`),n(535,"span",55),e(536,"// };"),t(),e(537,`
`),n(538,"span",55),e(539,"// const icons: IconDefinition[] = Object.keys(antDesignIcons).map(key => antDesignIcons[key])"),t(),e(540,`
@`),n(541,"span",57),e(542,"NgModule"),t(),n(543,"span",18),e(544,"("),t(),n(545,"span",18),e(546,"{"),t(),e(547,`
declarations`),n(548,"span",18),e(549,":"),t(),e(550," "),n(551,"span",18),e(552,"["),t(),e(553,"AppComponent"),n(554,"span",18),e(555,"]"),t(),n(556,"span",18),e(557,","),t(),e(558,`
imports`),n(559,"span",18),e(560,":"),t(),e(561," "),n(562,"span",18),e(563,"["),t(),e(564,"NzIconModule"),n(565,"span",18),e(566,"."),t(),n(567,"span",57),e(568,"forRoot"),t(),n(569,"span",18),e(570,"("),t(),e(571,"icons"),n(572,"span",18),e(573,")"),t(),n(574,"span",18),e(575,"]"),t(),n(576,"span",18),e(577,","),t(),e(578,`
bootstrap`),n(579,"span",18),e(580,":"),t(),e(581," "),n(582,"span",18),e(583,"["),t(),e(584,"AppComponent"),n(585,"span",18),e(586,"]"),t(),e(587,`
`),n(588,"span",18),e(589,"}"),t(),n(590,"span",18),e(591,")"),t(),e(592,`
`),n(593,"span",17),e(594,"export"),t(),e(595," "),n(596,"span",17),e(597,"class"),t(),e(598," "),n(599,"span",58),e(600,"AppModule"),t(),e(601," "),n(602,"span",18),e(603,"{"),t(),n(604,"span",18),e(605,"}"),t()()(),n(606,"p"),e(607,"For standalone mode, you can register icons in "),n(608,"code"),e(609,"app.config.ts"),t(),e(610," with "),n(611,"code"),e(612,"provideNzIcons"),t(),e(613," API:"),t(),n(614,"pre",16)(615,"code")(616,"span",17),e(617,"import"),t(),e(618," "),n(619,"span",18),e(620,"{"),t(),e(621," provideNzIcons "),n(622,"span",18),e(623,"}"),t(),e(624," "),n(625,"span",17),e(626,"from"),t(),e(627," "),n(628,"span",19),e(629,"'ng-zorro-antd/icon'"),t(),n(630,"span",18),e(631,";"),t(),e(632,`
`),n(633,"span",17),e(634,"export"),t(),e(635," "),n(636,"span",17),e(637,"const"),t(),e(638," appConfig "),n(639,"span",56),e(640,"="),t(),e(641," "),n(642,"span",18),e(643,"{"),t(),e(644,`
providers`),n(645,"span",18),e(646,":"),t(),e(647," "),n(648,"span",18),e(649,"["),t(),n(650,"span",57),e(651,"provideNzIcons"),t(),n(652,"span",18),e(653,"("),t(),e(654,"icons"),n(655,"span",18),e(656,")"),t(),n(657,"span",18),e(658,"]"),t(),e(659,`
`),n(660,"span",18),e(661,"}"),t()()(),n(662,"p"),e(663,"Actually this calls "),n(664,"code"),e(665,"addIcon"),t(),e(666," of "),n(667,"code"),e(668,"NzIconService"),t(),e(669,". Icons imported would be bundled into your "),n(670,"code"),e(671,".js"),t(),e(672," files. Static loading would increase your bundle's size so we recommend use dynamic importing as much as you can."),t(),n(673,"blockquote")(674,"p"),e(675,"Icons used by "),n(676,"code"),e(677,"NG-ZORRO"),t(),e(678," itself are imported statically to increase loading speed. However, icons demonstrated on the official website are loaded dynamically."),t()(),n(679,"p"),e(680,"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(681,"code"),e(682,"angular.json"),t(),e(683," like this:"),t(),n(684,"pre",59)(685,"code")(686,"span",18),e(687,"{"),t(),e(688,`
`),n(689,"span",50),e(690,'"assets"'),t(),n(691,"span",56),e(692,":"),t(),e(693," "),n(694,"span",18),e(695,"["),t(),e(696,`
`),n(697,"span",18),e(698,"{"),t(),e(699,`
`),n(700,"span",50),e(701,'"glob"'),t(),n(702,"span",56),e(703,":"),t(),e(704," "),n(705,"span",19),e(706,'"**/*"'),t(),n(707,"span",18),e(708,","),t(),e(709,`
`),n(710,"span",50),e(711,'"input"'),t(),n(712,"span",56),e(713,":"),t(),e(714," "),n(715,"span",19),e(716,'"./node_modules/@ant-design/icons-angular/src/inline-svg/"'),t(),n(717,"span",18),e(718,","),t(),e(719,`
`),n(720,"span",50),e(721,'"output"'),t(),n(722,"span",56),e(723,":"),t(),e(724," "),n(725,"span",19),e(726,'"/assets/"'),t(),e(727,`
`),n(728,"span",18),e(729,"}"),t(),e(730,`
`),n(731,"span",18),e(732,"]"),t(),e(733,`
`),n(734,"span",18),e(735,"}"),t()()(),n(736,"p"),e(737,"You can call "),n(738,"code"),e(739,"changeAssetsSource()"),t(),e(740," of "),n(741,"code"),e(742,"NzIconService"),t(),e(743," 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(744,"code"),e(745,"assets/"),t(),e(746,"."),t(),n(747,"p"),e(748,"Let's assume that you deploy static assets under "),n(749,"code"),e(750,"https://mycdn.somecdn.com/icons/assets"),t(),e(751,". You can call "),n(752,"code"),e(753,"changeAssetsSource('https://mycdn.somecdn.com/icons')"),t(),e(754," to tell NG-ZORRO that all your resources are located there."),t(),n(755,"p"),e(756,"Please call this in component's constructor or "),n(757,"code"),e(758,"AppInitService"),t(),e(759,"."),t(),n(760,"h3",60)(761,"span"),e(762,"Add Icons in Lazy-loaded Modules"),t(),n(763,"a",61),e(764,"#"),t()(),n(765,"p"),e(766,"Sometimes, you want to import icons in lazy modules to avoid increasing the size of the main.js. You can use "),n(767,"code"),e(768,"NzIconModule.forChild"),t(),e(769,"."),t(),n(770,"pre",16)(771,"code")(772,"span",17),e(773,"import"),t(),e(774," "),n(775,"span",18),e(776,"{"),t(),e(777," NzIconModule "),n(778,"span",18),e(779,"}"),t(),e(780," "),n(781,"span",17),e(782,"from"),t(),e(783," "),n(784,"span",19),e(785,"'ng-zorro-antd/icon'"),t(),n(786,"span",18),e(787,";"),t(),e(788,`
@`),n(789,"span",57),e(790,"NgModule"),t(),n(791,"span",18),e(792,"("),t(),n(793,"span",18),e(794,"{"),t(),e(795,`
imports`),n(796,"span",18),e(797,":"),t(),e(798," "),n(799,"span",18),e(800,"["),t(),e(801,"CommonModule"),n(802,"span",18),e(803,","),t(),e(804," NzIconModule"),n(805,"span",18),e(806,"."),t(),n(807,"span",57),e(808,"forChild"),t(),n(809,"span",18),e(810,"("),t(),n(811,"span",18),e(812,"["),t(),e(813,"QuestionOutline"),n(814,"span",18),e(815,"]"),t(),n(816,"span",18),e(817,")"),t(),n(818,"span",18),e(819,"]"),t(),e(820,`
`),n(821,"span",18),e(822,"}"),t(),n(823,"span",18),e(824,")"),t(),e(825,`
`),n(826,"span",17),e(827,"class"),t(),e(828," "),n(829,"span",58),e(830,"ChildModule"),t(),e(831," "),n(832,"span",18),e(833,"{"),t(),n(834,"span",18),e(835,"}"),t()()(),n(836,"p"),e(837,"When "),n(838,"code"),e(839,"ChildModule"),t(),e(840," get loaded, the icon QuestionOutline would be usable across the application."),t(),n(841,"p"),e(842,"For standalone mode, you can import icons in "),n(843,"code"),e(844,"providers"),t(),e(845," of the standalone component or router with "),n(846,"code"),e(847,"provideNzIconsPatch"),t(),e(848," API."),t(),n(849,"pre",16)(850,"code")(851,"span",17),e(852,"import"),t(),e(853," "),n(854,"span",18),e(855,"{"),t(),e(856," NzIconModule"),n(857,"span",18),e(858,","),t(),e(859," provideNzIconsPatch "),n(860,"span",18),e(861,"}"),t(),e(862," "),n(863,"span",17),e(864,"from"),t(),e(865," "),n(866,"span",19),e(867,"'ng-zorro-antd/icon'"),t(),n(868,"span",18),e(869,";"),t(),e(870,`
`),n(871,"span",55),e(872,"// in xxx.component.ts"),t(),e(873,`
@`),n(874,"span",57),e(875,"Component"),t(),n(876,"span",18),e(877,"("),t(),n(878,"span",18),e(879,"{"),t(),e(880,`
standalone`),n(881,"span",18),e(882,":"),t(),e(883," "),n(884,"span",17),e(885,"true"),t(),n(886,"span",18),e(887,","),t(),e(888,`
imports`),n(889,"span",18),e(890,":"),t(),e(891," "),n(892,"span",18),e(893,"["),t(),e(894,"NzIconModule"),n(895,"span",18),e(896,"]"),t(),n(897,"span",18),e(898,","),t(),e(899,`
providers`),n(900,"span",18),e(901,":"),t(),e(902," "),n(903,"span",18),e(904,"["),t(),n(905,"span",57),e(906,"provideNzIconsPatch"),t(),n(907,"span",18),e(908,"("),t(),n(909,"span",18),e(910,"["),t(),e(911,"QuestionOutline"),n(912,"span",18),e(913,"]"),t(),n(914,"span",18),e(915,")"),t(),n(916,"span",18),e(917,"]"),t(),e(918,`
`),n(919,"span",18),e(920,"}"),t(),n(921,"span",18),e(922,")"),t(),e(923,`
`),n(924,"span",17),e(925,"class"),t(),e(926," "),n(927,"span",58),e(928,"ChildComponent"),t(),e(929," "),n(930,"span",18),e(931,"{"),t(),n(932,"span",18),e(933,"}"),t(),e(934,`
`),n(935,"span",55),e(936,"// or in xxx.routes.ts"),t(),e(937,`
`),n(938,"span",17),e(939,"const"),t(),e(940," routes"),n(941,"span",18),e(942,":"),t(),e(943," Routes "),n(944,"span",56),e(945,"="),t(),e(946," "),n(947,"span",18),e(948,"["),t(),n(949,"span",18),e(950,"{"),t(),e(951,`
path`),n(952,"span",18),e(953,":"),t(),e(954," "),n(955,"span",19),e(956,"''"),t(),n(957,"span",18),e(958,","),t(),e(959,`
providers`),n(960,"span",18),e(961,":"),t(),e(962," "),n(963,"span",18),e(964,"["),t(),n(965,"span",57),e(966,"provideNzIconsPatch"),t(),n(967,"span",18),e(968,"("),t(),n(969,"span",18),e(970,"["),t(),e(971,"QuestionOutline"),n(972,"span",18),e(973,"]"),t(),n(974,"span",18),e(975,")"),t(),n(976,"span",18),e(977,"]"),t(),n(978,"span",18),e(979,","),t(),e(980,`
`),n(981,"span",18),e(982,"}"),t(),n(983,"span",18),e(984,"]"),t()()(),n(985,"h3",62)(986,"span"),e(987,"Set Default TwoTone Color"),t(),n(988,"a",63),e(989,"#"),t()(),n(990,"p"),e(991,"When using the two-tone icons, you provide a global configuration like "),n(992,"code"),e(993,"{ nzIcon: { nzTwotoneColor: 'xxx' } }"),t(),e(994,"via "),n(995,"code"),e(996,"NzConfigService"),t(),e(997," or call corresponding "),n(998,"code"),e(999,"set"),t(),e(1e3," method to change to default twotone color."),t(),n(1001,"h3",64)(1002,"span"),e(1003,"Custom Font Icon"),t(),n(1004,"a",65),e(1005,"#"),t()(),n(1006,"p"),e(1007,"We added a "),n(1008,"code"),e(1009,"fetchFromIconfont"),t(),e(1010," method function to help developer using their own icons deployed at "),n(1011,"a",31),e(1012,"iconfont.cn"),t(),e(1013," in a convenient way."),t(),n(1014,"blockquote")(1015,"p"),e(1016,"This method is specified for "),n(1017,"a",31),e(1018,"iconfont.cn"),t(),e(1019,"."),t()(),n(1020,"pre",16)(1021,"code")(1022,"span",17),e(1023,"this"),t(),n(1024,"span",18),e(1025,"."),t(),e(1026,"_iconService"),n(1027,"span",18),e(1028,"."),t(),n(1029,"span",57),e(1030,"fetchFromIconfont"),t(),n(1031,"span",18),e(1032,"("),t(),n(1033,"span",18),e(1034,"{"),t(),e(1035,`
scriptUrl`),n(1036,"span",18),e(1037,":"),t(),e(1038," "),n(1039,"span",19),e(1040,"'https://at.alicdn.com/t/font_8d5l8fzk5b87iudi.js'"),t(),e(1041,`
`),n(1042,"span",18),e(1043,"}"),t(),n(1044,"span",18),e(1045,")"),t(),n(1046,"span",18),e(1047,";"),t()()(),n(1048,"pre",45)(1049,"code")(1050,"span",46)(1051,"span",46)(1052,"span",18),e(1053,"<"),t(),e(1054,"span"),t(),e(1055," "),n(1056,"span",47),e(1057,"nz-icon"),t(),e(1058," "),n(1059,"span",47),e(1060,"[nzIconfont]"),t(),n(1061,"span",48)(1062,"span",18),e(1063,"="),t(),n(1064,"span",18),e(1065,'"'),t(),n(1066,"span",18),e(1067,"'"),t(),e(1068,"icon-tuichu"),n(1069,"span",18),e(1070,"'"),t(),n(1071,"span",18),e(1072,'"'),t()(),n(1073,"span",18),e(1074,">"),t()(),n(1075,"span",46)(1076,"span",46)(1077,"span",18),e(1078,"</"),t(),e(1079,"span"),t(),n(1080,"span",18),e(1081,">"),t()()()(),n(1082,"p"),e(1083,"It creates a component that uses SVG sprites in essence."),t(),n(1084,"p"),e(1085,"The following option are available:"),t(),n(1086,"table")(1087,"thead")(1088,"tr")(1089,"th"),e(1090,"Property"),t(),n(1091,"th"),e(1092,"Description"),t(),n(1093,"th"),e(1094,"Type"),t(),n(1095,"th"),e(1096,"Default"),t()()(),n(1097,"tbody")(1098,"tr")(1099,"td")(1100,"code"),e(1101,"scriptUrl"),t()(),n(1102,"td"),e(1103,"The URL generated by iconfont.cn project."),t(),n(1104,"td")(1105,"code"),e(1106,"string"),t()(),n(1107,"td"),e(1108,"-"),t()()()(),n(1109,"p"),e(1110,"The property scriptUrl should be set to import the svg sprite symbols."),t(),n(1111,"p"),e(1112,"See "),n(1113,"a",66),e(1114,"iconfont.cn"),t(),e(1115," documents to learn about how to generate scriptUrl."),t(),n(1116,"h3",67)(1117,"span"),e(1118,"Namespace"),t(),n(1119,"a",68),e(1120,"#"),t()(),n(1121,"p"),e(1122,"We introduced namespace so you could add your own icons in a convenient way. When you want to render an icon, you could assign "),n(1123,"code"),e(1124,"type"),t(),n(1125,"code"),e(1126,"namespace:name"),t(),e(1127,". Dynamic importing and static importing are both supported."),t(),n(1128,"p"),e(1129,"Static importing. Invoke "),n(1130,"code"),e(1131,"addIconLiteral"),t(),e(1132," of "),n(1133,"code"),e(1134,"NzIconService"),t(),e(1135,"."),t(),n(1136,"p"),e(1137,"Dynamic importing. Make sure that you have put your SVG resources in dir like "),n(1138,"code"),e(1139,"assets/${namespace}"),t(),e(1140,". For example, if you have a "),n(1141,"code"),e(1142,"panda"),t(),e(1143," icon and in "),n(1144,"code"),e(1145,"zoo"),t(),e(1146," namespace, you should put "),n(1147,"code"),e(1148,"panda.svg"),t(),e(1149," in "),n(1150,"code"),e(1151,"assets/zoo"),t(),e(1152,"."),t(),n(1153,"h2",69)(1154,"span"),e(1155,"FAQ"),t(),n(1156,"a",70),e(1157,"#"),t()(),n(1158,"h3",71)(1159,"span"),e(1160,"All my icons are gone!"),t(),n(1161,"a",72),e(1162,"#"),t()(),n(1163,"p"),e(1164,"Have you read the docs above?"),t(),n(1165,"h3",73)(1166,"span"),e(1167,"There are two similar icons in a "),n(1168,"code"),e(1169,"<span></span>"),t(),e(1170," tag. What happened?"),t(),n(1171,"a",74),e(1172,"#"),t()(),n(1173,"p"),e(1174,"In older versions of NG-ZORRO, there was a font file which would use "),n(1175,"code"),e(1176,":before"),t(),e(1177," to insert a icon according to a "),n(1178,"code"),e(1179,"i"),t(),e(1180," tag's "),n(1181,"code"),e(1182,"className"),t(),e(1183,". So if you have two icons, try to remove "),n(1184,"code"),e(1185,"node_modules"),t(),e(1186," and reinstall. If the problem is still there, search "),n(1187,"code"),e(1188,"@icon-url"),t(),e(1189," and remove that line."),t(),n(1190,"h3",75)(1191,"span"),e(1192,"I want to import all icons statically. What should I do?"),t(),n(1193,"a",76),e(1194,"#"),t()(),n(1195,"p"),e(1196,"Although this is not recommended usage, actually we demonstrate it here "),n(1197,"a",77),e(1198,"Static loading and dynamic loading"),t(),e(1199,":"),t(),n(1200,"pre",16)(1201,"code")(1202,"span",17),e(1203,"import"),t(),e(1204," "),n(1205,"span",56),e(1206,"*"),t(),e(1207," as AllIcons "),n(1208,"span",17),e(1209,"from"),t(),e(1210," "),n(1211,"span",19),e(1212,"'@ant-design/icons-angular/icons'"),t(),n(1213,"span",18),e(1214,";"),t(),e(1215,`
`),n(1216,"span",17),e(1217,"const"),t(),e(1218," antDesignIcons "),n(1219,"span",56),e(1220,"="),t(),e(1221," AllIcons as "),n(1222,"span",18),e(1223,"{"),t(),e(1224,`
`),n(1225,"span",18),e(1226,"["),t(),e(1227,"key"),n(1228,"span",18),e(1229,":"),t(),e(1230," "),n(1231,"span",17),e(1232,"string"),t(),n(1233,"span",18),e(1234,"]"),t(),n(1235,"span",18),e(1236,":"),t(),e(1237," IconDefinition"),n(1238,"span",18),e(1239,";"),t(),e(1240,`
`),n(1241,"span",18),e(1242,"}"),t(),n(1243,"span",18),e(1244,";"),t(),e(1245,`
`),n(1246,"span",17),e(1247,"const"),t(),e(1248," icons"),n(1249,"span",18),e(1250,":"),t(),e(1251," IconDefinition"),n(1252,"span",18),e(1253,"["),t(),n(1254,"span",18),e(1255,"]"),t(),e(1256," "),n(1257,"span",56),e(1258,"="),t(),e(1259," Object"),n(1260,"span",18),e(1261,"."),t(),n(1262,"span",57),e(1263,"keys"),t(),n(1264,"span",18),e(1265,"("),t(),e(1266,"antDesignIcons"),n(1267,"span",18),e(1268,")"),t(),n(1269,"span",18),e(1270,"."),t(),n(1271,"span",57),e(1272,"map"),t(),n(1273,"span",18),e(1274,"("),t(),e(1275,"key "),n(1276,"span",56),e(1277,"="),t(),n(1278,"span",56),e(1279,">"),t(),e(1280," antDesignIcons"),n(1281,"span",18),e(1282,"["),t(),e(1283,"key"),n(1284,"span",18),e(1285,"]"),t(),n(1286,"span",18),e(1287,")"),t()()(),n(1288,"h3",78)(1289,"span"),e(1290,"Does dynamic loading affect web pages' performance?"),t(),n(1291,"a",79),e(1292,"#"),t()(),n(1293,"p"),e(1294,"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."),t(),n(1295,"h3",80)(1296,"span"),e(1297,"How do I know a icon's corresponding module to import?"),t(),n(1298,"a",81),e(1299,"#"),t()(),n(1300,"p"),e(1301,"Capital camel-case "),n(1302,"code"),e(1303,"type & theme"),t(),e(1304,", i.e. "),n(1305,"code"),e(1306,"alibaba"),t(),e(1307," => "),n(1308,"code"),e(1309,"AlibabaOutline"),t(),e(1310,"."),t(),z(),t()()),l&2&&(s(),p("nzOffsetTop",16),s(),p("nzAffix",!1),s(51),p("nzGutter",16),s(),p("nzXl",12)("nzSpan",24),s(),p("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"),s(16),p("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"),s(11),p("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"),s(5),p("nzXl",12)("nzSpan",24),s(),p("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"),s(11),p("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:[fe,U,xe,Se,Ee,Fe,he,Z,g,qe,$e,Qe,Ye,Xe,at],encapsulation:2});let i=o;return i})();var Dn=[{path:"en",component:lt},{path:"zh",component:nt}],$i=Dn;export{$i as default};