| 1 |
- import{d as Y,e as F,X as r,r as P,p as Z,H as D,O as ee,f as s,c1 as te,bT as se,k as g,F as W,c as z,a as ie,u as ae,M as oe,U as T,w as $,ck as ne,cl as O,cm as V,j as C,v as le,x as ce,A as J,W as re,a6 as ue,l as de,aV as pe}from"./index-27f7a5ff-1706578181881.js";import{i as me}from"./icon_back-c5ec0a72-1706578181881.js";import{i as fe,P as ge,a as X,b as H,c as ve,d as we}from"./index-3f03f6eb-1706578181881.js";import{T as he}from"./index-79eb9d4b-1706578181881.js";import{i as ye,a as _e}from"./icon-collect-active-4272e308-1706578181881.js";import{i as ke}from"./icon_default-d1bcaf5f-1706578181881.js";import{T as Se}from"./index-d6f43343-1706578181881.js";import{u as xe}from"./catchData-f3080e55-1706578181881.js";import{c as Ie,d as be,e as Ae}from"./api-a397d692-1706578181881.js";import{g as E,s as v,a as Ce,b as K}from"./api-221d00ce-1706578181881.js";import{T as Q}from"./index-e02cdd39-1706578181881.js";import{s as Be}from"./state-562f7ea6-1706578181881.js";import{u as qe}from"./index-0bbff45b-1706578181881.js";import"./Slider-861d2fd0-1706578181881.js";import"./index-fc7ef723-1706578181881.js";const Le="_container_1ukwq_1",Pe="_iconBack_1ukwq_6",Ne="_separator_1ukwq_39",Re="_wrap_1ukwq_44",Te="_wrapBottom_1ukwq_50",$e="_content_1ukwq_53",Ee="_tools_1ukwq_60",Fe="_contentWrap_1ukwq_84",Ue="_musicList_1ukwq_91",je="_wrapList_1ukwq_105",Ge="_empty_1ukwq_111",Me="_itemContainer_1ukwq_117",De="_item_1ukwq_117",We="_active_1ukwq_139",ze="_arrow_1ukwq_142",Oe="_img_1ukwq_145",Ve="_title_1ukwq_167",Je="_titleName_1ukwq_174",Xe="_titleDes_1ukwq_181",He="_btn_1ukwq_191",Ke="_showPlayLoading_1ukwq_216",Qe="_loadingWrap_1ukwq_219",Ye="_musicStaff_1ukwq_224",Ze="_goBtn_1ukwq_239",et="_rightBtns_1ukwq_248",tt="_textBtn_1ukwq_255",st="_favitor_1ukwq_263",it="_musicName_1ukwq_278",at="_staffImgs_1ukwq_286",ot="_previewWindow_1ukwq_303",nt="_previewClose_1ukwq_308",lt="_previewIframe_1ukwq_315",ct="_popSelect_1ukwq_321",rt="_iconArrow_1ukwq_331",ut="_textBtnActive_1ukwq_343",a={container:Le,iconBack:Pe,separator:Ne,wrap:Re,wrapBottom:Te,content:$e,tools:Ee,contentWrap:Fe,musicList:Ue,wrapList:je,empty:Ge,itemContainer:Me,item:De,active:We,arrow:ze,img:Oe,title:Ve,titleName:Je,titleDes:Xe,btn:He,showPlayLoading:Ke,loadingWrap:Qe,musicStaff:Ye,goBtn:Ze,rightBtns:et,textBtn:tt,favitor:st,musicName:it,staffImgs:at,previewWindow:ot,previewClose:nt,previewIframe:lt,popSelect:ct,iconArrow:rt,textBtnActive:ut},dt=""+new URL("icon_goXiaoku-5d0db670.png",import.meta.url).href,pt=""+new URL("icon-close-1bf25bcf.png",import.meta.url).href,mt=Y({name:"music-guide",emits:["close"],setup(k,{emit:U}){const n=F({box:{height:"0px"},show:!1,steps:[{ele:"",eleRect:{},img:E("music1.png"),handStyle:{top:"0.91rem"},imgStyle:{top:r(-4),left:r(0),width:r(533),height:r(271)},btnsStyle:{bottom:r(40),left:r(159)},eleRectPadding:{left:7,top:7,width:14,height:14},boxStyle:{}},{ele:"",img:E("music2.png"),imgStyle:{top:r(-4),left:r(-205),width:r(420),height:r(228)},btnsStyle:{bottom:r(35),left:r(-48)},boxStyle:{borderRadius:"25px"},eleRectPadding:{left:7,top:7,width:14,height:14}},{ele:"",img:E("music3.png"),imgStyle:{top:"100%",left:r(-130),width:r(401),height:r(304)},btnsStyle:{bottom:r(100),left:r(30)},boxStyle:{borderRadius:"40px"},eleRectPadding:{left:7,top:7,width:14,height:14},type:"bottom"}],step:0}),f=P(!1),c=P({});(async()=>{var l;try{const u=await Ce({guideTag:"teacher-guideInfo"});u.data?c.value=JSON.parse((l=u.data)==null?void 0:l.guideValue)||null:c.value={},c.value&&c.value.musicGuide?f.value=!1:f.value=!0}catch(u){console.log(u)}})();const w=()=>{var u,y,_,x;const l=document.getElementById("music-".concat(n.step));if(l){const m=l.getBoundingClientRect();if(console.log(l.style.display,"ele"),l.style.display=="none"){h();return}const p=((u=n.steps[n.step].eleRectPadding)==null?void 0:u.left)||0,q=((y=n.steps[n.step].eleRectPadding)==null?void 0:y.top)||0,I=((_=n.steps[n.step].eleRectPadding)==null?void 0:_.width)||0,N=((x=n.steps[n.step].eleRectPadding)==null?void 0:x.height)||0;n.box={left:m.x-p+"px",top:m.y-q+"px",width:m.width+I+"px",height:m.height+N+"px"}}else h()},b=async l=>{try{if(l!=="xiaoku-music")return;c.value?c.value.musicGuide=!1:c.value={musicGuide:!1};try{await K({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(c.value)})}catch(u){console.log(u)}n.step=0,w(),f.value=!0}catch(u){}};Z(()=>{w(),window.addEventListener("resize",B),D.on("teacher-guideInfo",l=>b(l))});const B=()=>{w()};ee(()=>{window.removeEventListener("resize",B),D.off("teacher-guideInfo",b)});const h=()=>{if(n.step>=3){S();return}n.step=n.step+1,w()},S=async()=>{c.value?c.value.musicGuide=!0:c.value={musicGuide:!0};try{const l=await K({guideTag:"teacher-guideInfo",guideValue:JSON.stringify(c.value)})}catch(l){console.log(l)}f.value=!1};return()=>s(W,null,[f.value?te(s("div",{"onUpdate:show":l=>f.value=l,class:["n-modal-mask","n-modal-mask-guide"]},[s("div",{class:v.content,onClick:()=>h()},[s("div",{class:v.backBtn,onClick:l=>{l.stopPropagation(),S()}},[g("跳过")]),s("div",{class:v.box,style:{...n.box,...n.steps[n.step].boxStyle},id:"modeType-".concat(n.step)},[n.steps.map((l,u)=>{var y,_,x,m;return s("div",{onClick:p=>p.stopPropagation(),class:v.item,style:l.type=="bottom"?{display:u===n.step?"":"none",left:"".concat((y=l.eleRect)==null?void 0:y.left,"px"),top:"-".concat((_=l.imgStyle)==null?void 0:_.height)}:{display:u===n.step?"":"none",left:"".concat((x=l.eleRect)==null?void 0:x.left,"px"),top:"".concat((m=n.box)==null?void 0:m.height)}},[s("img",{class:v.img,style:l.imgStyle,src:l.img},null),s("div",{class:v.btns,style:l.btnsStyle},[n.step+1==n.steps.length?s(W,null,[s("div",{class:[v.endBtn],onClick:()=>S()},[g("完成")]),s("div",{class:v.nextBtn,onClick:()=>{n.step=0,w()}},[g("再看一遍")])]):s("div",{class:v.btn,onClick:()=>h()},[g("下一步 ("),n.step+1,g("/"),n.steps.length,g(")")])])])})])])]),[[se,f.value,"show"]]):null])}});function ft(k){return typeof k=="function"||Object.prototype.toString.call(k)==="[object Object]"&&!pe(k)}const Lt=Y({name:"XiaokuMusic",setup(){const k=xe(),U=z(),n=ie(),f=ae(),c=F({page:1,rows:20,status:!0,name:"",musicSheetCategoriesId:n.query.id||""}),e=F({loading:!1,finshed:!1,reshing:!1,tags:[],tagIndex:0,list:[],listActive:0,musicInstrumentIndex:0,playState:"pause",showPlayer:!1,previewModal:!1,showPreivew:!1,previewUrl:"",showCloseBtn:!0,iframeSrc:""}),w=P(!1),b=z(),B=async()=>{const i=k.getSubjectAllList,t=sessionStorage.getItem("musicSubjectList")?JSON.parse(sessionStorage.getItem("musicSubjectList")):[],o=[];i.forEach(d=>{t.find(L=>L.id===d.id)&&o.push(d)}),e.tags=[{name:"全部",id:0},...o]},h=async()=>{var t;e.loading=!0;let i={};try{i=await Ie({...c,musicSubject:e.tagIndex?e.tagIndex:""})}catch(o){console.log(o)}e.reshing&&(e.list=[],e.reshing=!1),(i==null?void 0:i.code)===200&&Array.isArray((t=i==null?void 0:i.data)==null?void 0:t.rows)&&(e.list=[...e.list,...i.data.rows],e.finshed=i.data.rows.length<c.rows,console.log("🚀 ~ data.finshed:",e.finshed)),e.list[e.listActive]&&_(e.list[e.listActive]),e.loading=!1,setTimeout(()=>{w.value=!0},500)},S=()=>{e.listActive=0,e.showPlayer=!1,e.playState="pause",c.page=1,e.finshed=!1,h()},l=P(),u=()=>{console.log(e.finshed),!(e.loading||e.finshed)&&(c.page=c.page+1,h())},y=i=>{var t;((t=i.data)==null?void 0:t.api)==="api_fingerPreView"&&(e.showCloseBtn=!i.data.state)};Z(async()=>{await k.getSubjects(),qe(document.querySelector(".musicList-container"),t=>{const o=t[0],{height:d}=o.contentRect;document.documentElement.style.setProperty("--xiaoku-music-height",d+"px")}),B(),await h();const i=new IntersectionObserver(t=>{t[0].intersectionRatio>0&&u()});oe(()=>{i.observe(l.value)}),window.addEventListener("message",y)}),ee(()=>{window.removeEventListener("message",y)});const _=async i=>{const t=await be({type:"MUSIC",materialId:i.id});(t==null?void 0:t.code)===200&&(i.favitor=t.data)},x=i=>{const t=e.list.findIndex(o=>o.id===i.id);t>-1&&(e.listActive=t),_(i)},m=i=>{const t={};return i==null||i.forEach(o=>{o.id===e.tagIndex&&(t.selected=!0,t.name=o.name)}),t},p=T(()=>{if(e.list[e.listActive]){const i=/(localhost|192)/.test(location.host)?"https://dev.kt.colexiu.com":location.origin;console.log(e.list[e.listActive].xmlFileUrl,"data.list[data.listActive]"),"".concat(i,"/instrument?modelType=practise&id=").concat(e.list[e.listActive].xmlFileUrl,"&Authorization=").concat(b.getToken,"/#/preview")}return e.list[e.listActive]||{}}),q=()=>{e.list[e.listActive].favitor=!e.list[e.listActive].favitor,Ae({favoriteFlag:e.list[e.listActive].favitor,type:"MUSIC",materialId:e.list[e.listActive].id})},I=i=>{const t=e.list.findIndex(o=>o.id===i.id);t>-1&&(e.listActive===t?e.playState=e.playState==="play"?"pause":"play":e.playState="play",e.showPlayer=!0,e.listActive=t)},N=T(()=>{const i=e.list[e.listActive],t=(i==null?void 0:i.musicalInstruments)||[],o=[];return t.forEach((d,A)=>{o.push({label:d.name,value:A})}),o}),j=T(()=>{const i=e.list[e.listActive],t=i==null?void 0:i.musicalInstruments;return!!(t&&t.length>1)}),R=()=>{const i=b.getToken,t=e.list[e.listActive],o=/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin;console.log(o,"origin","".concat(o,"/instrument/?id=").concat(t.id,"&modelType=practise&modeType=json&Authorization=").concat(i,"&isPreView=true&part-index=").concat(e.musicInstrumentIndex)),e.iframeSrc="".concat(o,"/instrument/?id=").concat(t.id,"&modelType=practise&modeType=json&Authorization=").concat(i,"&isPreView=true&part-index=").concat(e.musicInstrumentIndex)},G=i=>{i==="play"?e.playState="play":i==="pause"?e.playState="pause":i==="pre"?e.list[e.listActive-1]&&I(e.list[e.listActive-1]):i==="next"?e.list[e.listActive+1]&&I(e.list[e.listActive+1]):i==="favitor"&&q()};return()=>{let i;return s("div",{class:a.container},[s($,{align:"center",wrapItem:!1,size:16},{default:()=>[s("img",{style:{cursor:"pointer"},src:me,class:a.iconBack,onClick:()=>f.push({path:"/xiaoku-ai"})},null),s(ne,{separator:""},{default:()=>[s(O,{onClick:()=>f.push({path:"/xiaoku-ai"})},{default:()=>[g("全部列表")]}),s("img",{class:a.separator,src:fe},null),s(O,null,{default:()=>[n.query.name]})]})]}),s("div",{class:[a.wrap,e.showPlayer?a.wrapBottom:""]},[s("div",{class:a.content},[s("div",{class:a.tools},[s($,{style:{width:"100%"},size:[24,12],wrapItem:!1},{default:()=>[s("div",{id:"music-0"},[s($,{style:{width:"100%"},size:[24,12],wrapItem:!1},ft(i=e.tags.map(t=>t.instruments&&t.instruments.length>1?s(V,{options:t.instruments,trigger:"hover",value:e.tagIndex,"onUpdate:value":[o=>e.tagIndex=o,()=>{console.log(e.tagIndex,"tagIndex",e.tagIndex),e.reshing=!0,S()}],key:t.id,class:[a.popSelect]},{default:()=>[s(C,{round:!0,textColor:m(t.instruments).selected?"#fff":"#000",color:m(t.instruments).selected?"#198CFE":"#fff",type:m(t.instruments).selected?"primary":"default",class:[a.textBtn,m(t.instruments).selected&&a.textBtnActive]},{default:()=>[m(t.instruments).name||t.name,s("i",{class:a.iconArrow},null)]})]}):s(C,{round:!0,textColor:e.tagIndex===t.id?"#fff":"#000",color:e.tagIndex===t.id?"#198CFE":"#fff",type:e.tagIndex===t.id?"primary":"default",onClick:()=>{e.tagIndex=t.id,e.reshing=!0,S()}},{default:()=>[t.name]})))?i:{default:()=>[i]})])]}),s(he,{style:{marginLeft:"auto"},round:!0,border:!1,onSearch:t=>{c.name=t,e.reshing=!0,S()}},null)]),s("div",{class:a.contentWrap},[s("div",{class:[a.musicList,"musicList-container"]},[s("div",{class:a.wrapList},[e.list.map((t,o)=>s("div",{class:a.itemContainer},[s("div",{class:[a.item,e.listActive===o&&a.active],onClick:()=>{x(t),R()}},[s("div",{class:a.img},[s(le,{lazy:!0,objectFit:"cover",previewDisabled:!0,src:t.titleImg||ke,onLoad:d=>{d.target.dataset.loaded="true"}},null),s(ge,{class:[e.listActive===o&&e.playState==="play"?"":a.showPlayLoading]},null)]),s("div",{class:a.title},[s("div",{class:a.titleName},[s(Se,{text:t.musicSheetName},null)]),s("div",{class:a.titleDes},[t.composer])]),o==0?s(C,ce({color:"#259CFE",textColor:"#fff"},{id:"music-1"},{round:!0,class:a.btn,type:"primary",onClick:d=>{d.stopPropagation(),I(t)}}),{default:()=>[g("试听"),s("img",{src:e.listActive===o&&e.playState==="play"?X:H},null)]}):s(C,{color:"#259CFE",textColor:"#fff",round:!0,class:a.btn,type:"primary",onClick:d=>{d.stopPropagation(),I(t)}},{default:()=>[g("试听"),s("img",{src:e.listActive===o&&e.playState==="play"?X:H},null)]}),s("img",{class:a.arrow,src:ve},null)])])),!e.finshed&&s("div",{ref:l,class:a.loadingWrap},[s(J,{show:!0},null)]),!e.loading&&e.list.length===0&&s("div",{class:a.empty},[s(Q,null,null)])])]),s("div",{class:a.musicStaff},[s("div",{class:a.musicName},[p.value.musicSheetName]),s("img",{id:"music-2",style:{display:p.value.id?"":"none"},class:[a.goBtn],src:dt,onClick:()=>{G("pause");const t=/(localhost|192)/.test(location.host)?"https://test.lexiaoya.cn":location.origin,o="".concat(t,"/instrument?v=").concat(+new Date,"&platform=pc&showGuide=true&id=").concat(p.value.id,"&Authorization=").concat(U.getToken);window.matchMedia("(display-mode: standalone)").matches?(Be.application=window.matchMedia("(display-mode: standalone)").matches,e.previewModal=!0,e.previewUrl=o,e.showPreivew=!1):window.open(o)}},null),s("div",{class:a.rightBtns,style:{display:p.value.id?"":"none"}},[j.value&&s(V,{options:N.value,trigger:"hover",value:e.musicInstrumentIndex,"onUpdate:value":[t=>e.musicInstrumentIndex=t,t=>{t!==e.musicInstrumentIndex&&R()}],class:[a.popSelect]},{default:()=>[s(C,{round:!0,class:[a.textBtn]},{default:()=>[g("切换声轨"),s("i",{class:a.iconArrow},null)]})]}),s("div",{class:a.favitor,onClick:()=>q()},[s(re,{name:"favitor",mode:"out-in"},{default:()=>[p.value.favitor?s("img",{src:ye,key:"1"},null):s("img",{src:_e,key:"2"},null)]})])]),s("div",{class:a.staffImgs},[j.value?s("iframe",{id:"staffIframeRef",style:{width:"100%"},src:e.iframeSrc,onLoad:R},null):s(ue,{name:"van-fade"},{default:()=>{var t,o,d,A,L;return[(t=p.value)!=null&&t.musicSvg||(o=p.value)!=null&&o.musicImg?(L=((d=p.value)==null?void 0:d.musicSvg)||((A=p.value)==null?void 0:A.musicImg))==null?void 0:L.split(",").map(M=>s("img",{src:M,key:M},null)):s(Q,null,null)]}})])])])])]),e.list.length!==0&&s(we,{show:e.showPlayer,playState:e.playState,item:p.value,onChange:t=>G(t)},null),w.value?s(mt,null,null):null,s(de,{show:e.previewModal,"onUpdate:show":[t=>e.previewModal=t,t=>{t||(e.previewUrl="")}],class:a.previewWindow,showIcon:!1,displayDirective:"show"},{default:()=>[s(J,{show:e.showPreivew,style:"--n-opacity-spinning: 1;"},{default:()=>[s("img",{style:{display:e.showCloseBtn?"":"none"},src:pt,class:a.previewClose,onClick:()=>{e.previewModal=!1,e.previewUrl=""}},null),s("iframe",{class:a.previewIframe,onLoad:()=>{e.showPreivew=!1},frameborder:"0",src:e.previewUrl},null)]})]})])}}});export{Lt as default};
|
