ray-template/assets/index-48f68b7f.js

import{h as l,o as f,i as c}from"./index-2154fc04.js";import{h as y,d as g,r as d,o as v,j as b,ad as e,z as N,e as p}from"./@vue-eb7e5abd.js";import{L as z,f as m}from"./naive-ui-0ce76152.js";import"./pinia-354e603e.js";import"./vue-demi-71ba0ef2.js";import"./lodash-es-92f3d5bd.js";import"./vue-i18n-5cd6efb9.js";import"./@intlify-deb68647.js";import"./dayjs-3e0825c6.js";import"./clipboard-9c798d85.js";import"./vue-router-2b6b03f4.js";import"./@vueuse-de8d2022.js";import"./screenfull-b3e6dc1f.js";import"./pinia-plugin-persistedstate-d93b4f94.js";import"./date-fns-6c225a00.js";import"./vueuc-04532b35.js";import"./evtd-b614532e.js";import"./seemly-dc6f1e91.js";import"./@css-render-0c635611.js";import"./vooks-25f0401a.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:()=>({})}},setup(t,{expose:w}){const S=g(()=>({"--ray-iframe-frameborder":l(t.frameborder),"--ray-iframe-width":l(t.width),"--ray-iframe-height":l(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 w(),v(()=>{f(s(),"load",n.bind(this)),f(s(),"error",u)}),b(()=>{c(s(),"load",n),c(s(),"error",u)}),{cssVars:S,iframeRef:i,spinShow:o}},render(){return e("div",{class:["ray-iframe",this.iframeWrapperClass],style:[this.cssVars]},[e(z,N(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)})])}}),X=y({name:"IframeDemo",setup(){return{}},render(){return e(m,{vertical:!0,size:[20,20]},{default:()=>[e(m,{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(m,{vertical:!0,size:[20,20]},{default:()=>[e("h2",null,[p("vueuse")]),e(h,{src:"https://www.vueusejs.com/",height:"500"},null)]})]})}});export{X as default};