1 |
- import{w as p,D as y,aS as _,F as d,H as m,aK as w,x as n,y as o,z as I,a7 as k,aq as O,P as v,a2 as c,a8 as x,a1 as L,a9 as P,aG as R}from"./vue.Bi2Y_N79.js";const S={class:"layout-padding layout-padding-unset layout-iframe"},b={class:"layout-padding-auto layout-padding-view"},B=["src","data-url"],D=p({name:"layoutIframeView"}),T=p({...D,props:{refreshKey:{type:String,default:()=>""},name:{type:String,default:()=>"slide-right"},list:{type:Array,default:()=>[]}},setup(f){const r=f,l=y(),i=_(),h=d(()=>r.list.filter(e=>e.meta?.isIframeOpen)),g=d(()=>i.path),u=(e,a)=>{v(()=>{if(!l.value)return!1;l.value.forEach(t=>{t.dataset.url===e&&(t.onload=()=>{a.meta?.isIframeOpen&&a.meta.loading&&(a.meta.loading=!1)})})})};return m(()=>i.fullPath,e=>{const a=r.list.find(t=>t.path===e);if(!a)return!1;a.meta.isIframeOpen||(a.meta.isIframeOpen=!0),u(e,a)},{immediate:!0}),m(()=>r.refreshKey,()=>{const e=r.list.find(a=>a.path===i.path);if(!e)return!1;e.meta.isIframeOpen&&(e.meta.isIframeOpen=!1),setTimeout(()=>{e.meta.isIframeOpen=!0,e.meta.loading=!0,u(i.fullPath,e)})},{deep:!0}),(e,a)=>{const t=w("loading");return o(),n("div",S,[I("div",b,[(o(!0),n(k,null,O(h.value,s=>c((o(),n("div",{class:"w100",key:s.path,"element-loading-background":"white"},[x(R,{name:f.name,mode:"out-in"},{default:L(()=>[c((o(),n("iframe",{src:s.meta.isLink,key:s.path,frameborder:"0",height:"100%",width:"100%",style:{position:"absolute"},"data-url":s.path,ref_for:!0,ref_key:"iframeRef",ref:l},null,8,B)),[[P,g.value===s.path]])]),_:2},1032,["name"])])),[[t,s.meta.loading]])),128))])])}}});export{T as default};
|