mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-06 03:57:49 +08:00
2 lines
3.4 KiB
JavaScript
2 lines
3.4 KiB
JavaScript
import{i as m,o as n,j as p,l as f}from"./index-fe9929a8.js";import{k as w,A as S,f as v,t as b,b as r,E as c}from"./@vue_runtime-core@3.3.4-073fad6e.js";import{k as d}from"./@vue_reactivity@3.3.4-2b3a1c4e.js";import{A as N,U as h,f as z}from"./naive-ui@2.34.4_vue@3.3.4-eb250861.js";import"./vue-router@4.2.4_vue@3.3.4-4991130b.js";import"./lodash-es@4.17.21-b7de4195.js";import"./vue-i18n@9.2.2_vue@3.3.4-a7a92bd0.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-adc18375.js";import"./@babel_runtime@7.22.6-960cbc2f.js";import"./pinia@2.1.4_typescript@5.0.2_vue@3.3.4-ab93b4ec.js";import"./vue-demi@0.14.5_vue@3.3.4-71ba0ef2.js";import"./screenfull@6.0.2-b3e6dc1f.js";import"./@vue_runtime-dom@3.3.4-d86573ec.js";import"./@vue_shared@3.3.4-896c5ecf.js";import"./@vueuse_core@9.1.0_vue@3.3.4-f4b6b7e2.js";import"./@vueuse_shared@9.1.0_vue@3.3.4-e5bccb39.js";import"./pinia-plugin-persistedstate@3.1.0_pinia@2.1.4-4f3b1591.js";import"./clipboard@2.0.11-6193b289.js";import"./date-fns@2.30.0-0bf1b710.js";import"./vueuc@0.4.51_vue@3.3.4-6588b5bd.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.3.4-24369cc5.js";import"./vooks@0.2.12_vue@3.3.4-59877c34.js";import"./vdirs@0.1.8_vue@3.3.4-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 y=w({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,Array],default:null},error:{type:[Function,Array],default:null},customSpinProps:{type:Object,default:()=>({})},lazy:{type:Boolean,default:!0}},setup(t,{expose:g}){const F=S(()=>({"--ray-iframe-frameborder":m(t.frameborder),"--ray-iframe-width":m(t.width),"--ray-iframe-height":m(t.height)})),o=d(),s=d(!0),l=e=>{s.value=!1;const{success:a}=t;a&&f(a,o.value,e)},u=e=>{s.value=!1;const{error:a}=t;a&&f(a,e)},i=()=>o.value;return g(),v(()=>{n(i(),"load",l.bind(this)),n(i(),"error",u)}),b(()=>{p(i(),"load",l),p(i(),"error",u)}),{cssVars:F,iframeRef:o,spinShow:s}},render(){return r("div",{class:["ray-iframe",this.iframeWrapperClass],style:[this.cssVars]},[r(N,c(this.customSpinProps,{show:this.spinShow}),{...this.$slots,default:()=>r("iframe",c({class:"ray-iframe__container",ref:"iframeRef",src:this.src,allow:this.allow,name:this.name,title:this.title},{loading:this.lazy?"lazy":null}),null)})])}}),mr=w({name:"IframeDemo",setup(){return{}},render(){return r(z,{vertical:!0,size:[20,20]},{default:()=>[r(h,{title:"naive ui（延迟加载）"},{default:()=>[r(y,{src:"https://www.naiveui.com/zh-CN/dark",height:"300",allow:"fullscreen"},null)]}),r(h,{title:"vueuse（立即加载）"},{default:()=>[r(y,{src:"https://www.vueusejs.com/",height:"300",lazy:!1},null)]})]})}});export{mr as default};
|