iframes.872160f4.js 1.7 KB

12
  1. import{L as p,i as g,aD as y,m,j as d,av as w,o,a as n,b as I,F as v,ac as k,U as c,Z as O,T as x,_ as L,a5 as b,n as R}from"./vue.e1d8f8c6.js";import{_ as T}from"./index.6661bcf9.js";const V={class:"layout-padding layout-padding-unset layout-iframe"},B={class:"layout-padding-auto layout-padding-view"},D=["src","data-url"],E=p({name:"layoutIframeView"}),P=p({...E,props:{refreshKey:{type:String,default:()=>""},name:{type:String,default:()=>"slide-right"},list:{type:Array,default:()=>[]}},setup(f){const s=f,l=g(),i=y(),h=m(()=>s.list.filter(e=>{var a;return(a=e.meta)==null?void 0:a.isIframeOpen})),_=m(()=>i.path),u=(e,a)=>{R(()=>{if(!l.value)return!1;l.value.forEach(r=>{r.dataset.url===e&&(r.onload=()=>{var t;(t=a.meta)!=null&&t.isIframeOpen&&a.meta.loading&&(a.meta.loading=!1)})})})};return d(()=>i.fullPath,e=>{const a=s.list.find(r=>r.path===e);if(!a)return!1;a.meta.isIframeOpen||(a.meta.isIframeOpen=!0),u(e,a)},{immediate:!0}),d(()=>s.refreshKey,()=>{const e=s.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 r=w("loading");return o(),n("div",V,[I("div",B,[(o(!0),n(v,null,k(h.value,t=>c((o(),n("div",{class:"w100",key:t.path,"element-loading-background":"white"},[O(b,{name:f.name,mode:"out-in"},{default:x(()=>[c((o(),n("iframe",{src:t.meta.isLink,key:t.path,frameborder:"0",height:"100%",width:"100%",style:{position:"absolute"},"data-url":t.path,ref_for:!0,ref_key:"iframeRef",ref:l},null,8,D)),[[L,_.value===t.path]])]),_:2},1032,["name"])])),[[r,t.meta.loading]])),128))])])}}}),C=T(P,[["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/layout/routerView/iframes.vue"]]);export{C as default};