-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchunk-N764EHEC.js
1 lines (1 loc) · 9.66 KB
/
chunk-N764EHEC.js
1
import{a as k,b as d,c as z}from"./chunk-L4H3JKW6.js";import{a as w,c as j}from"./chunk-Y54HNU3H.js";import"./chunk-FFGJMO62.js";import"./chunk-XRBZUWDJ.js";import{o as S,q as P,r as O,t as F}from"./chunk-LJRBPGSW.js";import"./chunk-JYBRZQRP.js";import{Da as n,Ea as o,Fa as l,I as f,Ka as D,La as E,Qb as y,Ta as _,Ua as a,Va as I,ca as m,da as M,fb as b,la as c,ma as u,ra as g,rb as v,va as r,zb as N}from"./chunk-UJIEDWPF.js";function H(e,h){if(e&1&&(n(0,"div",2)(1,"span",3),a(2),o(),l(3,"nel-image",4),o()),e&2){let i=h.$implicit,t=E();m(2),I(i),m(),r("nelSrc",t.url)("nelFit",i)}}var B=(()=>{class e{constructor(){this.fits=["fill","contain","cover","none","scale-down"],this.url="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-image-basic"]],standalone:!1,decls:2,vars:1,consts:[[1,"demo-image"],["class","block",4,"ngFor","ngForOf"],[1,"block"],[1,"demonstration"],[2,"width","100px","height","100px",3,"nelSrc","nelFit"]],template:function(t,p){t&1&&(n(0,"div",0),g(1,H,4,3,"div",1),o()),t&2&&(m(),r("ngForOf",p.fits))},dependencies:[v,d],styles:[".demo-image[_ngcontent-%COMP%] .block[_ngcontent-%COMP%]{padding:30px 0;text-align:center;border-right:1px solid #eff2f6;display:inline-block;width:20%;box-sizing:border-box;vertical-align:top}.demo-image[_ngcontent-%COMP%] .demonstration[_ngcontent-%COMP%]{display:block;color:#8492a6;font-size:14px;margin-bottom:20px}.demo-image[_ngcontent-%COMP%] .block[_ngcontent-%COMP%]:last-child{border-right:none}"]})}}return e})();function K(e,h){e&1&&(n(0,"div",6),a(1," \u52A0\u8F7D\u4E2D"),n(2,"span",7),a(3,"..."),o()())}var A=(()=>{class e{constructor(){this.src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg"}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-image-placeholder"]],standalone:!1,decls:11,vars:3,consts:[["placeholder",""],[1,"demo-image__placeholder"],[1,"block"],[1,"demonstration"],[3,"nelSrc"],[3,"nelSrc","nelPlaceholder"],[1,"image-slot"],[1,"dot"]],template:function(t,p){if(t&1&&(n(0,"div",1)(1,"div",2)(2,"span",3),a(3,"\u9ED8\u8BA4"),o(),l(4,"nel-image",4),o(),n(5,"div",2)(6,"span",3),a(7,"\u81EA\u5B9A\u4E49"),o(),n(8,"nel-image",5),g(9,K,4,0,"ng-template",null,0,b),o()()()),t&2){let C=_(10);m(4),r("nelSrc",p.src),m(4),r("nelSrc",p.src)("nelPlaceholder",C)}},dependencies:[d],styles:[".demo-image__placeholder[_ngcontent-%COMP%] .el-image[_ngcontent-%COMP%]{width:300px;height:200px}.demo-image__placeholder[_ngcontent-%COMP%] .block[_ngcontent-%COMP%]{padding:30px 0;text-align:center;border-right:1px solid #eff2f6;display:inline-block;width:20%;box-sizing:border-box;vertical-align:top}.demo-image__placeholder[_ngcontent-%COMP%] .block[_ngcontent-%COMP%]{width:49%}.demo-image__placeholder[_ngcontent-%COMP%] .demonstration[_ngcontent-%COMP%]{display:block;color:#8492a6;font-size:14px;margin-bottom:20px}.demo-image__placeholder[_ngcontent-%COMP%] .block[_ngcontent-%COMP%]:last-child{border-right:none}.demo-image__placeholder[_ngcontent-%COMP%] .image-slot[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#f5f7fa;color:#909399;font-size:14px}.demo-image__placeholder[_ngcontent-%COMP%] .dot[_ngcontent-%COMP%]{animation:dot 2s steps(3,start) infinite;overflow:hidden}"]})}}return e})();function W(e,h){e&1&&(n(0,"div",5),l(1,"i",6),o())}var L=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-image-error"]],standalone:!1,decls:11,vars:1,consts:[["error",""],[1,"demo-image__error"],[1,"block"],[1,"demonstration"],[3,"nelError"],[1,"image-slot"],[1,"el-icon-picture-outline"]],template:function(t,p){if(t&1&&(n(0,"div",1)(1,"div",2)(2,"span",3),a(3,"\u9ED8\u8BA4"),o(),l(4,"nel-image"),o(),n(5,"div",2)(6,"span",3),a(7,"\u81EA\u5B9A\u4E49"),o(),n(8,"nel-image",4),g(9,W,2,0,"ng-template",null,0,b),o()()()),t&2){let C=_(10);m(8),r("nelError",C)}},dependencies:[d],styles:[".demo-image__error[_ngcontent-%COMP%] .el-image[_ngcontent-%COMP%]{width:300px;height:200px}.demo-image__error[_ngcontent-%COMP%] .block[_ngcontent-%COMP%]{padding:30px 0;text-align:center;border-right:1px solid #eff2f6;display:inline-block;width:20%;box-sizing:border-box;vertical-align:top}.demo-image__error[_ngcontent-%COMP%] .block[_ngcontent-%COMP%]{width:49%}.demo-image__error[_ngcontent-%COMP%] .demonstration[_ngcontent-%COMP%]{display:block;color:#8492a6;font-size:14px;margin-bottom:20px}.demo-image__error[_ngcontent-%COMP%] .block[_ngcontent-%COMP%]:last-child{border-right:none}.demo-image__error[_ngcontent-%COMP%] .image-slot[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#f5f7fa;color:#909399;font-size:14px}.demo-image__error[_ngcontent-%COMP%] .image-slot[_ngcontent-%COMP%]{font-size:30px}"]})}}return e})();function Y(e,h){if(e&1&&l(0,"nel-image",2),e&2){let i=h.$implicit;r("nelSrc",i)}}var T=(()=>{class e{constructor(){this.urls=["https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg","https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg","https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg","https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg","https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg","https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg","https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg"]}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-image-lazy"]],standalone:!1,decls:2,vars:1,consts:[[1,"demo-image__lazy"],["nelLazy","",3,"nelSrc",4,"ngFor","ngForOf"],["nelLazy","",3,"nelSrc"]],template:function(t,p){t&1&&(n(0,"div",0),g(1,Y,1,1,"nel-image",1),o()),t&2&&(m(),r("ngForOf",p.urls))},dependencies:[v,d],styles:[".demo-image__lazy[_ngcontent-%COMP%]{height:400px;overflow-y:auto}.demo-image__lazy[_ngcontent-%COMP%] .el-image[_ngcontent-%COMP%]{display:block;min-height:200px;margin-bottom:10px}"]})}}return e})();var U=(()=>{class e{constructor(){this.url="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",this.srcList=["https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg","https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg"]}static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-image-viewer"]],standalone:!1,decls:2,vars:2,consts:[[1,"demo-image__preview"],[2,"width","100px","height","100px",3,"nelSrc","nelPreviewSrcList"]],template:function(t,p){t&1&&(n(0,"div",0),l(1,"nel-image",1),o()),t&2&&(m(),r("nelSrc",p.url)("nelPreviewSrcList",p.srcList))},dependencies:[d],encapsulation:2})}}return e})();var R=(()=>{class e{constructor(i){this.image=i}preview(){this.image.preview({nelUrlList:["https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg","https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg"],nelInitialIndex:0,nelOnClose:()=>{console.log("onClose")},nelOnSwitch:i=>{console.log(i)}})}static{this.\u0275fac=function(t){return new(t||e)(M(k))}}static{this.\u0275cmp=c({type:e,selectors:[["nel-demo-image-service"]],standalone:!1,decls:2,vars:0,consts:[["nel-button","",3,"click"]],template:function(t,p){t&1&&(n(0,"button",0),D("click",function(){return p.preview()}),a(1,"\u67E5\u770B\u56FE\u7247"),o())},dependencies:[w],encapsulation:2})}}return e})();var V=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=u({type:e})}static{this.\u0275inj=f({imports:[N,z,j]})}}return e})();var $=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275cmp=c({type:e,selectors:[["app-image"]],standalone:!1,decls:30,vars:7,consts:[["code","import { NelImageModule } from 'ng-element-ui/image';"],[3,"codeUrl"],["demo",""],[3,"docUrl"]],template:function(t,p){t&1&&(n(0,"h2"),a(1,"Image \u56FE\u7247"),o(),n(2,"p"),a(3,"\u56FE\u7247\u5BB9\u5668\uFF0C\u5728\u4FDD\u7559\u539F\u751Fimg\u7684\u7279\u6027\u4E0B\uFF0C\u652F\u6301\u61D2\u52A0\u8F7D\uFF0C\u81EA\u5B9A\u4E49\u5360\u4F4D\u3001\u52A0\u8F7D\u5931\u8D25\u7B49"),o(),l(4,"app-code",0),n(5,"h3"),a(6,"\u57FA\u7840\u7528\u6CD5"),o(),n(7,"app-demo",1),l(8,"nel-demo-image-basic",2),o(),n(9,"h3"),a(10,"\u5360\u4F4D\u5185\u5BB9"),o(),n(11,"app-demo",1),l(12,"nel-demo-image-placeholder",2),o(),n(13,"h3"),a(14,"\u52A0\u8F7D\u5931\u8D25"),o(),n(15,"app-demo",1),l(16,"nel-demo-image-error",2),o(),n(17,"h3"),a(18,"\u61D2\u52A0\u8F7D"),o(),n(19,"app-demo",1),l(20,"nel-demo-image-lazy",2),o(),n(21,"h3"),a(22,"\u5927\u56FE\u9884\u89C8"),o(),n(23,"app-demo",1),l(24,"nel-demo-image-viewer",2),o(),n(25,"h3"),a(26,"\u9884\u89C8"),o(),n(27,"app-demo",1),l(28,"nel-demo-image-service",2),o(),l(29,"app-doc",3)),t&2&&(m(7),r("codeUrl","components-image-demo-basic.component"),m(4),r("codeUrl","components-image-demo-placeholder.component"),m(4),r("codeUrl","components-image-demo-error.component"),m(4),r("codeUrl","components-image-demo-lazy.component"),m(4),r("codeUrl","components-image-demo-viewer.component"),m(4),r("codeUrl","components-image-demo-service.component"),m(2),r("docUrl","components-image"))},dependencies:[B,A,L,T,U,R,S,P,O],encapsulation:2})}}return e})();var oe=[{path:"",component:$}],q=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=u({type:e})}static{this.\u0275inj=f({imports:[y.forChild(oe),y]})}}return e})();var je=(()=>{class e{static{this.\u0275fac=function(t){return new(t||e)}}static{this.\u0275mod=u({type:e})}static{this.\u0275inj=f({imports:[V,F,q]})}}return e})();export{je as ImageModule};