import{i as m,o as f,f as c}from"./index-2371ec4f.js";import{h as y,d as S,r as d,o as g,j as v,ad as e,z as b,e as p}from"./@vue-5ea710d1.js";import{L as N,f as l}from"./naive-ui-bed575c4.js";import"./dayjs-fb92b34a.js";import"./date-fns-43132c58.js";import"./pinia-752c5196.js";import"./vue-demi-71ba0ef2.js";import"./lodash-es-de060e62.js";import"./vue-i18n-a81083e4.js";import"./@intlify-deb68647.js";import"./vue-router-73d0f31d.js";import"./@vueuse-1c312fe5.js";import"./screenfull-b3e6dc1f.js";import"./pinia-plugin-persistedstate-d93b4f94.js";import"./vueuc-ab337559.js";import"./evtd-b614532e.js";import"./seemly-dc6f1e91.js";import"./@css-render-3e4116d4.js";import"./vooks-30ff42a2.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-9041c6f6.js";import"./async-validator-dee29e8b.js";const h=y({name:"RayIframe",props:{src:{type:String,required:!0},iframeWrapperClass:{type:String,default:""},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:()=>({})}},setup(t){const w=S(()=>({"--ray-iframe-frameborder":m(t.frameborder),"--ray-iframe-width":m(t.width),"--ray-iframe-height":m(t.height)})),i=d(),o=d(!0),n=r=>{var a;o.value=!1,(a=t.success)==null||a.call(t,i.value,r)},u=r=>{var a;o.value=!1,(a=t.error)==null||a.call(t,i.value,r)},s=()=>i.value;return g(()=>{f(s(),"load",n.bind(this)),f(s(),"error",u)}),v(()=>{c(s(),"load",n),c(s(),"error",u)}),{cssVars:w,iframeRef:i,spinShow:o}},render(){return e("div",{class:["ray-iframe",this.iframeWrapperClass],style:[this.cssVars]},[e(N,b(this.customSpinProps,{show:this.spinShow}),{...this.$slots,default:()=>e("iframe",{class:"ray-iframe__container",ref:"iframeRef",src:this.src,allow:this.allow,name:this.name,title:this.title},null)})])}}),K=y({name:"IframeDemo",setup(){return{}},render(){return e(l,{vertical:!0,size:[20,20]},{default:()=>[e(l,{vertical:!0,size:[20,20]},{default:()=>[e("h2",null,[p("naive ui")]),e(h,{src:"https://www.naiveui.com/zh-CN/dark",height:"500",allow:"fullscreen"},null)]}),e(l,{vertical:!0,size:[20,20]},{default:()=>[e("h2",null,[p("vueuse")]),e(h,{src:"https://www.vueusejs.com/",height:"500"},null)]})]})}});export{K as default};