-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathchunk-5EHP774C.js
1 lines (1 loc) · 39.1 KB
/
chunk-5EHP774C.js
1
import{a as ae,b as H,c as S,d as E}from"./chunk-XQDVMGI7.js";import{a as me,b as oe}from"./chunk-EE7SIC6Z.js";import"./chunk-RKL5WCT5.js";import"./chunk-MGFBB5Y4.js";import{a as f,b as C,d as v}from"./chunk-HVFPNQ3B.js";import{a as A}from"./chunk-6AJOFIIP.js";import{g as q,h as $,i as ee}from"./chunk-3LAVY7RV.js";import{a as z,g as Q,h as T,j as P}from"./chunk-PNYJKZIQ.js";import"./chunk-UJZP7RYT.js";import{Ca as w,Fc as ie,Hc as D,Ic as k,Lc as y,ec as N,oc as te,sc as ne}from"./chunk-YWVGY2C2.js";import{Aa as c,Ac as I,Ba as O,Bc as B,Ca as U,Cc as F,Hc as n,Ib as p,Mc as Y,Nc as W,Oc as V,Pb as K,Wb as o,ic as e,jc as t,kc as l,oa as b,oc as X,rb as r,rc as g,tc as j,za as u}from"./chunk-GBKJFEQZ.js";import"./chunk-EQDQRRRY.js";var R=(()=>{class i{static{this.\u0275fac=function(m){return new(m||i)}}static{this.\u0275cmp=p({type:i,selectors:[["nz-demo-image-basic"]],decls:1,vars:0,consts:[["nz-image","","width","200px","height","200px","nzSrc","https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png","alt",""]],template:function(m,d){m&1&&l(0,"img",0)},dependencies:[E,S],encapsulation:2})}}return i})();var M=(()=>{class i{constructor(){this.nzImageService=b(H),this.scaleStep=.5,this.images=[{src:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",alt:""}]}onClick(){this.nzImageService.preview(this.images,{nzZoom:1,nzRotate:0,nzScaleStep:this.scaleStep})}static{this.\u0275fac=function(m){return new(m||i)}}static{this.\u0275cmp=p({type:i,selectors:[["nz-demo-image-controlled-preview"]],decls:7,vars:3,consts:[[3,"ngModelChange","ngModel","nzMin","nzStep"],["nz-button","","nzType","primary",3,"click"]],template:function(m,d){m&1&&(e(0,"div")(1,"label")(2,"span"),n(3,"scale step:"),t(),e(4,"nz-input-number",0),V("ngModelChange",function(x){return W(d.scaleStep,x)||(d.scaleStep=x),x}),t()(),e(5,"button",1),g("click",function(){return d.onClick()}),n(6,"Preview"),t()()),m&2&&(r(4),Y("ngModel",d.scaleStep),o("nzMin",.1)("nzStep",1))},dependencies:[ie,te,ne,v,C,f,A,E,oe,me],styles:["div[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}label[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}"]})}}return i})();var L=(()=>{class i{constructor(){this.fallback="data:image/png;base64,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"}static{this.\u0275fac=function(m){return new(m||i)}}static{this.\u0275cmp=p({type:i,selectors:[["nz-demo-image-fallback"]],decls:1,vars:1,consts:[["nz-image","","width","200px","height","200px","nzSrc","error","alt","",3,"nzFallback"]],template:function(m,d){m&1&&l(0,"img",0),m&2&&o("nzFallback",d.fallback)},dependencies:[E,S],encapsulation:2})}}return i})();function se(i,pe){if(i&1&&l(0,"img",3),i&2){let a=j();o("nzSrc",a.src)("nzPlaceholder",a.placeholder)}}function ge(i,pe){if(i&1){let a=X();e(0,"button",4),g("click",function(){O(a);let d=j();return U(d.onReload())}),n(1,"Reload"),t()}}var Z=(()=>{class i{constructor(){this.src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",this.placeholder="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200"}onReload(){this.src=`https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?${new Date}`}static{this.\u0275fac=function(m){return new(m||i)}}static{this.\u0275cmp=p({type:i,selectors:[["nz-demo-image-placeholder"]],decls:3,vars:1,consts:[[3,"nzSize"],["nz-image","","width","200px","height","200px",3,"nzSrc","nzPlaceholder",4,"nzSpaceItem"],["nz-button","","nzType","primary",3,"click",4,"nzSpaceItem"],["nz-image","","width","200px","height","200px",3,"nzSrc","nzPlaceholder"],["nz-button","","nzType","primary",3,"click"]],template:function(m,d){m&1&&(e(0,"nz-space",0),K(1,se,1,2,"img",1)(2,ge,2,0,"button",2),t()),m&2&&o("nzSize",12)},dependencies:[v,C,f,A,E,S,ee,$,q],encapsulation:2})}}return i})();var G=(()=>{class i{static{this.\u0275fac=function(m){return new(m||i)}}static{this.\u0275cmp=p({type:i,selectors:[["nz-demo-image-preview-group"]],decls:3,vars:0,consts:[["nz-image","","width","200px","nzSrc","https://img.alicdn.com/tfs/TB1g.mWZAL0gK0jSZFtXXXQCXXa-200-200.svg","alt",""],["nz-image","","width","200px","nzSrc","https://img.alicdn.com/tfs/TB1Z0PywTtYBeNjy1XdXXXXyVXa-186-200.svg","alt",""]],template:function(m,d){m&1&&(e(0,"nz-image-group"),l(1,"img",0)(2,"img",1),t())},dependencies:[E,S,ae],encapsulation:2})}}return i})();var J=(()=>{class i{constructor(){this.nzImageService=b(H),this.images=[{src:"https://img.alicdn.com/tfs/TB1g.mWZAL0gK0jSZFtXXXQCXXa-200-200.svg",width:"200px",height:"200px",alt:"ng-zorro"},{src:"https://img.alicdn.com/tfs/TB1Z0PywTtYBeNjy1XdXXXXyVXa-186-200.svg",width:"200px",height:"200px",alt:"angular"}]}onClick(){this.nzImageService.preview(this.images,{nzZoom:1.5,nzRotate:0})}static{this.\u0275fac=function(m){return new(m||i)}}static{this.\u0275cmp=p({type:i,selectors:[["nz-demo-image-service"]],decls:2,vars:0,consts:[["nz-button","","nzType","primary",3,"click"]],template:function(m,d){m&1&&(e(0,"button",0),g("click",function(){return d.onClick()}),n(1,"Preview"),t())},dependencies:[v,C,f,A,E],encapsulation:2})}}return i})();var ue=(()=>{class i{constructor(){this.expanded=!1}goLink(a){window&&(window.location.hash=a)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(a=>a.expandCode(this.expanded))}static{this.\u0275fac=function(m){return new(m||i)}}static{this.\u0275cmp=p({type:i,selectors:[["nz-demo-image"]],viewQuery:function(m,d){if(m&1&&I(z,5),m&2){let s;B(s=F())&&(d.codeBoxes=s)}},decls:483,vars:31,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-image-demo-basic","nzTitle","\u57FA\u672C\u7528\u6CD5"],["nzHref","#components-image-demo-fallback","nzTitle","\u5BB9\u9519\u5904\u7406"],["nzHref","#components-image-demo-placeholder","nzTitle","\u6E10\u8FDB\u52A0\u8F7D"],["nzHref","#components-image-demo-preview-group","nzTitle","\u591A\u5F20\u56FE\u7247\u9884\u89C8"],["nzHref","#components-image-demo-service","nzTitle","\u670D\u52A1\u65B9\u5F0F\u521B\u5EFA\u9884\u89C8\u5C42"],["nzHref","#components-image-demo-controlled-preview","nzTitle","\u53D7\u63A7\u7684\u9884\u89C8"],["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/image/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["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\u7528\u6CD5","nzSelector","nz-demo-image-basic","nzGenerateCommand","ng g ng-zorro-antd:image-basic <name>","nzComponentName","NzDemoImageBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u6E10\u8FDB\u52A0\u8F7D","nzSelector","nz-demo-image-placeholder","nzGenerateCommand","ng g ng-zorro-antd:image-placeholder <name>","nzComponentName","NzDemoImagePlaceholderComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u670D\u52A1\u65B9\u5F0F\u521B\u5EFA\u9884\u89C8\u5C42","nzSelector","nz-demo-image-service","nzGenerateCommand","ng g ng-zorro-antd:image-service <name>","nzComponentName","NzDemoImageServiceComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5BB9\u9519\u5904\u7406","nzSelector","nz-demo-image-fallback","nzGenerateCommand","ng g ng-zorro-antd:image-fallback <name>","nzComponentName","NzDemoImageFallbackComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u591A\u5F20\u56FE\u7247\u9884\u89C8","nzSelector","nz-demo-image-preview-group","nzGenerateCommand","ng g ng-zorro-antd:image-preview-group <name>","nzComponentName","NzDemoImagePreviewGroupComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u53D7\u63A7\u7684\u9884\u89C8","nzSelector","nz-demo-image-controlled-preview","nzGenerateCommand","ng g ng-zorro-antd:image-controlled-preview <name>","nzComponentName","NzDemoImageControlledPreviewComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-image]"],[1,"api-type-label","directive"],["onclick","window.location.hash = '[nz-image]'",1,"anchor"],["href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Attributes","target","_blank","rel","noopener"],["id","nzimageservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nzimageservice'",1,"anchor"],["id","\u76F8\u5173\u7C7B\u578B\u5B9A\u4E49"],["onclick","window.location.hash = '\u76F8\u5173\u7C7B\u578B\u5B9A\u4E49'",1,"anchor"],["id","nzimage"],["onclick","window.location.hash = 'nzimage'",1,"anchor"],["id","nzimagepreviewoptions"],["onclick","window.location.hash = 'nzimagepreviewoptions'",1,"anchor"],["id","nzimagepreviewref"],["onclick","window.location.hash = 'nzimagepreviewref'",1,"anchor"],["id","nzimagegroupcomponent"],["onclick","window.location.hash = 'nzimagegroupcomponent'",1,"anchor"]],template:function(m,d){m&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),g("nzClick",function(x){return d.goLink(x)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8),t()(),e(10,"section",9)(11,"h1"),n(12,"Image"),e(13,"span",10),n(14,"\u56FE\u7247"),t(),l(15,"span",11),e(16,"a",12),l(17,"nz-icon",13),t()(),e(18,"section",9),c(),e(19,"p"),n(20,"\u53EF\u9884\u89C8\u7684\u56FE\u7247\u3002"),t(),e(21,"h2",14)(22,"span"),n(23,"\u4F55\u65F6\u4F7F\u7528"),t(),e(24,"a",15),n(25,"#"),t()(),e(26,"ul")(27,"li"),n(28,"\u9700\u8981\u5C55\u793A\u56FE\u7247\u65F6\u4F7F\u7528\u3002"),t(),e(29,"li"),n(30,"\u52A0\u8F7D\u5927\u56FE\u65F6\u6E10\u8FDB\u52A0\u8F7D\u6216\u52A0\u8F7D\u5931\u8D25\u65F6\u5BB9\u9519\u5904\u7406\u3002"),t()(),e(31,"pre",16)(32,"code")(33,"span",17),n(34,"import"),t(),n(35," "),e(36,"span",18),n(37,"{"),t(),n(38," NzImageModule "),e(39,"span",18),n(40,"}"),t(),n(41," "),e(42,"span",17),n(43,"from"),t(),n(44," "),e(45,"span",19),n(46,"'ng-zorro-antd/image'"),t(),e(47,"span",18),n(48,";"),t()()(),u(),t(),e(49,"h2")(50,"span"),n(51,"\u4EE3\u7801\u6F14\u793A"),t(),e(52,"span",20),g("click",function(){return d.expandAllCode()}),t()()(),e(53,"div",21)(54,"div",22)(55,"nz-code-box",23),l(56,"nz-demo-image-basic",24),e(57,"div",25),c(),e(58,"p"),n(59,"\u5355\u51FB\u56FE\u50CF\u53EF\u4EE5\u653E\u5927\u663E\u793A\u3002"),t(),u(),t()(),e(60,"nz-code-box",26),l(61,"nz-demo-image-placeholder",24),e(62,"div",25),c(),e(63,"p"),n(64,"\u5927\u56FE\u4F7F\u7528 placeholder \u6E10\u8FDB\u52A0\u8F7D\u3002"),t(),u(),t()(),e(65,"nz-code-box",27),l(66,"nz-demo-image-service",24),e(67,"div",25),c(),e(68,"p"),n(69,"\u56FE\u7247\u9884\u89C8\u7684 Service \u7528\u6CD5\uFF0C\u793A\u4F8B\u4E2D\u5305\u542B\u4F7F\u7528 Service \u521B\u5EFA\u5355\u5F20\u6216\u591A\u5F20\u56FE\u7247\u9884\u89C8\u7684\u7528\u6CD5"),t(),u(),t()()(),e(70,"div",22)(71,"nz-code-box",28),l(72,"nz-demo-image-fallback",24),e(73,"div",25),c(),e(74,"p"),n(75,"\u52A0\u8F7D\u5931\u8D25\u663E\u793A\u56FE\u50CF\u5360\u4F4D\u7B26\u3002"),t(),u(),t()(),e(76,"nz-code-box",29),l(77,"nz-demo-image-preview-group",24),e(78,"div",25),c(),e(79,"p"),n(80,"\u70B9\u51FB\u5DE6\u53F3\u5207\u6362\u6309\u94AE\u53EF\u4EE5\u9884\u89C8\u591A\u5F20\u56FE\u7247\u3002"),t(),u(),t()(),e(81,"nz-code-box",30),l(82,"nz-demo-image-controlled-preview",24),e(83,"div",25),c(),e(84,"p"),n(85,"\u53EF\u4EE5\u4F7F\u9884\u89C8\u53D7\u63A7\u3002"),t(),u(),t()()()(),e(86,"section",31),c(),e(87,"h2",32)(88,"span"),n(89,"API"),t(),e(90,"a",33),n(91,"#"),t()(),e(92,"h3",34)(93,"span"),n(94,"[nz-image]"),t(),e(95,"label",35),n(96,"directive"),t(),e(97,"a",36),n(98,"#"),t()(),e(99,"table")(100,"thead")(101,"tr")(102,"th"),n(103,"\u53C2\u6570"),t(),e(104,"th"),n(105,"\u8BF4\u660E"),t(),e(106,"th"),n(107,"\u7C7B\u578B"),t(),e(108,"th"),n(109,"\u9ED8\u8BA4\u503C"),t(),e(110,"th"),n(111,"\u652F\u6301\u5168\u5C40\u914D\u7F6E"),t()()(),e(112,"tbody")(113,"tr")(114,"td"),n(115,"nzSrc"),t(),e(116,"td"),n(117,"\u56FE\u7247\u5730\u5740"),t(),e(118,"td")(119,"code"),n(120,"string"),t()(),e(121,"td"),n(122,"-"),t(),e(123,"td"),n(124,"-"),t()(),e(125,"tr")(126,"td"),n(127,"nzFallback"),t(),e(128,"td"),n(129,"\u52A0\u8F7D\u5931\u8D25\u5BB9\u9519\u5730\u5740"),t(),e(130,"td")(131,"code"),n(132,"string"),t()(),e(133,"td"),n(134,"-"),t(),e(135,"td"),n(136,"\u2705"),t()(),e(137,"tr")(138,"td"),n(139,"nzPlaceholder"),t(),e(140,"td"),n(141,"\u52A0\u8F7D\u5360\u4F4D\u5730\u5740"),t(),e(142,"td")(143,"code"),n(144,"string"),t()(),e(145,"td"),n(146,"-"),t(),e(147,"td"),n(148,"\u2705"),t()(),e(149,"tr")(150,"td"),n(151,"nzDisablePreview"),t(),e(152,"td"),n(153,"\u662F\u5426\u7981\u6B62\u9884\u89C8"),t(),e(154,"td")(155,"code"),n(156,"boolean"),t()(),e(157,"td")(158,"code"),n(159,"false"),t()(),e(160,"td"),n(161,"\u2705"),t()(),e(162,"tr")(163,"td"),n(164,"nzCloseOnNavigation"),t(),e(165,"td"),n(166,"\u5F53\u7528\u6237\u5728\u5386\u53F2\u4E2D\u524D\u8FDB/\u540E\u9000\u65F6\u662F\u5426\u5173\u95ED\u9884\u89C8\u3002\u6CE8\u610F\uFF0C\u8FD9\u901A\u5E38\u4E0D\u5305\u62EC\u70B9\u51FB\u94FE\u63A5\uFF08\u9664\u975E\u7528\u6237\u4F7F\u7528 HashLocationStrategy\uFF09\u3002"),t(),e(167,"td")(168,"code"),n(169,"boolean"),t()(),e(170,"td")(171,"code"),n(172,"false"),t()(),e(173,"td"),n(174,"\u2705"),t()(),e(175,"tr")(176,"td"),n(177,"nzDirection"),t(),e(178,"td"),n(179,"\u6587\u5B57\u65B9\u5411"),t(),e(180,"td")(181,"code"),n(182,"Direction"),t()(),e(183,"td")(184,"code"),n(185,"'ltr'"),t()(),e(186,"td"),n(187,"\u2705"),t()(),e(188,"tr")(189,"td"),n(190,"nzScaleStep"),t(),e(191,"td")(192,"code"),n(193,"1 + nzScaleStep"),t(),n(194," \u4E3A\u7F29\u653E\u653E\u5927\u7684\u6BCF\u6B65\u500D\u6570"),t(),e(195,"td")(196,"code"),n(197,"number"),t()(),e(198,"td"),n(199,"0.5"),t(),e(200,"td"),n(201,"\u2705"),t()()()(),e(202,"p"),n(203,"\u5176\u4ED6\u5C5E\u6027\u89C1 "),e(204,"a",37),n(205,"<img>"),t()(),e(206,"h3",38)(207,"span"),n(208,"NzImageService"),t(),e(209,"label",39),n(210,"service"),t(),e(211,"a",40),n(212,"#"),t()(),e(213,"table")(214,"thead")(215,"tr")(216,"th"),n(217,"\u53C2\u6570"),t(),e(218,"th"),n(219,"\u8BF4\u660E"),t(),e(220,"th"),n(221,"\u7C7B\u578B"),t(),e(222,"th"),n(223,"\u9ED8\u8BA4\u503C"),t()()(),e(224,"tbody")(225,"tr")(226,"td"),n(227,"images"),t(),e(228,"td"),n(229,"\u9884\u89C8\u56FE\u7247"),t(),e(230,"td")(231,"code"),n(232,"NzImage[]"),t()(),e(233,"td"),n(234,"-"),t()(),e(235,"tr")(236,"td"),n(237,"options"),t(),e(238,"td"),n(239,"\u9884\u89C8\u53C2\u6570"),t(),e(240,"td")(241,"code"),n(242,"NzImagePreviewOptions"),t()(),e(243,"td"),n(244,"-"),t()()()(),e(245,"h2",41)(246,"span"),n(247,"\u76F8\u5173\u7C7B\u578B\u5B9A\u4E49"),t(),e(248,"a",42),n(249,"#"),t()(),e(250,"h3",43)(251,"span"),n(252,"NzImage"),t(),e(253,"a",44),n(254,"#"),t()(),e(255,"table")(256,"thead")(257,"tr")(258,"th"),n(259,"\u53C2\u6570"),t(),e(260,"th"),n(261,"\u8BF4\u660E"),t(),e(262,"th"),n(263,"\u7C7B\u578B"),t(),e(264,"th"),n(265,"\u9ED8\u8BA4\u503C"),t()()(),e(266,"tbody")(267,"tr")(268,"td"),n(269,"src"),t(),e(270,"td"),n(271,"src"),t(),e(272,"td")(273,"code"),n(274,"string"),t()(),e(275,"td"),n(276,"-"),t()(),e(277,"tr")(278,"td"),n(279,"alt"),t(),e(280,"td"),n(281,"alt"),t(),e(282,"td")(283,"code"),n(284,"string"),t()(),e(285,"td"),n(286,"-"),t()(),e(287,"tr")(288,"td"),n(289,"width"),t(),e(290,"td"),n(291,"\u56FE\u7247\u5BBD\u5EA6"),t(),e(292,"td")(293,"code"),n(294,"string"),t()(),e(295,"td"),n(296,"-"),t()(),e(297,"tr")(298,"td"),n(299,"height"),t(),e(300,"td"),n(301,"\u56FE\u7247\u9AD8\u5EA6"),t(),e(302,"td")(303,"code"),n(304,"string"),t()(),e(305,"td"),n(306,"-"),t()()()(),e(307,"h3",45)(308,"span"),n(309,"NzImagePreviewOptions"),t(),e(310,"a",46),n(311,"#"),t()(),e(312,"table")(313,"thead")(314,"tr")(315,"th"),n(316,"\u53C2\u6570"),t(),e(317,"th"),n(318,"\u8BF4\u660E"),t(),e(319,"th"),n(320,"\u7C7B\u578B"),t(),e(321,"th"),n(322,"\u9ED8\u8BA4\u503C"),t()()(),e(323,"tbody")(324,"tr")(325,"td"),n(326,"nzKeyboard"),t(),e(327,"td"),n(328,"\u662F\u5426\u652F\u6301\u952E\u76D8 esc \u5173\u95ED\u3001\u5DE6\u53F3\u952E\u5207\u6362\u56FE\u7247"),t(),e(329,"td")(330,"code"),n(331,"boolean"),t()(),e(332,"td")(333,"code"),n(334,"true"),t()()(),e(335,"tr")(336,"td"),n(337,"nzMaskClosable"),t(),e(338,"td"),n(339,"\u70B9\u51FB\u8499\u5C42\u662F\u5426\u5141\u8BB8\u5173\u95ED"),t(),e(340,"td")(341,"code"),n(342,"boolean"),t()(),e(343,"td")(344,"code"),n(345,"true"),t()()(),e(346,"tr")(347,"td"),n(348,"nzCloseOnNavigation"),t(),e(349,"td"),n(350,"\u5F53\u7528\u6237\u5728\u5386\u53F2\u4E2D\u524D\u8FDB/\u540E\u9000\u65F6\u662F\u5426\u5173\u95ED\u9884\u89C8\u3002\u6CE8\u610F\uFF0C\u8FD9\u901A\u5E38\u4E0D\u5305\u62EC\u70B9\u51FB\u94FE\u63A5\uFF08\u9664\u975E\u7528\u6237\u4F7F\u7528 HashLocationStrategy\uFF09\u3002"),t(),e(351,"td")(352,"code"),n(353,"boolean"),t()(),e(354,"td")(355,"code"),n(356,"true"),t()()(),e(357,"tr")(358,"td"),n(359,"nzZIndex"),t(),e(360,"td"),n(361,"\u8BBE\u7F6E\u9884\u89C8\u5C42\u7684 z-index"),t(),e(362,"td")(363,"code"),n(364,"number"),t()(),e(365,"td"),n(366,"1000"),t()(),e(367,"tr")(368,"td"),n(369,"nzZoom"),t(),e(370,"td"),n(371,"\u7F29\u653E\u6BD4\u4F8B"),t(),e(372,"td")(373,"code"),n(374,"number"),t()(),e(375,"td"),n(376,"1"),t()(),e(377,"tr")(378,"td"),n(379,"nzRotate"),t(),e(380,"td"),n(381,"\u65CB\u8F6C\u89D2\u5EA6"),t(),e(382,"td")(383,"code"),n(384,"number"),t()(),e(385,"td"),n(386,"0"),t()(),e(387,"tr")(388,"td"),n(389,"nzScaleStep"),t(),e(390,"td")(391,"code"),n(392,"1 + nzScaleStep"),t(),n(393," \u4E3A\u7F29\u653E\u653E\u5927\u7684\u6BCF\u6B65\u500D\u6570"),t(),e(394,"td")(395,"code"),n(396,"number"),t()(),e(397,"td"),n(398,"0.5"),t()(),e(399,"tr")(400,"td"),n(401,"nzFlipHorizontally"),t(),e(402,"td"),n(403,"\u5728\u6C34\u5E73\u5411\u91CF\u4E0A\u7FFB\u8F6C\u56FE\u50CF"),t(),e(404,"td")(405,"code"),n(406,"boolean"),t()(),e(407,"td")(408,"code"),n(409,"false"),t()()(),e(410,"tr")(411,"td"),n(412,"nzFlipVertically"),t(),e(413,"td"),n(414,"\u5728\u5782\u76F4\u5411\u91CF\u4E0A\u7FFB\u8F6C\u56FE\u50CF"),t(),e(415,"td")(416,"code"),n(417,"boolean"),t()(),e(418,"td")(419,"code"),n(420,"false"),t()()()()(),e(421,"h3",47)(422,"span"),n(423,"NzImagePreviewRef"),t(),e(424,"a",48),n(425,"#"),t()(),e(426,"table")(427,"thead")(428,"tr")(429,"th"),n(430,"\u540D\u79F0"),t(),e(431,"th"),n(432,"\u63CF\u8FF0"),t()()(),e(433,"tbody")(434,"tr")(435,"td"),n(436,"switchTo(index: number): void"),t(),e(437,"td"),n(438,"\u8BBE\u7F6E\u9884\u89C8\u7D22\u5F15"),t()(),e(439,"tr")(440,"td"),n(441,"prev(): void"),t(),e(442,"td"),n(443,"\u4E0A\u4E00\u5F20"),t()(),e(444,"tr")(445,"td"),n(446,"next(): void"),t(),e(447,"td"),n(448,"\u4E0B\u4E00\u5F20"),t()(),e(449,"tr")(450,"td"),n(451,"close(): void"),t(),e(452,"td"),n(453,"\u5173\u95ED\u9884\u89C8"),t()()()(),e(454,"h3",49)(455,"span"),n(456,"NzImageGroupComponent"),t(),e(457,"a",50),n(458,"#"),t()(),e(459,"table")(460,"thead")(461,"tr")(462,"th"),n(463,"\u540D\u79F0"),t(),e(464,"th"),n(465,"\u63CF\u8FF0"),t(),e(466,"th"),n(467,"\u7C7B\u578B"),t(),e(468,"th"),n(469,"\u9ED8\u8BA4\u503C"),t()()(),e(470,"tbody")(471,"tr")(472,"td"),n(473,"nzScaleStep"),t(),e(474,"td")(475,"code"),n(476,"1 + nzScaleStep"),t(),n(477," \u4E3A\u7F29\u653E\u653E\u5927\u7684\u6BCF\u6B65\u500D\u6570"),t(),e(478,"td")(479,"code"),n(480,"number"),t()(),e(481,"td"),n(482,"-"),t()()()(),u(),t()()),m&2&&(r(),o("nzOffsetTop",16),r(),o("nzAffix",!1),r(51),o("nzGutter",16),r(),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-image-demo-basic")("nzLink","components-image-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/basic.md"),r(5),o("nzId","components-image-demo-placeholder")("nzLink","components-image-demo-placeholder")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/placeholder.md"),r(5),o("nzId","components-image-demo-service")("nzLink","components-image-demo-service")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/service.md"),r(5),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-image-demo-fallback")("nzLink","components-image-demo-fallback")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/fallback.md"),r(5),o("nzId","components-image-demo-preview-group")("nzLink","components-image-demo-preview-group")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/preview-group.md"),r(5),o("nzId","components-image-demo-controlled-preview")("nzLink","components-image-demo-controlled-preview")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/controlled-preview.md"))},dependencies:[P,z,Q,T,y,k,D,N,w,R,M,L,Z,G,J],encapsulation:2})}}return i})();var ce=(()=>{class i{constructor(){this.expanded=!1}goLink(a){window&&(window.location.hash=a)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(a=>a.expandCode(this.expanded))}static{this.\u0275fac=function(m){return new(m||i)}}static{this.\u0275cmp=p({type:i,selectors:[["nz-demo-image"]],viewQuery:function(m,d){if(m&1&&I(z,5),m&2){let s;B(s=F())&&(d.codeBoxes=s)}},decls:501,vars:31,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-image-demo-basic","nzTitle","Basic Usage"],["nzHref","#components-image-demo-fallback","nzTitle","Fault tolerant"],["nzHref","#components-image-demo-placeholder","nzTitle","Progressive Loading"],["nzHref","#components-image-demo-preview-group","nzTitle","Multiple image preview"],["nzHref","#components-image-demo-service","nzTitle","Image Preview Service"],["nzHref","#components-image-demo-controlled-preview","nzTitle","Controlled Preview"],["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/image/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["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-image-basic","nzGenerateCommand","ng g ng-zorro-antd:image-basic <name>","nzComponentName","NzDemoImageBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Progressive Loading","nzSelector","nz-demo-image-placeholder","nzGenerateCommand","ng g ng-zorro-antd:image-placeholder <name>","nzComponentName","NzDemoImagePlaceholderComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Image Preview Service","nzSelector","nz-demo-image-service","nzGenerateCommand","ng g ng-zorro-antd:image-service <name>","nzComponentName","NzDemoImageServiceComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Fault tolerant","nzSelector","nz-demo-image-fallback","nzGenerateCommand","ng g ng-zorro-antd:image-fallback <name>","nzComponentName","NzDemoImageFallbackComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Multiple image preview","nzSelector","nz-demo-image-preview-group","nzGenerateCommand","ng g ng-zorro-antd:image-preview-group <name>","nzComponentName","NzDemoImagePreviewGroupComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Controlled Preview","nzSelector","nz-demo-image-controlled-preview","nzGenerateCommand","ng g ng-zorro-antd:image-controlled-preview <name>","nzComponentName","NzDemoImageControlledPreviewComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","[nz-image]"],[1,"api-type-label","directive"],["onclick","window.location.hash = '[nz-image]'",1,"anchor"],["href","https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Attributes","target","_blank","rel","noopener"],["id","nzimageservice"],[1,"api-type-label","service"],["onclick","window.location.hash = 'nzimageservice'",1,"anchor"],["id","related-type-definition"],["onclick","window.location.hash = 'related-type-definition'",1,"anchor"],["id","nzimage"],["onclick","window.location.hash = 'nzimage'",1,"anchor"],["id","nzimagepreviewoptions"],["onclick","window.location.hash = 'nzimagepreviewoptions'",1,"anchor"],["id","nzimagepreviewref"],["onclick","window.location.hash = 'nzimagepreviewref'",1,"anchor"],["id","nzimagegroupcomponent"],["onclick","window.location.hash = 'nzimagegroupcomponent'",1,"anchor"]],template:function(m,d){m&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),g("nzClick",function(x){return d.goLink(x)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8),t()(),e(10,"section",9)(11,"h1"),n(12,"Image"),l(13,"span",10)(14,"span",11),e(15,"a",12),l(16,"nz-icon",13),t()(),e(17,"section",9),c(),e(18,"p"),n(19,"Previewable image."),t(),e(20,"h2",14)(21,"span"),n(22,"When To Use"),t(),e(23,"a",15),n(24,"#"),t()(),e(25,"ul")(26,"li"),n(27,"When you need to display pictures."),t(),e(28,"li"),n(29,"Display when loading a large image or fault tolerant handling when loading fail."),t()(),e(30,"pre",16)(31,"code")(32,"span",17),n(33,"import"),t(),n(34," "),e(35,"span",18),n(36,"{"),t(),n(37," NzImageModule "),e(38,"span",18),n(39,"}"),t(),n(40," "),e(41,"span",17),n(42,"from"),t(),n(43," "),e(44,"span",19),n(45,"'ng-zorro-antd/image'"),t(),e(46,"span",18),n(47,";"),t()()(),u(),t(),e(48,"h2")(49,"span"),n(50,"Examples"),t(),e(51,"span",20),g("click",function(){return d.expandAllCode()}),t()()(),e(52,"div",21)(53,"div",22)(54,"nz-code-box",23),l(55,"nz-demo-image-basic",24),e(56,"div",25),c(),e(57,"p"),n(58,"Click the image to preview."),t(),u(),t()(),e(59,"nz-code-box",26),l(60,"nz-demo-image-placeholder",24),e(61,"div",25),c(),e(62,"p"),n(63,"Progressive when large image loading."),t(),u(),t()(),e(64,"nz-code-box",27),l(65,"nz-demo-image-service",24),e(66,"div",25),c(),e(67,"p"),n(68,"The usage of "),e(69,"code"),n(70,"NzImageService"),t(),n(71," for images preview, the example includes the usage of using "),e(72,"code"),n(73,"NzImageService"),t(),n(74," to create single or multiple images preview"),t(),u(),t()()(),e(75,"div",22)(76,"nz-code-box",28),l(77,"nz-demo-image-fallback",24),e(78,"div",25),c(),e(79,"p"),n(80,"Load failed to display image placeholder."),t(),u(),t()(),e(81,"nz-code-box",29),l(82,"nz-demo-image-preview-group",24),e(83,"div",25),c(),e(84,"p"),n(85,"Click the left and right switch buttons to preview multiple images."),t(),u(),t()(),e(86,"nz-code-box",30),l(87,"nz-demo-image-controlled-preview",24),e(88,"div",25),c(),e(89,"p"),n(90,"You can make preview controlled."),t(),u(),t()()()(),e(91,"section",31),c(),e(92,"h2",32)(93,"span"),n(94,"API"),t(),e(95,"a",33),n(96,"#"),t()(),e(97,"h3",34)(98,"span"),n(99,"[nz-image]"),t(),e(100,"label",35),n(101,"directive"),t(),e(102,"a",36),n(103,"#"),t()(),e(104,"table")(105,"thead")(106,"tr")(107,"th"),n(108,"Property"),t(),e(109,"th"),n(110,"Description"),t(),e(111,"th"),n(112,"Type"),t(),e(113,"th"),n(114,"Default"),t(),e(115,"th"),n(116,"Global Config"),t()()(),e(117,"tbody")(118,"tr")(119,"td"),n(120,"nzSrc"),t(),e(121,"td"),n(122,"Image path"),t(),e(123,"td")(124,"code"),n(125,"string"),t()(),e(126,"td"),n(127,"-"),t(),e(128,"td"),n(129,"-"),t()(),e(130,"tr")(131,"td"),n(132,"nzFallback"),t(),e(133,"td"),n(134,"Load failure fault-tolerant src"),t(),e(135,"td")(136,"code"),n(137,"string"),t()(),e(138,"td"),n(139,"-"),t(),e(140,"td"),n(141,"\u2705"),t()(),e(142,"tr")(143,"td"),n(144,"nzPlaceholder"),t(),e(145,"td"),n(146,"Load placeholder src"),t(),e(147,"td")(148,"code"),n(149,"string"),t()(),e(150,"td"),n(151,"-"),t(),e(152,"td"),n(153,"\u2705"),t()(),e(154,"tr")(155,"td"),n(156,"nzDisablePreview"),t(),e(157,"td"),n(158,"Whether to disable the preview"),t(),e(159,"td")(160,"code"),n(161,"boolean"),t()(),e(162,"td")(163,"code"),n(164,"false"),t()(),e(165,"td"),n(166,"\u2705"),t()(),e(167,"tr")(168,"td"),n(169,"nzCloseOnNavigation"),t(),e(170,"td"),n(171,"Whether to close the image preview when the user goes backwards/forwards in history. Note that this usually doesn't include clicking on links (unless the user is using the HashLocationStrategy)."),t(),e(172,"td")(173,"code"),n(174,"boolean"),t()(),e(175,"td")(176,"code"),n(177,"false"),t()(),e(178,"td"),n(179,"\u2705"),t()(),e(180,"tr")(181,"td"),n(182,"nzDirection"),t(),e(183,"td"),n(184,"Text directionality"),t(),e(185,"td")(186,"code"),n(187,"Direction"),t()(),e(188,"td")(189,"code"),n(190,"'ltr'"),t()(),e(191,"td"),n(192,"\u2705"),t()(),e(193,"tr")(194,"td"),n(195,"nzScaleStep"),t(),e(196,"td")(197,"code"),n(198,"1 + nzScaleStep"),t(),n(199," is the step to increase or decrease the scale"),t(),e(200,"td")(201,"code"),n(202,"number"),t()(),e(203,"td"),n(204,"0.5"),t(),e(205,"td"),n(206,"\u2705"),t()()()(),e(207,"p"),n(208,"Other attributes "),e(209,"a",37),n(210,"<img>"),t()(),e(211,"h3",38)(212,"span"),n(213,"NzImageService"),t(),e(214,"label",39),n(215,"service"),t(),e(216,"a",40),n(217,"#"),t()(),e(218,"table")(219,"thead")(220,"tr")(221,"th"),n(222,"Property"),t(),e(223,"th"),n(224,"Description"),t(),e(225,"th"),n(226,"Type"),t(),e(227,"th"),n(228,"Default"),t()()(),e(229,"tbody")(230,"tr")(231,"td"),n(232,"images"),t(),e(233,"td"),n(234,"Preview images"),t(),e(235,"td")(236,"code"),n(237,"NzImage[]"),t()(),e(238,"td"),n(239,"-"),t()(),e(240,"tr")(241,"td"),n(242,"options"),t(),e(243,"td"),n(244,"Preview options"),t(),e(245,"td")(246,"code"),n(247,"NzImagePreviewOptions"),t()(),e(248,"td"),n(249,"-"),t()()()(),e(250,"h2",41)(251,"span"),n(252,"Related type definition"),t(),e(253,"a",42),n(254,"#"),t()(),e(255,"h3",43)(256,"span"),n(257,"NzImage"),t(),e(258,"a",44),n(259,"#"),t()(),e(260,"table")(261,"thead")(262,"tr")(263,"th"),n(264,"Property"),t(),e(265,"th"),n(266,"Description"),t(),e(267,"th"),n(268,"Type"),t(),e(269,"th"),n(270,"Default"),t()()(),e(271,"tbody")(272,"tr")(273,"td"),n(274,"src"),t(),e(275,"td"),n(276,"src"),t(),e(277,"td")(278,"code"),n(279,"string"),t()(),e(280,"td"),n(281,"-"),t()(),e(282,"tr")(283,"td"),n(284,"alt"),t(),e(285,"td"),n(286,"alt"),t(),e(287,"td")(288,"code"),n(289,"string"),t()(),e(290,"td"),n(291,"-"),t()(),e(292,"tr")(293,"td"),n(294,"width"),t(),e(295,"td"),n(296,"width"),t(),e(297,"td")(298,"code"),n(299,"string"),t()(),e(300,"td"),n(301,"-"),t()(),e(302,"tr")(303,"td"),n(304,"height"),t(),e(305,"td"),n(306,"height"),t(),e(307,"td")(308,"code"),n(309,"string"),t()(),e(310,"td"),n(311,"-"),t()()()(),e(312,"h3",45)(313,"span"),n(314,"NzImagePreviewOptions"),t(),e(315,"a",46),n(316,"#"),t()(),e(317,"table")(318,"thead")(319,"tr")(320,"th"),n(321,"Property"),t(),e(322,"th"),n(323,"Description"),t(),e(324,"th"),n(325,"Type"),t(),e(326,"th"),n(327,"Default"),t()()(),e(328,"tbody")(329,"tr")(330,"td"),n(331,"nzKeyboard"),t(),e(332,"td"),n(333,"Whether support press "),e(334,"code"),n(335,"esc"),t(),n(336," to close, press "),e(337,"code"),n(338,"left"),t(),n(339," or "),e(340,"code"),n(341,"right"),t(),n(342," to switch image"),t(),e(343,"td")(344,"code"),n(345,"boolean"),t()(),e(346,"td")(347,"code"),n(348,"true"),t()()(),e(349,"tr")(350,"td"),n(351,"nzMaskClosable"),t(),e(352,"td"),n(353,"Whether to close the image preview when the mask (area outside the image) is clicked"),t(),e(354,"td")(355,"code"),n(356,"boolean"),t()(),e(357,"td")(358,"code"),n(359,"true"),t()()(),e(360,"tr")(361,"td"),n(362,"nzCloseOnNavigation"),t(),e(363,"td"),n(364,"Whether to close the image preview when the user goes backwards/forwards in history. Note that this usually doesn't include clicking on links (unless the user is using the HashLocationStrategy)."),t(),e(365,"td")(366,"code"),n(367,"boolean"),t()(),e(368,"td")(369,"code"),n(370,"true"),t()()(),e(371,"tr")(372,"td"),n(373,"nzZIndex"),t(),e(374,"td"),n(375,"The z-index of the image preview"),t(),e(376,"td")(377,"code"),n(378,"number"),t()(),e(379,"td"),n(380,"1000"),t()(),e(381,"tr")(382,"td"),n(383,"nzZoom"),t(),e(384,"td"),n(385,"Zoom rate"),t(),e(386,"td")(387,"code"),n(388,"number"),t()(),e(389,"td"),n(390,"1"),t()(),e(391,"tr")(392,"td"),n(393,"nzRotate"),t(),e(394,"td"),n(395,"Rotate rate"),t(),e(396,"td")(397,"code"),n(398,"number"),t()(),e(399,"td"),n(400,"0"),t()(),e(401,"tr")(402,"td"),n(403,"nzScaleStep"),t(),e(404,"td")(405,"code"),n(406,"1 + nzScaleStep"),t(),n(407," is the step to increase or decrease the scale"),t(),e(408,"td")(409,"code"),n(410,"number"),t()(),e(411,"td"),n(412,"0.5"),t()(),e(413,"tr")(414,"td"),n(415,"nzFlipHorizontally"),t(),e(416,"td"),n(417,"Flip image on horizontal vector"),t(),e(418,"td")(419,"code"),n(420,"boolean"),t()(),e(421,"td")(422,"code"),n(423,"false"),t()()(),e(424,"tr")(425,"td"),n(426,"nzFlipVertically"),t(),e(427,"td"),n(428,"Flip image on vertical vector"),t(),e(429,"td")(430,"code"),n(431,"boolean"),t()(),e(432,"td")(433,"code"),n(434,"false"),t()()()()(),e(435,"h3",47)(436,"span"),n(437,"NzImagePreviewRef"),t(),e(438,"a",48),n(439,"#"),t()(),e(440,"table")(441,"thead")(442,"tr")(443,"th"),n(444,"Name"),t(),e(445,"th"),n(446,"Description"),t()()(),e(447,"tbody")(448,"tr")(449,"td"),n(450,"switchTo(index: number): void"),t(),e(451,"td"),n(452,"Switch to index"),t()(),e(453,"tr")(454,"td"),n(455,"prev(): void"),t(),e(456,"td"),n(457,"Previous image"),t()(),e(458,"tr")(459,"td"),n(460,"next(): void"),t(),e(461,"td"),n(462,"Next image"),t()(),e(463,"tr")(464,"td"),n(465,"close(): void"),t(),e(466,"td"),n(467,"Close image preview"),t()()()(),e(468,"h3",49)(469,"span"),n(470,"NzImageGroupComponent"),t(),e(471,"a",50),n(472,"#"),t()(),e(473,"table")(474,"thead")(475,"tr")(476,"th"),n(477,"Property"),t(),e(478,"th"),n(479,"Description"),t(),e(480,"th"),n(481,"Type"),t(),e(482,"th"),n(483,"Default"),t()()(),e(484,"tbody")(485,"tr")(486,"td"),n(487,"nzScaleStep"),t(),e(488,"td"),n(489,"The value of "),e(490,"code"),n(491,"nzScaleStep"),t(),n(492," will be applied to all the images inside, unless an image has its own "),e(493,"code"),n(494,"nzScaleStep"),t(),n(495," value specified."),t(),e(496,"td")(497,"code"),n(498,"number"),t()(),e(499,"td"),n(500,"-"),t()()()(),u(),t()()),m&2&&(r(),o("nzOffsetTop",16),r(),o("nzAffix",!1),r(50),o("nzGutter",16),r(),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-image-demo-basic")("nzLink","components-image-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/basic.md"),r(5),o("nzId","components-image-demo-placeholder")("nzLink","components-image-demo-placeholder")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/placeholder.md"),r(5),o("nzId","components-image-demo-service")("nzLink","components-image-demo-service")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/service.md"),r(11),o("nzXl",12)("nzSpan",24),r(),o("nzId","components-image-demo-fallback")("nzLink","components-image-demo-fallback")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/fallback.md"),r(5),o("nzId","components-image-demo-preview-group")("nzLink","components-image-demo-preview-group")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/preview-group.md"),r(5),o("nzId","components-image-demo-controlled-preview")("nzLink","components-image-demo-controlled-preview")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/controlled-preview.md"))},dependencies:[P,z,Q,T,y,k,D,N,w,R,M,L,Z,G,J],encapsulation:2})}}return i})();var Ae=[{path:"en",component:ce},{path:"zh",component:ue}],st=Ae;export{st as default};