import{au as i,aj as f,ak as m}from"./utils-vendor-6e02b5fb.js";import{d as p,c as F,r as c,f as S,o as v,K as t,u as d}from"./vue-vendor-0e3aae74.js";import{aH as b,b3 as h,an as N}from"./vendor-6dafcdec.js";import"./css-vendor-7a3fe519.js";import"./__commonjsHelpers__-042e6b4d.js";const y=p({name:"RayIframe",props:{src:{type:String,required:!0},iframeWrapperClass:{type:String,default:null},frameborder:{type:Number,default:0},width:{type:[String,Number],default:"100%"},height:{type:[String,Number],default:"100%"},allow:{type:String,default:null},name:{type:String,default:null},title:{type:String,default:null},success:{type:Function,default:null},error:{type:Function,default:null},customSpinProps:{type:Object,default:()=>({})},lazy:{type:Boolean,default:!0}},setup(e,{expose:w}){const g=F(()=>({"--ray-iframe-frameborder":i(e.frameborder),"--ray-iframe-width":i(e.width),"--ray-iframe-height":i(e.height)})),s=c(),l=c(!0),n=a=>{var r;l.value=!1,(r=e.success)==null||r.call(e,s.value,a)},o=a=>{var r;l.value=!1,(r=e.error)==null||r.call(e,s.value,a)},u=()=>s.value;return w(),S(()=>{f(u(),"load",n.bind(this)),f(u(),"error",o)}),v(()=>{m(u(),"load",n),m(u(),"error",o)}),{cssVars:g,iframeRef:s,spinShow:l}},render(){return t("div",{class:["ray-iframe",this.iframeWrapperClass],style:[this.cssVars]},[t(b,d(this.customSpinProps,{show:this.spinShow}),{...this.$slots,default:()=>t("iframe",d({class:"ray-iframe__container",ref:"iframeRef",src:this.src,allow:this.allow,name:this.name,title:this.title},{loading:this.lazy?"lazy":null}),null)})])}}),V=p({name:"IframeDemo",setup(){return{}},render(){return t(N,{vertical:!0,size:[20,20]},{default:()=>[t(h,{title:"naive ui（延迟加载）"},{default:()=>[t(y,{src:"https://www.naiveui.com/zh-CN/dark",height:"300",allow:"fullscreen"},null)]}),t(h,{title:"vueuse（立即加载）"},{default:()=>[t(y,{src:"https://www.vueusejs.com/",height:"300",lazy:!1},null)]})]})}});export{V as default};