element-plus/assets/placeholder.81f06346.js
2022-02-14 08:12:29 +00:00

2 lines
3.8 KiB
JavaScript

import{_ as r}from"./plugin-vue_export-helper.21dcd24c.js";import{d as i,y as p,o as _,b as c,H as g,S as b,e,F as y,G as o,A as m,u as x,ab as h,ac as v,E as S}from"./framework.f98c6945.js";import{p as $}from"./picture.80f5675a.js";const w={class:"demo-image"},k={class:"demonstration"},z=i({setup(s){const t=["fill","contain","cover","none","scale-down"],d="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg";return(n,a)=>{const l=p("el-image");return _(),c("div",w,[(_(),c(g,null,b(t,f=>e("div",{key:f,class:"block"},[e("span",k,y(f),1),o(l,{style:{width:"100px",height:"100px"},src:d,fit:f},null,8,["fit"])])),64))])}}});var I=r(z,[["__scopeId","data-v-0b8729aa"]]),ee=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:I});const T={class:"demo-image__preview"},C=i({setup(s){const t="https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg",d=["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"];return(n,a)=>{const l=p("el-image");return _(),c("div",T,[o(l,{style:{width:"100px",height:"100px"},src:t,"preview-src-list":d,"initial-index":4,fit:"cover"})])}}});var L=r(C,[["__scopeId","data-v-0a2d83d4"]]),se=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:L});const M={class:"demo-image__lazy"},O=i({setup(s){const t=["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"];return(d,n)=>{const a=p("el-image");return _(),c("div",M,[(_(),c(g,null,b(t,l=>o(a,{key:l,src:l,lazy:""},null,8,["src"])),64))])}}});var F=r(O,[["__scopeId","data-v-f71afe2e"]]),te=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:F});const j=s=>(h("data-v-7b922766"),s=s(),v(),s),B={class:"demo-image__error"},D={class:"block"},N=j(()=>e("span",{class:"demonstration"},"Default",-1)),V={class:"block"},E=j(()=>e("span",{class:"demonstration"},"Custom",-1)),P={class:"image-slot"},U=i({setup(s){return(t,d)=>{const n=p("el-image"),a=p("el-icon");return _(),c("div",B,[e("div",D,[N,o(n)]),e("div",V,[E,o(n,null,{error:m(()=>[e("div",P,[o(a,null,{default:m(()=>[o(x($))]),_:1})])]),_:1})])])}}});var A=r(U,[["__scopeId","data-v-7b922766"]]),oe=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:A});const u=s=>(h("data-v-3617e4f4"),s=s(),v(),s),G={class:"demo-image__placeholder"},H={class:"block"},q=u(()=>e("span",{class:"demonstration"},"Default",-1)),J={class:"block"},K=u(()=>e("span",{class:"demonstration"},"Custom",-1)),Q=u(()=>e("div",{class:"image-slot"},[S("Loading"),e("span",{class:"dot"},"...")],-1)),R=i({setup(s){const t="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg";return(d,n)=>{const a=p("el-image");return _(),c("div",G,[e("div",H,[q,o(a,{src:t})]),e("div",J,[K,o(a,{src:t},{placeholder:m(()=>[Q]),_:1})])])}}});var W=r(R,[["__scopeId","data-v-3617e4f4"]]),ae=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:W});export{ee as _,se as a,te as b,oe as c,ae as d};