https://preview-9270-ng-zorro-antd.surge.sh/chunk-W7PJDECH.js

1import{a as ue,b as j,c as S,d as z}from"./chunk-GSEAYJE3.js";import{a as re,b as de}from"./chunk-CFIR5PRG.js";import{a as E,g as Z,h as _,m as G,n as J}from"./chunk-4LWRTZ4J.js";import"./chunk-HECQD5M5.js";import"./chunk-WRS55NNU.js";import{Ad as ae,Bd as le,Fc as ne,Jc as ie,Nd as C,Od as A,Qd as v,Rd as I,Sd as R,Td as M,Wc as me,Wd as L,qb as T,vc as H,zd as oe}from"./chunk-FE3MHUBC.js";import{Cb as V,Ec as $,Fc as ee,Gc as te,Xb as m,Yb as e,Zb as t,_b as o,cc as q,ic as g,kb as r,kc as K,la as k,oc as y,pc as Q,qa as u,qc as P,ra as c,sa as Y,ta as W,wb as p,zc as n}from"./chunk-OQ4XWHPB.js";import"./chunk-JNGVGNCT.js";var b=class a{static \u0275fac=function(i){return new(i||a)};static \u0275cmp=p({type:a,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(i,d){i&1&&o(0,"img",0)},dependencies:[z,S],encapsulation:2})};var N=class a{nzImageService=k(j);scaleStep=.5;images=[{src:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",alt:""}];onClick(){this.nzImageService.preview(this.images,{nzZoom:1,nzRotate:0,nzScaleStep:this.scaleStep})}static \u0275fac=function(i){return new(i||a)};static \u0275cmp=p({type:a,selectors:[["nz-demo-image-controlled-preview"]],decls:7,vars:3,consts:[[3,"ngModelChange","ngModel","nzMin","nzStep"],["nz-button","","nzType","primary",3,"click"]],template:function(i,d){i&1&&(e(0,"div")(1,"label")(2,"span"),n(3,"scale step:"),t(),e(4,"nz-input-number",0),te("ngModelChange",function(x){return ee(d.scaleStep,x)||(d.scaleStep=x),x}),t()(),e(5,"button",1),g("click",function(){return d.onClick()}),n(6,"Preview"),t()()),i&2&&(r(4),$("ngModel",d.scaleStep),m("nzMin",.1)("nzStep",1))},dependencies:[me,ne,ie,I,v,C,A,z,de,re],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}"]})};var B=class a{fallback="data:image/png;base64,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";static \u0275fac=function(i){return new(i||a)};static \u0275cmp=p({type:a,selectors:[["nz-demo-image-fallback"]],decls:1,vars:1,consts:[["nz-image","","width","200px","height","200px","nzSrc","error","alt","",3,"nzFallback"]],template:function(i,d){i&1&&o(0,"img",0),i&2&&m("nzFallback",d.fallback)},dependencies:[z,S],encapsulation:2})};function ge(a,l){if(a&1&&o(0,"img",3),a&2){let i=K();m("nzSrc",i.src)("nzPlaceholder",i.placeholder)}}function ze(a,l){if(a&1){let i=q();e(0,"button",4),g("click",function(){Y(i);let s=K();return W(s.onReload())}),n(1,"Reload"),t()}}

1var F=class a{src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png";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 \u0275fac=function(i){return new(i||a)};static \u0275cmp=p({type:a,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(i,d){i&1&&(e(0,"nz-space",0),V(1,ge,1,2,"img",1)(2,ze,2,0,"button",2),t()),i&2&&m("nzSize",12)},dependencies:[I,v,C,A,z,S,le,ae,oe],encapsulation:2})};var w=class a{static \u0275fac=function(i){return new(i||a)};static \u0275cmp=p({type:a,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(i,d){i&1&&(e(0,"nz-image-group"),o(1,"img",0)(2,"img",1),t())},dependencies:[z,S,ue],encapsulation:2})};var D=class a{nzImageService=k(j);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 \u0275fac=function(i){return new(i||a)};static \u0275cmp=p({type:a,selectors:[["nz-demo-image-service"]],decls:2,vars:0,consts:[["nz-button","","nzType","primary",3,"click"]],template:function(i,d){i&1&&(e(0,"button",0),g("click",function(){return d.onClick()}),n(1,"Preview"),t())},dependencies:[I,v,C,A,z],encapsulation:2})};var O=class a{expanded=!1;codeBoxes;goLink(l){window&&(window.location.hash=l)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(l=>l.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||a)};static \u0275cmp=p({type:a,selectors:[["nz-demo-image"]],viewQuery:function(i,d){if(i&1&&y(E,5),i&2){let s;Q(s=P())&&(d.codeBoxes=s)}},decls:464,vars:37,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"],["name","image","description","\u53EF\u9884\u89C8\u7684\u56FE\u7247\u3002","language","zh"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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(i,d){i&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),g("nzClick",function(x){return d.goLink(x)}),o(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(),o(15,"span",11),e(16,"a",12),o(17,"nz-icon",13),t()(),o(18,"component-meta",14),e(19,"section",9),c(),e(20,"h2",15)(21,"span"),n(22,"\u4F55\u65F6\u4F7F\u7528"),t(),e(23,"a",16),n(24,"#"),t()(),e(25,"ul")(26,"li"),n(27,"\u9700\u8981\u5C55\u793A\u56FE\u7247\u65F6\u4F7F\u7528\u3002"),t(),e(28,"li"),n(29,"\u52A0\u8F7D\u5927\u56FE\u65F6\u6E10\u8FDB\u52A0\u8F7D\u6216\u52A0\u8F7D\u5931\u8D25\u65F6\u5BB9\u9519\u5904\u7406\u3002"),t()(),u(),t(),e(30,"h2")(31,"span"),n(32,"\u4EE3\u7801\u6F14\u793A"),t(),e(33,"nz-icon",17),g("click",function(){return d.expandAllCode()}),t()()(),e(34,"div",18)(35,"div",19)(36,"nz-code-box",20),o(37,"nz-demo-image-basic",21),e(38,"div",22),c(),e(39,"p"),n(40,"\u5355\u51FB\u56FE\u50CF\u53EF\u4EE5\u653E\u5927\u663E\u793A\u3002"),t(),u(),t()(),e(41,"nz-code-box",23),o(42,"nz-demo-image-placeholder",21),e(43,"div",22),c(),e(44,"p"),n(45,"\u5927\u56FE\u4F7F\u7528 placeholder \u6E10\u8FDB\u52A0\u8F7D\u3002"),t(),u(),t()(),e(46,"nz-code-box",24),o(47,"nz-demo-image-service",21),e(48,"div",22),c(),e(49,"p"),n(50,"\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(51,"div",19)(52,"nz-code-box",25),o(53,"nz-demo-image-fallback",21),e(54,"div",22),c(),e(55,"p"),n(56,"\u52A0\u8F7D\u5931\u8D25\u663E\u793A\u56FE\u50CF\u5360\u4F4D\u7B26\u3002"),t(),u(),t()(),e(57,"nz-code-box",26),o(58,"nz-demo-image-preview-group",21),e(59,"div",22),c(),e(60,"p"),n(61,"\u70B9\u51FB\u5DE6\u53F3\u5207\u6362\u6309\u94AE\u53EF\u4EE5\u9884\u89C8\u591A\u5F20\u56FE\u7247\u3002"),t(),u(),t()(),e(62,"nz-code-box",27),o(63,"nz-demo-image-controlled-preview",21),e(64,"div",22),c(),e(65,"p"),n(66,"\u53EF\u4EE5\u4F7F\u9884\u89C8\u53D7\u63A7\u3002"),t(),u(),t()()()(),e(67,"section",28),c(),e(68,"h2",29)(69,"span"),n(70,"API"),t(),e(71,"a",30),n(72,"#"),t()(),e(73,"h3",31)(74,"span"),n(75,"[nz-image]"),t(),e(76,"label",32),n(77,"directive"),t(),e(78,"a",33),n(79,"#"),t()(),e(80,"table")(81,"thead")(82,"tr")(83,"th"),n(84,"\u53C2\u6570"),t(),e(85,"th"),n(86,"\u8BF4\u660E"),t(),e(87,"th"),n(88,"\u7C7B\u578B"),t(),e(89,"th"),n(90,"\u9ED8\u8BA4\u503C"),t(),e(91,"th"),n(92,"\u652F\u6301\u5168\u5C40\u914D\u7F6E"),t()()(),e(93,"tbody")(94,"tr")(95,"td"),n(96,"nzSrc"),t(),e(97,"td"),n(98,"\u56FE\u7247\u5730\u5740"),t(),e(99,"td")(100,"code"),n(101,"string"),t()(),e(102,"td"),n(103,"-"),t(),e(104,"td"),n(105,"-"),t()(),e(106,"tr")(107,"td"),n(108,"nzFallback"),t(),e(109,"td"),n(110,"\u52A0\u8F7D\u5931\u8D25\u5BB9\u9519\u5730\u5740"),t(),e(111,"td")(112,"code"),n(113,"string"),t()(),e(114,"td"),n(115,"-"),t(),e(116,"td"),n(117,"\u2705"),t()(),e(118,"tr")(119,"td"),n(120,"nzPlaceholder"),t(),e(121,"td"),n(122,"\u52A0\u8F7D\u5360\u4F4D\u5730\u5740"),t(),e(123,"td")(124,"code"),n(125,"string"),t()(),e(126,"td"),n(127,"-"),t(),e(128,"td"),n(129,"\u2705"),t()(),e(130,"tr")(131,"td"),n(132,"nzDisablePreview"),t(),e(133,"td"),n(134,"\u662F\u5426\u7981\u6B62\u9884\u89C8"),t(),e(135,"td")(136,"code"),n(137,"boolean"),t()(),e(138,"td")(139,"code"),n(140,"false"),t()(),e(141,"td"),n(142,"\u2705"),t()(),e(143,"tr")(144,"td"),n(145,"nzCloseOnNavigation"),t(),e(146,"td"),n(147,"\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(148,"td")(149,"code"),n(150,"boolean"),t()(),e(151,"td")(152,"code"),n(153,"false"),t()(),e(154,"td"),n(155,"\u2705"),t()(),e(156,"tr")(157,"td"),n(158,"nzDirection"),t(),e(159,"td"),n(160,"\u6587\u5B57\u65B9\u54

111"),t(),e(161,"td")(162,"code"),n(163,"Direction"),t()(),e(164,"td")(165,"code"),n(166,"'ltr'"),t()(),e(167,"td"),n(168,"\u2705"),t()(),e(169,"tr")(170,"td"),n(171,"nzScaleStep"),t(),e(172,"td")(173,"code"),n(174,"1 + nzScaleStep"),t(),n(175," \u4E3A\u7F29\u653E\u653E\u5927\u7684\u6BCF\u6B65\u500D\u6570"),t(),e(176,"td")(177,"code"),n(178,"number"),t()(),e(179,"td"),n(180,"0.5"),t(),e(181,"td"),n(182,"\u2705"),t()()()(),e(183,"p"),n(184,"\u5176\u4ED6\u5C5E\u6027\u89C1 "),e(185,"a",34),n(186,"<img>"),t()(),e(187,"h3",35)(188,"span"),n(189,"NzImageService"),t(),e(190,"label",36),n(191,"service"),t(),e(192,"a",37),n(193,"#"),t()(),e(194,"table")(195,"thead")(196,"tr")(197,"th"),n(198,"\u53C2\u6570"),t(),e(199,"th"),n(200,"\u8BF4\u660E"),t(),e(201,"th"),n(202,"\u7C7B\u578B"),t(),e(203,"th"),n(204,"\u9ED8\u8BA4\u503C"),t()()(),e(205,"tbody")(206,"tr")(207,"td"),n(208,"images"),t(),e(209,"td"),n(210,"\u9884\u89C8\u56FE\u7247"),t(),e(211,"td")(212,"code"),n(213,"NzImage[]"),t()(),e(214,"td"),n(215,"-"),t()(),e(216,"tr")(217,"td"),n(218,"options"),t(),e(219,"td"),n(220,"\u9884\u89C8\u53C2\u6570"),t(),e(221,"td")(222,"code"),n(223,"NzImagePreviewOptions"),t()(),e(224,"td"),n(225,"-"),t()()()(),e(226,"h2",38)(227,"span"),n(228,"\u76F8\u5173\u7C7B\u578B\u5B9A\u4E49"),t(),e(229,"a",39),n(230,"#"),t()(),e(231,"h3",40)(232,"span"),n(233,"NzImage"),t(),e(234,"a",41),n(235,"#"),t()(),e(236,"table")(237,"thead")(238,"tr")(239,"th"),n(240,"\u53C2\u6570"),t(),e(241,"th"),n(242,"\u8BF4\u660E"),t(),e(243,"th"),n(244,"\u7C7B\u578B"),t(),e(245,"th"),n(246,"\u9ED8\u8BA4\u503C"),t()()(),e(247,"tbody")(248,"tr")(249,"td"),n(250,"src"),t(),e(251,"td"),n(252,"src"),t(),e(253,"td")(254,"code"),n(255,"string"),t()(),e(256,"td"),n(257,"-"),t()(),e(258,"tr")(259,"td"),n(260,"alt"),t(),e(261,"td"),n(262,"alt"),t(),e(263,"td")(264,"code"),n(265,"string"),t()(),e(266,"td"),n(267,"-"),t()(),e(268,"tr")(269,"td"),n(270,"width"),t(),e(271,"td"),n(272,"\u56FE\u7247\u5BBD\u5EA6"),t(),e(273,"td")(274,"code"),n(275,"string"),t()(),e(276,"td"),n(277,"-"),t()(),e(278,"tr")(279,"td"),n(280,"he

1ight"),t(),e(281,"td"),n(282,"\u56FE\u7247\u9AD8\u5EA6"),t(),e(283,"td")(284,"code"),n(285,"string"),t()(),e(286,"td"),n(287,"-"),t()()()(),e(288,"h3",42)(289,"span"),n(290,"NzImagePreviewOptions"),t(),e(291,"a",43),n(292,"#"),t()(),e(293,"table")(294,"thead")(295,"tr")(296,"th"),n(297,"\u53C2\u6570"),t(),e(298,"th"),n(299,"\u8BF4\u660E"),t(),e(300,"th"),n(301,"\u7C7B\u578B"),t(),e(302,"th"),n(303,"\u9ED8\u8BA4\u503C"),t()()(),e(304,"tbody")(305,"tr")(306,"td"),n(307,"nzKeyboard"),t(),e(308,"td"),n(309,"\u662F\u5426\u652F\u6301\u952E\u76D8 esc \u5173\u95ED\u3001\u5DE6\u53F3\u952E\u5207\u6362\u56FE\u7247"),t(),e(310,"td")(311,"code"),n(312,"boolean"),t()(),e(313,"td")(314,"code"),n(315,"true"),t()()(),e(316,"tr")(317,"td"),n(318,"nzMaskClosable"),t(),e(319,"td"),n(320,"\u70B9\u51FB\u8499\u5C42\u662F\u5426\u5141\u8BB8\u5173\u95ED"),t(),e(321,"td")(322,"code"),n(323,"boolean"),t()(),e(324,"td")(325,"code"),n(326,"true"),t()()(),e(327,"tr")(328,"td"),n(329,"nzCloseOnNavigation"),t(),e(330,"td"),n(331,"\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(332,"td")(333,"code"),n(334,"boolean"),t()(),e(335,"td")(336,"code"),n(337,"true"),t()()(),e(338,"tr")(339,"td"),n(340,"nzZIndex"),t(),e(341,"td"),n(342,"\u8BBE\u7F6E\u9884\u89C8\u5C42\u7684 z-index"),t(),e(343,"td")(344,"code"),n(345,"number"),t()(),e(346,"td"),n(347,"1000"),t()(),e(348,"tr")(349,"td"),n(350,"nzZoom"),t(),e(351,"td"),n(352,"\u7F29\u653E\u6BD4\u4F8B"),t(),e(353,"td")(354,"code"),n(355,"number"),t()(),e(356,"td"),n(357,"1"),t()(),e(358,"tr")(359,"td"),n(360,"nzRotate"),t(),e(361,"td"),n(362,"\u65CB\u8F6C\u89D2\u5EA6"),t(),e(363,"td")(364,"code"),n(365,"number"),t()(),e(366,"td"),n(367,"0"),t()(),e(368,"tr")(369,"td"),n(370,"nzScaleStep"),t(),e(371,"td")(372,"code"),n(373,"1 + nzScaleStep"),t(),n(374," \u4E3A\u7F29\u653E\u653E\u5927\u7684\u6BCF\u6B65\u500D\u6570"),t(),e(375,"td")(376,"code"),n(377,"number"),t()(),e(378,"td"),n(379,"0.5"),t()(),e(380,"tr")(381,"td"),n(382,"nzFlipHorizontally"),t(),e(383,"td"),n(384,"\u5728\u6C34\u5E73\u5411\u91CF\u4E0A\u7FFB\u8F6C\u56FE\u50CF"),t(),e(385,"td")(386,"code"),n(387,"boolean"),t()(),e(388,"td")(389,"code"),n(390,"false"),t()()(),e(391,"tr")(392,"td"),n(393,"nzFlipVertically"),t(),e(394,"td"),n(395,"\u5728\u5782\u76F4\u5411\u91CF\u4E0A\u7FFB\u8F6C\u56FE\u50CF"),t(),e(396,"td")(397,"code"),n(398,"boolean"),t()(),e(399,"td")(400,"code"),n(401,"false"),t()()()()(),e(402,"h3",44)(403,"span"),n(404,"NzImagePreviewRef"),t(),e(405,"a",45),n(406,"#"),t()(),e(407,"table")(408,"thead")(409,"tr")(410,"th"),n(411,"\u540D\u79F0"),t(),e(412,"th"),n(413,"\u63CF\u8FF0"),t()()(),e(414,"tbody")(415,"tr")(416,"td"),n(417,"switchTo(index: number): void"),t(),e(418,"td"),n(419,"\u8BBE\u7F6E\u9884\u89C8\u7D22\u5F15"),t()(),e(420,"tr")(421,"td"),n(422,"prev(): void"),t(),e(423,"td"),n(424,"\u4E0A\u4E00\u5F20"),t()(),e(425,"tr")(426,"td"),n(427,"next(): void"),t(),e(428,"td"),n(429,"\u4E0B\u4E00\u5F20"),t()(),e(430,"tr")(431,"td"),n(432,"close(): void"),t(),e(433,"td"),n(434,"\u5173\u95ED\u9884\u89C8"),t()()()(),e(435,"h3",46)(436,"span"),n(437,"NzImageGroupComponent"),t(),e(438,"a",47),n(439,"#"),t()(),e(440,"table")(441,"thead")(442,"tr")(443,"th"),n(444,"\u540D\u79F0"),t(),e(445,"th"),n(446,"\u63CF\u8FF0"),t(),e(447,"th"),n(448,"\u7C7B\u578B"),t(),e(449,"th"),n(450,"\u9ED8\u8BA4\u503C"),t()()(),e(451,"tbody")(452,"tr")(453,"td"),n(454,"nzScaleStep"),t(),e(455,"td")(456,"code"),n(457,"1 + nzScaleStep"),t(),n(458," \u4E3A\u7F29\u653E\u653E\u5927\u7684\u6BCF\u6B65\u500D\u6570"),t(),e(459,"td")(460,"code"),n(461,"number"),t()(),e(462,"td"),n(463,"-"),t()()()(),u(),t()()),i&2&&(r(),m("nzOffsetTop",16),r(),m("nzAffix",!1),r(32),m("nzGutter",16),r(),m("nzXl",12)("nzSpan",24),r(),m("nzId","components-image-demo-basic")("nzLink","components-image-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/basic.md"),r(5),m("nzId","components-image-demo-placeholder")("nzLink","components-image-demo-placeholder")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/placeholder.md"),r(5),m("nzId","components-image-demo-service")("nzLink","components-image-demo-service")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/service.md"),r(5),m("nzXl",12)("nzSpan",24),r(),m("nzId","components-image-demo-fallback")("nzLink","components-image-demo-fallback")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/fallback.md"),r(5),m("nzId","components-image-demo-preview-group")("nzLink","components-image-demo-preview-group")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/preview-group.md"),r(5),m("nzId","components-image-demo-controlled-preview")("nzLink","components-image-demo-controlled-preview")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/controlled-preview.md"))},dependencies:[J,E,G,Z,_,L,M,R,H,T,b,N,B,F,w,D],encapsulation:2})};var U=class a{expanded=!1;codeBoxes;goLink(l){window&&(window.location.hash=l)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac

1h(l=>l.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||a)};static \u0275cmp=p({type:a,selectors:[["nz-demo-image"]],viewQuery:function(i,d){if(i&1&&y(E,5),i&2){let s;Q(s=P())&&(d.codeBoxes=s)}},decls:482,vars:37,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"],["name","image","description","Preview-able image.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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(i,d){i&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),g("nzClick",function(x){return d.goLink(x)}),o(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"),o(13,"span",10)(14,"span",11),e(15,"a",12),o(16,"nz-icon",13),t()(),o(17,"component-meta",14),e(18,"section",9),c(),e(19,"h2",15)(20,"span"),n(21,"When To Use"),t(),e(22,"a",16),n(23,"#"),t()(),e(24,"ul")(25,"li"),n(26,"When you need to display pictures."),t(),e(27,"li"),n(28,"Display when loading a large image or fault-tolerant handling when loading fail."),t()(),u(),t(),e(29,"h2")(30,"span"),n(31,"Examples"),t(),e(32,"nz-icon",17),g("click",function(){return d.expandAllCode()}),t()()(),e(33,"div",18)(34,"div",19)(35,"nz-code-box",20),o(36,"nz-demo-image-basic",21),e(37,"div",22),c(),e(38,"p"),n(39,"Click the image to preview."),t(),u(),t()(),e(40,"nz-code-box",23),o(41,"nz-demo-image-placeholder",21),e(42,"div",22),c(),e(43,"p"),n(44,"Progressive when large image loading."),t(),u(),t()(),e(45,"nz-code-box",24),o(46,"nz-demo-image-service",21),e(47,"div",22),c(),e(48,"p"),n(49,"The usage of "),e(50,"code"),n(51,"NzImageService"),t(),n(52," for images preview, the example includes the usage of using "),e(53,"code"),n(54,"NzImageService"),t(),n(55," to create single or multiple images preview"),t(),u(),t()()(),e(56,"div",19)(57,"nz-code-box",25),o(58,"nz-demo-image-fallback",21),e(59,"div",22),c(),e(60,"p"),n(61,"Load failed to display image placeholder."),t(),u(),t()(),e(62,"nz-code-box",26),o(63,"nz-demo-image-preview-group",21),e(64,"div",22),c(),e(65,"p"),n(66,"Click the left and right switch buttons to preview multiple images."),t(),u(),t()(),e(67,"nz-code-box",27),o(68,"nz-demo-image-controlled-preview",21),e(69,"div",22),c(),e(70,"p"),n(71,"You can make preview controlled."),t(),u(),t()()()(),e(72,"section",28),c(),e(73,"h2",29)(74,"span"),n(75,"API"),t(),e(76,"a",30),n(77,"#"),t()(),e(78,"h3",31)(79,"span"),n(80,"[nz-image]"),t(),e(81,"label",32),n(82,"directive"),t(),e(83,"a",33),n(84,"#"),t()(),e(85,"table")(86,"thead")(87,"tr")(88,"th"),n(89,"Property"),t(),e(90,"th"),n(91,"Description"),t(),e(92,"th"),n(93,"Type"),t(),e(94,"th"),n(95,"Default"),t(),e(96,"th"),n(97,"Global Config"),t()()(),e(98,"tbody")(99,"tr")(100,"td"),n(101,"nzSrc"),t(),e(102,"td"),n(103,"Image path"),t(),e(104,"td")(105,"code"),n(106,"string"),t()(),e(107,"td"),n(108,"-"),t(),e(109,"td"),n(110,"-"),t()(),e(111,"tr")(112,"td"),n(113,"nzFallback"),t(),e(114,"td"),n(115,"Load failure fault-tolerant src"),t(),e(116,"td")(117,"code"),n(118,"string"),t()(),e(119,"td"),n(120,"-"),t(),e(121,"td"),n(122,"\u2705"),t()(),e(123,"tr")(124,"td"),n(125,"nzPlaceholder"),t(),e(126,"td"),n(127,"Load placeholder src"),t(),e(128,"td")(129,"code"),n(130,"string"),t()(),e(131,"td"),n(132,"-"),t(),e(133,"td"),n(134,"\u2705"),t()(),e(135,"tr")(136,"td"),n(137,"nzDisablePreview"),t(),e(138,"td"),n(139,"Whether to disable the preview"),t(),e(140,"td")(141,"code"),n(142,"boolean"),t()(),e(143,"td")(144,"code"),n(145,"false"),t()(),e(146,"td"),n(147,"\u2705"),t()(),e(148,"tr")(149,"td"),n(150,"nzCloseOnNavigation"),t(),e(151,"td"),n(152,"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(153,"td")(154,"code"),n(155,"boolean"),t()(),e(156,"td")(157,"code"),n(158,"false"),t()(),e(159,"td"),n(160,"\u2705"),t()(),e(161,"tr")(162,"td"),n(163,"nzDirection"),t(),e(164,"td"),n(165,"Text directionality"),t(),e(166,"td")(167,"code"),n(168,"Direction"),t()(),e(169,"td")(170,"code"),n(171,"'ltr'"),t()(),e(172,"td"),n(173,"\u2705"),t()(),e(174,"tr")(175,"td"),n(176,"nzScaleStep"),t(),e(177,"td")(178,"code"),n(179,"1 + nzScaleStep"),t(),n(180," is the step to increase or decrease the scale"),t(),e(181,"td")(182,"code"),n(183,"number"),t()(),e(184,"td"),n(185,"0.5"),t(),e(186,"td"),n(187,"\u2705"),t()()()(),e(188,"p"),n(189,"Other attributes "),e(190,"a",34),n(191,"<img>"),t()(),e(192,"h3",35)(193,"span"),n(194,"NzImageService"),t(),e(195,"label",36),n(196,"service"),t(),e(197,"a",37),n(198,"#"),t()(),e(199,"table")(200,"thead")(201,"tr")(202,"th"),n(203,"Property"),t(),e(204,"th"),n(205,"Description"),t(),e(206,"th"),n(207,"Type"),t(),e(208,"th"),n(209,"Default"),t()()(),e(210,"tbody")(211,"tr")(212,"td"),n(213,"images"),t(),e(214,"td"),n(215,"Preview images"),t(),e(216,"td")(217,"code"),n(218,"NzImage[]"),t()(),e(219,"td"),n(220,"-"),t()(),e(221,"tr")(222,"td"),n(223,"options"),t(),e(224,"td"),n(225,"Preview options"),t(),e(226,"td")(227,"code"),n(228,"NzImagePreviewOptions"),t()(),e(229,"td"),n(230,"-"),t()()()(),e(231,"h2",38)(232,"span"),n(233,"Related type definition"),t(),e(234,"a",39),n(235,"#"),t()(),e(236,"h3",40)(237,"span"),n(238,"NzImage"),t(),e(239,"a",41),n(240,"#"),t()(),e(241,"table")(242,"thead")(243,"tr")(244,"th"),n(245,"Property"),t(),e(246,"th"),n(247,"Description"),t(),e(248,"th"),n(249,"Type"),t(),e(250,"th"),n(251,"Default"),t()()(),e(252,"tbody")(253,"tr")(254,"td"),n(255,"src"),t(),e(256,"td"),n(257,"src"),t(),e(258,"td")(259,"code"),n(260,"string"),t()(),e(261,"td"),n(262,"-"),t()(),e(263,"tr")(264,"td"),n(265,"alt"),t(),e(266,"td"),n(267,"alt"),t(),e(268,"td")(269,"code"),n(270,"string"),t()(),e(271,"td"),n(272,"-"),t()(),e(273,"tr")(274,"td"),n(275,"width"),t(),e(276,"td"),n(277,"width"),t(),e(278,"td")(279,"code"),n(280,"string"),t()(),e(281,"td"),n(282,"-"),t()(),e(283,"tr")(284,"td"),n(285,"height"),t(),e(286,"td"),n(287,"height"),t(),e(288,"td")(289,"code"),n(290,"string"),t()(),e(291,"td"),n(292,"-"),t()()()(),e(293,"h3",42)(294,"span"),n(295,"NzImagePreviewOptions"),t(),e(296,"a",43),n(297,"#"),t()(),e(298,"table")(299,"thead")(300,"tr")(301,"th"),n(302,"Property"),t(),e(303,"th"),n(304,"Description"),t(),e(305,"th"),n(306,"Type"),t(),e(307,"th"),n(308,"Default"),t()()(),e(309,"tbody")(310,"tr")(311,"td"),n(312,"nzKeyboard"),t(),e(313,"td"),n(314,"Whether support press "),e(315,"code"),n(316,"esc"),t(),n(317," to close, press "),e(318,"code"),n(319,"left"),t(),n(320," or "),e(321,"code"),n(322,"right"),t(),n(323," to switch image"),t(),e(324,"td")(325,"code"),n(326,"boolean"),t()(),e(327,"td")(328,"code"),n(329,"true"),t()()(),e(330,"tr")(331,"td"),n(332,"nzMaskClosable"),t(),e(333,"td"),n(334,"Whether to close the image preview when the mask (area outside the image) is clicked"),t(),e(335,"td")(336,"code"),n(337,"boolean"),t()(),e(338,"td")(339,"code"),n(340,"true"),t()()(),e(341,"tr")(342,"td"),n(343,"nzCloseOnNavigation"),t(),e(344,"td"),n(345,"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(346,"td")(347,"code"),n(348,"boolean"),t()(),e(349,"td")(350,"code"),n(351,"true"),t()()(),e(352,"tr")(353,"td"),n(354,"nzZIndex"),t(),e(355,"td"),n(356,"The z-index of the image preview"),t(),e(357,"td")(358,"code"),n(359,"number"),t()(),e(360,"td"),n(361,"1000"),t()(),e(362,"tr")(363,"td"),n(364,"nzZoom"),t(),e(365,"td"),n(366,"Zoom rate"),t(),e(367,"td")(368,"code"),n(369,"number"),t()(),e(370,"td"),n(371,"1"),t()(),e(372,"tr")(373,"td"),n(374,"nzRotate"),t(),e(375,"td"),n(376,"Rotate rate"),t(),e(377,"td")(378,"code"),n(379,"number"),t()(),e(380,"td"),n(381,"0"),t()(),e(382,"tr")(383,"td"),n(384,"nzScaleStep"),t(),e(385,"td")(386,"code"),n(387,"1 + nzScaleStep"),t(),n(388," is the step to increase or decrease the scale"),t(),e(389,"td")(390,"code"),n(391,"number"),t()(),e(392,"td"),n(393,"0.5"),t()(),e(394,"tr")(395,"td"),n(396,"nzFlipHorizontally"),t(),e(397,"td"),n(398,"Flip image on horizontal vector"),t(),e(399,"td")(400,"code"),n(401,"boolean"),t()(),e(402,"td")(403,"code"),n(404,"fal

1se"),t()()(),e(405,"tr")(406,"td"),n(407,"nzFlipVertically"),t(),e(408,"td"),n(409,"Flip image on vertical vector"),t(),e(410,"td")(411,"code"),n(412,"boolean"),t()(),e(413,"td")(414,"code"),n(415,"false"),t()()()()(),e(416,"h3",44)(417,"span"),n(418,"NzImagePreviewRef"),t(),e(419,"a",45),n(420,"#"),t()(),e(421,"table")(422,"thead")(423,"tr")(424,"th"),n(425,"Name"),t(),e(426,"th"),n(427,"Description"),t()()(),e(428,"tbody")(429,"tr")(430,"td"),n(431,"switchTo(index: number): void"),t(),e(432,"td"),n(433,"Switch to index"),t()(),e(434,"tr")(435,"td"),n(436,"prev(): void"),t(),e(437,"td"),n(438,"Previous image"),t()(),e(439,"tr")(440,"td"),n(441,"next(): void"),t(),e(442,"td"),n(443,"Next image"),t()(),e(444,"tr")(445,"td"),n(446,"close(): void"),t(),e(447,"td"),n(448,"Close image preview"),t()()()(),e(449,"h3",46)(450,"span"),n(451,"NzImageGroupComponent"),t(),e(452,"a",47),n(453,"#"),t()(),e(454,"table")(455,"thead")(456,"tr")(457,"th"),n(458,"Property"),t(),e(459,"th"),n(460,"Description"),t(),e(461,"th"),n(462,"Type"),t(),e(463,"th"),n(464,"Default"),t()()(),e(465,"tbody")(466,"tr")(467,"td"),n(468,"nzScaleStep"),t(),e(469,"td"),n(470,"The value of "),e(471,"code"),n(472,"nzScaleStep"),t(),n(473," will be applied to all the images inside, unless an image has its own "),e(474,"code"),n(475,"nzScaleStep"),t(),n(476," value specified."),t(),e(477,"td")(478,"code"),n(479,"number"),t()(),e(480,"td"),n(481,"-"),t()()()(),u(),t()()),i&2&&(r(),m("nzOffsetTop",16),r(),m("nzAffix",!1),r(31),m("nzGutter",16),r(),m("nzXl",12)("nzSpan",24),r(),m("nzId","components-image-demo-basic")("nzLink","components-image-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/basic.md"),r(5),m("nzId","components-image-demo-placeholder")("nzLink","components-image-demo-placeholder")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/placeholder.md"),r(5),m("nzId","components-image-demo-service")("nzLink","components-image-demo-service")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/service.md"),r(11),m("nzXl",12)("nzSpan",24),r(),m("nzId","components-image-demo-fallback")("nzLink","components-image-demo-fallback")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/fallback.md"),r(5),m("nzId","components-image-demo-preview-group")("nzLink","components-image-demo-preview-group")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/preview-group.md"),r(5),m("nzId","components-image-demo-controlled-preview")("nzLink","components-image-demo-controlled-preview")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/image/demo/controlled-preview.md"))},dependencies:[J,E,G,Z,_,L,M,R,H,T,b,N,B,F,w,D],encapsulation:2})};var ve=[{path:"en",component:U},{path:"zh",component:O}],zt=ve;export{zt as default};