mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-27 12:08:55 +08:00
2 lines
3.4 KiB
JavaScript
2 lines
3.4 KiB
JavaScript
import{i as s,o as n,j as f}from"./index-54932e89.js";import{e as y,z as F,f as S,q as v,a as t,D as p}from"./@vue_runtime-core@3.2.47-d3ee065b.js";import{k as c}from"./@vue_reactivity@3.2.47-2d471fc5.js";import{A as b,U as d,f as z}from"./naive-ui@2.34.4_vue@3.2.47-31a93ea4.js";import"./@vue_runtime-dom@3.2.47-3602d578.js";import"./@vue_shared@3.2.47-a2d211b5.js";import"./vue-router@4.1.3_vue@3.2.47-8626a243.js";import"./pinia@2.0.17_typescript@5.0.2_vue@3.2.47-765cf159.js";import"./vue-demi@0.14.5_vue@3.2.47-71ba0ef2.js";import"./lodash-es@4.17.21-b7de4195.js";import"./vue-i18n@9.2.2_vue@3.2.47-49027c09.js";import"./@intlify_shared@9.2.2-e4047ebf.js";import"./@intlify_core-base@9.2.2-a0a8715c.js";import"./@intlify_message-compiler@9.2.2-8a818441.js";import"./@intlify_devtools-if@9.2.2-c61c979f.js";import"./dayjs@1.11.7-6cbb96c2.js";import"./@babel_runtime@7.22.6-960cbc2f.js";import"./@vueuse_core@9.1.0_vue@3.2.47-7dce8a3b.js";import"./@vueuse_shared@9.1.0_vue@3.2.47-d31e2061.js";import"./screenfull@6.0.2-b3e6dc1f.js";import"./pinia-plugin-persistedstate@2.4.0_pinia@2.0.17-d93b4f94.js";import"./clipboard@2.0.11-6193b289.js";import"./date-fns@2.30.0-0bf1b710.js";import"./vueuc@0.4.51_vue@3.2.47-8cde9fac.js";import"./evtd@0.2.4-b614532e.js";import"./seemly@0.3.6-dc6f1e91.js";import"./@css-render_vue3-ssr@0.15.12_vue@3.2.47-71be054e.js";import"./vooks@0.2.12_vue@3.2.47-56ef56e2.js";import"./vdirs@0.1.8_vue@3.2.47-4519c5fd.js";import"./@juggle_resize-observer@3.4.0-41516555.js";import"./css-render@0.15.12-57b1a53f.js";import"./@emotion_hash@0.8.0-8a8e73f6.js";import"./treemate@0.3.11-25c27bff.js";import"./date-fns-tz@1.3.8_date-fns@2.30.0-7cff6900.js";import"./async-validator@4.2.5-dee29e8b.js";import"./@css-render_plugin-bem@0.15.12_css-render@0.15.12-9dde7ffe.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=F(()=>({"--ray-iframe-frameborder":s(e.frameborder),"--ray-iframe-width":s(e.width),"--ray-iframe-height":s(e.height)})),i=c(),m=c(!0),l=r=>{var a;m.value=!1,(a=e.success)==null||a.call(e,i.value,r)},u=r=>{var a;m.value=!1,(a=e.error)==null||a.call(e,i.value,r)},o=()=>i.value;return w(),S(()=>{n(o(),"load",l.bind(this)),n(o(),"error",u)}),v(()=>{f(o(),"load",l),f(o(),"error",u)}),{cssVars:g,iframeRef:i,spinShow:m}},render(){return t("div",{class:["ray-iframe",this.iframeWrapperClass],style:[this.cssVars]},[t(b,p(this.customSpinProps,{show:this.spinShow}),{...this.$slots,default:()=>t("iframe",p({class:"ray-iframe__container",ref:"iframeRef",src:this.src,allow:this.allow,name:this.name,title:this.title},{loading:this.lazy?"lazy":null}),null)})])}}),me=y({name:"IframeDemo",setup(){return{}},render(){return t(z,{vertical:!0,size:[20,20]},{default:()=>[t(d,{title:"naive ui（延迟加载）"},{default:()=>[t(h,{src:"https://www.naiveui.com/zh-CN/dark",height:"300",allow:"fullscreen"},null)]}),t(d,{title:"vueuse（立即加载）"},{default:()=>[t(h,{src:"https://www.vueusejs.com/",height:"300",lazy:!1},null)]})]})}});export{me as default};
|