classroom-instruments/dist/index-01b0d319-1726025724028.js

import{d as mt,e as F,$ as m,r as N,q as pt,C as st,T as ft,f as i,a0 as St,a1 as It,k as S,F as O,c as it,a as Tt,u as xt,U as L,A as bt,x as at,aR as Pt,aS as ot,j as nt,w as Bt,E as lt,z as kt,ay as ct,_ as Ct,l as Rt,m as Et,D as Lt,aT as Nt,aU as _t}from"./index-cc086f93-1726025724028.js";import{i as zt}from"./icon_back-c5ec0a72-1726025724028.js";import{i as Gt}from"./icon_separator-e0f6c575-1726025724028.js";import{T as Mt}from"./index-981c1b20-1726025724028.js";import{P as Ht,T as Qt,i as Ut,a as Wt}from"./index-23c8b7c5-1726025724028.js";import{i as jt}from"./icon_default-d1bcaf5f-1726025724028.js";import{u as Vt}from"./catchData-51b04d7f-1726025724028.js";import{c as Dt,d as Ft,e as Ot}from"./api-0b96ad1a-1726025724028.js";import{g as V,s as A}from"./index-db345329-1726025724028.js";import{s as rt}from"./api-cb9b555b-1726025724028.js";import{T as ut}from"./index-28d082ef-1726025724028.js";import{u as Xt}from"./index-0bf21eae-1726025724028.js";import{v as D}from"./urlUtils-72ef455d-1726025724028.js";import{a as dt}from"./contants-32f8b17d-1726025724028.js";import{C as qt}from"./index-97e0a7e6-1726025724028.js";import"./Slider-30f9b448-1726025724028.js";import"./index-e534c243-1726025724028.js";import"./Scrollbar-8928b7cf-1726025724028.js";const Kt="_container_9tt5o_1",Zt="_iconBack_9tt5o_6",Jt="_separator_9tt5o_39",Yt="_wrap_9tt5o_44",$t="_wrapBottom_9tt5o_50",te="_content_9tt5o_53",ee="_tools_9tt5o_60",se="_contentWrap_9tt5o_84",ie="_musicList_9tt5o_91",ae="_wrapList_9tt5o_105",oe="_empty_9tt5o_111",ne="_searchSection_9tt5o_117",le="_itemContainer_9tt5o_140",ce="_item_9tt5o_140",re="_active_9tt5o_162",ue="_arrow_9tt5o_165",de="_img_9tt5o_168",me="_title_9tt5o_190",pe="_titleName_9tt5o_197",fe="_titleDes_9tt5o_204",ve="_iconType_9tt5o_218",ge="_iconPlay_9tt5o_229",he="_iconSing_9tt5o_233",ye="_btn_9tt5o_237",we="_showPlayLoading_9tt5o_262",Ae="_loadingWrap_9tt5o_265",Se="_showLoading_9tt5o_270",Ie="_musicStaff_9tt5o_276",Te="_goBtn_9tt5o_291",xe="_rightBtns_9tt5o_300",be="_textBtn_9tt5o_307",Pe="_transBtn_9tt5o_315",Be="_favitor_9tt5o_324",ke="_musicName_9tt5o_338",Ce="_staffImgs_9tt5o_346",Re="_previewWindow_9tt5o_363",Ee="_previewClose_9tt5o_369",Le="_previewIframe_9tt5o_377",Ne="_popSelect_9tt5o_383",_e="_popSelect1_9tt5o_395",ze="_popTrans_9tt5o_405",Ge="_iconArrow_9tt5o_416",Me="_textBtnActive_9tt5o_431",o={container:Kt,iconBack:Zt,separator:Jt,wrap:Yt,wrapBottom:$t,content:te,tools:ee,contentWrap:se,musicList:ie,wrapList:ae,empty:oe,searchSection:ne,itemContainer:le,item:ce,active:re,arrow:ue,img:de,title:me,titleName:pe,titleDes:fe,iconType:ve,iconPlay:ge,iconSing:he,btn:ye,showPlayLoading:we,loadingWrap:Ae,showLoading:Se,musicStaff:Ie,goBtn:Te,rightBtns:xe,textBtn:be,transBtn:Pe,favitor:Be,musicName:ke,staffImgs:Ce,previewWindow:Re,previewClose:Ee,previewIframe:Le,popSelect:Ne,popSelect1:_e,popTrans:ze,iconArrow:Ge,textBtnActive:Me},He=""+new URL("icon_goXiaoku-5d0db670.png",import.meta.url).href,Qe="data:image/png;base64,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",Ue=""+new URL("icon-collect-active-5b621440.png",import.meta.url).href,We=""+new URL("icon-close-1bf25bcf.png",import.meta.url).href,je="data:image/png;base64,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",Ve=mt({name:"music-guide",emits:["close"],setup(I,{emit:X}){const l=F({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:V("music1.png"),handStyle:{top:"0.91rem"},imgStyle:{top:m(-4),left:m(0),width:m(533),height:m(271)},btnsStyle:{bottom:m(40),left:m(-10)},eleRectPadding:{left:7,top:7,width:14,height:14},boxStyle:{}},{ele:"",img:V("music2.png"),imgStyle:{top:m(-4),left:m(-205),width:m(420),height:m(228)},btnsStyle:{bottom:m(35),left:m(-48)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:V("music3.png"),imgStyle:{top:"100%",left:m(-130),width:m(401),height:m(304)},btnsStyle:{bottom:m(100),left:m(30)},boxStyle:{borderRadius:"40px"},eleRectPadding:{left:7,top:7,width:14,height:14},type:"bottom"}],step:0}),g=N(!1),r=N({});(async()=>{try{const c=localStorage.getItem("teacher-guideInfo");c?r.value=JSON.parse(c)||null:r.value={},r.value&&r.value.musicGuide?g.value=!1:g.value=!0}catch(c){console.log(c)}})();const T=()=>{var p,y,b,w;const c=document.getElementById("music-".concat(l.step));if(c){const h=c.getBoundingClientRect();if(console.log(c.style.display,"ele"),c.style.display=="none"){x();return}const E=((p=l.steps[l.step].eleRectPadding)==null?void 0:p.left)||0,f=((y=l.steps[l.step].eleRectPadding)==null?void 0:y.top)||0,_=((b=l.steps[l.step].eleRectPadding)==null?void 0:b.width)||0,z=((w=l.steps[l.step].eleRectPadding)==null?void 0:w.height)||0;l.box={left:h.x-E+"px",top:h.y-f+"px",width:h.width+_+"px",height:h.height+z+"px"}}else x()},k=async c=>{try{if(c!=="xiaoku-music")return;r.value?r.value.musicGuide=!1:r.value={musicGuide:!1};try{rt({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(r.value)})}catch(p){console.log(p)}l.step=0,T(),g.value=!0}catch(p){}};pt(()=>{T(),window.addEventListener("resize",C),st.on("teacher-guideInfo",k)});const C=()=>{T()};ft(()=>{window.removeEventListener("resize",C),st.off("teacher-guideInfo",k)});const x=()=>{if(l.step>=3){R();return}l.step=l.step+1,T()},R=async()=>{r.value?r.value.musicGuide=!0:r.value={musicGuide:!0};try{rt({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(r.value)})}catch(c){console.log(c)}g.value=!1};return()=>i(O,null,[g.value?St(i("div",{"onUpdate:show":c=>g.value=c,class:["n-modal-mask","n-modal-mask-guide"]},[i("div",{class:A.content,onClick:()=>x()},[i("div",{class:A.backBtn,onClick:c=>{c.stopPropagation(),R()}},[S("跳过")]),i("div",{class:A.box,style:{...l.box,...l.steps[l.step].boxStyle},id:"modeType-".concat(l.step)},[l.steps.map((c,p)=>{var y,b,w,h;return i("div",{onClick:E=>E.stopPropagation(),class:A.item,style:c.type=="bottom"?{display:p===l.step?"":"none",left:"".concat((y=c.eleRect)==null?void 0:y.left,"px"),top:"-".concat((b=c.imgStyle)==null?void 0:b.height)}:{display:p===l.step?"":"none",left:"".concat((w=c.eleRect)==null?void 0:w.left,"px"),top:"".concat((h=l.box)==null?void 0:h.height)}},[i("img",{class:A.img,style:c.imgStyle,src:c.img},null),i("div",{class:A.btns,style:c.btnsStyle},[l.step+1==l.steps.length?i(O,null,[i("div",{class:[A.endBtn],onClick:()=>R()},[S("完成")])]):i("div",{class:A.btn,onClick:()=>x()},[S("下一步 ("),l.step+1,S("/"),l.steps.length,S(")")])])])})])])]),[[It,g.value,"show"]]):null])}});function De(I){return typeof I=="function"||Object.prototype.toString.call(I)==="[object Object]"&&!Lt(I)}const rs=mt({name:"XiaokuMusic",setup(){const I=Vt(),X=it(),l=Tt(),g=xt(),r=F({page:1,rows:20,status:!0,name:"",audioPlayTypes:"",musicSheetCategoriesId:l.query.id||""}),t=F({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,musicalInstrumentId:"",musicSubject:"",list:[],listActive:0,musicInstrumentIndex:0,playState:"pause",showPlayer:!1,previewModal:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,audioPlayTypeList:[],iframeSrc:"",showMusicImg:"staff",trackList:[],showTransBtn:!0,trackName:"切换声部"}),T=N(""),k=N(!1),C=it(),x=s=>{for(const e of s)e.instruments&&e.instruments.length>0&&(e.instruments.forEach(a=>{a.columnName="乐器"}),e.children=e.instruments,x(e.instruments))},R=async()=>{const s=I.getSubjectList,e=sessionStorage.getItem("musicSubjectList")?JSON.parse(sessionStorage.getItem("musicSubjectList")):[],a=[];s.forEach(n=>{e.find(u=>u.id===n.id)&&a.push(n)}),x(a),t.tags=[{columnName:"声部",name:"全部声部",id:""},...a]},c=async()=>{var e,a;t.loading=!0;let s={};try{const{audioPlayTypes:n,...d}=r;s=await Dt({...d,audioPlayTypes:n?n==="PLAY_SING"?["PLAY","SING"]:[n]:[],musicSubject:t.musicSubject,musicalInstrumentId:t.musicalInstrumentId})}catch(n){console.log(n)}if(t.reshing&&(t.list=[],t.reshing=!1),(s==null?void 0:s.code)===200&&Array.isArray((e=s==null?void 0:s.data)==null?void 0:e.rows)){(((a=s==null?void 0:s.data)==null?void 0:a.rows)||[]).forEach(u=>{u.audioPlayTypeArray=u.audioPlayTypes?u.audioPlayTypes.split(","):[]}),t.list=[...t.list,...s.data.rows],t.finshed=r.page>=s.data.pages;const d=t.list[t.listActive];d&&d.isScoreRender&&t.listActive===0&&(t.musicInstrumentIndex=999),await M(),G()}else t.finshed=!0;t.list[t.listActive]&&h(t.list[t.listActive]),t.loading=!1,setTimeout(()=>{k.value=!0},500)},p=async()=>{t.listActive=0,t.showPlayer=!1,t.playState="pause",r.page=1,t.finshed=!1,await c()},y=N(),b=()=>{t.loading||t.finshed||(r.page=r.page+1,c())},w=s=>{var e;((e=s.data)==null?void 0:e.api)==="api_fingerPreView"&&(t.showCloseBtn=!s.data.state)};pt(async()=>{const s=Object.keys(dt).map(a=>({value:a,label:dt[a]}));t.audioPlayTypeList=[{label:"全部",value:""},...s],await I.getSubjects(),Xt(document.querySelector(".musicList-container"),a=>{const n=a[0],{height:d}=n.contentRect;document.documentElement.style.setProperty("--xiaoku-music-height",d+"px")}),R(),await c(),new IntersectionObserver(a=>{a[0].intersectionRatio>0&&b()}).observe(y.value),window.addEventListener("message",w)}),ft(()=>{window.removeEventListener("message",w)});const h=async s=>{const e=await Ft({type:"MUSIC",materialId:s.id});(e==null?void 0:e.code)===200&&(s.favitor=e.data)},E=s=>{const e=t.list.findIndex(a=>a.id===s.id);e>-1&&(t.listActive=e),h(s)},f=L(()=>{var s;return t.list[t.listActive]&&"".concat(D(),"/instrument/?modelType=practise&id=").concat((s=t.list[t.listActive])==null?void 0:s.xmlFileUrl,"&Authorization=").concat(C.getToken,"/#/preview"),t.list[t.listActive]||{}}),_=()=>{t.list[t.listActive].favitor=!t.list[t.listActive].favitor,Ot({favoriteFlag:t.list[t.listActive].favitor,type:"MUSIC",materialId:t.list[t.listActive].id})},z=s=>{const e=t.list.findIndex(a=>a.id===s.id);e>-1&&(t.listActive===e?t.playState=t.playState==="play"?"pause":"play":t.playState="play",t.showPlayer=!0,t.listActive=e)};L(()=>{const s=t.list[t.listActive],e=(s==null?void 0:s.musicalInstruments)||[],a=[];return e.forEach((n,d)=>{a.push({label:n.name,value:d})}),a});const W=L(()=>{var s;return t.list.length?((s=t.list[t.listActive])==null?void 0:s.musicSheetType)!=="SINGLE":!1}),q=(s,e)=>!!(s||s===""||s===void 0||s===null||["JIAN","FIRST"].includes(e)&&!s),G=()=>{const s=C.getToken,e=t.list[t.listActive];if(!(e!=null&&e.id)){t.iframeSrc="";return}const a=t.showMusicImg==="first"?"firstTone":t.showMusicImg==="fixed"?"fixedTone":(t.showMusicImg==="staff","staff");t.iframeSrc="".concat(D(),"/instrument/?id=").concat(e==null?void 0:e.id,"&modelType=practise&modeType=json&Authorization=").concat(s,"&isPreView=true&part-index=").concat(t.musicInstrumentIndex,"&musicRenderType=").concat(a),console.log(t.iframeSrc,"iframeSrc")},K=s=>{s==="play"?t.playState="play":s==="pause"?t.playState="pause":s==="pre"?t.list[t.listActive-1]&&z(t.list[t.listActive-1]):s==="next"?t.list[t.listActive+1]&&z(t.list[t.listActive+1]):s==="favitor"&&_()},vt=L(()=>{const s=t.list[t.listActive],{scoreType:e,isConvertibleScore:a}=s||{},n=[{value:"first",label:"首调"},{value:"fixed",label:"固定调"}];return!(["JIAN","FIRST"].includes(e)&&a===!1)&&a!=null&&n.unshift({value:"staff",label:"五线谱"}),n}),M=async()=>{const s=t.list[t.listActive];if((s==null?void 0:s.musicSheetType)==="CONCERT"){if(s.xmlFileUrl){const e=await fetch(s.xmlFileUrl).then(a=>a.text());gt(e)}}else{const{scoreType:e,isConvertibleScore:a}=s||{};let n="first";n=e==="STAVE"?"staff":e==="JIAN"?"fixed":"first",t.showMusicImg=n,t.showTransBtn=q(a,e)}},gt=s=>{var Y,$,Q,tt,et;const a=(($=(Y=new DOMParser().parseFromString(s,"text/xml").getElementsByTagName("part-list"))==null?void 0:Y[0])==null?void 0:$.getElementsByTagName("score-part"))||[],n=Array.from(a).map(v=>{var P,U,B;return((B=(U=(P=v.getElementsByTagName("part-name"))==null?void 0:P[0])==null?void 0:U.textContent)==null?void 0:B.trim())||v.getAttribute("id")||""});((tt=(Q=n[0])==null?void 0:Q.toLocaleUpperCase)==null?void 0:tt.call(Q))==="COMMON"&&n.shift();const d=(et=t.list[t.listActive])==null?void 0:et.multiTracksSelection,u=d?d==null?void 0:d.split(","):[],ht=n.map((v,P)=>{const U=!!(u.length==0||u.includes(v)),B=Nt(v),At=_t(B,P);return{label:v+(B?"(".concat(B,")"):""),value:P,sortId:At,canselect:U,track:v}}).filter(v=>v.canselect).sort((v,P)=>v.sortId-P.sortId);t.trackList=ht;const Z=t.list[t.listActive];Z&&Z.isScoreRender&&t.trackList.unshift({label:"总谱",value:999,sortId:0,canselect:!0,track:999});const yt=t.list[t.listActive],{scoreType:H,isConvertibleScore:wt}=yt||{};let J="first";J=H==="STAVE"?"staff":H==="JIAN"?"fixed":"first",t.showMusicImg=J,t.showTransBtn=q(wt,H)};bt(()=>t.listActive,async()=>{t.musicInstrumentIndex=0,M()});const j=L(()=>{var e,a,n,d;let s=[];if(t.showMusicImg==="first"){const u=(e=f.value)==null?void 0:e.musicFirstImg;s=u?u.split(","):[]}else if(t.showMusicImg==="fixed"){const u=(a=f.value)==null?void 0:a.musicJianImg;s=u?u.split(","):[]}else if(t.showMusicImg==="staff"){const u=((n=f.value)==null?void 0:n.musicImg)||((d=f.value)==null?void 0:d.musicSvg);s=u?u.split(","):[]}return s});return()=>{let s;return i("div",{class:o.container},[i(at,{align:"center",wrapItem:!1,size:16},{default:()=>[i("img",{style:{cursor:"pointer"},src:zt,class:o.iconBack,onClick:()=>g.push({path:"/xiaoku-ai"})},null),i(Pt,{separator:""},{default:()=>[i(ot,{onClick:()=>g.push({path:"/xiaoku-ai"})},{default:()=>[S("全部列表")]}),i("img",{class:o.separator,src:Gt},null),i(ot,null,{default:()=>[l.query.name]})]})]}),i("div",{class:[o.wrap,t.showPlayer?o.wrapBottom:""]},[i("div",{class:o.content},[i("div",{class:o.tools},[i(at,{style:{width:"100%"},size:[12,6],wrapItem:!1},De(s=t.audioPlayTypeList.map(e=>i(nt,{round:!0,textColor:r.audioPlayTypes===e.value?"#fff":"#000",color:r.audioPlayTypes===e.value?"#198CFE":"#fff",type:r.audioPlayTypes===e.value?"primary":"default",onClick:async()=>{var a;r.audioPlayTypes=e.value||"",e.value==="SING"&&(t.musicalInstrumentId="",t.musicSubject=""),t.reshing=!0,(a=document.querySelector(".musicList-container"))==null||a.scroll(0,0),await p()}},{default:()=>[e.label]})))?s:{default:()=>[s]})]),i("div",{class:o.contentWrap},[i("div",{class:[o.musicList,"musicList-container"]},[i("div",{class:o.searchSection},[r.audioPlayTypes!=="SING"&&i(qt,{placeholder:"全部乐器",arrowType:"small",childShowAllCheck:!1,class:o.instrumentSection,value:T.value,"onUpdate:value":e=>T.value=e,options:t.tags,onMoreId:async e=>{var a;t.loading||(t.musicalInstrumentId=e.childId,t.musicSubject=e.parentId,t.reshing=!0,(a=document.querySelector(".musicList-container"))==null||a.scroll(0,0),await p())}},null),i(Mt,{style:{marginLeft:"auto"},round:!0,border:!1,onSearch:e=>{var a;t.loading||(r.name=e,t.reshing=!0,(a=document.querySelector(".musicList-container"))==null||a.scroll(0,0),p())}},null)]),i("div",{class:[o.wrapList,"music-wrap-list"]},[t.list.map((e,a)=>{var n,d;return i("div",{class:o.itemContainer},[i("div",{class:[o.item,t.listActive===a&&o.active],onClick:async()=>{E(e),await M();const u=t.list[t.listActive];u&&u.isScoreRender?t.musicInstrumentIndex=999:t.musicInstrumentIndex=0,G()}},[i("div",{class:o.img},[i(Bt,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:e.titleImg||jt,onLoad:u=>{u.target.dataset.loaded="true"}},null),i(Ht,{class:[t.listActive===a&&t.playState==="play"?"":o.showPlayLoading]},null)]),i("div",{class:o.title},[i("div",{class:o.titleName},[i(Qt,{text:e.musicSheetName},null)]),i("div",{class:o.titleDes},[((n=e.audioPlayTypeArray)==null?void 0:n.includes("SING"))&&i("span",{class:[o.iconType,o.iconSing]},[S("演唱")]),((d=e.audioPlayTypeArray)==null?void 0:d.includes("PLAY"))&&i("span",{class:[o.iconType,o.iconPlay]},[S("演奏")]),i("span",{class:o.composer},[e.composer])])]),i("img",{class:o.arrow,src:Ut},null)])])}),i("div",{ref:y,class:[o.loadingWrap,t.finshed&&o.showLoading]},[i(lt,{show:!0},null)]),!t.loading&&t.list.length===0&&i("div",{class:o.empty},[i(ut,null,null)])])]),i("div",{class:o.musicStaff},[i("div",{class:o.musicName},[f.value.musicSheetName]),i("img",{id:"music-2",style:{display:f.value.id?"":"none"},class:[o.goBtn],src:He,onClick:()=>{K("pause");let e="staff";t.showMusicImg==="first"?e="firstTone":t.showMusicImg==="fixed"?e="fixedTone":t.showMusicImg==="staff"&&(e="staff");let a="".concat(D(),"/instrument?v=").concat(+new Date,"&platform=pc&id=").concat(f.value.id,"&Authorization=").concat(X.getToken,"&musicRenderType=").concat(e,"&showGuide=true&part-index=").concat(t.musicInstrumentIndex);t.musicalInstrumentId&&(a+="&instrumentId="+t.musicalInstrumentId),window.matchMedia("(display-mode: standalone)").matches?(kt.application=window.matchMedia("(display-mode: standalone)").matches,t.previewModal=!0,t.previewUrl=a,t.showPreivew=!1):window.open(a)}},null),i("div",{class:o.rightBtns,style:{display:f.value.id?"":"none"}},[W.value&&i(ct,{options:t.trackList,trigger:"hover",value:t.musicInstrumentIndex,"onUpdate:value":[e=>t.musicInstrumentIndex=e,async e=>{var a;await M(),t.trackName=((a=t.trackList.find(n=>n.value===t.musicInstrumentIndex))==null?void 0:a.label)||"切换声部",G()}],class:[o.popSelect]},{default:()=>[i(nt,{round:!0,class:[o.textBtn]},{default:()=>{var e;return[((e=t.trackList.find(a=>a.value===t.musicInstrumentIndex))==null?void 0:e.label)||"切换声部",i("i",{class:o.iconArrow},null)]}})]}),t.showTransBtn&&i(ct,{options:vt.value,trigger:"hover",value:t.showMusicImg,"onUpdate:value":[e=>t.showMusicImg=e,async e=>{t.showMusicImg=e,W.value&&G()}],class:[o.popTrans]},{default:()=>[i("img",{class:[o.transBtn],src:je},null)]}),i("div",{class:o.favitor,onClick:()=>_()},[i(Ct,{name:"favitor",mode:"out-in"},{default:()=>[f.value.favitor?i("img",{src:Ue,key:"1"},null):i("img",{src:Qe,key:"2"},null)]})])]),i("div",{class:o.staffImgs},[t.iframeSrc&&(W.value||j.value.length===0)?i("iframe",{id:"staffIframeRef",style:{width:"100%",height:"100%",paddingTop:"20px"},src:t.iframeSrc,onLoad:()=>{}},null):i(O,null,[j.value.length>0?j.value.map(e=>i("img",{src:e,key:e},null)):i(ut,null,null)])])])])])]),t.list.length!==0&&i(Wt,{show:t.showPlayer,playState:t.playState,item:f.value,onChange:e=>K(e)},null),k.value?i(Ve,null,null):null,i(Rt,{maskClosable:Et,show:t.previewModal,"onUpdate:show":[e=>t.previewModal=e,e=>{e||(t.previewUrl="")}],class:o.previewWindow,showIcon:!1,displayDirective:"show"},{default:()=>[i(lt,{show:t.showPreivew,style:"--n-opacity-spinning: 1;"},{default:()=>[i("img",{style:{display:t.showCloseBtn?"":"none"},src:We,class:o.previewClose,onClick:()=>{t.previewModal=!1,t.previewUrl=""}},null),i("iframe",{class:o.previewIframe,onLoad:()=>{t.showPreivew=!1},frameborder:"0",src:t.previewUrl},null)]})]})])}}});export{rs as default};