| 1 |
- import{aI as te,aJ as M,aS as se,bv as ne,d as O,b1 as oe,aK as ie,bs as re,c3 as ce,r as c,K as u,bw as f,L as ue,l as ve,o as i,c as v,aL as x,g as $,t as de,a,Z as g,F as A,aj as pe,P as m,v as fe,w as me,aC as ye,aM as ge,an as we,c4 as he,by as _e,c5 as be,c0 as K,c6 as ke,c7 as Se,aN as xe,__tla as ze}from"./index-fa4e693d.js";import{E as Ee,__tla as Ce}from"./el-image-viewer-a05c1aea.js";let P,Le=Promise.all([(()=>{try{return ze}catch{}})(),(()=>{try{return Ce}catch{}})()]).then(async()=>{const T=te({hideOnClickModal:Boolean,src:{type:String,default:""},fit:{type:String,values:["","contain","cover","fill","none","scale-down"],default:""},loading:{type:String,values:["eager","lazy"]},lazy:Boolean,scrollContainer:{type:M([String,Object])},previewSrcList:{type:M(Array),default:()=>se([])},previewTeleported:Boolean,zIndex:{type:Number},initialIndex:{type:Number,default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{type:Number,default:1.2},minScale:{type:Number,default:.2},maxScale:{type:Number,default:7}}),j={load:n=>n instanceof Event,error:n=>n instanceof Event,switch:n=>ne(n),close:()=>!0,show:()=>!0},R=["src","loading"],Y={key:0},F=O({name:"ElImage",inheritAttrs:!1});P=xe(ge(O({...F,props:T,emits:j,setup(n,{emit:d}){const l=n;let z="";const{t:q}=oe(),o=ie("image"),D=re(),H=ce(),w=c(),p=c(!1),r=c(!0),h=c(!1),y=c(),s=c(),J=f&&"loading"in HTMLImageElement.prototype;let _,b;const Z=u(()=>[o.e("inner"),k.value&&o.e("preview"),r.value&&o.is("loading")]),G=u(()=>D.style),Q=u(()=>{const{fit:e}=l;return f&&e?{objectFit:e}:{}}),k=u(()=>{const{previewSrcList:e}=l;return Array.isArray(e)&&e.length>0}),U=u(()=>{const{previewSrcList:e,initialIndex:t}=l;let B=t;return t>e.length-1&&(B=0),B}),E=u(()=>l.loading!=="eager"&&(!J&&l.loading==="lazy"||l.lazy)),S=()=>{f&&(r.value=!0,p.value=!1,w.value=l.src)};function V(e){r.value=!1,p.value=!1,d("load",e)}function W(e){r.value=!1,p.value=!0,d("error",e)}function C(){ke(y.value,s.value)&&(S(),N())}const L=Se(C,200,!0);async function I(){var e;if(!f)return;await we();const{scrollContainer:t}=l;he(t)?s.value=t:_e(t)&&t!==""?s.value=(e=document.querySelector(t))!=null?e:void 0:y.value&&(s.value=be(y.value)),s.value&&(_=K(s,"scroll",L),setTimeout(()=>C(),100))}function N(){f&&s.value&&L&&(_==null||_(),s.value=void 0)}function X(e){if(e.ctrlKey)return e.deltaY<0||e.deltaY>0?(e.preventDefault(),!1):void 0}function ee(){k.value&&(b=K("wheel",X,{passive:!1}),z=document.body.style.overflow,document.body.style.overflow="hidden",h.value=!0,d("show"))}function ae(){b==null||b(),document.body.style.overflow=z,h.value=!1,d("close")}function le(e){d("switch",e)}return ue(()=>l.src,()=>{E.value?(r.value=!0,p.value=!1,N(),I()):S()}),ve(()=>{E.value?I():S()}),(e,t)=>(i(),v("div",{ref_key:"container",ref:y,class:g([a(o).b(),e.$attrs.class]),style:ye(a(G))},[p.value?x(e.$slots,"error",{key:0},()=>[$("div",{class:g(a(o).e("error"))},de(a(q)("el.image.error")),3)]):(i(),v(A,{key:1},[w.value!==void 0?(i(),v("img",pe({key:0},a(H),{src:w.value,loading:e.loading,style:a(Q),class:a(Z),onClick:ee,onLoad:V,onError:W}),null,16,R)):m("v-if",!0),r.value?(i(),v("div",{key:1,class:g(a(o).e("wrapper"))},[x(e.$slots,"placeholder",{},()=>[$("div",{class:g(a(o).e("placeholder"))},null,2)])],2)):m("v-if",!0)],64)),a(k)?(i(),v(A,{key:2},[h.value?(i(),fe(a(Ee),{key:0,"z-index":e.zIndex,"initial-index":a(U),infinite:e.infinite,"zoom-rate":e.zoomRate,"min-scale":e.minScale,"max-scale":e.maxScale,"url-list":e.previewSrcList,"hide-on-click-modal":e.hideOnClickModal,teleported:e.previewTeleported,"close-on-press-escape":e.closeOnPressEscape,onClose:ae,onSwitch:le},{default:me(()=>[e.$slots.viewer?(i(),v("div",Y,[x(e.$slots,"viewer")])):m("v-if",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","min-scale","max-scale","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):m("v-if",!0)],64)):m("v-if",!0)],6))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/image/src/image.vue"]]))});export{P as E,Le as __tla};
|
