import{i as l,o as u,j as f}from"./index-d9edca07.js";import{h as y,d as S,r as c,c as v,j as b,ad as t,z as d}from"./@vue-b109a2ec.js";import{L as z,U as p,f as N}from"./naive-ui-6aaba7d0.js";import"./pinia-f785c1d8.js";import"./vue-demi-71ba0ef2.js";import"./lodash-es-92f3d5bd.js";import"./vue-i18n-5eb41bb0.js";import"./@intlify-deb68647.js";import"./dayjs-3e0825c6.js";import"./clipboard-9c798d85.js";import"./vue-router-b96fe403.js";import"./@vueuse-da6970f7.js";import"./screenfull-b3e6dc1f.js";import"./pinia-plugin-persistedstate-d93b4f94.js";import"./date-fns-6c225a00.js";import"./vueuc-7f8201e7.js";import"./evtd-b614532e.js";import"./seemly-dc6f1e91.js";import"./@css-render-555d5129.js";import"./vooks-5e400110.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-d3958e6a.js";import"./@emotion-8a8e73f6.js";import"./treemate-25c27bff.js";import"./date-fns-tz-39604516.js";import"./async-validator-dee29e8b.js";const h=y({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=S(()=>({"--ray-iframe-frameborder":l(e.frameborder),"--ray-iframe-width":l(e.width),"--ray-iframe-height":l(e.height)})),i=c(),s=c(!0),m=r=>{var a;s.value=!1,(a=e.success)==null||a.call(e,i.value,r)},n=r=>{var a;s.value=!1,(a=e.error)==null||a.call(e,i.value,r)},o=()=>i.value;return w(),v(()=>{u(o(),"load",m.bind(this)),u(o(),"error",n)}),b(()=>{f(o(),"load",m),f(o(),"error",n)}),{cssVars:g,iframeRef:i,spinShow:s}},render(){return t("div",{class:["ray-iframe",this.iframeWrapperClass],style:[this.cssVars]},[t(z,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)})])}}),X=y({name:"IframeDemo",setup(){return{}},render(){return t(N,{vertical:!0,size:[20,20]},{default:()=>[t(p,{title:"naive ui（延迟加载）"},{default:()=>[t(h,{src:"https://www.naiveui.com/zh-CN/dark",height:"300",allow:"fullscreen"},null)]}),t(p,{title:"vueuse（立即加载）"},{default:()=>[t(h,{src:"https://www.vueusejs.com/",height:"300",lazy:!1},null)]})]})}});export{X as default};